:root{color-scheme:light;--ink:#101522;--ink-soft:#465066;--paper:#f7f8fb;--paper-strong:#fff;--night:#0b1020;--night-soft:#141b31;--line:#dce1eb;--line-dark:rgba(255,255,255,.14);--accent:#6875e9;--accent-bright:#8e9aff;--accent-pale:#eef0ff;--good:#59c9a5;--max:1240px;--header:78px;--ease:cubic-bezier(.2,.8,.2,1);--font:Inter,"SF Pro Display","PingFang SC","Microsoft YaHei",system-ui,sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 20px)}body{margin:0;min-width:320px;overflow-x:hidden;background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}img,svg{display:block}::selection{background:var(--accent);color:#fff}:focus-visible{outline:3px solid var(--accent-bright);outline-offset:4px}.skip-link{position:fixed;z-index:1000;top:-70px;left:16px;padding:12px 16px;background:#fff;color:var(--night);border-radius:8px;transition:top .2s ease}.skip-link:focus{top:12px}
.site-header{position:fixed;z-index:100;inset:0 0 auto;height:var(--header);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;padding:0 max(28px,calc((100vw - var(--max))/2));color:#fff;border-bottom:1px solid transparent;transition:background .3s ease,border-color .3s ease,height .3s ease}.site-header.is-scrolled{height:66px;background:rgba(11,16,32,.9);border-color:var(--line-dark);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:12px;width:max-content}.brand-mark{width:46px;height:46px;object-fit:contain;border-radius:9px}.brand span{display:grid;gap:2px}.brand strong{font-size:17px;letter-spacing:.04em}.brand small{opacity:.56;font:10px var(--mono);letter-spacing:.2em}.site-nav{display:flex;gap:4px}.site-nav a{position:relative;padding:14px 12px;color:rgba(255,255,255,.68);font-size:13px;transition:color .2s ease}.site-nav a::after{content:"";position:absolute;left:12px;right:12px;bottom:7px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease)}.site-nav a:hover,.site-nav a.is-current{color:#fff}.site-nav a:hover::after,.site-nav a.is-current::after{transform:scaleX(1)}.header-action{justify-self:end;min-height:44px;display:inline-grid;place-items:center;padding:0 18px;border:1px solid rgba(255,255,255,.28);border-radius:999px;font-size:12px;font-weight:750;transition:background .2s ease,color .2s ease}.header-action:hover{background:#fff;color:var(--night)}.menu-toggle{display:none}
.hero{position:relative;min-height:100svh;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(420px,.9fr) minmax(520px,1.1fr);align-items:center;gap:4vw;padding:calc(var(--header) + 70px) max(28px,calc((100vw - var(--max))/2)) 80px;color:#fff;background:var(--night)}.hero::before{content:"";position:absolute;z-index:-3;inset:0;background:radial-gradient(circle at 78% 42%,rgba(104,117,233,.3),transparent 28%),linear-gradient(120deg,#0b1020 0%,#11182b 55%,#0a0e1c 100%)}.hero-noise{position:absolute;z-index:-1;inset:0;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");pointer-events:none}.hero-grid{position:absolute;z-index:-2;inset:0 0 0 50%;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.22) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent,#000 30%,#000)}.hero-copy{position:relative;z-index:3;max-width:690px;min-width:0;container-type:inline-size}.eyebrow,.section-label{display:flex;align-items:center;gap:12px;margin:0 0 24px;color:var(--accent-bright);font:700 11px var(--mono);letter-spacing:.17em}.eyebrow::before{content:"";width:34px;height:1px;background:currentColor}.hero h1{max-width:760px;margin:0;font-size:clamp(24px,8.4cqi,48px);line-height:1.16;letter-spacing:-.025em;font-weight:680}.hero-positioning{max-width:32em;text-wrap:pretty;margin:20px 0 0;color:rgba(255,255,255,.67);font-size:clamp(17px,1.35vw,21px);line-height:1.75}.hero-positioning strong{display:block;margin-bottom:4px;color:#fff;font-weight:680}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;padding:0 23px;border-radius:999px;font-size:14px;font-weight:760;transition:transform .2s var(--ease),background .2s ease,color .2s ease,border-color .2s ease}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--accent);color:#fff;box-shadow:0 16px 42px rgba(104,117,233,.24)}.button-primary:hover{background:var(--accent-bright)}.button-quiet{border:1px solid rgba(255,255,255,.2);color:#fff}.button-quiet:hover{border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.06)}.button-dark{border:1px solid rgba(16,21,34,.2);color:var(--ink)}.button-dark:hover{background:var(--ink);color:#fff}.hero-trust{display:flex;align-items:center;gap:9px;margin:26px 0 0;color:rgba(255,255,255,.52);font-size:12px}.hero-trust i{width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:0 0 0 6px rgba(89,201,165,.08)}
.hero-visual{position:relative;min-height:min(720px,72vh);display:grid;place-items:center}.key-orbit{position:absolute;border:1px solid rgba(255,255,255,.17);border-radius:50%}.orbit-one{width:min(600px,44vw);aspect-ratio:1;animation:orbit-spin 28s linear infinite}.orbit-two{width:min(440px,33vw);aspect-ratio:1;border-style:dashed;border-color:rgba(142,154,255,.32);animation:orbit-spin 18s linear infinite reverse}.orbit-one::before,.orbit-two::before{content:"";position:absolute;top:50%;left:-5px;width:10px;height:10px;border-radius:50%;background:var(--accent-bright);box-shadow:0 0 24px rgba(142,154,255,.9)}.orbit-two::before{top:8%;left:auto;right:14%;width:7px;height:7px;background:#fff}.ownership-core{position:relative;z-index:2;width:min(340px,27vw);aspect-ratio:.82;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px;text-align:center;border:1px solid rgba(255,255,255,.22);border-radius:48% 48% 42% 42%/42% 42% 48% 48%;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.025));box-shadow:inset 0 1px rgba(255,255,255,.18),0 40px 100px rgba(0,0,0,.35);backdrop-filter:blur(24px)}.ownership-core::after{content:"";position:absolute;inset:14px;border:1px solid rgba(255,255,255,.08);border-radius:inherit}.core-mark{width:84px;height:84px;object-fit:contain;border-radius:16px;margin:13px 0}.ownership-core strong{font-size:clamp(28px,2.7vw,43px);line-height:1.08;letter-spacing:-.04em}.ownership-core small{max-width:210px;margin-top:17px;color:rgba(255,255,255,.55);line-height:1.5}.core-label{color:rgba(255,255,255,.45);font:10px var(--mono);letter-spacing:.2em}.orbit-note{position:absolute;z-index:3;display:grid;gap:4px;min-width:124px;padding:15px 18px;border-left:1px solid rgba(255,255,255,.3);background:rgba(11,16,32,.55);backdrop-filter:blur(10px)}.orbit-note b{color:var(--accent-bright);font:10px var(--mono)}.orbit-note span{color:rgba(255,255,255,.76);font-size:12px}.note-device{top:16%;left:8%}.note-sign{right:2%;top:44%}.note-control{bottom:13%;left:7%}.scroll-cue{position:absolute;z-index:4;right:max(28px,calc((100vw - var(--max))/2));bottom:26px;display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.5);font:10px var(--mono);letter-spacing:.13em}.scroll-cue i{position:relative;width:42px;height:42px;border:1px solid rgba(255,255,255,.16);border-radius:50%}.scroll-cue i::after{content:"";position:absolute;inset:12px;border-right:1px solid #fff;border-bottom:1px solid #fff;transform:translateY(-3px) rotate(45deg)}
.section{max-width:var(--max);margin:0 auto;padding:clamp(100px,12vw,170px) 28px}.section-label{margin-bottom:34px;color:var(--accent)}.section-label span{width:35px;height:22px;display:grid;place-items:center;border:1px solid currentColor;border-radius:999px;font-size:9px}.section-label.inverse{color:var(--accent-bright)}.custody-intro{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.6fr);gap:8vw;align-items:end}.custody h2,.product h2,.principles h2,.help h2{margin:0;font-size:clamp(44px,6.2vw,84px);line-height:1.02;letter-spacing:-.065em}.custody-story p,.section-lead,.help-heading>p{margin:0;color:var(--ink-soft);font-size:17px;line-height:1.8}.custody-line{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:100px;border-top:1px solid var(--line)}.custody-line::before{content:"";position:absolute;top:-1px;left:0;width:33.333%;height:2px;background:var(--accent)}.principle{min-height:250px;padding:30px 44px 0 0;border-right:1px solid var(--line)}.principle+.principle{padding-left:44px}.principle:last-child{border-right:0}.principle>span{color:var(--accent);font:10px var(--mono);letter-spacing:.17em}.principle h3{margin:56px 0 14px;font-size:24px;letter-spacing:-.025em}.principle p{max-width:290px;margin:0;color:var(--ink-soft);line-height:1.75}
.product{display:grid;grid-template-columns:minmax(440px,1fr) minmax(430px,.86fr);gap:8vw;align-items:center}.product-copy{padding:60px 0}.product h2{font-size:clamp(44px,5.5vw,76px)}.section-lead{max-width:660px;margin-top:28px}.journey-list{margin-top:55px;border-top:1px solid var(--line)}.journey{width:100%;min-height:92px;display:grid;grid-template-columns:48px 150px 1fr;align-items:center;gap:18px;padding:0;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);text-align:left;cursor:pointer}.journey>span{color:var(--accent);font:11px var(--mono)}.journey b{font-size:17px}.journey small{color:var(--ink-soft);font-size:13px;line-height:1.5}.journey::after{content:"";grid-column:1/-1;height:2px;margin-top:-2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}.journey.is-active::after{transform:scaleX(1)}.journey:hover b,.journey.is-active b{color:var(--accent)}
.product-stage{position:sticky;top:calc(var(--header) + 30px);min-height:820px;display:grid;place-items:center;overflow:hidden;border-radius:52px;background:radial-gradient(circle at 60% 18%,rgba(142,154,255,.32),transparent 25%),linear-gradient(160deg,#161e37,#090d1a 72%)}.product-stage::before{content:"";position:absolute;inset:8%;border:1px solid rgba(255,255,255,.09);border-radius:50%;transform:rotate(-12deg)}.phone-shell{position:relative;z-index:2;width:318px;height:650px;padding:12px;border-radius:48px;color:var(--ink);background:#06070a;box-shadow:0 45px 110px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.2)}.phone-shell::before{content:"";position:absolute;inset:4px;border:1px solid rgba(255,255,255,.12);border-radius:44px;pointer-events:none}.phone-island{position:absolute;z-index:3;top:22px;left:50%;width:94px;height:27px;border-radius:999px;background:#050507;transform:translateX(-50%)}.phone-status{position:absolute;z-index:2;top:12px;left:28px;right:28px;height:42px;display:flex;justify-content:space-between;align-items:center;font-size:10px}.phone-status>i{display:flex;align-items:end;gap:2px}.phone-status b{display:block;width:3px;background:currentColor;border-radius:2px}.phone-status b:nth-child(1){height:5px}.phone-status b:nth-child(2){height:8px}.phone-status b:nth-child(3){width:12px;height:7px;border:1px solid currentColor;background:none}.phone-screen{height:100%;overflow:hidden;padding:74px 22px 32px;border-radius:39px;background:#f8f9fc;transition:opacity .18s ease,transform .18s ease}.phone-screen.is-changing{opacity:0;transform:translateY(8px)}.screen-kicker{color:var(--accent);font:9px var(--mono);letter-spacing:.16em}.phone-screen h3{margin:22px 0 12px;font-size:30px;line-height:1.12;letter-spacing:-.04em}.phone-screen>p{min-height:70px;margin:0;color:#687085;font-size:12px;line-height:1.65}.screen-visual{height:170px;display:grid;place-items:center;margin:18px 0 24px;border-radius:24px;background:var(--accent-pale)}.key-generation{grid-template-columns:repeat(3,40px);align-content:center;gap:10px}.key-generation span{height:40px;border:1px solid rgba(104,117,233,.32);border-radius:12px;background:#fff}.key-generation span:nth-child(2),.key-generation span:nth-child(4),.key-generation span:nth-child(6){background:var(--accent);border-color:var(--accent)}.transfer-visual svg{width:170px;fill:none;stroke:var(--accent);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.dapp-visual,.permission-visual{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:28px}.dapp-visual span,.permission-visual span{color:#7d85a0;font:9px var(--mono);letter-spacing:.12em}.dapp-visual b,.permission-visual b{margin:10px 0;font-size:20px}.dapp-visual i,.permission-visual i{color:var(--accent);font-size:11px;font-style:normal}.screen-check{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:12px;min-height:62px;border-top:1px solid var(--line)}.screen-check i{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#e7f7f1;color:#168967;font-size:12px;font-style:normal}.screen-check b,.screen-check small{display:block}.screen-check b{font-size:12px}.screen-check small{margin-top:3px;color:#798197;font-size:10px}.phone-screen>button{width:100%;height:46px;margin-top:24px;border:0;border-radius:14px;background:var(--accent);color:#fff;font-weight:720}.phone-home{position:absolute;z-index:3;left:50%;bottom:18px;width:100px;height:4px;border-radius:99px;background:#111722;transform:translateX(-50%)}.stage-caption{position:absolute;left:34px;right:34px;bottom:28px;display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;color:rgba(255,255,255,.7)}.stage-caption span{color:var(--accent-bright);font:10px var(--mono)}.stage-caption p{margin:0;font-size:12px;line-height:1.55}
.security{position:relative;overflow:hidden;padding:clamp(100px,11vw,160px) max(28px,calc((100vw - var(--max))/2));color:#fff;background:var(--night)}.security::before{content:"SECURITY";position:absolute;right:-1vw;top:0;color:rgba(255,255,255,.018);font-size:20vw;font-weight:900;line-height:.8;letter-spacing:-.09em}.security-copy{position:relative;display:grid;grid-template-columns:1.3fr .7fr;gap:9vw;align-items:end}.security h2{margin:0;font-size:clamp(48px,6.5vw,88px);line-height:.98;letter-spacing:-.065em}.security-copy>p{margin:0 0 8px;color:rgba(255,255,255,.57);font-size:16px;line-height:1.8}.confirmation-path{position:relative;margin-top:110px}.confirmation-line{position:absolute;left:28px;right:28px;top:20px;height:1px;background:rgba(255,255,255,.14)}.confirmation-line i{display:block;width:0;height:2px;margin-top:-1px;background:linear-gradient(90deg,var(--accent),var(--good));transition:width 1.8s var(--ease)}.confirmation-path.is-visible .confirmation-line i{width:100%}.confirm-item{position:relative;display:grid;grid-template-columns:80px 110px 1fr;align-items:center;min-height:115px;border-bottom:1px solid rgba(255,255,255,.12)}.confirm-item>b{color:var(--accent-bright);font:10px var(--mono)}.confirm-item>div{display:grid;grid-template-columns:110px 1fr 1fr;align-items:center;gap:20px;grid-column:2/-1}.confirm-item span{color:rgba(255,255,255,.45);font:10px var(--mono);letter-spacing:.15em}.confirm-item strong{font-size:21px}.confirm-item small{color:rgba(255,255,255,.52)}
.principles{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw}.principles-heading{position:sticky;top:120px;align-self:start}.principles h2{font-size:clamp(46px,5vw,74px)}.boundary-columns{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.boundary-columns article{padding:34px 32px 28px 0}.boundary-columns article+article{padding-left:32px;border-left:1px solid var(--line)}.boundary-columns article>span{color:var(--accent);font:10px var(--mono);letter-spacing:.15em}.boundary-columns ul{margin:35px 0 0;padding:0;list-style:none}.boundary-columns li{position:relative;min-height:100px;display:flex;align-items:center;padding:22px 0 22px 34px;border-bottom:1px solid var(--line);line-height:1.55}.boundary-columns li::before{content:"";position:absolute;left:0;width:10px;height:10px;border:1px solid var(--accent);border-radius:50%}.boundary-dont li::before{border-radius:0;transform:rotate(45deg);border-color:#8991a3}
.help{display:grid;grid-template-columns:.7fr 1.3fr;gap:9vw;border-top:1px solid var(--line)}.help-heading{align-self:start;position:sticky;top:120px}.help h2{font-size:clamp(48px,5.7vw,78px)}.help-heading>p{margin-top:28px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{min-height:98px;display:grid;grid-template-columns:50px 1fr 28px;align-items:center;gap:18px;list-style:none;cursor:pointer;font-size:18px;font-weight:670}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--accent);font:10px var(--mono)}.faq-list summary i{position:relative;width:26px;height:26px;border:1px solid var(--line);border-radius:50%}.faq-list summary i::before,.faq-list summary i::after{content:"";position:absolute;inset:12px 7px auto;height:1px;background:currentColor}.faq-list summary i::after{transform:rotate(90deg);transition:transform .2s ease}.faq-list details[open] summary i::after{transform:rotate(0)}.faq-list details>p{margin:-4px 54px 34px 68px;color:var(--ink-soft);line-height:1.8}
.final-cta{position:relative;min-height:720px;overflow:hidden;display:flex;align-items:center;padding:110px max(28px,calc((100vw - var(--max))/2));background:var(--accent-pale)}.cta-mark{position:absolute;right:-4vw;bottom:-13vw;color:rgba(104,117,233,.1);font-size:min(53vw,760px);font-weight:900;line-height:.8;letter-spacing:-.14em}.cta-copy{position:relative;z-index:2}.cta-copy>p{color:var(--accent);font:10px var(--mono);letter-spacing:.18em}.cta-copy h2{margin:28px 0 44px;font-size:clamp(58px,8.8vw,126px);line-height:.84;letter-spacing:-.075em}.cta-copy>div{display:flex;gap:12px}
.site-footer{display:grid;grid-template-columns:1.2fr .6fr 1fr;gap:7vw;padding:72px max(28px,calc((100vw - var(--max))/2)) 34px;color:rgba(255,255,255,.76);background:var(--night)}.site-footer .brand{color:#fff}.footer-brand>p,.footer-safety p{max-width:360px;margin:18px 0 0;color:rgba(255,255,255,.45);font-size:12px;line-height:1.7}.site-footer nav{display:grid;align-content:start;gap:4px}.site-footer nav a{display:inline-flex;align-items:center;width:max-content;min-height:44px;font-size:12px}.footer-safety strong{color:#fff;font-size:12px}.copyright{grid-column:1/-1;margin:50px 0 0;padding-top:24px;border-top:1px solid var(--line-dark);color:rgba(255,255,255,.32);font:10px var(--mono)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s var(--ease),transform .75s var(--ease)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal.is-visible{opacity:1;transform:translateY(0)}@keyframes orbit-spin{to{transform:rotate(360deg)}}
@media(max-width:1060px){:root{--header:70px}.site-header{grid-template-columns:1fr auto;padding-inline:24px}.site-nav{position:fixed;inset:var(--header) 0 auto;display:grid;gap:0;padding:14px 24px 24px;background:rgba(11,16,32,.97);border-bottom:1px solid var(--line-dark);transform:translateY(-120%);opacity:0;pointer-events:none;transition:transform .3s var(--ease),opacity .3s ease}.site-nav.is-open{transform:translateY(0);opacity:1;pointer-events:auto}.site-nav a{min-height:50px;display:flex;align-items:center;padding:0;border-bottom:1px solid var(--line-dark)}.site-nav a::after{display:none}.header-action{display:none}.menu-toggle{justify-self:end;min-width:74px;height:44px;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:0;border:0;background:none;color:#fff}.menu-toggle span{font-size:12px}.menu-toggle i,.menu-toggle i::before{display:block;width:20px;height:1px;background:currentColor;transition:transform .25s ease}.menu-toggle i{position:relative}.menu-toggle i::before{content:"";position:absolute;top:6px}.menu-toggle[aria-expanded=true] i{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] i::before{transform:translateY(-6px) rotate(-90deg)}.hero{grid-template-columns:1fr 430px;padding-inline:24px}.ownership-core{width:280px}.product{grid-template-columns:1fr 420px;gap:5vw}.product-stage{min-height:760px;border-radius:38px}.security-copy{grid-template-columns:1fr}.security-copy>p{max-width:600px;margin-top:24px}.principles,.help{grid-template-columns:1fr}.principles-heading,.help-heading{position:static}.site-footer{grid-template-columns:1fr 1fr}.footer-safety{grid-column:1/-1}}
@media(max-width:760px){.brand-mark{width:39px;height:39px}.brand strong{font-size:15px}.brand small{font-size:8px}.hero{min-height:auto;grid-template-columns:1fr;padding:calc(var(--header) + 64px) 22px 90px}.hero-positioning{font-size:16px;line-height:1.7}.hero-visual{min-height:540px;margin:8px -22px 0}.orbit-one{width:410px}.orbit-two{width:310px}.ownership-core{width:238px}.ownership-core strong{font-size:30px}.ownership-core small{font-size:11px}.orbit-note{min-width:110px;padding:11px 13px}.note-device{left:4%}.note-sign{right:1%}.note-control{left:6%}.scroll-cue{display:none}.section{padding:92px 22px}.custody-intro{grid-template-columns:1fr;gap:30px}.custody h2,.product h2,.principles h2,.help h2{font-size:clamp(42px,11.5vw,56px)}.custody-line{grid-template-columns:1fr;margin-top:60px;border-top:0}.custody-line::before{display:none}.principle,.principle+.principle{min-height:0;padding:26px 0 42px;border-right:0;border-top:1px solid var(--line)}.principle h3{margin:28px 0 12px}.product{grid-template-columns:1fr;gap:50px}.product-copy{padding:0}.journey{grid-template-columns:34px 1fr;padding:16px 0}.journey small{grid-column:2}.journey::after{grid-column:1/-1}.product-stage{position:relative;top:0;min-height:760px;margin:0 -10px;border-radius:32px}.phone-shell{width:min(310px,calc(100vw - 70px));height:632px}.stage-caption{left:24px;right:24px;bottom:20px}.security{padding:92px 22px}.security h2{font-size:clamp(45px,12vw,62px)}.confirmation-path{margin-top:70px}.confirmation-line{left:15px;right:auto;top:0;bottom:0;width:1px;height:auto}.confirmation-line i{width:2px;height:0;transition:height 1.8s var(--ease)}.confirmation-path.is-visible .confirmation-line i{width:2px;height:100%}.confirm-item{grid-template-columns:46px 1fr;min-height:126px;padding:20px 0}.confirm-item>div{grid-column:2;grid-template-columns:1fr;gap:6px}.confirm-item strong{font-size:19px}.boundary-columns{grid-template-columns:1fr}.boundary-columns article,.boundary-columns article+article{padding:28px 0 0;border-left:0}.boundary-columns article+article{margin-top:42px;border-top:1px solid var(--line)}.boundary-columns li{min-height:84px}.help{gap:60px}.faq-list summary{grid-template-columns:34px 1fr 28px;min-height:92px;font-size:16px}.faq-list details>p{margin:0 0 30px 52px}.final-cta{min-height:650px;padding:90px 22px}.cta-copy h2{font-size:clamp(58px,18vw,88px)}.cta-mark{font-size:76vw;bottom:-12vw}.site-footer{grid-template-columns:1fr;padding:56px 22px 28px}.footer-safety{grid-column:auto}.copyright{margin-top:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}}@media(forced-colors:active){.button,.header-action,.section-label span,.phone-shell,.ownership-core{border:1px solid CanvasText}}

/* Hero line control: keep the two positioning lines intact at common viewport widths. */

.hero h1 span{display:block;text-wrap:balance}


/* Keep the collapsed mobile navigation out of the focus and accessibility trees. */
@media(max-width:1060px){.site-nav{visibility:hidden;transition:transform .3s var(--ease),opacity .3s ease}.site-nav.is-open{visibility:visible}}

/* Footer directory */
.directory-footer {
  padding: 74px max(28px, calc((100vw - var(--max)) / 2)) 40px;
  background: var(--night);
  color: #b5bdcd;
}
.directory { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 28px; }
.directory h2 { margin: 0 0 12px; font-size: 16px; color: #f2f4fc; }
.directory a, .directory button {
  display: block; width: fit-content; padding: 8px 0; font: inherit; font-size: 14px;
}
.directory-footer button:not(.button) { border: 0; background: none; color: inherit; cursor: pointer; }
.directory a:hover, .directory button:hover, .directory-meta a:hover, .directory-social :is(a, button):hover { color: var(--accent-bright); }
.directory-bottom {
  display: flex; align-items: end; justify-content: space-between; gap: 32px;
  margin-top: 48px; padding-top: 26px; border-top: 1px solid var(--line-dark);
}
.directory-social, .directory-meta { display: flex; align-items: center; gap: 16px; }
.directory-social button, .directory-social a { display: grid; place-items: center; width: 44px; height: 44px; }
.directory-social img { border-radius: 9px; } .directory-social svg { width: 21px; height: 21px; }
.directory-meta { flex-wrap: wrap; margin-top: 14px; font-size: 13px; }
.channel-dialog { width: min(380px, 90vw); padding: 28px; border: 1px solid var(--line-dark); border-radius: 18px; color: white; background: var(--night-soft); }
.channel-dialog::backdrop { background: #070c17b3; } .channel-dialog h2 { margin: 0; font-size: 23px; } .channel-dialog p { line-height: 1.7; }
#network-check { scroll-margin-top: var(--header); }
@media (max-width: 760px) {
  .directory-footer { padding: 48px 22px 30px; }
  .directory { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 26px 16px; }
  .directory-bottom { flex-direction: column; align-items: stretch; margin-top: 30px; }
  .directory-meta { gap: 10px 16px; }
}

.header-tools { display: flex; align-items: center; justify-self: end; gap: 12px; }
.language-control {
  position: relative; display: inline-flex; gap: 6px; align-items: center;
  min-height: 38px; padding: 0 10px; border: 1px solid var(--line-dark); border-radius: 9px;
  background: var(--night); color: white; font-size: 13px; white-space: nowrap;
}
.language-control::after { content: ""; width: 6px; height: 6px; border: solid currentColor; border-width: 0 1.5px 1.5px 0; transform: translateY(-2px) rotate(45deg); }
.language-control:focus-within { outline: 2px solid var(--accent-bright); outline-offset: 2px; }
.language-picker { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }


html:not(:lang(zh)) .phone-screen { overflow-y: auto; }
@media(max-width:1060px) {
  .site-header { grid-template-columns: minmax(0,1fr) auto auto; gap: 10px; }
  .header-tools { grid-column: 2; grid-row: 1; }
  .menu-toggle { grid-column: 3; grid-row: 1; min-width: auto; }
}
@media(max-width:420px) {
  .site-header { padding-inline: 10px; gap: 7px; }
}

/* Wallet capabilities */
.principles {
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: clamp(28px,6vw,90px);
  align-items: center;
}
.scope-switch {
  display: inline-flex;
  max-width: 100%;
  margin: 32px 0 16px;
  padding: 4px;
  border: 1px solid var(--line);
  border-radius: 24px;
  background: #eceef6;
}
.scope-switch button {
  cursor: pointer;
  padding: 9px 15px;
  border: 0;
  border-radius: 20px;
  color: var(--ink-soft);
  background: transparent;
  font-size: 14px;
}
.scope-switch button[aria-pressed="true"] { background: var(--night-soft); color: white; }
.scope-panel ul { list-style: none; padding: 0; margin: 0; }
.scope-panel li {
  display: flex;
  align-items: baseline;
  gap: 14px;
  padding: 13px 0;
  line-height: 1.5;
  border-bottom: 1px solid var(--line);
}
.scope-panel li::before { content: ""; width: 7px; height: 7px; flex: none; border-radius: 50%; background: var(--accent); }
#scope-limit li::before { border-radius: 0; transform: rotate(45deg); background: #788299; }
.scope-art {
  overflow: hidden;
  border-radius: 30px;
  background-color: var(--night);
  background-image: linear-gradient(#9eaeff0d 1px,transparent 1px),linear-gradient(90deg,#9eaeff0d 1px,transparent 1px),radial-gradient(ellipse at 50% 42%,#354273,transparent 72%);
  background-size: 32px 32px,32px 32px,auto;
}
.scope-art svg { width: 100%; height: auto; }
.scope-chip,.key-glyph,.shield-glyph { transition: transform .5s var(--ease), opacity .25s; }
.shield-glyph,.is-limit .key-glyph { opacity: 0; }
.is-limit .shield-glyph { opacity: 1; }
.is-limit .scope-chip { transform: translateY(19px); }

/* Help desk */
.help { display: block; }
.help-heading { position: static; margin: 0 auto clamp(32px,5vw,64px); text-align: center; }
.help-heading .section-label { justify-content: center; margin-bottom: 18px; }
.help h2 { font-size: clamp(36px,4.5vw,64px); }
.faq-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; border: 0; }
.faq-stack { display: grid; align-content: start; gap: 12px; }
.faq-list details { background: var(--paper-strong); border: 1px solid var(--line); border-radius: 16px; }
.faq-list details[open] { background: var(--accent-pale); border-color: #b3baf1; }
.faq-list summary { grid-template-columns: 1fr auto; min-height: 78px; padding: 18px 22px; font-size: 17px; gap: 14px; border-radius: inherit; }
.faq-list summary i { transition: background .2s; }
.faq-list summary:hover i,.faq-list details[open] i { background: var(--night-soft); color: white; }
.faq-list details>p { margin: 0; padding: 0 24px 22px; }
@media (max-width: 760px) {
  .principles,.faq-list { grid-template-columns: 1fr; }
  .scope-art { width: min(100%,450px); justify-self: center; }
  .faq-list { gap: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .scope-chip,.key-glyph,.shield-glyph,.faq-list summary i { transition: none; }
}
.scope-copy h2 { text-wrap: balance; font-size: clamp(36px,3.8vw,56px); line-height: 1.12; }

/* Homepage reading rhythm */
main .section,
.security { padding-block: clamp(64px, 7.5vw, 108px); }

.custody h2, .security h2, .scope-copy h2, .help h2 {
  font-size: clamp(30px, 3.4vw, 44px);
  line-height: 1.16;
  letter-spacing: -.03em;
  text-wrap: balance;
}
.button-primary { background: #515fcf; }
.button-primary:hover { background: #424fb9; }
.custody-intro { grid-template-columns: 1fr 1fr; align-items: center; gap: 48px; }
.custody-line { margin-top: 44px; }
.principle, .principle + .principle { min-height: 0; padding-block: 24px 8px; }
.principle h3 { margin: 0 0 10px; font-size: 21px; }
.security {
  display: grid;
  grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr);
  align-items: start;
  gap: clamp(32px,6vw,88px);
}
.custody {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  max-width: none;
  padding-inline: max(28px, calc((100% - var(--max)) / 2 + 28px));
  background: linear-gradient(116deg, #f3f5fc 0%, #eaf0fb 60%, #dde7f8 100%);
}
.custody-story p { margin-top: 20px; max-width: 30em; }
.custody-art { display: block; width: 100%; height: auto; }
.security {
  background: url("../signing-path.svg") left bottom 28px / min(42%, 560px) auto no-repeat,
    linear-gradient(115deg, #263255, #171f39 45%, #101729 80%);
}
.security::before { content: none; }
.security-copy { display: block; }
.security-copy > p { margin: 20px 0 0; max-width: 36ch; color: #bec5d9; }
.confirmation-path { margin: 0; border-top: 1px solid var(--line-dark); }
.confirmation-line { display: none; }
.confirm-item {
  grid-template-columns: 34px minmax(0,1fr);
  gap: 12px;
  min-height: 0;
  padding: 18px 0;
}
.confirm-item > b { align-self: baseline; font-size: 13px; }
.confirm-item > div {
  grid-column: 2;
  grid-template-columns: minmax(4em,.4fr) minmax(0,1fr);
  gap: 4px 16px;
}
.confirm-item span { grid-row: span 2; align-self: baseline; color: #b5bfe7; font: 600 15px/1.5 var(--font); letter-spacing: 0; }
.confirm-item strong { font-size: 19px; line-height: 1.4; }
.confirm-item small { grid-column: 2; color: #c3c9dc; font-size: 15px; line-height: 1.5; }
.help-heading { margin-bottom: 32px; }
.scope-switch button { min-height: 44px; }

@media (max-width: 760px) {
  main .section, .security { padding-block: 56px; }
  .hero { gap: 20px; padding-top: calc(var(--header) + 32px); padding-bottom: 52px; }
  .hero-visual {
    grid-template-columns: repeat(3,minmax(0,1fr));
    grid-template-rows: auto auto;
    gap: 12px 0;
    min-height: 0;
    margin: 0;
    padding-top: 14px;
  }
  .hero-visual .ownership-core {
    grid-column: 1 / -1; width: min(100%, 215px); aspect-ratio: auto;
    min-height: 202px; padding: 18px 22px;
  }
  .ownership-core .core-mark { width: 46px; height: 46px; margin: 8px 0; }
  .ownership-core strong { font-size: 24px; }
  .ownership-core small { margin-top: 8px; font-size: 12px; }
  .hero-visual .key-orbit { grid-area: 1 / 1 / 2 / -1; align-self: center; }
  .orbit-one { width: min(100%, 278px); }
  .orbit-two { width: min(90%, 236px); }
  .hero-visual .orbit-note {
    position: relative; inset: auto; grid-row: 2; width: 100%; min-width: 0;
    height: 100%; padding: 8px 4px; align-content: center; text-align: center;
    background: var(--night-soft); backdrop-filter: none; border: 0;
  }
  .orbit-note + .orbit-note { border-inline-start: 1px solid var(--line-dark); }
  .custody { padding-inline: 22px; }
  .custody-story p { margin-top: 14px; }
  .security { background-size: 150px auto, auto; background-position: right -44px top -10px, center; }
  .custody-intro, .security { grid-template-columns: 1fr; gap: 20px; }
  .custody-line { margin-top: 24px; }
  .principle, .principle + .principle { padding: 16px 0; }
  .principle p { max-width: none; }
  .security { gap: 28px; }
  .security-copy > p { max-width: none; margin-top: 14px; }
  .confirm-item { grid-template-columns: 26px minmax(0,1fr); gap: 8px; }
  .confirm-item > div { grid-template-columns: minmax(0,1fr); }
  .confirm-item span, .confirm-item small { grid-area: auto; }
  .help-heading { margin-bottom: 24px; }
  .help h2 { font-size: clamp(26px, 6.8vw, 34px); }
}

@media (max-width: 1060px) {
  .site-header { column-gap: 12px; }
  .site-header.menu-open { background: var(--night); }
  .site-header.menu-open::before {
    content: ""; position: absolute; inset: 100% 0 auto; height: 100dvh;
    background: rgb(6 10 24 / 48%);
  }
  .menu-toggle {
    width: 44px; height: 44px; justify-content: center;
    border: 1px solid #414a65; border-radius: 50%;
    color: #e9edff; background: #191f34;
    transition: background .2s, border-color .2s;
  }
  .menu-toggle[aria-expanded="true"] { background: #343e6d; border-color: #8997e6; }
  .menu-toggle span {
    position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%);
  }
  .menu-toggle i { transform: translateY(-3px); }
  .header-tools .language-control { min-height: 44px; background: transparent; border-color: transparent; }
  .site-nav {
    position: absolute; inset: calc(100% + 8px) 12px auto auto; width: min(320px,calc(100% - 24px));
    max-height: calc(100dvh - var(--header) - 20px); overflow-y: auto;
    padding: 8px; gap: 3px; border: 1px solid #414a65; border-radius: 16px;
    background: #151b30; box-shadow: 0 16px 36px rgb(3 6 18 / 35%);
    transform-origin: top right; transform: translateY(-6px) scale(.98);
    transition: opacity .18s ease, transform .22s var(--ease), visibility 0s .22s;
  }
  .site-nav.is-open { transform: none; transition-delay: 0s; }
  .site-nav a {
    justify-content: space-between; gap: 16px; padding: 10px 16px; min-height: 48px;
    border: 0; border-radius: 9px; font-size: 16px; color: #dce2f5;
  }
  .site-nav a:is(.is-current,:hover,:focus-visible) { color: #fff; background: #2b3456; }
  .site-nav a:focus-visible { outline-offset: -3px; }
  .site-nav a::after {
    content: ""; position: static; display: block; flex: none;
    width: 7px; height: 7px; border: solid #a6b0ee; border-width: 1.5px 1.5px 0 0;
    background: transparent; transform: rotate(45deg); transition: transform .18s ease;
  }
  .site-nav a:is(.is-current,:hover,:focus-visible)::after { transform: translateX(2px) rotate(45deg); }
}
@media (prefers-reduced-motion: reduce) {
  .site-nav, .site-nav a::after, .menu-toggle, .menu-toggle i, .menu-toggle i::before { transition: none; }
}

.download-main {
  padding: calc(var(--header) + clamp(40px, 6vw, 80px)) 24px clamp(54px, 7vw, 100px);
  color: #f5f7ff;
  background: radial-gradient(ellipse at 22% 48%, #28375a, transparent 48%), var(--night);
}
.download-content { max-width: 1050px; margin: auto; display: grid; grid-template-columns: minmax(270px,.85fr) minmax(0,1fr); gap: clamp(40px,7vw,100px); align-items: center; }
.download-copy { grid-area: 1 / 2; }
.download-copy h1 { margin: 0; font-size: clamp(38px,4.6vw,68px); line-height: 1.08; letter-spacing: -.045em; }
.download-intro { margin: 20px 0 36px; max-width: 39ch; color: #c3cbe1; line-height: 1.6; font-size: 18px; }
.platform-picker { margin: 0; border: 0; padding: 0; min-width: 0; position: relative; }
.platform-picker legend { margin-bottom: 12px; padding: 0; font-size: 14px; color: #bec8df; }
.platform-picker input { position: absolute; width: 1px; height: 1px; clip-path: inset(50%); overflow: hidden; }
.platform-picker label { display: inline-grid; place-items: center; min-width: 94px; min-height: 44px; padding: 0 18px; border: 1px solid #495572; border-radius: 30px; cursor: pointer; color: #cbd3e7; transition: background .16s ease; }
.platform-picker input:checked + label { background: #dce3ff; color: #16203b; border-color: transparent; }
.platform-picker input:focus-visible + label { outline: 2px solid #94f1ce; outline-offset: 3px; }
.channel-group { display: none; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
#platform-android:checked ~ .android-channels, #platform-ios:checked ~ .ios-channels { display: flex; }
.channel-group button { text-align: start; display: grid; padding: 12px 18px; gap: 3px; color: #e5e9f8; background: #1c253d; border: 1px solid #495572; border-radius: 12px; cursor: default; }
.channel-group strong { font-size: 17px; }
.channel-group small { color: #bbc5df; font-size: 12px; }
.download-safety { margin-top: 32px; border-block: 1px solid #3f4963; padding: 14px 2px; }
.download-safety summary { cursor: pointer; font-weight: 600; }
.download-safety p { color: #c3cbe1; line-height: 1.6; margin: 15px 0; }
.download-safety a { color: #aeb9ff; text-decoration: underline; }
.download-preview { grid-area: 1 / 1; margin: 0; text-align: center; }
.preview-phone { margin: auto; width: min(100%, 230px); padding: 6px; background: #101522; border: 1px solid #73809e; border-radius: 34px; box-shadow: 0 22px 46px #060a174a; transform: rotate(-3deg); }
.preview-phone img { display: block; width: 100%; height: auto; border-radius: 27px; }
.download-preview figcaption { color: #b1bbd3; font-size: 12px; margin-top: 24px; }
@media (max-width: 760px) {
  .download-content { grid-template-columns: 1fr; gap: 38px; }
  .download-copy, .download-preview { grid-area: auto; }
  .download-intro { margin: 16px 0 24px; }
  .preview-phone { width: 190px; }
}