:root { --navy:#0b2d5b; --blue:#2563ff; --teal:#14b8a6; --coral:#ff6b6b; --cloud:#f6f8fb; }
.home-hero { max-width:1240px; margin:0 auto; padding:72px 28px 56px; display:grid; grid-template-columns:1.02fr .98fr; gap:68px; align-items:center; }
.home-hero__copy h1 { margin:12px 0 24px; color:var(--navy); font-size:clamp(3rem,5.7vw,5.7rem); line-height:.96; letter-spacing:-.055em; }
.home-hero__copy h1 span { color:var(--blue); }
.eyebrow { margin:0; color:#647995; font-size:.76rem; font-weight:800; letter-spacing:.18em; text-transform:uppercase; }
.hero-lead { max-width:640px; color:#425b78; font-size:1.18rem; line-height:1.75; }
.hero-actions { display:flex; gap:26px; align-items:center; margin-top:32px; }
.text-link { color:var(--navy); font-weight:800; text-decoration:none; }
.home-hero__visual { position:relative; margin:0; }
.home-hero__visual:before { content:""; position:absolute; inset:-18px 34px 32px -18px; border-radius:32px; background:linear-gradient(145deg,var(--blue),var(--teal)); transform:rotate(-3deg); }
.home-hero__visual img { position:relative; width:100%; aspect-ratio:1.1; object-fit:cover; border-radius:28px; box-shadow:0 28px 70px rgba(11,45,91,.18); }
.home-hero__visual figcaption { position:absolute; right:-18px; bottom:-24px; min-width:225px; padding:20px 24px; border-radius:16px; background:#fff; color:var(--navy); box-shadow:0 15px 40px rgba(11,45,91,.18); }
.home-hero__visual figcaption strong,.home-hero__visual figcaption span { display:block; }
.home-hero__visual figcaption span { margin-top:4px; color:var(--teal); }
.word-ribbon { display:flex; justify-content:center; align-items:center; gap:26px; padding:19px 24px; background:var(--navy); color:#fff; font-size:.73rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.word-ribbon i { width:4px; height:4px; border-radius:50%; background:var(--teal); }
.home-section { max-width:920px; margin:0 auto; padding:110px 28px 70px; text-align:center; }
.home-section h2,.product-spotlight h2,.home-manifesto h2,.home-cta h2 { color:var(--navy); font-size:clamp(2.2rem,4vw,4rem); line-height:1.08; letter-spacing:-.04em; }
.home-intro > p:last-child { max-width:760px; margin:24px auto 0; color:#526984; font-size:1.12rem; line-height:1.8; }
.value-grid { max-width:1184px; margin:0 auto 110px; padding:0 28px; display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.value-card { position:relative; min-height:250px; padding:28px; border-radius:20px; overflow:hidden; color:#fff; }
.value-card span { opacity:.68; font-size:.75rem; font-weight:800; letter-spacing:.15em; }
.value-card h3 { margin:58px 0 12px; font-size:1.25rem; }
.value-card p { margin:0; line-height:1.6; opacity:.88; }
.value-card--navy { background:var(--navy); }.value-card--blue { background:var(--blue); }.value-card--teal { background:var(--teal); }.value-card--coral { background:var(--coral); }
.product-spotlight { padding:100px max(28px,calc((100vw - 1184px)/2)); display:grid; grid-template-columns:.82fr 1.18fr; gap:80px; align-items:center; background:#edf3fb; }
.product-spotlight__copy > p:not(.eyebrow) { color:#526984; line-height:1.75; }
.feature-list { padding:0; margin:26px 0 32px; list-style:none; color:var(--navy); }
.feature-list li { margin:13px 0; padding-left:28px; position:relative; }.feature-list li:before { content:"✓"; position:absolute; left:0; color:var(--teal); font-weight:900; }
.product-spotlight__visual { padding:44px 0; background:radial-gradient(circle,var(--teal) 0 3px,transparent 4px); background-size:25px 25px; }
.app-preview { padding:22px; border:1px solid #d9e2ee; border-radius:18px; background:#fff; color:var(--navy); box-shadow:0 28px 65px rgba(11,45,91,.16); transform:rotate(1deg); }
.app-preview__top,.app-preview__toolbar,.app-preview__tabs,.app-preview__actions { display:flex; align-items:center; gap:10px; }
.app-preview__top img { width:30px; }.app-preview__top span { font-weight:800; }.app-preview__top b { margin-left:auto; padding:9px 12px; border-radius:10px; background:var(--navy); color:#fff; font-size:.72rem; }
.app-preview__toolbar { justify-content:space-between; margin:30px 0 18px; }.app-preview__toolbar span { padding:10px 70px 10px 12px; border:1px solid #ccd6e2; }.app-preview__toolbar button { padding:11px 17px; border:0; background:var(--blue); color:#fff; }
.app-preview__tabs { border-bottom:1px solid #ccd6e2; }.app-preview__tabs>* { padding:9px 12px; font-size:.78rem; }.app-preview__tabs b { border:1px solid #ccd6e2; border-bottom:3px solid #fff; margin-bottom:-2px; }
.app-preview > p { min-height:130px; padding:20px 12px; font-size:1.02rem; line-height:1.55; }.app-preview__actions { justify-content:space-between; color:#71839a; font-size:.78rem; }.app-preview__actions b { padding:9px 16px; background:var(--blue); color:#fff; }
.home-manifesto { padding:110px 28px; text-align:center; }.home-manifesto p:last-child { max-width:690px; margin:0 auto; color:#526984; font-size:1.1rem; line-height:1.8; }
.home-cta { max-width:1184px; margin:0 auto 100px; padding:42px 48px; border-radius:24px; display:grid; grid-template-columns:auto 1fr auto; gap:30px; align-items:center; background:linear-gradient(120deg,var(--navy),#10498a); color:#fff; }
.home-cta h2 { margin:7px 0 0; color:#fff; font-size:2rem; }.home-cta .eyebrow { color:#84dcd1; }.button-light { background:#fff !important; color:var(--navy) !important; }
@media(max-width:900px){.home-hero,.product-spotlight{grid-template-columns:1fr}.home-hero{padding-top:46px}.value-grid{grid-template-columns:1fr 1fr}.word-ribbon{flex-wrap:wrap}.home-cta{grid-template-columns:auto 1fr}.home-cta .button{grid-column:1/-1;text-align:center}}
@media(max-width:580px){.home-hero{padding:40px 20px 46px;gap:45px}.home-hero__copy h1{font-size:clamp(2.55rem,13vw,3.5rem);overflow-wrap:anywhere}.home-hero__visual:before{inset:-10px 14px 20px -8px}.home-hero__visual figcaption{position:relative;right:auto;bottom:auto;min-width:0;margin:-18px 12px 0;padding:16px 18px}.hero-actions{align-items:stretch;flex-direction:column;gap:16px}.hero-actions .button{text-align:center}.home-section{padding:72px 20px 52px}.value-grid{grid-template-columns:1fr;padding-inline:20px;margin-bottom:72px}.product-spotlight{padding:70px 20px;gap:42px}.app-preview{padding:16px;transform:none}.app-preview__toolbar{align-items:stretch;flex-direction:column}.app-preview__toolbar span{padding-right:20px}.app-preview__toolbar button{min-height:42px}.app-preview__tabs span{display:none}.home-manifesto{padding:72px 20px}.home-cta{margin:0 20px 70px;padding:30px 24px;grid-template-columns:1fr}.word-ribbon i{display:none}.word-ribbon{justify-content:flex-start;gap:12px 18px;padding-inline:20px}.word-ribbon span{font-size:.68rem}}

.home-product-directory{max-width:1240px;margin:0 auto;padding:12px 28px 56px;display:grid;gap:24px}
.home-product-entry{min-width:0;display:grid;grid-template-columns:220px minmax(0,1fr) 373px;gap:32px;align-items:start}
.home-product-entry .button{display:flex;align-items:center;justify-content:center;width:100%;min-height:58px;white-space:normal;text-align:center}
.home-product-summary{margin:0;color:#425b78;font-size:.98rem;line-height:1.65}
.home-product-entry .product-audience{width:100%;padding:0;background:transparent}
.home-product-entry .product-fit-panel{width:100%;border-radius:12px}
.home-product-entry .product-fit-panel>summary{justify-content:space-between;gap:10px;padding:12px 18px 12px 12px;min-height:56px;font-size:1rem}
.home-product-entry .product-fit-panel>summary>span:first-child{min-width:0;display:flex;align-items:center;gap:6px;white-space:nowrap}
.home-product-entry .product-fit-panel>summary small{display:inline;margin:0;max-width:none;font-size:.875rem;white-space:nowrap;line-height:1.5}
.home-product-entry .product-fit-toggle{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex:0 0 20px;margin-left:auto;font-size:1.25rem}
.home-product-entry .product-fit-content{padding:2px 17px 12px}
.home-product-entry .product-fit-cases{grid-template-columns:minmax(0,1fr);gap:0}
.home-why-link{grid-column:1/-1;justify-self:start}
@media(max-width:1000px){.home-product-entry{gap:20px}}
@media(max-width:700px){.home-product-entry{grid-template-columns:minmax(0,1fr);gap:14px;padding-bottom:24px;border-bottom:1px solid #dbe3ef}.home-product-directory{padding:0 20px 40px;gap:28px}.home-product-entry .product-fit-content{padding-inline:15px}}
@media(min-width:701px) and (max-width:1200px){.home-product-entry{grid-template-columns:190px minmax(0,1fr) 330px}}
@media(max-width:370px){.home-product-entry .product-fit-panel>summary{padding-inline:8px;font-size:.8rem}.home-product-entry .product-fit-panel>summary small{font-size:.68rem}.home-product-entry .product-fit-panel>summary>span:first-child{gap:4px}}

@media(max-width:700px){.home-product-entry .product-fit-panel>summary{font-size:.94rem;gap:8px}.home-product-entry .product-fit-panel>summary small{font-size:.81rem}}
@media(max-width:370px){.home-product-entry .product-fit-panel>summary{font-size:.84rem;gap:6px}.home-product-entry .product-fit-panel>summary small{font-size:.73rem}}

@media(min-width:701px){
 .home-product-entry{container-type:inline-size}
 .home-product-entry .product-fit-panel[open]{overflow:visible;border:0;background:transparent}
 .home-product-entry .product-fit-panel[open]>summary{border:1px solid var(--line);border-radius:12px;min-height:58px}
 .home-product-entry .product-fit-panel[open]>.product-fit-content{box-sizing:border-box;width:100cqw;margin-left:calc(100% - 100cqw);margin-top:24px;padding:18px 26px;border:1px solid var(--line);border-radius:12px;background:#fff}
 .home-product-entry .product-fit-cases{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px}
}
@media(min-width:701px) and (max-width:1000px){.home-product-entry .product-fit-cases{grid-template-columns:repeat(2,minmax(0,1fr))}}