/* DOTO — orbital identity. Shared finish, with an editorial home composition. */
:root{--bg:#090c10;--bg-2:#11161c;--brand:#edc478;--brand-2:#ffe3ab;--glow:rgba(237,196,120,.2);--muted:#9da5af;--radius:20px}
:root[data-theme=light]{--bg:#f5f2eb;--bg-2:#fffdf8;--brand:#c2933a;--brand-2:#a77523;--muted:#62656a;--heading:#18202a;--text:#303741}
.aurora.gridbg{background:radial-gradient(ellipse at 12% 15%,#b2873010,transparent 45%);mask:none;opacity:1}
#fx{opacity:.12}
.wrap{width:min(1320px,100% - 2*var(--gutter))}
.hdr{background:color-mix(in srgb,var(--bg) 90%,transparent)}
.brand b{font-size:1.25rem;letter-spacing:.18em}
.btn{border-radius:999px;padding-inline:26px;min-height:48px;background:linear-gradient(115deg,#ffe6ad,#d9aa56);color:#1e1b15;box-shadow:0 4px 22px #d1a34a14}
.btn.sm{border-radius:999px}.btn.ghost{background:transparent}
.card{border-radius:20px}
.cinematic-hero{position:relative;grid-template-columns:1fr 1.05fr;gap:28px;padding-block:82px 68px;isolation:isolate}
.hero-index{position:absolute;top:24px;left:0;right:0;display:flex;justify-content:space-between;direction:ltr;font:10px var(--mono);letter-spacing:.18em;color:var(--muted)}
.hero-copy{position:relative;z-index:2}
.hero .eyebrow{border:1px solid var(--line);border-radius:99px;padding:6px 12px;font-size:.68rem;letter-spacing:.03em;background:var(--surface)}
.hero .eyebrow i{width:6px;height:6px;border-radius:50%}
.hero .editorial-title{font-size:clamp(2.6rem,4.5vw,4.6rem);line-height:1.5;letter-spacing:-.055em;max-width:700px;margin:12px 0 20px;color:var(--heading)}
[lang=en] .hero .editorial-title{font-size:clamp(3.5rem,6vw,6rem);line-height:1.08;letter-spacing:-.065em}
.editorial-title span{color:var(--brand);position:relative}
.editorial-title span:after{content:"";position:absolute;bottom:0;left:0;right:0;height:7px;border-top:1px solid var(--brand);border-radius:50%;transform:rotate(-5deg);opacity:.6}
.hero-kicker{font-weight:650;font-size:1.1rem;color:var(--heading);margin-bottom:8px}
.hero .lead{font-size:.94rem;max-width:470px;color:var(--muted);line-height:2.1}
.hero .cta-row{margin-block:24px 20px}
.hero .cd{margin-block:14px}.hero .cd-soon{font-size:.8rem}.hero .cd-soon small{font-size:.7rem}
.hero .invite{max-width:440px;padding:16px 20px;border-radius:16px;background:var(--surface);box-shadow:none;border:1px solid var(--line);margin-block-start:16px}
.hero .invite label{font-size:.8rem}.hero .invite .hint{font-size:.7rem;margin-block:6px 0}.hero .invite input{min-width:0;background:var(--bg);font-size:.8rem}.hero .invite .btn{font-size:.8rem;min-height:42px;padding-inline:18px}
.hero .orbit-stage{overflow:visible;min-width:0;align-self:center;perspective:1000px;aspect-ratio:1;transform:none;opacity:1;order:0;width:100%;max-width:600px}
.orbit-image{position:relative;z-index:1;width:115%;max-width:115%;height:auto;filter:drop-shadow(0 30px 50px #0004);transform:rotateX(var(--orbit-x,0deg)) rotateY(var(--orbit-y,0deg));transition:transform .5s ease-out;will-change:transform}
.art-watermark{position:absolute;top:-2%;font:700 clamp(70px,10vw,160px)/1 var(--ff);letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--brand) 13%,transparent);direction:ltr}
.orbit-label{position:absolute;z-index:3;direction:ltr;border:1px solid #ead09a30;background:color-mix(in srgb,var(--bg-2) 85%,transparent);backdrop-filter:blur(16px);box-shadow:0 16px 45px #0003;border-radius:12px;display:flex;align-items:center;gap:12px;padding:14px 18px}
.orbit-label-top{top:13%;left:0;font:10px var(--mono);letter-spacing:.13em;animation:orbit-float 7s ease-in-out infinite}
.orbit-label-bottom{bottom:15%;right:-2%;animation:orbit-float 7s ease-in-out -3s infinite}
.orbit-label small{display:block;font:9px var(--mono);letter-spacing:.18em;color:var(--muted);margin-bottom:5px}.orbit-label b{font:500 22px var(--mono);color:var(--heading)}.orbit-label em{font:10px var(--mono);color:var(--muted)}
.orbit-symbol{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--brand);background:#e4bd7412;font-size:24px;border:1px solid #e4bd7433}
.art-coordinate{position:absolute;bottom:0;font:8px var(--mono);letter-spacing:.15em;color:var(--muted);direction:ltr}
.discover-link{position:absolute;bottom:12px;inset-inline-start:0;display:flex;align-items:center;gap:12px;font-size:.74rem;color:var(--muted)}.discover-link span{display:grid;place-items:center;width:28px;height:34px;border:1px solid var(--line);border-radius:99px;color:var(--brand)}
.statband{border-inline:0;border-radius:0;background:transparent;box-shadow:none;margin-block:22px 38px}.statband div{padding:26px 30px}.statband b{font-size:1.4rem}.statband small{margin-bottom:6px}
.promo{background:linear-gradient(110deg,#141c23,#26302e);border-color:#d9b77735;box-shadow:none;border-radius:16px}.promo:before{background:radial-gradient(ellipse at 80% 20%,#c79b3c20,transparent 65%)}.promo-glow{display:none}.promo-tag{background:#ecd19a;color:#292317}.promo-cta{border-radius:99px}
.marquee{opacity:.65;margin-block:42px;border-block:1px solid var(--line)}
.sec-title .eyebrow{font-family:var(--mono);font-size:.7rem;letter-spacing:.2em}.sec-title h2{font-size:clamp(1.7rem,3vw,2.5rem);letter-spacing:-.035em}.sec{padding-block:56px}
.sec-card{padding:26px;transition:transform .4s,border-color .4s}.feature-art{width:100%;height:156px;object-fit:contain;margin:-6px 0 20px;transition:transform .5s}.sec-card:hover .feature-art{transform:translateY(-7px) rotate(-3deg)}.sec-card .sico{display:none}.sec-card h3{font-size:1rem}.sec-card p{font-size:.83rem}.sec-card:after{display:none}
.b-price{background:radial-gradient(ellipse at 0 100%,#bc913c22,transparent 65%),var(--bg-2)!important}.b-price:after{width:240px;height:240px;background:url('/static/art/doto-orbit.svg') center/contain no-repeat;mask:none;-webkit-mask:none;opacity:.25;filter:none}
.paycard{background:radial-gradient(ellipse at 80% 20%,#d2ae6020,transparent 55%),var(--bg-2)!important}
.big-cta{position:relative;overflow:hidden;min-height:240px;background:linear-gradient(120deg,#171c20,#27312c)!important;padding:48px}.big-cta:after{content:"";position:absolute;inset-inline-end:24%;top:-130px;width:480px;height:480px;background:url('/static/art/doto-orbit.svg') center/contain;opacity:.16;pointer-events:none}.big-cta>div{position:relative;z-index:1}.big-cta h2{color:#fff3d8}.big-cta p{color:#c3c7c3}
.page-head{background:radial-gradient(ellipse at 5% 30%,#b38c3320,transparent 60%),var(--bg-2)}
.ftr-word{color:var(--brand);opacity:.035}
@keyframes orbit-float{50%{translate:0 -10px}}
@media(min-width:1100px){.hero-copy{padding-inline-end:20px}}
@media(max-width:1100px){.cinematic-hero{gap:14px}.orbit-label{padding:10px}.orbit-label-bottom{right:0}.hero .editorial-title{font-size:3rem}}
@media(max-width:760px){.cinematic-hero{display:flex;flex-direction:column;padding-top:64px;gap:10px}.hero-copy{width:100%}.hero .editorial-title{font-size:clamp(2.4rem,8vw,3.4rem)}.hero .lead{max-width:100%}.hero .invite{max-width:100%}.orbit-stage{width:min(100%,480px);margin-block:18px 36px}.orbit-image{width:100%;max-width:100%}.art-watermark{font-size:100px}.orbit-label-top{left:2%}.orbit-label-bottom{right:2%;bottom:10%}.art-coordinate{font-size:7px}.hero-index{font-size:8px;letter-spacing:.05em}.statband div{padding:18px}.statband b{font-size:1.05rem}.sec{padding-block:34px}.feature-art{height:130px}.big-cta{padding:28px}.big-cta:after{inset-inline-end:-170px}.promo-cta{justify-self:start}}
@media(prefers-reduced-motion:reduce){.orbit-label{animation:none}.orbit-image,.feature-art{transition:none;transform:none!important;will-change:auto}.track{animation:none}.banner,.banner:after{animation:none}}