.home-motion{isolation:isolate}.home-motion .home-atmosphere{position:absolute;inset:0 0 auto;height:700px;overflow:hidden;pointer-events:none;z-index:0;mask-image:linear-gradient(#000 82%,transparent)}.home-atmosphere canvas{position:absolute;inset:0;width:100%;height:100%}.home-aura{position:absolute;width:65%;height:95%;right:-10%;top:-10%;background:radial-gradient(ellipse at 50% 50%,#81ddea2b,transparent 62%),radial-gradient(ellipse at 35% 70%,#99a5fb20,transparent 60%);filter:blur(20px);animation:home-aura-drift 24s ease-in-out infinite alternate}.home-motion .top-intro h1 em{color:#0b65b9;background:linear-gradient(100deg,#165aaf 10%,#108fba 58%,#4170b8 95%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.home-motion .home-showcase{display:flex;align-items:center;justify-content:center;overflow:visible;perspective:1100px;isolation:isolate}.home-device{position:relative;z-index:2;width:250px;height:542px;padding:5px;background:linear-gradient(145deg,#7d8e9c,#151b26 12%,#394955 47%,#10151e 82%,#8295a4);border-radius:31px;box-shadow:0 24px 55px #122c4930,0 0 0 1px #a8bdc25c;transform:rotateY(-8deg) rotateZ(2deg);animation:home-device-drift 12s ease-in-out infinite alternate;overflow:hidden}.home-device video{display:block;width:100%;height:100%;object-fit:cover;border-radius:26px;background:#10161f}.home-orbit{position:absolute;z-index:0;left:50%;top:52%;width:560px;height:235px;border:1px solid #60a8bd50;border-radius:50%;transform:translate(-50%,-50%) rotate(-34deg);box-shadow:0 -1px 0 #fff9,inset 0 1px 25px #37b6d20b;pointer-events:none}.home-orbit:after{content:'';position:absolute;width:7px;height:7px;top:17%;left:12%;border-radius:50%;background:#a2eafa;box-shadow:0 0 14px #36cae9,0 0 35px #36cae960;animation:home-sparkle 5s ease-in-out infinite alternate}.home-orbit-two{width:470px;height:310px;transform:translate(-50%,-50%) rotate(31deg);border-color:#b3acd63d}.home-orbit-two:after{top:84%;left:72%;animation-delay:-3s;width:4px;height:4px}.home-showcase .site-presentation-media{z-index:2}.home-showcase .site-presentation-art{max-height:540px;object-fit:contain}.home-motion-toggle{position:absolute;bottom:4px;right:8px;z-index:4;width:34px;height:34px;display:grid;place-items:center;padding:8px;border:1px solid #a3aeb638;border-radius:50%;color:#577082;background:#ffffffb3;cursor:pointer;backdrop-filter:blur(8px);transition:background .2s,color .2s}.home-motion-toggle:hover{background:#fff;color:#111}.home-motion-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.home-motion-toggle [data-play-icon]{display:none}.home-motion-toggle[aria-pressed=false] [data-pause-icon]{display:none}.home-motion-toggle[aria-pressed=false] [data-play-icon]{display:block}.home-motion-toggle:focus-visible{outline:2px solid #2085a3;outline-offset:4px}.home-motion[data-motion=off] .home-device,.home-motion[data-motion=off] .home-aura,.home-motion[data-motion=off] .home-orbit:after{animation-play-state:paused}
:root[data-theme=dark] .home-motion .home-aura{background:radial-gradient(ellipse at 50% 50%,#1163773d,transparent 65%),radial-gradient(ellipse at 35% 70%,#48458230,transparent 60%)}:root[data-theme=dark] .home-motion .top-intro h1 em{background-image:linear-gradient(100deg,#eefbff 0%,#8ce5ed 55%,#929eee 100%)}:root[data-theme=dark] .home-orbit{border-color:#5fcce647;box-shadow:0 -1px 0 #c2f6ff52,inset 0 1px 25px #37b6d20b}:root[data-theme=dark] .home-orbit-two{border-color:#aea6e73d}:root[data-theme=dark] .home-device{box-shadow:0 24px 80px #0008,0 0 60px #3699b417,0 0 0 1px #b4d7e240}:root[data-theme=dark] .home-motion-toggle{background:#15242db3;color:#afd0de;border-color:#85a5b633}:root[data-theme=dark] .home-motion-toggle:hover{background:#263440;color:#fff}
@keyframes home-aura-drift{to{transform:translate(-5%,5%) scale(1.1)}}@keyframes home-device-drift{to{transform:translateY(-9px) rotateY(-4deg) rotateZ(1deg)}}@keyframes home-sparkle{from{opacity:.3;transform:scale(.7)}to{opacity:1;transform:scale(1.15)}}
@media(max-width:1100px) and (min-width:901px){.home-device{width:236px;height:512px}.home-orbit{width:440px}.home-orbit-two{width:400px}}
@media(max-width:900px){.home-motion .home-showcase{display:flex;width:100%;height:430px;flex-basis:auto;order:0;margin:8px 0}.home-device{width:186px;height:403px;border-radius:25px;padding:4px;animation:none;transform:rotateZ(2deg)}.home-device video{border-radius:21px}.home-orbit{width:350px;height:165px}.home-orbit-two{width:300px;height:240px}.home-motion .home-atmosphere{height:1000px}.home-motion .home-aura{width:120%;height:70%;right:-20%;top:20%}.home-showcase .site-presentation-art{max-height:400px}.home-motion-toggle{right:12px;bottom:12px}}
@media(prefers-reduced-motion:reduce){.home-motion .home-device,.home-motion .home-aura,.home-motion .home-orbit:after{animation:none}}
/* One continuous sculpted surface replaces decorative rings and sparks. */
.home-motion .home-orbit{display:none}
.home-motion .home-aura{animation:none;filter:blur(36px);opacity:.45;background:radial-gradient(ellipse at 60% 50%,#49798222,transparent 66%)}
:root[data-theme=dark] .home-motion .home-aura{background:radial-gradient(ellipse at 60% 50%,#295a6528,transparent 65%)}
.home-motion .home-device{animation:none;transform:rotateY(-5deg);box-shadow:0 24px 60px #0003}
:root[data-theme=dark] .home-motion .home-device{box-shadow:0 28px 60px #0009,0 0 0 1px #b4d7e225}
.home-motion .home-atmosphere{height:760px;mask-image:linear-gradient(#000 75%,transparent)}
@media(max-width:900px){.home-motion .home-atmosphere{height:980px}.home-motion .home-device{transform:none}.home-motion .home-aura{top:25%;height:60%}}
/* Reference hero: 1200px content, 460px introduction, 552px three-panel scene. */
.home-motion .top-grid{width:min(calc(100% - 80px),1200px);height:750px;padding:96px 0 90px;grid-template-columns:460px 552px;justify-content:space-between;gap:32px}
.home-motion .top-intro{height:544px;padding-top:0}
.home-motion .top-intro h1{font-size:48px;line-height:1.55}
.home-motion .signup-row{gap:0;height:60px;border:1px solid var(--line);border-radius:8px;padding:3px;background:var(--soft)}
.home-motion .signup-input{min-width:0;flex:1;border:0;background:transparent;border-radius:4px}
.home-motion .signup-row>a:not(.signup-input){width:128px;border-radius:5px}
.home-motion .home-atmosphere{height:860px}
.hero-market-cards{display:grid;grid-template-columns:240px 288px;grid-template-rows:258px 246px;gap:18px 24px;min-width:0;perspective:1000px}
.hero-stat-card{min-width:0;display:flex;flex-direction:column;position:relative;border:1px solid #9ca9b14d;border-radius:16px;padding:24px;background:linear-gradient(140deg,#fff,#f4f7f9);color:#182128;box-shadow:0 0 30px #1e364c0b;overflow:hidden}
:root[data-theme=dark] .hero-stat-card{background:linear-gradient(135deg,#080b0df7,#090c0de8 60%,#050809f5);border-color:#b6c1c24d;color:#f1f4f6;box-shadow:0 0 28px #bddef016,inset 0 1px 0 #ffffff08}
.hero-stock-card{grid-column:1;grid-row:1;transform:rotateY(9deg) rotateX(-1deg);transform-origin:right center}
.hero-volume-card{grid-column:1;grid-row:2;transform:rotateY(9deg);transform-origin:right center}
.hero-popular-card{grid-column:2;grid-row:1/3}
.hero-card-heading,.hero-popular-card h2{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:17px;font-weight:500;line-height:1.4;margin:0}
.hero-mini-chart{width:65px;height:30px;flex:0 0 65px}
.hero-mini-chart svg path:first-child{display:none}
.hero-card-metric{margin-top:auto;display:grid;gap:7px}
.hero-symbol-change{display:flex;align-items:center;gap:8px;color:#8d989d;font-size:13px}
.hero-card-metric>strong,.hero-volume-value{font-size:36px;line-height:1.2;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.8px}
.hero-volume-value{display:flex;flex-wrap:wrap;gap:6px;align-items:baseline;margin-top:12px}
.hero-volume-value>small{font-size:12px;color:#8d989d;letter-spacing:0;font-weight:400}
.hero-card-link{display:flex;align-items:center;justify-content:space-between;margin-top:20px;color:#7f8c93;font-size:13px;line-height:1.4}
.hero-volume-card>.hero-card-link,.hero-popular-card>.hero-card-link{margin-top:auto}
.hero-stat-card>a:hover,.hero-stat-card:where(a):hover .hero-card-link{color:#51b9c3}
.hero-popular-list{display:grid;gap:0;margin-top:14px}
.hero-popular-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:63px;border-radius:6px;transition:background .2s}
.hero-popular-row:hover{background:#839da80c}
.hero-coin-name{display:flex;align-items:center;gap:7px;font-size:15px;white-space:nowrap}
.hero-coin-name img{width:28px;height:28px;object-fit:contain;flex-shrink:0}
.hero-coin-values{min-width:0;text-align:right;display:flex;flex-direction:column;gap:2px;line-height:1.35;font-variant-numeric:tabular-nums}
.hero-coin-values b{font-size:14px;font-weight:500;white-space:nowrap}
.hero-price-unit{font-size:8px;color:#839097}
.hero-market-cards [data-trend-change]{font-size:11px;font-weight:400}
.hero-market-cards .is-up{color:#00bd98}.hero-market-cards .is-down{color:#f45c70}
.hero-market-cards [data-catalog-freshness]{font-size:10px;color:#aa885b;min-height:0}
.hero-market-cards [data-catalog-freshness]:empty{display:none}
.hero-stock-card [data-trend-change]{font-size:12px}
@media(min-width:901px) and (max-width:1150px){.home-motion .top-grid{width:calc(100% - 64px);grid-template-columns:minmax(0,1fr) 480px;gap:32px}.home-motion .top-intro h1{font-size:38px}.hero-market-cards{grid-template-columns:208px 248px}.hero-stat-card{padding:20px}.hero-card-heading{font-size:15px}.hero-coin-name{font-size:13px}.hero-coin-values b{font-size:12px}}
@media(max-width:900px){.home-motion .top-grid{width:calc(100% - 32px);display:flex;height:auto;gap:28px;padding:40px 0 36px}.home-motion .top-intro{height:auto}.home-motion .top-intro h1{font-size:34px;line-height:1.25}.home-motion .signup-row{border:0;padding:0;background:transparent;justify-content:center}.home-motion .signup-input{display:none}.hero-market-cards{width:100%;max-width:552px;align-self:center;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-rows:202px 190px;gap:12px;height:404px}.hero-stat-card{padding:15px;border-radius:12px}.hero-card-heading,.hero-popular-card h2{font-size:14px}.hero-mini-chart{width:44px;flex-basis:44px;height:26px}.hero-card-metric>strong,.hero-volume-value{font-size:26px}.hero-popular-row{min-height:48px;gap:5px}.hero-coin-name{font-size:12px;gap:5px}.hero-coin-name img{width:21px;height:21px}.hero-coin-values b{font-size:11px}.hero-price-unit{display:none}.hero-market-cards [data-trend-change]{font-size:10px}.hero-card-link{font-size:11px;margin-top:15px}.hero-symbol-change{font-size:11px;gap:4px;flex-wrap:wrap}.hero-stock-card [data-trend-change]{font-size:10px}.hero-popular-list{margin-top:8px}.home-motion .top-panels .market-panel{display:none}.home-motion .home-atmosphere{height:1000px}.hero-stock-card,.hero-volume-card{transform:rotateY(5deg)}}

/* Review correction: preserve sharp card typography; no coloured percentage badges. */
.hero-stock-card,.hero-volume-card{transform:none}
.hero-market-cards .market-trend-change{background:none!important;padding:0;min-width:0;line-height:1.4;border-radius:0}
.hero-mini-chart{color:#7a898e;text-align:right}
.hero-mini-chart svg{overflow:visible}
@media(max-width:900px){.hero-market-cards{grid-template-columns:1fr 1fr;grid-template-rows:174px 390px;height:576px;gap:12px}.hero-stock-card{grid-column:1;grid-row:1}.hero-volume-card{grid-column:2;grid-row:1}.hero-popular-card{grid-column:1/3;grid-row:2}.hero-popular-card h2{font-size:16px}.hero-popular-row{min-height:47px}.hero-coin-name{font-size:14px;gap:8px}.hero-coin-name img{width:25px;height:25px}.hero-coin-values b{font-size:14px}.hero-price-unit{display:inline;font-size:9px}.hero-card-heading{font-size:13px}.hero-card-metric>strong,.hero-volume-value{font-size:25px}.hero-card-metric{gap:4px}.hero-stock-card .hero-card-link{margin-top:8px}.hero-volume-value{margin-top:auto;margin-bottom:8px}.home-motion .home-atmosphere{height:1100px}}

/* Measured reference silhouettes. Text stays on an untransformed plane. */
.hero-market-cards{grid-template-rows:252px 270px;row-gap:0}
.hero-card-outline{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible;pointer-events:none}
.hero-card-outline path{fill:#f8fafb;stroke:#aab3b8;stroke-width:1;vector-effect:non-scaling-stroke}
.hero-stock-card,.hero-volume-card{isolation:isolate;overflow:visible;border:0;background:transparent;box-shadow:none;border-radius:0;height:270px}
.hero-stock-card{padding:25px 25px 44px}.hero-volume-card{padding:49px 25px 25px}
:root[data-theme=dark] .hero-stock-card,:root[data-theme=dark] .hero-volume-card{background:transparent;border:0;box-shadow:none}
:root[data-theme=dark] .hero-card-outline{filter:drop-shadow(0 0 14px #dcecf015)}
:root[data-theme=dark] .hero-card-outline path{fill:#080b0cf5;stroke:#aebcc263}
.hero-popular-card{height:522px}
@media(max-width:900px){.hero-market-cards{grid-template-rows:174px 390px;gap:12px}.hero-stock-card,.hero-volume-card{height:174px;padding:15px;border:1px solid #9ca9b14d;border-radius:12px;background:linear-gradient(140deg,#fff,#f4f7f9);overflow:hidden}.hero-card-outline{display:none}:root[data-theme=dark] .hero-stock-card,:root[data-theme=dark] .hero-volume-card{border:1px solid #b6c1c24d;background:#080b0df7}.hero-popular-card{height:390px}}

/* Directly measured reference material: 40% black, 30px backdrop blur, grey15px edge. */
.hero-popular-card{border-radius:15px;border-color:#b8c2c8;background:rgba(255,255,255,.72);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}
:root[data-theme=dark] .hero-popular-card{border-color:rgb(142,142,146);background:rgba(0,0,0,.4);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);box-shadow:0 0 30px #ffffff0a}
.hero-card-glass{position:absolute;inset:1px;z-index:-2;background:rgba(255,255,255,.72);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:15px;pointer-events:none}
.hero-stock-card .hero-card-glass{clip-path:polygon(0 0,100% 0,100% 87%,0 100%)}
.hero-volume-card .hero-card-glass{clip-path:polygon(0 12%,100% 0,100% 100%,0 100%)}
.hero-card-outline path,:root[data-theme=dark] .hero-card-outline path{fill:transparent;stroke:#b8c2c8}
:root[data-theme=dark] .hero-card-outline path{stroke:rgb(142,142,146)}
:root[data-theme=dark] .hero-card-glass{background:rgba(0,0,0,.4)}
.hero-card-heading,.hero-popular-card h2{font-size:18px;font-weight:400}
.hero-mini-chart{width:54px;height:24px;flex-basis:54px}
.hero-popular-row{min-height:52px}.hero-popular-list{margin-top:14px}.hero-card-link{font-size:14px}
.hero-card-metric>strong,.hero-volume-value{font-weight:500}
.hero-market-cards [data-trend-change]{font-size:12px}
@media(min-width:901px){.home-motion .home-atmosphere{top:-90px;height:1080px;mask-image:linear-gradient(#000 77%,transparent)}}
@media(max-width:900px){.hero-card-glass{display:none}.hero-card-heading{font-size:13px}.hero-popular-card h2{font-size:16px}.hero-popular-row{min-height:47px}.hero-card-link{font-size:11px}.hero-market-cards [data-trend-change]{font-size:11px}.hero-mini-chart{width:44px;flex-basis:44px;height:24px}.hero-stock-card,:root[data-theme=dark] .hero-stock-card,.hero-volume-card,:root[data-theme=dark] .hero-volume-card{backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}:root[data-theme=dark] .hero-stock-card,:root[data-theme=dark] .hero-volume-card{background:rgba(0,0,0,.4)}.hero-stock-card,.hero-volume-card{background:rgba(255,255,255,.72)}}

/* Readable market directions on the light glass surface. */
:root:not([data-theme=dark]) .hero-market-cards .is-up{color:#008568}:root:not([data-theme=dark]) .hero-market-cards .is-down{color:#cf304e}

/* Raise the atmosphere independently of the foreground layout. */
@media(max-width:900px){.home-motion .home-atmosphere{top:-48px}}

/* Keep translated hero content and announcements in normal flow. */
.home-motion .top-grid { height:auto; min-height:750px; }
.home-motion .top-intro { display:flex; flex-direction:column; height:auto; min-height:544px; }
.home-motion .top-intro > * { flex-shrink:0; }
.home-motion .top-intro h1 { overflow-wrap:anywhere; }
.home-motion .hero-access-row { margin-bottom:32px; }
.home-motion .event-line { position:relative; inset:auto; margin-top:auto; margin-bottom:30px; }
.home-motion .signup-row > a:not(.signup-input) { min-width:0; padding:6px 10px; text-align:center; overflow-wrap:anywhere; }
.home-motion .hero-card-heading, .home-motion .hero-card-link { overflow-wrap:anywhere; }
@media(max-width:900px) {
 .home-motion .top-grid { min-height:0; }
 .home-motion .top-intro { min-height:0; }
 .home-motion .event-line { margin-top:30px; margin-bottom:0; }
 .home-motion .hero-access-row { margin-bottom:0; }
}
