/* Simple solution landing pages — intentionally outcome-first and claim-disciplined */
.solution-site { background:#f5f8fc; }
.solution-shell { width:min(1180px,calc(100% - 2rem)); margin-inline:auto; }
.solution-status { background:#06101d; border-top:1px solid rgba(39,212,255,.12); border-bottom:1px solid rgba(39,212,255,.12); color:#b9cddd; }
.solution-status .solution-shell { min-height:44px; display:flex; flex-wrap:wrap; align-items:center; gap:.45rem 1.25rem; font-size:.83rem; }
.solution-status span { display:inline-flex; align-items:center; gap:.35rem; }
.solution-status span::before { content:""; width:6px; height:6px; border-radius:50%; background:#4ee39a; box-shadow:0 0 10px rgba(78,227,154,.7); }
.solution-status a { margin-left:auto; color:#74def8; font-weight:800; text-decoration:none; }
.solution-hero { position:relative; overflow:hidden; color:#fff; background:radial-gradient(780px 500px at 82% 22%,rgba(39,136,255,.24),transparent 65%),radial-gradient(580px 420px at 8% 8%,rgba(39,212,255,.14),transparent 62%),linear-gradient(145deg,#050c16,#0a1b30 58%,#06111f); }
.solution-hero::before { content:""; position:absolute; inset:0; opacity:.24; background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size:34px 34px; mask-image:linear-gradient(to bottom,#000,transparent 92%); }
.solution-hero__grid { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1fr) minmax(390px,.92fr); gap:clamp(2rem,5vw,5rem); align-items:center; min-height:620px; padding:clamp(4rem,8vw,6.6rem) 0; }
.solution-mini-label { margin:0 0 .9rem; color:#20ccec; font-family:var(--font-display); font-size:.73rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.solution-hero h1 { max-width:820px; margin:0; color:#fff; font-family:var(--font-display); font-size:clamp(2.35rem,5.4vw,4.7rem); line-height:1.02; letter-spacing:-.045em; }
.solution-hero h1 em { color:transparent; font-style:normal; background:linear-gradient(90deg,#67e8f9,#48a9ff 55%,#8af1bf); -webkit-background-clip:text; background-clip:text; }
.solution-hero__lede { max-width:670px; margin:1.35rem 0 0; color:#c7d6e4; font-size:clamp(1.04rem,1.6vw,1.2rem); line-height:1.72; }
.solution-actions { display:flex; flex-wrap:wrap; gap:.8rem; margin-top:1.6rem; }
.solution-proofline { display:flex; flex-wrap:wrap; gap:.6rem 1rem; margin-top:1.4rem; color:#abc1d3; font-size:.9rem; }
.solution-proofline span { display:inline-flex; align-items:center; gap:.45rem; }
.solution-proofline span::before { content:"✓"; color:#65e5a7; font-weight:900; }
.solution-hero__visual { position:relative; }
.solution-hero__visual img { display:block; width:100%; aspect-ratio:4/3; object-fit:cover; border:1px solid rgba(147,210,255,.2); border-radius:24px; box-shadow:0 38px 80px rgba(0,0,0,.38); }
.solution-hero__visual figcaption { position:absolute; left:18px; right:18px; bottom:18px; padding:.85rem 1rem; border:1px solid rgba(255,255,255,.13); border-radius:14px; background:rgba(5,15,28,.82); backdrop-filter:blur(10px); color:#d5e5f1; font-size:.86rem; line-height:1.45; }
.solution-hero__visual figcaption strong { display:block; color:#fff; margin-bottom:.18rem; }
.solution-section { padding:clamp(4rem,7vw,6.5rem) 0; }
.solution-section--soft { background:#eef4fa; border-block:1px solid rgba(29,86,133,.08); }
.solution-section--dark { color:#fff; background:linear-gradient(145deg,#07111f,#0c1d31); }
.solution-section-head { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,.55fr); gap:2rem; align-items:end; margin-bottom:2.1rem; }
.solution-section-head h2,.solution-faq h2,.solution-honesty h2 { margin:0; color:#0b1b2b; font-family:var(--font-display); font-size:clamp(1.8rem,3.5vw,3rem); line-height:1.12; letter-spacing:-.025em; }
.solution-section--dark .solution-section-head h2 { color:#fff; }
.solution-section-head > p { margin:0; color:#657b8f; line-height:1.7; }
.solution-section--dark .solution-section-head > p { color:#aec2d3; }
.solution-problem-grid { display:grid; grid-template-columns:1fr auto 1fr; gap:1rem; align-items:stretch; }
.solution-workflow-card { padding:1.5rem; border:1px solid rgba(14,74,122,.12); border-radius:20px; background:#fff; box-shadow:0 20px 55px rgba(24,59,92,.08); }
.solution-workflow-card--after { border-color:rgba(2,169,195,.28); background:linear-gradient(150deg,#fff,#effcff); }
.solution-workflow-card h3 { margin:.2rem 0 1rem; color:#10253a; font-size:1.18rem; }
.solution-workflow { display:grid; gap:.55rem; margin:0; padding:0; list-style:none; }
.solution-workflow li { display:grid; grid-template-columns:34px 1fr; gap:.7rem; align-items:center; color:#526c82; line-height:1.45; }
.solution-workflow li span { display:grid; place-items:center; width:34px; height:34px; border-radius:10px; background:#edf4fa; color:#0b6899; font-weight:900; }
.solution-arrow { align-self:center; color:#138bb4; font-size:2rem; font-weight:900; }
.solution-value-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.solution-value { padding:1.45rem; border:1px solid rgba(13,79,126,.11); border-radius:18px; background:#fff; }
.solution-value strong { display:block; margin-bottom:.55rem; color:#10263b; font-size:1.02rem; }
.solution-value p { margin:0; color:#64798d; line-height:1.62; }
.solution-number { display:inline-grid; place-items:center; width:38px; height:38px; margin-bottom:.9rem; border-radius:12px; background:#e7f8fc; color:#087ca2; font-family:var(--font-display); font-weight:900; }
.solution-honesty { width:min(1180px,calc(100% - 2rem)); margin:clamp(3rem,6vw,5rem) auto; padding:clamp(1.5rem,4vw,2.4rem); border:1px solid rgba(39,136,255,.18); border-radius:24px; background:linear-gradient(145deg,#fff,#f3f8fc); box-shadow:0 24px 60px rgba(15,50,82,.08); }
.solution-honesty__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin-top:1.5rem; }
.solution-honesty__grid > div { padding:1.15rem; border-radius:16px; background:#fff; border:1px solid rgba(11,85,137,.09); }
.solution-honesty__grid strong { display:block; margin-bottom:.35rem; color:#10283d; }
.solution-honesty__grid p { margin:0; color:#63798d; line-height:1.58; }
.solution-demo { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr); gap:1.25rem; align-items:stretch; }
.solution-demo .yt-lite { min-height:390px; border-radius:20px; overflow:hidden; }
.solution-demo__copy { padding:1.5rem; border:1px solid rgba(131,202,255,.15); border-radius:20px; background:rgba(255,255,255,.055); }
.solution-demo__copy h3 { margin-top:0; color:#fff; }
.solution-demo__copy ul { padding-left:1.2rem; color:#b6cadb; line-height:1.7; }
.solution-demo__copy a { color:#69ddf7; font-weight:800; }
.solution-audience-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.solution-audience-card { display:grid; grid-template-columns:82px 1fr; gap:1rem; align-items:start; padding:1.35rem; border:1px solid rgba(16,84,132,.11); border-radius:18px; background:#fff; text-decoration:none; transition:transform .18s ease,border-color .18s ease; }
.solution-audience-card:hover { transform:translateY(-2px); border-color:rgba(14,160,198,.42); text-decoration:none; }
.solution-audience-card__icon { display:grid; place-items:center; width:82px; height:82px; border-radius:18px; background:linear-gradient(145deg,#e8f9fd,#e8f0ff); color:#0d709c; font-family:var(--font-display); font-weight:900; font-size:1rem; }
.solution-audience-card h3 { margin:0 0 .4rem; color:#0f263b; }
.solution-audience-card p { margin:0; color:#61788c; line-height:1.55; }
.solution-audience-card small { display:block; margin-top:.65rem; color:#0b80a8; font-weight:800; }
.solution-fit { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.solution-fit > div { padding:1.4rem; border-radius:18px; border:1px solid rgba(14,79,126,.12); background:#fff; }
.solution-fit h3 { margin-top:0; color:#10283d; }
.solution-fit ul { margin-bottom:0; padding-left:1.2rem; color:#62798e; line-height:1.68; }
.solution-fit__not { background:#fff8f5 !important; border-color:rgba(193,91,55,.15) !important; }
.solution-faq { display:grid; grid-template-columns:minmax(260px,.65fr) minmax(0,1fr); gap:3rem; align-items:start; }
.solution-faq details { border-bottom:1px solid rgba(17,76,121,.12); }
.solution-faq summary { padding:1rem 0; color:#112a40; font-weight:800; cursor:pointer; }
.solution-faq details p { margin:0 0 1.2rem; color:#60778c; line-height:1.66; }
.solution-cta { padding:clamp(2rem,5vw,3.2rem); border-radius:24px; color:#fff; background:radial-gradient(500px 250px at 85% 10%,rgba(39,212,255,.18),transparent 70%),linear-gradient(145deg,#07111f,#0b2036); box-shadow:0 28px 70px rgba(3,21,39,.2); }
.solution-cta h2 { max-width:850px; margin:0; color:#fff; font-family:var(--font-display); font-size:clamp(1.8rem,3.5vw,3rem); line-height:1.12; }
.solution-cta p { max-width:750px; color:#b8ccdc; line-height:1.65; }
.solution-note { margin-top:1rem; color:#8ca5b9; font-size:.86rem; }
.solution-comparison { overflow-x:auto; border:1px solid rgba(12,75,119,.11); border-radius:18px; background:#fff; }
.solution-comparison table { width:100%; min-width:720px; border-collapse:collapse; }
.solution-comparison th,.solution-comparison td { padding:1rem; border-bottom:1px solid rgba(12,75,119,.09); text-align:left; vertical-align:top; }
.solution-comparison th { color:#143149; background:#edf5fa; }
.solution-comparison td { color:#5d7489; }
.solution-comparison tr:last-child td { border-bottom:0; }
.solution-page-nav { display:flex; flex-wrap:wrap; gap:.6rem; margin-top:1.5rem; }
.solution-page-nav a { padding:.55rem .8rem; border:1px solid rgba(39,160,203,.22); border-radius:999px; color:#0b6f95; font-size:.84rem; font-weight:800; text-decoration:none; background:#f6fcfe; }
@media (max-width:960px){.solution-hero__grid{grid-template-columns:1fr;min-height:auto}.solution-hero__visual{max-width:760px}.solution-section-head,.solution-demo,.solution-faq{grid-template-columns:1fr}.solution-value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.solution-status a{margin-left:0}}
@media (max-width:700px){.solution-hero h1{font-size:clamp(2rem,12vw,3.25rem)}.solution-problem-grid{grid-template-columns:1fr}.solution-arrow{transform:rotate(90deg);justify-self:center}.solution-value-grid,.solution-honesty__grid,.solution-audience-grid,.solution-fit{grid-template-columns:1fr}.solution-audience-card{grid-template-columns:58px 1fr}.solution-audience-card__icon{width:58px;height:58px;border-radius:14px}.solution-demo .yt-lite{min-height:245px}.solution-status .solution-shell{padding:.65rem 0}.solution-status span{width:100%}}