/* LAUNCHPAD — Orbit. Desktop art direction, real WebGL objects, quiet interface. */
:root{--canvas:#f5f2eb;--ink:#272824;--muted:#63665e;--line:#dedbd1;--dark:#111313;--orange:#ff7043;--green:#b7dba0;--blue:#a5d2e1}
html{scroll-padding-top:100px}
body{background:var(--canvas)}
.wrap{width:calc(100% - 112px);max-width:1440px}
.section{padding-block:116px}
h2{font-size:clamp(44px,4.5vw,70px);font-weight:500;line-height:1.05;letter-spacing:-3.8px}
h2>span{color:#74776d}
.eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:26px}
.nav-shell{background:#111313f0;backdrop-filter:blur(20px);border-bottom:1px solid #ffffff10}
.nav{min-height:78px;gap:32px}
.brand{font-size:23px;letter-spacing:-1.1px}
.brand-mark :is(svg,.app-mark){width:33px;height:33px}
.nav-links{font-size:12px;gap:30px}
.nav-actions{gap:25px}
.wallet-button{border-radius:100px;background:#ffffff06;padding:11px 17px;border-color:#ffffff26}
.wallet-indicator{border-radius:50%;width:5px;height:5px}
.nav-launch{color:#eeeae1}
.button{border-radius:100px;padding:15px 28px;min-height:52px;font-size:14px;font-weight:600;gap:16px;justify-content:center;transition:background .22s,box-shadow .22s,transform .22s}
.primary{background:var(--orange);color:#1d201a;box-shadow:none;border:1px solid #ffac8566}
.primary:hover:not(:disabled){background:#ff926f;transform:translateY(-1px);box-shadow:0 5px 18px #ff70431c}
.primary span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#1c231817;font-size:18px}
.secondary{border-color:#c9ccc0}
:focus-visible{outline:2px solid var(--orange);outline-offset:5px}
.hero{padding:0;overflow:hidden;background:radial-gradient(ellipse at 72% 41%,#382b231f,transparent 52%),#111313;color:#f4f1e9}
.hero:before{display:none}
.hero-stage{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;min-height:610px;height:calc(100dvh - 239px);max-height:790px;position:relative}
.hero-copy{padding:38px 0 42px;position:relative;z-index:2}
.hero-copy>.eyebrow{color:#b7b9af;font-size:10px;letter-spacing:1px;margin-bottom:28px}
.hero-copy h1{font-size:clamp(74px,6.7vw,112px);line-height:.94;font-weight:500;letter-spacing:-6.5px;text-shadow:none}
.hero-copy h1>span{color:#ff8051}
.hero-intro{display:block;margin-top:28px}
.hero-intro p{font-size:15px;line-height:1.85;color:#a5aba5;max-width:385px}
.hero-intro strong{font-weight:500;color:#e4e5dd}
.hero-actions{display:flex;align-items:center;gap:24px;margin-top:28px}
.hero-actions .button{font-size:14px;padding:14px 25px}
.flow-link{font-size:13px;gap:12px;color:#c2c5bd;text-decoration:underline;text-decoration-color:#ffffff35;text-underline-offset:7px}
.hero-proof{display:flex;align-items:center;gap:10px;margin-top:30px;font:9px var(--mono);letter-spacing:.35px;color:#a0a69b}
.hero-proof i{width:3px;height:3px;border-radius:50%;background:#6b7068}
.world{height:100%;min-width:0;position:relative;margin-right:-30px;margin-left:-25px}
.world:before{content:'';position:absolute;width:80%;height:75%;left:12%;top:10%;border-radius:50%;background:radial-gradient(ellipse,#90613b12,transparent 68%);pointer-events:none}
.world-topline{position:absolute;left:70px;right:12px;top:32px;display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:1.2px;color:#929891;z-index:2}
.world-topline>span:first-child{display:flex;align-items:center;gap:8px}
.world-topline i{width:4px;height:4px;border-radius:50%;background:#b7dba0}
.world-viewport{position:relative;width:100%;height:100%;min-height:1px}
.world-canvas{display:block;position:absolute;width:100%;height:100%;inset:0;opacity:0;transition:opacity .8s}
[data-render=ready] .world-canvas{opacity:1}
.world-label{position:absolute;z-index:2;pointer-events:none;transform:translate(-50%,-50%);white-space:nowrap;opacity:0;transition:opacity .8s}
[data-render=ready] .world-label{opacity:1}
.world-label small{font:7px var(--mono);letter-spacing:1.5px;color:#939b92;margin-bottom:5px}
.world-label b{font:500 16px 'Space Grotesk',sans-serif;letter-spacing:-.5px;color:#e8ece2}
.token-label{padding-left:25px}
.token-label b{font:11px var(--mono);letter-spacing:.7px;color:#ff9268}
.label-line{position:absolute;right:100%;top:50%;width:26px;height:1px;background:#eaa08060}
.world-caption{position:absolute;bottom:33px;left:80px;right:15px;display:flex;align-items:center;justify-content:space-between;z-index:3}
.world-caption>span{font:8px var(--mono);letter-spacing:1.3px;color:#949b91}
.world-caption>span>span{font-size:15px;margin-left:12px}
.motion-control{display:flex;align-items:center;gap:9px;padding:6px 10px;border:1px solid #ffffff1a;border-radius:30px;background:#191c1b;color:#b2b8ad;font:9px var(--mono);min-height:30px}
.motion-control>span{color:#b7dba0;font-size:8px}
.motion-control[aria-pressed=false]>span{color:#a4aaa1}
.scene-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transition:opacity .5s}
[data-render=ready] .scene-fallback{opacity:0;pointer-events:none}
.fallback-token{width:150px;height:150px;border:14px solid #d9683d;border-radius:50%;padding:30px;background:#171b1b;transform:rotate(-12deg);box-shadow:8px 8px 0 #75442b}
.fallback-token :is(svg,.app-mark){width:100%;height:100%;color:var(--orange)}
.fallback-orbit{position:absolute;inset:24%;border:1px solid #737b7155;border-radius:50%;transform:rotate(-35deg) scaleX(1.5)}
.fallback-pons,.fallback-argus{position:absolute;top:22%;display:flex;align-items:center;gap:8px;font:500 16px 'Space Grotesk',sans-serif}.fallback-pons{left:12%}.fallback-argus{right:8%}.fallback-pons img,.fallback-argus img{object-fit:contain;width:48px;height:48px}
.fallback-pump,.fallback-stonk{position:absolute;bottom:25%}.fallback-pump{left:10%}.fallback-stonk{right:5%}
.hero-workspace{margin:0;background:#1b1e1c;border:1px solid #ffffff12;border-radius:18px;display:grid;grid-template-columns:1fr 1.15fr .85fr;min-height:112px;align-items:center;box-shadow:none}
.workspace-toolbar{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:13px;padding:20px 28px;color:#a4aca1}
.workspace-toolbar>.technical{font-size:9px;letter-spacing:1px}
.map-presets{border:none;border-radius:0;padding:0;gap:7px}
.map-presets button{border:1px solid #ffffff17;border-radius:100px;padding:9px 19px;font:12px 'DM Sans',sans-serif;color:#aeb5aa;background:transparent}
.map-presets button[aria-pressed=true]{background:#eceee4;color:#252923;border-color:#eceee4;box-shadow:none}
.map-presets button:hover{border-color:#ffffff55;background:#ffffff08}
.map-presets button[aria-pressed=true]:hover{background:#fff;color:#252923}
.route-readout{border-inline:1px solid #ffffff12;display:flex;flex-direction:column;gap:12px;padding:10px 24px;font:11px var(--mono)}
.route-readout-row{display:flex;align-items:center;gap:11px;color:#c5d5b8}
.route-readout-row.stonk{color:#afcbd5}
.route-readout-row b{font:12px 'DM Sans',sans-serif;color:#dfe4d8;min-width:58px}
.route-dot{width:4px;height:4px;border-radius:50%;background:#b7dba0}
.stonk .route-dot{background:#a5d2e1}
.readout-divider{width:12px;height:1px;flex-shrink:0;background:#657164;margin-inline:2px}
.map-footer{display:flex;align-items:center;gap:12px;padding:20px 22px;font:9px var(--mono);color:#aeb5a8;letter-spacing:.6px}
.map-footer>b{font:44px 'Space Grotesk',sans-serif;color:#e6e9df;letter-spacing:-3px}
.map-footer>span{line-height:1.9}
.map-footer small{font:10px 'DM Sans',sans-serif;letter-spacing:0;color:#8e9789}
.map-footer>a{margin-left:auto;padding:10px 12px;min-height:40px;border:1px solid #ffffff26;display:grid;place-items:center;border-radius:100px;font:11px/1.3 'DM Sans',sans-serif;letter-spacing:0;text-align:center;color:#dfebe1;transition:background .2s,border-color .2s}
.map-footer>a:hover{background:var(--orange);color:#20231f}
.hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;height:57px;font:9px var(--mono);letter-spacing:1.3px;color:#a1a69c}
.hero-bottom>a{display:flex;align-items:center;gap:12px;font:10px 'DM Sans',sans-serif;letter-spacing:0}
.hero-bottom>a>span{color:var(--orange)}
/* Editorial breathing room after the first scene. */
.story{display:grid;grid-template-columns:1fr 3.2fr;gap:38px 60px;border-bottom:none;padding-block:110px 100px}
.section-index{font:9px var(--mono);letter-spacing:1px;display:flex;flex-direction:column;justify-content:space-between;color:#646d5b}
.index-cross{font:45px 'Space Grotesk',sans-serif;color:#b5b9ac}
.story h2{font-size:clamp(46px,4.5vw,72px);letter-spacing:-3.7px}
.story-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-top:36px}
.story-bottom p{font-size:16px;line-height:1.85;max-width:480px}
.editorial-link{display:flex;gap:20px;align-items:center;font-size:13px;border-bottom:1px solid #a8ad9e;padding-bottom:9px;white-space:nowrap}
.perspective-strip{grid-column:2;display:flex;align-items:center;gap:30px;border-top:1px solid #d5d8cb;margin-top:15px;padding-top:35px}
.perspective-strip>div{display:flex;align-items:center;gap:15px}
.perspective-strip b{font:40px 'Space Grotesk',sans-serif;letter-spacing:-2px;color:#6e7564}
.perspective-strip span:not(.perspective-path){font:10px var(--mono);letter-spacing:.8px}
.perspective-path{height:1px;flex:1;background:#b9c0ad;position:relative}
.perspective-path:after{content:'';position:absolute;width:5px;height:5px;right:0;top:-2px;border-radius:50%;background:#a9ad9f}
.section-heading{margin-bottom:55px}
.section-heading>p{font-size:15px;color:#646d5b}
.dark-section{background:#111514}
.dark-section h2{color:#f1f0e8}.dark-section h2>span{color:#899587}
.dark-section .eyebrow{color:#a6b09e}
.dark-section p{color:#a5afa1}
/* Two sculptural destinations, each with its own light and material. */
.destination-feature{background:radial-gradient(ellipse at 20% 65%,#35512715,transparent 55%),radial-gradient(ellipse at 90% 70%,#34545d15,transparent 50%),#111514}
.destination-feature .section{padding-block:102px 60px}
.destination-feature .section-heading{margin-bottom:55px;align-items:flex-end}
.destination-feature h2{font-size:clamp(48px,4.6vw,72px)}
.destination-duo{grid-template-columns:1fr 1fr;gap:28px;padding-top:0}
.destination-duo:before,.destination-duo:after,.destination-story:before,.destination-story:after{display:none}
.destination-story{border-radius:24px;padding:28px 32px 32px;background:radial-gradient(ellipse at 50% 10%,#71855c12,transparent 72%),#1a201b;border:1px solid #b4ce9226;box-shadow:none;overflow:hidden}
.destination-story.stonk{background:radial-gradient(ellipse at 50% 10%,#89bdcd12,transparent 72%),#1a2021;border-color:#a9d9e926}
.destination-story:hover{box-shadow:none;border-color:#b4ce924f}
.destination-story.stonk:hover{border-color:#a9d9e94f}
.destination-coordinate{font-size:10px;letter-spacing:1.2px;margin:0;color:#adbea1}
.destination-route{font-size:10px;color:#94a88c}
.destination-route i{border-color:#ffffff20;width:24px;height:24px;font-size:15px}
.destination-world{height:270px;margin:0 -30px -5px}
.destination-world .scene-fallback .platform-logo{width:120px;height:120px}
.destination-world .scene-fallback .platform-identity b{display:none}
.destination-content{position:relative}
.destination-story .platform-identity{gap:12px}
.destination-story .platform-logo{width:29px;height:29px}
.destination-story .platform-identity b{font-size:31px;letter-spacing:-1.2px}
.destination-content>p{font-size:15px;margin-top:12px;color:#a7b39f}
.stonk .destination-content>p{color:#a1b4b9}
.destination-pair-heading{margin:29px 0 13px;padding-top:24px;border-top:1px solid #ffffff12;font-size:10px;letter-spacing:.6px;color:#a6b599}
.feature-pairs{gap:8px}
.feature-pairs>li{justify-content:space-between;padding:12px 14px;background:#10170e25;border-color:#b4ce9224;border-radius:6px}
.stonk .feature-pairs>li{background:#10171a25;border-color:#a9d9e924}
.feature-pairs b{font-size:12px}
.feature-pairs small{font-size:11px;color:#9ea994}
.feature-pairs>li>span:last-child{font-size:13px;color:#8da275}
.stonk .feature-pairs>li>span:last-child{color:#7297a4}
.destination-bottom-bar{margin-top:28px}
.destination-bottom-bar p{font-size:13px}
.destination-cta{border:none;background:none;color:#e4ebde;font-size:12px;padding-right:0}
.destination-cta:hover{background:none;color:#b7dba0}
/* Numbered process: six distinct decisions, deliberately spacious. */
.workflow{padding-block:110px}
.steps{grid-template-columns:repeat(3,1fr);gap:0 36px;border:0}
.step{padding:28px 0 32px;min-height:190px;border:0;border-top:1px solid var(--line);transition:border-color .25s}
.step:before{display:none}
.step-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}
.step-number{position:static;display:inline-block;width:auto;height:auto;background:none;border:0;border-radius:0;box-shadow:none;margin:0;font:10px var(--mono);color:#646f56}
.step:first-child .step-number,.step:last-child .step-number{color:#a94a2c}
.step-symbol{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#eae8de;color:#68735e}.step-symbol :is(svg,.app-mark){width:24px;height:24px}
.step:first-child .step-symbol,.step:last-child .step-symbol{color:#d16b42}
.step h3{font-size:20px;letter-spacing:-.5px;margin-bottom:8px}
.step p{font-size:14px;max-width:290px;color:var(--muted);line-height:1.8}
.step:hover{background:transparent;border-top-color:#b5b9aa}
/* Strategy cards are small route diagrams, not decorative floating rectangles. */
.strategy-section{background:#ebece4;border-block:1px solid #dcdfd2}
.strategy-rows{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.strategy{display:flex;flex-direction:column;align-items:stretch;gap:0;border:1px solid #d6d9cc;border-radius:20px;padding:28px;background:#f8f7f1;position:relative}
.strategy:last-child{border-bottom:1px solid #d6d9cc}
.strategy.split{background:#f3f4ea;border-color:#b8c3a9}
.strategy-name{display:block}
.strategy-name small{font-size:10px;letter-spacing:1.1px;color:#606f50}
.strategy h3{display:flex;align-items:center;justify-content:space-between;font-size:36px;letter-spacing:-1.5px;margin:20px 0 8px}
.strategy p{font-size:14px;min-height:44px;line-height:1.7}
.strategy-diagram{display:flex;flex-direction:column;gap:24px;align-items:center;margin:25px 0 28px;padding:24px 0;border-block:1px solid #dce1d3}
.mini-source{font:10px var(--mono);background:#e0e7d6;border:1px solid #b6c3a6;border-radius:5px;padding:10px 18px;writing-mode:horizontal-tb}
.mini-source:after{left:50%;top:100%;width:1px;height:16px;border:0;background:#afbc9d}
.strategy-branches{width:100%;flex-direction:row;gap:14px;padding:0;justify-content:center}
.strategy-branches:before{left:25%;right:25%;top:-9px;height:9px;bottom:auto;border:1px solid #afbc9d;border-bottom:0}
.strategy-branch{flex:1;min-width:0;flex-direction:column;gap:13px}
.strategy-branch:before{display:none}
.strategy-branch .platform-identity{width:auto;gap:5px}
.strategy-branch .platform-logo{width:22px;height:22px}
.strategy-branch .platform-identity b{font-size:12px}
.strategy-pairs{padding:0;display:flex;justify-content:center;gap:5px;max-width:none;border:0;flex:initial;min-height:50px;align-content:flex-start}
.strategy-pairs>span{padding:6px 7px;font-size:10px;background:#e3ead9;border-color:#c6d1b9;border-radius:4px}
.stonk .strategy-pairs>span{background:#e0eaeb;border-color:#c1d1d5}
.strategy-apply{display:flex;justify-content:center;align-items:center;margin-top:auto;border:1px solid #ccd2c0;border-radius:100px;font-size:13px;min-height:44px;padding:10px 14px;gap:10px;background:#ffffff50;transition:background .2s,border-color .2s}
.strategy-apply:hover{color:#303a27;background:#e5eadb;border-color:#a6b296}
.pair-universe{padding-top:70px}
.pair-universe .eyebrow{font-size:10px;letter-spacing:1px;margin-bottom:17px}
.pair-universe h3{font-size:31px}
.pair-universe p{font-size:14px}




/* Terminal reveal uses a restrained perspective and a readable interface. */
.terminal-reveal{background:radial-gradient(ellipse at 80% 60%,#556d3d12,transparent 55%),#111514}
.terminal-reveal>.wrap{grid-template-columns:.8fr 1.2fr;gap:70px;padding-block:125px}
.reveal-copy h2{font-size:clamp(42px,3.7vw,58px);letter-spacing:-2.9px}
.reveal-copy p{max-width:365px;font-size:15px;line-height:1.9;margin:28px 0}
.terminal-note{display:block;font:9px var(--mono);letter-spacing:1px;color:#899981;margin-top:28px}
.preview-frame{border-radius:12px;border-color:#69785b;transform:perspective(1400px) rotateY(-5deg) rotateX(3deg);box-shadow:0 2px 0 #79816c,0 24px 70px #0006;background:#f3f3eb}
.preview-frame:hover{transform:perspective(1400px) rotateY(-3deg) rotateX(2deg) rotateZ(0)}
.preview-token{width:72px;height:72px;border-radius:50%;background:#ff8051;border:5px solid #ffc18b;box-shadow:3px 4px 0 #ab4b29}
.preview-token :is(svg,.app-mark){width:40px;height:40px;color:#402b1e}
.preview-identity{padding:25px 20px}
.preview-map{padding:25px 15px}
.preview-frame .matrix{padding-inline:0}
.preview-frame .destination-title b{font-size:10px}
.preview-frame .destination-title small{display:none}
.preview-frame .map-chip{font-size:8px;padding:5px}
.preview-frame .destination{padding:10px}
.preview-bottom{font-size:7px}
.terminal-chrome{background:#253020;color:#d1ddc3}
.faq-section{grid-template-columns:1fr 1.35fr;gap:100px}
.faq-section h2{font-size:52px;letter-spacing:-2.6px}
.faq summary{font-size:16px;padding:26px 0;gap:20px}
.faq summary>span{font-size:20px;color:#80926c}
.faq details p{font-size:14px;line-height:1.85}
.final-cta{background:radial-gradient(ellipse at 90% 20%,#ffbc844d,transparent 65%),#ef845d;color:#272920;padding:90px 0;position:relative;overflow:hidden}
.final-cta .eyebrow{color:#43251c;font-size:9px}
.final-cta h2{font-size:clamp(65px,7vw,108px);line-height:.96;letter-spacing:-6px;max-width:850px;font-weight:500}
.final-cta>.wrap{z-index:1}
.closing-bottom{margin-top:40px;align-items:center}
.closing-bottom p{font-size:13px;color:#43251c}
.final-cta .primary{background:#20281d;color:#f3f2e8;border-color:#35462c;min-width:210px}
.final-cta .primary span{background:#ffffff10}
.closing-orbit{position:absolute;right:-60px;top:-50px;width:530px;height:530px;transform:rotate(-28deg);opacity:.35;pointer-events:none}
.closing-orbit i{position:absolute;inset:40px;border:1px solid #5b371f;border-radius:50%;transform:rotateX(35deg) rotateY(50deg);box-shadow:8px 3px 0 #ffc69560}
.closing-orbit i:nth-child(2){inset:70px;transform:rotateX(65deg) rotateY(15deg)}
.closing-orbit i:nth-child(3){inset:0;transform:rotateX(45deg) rotateY(-20deg)}
.closing-orbit>span{position:absolute}
footer{padding:45px 0 25px}
.footer-bottom{font-size:10px}
.footer-top p{font-size:12px}
/* Working terminal: crisp neutral surfaces, exact platform colors and stable controls. */
.launch-page{background:#eeeee7}
.launch-page .terminal{border:1px solid #c9cec0;border-radius:18px;box-shadow:0 12px 40px #343b2510}
.launch-page .app-heading h1{font-size:34px}
.launch-page .app-heading .eyebrow{font-size:8px;letter-spacing:1.2px}
.launch-page .terminal-chrome{background:#262d26;color:#d1ddc3}
.launch-page .terminal-presets{background:#eeefe7}
.launch-page .token-pane{background:#f6f5ef}
.launch-page .routing-pane{background:#fcfcf8}
.launch-page .platform-card{border-radius:14px;background:#f8faf3;border-color:#c7d2ba}
.launch-page .platform-card.stonk{background:#f5f9f9;border-color:#bdd0d3}
.launch-page .platform-card>header{background:#e5edda}
.launch-page .platform-card.stonk>header{background:#e0edef}
.launch-page .pair-option{border-radius:7px;min-height:38px}
.launch-page .pair-option.selected{background:#d8e6c4;border-color:#a3b687}
.launch-page .stonk .pair-option.selected{background:#d7e8eb;border-color:#a1c1c9}
.launch-page .live-map{background-color:#f3f5ed;border-radius:12px}
.launch-page .review-rail{background:#e9edde;border-top-color:#c7d1b8}
.launch-page .review-action .button{border-radius:100px;min-width:185px}
.launch-page .token-pane input,.launch-page .token-pane textarea{background:#fffefb;border-radius:8px;border-color:#d1d5c8;transition:border-color .2s,box-shadow .2s}
dialog{border-radius:22px;background:#f7f6ef;box-shadow:0 40px 120px #0007}
dialog::backdrop{background:#0a110bd9;backdrop-filter:blur(12px)}
.wallet-option{border-radius:12px}
@media(min-width:1700px){.hero-stage{min-height:690px}.hero-copy h1{font-size:118px}.hero-intro p{font-size:16px;max-width:420px}.hero-actions{margin-top:36px}.hero-proof{margin-top:38px}.world{margin-right:-60px}.world-topline{top:40px}.world-caption{bottom:38px}}
@media(min-width:1001px) and (max-width:1250px){.wrap{width:calc(100% - 72px)}.nav{gap:20px}.nav-actions{gap:17px}.nav-links{gap:20px}.nav .brand{font-size:19px}.hero-stage{grid-template-columns:.9fr 1.1fr;min-height:570px}.hero-copy h1{font-size:82px;letter-spacing:-5.5px}.hero-copy>.eyebrow{font-size:7px}.hero-intro p{font-size:12px;max-width:320px}.hero-actions{gap:15px}.hero-actions .button{font-size:11px;padding:12px 15px;gap:18px}.flow-link{font-size:10px}.hero-proof{font-size:8px;gap:7px}.world{margin-left:-35px;margin-right:-20px}.world-topline{left:40px;font-size:7px}.world-caption{left:40px}.workspace-toolbar{padding:20px;gap:12px}.map-presets button{padding:7px 15px}.route-readout{padding:10px 20px;font-size:8px;gap:12px}.route-readout-row{gap:7px}.route-readout-row b{font-size:10px;min-width:49px}.map-footer{padding:18px;gap:9px}.map-footer>b{font-size:35px}.map-footer small{font-size:9px}.hero-workspace{grid-template-columns:1fr 1.1fr .85fr}.hero-bottom{font-size:8px}.story{grid-template-columns:.7fr 3.2fr;gap:35px}.story-bottom{gap:25px}.story-bottom p{font-size:13px;max-width:370px}.editorial-link{font-size:10px;gap:20px}.strategy{padding:22px 18px}.strategy-rows{gap:16px}.strategy-branch .platform-identity b{font-size:11px}.strategy-branch .platform-logo{width:20px;height:20px}.strategy-pairs>span{font-size:9px;padding:5px}.strategy h3{font-size:32px}.terminal-reveal>.wrap{gap:40px;grid-template-columns:.7fr 1.3fr}.reveal-copy h2{font-size:40px}.preview-identity{padding:22px 13px}.preview-map{padding:22px 12px}.faq-section{gap:60px}.faq-section h2{font-size:44px}}
@media(min-width:1001px) and (max-height:820px){.hero-stage{min-height:515px;height:calc(100dvh - 220px)}.hero-copy{padding:27px 0}.hero-copy h1{font-size:clamp(72px,6.2vw,94px)}.hero-copy>.eyebrow{margin-bottom:22px}.hero-intro{margin-top:21px}.hero-intro p{font-size:13px}.hero-actions{margin-top:23px}.hero-proof{margin-top:24px}.world-topline{top:24px}.world-caption{bottom:21px}.hero-workspace{min-height:98px}.workspace-toolbar{padding-block:15px}.hero-bottom{height:43px}}
/* A basic small-window fallback; desktop/laptop are the design and QA targets. */
@media(max-width:1000px){.hero-stage{height:auto;max-height:none;grid-template-columns:1fr;min-height:0}.hero-copy{padding-top:50px}.hero-copy h1{font-size:88px}.world{height:550px;margin:0}.world-topline{left:20px}.world-caption{left:20px}.hero-workspace{grid-template-columns:1fr}.route-readout{border:0;border-block:1px solid #ffffff12;padding:20px}.workspace-toolbar{padding:20px}.map-footer{padding:20px}.hero-bottom>span:last-child{display:none}.story{grid-template-columns:1fr}.perspective-strip{grid-column:1}.story-bottom{align-items:flex-start;flex-direction:column}.strategy-rows{grid-template-columns:1fr}.strategy-diagram{width:100%}.strategy-pairs{min-height:0}.destination-duo{grid-template-columns:1fr;padding:0}.destination-story{padding:25px}.destination-world{height:270px}.steps{grid-template-columns:repeat(2,1fr)}.step{padding:25px;min-height:180px}.step-number{position:static}.terminal-reveal>.wrap{grid-template-columns:1fr}.reveal-copy{display:block}.reveal-copy .eyebrow{margin-bottom:25px}.preview-frame{transform:none}.faq-section{grid-template-columns:1fr}.final-cta h2{font-size:65px;letter-spacing:-3px}.pair-universe{grid-template-columns:1fr}.hero-proof{font-size:7px}.wrap{width:calc(100% - 48px)}}
@media(prefers-reduced-motion:reduce){.world-canvas,.world-label{transition:none}.preview-frame:hover{transform:perspective(1400px) rotateY(-9deg) rotateX(5deg) rotateZ(1deg)}}

.world-reset{padding:0;border:0;background:none;color:#9ca49b;font:8px var(--mono);letter-spacing:1px;cursor:pointer}.world-reset:hover{color:#ff956e}.world .world-viewport{cursor:grab}.world .world-viewport:active{cursor:grabbing}.world-label small{font-size:8px}.world-topline,.world-caption>span{font-size:9px}.token-label b{font-size:12px}

.launch-page .pane-heading h3>span{color:#586f40}
/* Finishing details: a quieter interface, with symbols reserved for meaning. */
h1,h2,h3{text-wrap:balance}
p{text-wrap:pretty}
.nav-links a{position:relative;transition:color .2s}
.nav-links a:after{content:'';position:absolute;bottom:7px;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .22s}
.nav-links a:hover:after,.nav-links a.active:after{transform:scaleX(1)}
.nav-launch{padding:8px 15px;border:1px solid #ffffff24;border-radius:100px;transition:border-color .2s,background .2s}
.nav-launch:hover{background:#ffffff09;border-color:#ffffff55}
.wallet-button,.menu-button{transition:background .2s,border-color .2s}
.menu-button{border-radius:9px}
.hero .live-dot{animation:none}
.hero-workspace{background:linear-gradient(115deg,#20241fee,#1b1e1cee);box-shadow:inset 0 1px 0 #ffffff04}
.map-presets button{min-height:36px;transition:background .2s,border-color .2s}
.world-reset{min-height:32px;padding:4px 8px;border-radius:8px}
.world-reset:focus-visible{outline-offset:2px}
.motion-control{min-height:34px}
.hero-bottom>a{min-height:44px;text-underline-offset:5px}
.hero-bottom>a:hover{text-decoration:underline}
.story-orbits{position:relative;display:block;width:86px;height:72px;margin-top:35px}
.story-orbits i{position:absolute;inset:6px 16px;border:1px solid #b9bdae;border-radius:50%;transform:rotate(-38deg)}
.story-orbits i:nth-child(2){transform:rotate(38deg);inset:6px 16px}
.story-orbits i:nth-child(3){inset:31px 38px;background:#cf7c56;border:0;border-radius:50%}
.editorial-link,.destination-cta{width:fit-content;transition:color .2s,border-color .2s}
.editorial-link:hover{color:#9c482a;border-color:#b76e4e}
.destination-cta{padding:10px 0;min-height:44px;border-bottom:1px solid #64745c;border-radius:0;font-size:13px}
.destination-cta:hover{border-color:#b7dba0}
.destination-route{gap:7px}
.destination-route:before{content:'';width:5px;height:5px;background:var(--route-accent);border-radius:50%}
.feature-pairs>li{background:#ffffff03;border:1px solid #ffffff0b;border-radius:10px;padding:13px 14px}
.feature-pairs>li>span:last-child{color:inherit;font-size:inherit}
.feature-pairs small{letter-spacing:0}
.step:last-child{padding-bottom:32px;min-height:190px}
.step-number{font-size:11px}
.step h3{font-size:21px}
.step:first-child .step-symbol,.step:last-child .step-symbol{background:#f1e2d6;color:#a45d38}
.strategy{transition:border-color .25s,box-shadow .25s}
.strategy:hover{border-color:#aeb99e;box-shadow:0 9px 30px #34432906}
.strategy h3>.strategy-motif{position:relative;display:block;width:45px;height:37px}
.strategy-motif i{position:absolute;width:23px;height:23px;border:1px solid #849573;border-radius:50%;top:7px;left:3px}
.strategy-motif i:nth-child(2){left:17px}
.strategy-motif i:nth-child(3){display:none}
.strategy-motif.split i{width:18px;height:18px;left:2px;top:3px}
.strategy-motif.split i:nth-child(2){left:24px;top:17px;border-color:#6f929b}
.strategy-motif.basket i{width:19px;height:19px;left:4px;top:15px}
.strategy-motif.basket i:nth-child(2){left:22px}
.strategy-motif.basket i:nth-child(3){display:block;left:13px;top:0}
.strategy-diagram .mini-source{writing-mode:horizontal-tb;min-height:0}
.strategy-branch .platform-identity{flex-basis:auto}
.strategy-pairs{flex:initial}
.preview-frame{border-radius:16px;transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s}
.preview-frame .preview-token{flex-shrink:0}
.preview-bottom{font-size:9px;letter-spacing:.3px}
.preview-bottom>span{font-size:11px;text-decoration:underline;text-underline-offset:4px}
.preview-status{font-size:9px;letter-spacing:0;color:#c2cbbb}
.faq details{border-color:var(--line);transition:background .2s}
.faq summary>span{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border:1px solid #d3d7c8;border-radius:50%;color:#626e55;font:20px 'DM Sans',sans-serif;transition:transform .25s,background .25s}
.faq details[open] summary>span{transform:rotate(45deg);background:#e9edde}
.faq details[open] summary{color:#454f38}
.faq summary:hover{color:#8c4c31}
.faq details p{max-width:580px;padding-right:45px}
.final-cta .primary:hover{background:#35432d;color:#fff9ed;box-shadow:0 5px 20px #42261618}
.closing-orbit{right:-25px;top:-20px;opacity:.45;transform:rotate(-28deg)}
.closing-orbit>.closing-seed{inset:195px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ffd6a0,#d9774f 60%,#a75b3d);box-shadow:inset 1px 2px 3px #ffe3b766,10px 22px 35px #854d2d30;font-size:0}
.closing-orbit i{border-color:#9a563649;box-shadow:none}
.footer-top>a:last-child,.footer-bottom>a{padding-block:10px;text-decoration:underline;text-decoration-color:#b9beaf;text-underline-offset:5px}
.footer-top>a:last-child:hover,.footer-bottom>a:hover{color:#9c482a}
.footer-bottom{color:#62665b}
.launch-page .terminal-presets button{border-radius:100px;min-height:34px;transition:background .2s}
.launch-page .terminal-presets button[aria-pressed=true]{background:#e0e8d4;border-color:#a9bb91}
.launch-page .pane-heading h3{font-size:17px}
.launch-page .pane-heading h3>span{border:0;background:#e7eadf;border-radius:50%;width:28px;height:28px;padding:0;display:grid;place-items:center}
.launch-page .upload{border-radius:12px;background:#eeefe5;border-color:#bec8ad}
.launch-page .upload:hover,.launch-page .upload.dragging{background:#e5ebda;border-color:#8da574}
.launch-page #image-preview{border-radius:10px;background:#e1e7d5}
.launch-page .token-pane input::placeholder,.launch-page .token-pane textarea::placeholder{color:#777e6e}
.launch-page .token-pane input:focus,.launch-page .token-pane textarea:focus{border-color:#84996d;box-shadow:0 0 0 3px #a7b78d1f;outline-offset:2px}
.search{border-radius:8px;min-height:38px}
.search-icon{width:13px;height:13px;border:1.4px solid #6f805b;border-radius:50%;position:relative;flex-shrink:0;margin:0 4px 2px 1px}
.search-icon:after{content:'';position:absolute;width:5px;height:1.4px;background:#6f805b;right:-4px;bottom:-2px;transform:rotate(45deg)}
.switch{position:relative}
.switch:before{content:'';position:absolute;inset:-8px -5px}
.local-note{font-size:11px;color:#626e55;line-height:1.7}
.launch-page .review-action .button:disabled{background:#d7ddce;color:#626c58;border-color:#c7d0bc;box-shadow:none}
.launch-page .review-action>span{font-size:12px}
.wallet-empty,.wallet-pending,.connected-address{border-radius:12px;background:#eeefe5;border-color:#d2d8c5}
.wallet-option{background:#eef1e6;border-color:#cdd7bc;transition:background .2s,border-color .2s}
.wallet-option>span:last-child{margin-left:0}
.wallet-option:hover{background:#e4ebd9}
.close{width:36px;height:36px;border-radius:50%;border-color:#d1d7c6}
.modal-icon{border-radius:14px;background:#efe8dc;border-color:#e0d5c2}
dialog h2{line-height:1.18;text-wrap:balance}
dialog .button{min-height:46px}
@media(min-width:1001px) and (max-width:1250px){
 .hero-copy>.eyebrow{font-size:8px}.hero-intro p{font-size:14px}.flow-link{font-size:12px}
 .route-readout{font-size:9px;padding-inline:16px}.route-readout-row{gap:6px}.readout-divider{width:8px}
 .map-footer{flex-wrap:wrap;gap:4px 10px;padding:14px 18px}.map-footer>a{margin:2px 0 0;width:100%;min-height:32px;padding:7px 10px}.map-footer>b{font-size:34px}
 .hero-bottom{letter-spacing:.8px}.story-bottom p{font-size:14px}.editorial-link{font-size:12px}
 .perspective-strip{gap:18px}.perspective-strip>div{gap:10px}.perspective-strip span:not(.perspective-path){font-size:9px}
 .strategy p{font-size:13px;min-height:44px}.strategy-apply{font-size:12px;padding-inline:10px}
 .destination-story{padding-inline:25px}.feature-pairs>li{padding:11px 10px}.feature-pairs small{font-size:10px}
}
@media(max-width:1000px){
 .section,.workflow{padding-block:80px}.destination-feature .section{padding-block:80px 48px}
 .hero-copy h1{font-size:clamp(70px,11vw,104px);letter-spacing:-4.8px}
 .hero-actions{flex-direction:row;align-items:center}.hero-copy{padding:50px 0 12px}.hero-intro p{max-width:450px}
 .world{height:490px}.world-topline{top:16px;left:12px;right:12px}.world-caption{left:12px;right:12px;bottom:18px}
 .hero-workspace{grid-template-columns:1fr 1fr}.workspace-toolbar{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #ffffff12}
 .workspace-toolbar>.technical{max-width:none;font-size:10px}.route-readout{border:0;padding:22px 24px}.map-footer{padding:18px 24px;border-left:1px solid #ffffff12}
 .hero-bottom{font-size:8px;letter-spacing:.7px}.hero-proof{font-size:9px}
 .section-index{flex-direction:row;align-items:center}.story-orbits{width:64px;height:55px;margin:0}.story-orbits i{inset:4px 12px}.story-orbits i:nth-child(2){inset:4px 12px}.story-orbits i:nth-child(3){inset:24px 29px}
 .story-bottom p{font-size:15px}.perspective-strip{gap:20px}.perspective-strip span:not(.perspective-path){font-size:9px}
 .destination-duo{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.destination-story{padding:24px}.destination-world{height:235px;margin-inline:-24px}
 .destination-content>p{font-size:13px}.destination-pair-heading{font-size:9px}.feature-pairs{flex-wrap:wrap}.feature-pairs>li{flex-basis:100%}
 .steps{gap:0 28px}.step{padding:26px 0 30px;min-height:185px}.step:last-child{padding-bottom:30px}.step p{font-size:14px}.step h3{font-size:20px}
 .strategy-rows{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.strategy{padding:22px 18px}.strategy h3{font-size:30px}.strategy p{font-size:13px;min-height:66px}
 .strategy-branches{gap:8px}.strategy-branch .platform-logo{width:20px;height:20px}.strategy-branch .platform-identity b{font-size:11px}.strategy-branch .platform-identity{width:auto;gap:4px}
 .strategy-pairs>span{font-size:9px;padding:5px}.strategy-apply{font-size:11px}.strategy-name small{font-size:9px}
 .pair-universe{gap:28px}.terminal-reveal>.wrap{padding-block:85px;gap:40px}.preview-frame,.preview-frame:hover{transform:none}.preview-frame{max-width:none}
 .faq-section{gap:40px}.faq-section h2 br{display:block}.final-cta h2{font-size:clamp(55px,8vw,84px)}
 .closing-orbit{right:-200px;top:0}.closing-bottom{align-items:flex-start}.footer-top{gap:20px}
}
@media(max-width:760px){
 .wrap{width:calc(100% - 40px)}.section,.workflow{padding-block:66px}
 h2,.story h2,.destination-feature h2,.reveal-copy h2,.faq-section h2{font-size:clamp(36px,7vw,52px);letter-spacing:-1.9px;line-height:1.1}
 .section-heading{align-items:flex-start;flex-direction:column;gap:22px;margin-bottom:36px}.section-heading>p{max-width:380px;font-size:14px}.section-heading>p br{display:none}
 .hero-copy>.eyebrow{font-size:9px;letter-spacing:.6px}.hero-copy h1{font-size:clamp(64px,12vw,88px);letter-spacing:-3.8px}
 .hero-actions{flex-wrap:wrap;gap:16px 24px}.hero-actions .button{font-size:13px;padding:14px 22px}.flow-link{font-size:12px;min-height:40px}
 .hero-proof{font-size:8px;gap:8px;letter-spacing:.15px}.world{height:420px}.world-label b{font-size:14px}.world-label small{font-size:7px}
 .hero-workspace{grid-template-columns:1fr;border-radius:16px}.workspace-toolbar{padding:18px 20px;gap:14px;flex-wrap:wrap}.map-presets{gap:8px}.map-presets button{font-size:12px;padding:9px 18px}
 .route-readout{padding:20px;font-size:11px;gap:14px}.route-readout-row{gap:10px}.route-readout-row b{font-size:12px}.readout-divider{width:12px}
 .map-footer{border-left:0;border-top:1px solid #ffffff12;padding:16px 20px}.map-footer>a{padding:12px 18px}.map-footer>b{font-size:36px}.map-footer small{font-size:11px}
 .hero-bottom{height:60px;gap:16px}.hero-bottom>span:first-child{font-size:7px;letter-spacing:.5px}
 .perspective-strip{gap:12px;margin-top:0;padding-top:28px}.perspective-strip>div{flex-direction:column;align-items:flex-start;gap:4px}.perspective-strip b{font-size:32px}.perspective-strip span:not(.perspective-path){font-size:8px;letter-spacing:0}.perspective-path{margin-bottom:18px}
 .destination-feature .section{padding-block:66px 42px}.destination-duo{grid-template-columns:1fr;gap:22px}.destination-world{height:260px}.destination-content>p{font-size:14px}
 .destination-pair-heading{font-size:10px}.feature-pairs{flex-wrap:nowrap;gap:8px}.feature-pairs>li{flex-basis:0;padding:12px}.feature-pairs b{font-size:12px}.feature-pairs small{font-size:10px}
 .destination-bottom-bar{gap:14px;align-items:flex-start;flex-direction:column}.destination-bottom-bar p{font-size:13px}
 .strategy-rows{grid-template-columns:1fr;gap:18px}.strategy{padding:26px;gap:0}.strategy h3{font-size:36px;margin:18px 0 8px}.strategy-name small{font-size:10px}.strategy p{font-size:14px;min-height:0}
 .strategy-diagram{margin-block:24px;padding:24px 0;gap:24px}.strategy-diagram .mini-source{padding:10px 18px;font-size:10px;writing-mode:horizontal-tb;min-height:0}
 .strategy-branches{gap:20px;padding:0}.strategy-branches:before{top:-9px;bottom:auto}.strategy-branch{gap:13px}.strategy-branch .platform-identity b{font-size:14px}.strategy-branch .platform-logo{width:26px;height:26px}
 .strategy-pairs{padding:0;border:0;flex:initial;min-height:0;gap:6px}.strategy-pairs>span{font-size:10px;padding:7px 8px}.strategy-apply{font-size:13px;width:100%;margin:0;align-self:stretch;min-height:46px}
 .pair-universe{padding-top:48px}.pair-universe h3{font-size:30px}
 .terminal-reveal>.wrap{padding-block:72px}.reveal-copy p{font-size:15px}.terminal-note{font-size:8px;line-height:1.7}
 .preview-bottom{font-size:8px}.preview-bottom>span{font-size:10px}.faq summary{font-size:15px;padding:22px 0}.faq details p{padding-right:15px}
 .final-cta{padding:70px 0 55px}.final-cta h2{font-size:clamp(48px,9vw,66px);letter-spacing:-2.8px}.closing-orbit{right:-250px;top:15px;opacity:.28}
 .closing-bottom{gap:28px}.closing-bottom>div{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:22px}.closing-bottom .button{min-width:180px}
 .footer-top p{font-size:13px}.footer-bottom{font-size:9px}
 .launch-page .terminal-presets button{min-height:38px}.launch-page .token-pane input,.launch-page .token-pane textarea{font-size:16px}.search input{font-size:16px}
 .launch-page .pair-option{min-height:42px}.launch-page .review-action .button{width:100%}
}
@media(max-width:540px){
 .nav{min-height:0;padding-block:14px}.nav .brand{font-size:20px}.nav .wallet-button{font-size:12px;min-height:38px}.nav-launch{padding:7px 14px}.nav .buy-button{font-size:9px}
 .hero-copy{padding-top:38px}.hero-copy h1{font-size:clamp(59px,17vw,82px);letter-spacing:-3.4px}.hero-intro{margin-top:24px}.hero-intro p{font-size:14px}.hero-intro p br{display:none}
 .hero-copy>.eyebrow{font-size:8px;letter-spacing:.35px;margin-bottom:24px}.hero-proof{font-size:7px;gap:7px}.world{height:355px;margin-top:12px}
 .world-topline{font-size:8px;left:0;right:0;top:5px;letter-spacing:.6px}.world-reset{font-size:8px}.world-caption{left:0;right:0;bottom:8px}.world-caption>span{font-size:8px;letter-spacing:.6px}.world-caption>span>span{margin-left:7px}
 .world-label small{font-size:6px;letter-spacing:.7px}.world-label b{font-size:12px}.token-label b{font-size:10px}.token-label{padding-left:8px}.label-line{width:12px}
 .workspace-toolbar>.technical{font-size:9px;letter-spacing:.7px}.hero-bottom>span:first-child{max-width:130px;line-height:1.6}
 .destination-world{height:235px}.destination-story{padding:24px 20px}.destination-world{margin-inline:-20px}.destination-content .platform-logo{width:30px;height:30px}.destination-content .platform-identity b{font-size:32px}
 .feature-pairs>li{padding:11px 9px}.feature-pairs small{font-size:9px}.destination-coordinate{font-size:9px}
 .steps{grid-template-columns:1fr;padding:0;gap:0}.step,.step:last-child{position:relative;padding:24px 0 24px 56px;min-height:0}.step-top{margin:0}.step-number{position:absolute;left:0;top:29px;font-size:11px}.step-symbol{display:none}.step h3{padding-top:0;font-size:20px}.step p{max-width:none}
 .preview-token{width:48px;height:48px;border-width:3px}.preview-token :is(svg,.app-mark){width:27px;height:27px}.preview-identity{padding:20px}.preview-map{padding:20px 15px}.preview-bottom{gap:12px;font-size:7px}.preview-bottom>span{font-size:9px}
 .closing-bottom>div{flex-direction:column;align-items:flex-start;gap:15px}.closing-orbit{top:70px}.final-cta h2{font-size:clamp(43px,11.5vw,62px)}
 .app-heading h1{font-size:32px}.launch-page .token-pane,.launch-page .routing-pane{padding:22px 18px}.launch-page .pane-heading h3{font-size:16px}.launch-page .review-rail{padding:20px 18px}
 dialog{padding:25px 22px}dialog h2{font-size:29px}.plan-actions .button{width:100%}
}
@media(prefers-reduced-motion:reduce){
 .preview-frame,.preview-frame:hover{transform:none}.primary:hover:not(:disabled){transform:none}
}

@media(max-width:359px){
 .nav-actions{gap:8px}.nav .buy-button{font-size:8px}.nav-launch{font-size:11px;padding:7px 10px}.nav .wallet-button{font-size:11px;padding:9px 8px;gap:7px}
 .hero-actions{gap:12px}.hero-actions .button{padding-inline:19px}.flow-link{font-size:11px}
 .route-readout{font-size:10px;padding-inline:16px}.route-readout-row{gap:8px}
 .feature-pairs>li{padding-inline:7px}.feature-pairs small{font-size:9px}
}

/* The process: three illustrated chapters in one connected journey. */
.workflow .section-heading{margin-bottom:46px}
.process-intro{padding-bottom:4px}
.process-count{display:flex;align-items:center;gap:10px;font:9px var(--mono);letter-spacing:.7px;color:#7a4c34;margin-bottom:16px}
.process-count i{width:19px;height:1px;background:#b9957b}
.process-intro p{font-size:15px;line-height:1.8;color:var(--muted)}
.process-journey{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.process-phase{position:relative;min-width:0;padding:26px 28px 10px;border:1px solid #dcd8ce;border-radius:20px;background:#f9f7f1}
.process-phase:not(:last-child):after{content:'→';position:absolute;z-index:1;top:135px;right:-23px;display:grid;place-items:center;width:25px;height:25px;border:1px solid #d5cfc3;border-radius:50%;background:var(--canvas);color:#8c6c54;font:14px var(--mono)}
.process-phase-heading{display:flex;justify-content:space-between;align-items:center;font:9px var(--mono);letter-spacing:1px}
.process-phase-label{display:flex;align-items:center;gap:8px;color:#595f53}
.process-phase-label:before{content:'';width:5px;height:5px;border-radius:50%;background:#bd7049}
.process-phase-index{color:#73776e;letter-spacing:.5px}
.process-artwork{margin:17px -8px 22px;background-image:radial-gradient(#928e7e30 .7px,transparent .7px);background-size:12px 12px;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.process-artwork svg{display:block;width:100%;height:202px;overflow:visible}
.process-artwork text{fill:#73766b;font:8px var(--mono);letter-spacing:1.25px}
.process-orbit{stroke:#c8c6b6;stroke-width:1}
.process-wire{stroke:#b18b6d;stroke-width:1.2}
.process-token circle:first-child{fill:#efddc9;stroke:#b8784e;stroke-width:1.4}
.process-token circle:nth-child(2){fill:#f5e7d7;stroke:#c59a79;stroke-width:1}
.process-token path{stroke:#a25d35;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.process-satellite{fill:#f5f2eb;stroke:#9b8269;stroke-width:1.5}
.process-pin{fill:#bf7950}
.process-node-source{fill:#f2e5d5;stroke:#b88a62}
.process-plus{stroke:#a06842;stroke-width:1.5;stroke-linecap:round}
.process-pump{fill:#e6ecd9;stroke:#bdc8a9}
.process-stonk{fill:#e2eaec;stroke:#b6cacf}
.process-artwork .process-node-label{fill:#465644;font-size:9px;letter-spacing:.5px}
.workflow .process-phase-title{font-size:clamp(23px,2vw,31px);font-weight:500;letter-spacing:-1.1px;line-height:1.2;margin:0 0 25px}
.workflow .steps{display:block;list-style:none;padding:0;margin:0;border:0}
.workflow .step,.workflow .step:last-child{display:flex;align-items:flex-start;gap:13px;min-height:104px;padding:22px 0;border:0;border-top:1px solid #dfdcd2;background:none}
.workflow .step:before{display:none}
.workflow .step-number{position:static;flex:0 0 18px;width:auto;height:auto;margin:3px 0 0;display:block;border:0;border-radius:0;box-shadow:none;background:none;color:#946344;font:10px var(--mono)}
.workflow .step-copy{min-width:0;flex:1}
.workflow .step h4{margin:0 0 7px;font-size:16px;font-weight:500;line-height:1.35;letter-spacing:-.35px}
.workflow .step p{max-width:none;font-size:13px;line-height:1.7;color:#686c61}
.workflow .step .step-symbol{display:grid;place-items:center;flex:0 0 20px;width:20px;height:22px;margin-top:1px;border-radius:0;background:none;color:#858b79}
.workflow .step-symbol :is(svg,.app-mark){width:19px;height:19px}
.process-phase-final{background:#232a25;border-color:#232a25;color:#f2f1e8}
.process-phase-final .process-phase-label{color:#d0d8c8}
.process-phase-final .process-phase-label:before{background:#bfd6aa}
.process-phase-final .process-phase-index{color:#a1ac9d}
.process-phase-final .process-artwork{background-image:radial-gradient(#e0e9d629 .7px,transparent .7px)}
.process-phase-final .process-orbit{stroke:#54614e}
.process-phase-final .process-wire{stroke:#7d9470}
.process-phase-final .process-pin{fill:#c4d9b2}
.process-phase-final .process-artwork text{fill:#a7b59e}
.process-ready-ring{fill:#c3d8b0;stroke:#e0ebd5;stroke-width:1}
.process-check{stroke:#344b2e;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.workflow .process-phase-final .step{border-color:#ffffff1c}
.workflow .process-phase-final .step-number,.workflow .process-phase-final .step-symbol{color:#b7cba6}
.workflow .process-phase-final .step p{color:#b1bdab}
.process-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:27px}
.process-bottom p{display:flex;align-items:center;gap:14px;font-size:12px;color:#62675c}
.process-track{display:flex;align-items:center;gap:15px;position:relative}
.process-track:before{content:'';position:absolute;left:0;right:0;height:1px;background:#bcbfaf}
.process-track i{position:relative;width:5px;height:5px;border-radius:50%;background:#9ea68e}
.process-track i:last-child{background:#b97850}
.process-bottom .editorial-link{gap:30px;font-size:13px;min-height:40px;color:#4c5545}
.process-bottom .editorial-link:hover{color:#a45d38;border-color:#a45d38}
@media(min-width:761px) and (max-width:1100px){
 .process-journey{gap:14px}.process-phase{padding:22px 18px 6px}.process-phase:not(:last-child):after{right:-20px}
 .process-artwork{margin-inline:-12px}.process-artwork svg{height:175px}.workflow .process-phase-title{font-size:24px;min-height:58px;margin-bottom:15px}
 .workflow .step{gap:8px}.workflow .step-symbol{display:none}.workflow .step,.workflow .step:last-child{min-height:118px}
}
@media(max-width:760px){
 .workflow .section-heading{gap:24px;margin-bottom:30px}.process-count{font-size:8px;margin-bottom:10px}.process-intro p{font-size:14px}.process-intro p br{display:none}
 .process-journey{grid-template-columns:1fr;gap:24px}.process-phase{padding:24px 24px 8px}.process-artwork{margin:12px 0 20px}.process-artwork svg{height:185px}
 .process-phase:not(:last-child):after{top:auto;bottom:-26px;right:calc(50% - 13px);transform:rotate(90deg)}
 .workflow .process-phase-title{font-size:29px;margin-bottom:22px}.workflow .step,.workflow .step:last-child{padding:20px 0;min-height:92px}.workflow .step p{font-size:13px}.workflow .step h4{font-size:17px}
 .process-bottom{align-items:flex-start;flex-direction:column;gap:15px;margin-top:24px}.process-bottom p{font-size:11px;gap:10px}.process-bottom .editorial-link{gap:34px}
}
@media(max-width:359px){.process-phase{padding-inline:18px}.workflow .process-phase-title{font-size:26px}.workflow .step{gap:9px}.workflow .step-symbol{display:none}.process-count{font-size:7px;gap:7px}}
