.dapp-page{background:#171817}.dapp-page:after{display:none}.app-header{height:76px;padding:0 32px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:25px;background:#171817f5;backdrop-filter:blur(18px);position:sticky;top:0;z-index:30}.app-header>div{display:flex;align-items:center;gap:32px}.app-header .brand>span:last-child{font-size:9px;letter-spacing:2px}.app-header .brand b{font-weight:400;color:var(--accent-light);margin-left:12px}.app-network{display:flex;align-items:center;gap:9px;font-size:8px;letter-spacing:1.6px;color:#aaa9a6}.app-network i{display:block;width:5px;height:5px;background:var(--accent);border-radius:50%}.back-link{font-size:11px;color:#ddd}.app-layout{display:grid;grid-template-columns:220px minmax(0,1fr);max-width:1660px;margin:auto}.app-sidebar{position:sticky;top:76px;height:calc(100svh - 76px);padding:44px 24px;border-right:1px solid var(--line);display:flex;flex-direction:column;background:#171817}.app-sidebar>.eyebrow{font-size:8px;color:#92958f;margin-bottom:26px;letter-spacing:1.5px}.app-sidebar nav{display:flex;flex-direction:column;gap:8px}.app-sidebar nav a{display:flex;align-items:center;gap:12px;font-size:12px;padding:13px 10px;border:1px solid transparent;transition:background .2s}.app-sidebar nav a>span{font-size:8px;color:#92958f}.app-sidebar nav a>b{margin-left:auto;font-weight:400;color:var(--accent-light);opacity:0}.app-sidebar nav a[aria-current]{background:#d337600e;border-color:#d3376030}.app-sidebar nav a[aria-current]>b{opacity:1}.app-sidebar nav a:hover{background:#ffffff08}.sidebar-note{margin-top:auto;padding-top:25px;border-top:1px solid var(--line)}.sidebar-note>span{font-size:8px;letter-spacing:1.6px;color:var(--accent-light)}.sidebar-note p{font-size:11px;color:#aaa9a6;line-height:1.8;margin:12px 0 22px}.sidebar-note a{font-size:10px;color:#b5b5b1}.app-content{min-width:0}.workspace-intro{padding:48px 5% 0}.workspace-intro>.eyebrow{font-size:8px;letter-spacing:1.6px;color:#aaa9a6}.workspace-intro h1{font-size:clamp(32px,3.5vw,52px);letter-spacing:-.045em;margin:22px 0 15px}.workspace-intro>p{color:#aaa9a6;font-size:13px}.app-release{display:flex;gap:13px;padding:17px 20px;background:#201e1e;border:1px solid #d3376033;margin-top:30px}.release-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;margin-top:6px;flex-shrink:0}.app-release strong{font-size:11px;font-weight:500;color:#ddd}.app-release p{font-size:10px;color:#aaa9a6;line-height:1.8;margin-top:6px}.dapp-page .section{padding:48px 5%;scroll-margin-top:20px}.dapp-page .section-top{margin-bottom:28px}.dapp-page .section-top>.eyebrow{font-size:8px}.dapp-page h2{font-size:clamp(27px,3vw,43px);letter-spacing:-.045em}.dapp-page .lock-toolbar{gap:25px;align-items:start;margin-bottom:32px}.dapp-page .lock-toolbar p{font-size:12px;margin-top:17px;max-width:360px}.dapp-page .lock-grid{gap:5%;grid-template-columns:1.1fr 1fr}.dapp-page .mode-buttons button{font-size:10px;padding:10px 12px}.dapp-page .transaction-card{padding:25px;box-shadow:none}.dapp-page .card-heading h3{font-size:18px}.dapp-page .term-story h3{font-size:27px;margin:22px 0}.dapp-page .term-story p{font-size:12px;line-height:1.85}.dapp-page .term-story>.eyebrow{font-size:8px}.dapp-page .formula strong{font-size:15px}.dapp-page .dashboard{background:#1d1e1d}.dapp-page .dashboard-title{margin:10px 0 30px}.dapp-page .dashboard-title .micro{font-size:7px;max-width:130px}.dapp-page .metrics strong{font-size:clamp(24px,2.7vw,38px)}.dapp-page .metrics>div{padding:24px 20px}.dapp-page .metrics>div:first-child{padding-left:0}.dapp-page .metrics>div>span{font-size:10px}.dapp-page .metrics p{font-size:9px}.dapp-page .position .controls{flex-wrap:wrap}.dapp-page .position h3{font-size:16px}.dapp-page .position button{font-size:9px}.dapp-page .forecast-card{padding:26px}.dapp-page .forecast-card>strong{font-size:48px}.app-footer{margin:0 32px 0 252px;padding:25px 0;gap:20px;flex-wrap:wrap}.app-footer>span,.app-footer>a{font-size:8px;letter-spacing:1px;color:#aaa9a6}.launch-link{color:var(--accent-light)}.site-header nav .launch-link:after{transform:scaleX(1)}
@media(max-width:1200px){.dapp-page .lock-toolbar{flex-direction:column;align-items:start}.dapp-page .mode-buttons{align-self:stretch;justify-content:center}.dapp-page .mode-buttons button{flex:1}.dapp-page .lock-grid{grid-template-columns:1fr;gap:30px}.dapp-page .term-story{max-width:750px}.dapp-page .term-story h3 br{display:none}.dapp-page .term-story h3{max-width:500px}.dapp-page .forecast-card{max-width:none}.dapp-page .transaction-card{max-width:none}.dapp-page .dashboard-title{align-items:start}.dapp-page .dashboard-title .micro{display:none}}
@media(max-width:760px){.app-header{height:66px;padding:0 18px;gap:12px}.app-header .brand{gap:10px}.app-header .brand>span:last-child{font-size:7px;letter-spacing:1px}.app-header .brand b{margin-left:5px}.app-header .monogram{font-size:24px}.app-header>div{gap:10px}.app-network{display:none}.back-link{font-size:10px}.app-layout{display:block}.app-sidebar{height:auto;padding:12px 18px;top:66px;z-index:20;border-right:0;border-bottom:1px solid var(--line);background:#1d1e1df5;backdrop-filter:blur(15px)}.app-sidebar>.eyebrow,.sidebar-note{display:none}.app-sidebar nav{flex-direction:row;justify-content:space-between;gap:4px}.app-sidebar nav a{padding:10px 7px;font-size:10px;gap:6px;white-space:nowrap}.app-sidebar nav a>b{display:none}.app-sidebar nav a>span{font-size:7px}.workspace-intro{padding:32px 6% 0}.workspace-intro h1{font-size:35px;line-height:1.1;max-width:310px}.workspace-intro>p{font-size:12px}.app-release{padding:15px;margin-top:25px}.app-release strong{font-size:10px}.app-release p{font-size:9px}.dapp-page .section{padding:38px 6%;scroll-margin-top:125px}.dapp-page .section-top{gap:12px;margin-bottom:25px}.dapp-page .section-top>span:last-child:not(:first-child){font-size:7px}.dapp-page h2{font-size:34px}.dapp-page .transaction-card{padding:20px}.dapp-page .card-heading h3{font-size:17px}.dapp-page .card-heading>span{font-size:9px}.dapp-page .term-story h3{font-size:25px}.dapp-page .metrics>div,.dapp-page .metrics>div:first-child{padding:22px 0}.dapp-page .metrics strong{font-size:34px}.app-footer{margin:0 6%;padding:25px 0;gap:20px}.app-footer>span{width:100%}.dapp-page .dashboard-title h2{font-size:32px}}
/* Workspace 02 — landing palette, tactile cards and calm motion. */
.dapp-page{--accent:#d33760;--accent-light:#ff7295;--line:#ffffff15;background:#171817;color:#f0f0ed}
.app-header{background:#171817dd}.app-header .brand b{color:#d33760}.app-network{border:1px solid var(--line);border-radius:30px;padding:9px 12px}.app-network i{box-shadow:0 0 12px #d3376080}.app-sidebar{background:transparent;padding-top:35px}.app-sidebar nav a{border-radius:12px;padding:15px 12px;transition:background .25s,transform .25s}.app-sidebar nav a:hover{transform:translateX(4px)}.app-sidebar nav a[aria-current]{background:#d3376012;border-color:#d3376030;color:#ff7295}.app-sidebar nav a>span{border:1px solid #ffffff20;width:24px;height:24px;display:grid;place-items:center;border-radius:8px}.sidebar-note{background:#ffffff03;padding:20px;border:1px solid var(--line);border-radius:16px}.motion-control{font:inherit;font-size:10px;color:#b5b5b1;border:1px solid #ffffff20;background:transparent;padding:9px 12px;border-radius:30px;cursor:pointer}.workspace-intro{position:relative;margin:28px 4% 0;padding:42px 38px 24px;overflow:hidden;border:1px solid #ffffff16;border-radius:26px;background:radial-gradient(ellipse at 90% 10%,#d3376020,transparent 55%),#1d1e1d}.workspace-intro h1{position:relative;z-index:1;font-size:clamp(34px,4vw,58px);line-height:1.08;max-width:75%;margin:22px 0}.intro-highlight{color:#d33760}.workspace-intro>.eyebrow{color:#b5b5b1}.workspace-intro>p{max-width:65%;line-height:1.7}.app-release{position:relative;z-index:2;background:#171817c9;border:1px solid #d3376025;border-radius:12px;margin-top:26px}.release-dot{background:#d33760}.vault-orbit{position:absolute;right:5%;top:15px;width:230px;height:230px;pointer-events:none;opacity:.85}.orbit-ring{position:absolute;inset:25px;border:1px solid #d3376060;border-radius:50%;transform:rotateX(55deg) rotate(-25deg);animation:orbit-roll 18s linear infinite}.ring-two{inset:8px;border-style:dashed;animation-direction:reverse;animation-duration:28s}.eth-gem{position:absolute;inset:65px;display:grid;place-items:center;font-size:100px;line-height:1;color:#d33760;text-shadow:14px 10px 0 #70263b;animation:gem-float 6s ease-in-out infinite}.orbit-chip{position:absolute;border-radius:30px;padding:10px 15px;background:#ff7295;color:#171817;font-size:12px;font-weight:700;box-shadow:0 10px 25px #0003;animation:gem-float 7s ease-in-out infinite}.chip-one{left:5px;top:40px;transform:rotate(-12deg)}.chip-two{right:0;bottom:35px;animation-delay:-3s;background:#d33760}.orbit-spark{position:absolute;right:5px;top:15px;font-size:36px;color:#ff7295;animation:spark-turn 22s linear infinite}.dapp-page .section{padding:44px 4%;scroll-margin-top:90px}.dapp-page h2{font-size:clamp(28px,3vw,42px)}.dapp-page h2 em{color:#d33760}.dapp-page .transaction-card{border-radius:22px;background:#1d1e1d;border:1px solid #ffffff16;padding:30px;box-shadow:0 18px 50px #0002}.dapp-page .lock-grid{gap:28px}.dapp-page .card-heading{gap:12px}.dapp-page .card-heading>span{background:#d3376015;color:#ff9ab3;border-radius:20px;padding:7px 10px;white-space:nowrap}.dapp-page input,.dapp-page select{border-radius:10px;background:#171817;border-color:#ffffff20;transition:border-color .2s,box-shadow .2s}.dapp-page input:focus,.dapp-page select:focus{outline:0;border-color:#d33760;box-shadow:0 0 0 3px #d3376018}.dapp-page .amount-wrap{border-radius:13px;background:#171817}.dapp-page .terms label span{border-radius:12px;transition:background .25s,transform .25s,border-color .25s}.dapp-page .terms label:hover span{transform:translateY(-3px)}.dapp-page .terms input:checked+span{background:#d3376010;border-color:#d33760}.dapp-page .primary{background:#d33760;color:#ffffff;border-radius:12px;font-weight:700;box-shadow:0 4px 0 #7c2039;transition:transform .2s,box-shadow .2s,background .2s}.dapp-page .primary:hover{background:#e54b73;transform:translateY(-2px);box-shadow:0 6px 0 #7c2039}.dapp-page .primary:active{transform:translateY(3px);box-shadow:0 1px 0 #7c2039}.dapp-page button:disabled{transform:none;box-shadow:none}.dapp-page .mode-buttons{border-radius:30px;border-color:#ffffff20;background:#ffffff04;padding:4px}.dapp-page .mode-buttons button{border-radius:24px}.dapp-page .mode-buttons button[aria-pressed=true]{background:#ff7295;color:#f0f0ed}.dapp-page .term-story{padding:24px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(160deg,#241e20,#1d1e1d)}.horizon-art{height:130px;position:relative;overflow:hidden;margin-bottom:22px;border-bottom:1px solid #ff729530}.horizon-sun{position:absolute;left:calc(50% - 44px);top:-8px;font-size:88px;color:#ff7295;animation:spark-turn 40s linear infinite}.horizon-line{position:absolute;left:0;right:0;top:70px;height:90px;background:repeating-radial-gradient(ellipse at 50% 120%,transparent 0 13px,#ff729525 14px 15px);border-radius:50%}.horizon-caption{position:absolute;bottom:12px;left:0;font-size:8px;letter-spacing:2px;color:#ff7295}.dapp-page .formula{border-color:#ff729550;color:#ff7295}.dapp-page .notice{border-radius:12px}.dapp-page .dashboard{background:transparent}.dapp-page .metrics{gap:14px;border:0}.dapp-page .metrics>div,.dapp-page .metrics>div:first-child{position:relative;padding:25px;border:1px solid #ffffff15;border-radius:18px;background:#1d1e1d;overflow:hidden}.dapp-page .metrics>div:nth-child(2){background:#241e20}.dapp-page .metrics>div:nth-child(3){background:#222120}.dapp-page .metrics>div:after{content:none;position:absolute;right:16px;top:15px;font-size:22px;color:#ffffff30}.dapp-page .metrics strong{color:#f0f0ed;display:block;margin-top:16px}.dapp-page .metrics>div:nth-child(2) strong{color:#ff7295}.dapp-page .position{border:1px solid #ffffff20;border-radius:16px;padding:24px;background:#1d1e1d;animation:position-arrive .4s ease-out}.dapp-page .controls button{border-radius:9px;transition:background .2s,transform .2s}.dapp-page .controls button:hover:not(:disabled){background:#d3376018;transform:translateY(-2px)}.dapp-page .ledger>div{padding:18px 0}.dapp-page .ledger strong{color:#ff7295}.dapp-page .forecast-card{border:1px solid #ff729530;border-radius:22px;background:radial-gradient(ellipse at top right,#ff729525,transparent 70%),#211e1f;position:relative;overflow:hidden}.dapp-page .forecast-card>strong{color:#ff9ab3;font-size:clamp(38px,5vw,64px)}.dapp-page .scenario{background:transparent}.dapp-page .status-message:not(:empty){padding:15px 20px;border:1px solid #d3376030;border-radius:12px;background:#241e20}.app-footer{border-color:#ffffff15}.dapp-page :focus-visible{outline:2px solid #ff7295;outline-offset:4px}.motion-ready .motion-reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1)}.motion-ready .motion-reveal.is-visible{opacity:1;transform:none}.value-pop{animation:value-pop .45s ease-out}.dapp-page.motion-paused *, .dapp-page.motion-paused *:before,.dapp-page.motion-paused *:after{animation:none!important;transition:none!important}.dapp-page.motion-paused .motion-reveal{opacity:1;transform:none}
@keyframes gem-float{0%,100%{translate:0 0}50%{translate:0 -14px}}@keyframes orbit-roll{to{transform:rotateX(55deg) rotate(335deg)}}@keyframes spark-turn{to{rotate:360deg}}@keyframes position-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes value-pop{0%{filter:brightness(1.8);translate:0 -3px}100%{filter:brightness(1);translate:0 0}}
@media(max-width:1100px){.vault-orbit{right:-25px;opacity:.45}.workspace-intro h1{max-width:85%}.workspace-intro>p{max-width:80%}.dapp-page .metrics{grid-template-columns:1fr}.dapp-page .metrics>div{display:block}.horizon-art{height:110px}}
@media(max-width:760px){.app-header>div{gap:8px}.app-header .brand>span:last-child{font-size:6px}.motion-control{font-size:9px;padding:7px}.app-network{display:none}.app-sidebar{background:#171817ed;padding:9px 12px}.app-sidebar nav a{padding:9px 7px;font-size:10px}.app-sidebar nav a>span{display:none}.workspace-intro{margin:18px 4% 0;padding:28px 22px 20px;border-radius:20px}.workspace-intro h1{font-size:36px;max-width:100%;letter-spacing:-1.6px}.workspace-intro>p{max-width:90%}.vault-orbit{width:150px;height:150px;right:-40px;top:5px;opacity:.2}.eth-gem{inset:30px;font-size:80px}.orbit-chip{display:none}.app-release{padding:12px}.dapp-page .section{padding:32px 5%;scroll-margin-top:125px}.dapp-page .transaction-card{padding:22px}.dapp-page .term-story{padding:22px}.dapp-page .metrics>div,.dapp-page .metrics>div:first-child{padding:24px}.dapp-page .section-top{flex-wrap:wrap}.dapp-page .controls{flex-wrap:wrap}.dapp-page .card-heading{flex-wrap:wrap}.dapp-page .forecast-card{padding:24px}.dapp-page .terms label span{padding:15px 12px}}
@media(prefers-reduced-motion:reduce){.dapp-page *, .dapp-page *:before,.dapp-page *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-ready .motion-reveal{opacity:1;transform:none}}
/* Marketing reveal markers must remain visible in the standalone workspace. */
.dapp-page [data-reveal]{opacity:1;transform:none}

/* Shared landing typography: Manrope headings, DM Sans interface. */
.dapp-page{font-family:"DM Sans",Arial,sans-serif}.dapp-page h1,.dapp-page h2,.dapp-page h3{font-family:"Manrope",Arial,sans-serif;font-weight:600}.dapp-page button,.dapp-page input,.dapp-page select{font-family:inherit}.workspace-intro h1{letter-spacing:-.065em}.intro-highlight,.dapp-page h2 em{color:var(--accent)}
.dapp-page .mode-buttons button[aria-pressed=true]{background:var(--accent);color:#fff}