/* Shared CalendarWiz+ solution-page layout */
.solution-page { overflow: hidden; padding-top: 0; background: #f8fbff; color: #53667d; }
.solution-shell, .solution-page > .hero > .container, .solution-page > .hero > .container-fluid, .solution-page > .section > .container, .solution-page > .section > .container-fluid { width: min(1180px, calc(100% - 40px)); max-width: none; margin-right: auto; margin-left: auto; }
.solution-hero { padding: 75px 0 92px; background: radial-gradient(circle at 88% 30%, rgba(104, 174, 246, .28), transparent 26%), linear-gradient(135deg, #f9fcff, #edf5ff 58%, #f7fbff); }
.solution-hero-grid { display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); gap: clamp(40px, 7vw, 105px); align-items: center; }
.solution-hero h1, .solution-page .hero h1, .solution-page .pc-hero h1, .solution-page.modern-howuse .hero h1 { margin: 7rem 0 0 0; color: #1d4175; font-size: 5.5rem !important; font-weight: 750; line-height: .98; letter-spacing: -.065em; text-shadow: 0 2px 5px rgba(23, 61, 112, .18); }
.solution-hero p { max-width: 560px; margin: 0; color: #4a5d73; font-size: 1.9rem; line-height: 1.58; }
.solution-primary-action, .solution-page .btn_trial, .solution-page .pc-trial, .solution-page.modern-howuse .btn_trial { display: inline-flex; align-items: center; margin: 28px 0 0; padding: 13px 22px; border: 0; border-radius: 999px; background: linear-gradient(135deg, #1557ae, #2d7ac9); box-shadow: 0 5px 12px rgba(37, 71, 109, .12); color: #fff; font-size: 1.35rem; font-weight: 700; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }
.solution-primary-action:hover { transform: translateY(-2px); box-shadow: 0 10px 20px rgba(37, 71, 109, .2); color: #fff; }
.solution-support { display: table; margin-top: 20px; padding: 7px 12px; border-radius: 999px; background: rgba(255, 255, 255, .72); box-shadow: 0 5px 14px -12px rgba(37, 71, 109, .45); color: #325682; font-size: 1.15rem; }
.solution-hero-visual { position: relative; overflow: hidden; border-radius: 11px; background: #17477f; box-shadow: 0 28px 52px -30px rgba(18, 72, 140, .58); }
.solution-hero-visual img { display: block; width: 100%; height: auto; }
.solution-intro { padding: 72px 0 82px; background: #fff; }
.solution-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.solution-intro-card { min-height: 235px; padding: 38px 34px; border-radius: 18px; background: linear-gradient(145deg, #fff, #f6faff); box-shadow: 0 18px 38px -31px rgba(27, 76, 133, .5); }
.solution-intro-card h2 { margin: 0 0 13px; color: #23477d; font-size: 2.35rem; font-weight: 700; letter-spacing: -.04em; }
.solution-intro-card p { margin: 0; font-size: 1.55rem; line-height: 1.6; }
.solution-features { padding: 95px 0; background: #f8fbff; }
.solution-section-heading { margin: 0 0 52px; color: #204575; font-size: clamp(3rem, 3.6vw, 4.8rem); font-weight: 700; letter-spacing: -.045em; text-align: center; }
.solution-feature-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.solution-feature-card { padding: 25px; border-radius: 16px; background: #fff; box-shadow: 0 20px 42px -30px rgba(27, 76, 133, .46); }
.solution-feature-card h3 { margin: 0 0 18px; color: #23477d; font-size: 2.45rem; font-weight: 700; letter-spacing: -.04em; }
.solution-feature-card img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 8px; box-shadow: 0 18px 38px -26px rgba(27, 76, 133, .48); }
.solution-feature-card p { margin: 20px 0 0; color: #53667d; font-size: 1.5rem; line-height: 1.6; }
.solution-use { padding: 92px 0; background: #2e384e; color: #fff; }
.solution-use .solution-section-heading, .solution-use h3 { color: #fff; }
.solution-use-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.solution-use-card { padding: 24px; border-radius: 18px; background: rgba(255, 255, 255, .11); box-shadow: 0 18px 38px -18px rgba(7, 13, 25, .62), inset 0 1px 0 rgba(255, 255, 255, .12); }
.solution-use-card i, .solution-use-card .material-icons, .solution-use-card .material-icons-round, .solution-use-card .material-icons-outlined { display: block; margin-bottom: 13px; color: #bfe1ff; font-size: 2.8rem; }
.solution-use-card p { margin: 0; color: #fff; font-size: 1.45rem; line-height: 1.55; }
.solution-callout { margin-top: 42px; padding: 35px 40px; border-radius: 18px; background: rgba(255, 255, 255, .11); box-shadow: 0 22px 45px -22px rgba(7, 13, 25, .7), inset 0 1px 0 rgba(255, 255, 255, .12); }
.solution-callout h3 { margin-top: 0; }
.solution-callout p { margin-bottom: 0; color: #fff; font-size: 1.5rem; line-height: 1.6; }
.solution-testimonials { padding: 95px 0; background: #fff; }
.solution-testimonial-grid { display: grid; grid-template-columns: 1fr; gap: 18px; }
.solution-testimonial { display: grid; grid-template-columns: 80px minmax(0, 1fr); gap: 28px; padding: 28px 34px; border-radius: 16px; background: linear-gradient(145deg, #fff, #f6faff); box-shadow: 0 20px 42px -30px rgba(27, 76, 133, .46); }
.solution-testimonial img { width: 80px; height: 80px; object-fit: cover; border-radius: 50%; box-shadow: 0 8px 18px -12px rgba(27, 76, 133, .55); }
.solution-testimonial blockquote { margin: 0 0 18px; padding: 0; border: 0; color: #405670; font-family: Georgia, serif; font-size: 1.7rem; line-height: 1.55; }
.solution-testimonial b { color: #23477d; }
.solution-testimonial small { color: #718096; }
.solution-trusted { padding: 72px 0; background: #fff; text-align: center; }
.solution-trusted img { margin: 25px auto 0; }
@media (max-width: 767px) { .solution-shell, .solution-page > .hero > .container, .solution-page > .hero > .container-fluid, .solution-page > .section > .container, .solution-page > .section > .container-fluid { width: min(100% - 32px, 620px); } .solution-hero { padding: 112px 0 60px; text-align: center; } .solution-hero h1, .solution-page .hero h1, .solution-page .pc-hero h1, .solution-page.modern-howuse .hero h1 { font-size: 4.3rem !important; } .solution-hero-grid, .solution-card-grid, .solution-feature-grid, .solution-use-grid, .solution-testimonial { grid-template-columns: 1fr; } .solution-hero-visual { margin-top: 10px; } .solution-support { margin-right: auto; margin-left: auto; } .solution-intro, .solution-features, .solution-use, .solution-testimonials { padding: 65px 0; } .solution-testimonial { gap: 18px; padding: 26px; } }