:root{--ink:#142d37;--muted:#64767c;--teal:#17696a;--deep:#0c343e;--paper:#fcfcfa;--line:#e4eae5;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;overflow-x:hidden;background:var(--paper);color:var(--ink);font:16px/1.65 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}
button,input{font:inherit}
button,a{touch-action:manipulation}
button{border:0;cursor:pointer;background:none;color:inherit}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #55a89c;outline-offset:4px}
h1,h2,h3,p{margin:0}
h1,h2{font-family:var(--serif);font-weight:500;letter-spacing:-.045em;line-height:1.08}
h1{font-size:clamp(43px,4.3vw,63px)}
h1 em{font-style:normal;color:var(--teal)}
h2{font-size:44px}
h3{font-size:17px;line-height:1.4;letter-spacing:-.02em}
p{color:var(--muted)}
.wrap{max-width:1232px;padding:0 40px;margin:auto}
header{position:sticky;top:0;z-index:20;background:#fcfcfaeb;backdrop-filter:blur(16px);border-bottom:1px solid #e4eae566}
.nav{height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:9px;font-size:23px;font-weight:650;letter-spacing:-1px}
.brand{font-family:Georgia,serif;font-weight:500;letter-spacing:-.055em}.brand .dot{font-style:normal;color:#17696a}.logo{position:relative;flex:none;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:25%;background:#0c343e;color:#fff;font:500 .85em/1 Georgia,serif;letter-spacing:0;overflow:hidden}.logo::after{content:"";position:absolute;right:0;bottom:0;width:34%;height:34%;background:linear-gradient(to top left,#a1d4bd 50%,transparent 50%)}
.nav nav{display:flex;gap:29px;font-size:14px}
.nav nav a:hover,.login:hover{color:var(--teal)}
.nav-right{display:flex;align-items:center;gap:25px}
.login{font-size:14px;text-decoration:underline;text-underline-offset:5px}
.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 23px;min-height:50px;background:var(--teal);color:white;border-radius:6px;font-size:14px;font-weight:600;white-space:nowrap;box-shadow:0 3px 8px #0b423d10;transition:.2s}
.button:hover{background:#0c5054;transform:translateY(-2px);box-shadow:0 8px 18px #0b423d20}
.button.compact{border-radius:25px;min-height:39px;font-size:13px;padding:8px 20px;background:var(--deep)}
.menu{display:none;font-size:23px}
.mobile-nav{padding:10px 22px}
.mobile-nav a{display:block;padding:10px}
.hero{padding:70px 0 0;background:radial-gradient(ellipse at 93% 27%,#d5eee780,transparent 35%),radial-gradient(ellipse at 0% 65%,#e4f0e780,transparent 26%)}
.hero-grid{display:grid;grid-template-columns:1.23fr 1fr;align-items:center;gap:10px;min-height:440px}
.hero-copy{padding:0 0 30px;position:relative;z-index:1}
.badge{font-size:10px;font-weight:650;letter-spacing:.11em;color:var(--teal);background:#e0f0e9;border-radius:20px;padding:6px 12px;display:inline-block;margin-bottom:26px}
.lead{font-size:18px;line-height:1.65;margin:24px 0 28px;max-width:550px}
.invite-form{display:flex;max-width:540px;padding:3px;border:1px solid #cbd8d1;border-radius:8px;background:#fff}
.invite-form input{border:0;min-width:0;flex:1;padding:12px 14px;color:var(--ink);background:none;font-size:14px;width:100%}
.invite-form .button{padding:12px 17px;font-size:13px}
.hero-meta{display:flex;align-items:center;gap:22px;font-size:14px;margin-top:23px}
.hero-meta strong{font-size:17px}
.hero-meta i{width:1px;height:18px;background:#c7d5cf}
.demo-link{display:inline-flex;align-items:center;gap:10px;color:var(--teal);font-size:13px;font-weight:600}
.demo-link:hover{text-decoration:underline;text-underline-offset:5px}
.play{display:inline-flex;align-items:center;justify-content:center;width:21px;height:21px;font-size:13px;border:1px solid #73a8a0;border-radius:50%}
.micro{font-size:11px;margin-top:12px}
.hero-art{height:420px;position:relative}
.hero-art>img{position:absolute;width:450px;height:auto;max-width:110%;top:83px;left:-50px;mix-blend-mode:multiply}
.connectors{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#88aaa2;stroke-width:1.2}
.connectors circle{fill:var(--teal)}
.entity{display:flex;align-items:center;gap:14px;background:#fffffff2;border:1px solid #fff;box-shadow:0 15px 30px #21342c0a;border-radius:10px;padding:18px 20px;position:absolute;font-size:14px;min-width:195px;animation:float 7s ease-in-out infinite}
.entity small{display:block;color:#7d8c8e;font-size:10px}
.entity strong{display:block;font-size:14px;margin-top:5px;font-weight:600;font-variant-numeric:tabular-nums}
[data-icon]{display:inline-flex;flex-shrink:0;color:var(--teal)}
[data-icon] svg{width:25px;height:25px}
.e1{top:0;left:42%;min-width:215px}
.e2{top:154px;right:-5px;animation-delay:-2s;min-width:224px}
.e3{bottom:16px;left:7%;animation-delay:-4s}
.e4{bottom:-5px;right:-22px;animation-delay:-5s}
@keyframes float{50%{transform:translateY(-7px)}
}
.demo-wrap{padding-top:54px}
.dashboard{display:flex;background:white;border:1px solid #e4eae5;border-radius:14px;overflow:hidden;box-shadow:0 22px 65px #183e320b,0 3px 12px #183e3204;min-height:458px}
.dashboard aside{width:175px;padding:27px 14px;display:flex;flex-direction:column;background:#fafbf8;border-right:1px solid #eaf0e9;flex-shrink:0}
.brand.mini{font-size:16px;gap:7px;margin:0 7px 27px}
.mini .logo{width:17px;height:17px}
.side-tabs{display:grid;gap:8px}
.side-tabs button{display:flex;gap:12px;align-items:center;padding:13px 12px;border-radius:7px;text-align:left;font-size:13px}
.side-tabs [data-icon] svg{width:17px;height:17px}
.side-tabs button.active{background:#e0f1ea;color:var(--teal);font-weight:600}
.account{display:flex;align-items:center;gap:10px;margin-top:auto;font-size:11px;padding-top:35px}
.account>b{display:grid;place-items:center;background:#e5ede6;border-radius:50%;width:30px;height:30px;font-size:10px;font-weight:500}
.account small{display:block;color:#8a9893;font-size:10px}
.dash-main{flex:1;min-width:0;padding:23px 28px 14px}
.toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:18px;border-bottom:1px solid #edf1ec}
.tabs{display:flex;gap:3px}
.tabs button{font-size:11px;padding:7px 10px;border-radius:20px}
.tabs button.active{background:#e4f3ed;color:var(--teal);font-weight:600}
.viewpoint{display:flex;align-items:center;gap:10px}
.viewpoint>span{font-size:10px;color:#879890}
.segmented{display:flex;background:#f3f6f1;border-radius:20px;padding:3px}
.segmented button{font-size:11px;padding:5px 12px;border-radius:20px}
.segmented button.active{background:var(--deep);color:white}
.statrow{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:26px 0 18px}
.label{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#758982}
.net{font-size:40px;line-height:1.3;letter-spacing:-1.8px;font-weight:550;font-variant-numeric:tabular-nums}
.gain{font-size:12px;color:var(--teal);margin-top:3px}
.substats{display:flex;gap:32px}
.substats small{display:block;font-size:10px;color:#7b8b85}
.substats strong{display:block;font-size:14px;font-weight:500;white-space:nowrap}
.chart-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:32px}
.chart{width:100%;margin-top:9px;overflow:visible}
.chart text{font-family:inherit;font-size:10px;fill:#889c91}
.chart .line{fill:none;stroke:#318d83;stroke-width:2.4;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1200;stroke-dashoffset:1200;animation:draw 2.1s forwards}
@keyframes draw{to{stroke-dashoffset:0}
}
.allocation h4{font-size:10px;letter-spacing:.07em;margin:0 0 15px;font-weight:600}
.allocation article{margin-bottom:13px}
.allocation article>div:first-child{display:flex;justify-content:space-between;gap:5px;font-size:11px}
.allocation strong{font-size:10px;font-weight:500}
.track{height:5px;background:#eef2ed;border-radius:5px;margin-top:6px;overflow:hidden}
.track i{display:block;height:100%;border-radius:5px;background:#4c978b}
.allocation article:nth-child(3) .track i{background:#80b2a7}
.allocation article:nth-child(4) .track i{background:#a5c7b8}
.dash-footer{display:flex;justify-content:space-between;font-size:9px;color:#85978f;gap:10px;border-top:1px solid #edf2eb;padding-top:14px;margin-top:15px}
.caption{display:flex;justify-content:space-between;font-size:11px;color:#81978d;margin-top:17px}
.section{padding:98px 0}
.vision{padding-top:125px}
.two-col{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}
.eyebrow{font-size:11px;letter-spacing:.15em;font-weight:550;color:#80918c;margin-bottom:21px}
.copy{font-size:16px;line-height:1.8;margin-top:20px;max-width:540px}
.vision .demo-link{margin-top:26px}
.asset-scene{position:relative;height:375px;background:radial-gradient(ellipse at center,#eaf2e875,transparent 70%)}
.asset-card{position:absolute;width:195px;padding:20px;background:#fff;border:1px solid #edf1e9;border-radius:9px;box-shadow:0 14px 30px #284d3b0c}
.asset-card>small{font-size:8px;letter-spacing:.08em;color:#859c8f}
.asset-card>[data-icon]{position:absolute;right:17px;top:17px}
.asset-card>[data-icon] svg{width:19px;height:19px}
.asset-card h3{font-size:13px;font-weight:500;margin-top:14px}
.asset-card strong{font-size:17px;display:block;margin-top:6px}
.asset-card>svg{width:100%;height:45px;fill:none;stroke:#499a8c;stroke-width:2;margin-top:8px}
.a1{left:12px;top:0;transform:rotate(-4deg)}
.a2{right:0;top:27px;transform:rotate(4deg)}
.a3{left:0;bottom:42px;transform:rotate(-2deg)}
.asset-label{background:#eff5ed;margin:15px -20px -20px;padding:13px 20px;font-size:9px;color:#819d8c;border-radius:0 0 8px 8px;display:flex;justify-content:space-between}
.asset-total{position:absolute;bottom:69px;right:-12px;display:flex;gap:16px;align-items:center;background:var(--deep);color:white;padding:23px;border-radius:9px;box-shadow:0 15px 30px #11392d25;transform:rotate(2deg)}
.asset-total [data-icon]{color:#a1d4bd}
.asset-total small{display:block;font-size:11px;color:#a9c4b8}
.asset-total strong{font-size:25px;font-weight:500;letter-spacing:-.8px}
.asset-scene>p{position:absolute;bottom:0;right:10px;font-size:11px}
.steps{padding-top:25px}
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:57px}
.steps-grid article{border-right:1px solid var(--line);padding-right:28px}
.steps-grid article:last-child{border:0;padding:0}
.number{font:52px/1 var(--serif);letter-spacing:-.04em;color:var(--teal);display:block;margin-bottom:24px}
.steps-grid p{font-size:14px;margin-top:15px;line-height:1.8}
.steps-grid small{font-size:10px;display:block;color:#829e90;margin-top:21px;padding-top:14px;border-top:1px solid #e8eee4}
.dark{background:radial-gradient(ellipse at 90% 100%,#22585e70,transparent 45%),var(--deep);color:#fff}
.dark .eyebrow{color:#8eb1ac}
.dark .copy{color:#b1c7c3;max-width:700px}
.feature-layout{display:grid;grid-template-columns:240px 1fr;gap:55px;align-items:center;margin-top:45px}
.feature-tabs{display:grid;gap:8px}
.feature-tabs button{display:flex;gap:16px;align-items:center;text-align:left;padding:18px;border:1px solid transparent;border-radius:8px;font-size:15px;color:#b8d0c9;transition:.2s}
.feature-tabs button.active{background:#2a5c6070;border-color:#59848255;color:#fff}
.feature-tabs small{display:block;font-size:10px;opacity:.7;margin-top:3px}
.feature-tabs [data-icon]{color:inherit}
.feature-tabs [data-icon] svg{width:20px;height:20px}
#feature-content{min-height:340px;display:flex;align-items:center;justify-content:center}
.org{width:100%;max-width:530px;margin:auto;padding:10px 15px}
.org-row{display:flex;justify-content:center;gap:30px}
.org-card{border:1px solid #e5eae5;background:#fff;color:var(--ink);border-radius:7px;padding:13px 17px;min-width:155px;display:flex;gap:11px;align-items:center;box-shadow:0 6px 15px #001e2010;font-size:12px}
.org-card strong{display:block;font-size:12px;font-weight:500}
.org-card small{display:block;font-size:9px;color:#7c9188}
.org-card svg{width:21px;height:21px}
.stem{height:24px;width:1px;background:#91b4a8;margin:auto}
.fork{height:22px;border:1px solid #91b4a8;border-bottom:0;width:47%;margin:auto}
.org-note{text-align:center;font-size:10px;color:#9ebfb1;margin-top:18px}
.dark-footer{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#afc8bf;margin-top:40px;padding-top:27px;border-top:1px solid #42656a}
.dark-footer .demo-link{color:#d2e6db;font-size:12px}
.security-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px 35px;margin-top:50px}
.security-grid article{display:flex;gap:20px}
.security-grid h3{font-size:15px;margin-bottom:9px}
.security-grid p{font-size:13px;line-height:1.8}
.security-grid svg{width:27px;height:27px}
.pricing{padding-top:24px}
.price-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:start}
.price-card{padding:40px;background:linear-gradient(125deg,#e2f1e6,#f1f8ef);border:1px solid #dfebdd;border-radius:12px}
.price{font:66px/1.1 var(--serif);letter-spacing:-.04em}
.price span{font:21px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:0}
.price-card h2{font-size:30px;margin:18px 0}
.price-card>p:not(.eyebrow){font-size:13px}
.price-card ul{list-style:none;padding:0;margin:25px 0;font-size:13px}
.price-card li{padding-left:25px;position:relative;margin-bottom:13px}
.price-card li:before{content:'✓';position:absolute;left:0;color:var(--teal)}
.price-card .button{width:100%}
.price-card>small{display:block;text-align:center;font-size:10px;color:#8b9e90;margin-top:15px}
.faq h2{margin-bottom:30px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{font-size:14px;padding:21px 27px 21px 0;list-style:none;position:relative;cursor:pointer}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:'+';position:absolute;right:0;top:16px;font-size:20px;color:var(--teal)}
.faq details[open] summary:after{content:'−'}
.faq details p{font-size:13px;line-height:1.85;padding:0 18px 22px 0}
.invitation{padding:65px 0}
.invitation h2{font-size:38px}
.invitation .eyebrow{font-size:10px}
.invitation .two-col{gap:40px}
.invitation .invite-form{background:#173e47;border-color:#537070}
.invitation input{color:#fff}
.invitation input::placeholder{color:#a6c0b6}
.invitation .button{background:#2a8380}
.invitation .micro{color:#94b4a8}
.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:30px;padding-bottom:30px}
.footer .brand{font-size:19px}
.footer .logo{width:21px;height:21px}
.footer>div{display:flex;gap:20px}
.footer button,.footer>small{font-size:10px;color:#83958c}
.footer button:hover{text-decoration:underline}
.table{width:100%;border-collapse:collapse;font-size:12px;margin:20px 0}
.table th{font-size:10px;font-weight:500;color:#7e9686;text-align:left;padding:8px 0;border-bottom:1px solid #e3ebe1}
.table td{padding:9px 0;border-bottom:1px solid #edf2e9}
.table td:last-child,.table th:last-child{text-align:right;white-space:nowrap}
.table td small{display:block;font-size:9px;color:#8e9f91}
.table .neg{color:#b37b66}
.demo-note{font-size:11px;color:#7d9685;margin-top:15px}
.projection-controls{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin:20px 0;font-size:12px}
.projection-controls input{accent-color:var(--teal);width:130px}
.horizons{display:flex;gap:5px}
.horizons button{background:#edf3e9;padding:5px 10px;font-size:11px;border-radius:5px}
.horizons button.active{background:var(--deep);color:white}
.feature-card{background:white;color:var(--ink);border-radius:11px;padding:27px;width:100%;max-width:540px}
.feature-card .net{font-size:36px;margin:12px 0 0}
.feature-card p{font-size:13px}
.feature-card .chart{max-height:185px}
.demo-org .org{max-width:490px;padding-top:23px}
.demo-org .org-card{padding:9px 13px;min-width:143px}
.demo-org .stem{height:17px}
.demo-org .fork{height:17px}
.demo-org .org-note{color:#809b89}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.skip{position:fixed;top:-100px;background:white;padding:12px;z-index:100}
.skip:focus{top:0}
.motion .reveal{opacity:0;transform:translateY(17px);transition:.7s}
.motion .reveal.visible{opacity:1;transform:none}
dialog{border:1px solid var(--line);border-radius:16px;max-width:460px;width:calc(100% - 32px);padding:38px;background:var(--paper);color:var(--ink);box-shadow:0 25px 100px #0b342e35}
dialog::backdrop{background:#072d386e;backdrop-filter:blur(5px)}
dialog h2{font-size:32px;margin:25px 0 18px}
dialog p{font-size:14px;line-height:1.8}
dialog>.logo{font-size:22px}
dialog .done{margin-top:24px}
.close{position:absolute;right:14px;top:9px;font-size:28px}

@media(max-width:1100px){.wrap{padding-left:28px;padding-right:28px}
.nav nav{gap:18px}
.hero-copy h1{font-size:49px}
.hero-art{transform:scale(.9);transform-origin:right center}
.dashboard aside{width:145px;padding:24px 10px}
.dash-main{padding:20px}
.viewpoint>span{display:none}
.tabs button{padding:7px}
.net{font-size:34px}
.substats{gap:20px}
.two-col{gap:35px}
.asset-card{width:175px}
.asset-total{right:0}
.price-grid{gap:45px}
.invite-form .button{font-size:12px;padding-left:11px;padding-right:11px}
.feature-layout{gap:30px}
}

@media(max-width:820px){.nav nav{display:none}
.hero-grid{grid-template-columns:minmax(0,1fr)}
.hero{padding-top:40px}
.hero-copy h1{font-size:58px}
.hero-copy{max-width:650px}
.hero-art{transform:none;width:490px;max-width:100%;height:370px;margin:auto}
.hero-art>img{width:410px;top:40px;left:-5px}
.e2{top:125px}
.e3{left:0;bottom:12px}
.e4{right:0;bottom:0}
.dashboard aside{display:none}
.dashboard{min-height:420px}
.two-col{grid-template-columns:1fr;gap:35px}
.asset-scene{max-width:460px;width:100%;margin:auto}
.section{padding:70px 0}
.steps{padding-top:15px}
.steps-grid{gap:22px}
.steps-grid article{padding-right:15px}
.steps-grid h3{font-size:16px}
.feature-layout{grid-template-columns:1fr}
.feature-tabs{grid-template-columns:repeat(4,1fr);gap:5px}
.feature-tabs button{font-size:12px;padding:12px;gap:9px;justify-content:center}
.feature-tabs small{display:none}
.security-grid{grid-template-columns:1fr 1fr;gap:35px}
.price-grid{gap:30px;grid-template-columns:.9fr 1.1fr}
.price-card{padding:25px}
.price{font-size:52px}
.price-card h2{font-size:25px}
.footer{flex-wrap:wrap}
.footer>div{order:3;width:100%;justify-content:center}
.invitation .invite-form{max-width:570px}
.section h2{font-size:38px}
}

@media(max-width:540px){.wrap{padding-left:22px;padding-right:22px}
.nav{height:72px;gap:10px}
.nav .brand{font-size:21px}
.nav-right{gap:10px}
.login{display:none}
.menu{display:block}
.button.compact{font-size:12px;padding:7px 12px;min-height:36px}
.hero-copy h1{font-size:43px}
.badge{font-size:9px;margin-bottom:21px}
.lead{font-size:16px;margin-top:21px}
.lead br{display:none}
.invite-form{flex-direction:column;background:transparent;border:0;padding:0;gap:8px}
.invite-form input{min-height:48px;border:1px solid #cbd8d1;border-radius:6px;background:white;font-size:14px}
.invite-form .button{min-height:47px;font-size:13px}
.hero-meta{font-size:12px;gap:12px;justify-content:space-between}
.hero-meta strong{font-size:15px}
.hero-meta i{display:none}
.demo-link{font-size:12px}
.micro{font-size:10px}
.hero-art{height:338px;margin-top:15px}
.entity{padding:13px;gap:9px;min-width:0;font-size:12px;border-radius:8px}
.entity strong{font-size:12px}
.entity small{font-size:9px}
.entity svg{width:23px;height:23px}
.e1{left:35%;width:180px}
.e2{top:120px;right:-3px;width:191px}
.e3{left:-7px;bottom:14px;width:176px}
.e4{right:-5px;bottom:0;width:155px}
.hero-art>img{width:350px;top:67px;left:-35px}
.connectors{height:310px}
.demo-wrap{padding:27px 12px 0}
.dash-main{padding:16px 13px 12px}
.toolbar{flex-direction:column;align-items:stretch;gap:12px;padding-bottom:14px}
.tabs{justify-content:space-between}
.tabs button{font-size:11px;padding:7px 11px}
.viewpoint{justify-content:space-between}
.viewpoint>span{display:block;font-size:10px}
.segmented button{font-size:10px}
.statrow{padding:20px 0 15px;align-items:flex-start;gap:10px}
.net{font-size:29px;letter-spacing:-1px}
.label{font-size:8px}
.gain{font-size:10px}
.substats{display:grid;gap:7px}
.substats small{font-size:8px}
.substats strong{font-size:11px}
.chart-grid{grid-template-columns:1fr;gap:8px}
.chart{margin-top:0}
.allocation{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.allocation h4{grid-column:1/-1;font-size:9px;margin:2px 0 12px}
.allocation article>div:first-child{font-size:10px}
.allocation strong{font-size:9px}
.dash-footer{font-size:8px;display:block;line-height:1.8}
.dash-footer>span{display:block}
.caption{font-size:9px;gap:20px;padding:0 6px}
.caption span:last-child{text-align:right;max-width:140px}
.section{padding:65px 0}
.section h2{font-size:35px}
.eyebrow{font-size:10px;margin-bottom:16px}
.copy{font-size:15px;line-height:1.8}
.asset-scene{height:330px;margin-top:15px}
.asset-card{width:155px;padding:15px}
.asset-card>small{font-size:7px}
.asset-card h3{font-size:11px}
.asset-card strong{font-size:14px}
.a1{left:0}
.a2{right:0;top:25px}
.a3{left:0;bottom:45px}
.asset-label{margin:14px -15px -15px;padding:12px 15px}
.asset-total{right:-4px;bottom:55px;padding:17px 14px;gap:10px}
.asset-total strong{font-size:20px}
.asset-total small{font-size:9px}
.asset-total svg{width:23px}
.asset-scene>p{font-size:10px}
.steps{padding-top:10px}
.steps-grid{grid-template-columns:1fr;gap:28px;margin-top:35px}
.steps-grid article{border-right:0;border-bottom:1px solid var(--line);padding:0 0 25px 58px;position:relative}
.steps-grid article:last-child{padding:0 0 0 58px}
.number{position:absolute;left:0;top:0;font-size:34px}
.steps-grid h3{font-size:17px}
.steps-grid p{font-size:14px}
.steps-grid small{border:0;padding:0;margin-top:12px}
.feature-tabs{grid-template-columns:1fr 1fr;gap:7px}
.feature-tabs button{justify-content:flex-start;padding:11px}
.feature-layout{margin-top:30px;gap:25px}
.org{padding:0}
.org-card{min-width:129px;padding:11px 12px;font-size:11px;gap:8px}
.org-row{gap:18px}
.org-card strong{font-size:10px}
.org-card svg{width:18px;height:18px}
.org-note{font-size:9px}
.dark-footer{flex-direction:column;font-size:11px;margin-top:25px;gap:15px}
.security-grid{grid-template-columns:1fr;gap:28px;margin-top:35px}
.security-grid h3{font-size:16px}
.security-grid p{font-size:14px}
.price-grid{grid-template-columns:1fr;gap:50px}
.price-card{padding:30px}
.price{font-size:65px}
.price-card h2{font-size:30px}
.price-card ul,.price-card>p:not(.eyebrow){font-size:14px}
.price-card>small{font-size:11px}
.faq details p{font-size:14px}
.invitation{padding:50px 0}
.invitation h2{font-size:34px}
.invitation .invite-form{background:none;border:0}
.invitation input{background:#173e47;border-color:#537070}
.invitation .micro{font-size:10px}
.footer{padding-top:26px;padding-bottom:26px}
.footer>div{gap:13px;justify-content:flex-start;flex-wrap:wrap}
.footer button{font-size:10px}
.table{font-size:10px}
.table th{font-size:9px}
.table td small{font-size:8px}
.demo-org .org-card{min-width:120px;padding:9px;font-size:10px}
.demo-org .org-row{gap:12px}
.feature-card{padding:21px 16px}
.feature-card .net{font-size:30px}
.projection-controls{font-size:11px;gap:9px}
.projection-controls input{width:115px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*:before,*:after{animation:none!important;transition:none!important}
.chart .line{stroke-dashoffset:0}
.motion .reveal{opacity:1;transform:none}
}

/* Mobile layout pass: content is recomposed rather than merely scaled down. */
@media(max-width:540px){
.wrap{padding-left:20px;padding-right:20px}
.nav{height:68px;gap:8px}
.nav .brand{font-size:20px}
.nav-right{gap:5px}
.login,.nav .button.compact{display:none}
.menu{display:block;padding:8px}
.mobile-nav{border-top:1px solid var(--line);background:var(--paper)}
.mobile-nav a{font-size:15px}
.hero{padding-top:35px}
.hero-copy h1{font-size:42px}
.hero-art{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;height:auto;min-height:430px;margin-top:10px;padding-top:218px;align-content:start}
.hero-art>img{width:280px;max-width:100%;top:0;left:50%;transform:translateX(-50%)}
.connectors{display:none}
.entity{position:static!important;width:auto!important;min-width:0;padding:12px 10px;gap:8px;font-size:11px;border-radius:8px;animation:none}
.entity strong{font-size:11px;line-height:1.35}
.entity small{font-size:8px}
.entity svg{width:21px;height:21px}
.demo-wrap{padding:18px 8px 0}
.dashboard{border-radius:11px}
.dash-main{padding:15px 11px 11px;overflow:hidden}
.tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px}
.tabs button{font-size:10px;padding:7px 3px}
.segmented button{font-size:10px;padding:5px 10px}
#dash-content{min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch}
.statrow{gap:8px}
.net{font-size:27px}
.substats{gap:6px}
.substats strong{font-size:10px}
.allocation{gap:0 14px}
.allocation article>div:first-child{font-size:9px}
.allocation strong{font-size:8px}
.table{min-width:470px}
.org{padding:0;overflow:hidden}
.org-row{gap:8px}
.org-card{min-width:0;flex:1;padding:10px 8px;font-size:10px;gap:6px}
.org-card strong{font-size:9px}
.org-card small{font-size:8px}
.asset-card{width:148px}
.asset-total{right:0;padding:15px 12px}
.asset-total strong{font-size:18px}
.feature-tabs button{font-size:11px;padding:10px}
.price-card{padding:28px 22px}
.price{font-size:58px}
}

@media(max-width:360px){
.wrap{padding-left:16px;padding-right:16px}
.hero-copy h1{font-size:38px}
.hero-art{gap:6px;padding-top:205px;min-height:420px}
.hero-art>img{width:255px}
.entity{padding:10px 8px}
.entity [data-icon]{display:none}
.tabs button{font-size:9px}
.segmented button{padding:5px 8px}
.net{font-size:24px}
.asset-card{width:138px}
.asset-total strong{font-size:16px}
.price{font-size:52px}
}
.hero-copy,.hero-meta,.invite-form{min-width:0}@media(max-width:540px){.hero-meta{flex-wrap:wrap;row-gap:10px}.hero-copy .lead br{display:none}}