@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#0c141c;--panel:#14202b;--text:#f5f6f1;--muted:#a6b5c1;--line:#293743;--lime:#d7ed7a;--accent:var(--lime)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--lime);outline-offset:5px}.wrap{width:min(1280px,calc(100% - 96px));margin:auto}header{border-bottom:1px solid var(--line);background:#0c141cf5;position:sticky;top:0;z-index:10}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{font-family:'Space Grotesk',sans-serif;font-size:24px;letter-spacing:-1px;font-weight:600;white-space:nowrap}.brand b{color:var(--lime)}.brand small{display:block;font-size:10px;letter-spacing:4.8px;margin-top:-7px;color:#b7c5cf}.navlinks{display:flex;align-items:center;gap:30px;font-size:14px}.navlinks a:hover,.navlinks a[aria-current=page]{color:var(--lime)}.navcta{border:1px solid #61713c;padding:10px 18px;color:var(--lime)}.menu{display:none;color:white;background:none;border:1px solid var(--line);padding:8px 12px}.eyebrow{font-size:13px;letter-spacing:2px;font-weight:600;color:var(--accent);text-transform:uppercase}.hero{padding:75px 0 65px}.herogrid{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center}h1,h2,h3{font-family:'Space Grotesk',sans-serif;line-height:1.08;font-weight:500;margin:0;letter-spacing:-2px}h1{font-size:clamp(44px,5.1vw,76px);margin:25px 0}h1 em{font-style:normal;color:var(--accent)}h2{font-size:clamp(32px,3.5vw,48px)}h3{font-size:25px;letter-spacing:-.7px}p{margin:16px 0;color:var(--muted)}.lead{font-size:19px;max-width:540px;line-height:1.65}.actions{display:flex;flex-wrap:wrap;gap:15px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;font-size:15px;font-weight:700;border:1px solid var(--line);transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#263440}.button.primary{background:var(--accent);border-color:var(--accent);color:#0c141c}.button.primary:hover{filter:brightness(1.1)}.plot{background:#101e29;border:1px solid #30424e;position:relative;min-width:0}.plothead,.plotfoot{display:flex;justify-content:space-between;gap:16px;padding:15px 20px;font:12px 'DM Sans',sans-serif;letter-spacing:1px;color:#a7bac6}.plothead{border-bottom:1px solid var(--line)}.plotfoot{border-top:1px solid var(--line);font-size:11px}.plot svg{display:block;width:100%;height:auto;aspect-ratio:1.25}.plotlabel{position:absolute;bottom:63px;left:22px;max-width:65%;font:11px 'DM Sans',sans-serif;letter-spacing:1px;color:#bcced8}.strip{display:flex;gap:30px;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;color:#bbc9d3;font-size:14px}.strip span:before{content:'+';color:var(--lime);margin-right:12px}.section{padding:86px 0}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:36px}.sectionhead p{max-width:380px;margin:0}.sectionhead .eyebrow{margin-bottom:15px}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid var(--line);background:var(--panel);padding:30px;display:flex;flex-direction:column;position:relative;transition:border .2s,transform .2s}.card:hover{border-color:var(--accent);transform:translateY(-4px)}.cardtop{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.index{font-family:'Space Grotesk';font-size:40px;color:var(--accent);font-weight:400}.badge{font-size:11px;letter-spacing:1.3px;color:var(--accent);border:1px solid #43535e;padding:6px 8px}.card h3{max-width:230px;font-size:30px}.card p{font-size:15px;flex:1}.cardlink{font-size:14px;color:var(--accent);padding-top:22px;margin-top:12px;border-top:1px solid var(--line)}.tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}.tags span{font-size:12px;border:1px solid var(--line);padding:5px 10px;color:#c1ced6}.light{background:#e9ede7;color:#101a22}.light p{color:#53616a}.light .eyebrow{color:#527044}.aboutgrid{display:grid;grid-template-columns:1fr 1fr;gap:95px}.steps{margin:0;padding:0;list-style:none}.steps li{padding:22px 0;border-bottom:1px solid #c4cec7;display:grid;grid-template-columns:36px 1fr;gap:18px}.steps li:first-child{padding-top:0}.steps span{font-family:'Space Grotesk';color:#6b7d5b;font-size:14px;padding-top:4px}.steps h3{font-size:23px}.steps p{font-size:15px;margin:8px 0 0}.contact{border:1px solid var(--line);padding:50px;display:flex;align-items:center;justify-content:space-between;gap:40px;background:linear-gradient(115deg,#182832,#111b23)}.contact h2{max-width:630px;font-size:38px}.contact p{max-width:570px}.contact .button{white-space:nowrap}.contact small{display:block;margin-top:10px;color:var(--muted);font-size:12px}footer{border-top:1px solid var(--line);padding:30px 0;color:var(--muted)}.footerinner{display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:13px}.footlinks{display:flex;gap:20px}.breadcrumb{font-size:13px;color:var(--muted);margin-bottom:35px}.breadcrumb a{color:var(--text)}.producthero{padding-top:38px}.featuregrid{display:grid;grid-template-columns:1fr 1fr;gap:45px 65px;margin-top:50px}.feature{padding-top:23px;border-top:1px solid var(--line)}.feature .number{color:var(--accent);font-size:13px;letter-spacing:2px;margin-bottom:14px}.feature p{max-width:520px}.workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:40px}.workflow div{border-top:1px solid #b8c5bc;padding-top:20px}.workflow b{font-family:'Space Grotesk';display:block;color:#63775b;font-size:28px;font-weight:400;margin-bottom:16px}.workflow h3{font-size:20px;line-height:1.4}.other{display:flex;gap:15px;flex-wrap:wrap;margin-top:25px}.other a{padding:10px 15px;border:1px solid var(--line);color:#c6d3da;font-size:14px}.other a:hover{border-color:var(--lime)}.asset{width:100%;height:auto;display:block;border:1px solid var(--line)}.assetfigure{margin:0}.assetfigure figcaption{font-size:12px;color:var(--muted);padding:10px 0}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:10px;z-index:30;background:#fff;color:#000;padding:10px}@media(max-width:1050px){.wrap{width:calc(100% - 48px)}.navlinks{gap:18px}.herogrid{gap:32px}.card{padding:22px}.card h3{font-size:26px}.badge{font-size:10px}.aboutgrid{gap:45px}}@media(max-width:760px){.wrap{width:calc(100% - 36px)}.nav{height:76px}.brand{font-size:22px}.menu{display:block}.navlinks{display:none;position:absolute;top:76px;left:0;right:0;background:#111e28;padding:24px;align-items:stretch;flex-direction:column;gap:20px;border-bottom:1px solid var(--line)}.navlinks.open{display:flex}.hero{padding:48px 0}.herogrid,.aboutgrid{grid-template-columns:1fr;gap:38px}h1{font-size:48px;letter-spacing:-2px}.lead{font-size:17px}.plot{max-width:600px;width:100%}.strip{display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:12px}.section{padding:58px 0}.sectionhead{display:block}.sectionhead p{margin-top:20px}.products{grid-template-columns:1fr}.cardtop{margin-bottom:22px}.card h3{max-width:none}.card p{max-width:560px}.featuregrid{grid-template-columns:1fr;gap:25px}.workflow{grid-template-columns:1fr 1fr}.contact{padding:27px;display:block}.contact h2{font-size:30px}.contact .button{margin-top:12px}.footerinner{align-items:start;flex-direction:column;gap:20px}.footlinks{flex-wrap:wrap;gap:15px}.producthero{padding-top:25px}.breadcrumb{margin-bottom:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Scroll-linked field exploration */
.hero{min-height:140vh;position:relative;padding-bottom:70px}.hero .herogrid{position:sticky;top:120px}.producthero{min-height:150vh}.producthero .herogrid{top:115px}.interactive-field{overflow:hidden;box-shadow:0 30px 85px #0003}.field-stage{position:relative;aspect-ratio:500/340;background:#101e29}.field-canvas{display:block;width:100%;height:100%}.field-stage:after{content:'';position:absolute;inset:0;pointer-events:none;border:1px solid #ffffff05}.field-caption{padding:10px 18px;color:#a5bac8;font-size:12px;border-top:1px solid var(--line)}.field-controls{padding:15px 18px 18px;background:#14232d}.field-topline{display:flex;align-items:center;justify-content:space-between;gap:12px}.field-play,.field-modes button{border:1px solid #4a6473;background:#172c39;color:#dce9ed;padding:7px 13px;font:600 12px 'DM Sans',sans-serif;cursor:pointer}.field-play:hover{background:#274355}.field-play[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.field-hint{font-size:12px;color:#a5bac8}.field-label{font-size:12px;color:#bfcdd4;display:block;margin-top:14px}.field-output{float:right;color:var(--accent);font-variant-numeric:tabular-nums}.field-phase{width:100%;accent-color:var(--accent);cursor:pointer;display:block;margin:8px 0 0;height:22px}.field-modes{display:flex;border-top:1px solid var(--line);padding:10px 18px;gap:8px}.field-modes button{flex:1;background:transparent;border-color:transparent}.field-modes button[aria-pressed=true]{background:#273c48;border-color:#6c8999;color:#fff}.field-instruction{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-top:25px}.field-progress{height:2px;position:absolute;bottom:0;left:0;background:var(--accent);width:var(--field-progress,0%);transition:width .1s linear}.plothead span:last-child{color:var(--accent)}@media(max-width:760px){.hero,.producthero{min-height:0;padding-bottom:48px}.hero .herogrid,.producthero .herogrid{position:static}.field-hint{font-size:11px}.field-stage{aspect-ratio:500/350}}@media(prefers-reduced-motion:reduce){.hero,.producthero{min-height:0}.hero .herogrid,.producthero .herogrid{position:static}.field-progress{transition:none}}
