:root { --desktop-brand:#5046e5; --desktop-ink:#14233d; --desktop-copy:#52627a; --desktop-soft:#f5f6fb; --desktop-line:#dfe4ee; }
.desktop-page { color:var(--desktop-ink); overflow:hidden; background:#fff; }
.desktop-page__hero { padding:clamp(4rem,8vw,7.5rem) 0; background:radial-gradient(circle at 78% 34%,rgba(80,70,229,.15),transparent 27%),linear-gradient(135deg,#f8f9fd,#f2f4fa); }
.desktop-page__hero-grid { display:grid; grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr); gap:clamp(3rem,7vw,7rem); align-items:center; }
.desktop-page__meta { display:flex; align-items:center; gap:.8rem; margin-bottom:1.3rem; color:var(--desktop-brand); font-size:.78rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.desktop-page__meta strong,.desktop-page__status span { padding:.45rem .72rem; border:1px solid rgba(80,70,229,.22); border-radius:999px; background:#fff; font-size:.72rem; }
.desktop-page h1 { margin:0; color:var(--desktop-ink); font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:48px; font-weight:650; letter-spacing:-.025em; line-height:1.12; }
.desktop-page h1 em { display:block; color:var(--desktop-brand); font-style:normal; font-weight:620; }
.desktop-page__copy h2 { max-width:620px; margin:1.5rem 0 .8rem; color:var(--desktop-ink); font-family:inherit; font-size:24px; font-weight:650; letter-spacing:-.015em; line-height:1.2; }
.desktop-page__copy>p { max-width:660px; color:var(--desktop-copy); font-size:1.05rem; line-height:1.75; }
.desktop-countdown { max-width:560px; margin:1.5rem 0 .25rem; padding:1rem 1.1rem 1.1rem; border:1px solid rgba(80,70,229,.18); border-radius:18px; background:rgba(255,255,255,.72); box-shadow:0 16px 38px rgba(41,48,91,.08); backdrop-filter:blur(12px); }
.desktop-countdown__title { display:block; margin-bottom:.75rem; color:var(--desktop-brand); font-size:.76rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.desktop-countdown__grid { display:grid; grid-template-columns:repeat(4,1fr); gap:.55rem; }
.desktop-countdown__grid span { display:grid; place-items:center; min-width:0; padding:.65rem .3rem; border:1px solid rgba(80,70,229,.12); border-radius:12px; background:#fff; }
.desktop-countdown__grid b { color:var(--desktop-ink); font-size:clamp(1.35rem,2.5vw,2rem); font-variant-numeric:tabular-nums; line-height:1; }
.desktop-countdown__grid small { margin-top:.38rem; overflow:hidden; color:var(--desktop-copy); font-size:.68rem; text-overflow:ellipsis; white-space:nowrap; }
.desktop-countdown.is-complete .desktop-countdown__grid { display:none; }
.desktop-countdown.is-complete .desktop-countdown__title { margin:0; font-size:.9rem; }
.desktop-page__button { display:inline-flex; align-items:center; gap:.7rem; margin-top:1.3rem; padding:.9rem 1.2rem; border-radius:12px; color:#fff; background:var(--desktop-brand); font-weight:700; text-decoration:none; transition:transform .2s ease,box-shadow .2s ease; }
.desktop-page__button:hover { color:#fff; transform:translateY(-2px); box-shadow:0 12px 28px rgba(80,70,229,.24); }
.desktop-page__mockup { overflow:hidden; border:1px solid rgba(20,35,61,.12); border-radius:24px; background:rgba(255,255,255,.88); box-shadow:0 35px 80px rgba(30,46,82,.17); transform:none; transition:transform .16s ease-out; }
.desktop-page__window-bar,.desktop-preview__window-bar { display:flex; align-items:center; gap:7px; min-height:46px; padding:0 16px; border-bottom:1px solid var(--desktop-line); background:#fbfcfe; }
.desktop-page__window-bar span,.desktop-preview__window-bar span { width:9px; height:9px; border-radius:50%; background:#d5dbea; }
.desktop-page__window-bar span:first-child,.desktop-preview__window-bar span:first-child { background:#ff7d73; }.desktop-page__window-bar span:nth-child(2),.desktop-preview__window-bar span:nth-child(2){background:#f7c95c}.desktop-page__window-bar span:nth-child(3),.desktop-preview__window-bar span:nth-child(3){background:#69cf8e}
.desktop-page__window-bar b,.desktop-preview__window-bar strong { margin-left:auto; color:#758198; font-size:.72rem; letter-spacing:.04em; }
.desktop-page__workspace { aspect-ratio:1.245; overflow:hidden; background:#eaf2fa; }
.desktop-page__workspace img { display:block; width:100%; height:100%; object-fit:contain; object-position:center; }
.desktop-page__features { padding:clamp(4rem,8vw,7rem) 0; }.desktop-page__features header>span { color:var(--desktop-brand); font-size:.78rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }.desktop-page__features h2,.desktop-page__gallery h2,.desktop-page__status h2 { margin:.55rem 0 1.8rem; color:var(--desktop-ink); font-family:inherit; font-size:32px; font-weight:650; letter-spacing:-.015em; line-height:1.18; }
.desktop-page__feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.25rem; }.desktop-page__feature-grid article { padding:1.7rem; border:1px solid var(--desktop-line); border-radius:18px; background:#fff; box-shadow:0 12px 35px rgba(28,42,70,.06); }.desktop-page__feature-grid i { color:var(--desktop-brand); font-size:1.5rem; }.desktop-page__feature-grid h3 { margin:1rem 0 .55rem; color:var(--desktop-ink); font-family:inherit; font-size:16px; font-weight:650; line-height:1.3; }.desktop-page__feature-grid p,.desktop-page__gallery p,.desktop-page__status p { color:var(--desktop-copy); line-height:1.7; }
.desktop-page__about { display:grid; grid-template-columns:minmax(0,.82fr) minmax(460px,1.18fr); gap:clamp(2rem,6vw,5rem); align-items:start; padding:clamp(4rem,8vw,7rem) 0; }
.desktop-page__about-copy>span,.desktop-platforms header>span { color:var(--desktop-brand); font-size:.78rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.desktop-page__about h2 { margin:.55rem 0 1rem; color:var(--desktop-ink); font-size:32px; font-weight:650; letter-spacing:-.015em; line-height:1.18; }
.desktop-page__about-copy>p,.desktop-platforms header p { color:var(--desktop-copy); line-height:1.75; }
.desktop-page__about-copy ul { display:grid; gap:.9rem; margin:1.5rem 0 0; padding:0; list-style:none; }
.desktop-page__about-copy li { display:flex; gap:.75rem; color:#34465f; line-height:1.55; }
.desktop-page__about-copy li i { flex:none; margin-top:.3rem; color:var(--desktop-brand); }
.desktop-platforms { padding:clamp(1.25rem,3vw,2rem); border:1px solid rgba(80,70,229,.16); border-radius:24px; background:linear-gradient(145deg,#f5f4ff,#fff 70%); box-shadow:0 24px 60px rgba(34,43,80,.08); }
.desktop-platforms header { max-width:640px; }
.desktop-platforms__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:.8rem; margin-top:1.5rem; }
.desktop-platforms__grid article { min-width:0; padding:1.15rem; border:1px solid var(--desktop-line); border-radius:16px; background:#fff; }
.desktop-platforms__grid article.is-later { background:rgba(255,255,255,.55); }
.desktop-platforms__grid i { color:var(--desktop-brand); font-size:1.65rem; }
.desktop-platforms__grid small { display:block; margin:.85rem 0 .35rem; color:var(--desktop-brand); font-size:.66rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.desktop-platforms__grid h3 { margin:0 0 .55rem; color:var(--desktop-ink); font-size:1rem; font-weight:700; }
.desktop-platforms__grid p { margin:0; color:var(--desktop-copy); font-size:.86rem; line-height:1.55; }
.desktop-page__gallery { padding:clamp(4rem,8vw,7rem) 0; background:var(--desktop-soft); }.desktop-page__gallery header { max-width:720px; }
.desktop-carousel { position:relative; width:min(100%,1100px); margin:2.5rem auto 0; padding:0 60px 34px; }.desktop-carousel__viewport { overflow:hidden; border:1px solid #d9e0ec; border-radius:24px; background:#fff; box-shadow:0 28px 70px rgba(27,43,75,.14); }.desktop-carousel__track { display:flex; transition:transform .65s cubic-bezier(.22,.75,.25,1); will-change:transform; }.desktop-carousel__slide { flex:0 0 100%; margin:0; min-width:0; }.desktop-carousel__slide>button { display:block; width:100%; padding:0; overflow:hidden; border:0; background:#eaf2fa; cursor:zoom-in; }.desktop-carousel__slide img { display:block; width:100%; aspect-ratio:1.245; object-fit:contain; object-position:center; background:#edf3f9; }.desktop-carousel__slide figcaption { display:flex; align-items:center; gap:.75rem; min-height:62px; padding:.9rem 1.3rem; color:#263852; font-weight:750; }.desktop-carousel__slide figcaption span { display:grid; place-items:center; width:30px; height:30px; border-radius:50%; color:var(--desktop-brand); background:#efefff; font-size:.72rem; }.desktop-carousel__controls { position:absolute; inset:0; pointer-events:none; }.desktop-carousel__arrow { position:absolute; top:calc(50% - 17px); width:46px; height:46px; border:1px solid #d5ddea; border-radius:50%; color:#273a56; background:#fff; box-shadow:0 10px 28px rgba(30,46,78,.13); transform:translateY(-50%); pointer-events:auto; transition:color .2s ease,transform .2s ease,border-color .2s ease; }.desktop-carousel__arrow[data-carousel-prev] { left:0; }.desktop-carousel__arrow[data-carousel-next] { right:0; }.desktop-carousel__arrow:hover,.desktop-carousel__arrow:focus-visible { color:#fff; border-color:var(--desktop-brand); background:var(--desktop-brand); transform:translateY(-50%) scale(1.06); }.desktop-carousel__dots { position:absolute; left:50%; bottom:0; display:flex; justify-content:center; gap:.55rem; transform:translateX(-50%); pointer-events:auto; }.desktop-carousel__dot { width:8px; height:8px; padding:0; border:0; border-radius:999px; background:#b9c2d2; transition:width .25s ease,background-color .25s ease; }.desktop-carousel__dot.is-active { width:28px; background:var(--desktop-brand); }.desktop-carousel__slide>button:focus-visible { outline:3px solid rgba(80,70,229,.38); outline-offset:-3px; }
.desktop-shot-dialog { width:min(94vw,1280px); max-width:none; padding:0; overflow:visible; border:0; border-radius:18px; background:transparent; box-shadow:0 35px 90px rgba(0,0,0,.4); }.desktop-shot-dialog::backdrop { background:rgba(8,15,29,.82); backdrop-filter:blur(5px); }.desktop-shot-dialog img { display:block; width:100%; max-height:88vh; object-fit:contain; border-radius:18px; background:#fff; }.desktop-shot-dialog__close { position:absolute; z-index:2; top:-15px; right:-15px; width:42px; height:42px; border:1px solid rgba(255,255,255,.45); border-radius:50%; color:#fff; background:#1d2b45; font-size:1.8rem; line-height:1; box-shadow:0 8px 24px rgba(0,0,0,.25); }
.desktop-page__status { padding:clamp(4rem,8vw,7rem) 0; }.desktop-page__status>div { max-width:850px; padding:clamp(1.5rem,4vw,3rem); border:1px solid rgba(80,70,229,.18); border-radius:22px; background:linear-gradient(135deg,#f7f6ff,#fff); }.desktop-page__status span { color:var(--desktop-brand); text-transform:uppercase; letter-spacing:.08em; font-weight:800; }.desktop-page__status h2 { margin-top:1rem; margin-bottom:.8rem; }
.reveal-on-scroll { opacity:0; transform:translateY(22px); transition:opacity .65s ease,transform .65s ease; }.reveal-on-scroll.is-visible { opacity:1; transform:none; }
@media(max-width:900px){.desktop-page__hero-grid,.desktop-page__about{grid-template-columns:1fr}.desktop-page__mockup{min-height:0}.desktop-page__feature-grid{grid-template-columns:1fr}.desktop-carousel{width:100%;margin-top:1.5rem;padding:0;touch-action:pan-y}.desktop-carousel__viewport{border-radius:16px}.desktop-carousel__track{align-items:flex-start}.desktop-carousel__slide{align-self:flex-start}.desktop-carousel__slide img{height:auto;aspect-ratio:auto;object-fit:contain}.desktop-carousel__slide figcaption{min-height:54px;padding:.75rem 1rem}.desktop-carousel__controls{position:static; display:grid; grid-template-columns:44px 1fr 44px; align-items:center; gap:1rem; margin-top:1rem; pointer-events:auto}.desktop-carousel__arrow{position:static;width:44px;height:44px;transform:none}.desktop-carousel__arrow:hover,.desktop-carousel__arrow:focus-visible{transform:translateY(-2px)}.desktop-carousel__dots{position:static;transform:none}}
@media(max-width:575.98px){.desktop-page__hero{padding:3.5rem 0}.desktop-page__hero-grid,.desktop-page__features,.desktop-page__about,.desktop-page__gallery>.container,.desktop-page__status{padding-left:20px;padding-right:20px}.desktop-page h1{font-size:34px}.desktop-page__features h2,.desktop-page__gallery h2,.desktop-page__status h2,.desktop-page__about h2{font-size:27px}.desktop-page__mockup{min-height:0;border-radius:17px}.desktop-page__window-bar b{font-size:.6rem}.desktop-platforms__grid{grid-template-columns:1fr}.desktop-shot-dialog__close{top:8px;right:8px}}
@media(prefers-reduced-motion:reduce){.reveal-on-scroll{opacity:1;transform:none;transition:none}.desktop-page__button,.desktop-carousel__track,.desktop-carousel__dot{transition:none}}