/* Contour field: use intrinsic-ratio cover so the SVG never leaves inset side gutters. */
body{background-color:#f6f6f1;background-image:url('woven-field.svg')}
.hero-v3{isolation:isolate;background:radial-gradient(ellipse at 51% 68%,#c6ceba90 0,transparent 37%),radial-gradient(ellipse at 0 48%,#dde3d165,transparent 52%),linear-gradient(145deg,#f5f5ef,#f8f8f3 48%,#ecf0e5);padding-top:151px}
.hero-v3:before{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background:url('contour-field.svg') center top / cover no-repeat}
.hero-v3:after{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background:url('woven-field.svg');opacity:.3;mask-image:linear-gradient(#000,transparent 75%)}
.hero-v3 .hero-copy .eyebrow{color:#626c55;letter-spacing:1.45px}
.hero-v3 h1{font-weight:500;font-size:clamp(64px,6.55vw,96px);letter-spacing:-.049em;line-height:1.075}
.hero-v3 h1>span{color:#79866b}
.hero-v3 .hero-copy>p{color:#666f5d;font-size:17px;line-height:1.7}
.hero-v3 .hero-actions{margin-top:29px}
.hero-v3 .hero-actions .btn-dark{box-shadow:inset 0 1px 0 #ffffff22,0 3px 7px #35442718}
.hero-network{height:357px;margin-top:29px;max-width:1180px}
.hero-signals{opacity:.33}
.core-stage{width:241px;height:258px;top:24px;--core-x:9deg;--core-y:-13deg;--core-r:-6deg}
.core-surface{border-radius:38px;background:linear-gradient(137deg,#4d5546 0,#30382a 40%,#252e20 83%,#333d2a);border-color:#66715c;box-shadow:inset 0 1px 1px #f2f9e455,inset -1px -2px 1px #10180f88,2px 4px 0 #1c2517,13px 28px 38px #34442830;gap:23px}
.core-surface:before{content:'';position:absolute;inset:0;border-radius:inherit;background:url('woven-field.svg') center / 130px;opacity:.18;pointer-events:none}
.core-edge{display:block;inset:6px;border-radius:32px;border-color:#bcc9a810}
.core-surface img{width:74px;height:74px;filter:drop-shadow(0 1px 1px #0003)}
.core-wordmark{font-size:29px;letter-spacing:-1.2px;color:#eff3e7}
.core-sheet{border-radius:38px;background:linear-gradient(140deg,#f3f5eb,#cdd6be);border-color:#b9c7aa;box-shadow:inset 0 1px 0 #fff,2px 4px 0 #b9c3aa}
.core-sheet-mid{transform:translate3d(18px,7px,-25px) rotate(6deg)}
.core-ground{opacity:.75;left:-28%;right:-28%;bottom:-24px;height:45px;filter:blur(15px)}
.hero-inputs,.hero-outputs{top:80px;gap:11px}
.hero-inputs{left:9%}.hero-outputs{right:9%}
.hero-node,.hero-network[data-mode="2"] .hero-node{font-size:13px;color:#536147;gap:13px;width:172px}
.hero-node svg{stroke:#6a7b59}
.hero-node:hover,.hero-node[aria-pressed=true]{background:#f4f7eecc;box-shadow:0 0 0 1px #afbd9c44,0 4px 15px #3b4c2410}
.hero-trust{bottom:18px;color:#60734c;font-size:11px}
.hero-v3 .mode-description{color:#657257;font-size:12px}
.hero-foundation{background:#f6f8ef99;border-color:#b5c3a452;backdrop-filter:blur(5px);color:#636f57}
.product-moment{position:relative;isolation:isolate;background-color:#e9ede1;background-image:linear-gradient(90deg,#e9ede133,#e9ede1bb 50%,#e9ede133),url('woven-field.svg')}
.invoice-workspace{box-shadow:0 28px 55px -32px #37482a45;background:#fafbf7f5}
.invoice-document{box-shadow:0 8px 25px #28301906}
.manifesto{background:linear-gradient(110deg,#f8f8f2e6,#f8f8f230 70%,#eef1e4aa)}
.story-sticky{background-color:#e6eadc;background-image:radial-gradient(ellipse at 75% 50%,#e6eadc00,#e6eadcbb 74%),url('woven-field.svg')}
.network-grid{opacity:.12}
.platform{background:linear-gradient(90deg,#f8f8f299,#f8f8f2dc 50%,#f8f8f299)}
.studio{box-shadow:0 20px 50px -34px #2e3e2355}
.security{background:#242c20}
.security:before{background:radial-gradient(ellipse at 78% 33%,#6c805031,transparent 66%),url('contour-field.svg') center / cover no-repeat;opacity:.35}
.security:after{content:'';position:absolute;inset:0;background:url('woven-field.svg');opacity:.12;pointer-events:none}
.security>.shell{z-index:1}
.policy-console{background:linear-gradient(135deg,#2b3624,#232d1d);border-color:#586a46}
.policy-copy .micro-label{color:#a2b38b}
.freedom{position:relative;background:radial-gradient(ellipse at center,#f7f8f0 0,#f7f8f0d9 50%,transparent 78%)}
.faq{background:linear-gradient(#f6f6f166,#f6f6f1dd)}
.cta{isolation:isolate;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#eef2e5,#dfe7d2)}
.cta:before{content:'';position:absolute;inset:-40% -8% -65%;z-index:-1;background:url('contour-field.svg') center / cover no-repeat;opacity:.8;pointer-events:none;transform:rotate(180deg)}
.cta-orbit{display:none}.cta h2{font-weight:500;color:#2c3824}.cta h2 em{color:#6d8156;margin-left:.08em}
.footer{background:linear-gradient(#f6f6f1bb,#f6f6f100)}
@media(min-width:1650px){.hero-v3{padding-top:162px}.hero-network{height:380px}.core-stage{top:30px;width:255px;height:274px}}
@media(max-width:1000px){.hero-inputs{left:7%}.hero-outputs{right:7%}.core-stage{width:219px;height:241px}.hero-node,.hero-network[data-mode="2"] .hero-node{width:145px}.hero-v3:before{background-size:cover}}
@media(max-width:650px){.hero-v3{padding-top:126px;background:radial-gradient(ellipse at 50% 65%,#c6ceba88,transparent 41%),linear-gradient(150deg,#f6f6ef,#f3f5eb)}.hero-v3:before{background-size:cover;background-position:center top;opacity:.85}.hero-v3 h1{font-size:clamp(39px,10.35vw,67px);letter-spacing:-.052em;font-weight:500;line-height:1.1}.hero-v3 .hero-copy>p{font-size:14px;line-height:1.7}.hero-v3 .hero-copy .eyebrow{letter-spacing:.8px}.hero-network{height:296px;margin-top:30px}.core-stage{width:155px;height:177px;top:42px}.core-surface,.core-sheet{border-radius:27px}.core-surface{gap:17px;box-shadow:inset 0 1px 1px #f2f9e433,2px 4px 0 #1c2517,9px 21px 28px #34442832}.core-edge{border-radius:22px;inset:5px}.core-surface img{width:53px;height:53px}.core-wordmark{font-size:21px;letter-spacing:-.8px}.core-sheet-mid{transform:translate3d(11px,5px,-20px) rotate(5deg)}.hero-inputs{left:3%}.hero-outputs{right:3%}.hero-inputs,.hero-outputs{top:65px;gap:9px}.hero-node,.hero-network[data-mode="2"] .hero-node{width:96px;font-size:11px;padding:10px 2px}.hero-trust{font-size:10px;bottom:17px}.hero-v3 .mode-description{font-size:11px}.hero-foundation{font-size:10px}.security:before{background-size:auto,auto 100%;background-position:center,48% center}.cta:before{inset:-20% -80% -50%;opacity:.75}}
@media(max-width:350px){.core-stage{width:139px;height:165px;top:47px}.hero-node,.hero-network[data-mode="2"] .hero-node{font-size:10px;width:82px}.hero-inputs{left:2%}.hero-outputs{right:2%}.hero-v3 h1{font-size:36px}.hero-v3 .hero-actions{gap:13px}}