:root{--ink:#14243a;--teal:#087f81;--bright:#16b8ae;--coral:#ff704a;--gold:#f4b544;--muted:#687583;--line:#e3e9eb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:#fff}button,a{ -webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--coral);outline-offset:5px}.wrap{max-width:1240px;margin:auto;padding:0 36px}.concept{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;text-align:center;background:#f1f5f5;padding:9px;color:#65757b}header{background:#fffffff5;position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line)}nav{height:90px;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo{width:238px;display:block}nav .links{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:600}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:0;background:var(--teal);color:white;border-radius:6px;padding:16px 22px;font-size:13px;font-weight:700;transition:transform .2s,background .2s}.button:hover{background:#086c70;transform:translateY(-2px)}.button.light{background:white;color:var(--ink);border:1px solid #d6dfe1}.hero{padding:76px 0 65px;background:radial-gradient(ellipse at 85% 70%,#e5f2ef 0,transparent 48%),linear-gradient(#fff,#f7f9fa);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:60px;align-items:center}.eyebrow{display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:700;color:var(--teal)}.dot{width:7px;height:7px;border-radius:50%;background:var(--bright)}h1{font-size:clamp(44px,4.7vw,65px);letter-spacing:-3px;line-height:1.06;margin:24px 0}h1 em{font-style:normal;color:var(--teal)}.lead{font-size:16px;line-height:1.8;color:var(--muted);max-width:440px}.actions{display:flex;gap:12px;margin:28px 0 20px}.subnote{font-size:11px;color:#7b858b}.preview-shell{position:relative;padding:20px 0 25px}.dashboard{background:white;border:1px solid #dce5e6;border-radius:11px;box-shadow:0 25px 65px #133a3f14;overflow:hidden;transform:rotate(-1deg)}.dash-top{height:48px;background:#f9fbfb;border-bottom:1px solid var(--line);padding:0 17px;display:flex;align-items:center;justify-content:space-between;font-size:10px}.mini-brand{font-weight:800;font-size:13px}.mini-brand span{color:var(--teal)}.sample{font-size:8px;letter-spacing:1px;text-transform:uppercase;color:#7a858d}.dash-layout{display:grid;grid-template-columns:94px 1fr;min-height:340px}.sidebar{border-right:1px solid var(--line);padding:18px 8px;font-size:9px;color:#72818a}.side-item{padding:11px 8px;margin:2px 0}.side-item.sel{background:#eaf6f3;color:var(--teal);border-radius:4px;font-weight:700}.dash-body{padding:22px 18px}.dash-title{font-size:19px;letter-spacing:-.6px;font-weight:700;margin:7px 0}.dash-meta{font-size:9px;color:var(--muted);margin-bottom:21px}.badge{border-radius:12px;color:var(--teal);background:#e7f6ef;padding:4px 7px;font-size:8px;float:right}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.metric{border:1px solid var(--line);border-radius:6px;padding:12px 8px}.metric label{font-size:8px;color:var(--muted)}.metric strong{display:block;font-size:23px;letter-spacing:-1px;margin:8px 0}.metric small{font-size:7px;color:var(--teal)}.tabbar{display:flex;border-bottom:1px solid var(--line);gap:18px;margin-top:24px}.tabbar button{border:0;background:none;padding:0 0 10px;color:#78858c;font-size:9px}.tabbar button.active{border-bottom:2px solid var(--teal);color:var(--teal);font-weight:bold}.rows{font-size:9px}.row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #f0f3f4}.row span:last-child{font-size:8px;color:var(--teal);background:#edf7f3;padding:4px 6px;border-radius:3px}.float-note{position:relative;margin:-9px 0 0 110px;background:white;border:1px solid var(--line);border-radius:8px;padding:15px 18px;box-shadow:0 8px 30px #14243a0c;display:flex;gap:12px;align-items:center;font-size:11px}.check{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#e4f6ed;color:var(--teal)}.float-note small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.use-cases{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0}.use-cases .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px}.use-cases span:first-child{font-size:9px;letter-spacing:1.5px;color:#7b858b;text-transform:uppercase}.use-cases b{font-weight:500}.section{padding:88px 0}.section-top{display:flex;justify-content:space-between;gap:70px;align-items:end;margin-bottom:39px}h2{font-size:38px;line-height:1.15;letter-spacing:-1.4px;margin:14px 0 0}.section-top p{max-width:370px;font-size:14px;line-height:1.8;color:var(--muted);margin:0}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.feature{padding-top:23px;border-top:2px solid var(--bright)}.feature:nth-child(2){border-color:var(--coral)}.feature:nth-child(3){border-color:var(--gold)}.num{font-family:monospace;color:#94a0a7;font-size:12px}.feature h3{font-size:20px;letter-spacing:-.5px;margin:21px 0 13px}.feature p{font-size:13px;line-height:1.9;color:var(--muted);margin:0}.feature ul{padding:0;list-style:none;font-size:12px;line-height:2.6;margin:17px 0 0}.feature li:before{content:'↗';color:var(--teal);margin-right:12px}.ai-section{background:#f5f8f8;border-block:1px solid var(--line)}.ai-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.ai-grid h2{max-width:390px}.ai-grid p{font-size:14px;line-height:1.9;color:var(--muted);max-width:400px}.chat{background:white;border:1px solid #dce5e6;border-radius:12px;box-shadow:0 15px 40px #14243a08;overflow:hidden}.chat-head{padding:20px 24px;border-bottom:1px solid var(--line);font-weight:700;font-size:13px;display:flex;justify-content:space-between}.chat-head span{color:var(--teal)}.chat-content{padding:24px}.question{background:#eef4f4;border-radius:9px 9px 0 9px;padding:14px;font-size:12px;margin-left:35px}.answer{font-size:13px;line-height:1.8;padding:20px 0;min-height:130px}.answer strong{color:var(--teal)}.prompts{display:flex;gap:8px;flex-wrap:wrap}.prompts button{background:white;border:1px solid #d7e2e2;color:var(--teal);border-radius:5px;padding:9px 11px;font-size:10px}.prompts button:hover{background:#ecf8f5}.how{display:grid;grid-template-columns:1fr 2fr;gap:90px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.step-number{font-size:36px;font-weight:700;color:#cfdfdf}.steps h3{font-size:15px;margin:16px 0 10px}.steps p{font-size:12px;line-height:1.8;color:var(--muted)}.closing{background:var(--ink);color:white;border-radius:12px;padding:46px 55px;display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:65px}.closing h2{font-size:32px;margin:0}.closing p{font-size:13px;color:#b0c1cd;line-height:1.7}.closing .button{background:#16b8ae;color:#102c37;white-space:nowrap}footer{border-top:1px solid var(--line);padding:25px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted)}.footer-inner img{width:175px}.dialog{border:1px solid var(--line);padding:32px;border-radius:12px;max-width:440px;color:var(--ink)}.dialog::backdrop{background:#14243a70}.dialog h2{font-size:26px}.dialog p{font-size:14px;line-height:1.8;color:var(--muted)}.menu{display:none} @media(max-width:1000px){.hero-grid{gap:25px}.wrap{padding:0 24px}.logo{width:205px}nav .links{gap:17px}.dash-layout{grid-template-columns:74px 1fr}.ai-grid{gap:40px}.how{gap:40px}.hero{padding:50px 0}h1{font-size:48px}.section{padding:65px 0}}@media(max-width:760px){nav{height:75px}.logo{width:185px}.menu{display:block;border:1px solid var(--line);background:white;padding:9px 12px;border-radius:5px}nav .links{display:none;position:absolute;top:75px;left:0;right:0;background:white;padding:24px;flex-direction:column;border-bottom:1px solid var(--line)}nav .links.open{display:flex}.hero-grid,.ai-grid,.how{grid-template-columns:1fr}.hero-grid{gap:25px}h1{font-size:49px;letter-spacing:-2.4px}.hero{padding:42px 0 20px}.lead{font-size:15px}.preview-shell{max-width:570px;width:100%;margin:auto}.use-cases .wrap{flex-wrap:wrap;justify-content:center;gap:18px}.use-cases span:first-child{width:100%;text-align:center}.use-cases b{font-size:11px}.section-top{display:block}.section-top p{margin-top:20px}.features{grid-template-columns:1fr;gap:28px}.feature ul{display:flex;gap:18px;flex-wrap:wrap;line-height:1.6}.section{padding:50px 0}h2{font-size:32px}.ai-grid{gap:25px}.steps{gap:18px}.closing{margin-top:10px;padding:30px;display:block}.closing .button{margin-top:15px}.footer-inner{gap:20px;align-items:start}.footer-inner span{max-width:150px;line-height:1.6;font-size:10px}.float-note{margin-left:40px}.concept{font-size:9px}.dash-body{padding:17px 12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Production and accessibility refinements; layout follows the approved reference. */
[hidden]{display:none!important}.skip-link{position:fixed;top:8px;left:8px;z-index:30;background:var(--ink);color:white;padding:12px;transform:translateY(-150%)}.skip-link:focus{transform:none}.metric-label{font-size:8px;color:var(--muted)}.metric-total{font-size:12px;color:#65757b}.dash-eyebrow{font-size:7px}.try-question{font-size:12px!important;color:var(--teal)!important}.sample-caption{font-size:10px;line-height:1.6;color:#52616c}.account-note{font-size:11px!important;line-height:1.8!important;max-width:260px}.footer-links{height:auto;display:flex;gap:20px;font-size:12px}.sample{color:#58656c}.subnote{color:#626e77}.tabbar button{color:#596873}.sidebar{color:#596873}.row span:last-child{color:#086568}.preview-shell{scroll-margin-top:110px}.dashboard [role=tabpanel]:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.closing .account-note{color:#d0e2e5}.menu:focus-visible,[role=tab]:focus-visible{outline:3px solid var(--coral);outline-offset:4px}button[aria-pressed=true]{border-color:var(--teal);color:var(--teal)}
@media(max-width:1000px) and (min-width:761px){.hero-grid{grid-template-columns:1fr 1fr;gap:22px}.sidebar{display:none}.dash-layout{grid-template-columns:1fr}.hero h1{font-size:44px}nav .links{gap:13px}.logo{width:190px}.button{gap:10px;padding:14px 16px}}
@media(max-width:760px){.actions{flex-wrap:wrap}.footer-inner{flex-wrap:wrap}.footer-links{flex-wrap:wrap;gap:16px}.account-note{max-width:none}.metrics{gap:6px}.metric{min-width:0}.metric strong{font-size:22px}.sidebar{display:none}.dash-layout{grid-template-columns:1fr}.dash-body{padding:20px 16px}.metric-label,.metric small{font-size:10px}.rows,.tabbar button{font-size:12px}.row span:last-child{font-size:10px}.sample{font-size:9px}.dash-meta{font-size:11px}.badge{font-size:10px}.float-note{margin-left:18px;font-size:12px}.float-note small{font-size:10px}.hero h1{font-size:clamp(35px,10vw,49px)}.wrap{padding-left:22px;padding-right:22px}.prompts{flex-wrap:wrap}.prompts button{max-width:100%;white-space:normal;text-align:left}}
@media(max-width:360px){.hero h1{font-size:34px}.metric strong{font-size:19px}.dash-body{padding:16px 10px}.float-note{margin-left:0}.actions .button{width:100%}}

.section.wrap{padding-left:36px;padding-right:36px}.num,.use-cases span:first-child{color:#626e77}.step-number{color:#6c8086}
@media(max-width:1000px){.section.wrap{padding-left:24px;padding-right:24px}}
@media(max-width:760px){.section.wrap{padding-left:22px;padding-right:22px}}