:root{--bg:#101114;--panel:#191b1e;--border:#34363a;--muted:#aaaeb6;--muted2:#7e838d;--white:#f5f4f0;--yellow:#f4e75d;--yellow2:#d8ca4d;--max:1280px;color-scheme:dark;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed}img{display:block;max-width:100%}.shell{width:min(calc(100% - 96px),var(--max));margin-inline:auto}.skip{position:absolute;top:-200px;left:12px;background:var(--yellow);color:#111;padding:12px;z-index:99}.skip:focus{top:12px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}.site-header{height:88px;border-bottom:1px solid #292b30;position:relative;z-index:20;background:#111215}.nav-row{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:15px}.brand-mark{height:44px;width:39px;border:1px solid #505156;display:grid;place-items:center;background:#18191d;overflow:hidden}.brand-mark img{height:40px;width:29px;object-fit:contain}.brand-name{display:flex;flex-direction:column;gap:7px}.brand-name strong{font-size:12px;letter-spacing:.11em;font-weight:900}.brand-name span{font-size:9px;letter-spacing:.15em;color:#bfc0c4;font-weight:600}.brand-name i{width:3px;height:3px;background:var(--yellow);display:inline-block;vertical-align:middle;margin:0 6px}.top-links{display:flex;gap:42px;font-size:12px;font-weight:600;color:#afb3bc}.top-links a:hover,.footer a:hover{color:var(--yellow)}.nav-cta{font-size:12px;font-weight:850;border:1px solid var(--yellow);padding:15px 21px;display:flex;gap:32px;align-items:center}.nav-cta:hover{background:var(--yellow);color:#111}.nav-toggle,.mobile-nav{display:none}.hero{min-height:690px;display:grid;grid-template-columns:52% 48%;align-items:center;position:relative;padding-block:95px 88px}.hero-copy{position:relative;z-index:2}.eyebrow,.section-kicker{font-size:10px;letter-spacing:.23em;font-weight:900;color:var(--yellow)}.eyebrow{display:flex;align-items:center;gap:12px;letter-spacing:.12em}.status-pulse{width:7px;height:7px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 4px #f4e75d1a}.eyebrow-divider{color:#606167}.hero h1{font-family:Arial,"Segoe UI",sans-serif;font-size:clamp(48px,5.1vw,79px);line-height:1.09;letter-spacing:-.073em;font-weight:900;margin:30px 0}.hero h1 em{font-style:normal;color:var(--yellow)}.period,.help h2 span{color:var(--yellow)}.hero-lead{color:#aeb0ba;line-height:1.9;max-width:490px;font-size:15px;margin-bottom:32px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:16px 20px;font-size:12px;font-weight:850;min-height:52px;border:1px solid #525459;border-radius:2px}.btn-primary{background:var(--yellow);border-color:var(--yellow);color:#111}.btn-primary:hover{background:#fff58b}.btn-ghost{background:#1d1f24;color:var(--white)}.btn-ghost:hover{border-color:#aaa}.hero-note{font-size:10px;color:#7f838b;margin-top:39px;letter-spacing:.02em}.hero-note span{color:var(--yellow);padding-right:7px}.hero-art{height:530px;position:relative;display:flex;align-items:center;justify-content:center;overflow:visible}.hero-glow{position:absolute;width:560px;height:550px;background:radial-gradient(closest-side,#d9d05d20,transparent 74%);filter:blur(12px)}.hero-fine-grid{position:absolute;inset:-40px;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(ellipse at center,black 5%,transparent 73%)}.app-window{position:absolute;right:2px;top:95px;width:550px;height:345px;border:1px solid #6a6b66;background:#1a1c1f;box-shadow:0 40px 95px #0009;transform:perspective(950px) rotateY(-8deg) rotateX(4deg);overflow:hidden;border-radius:7px}.window-bar{height:41px;background:#17181a;border-bottom:1px solid #303238;display:flex;align-items:center;gap:12px;padding:0 15px;font-size:9px;letter-spacing:.11em;color:#c7c8c6}.window-bar b{color:var(--yellow);padding-left:6px}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;background:#585c60;border-radius:50%}.window-sys{margin-left:auto;letter-spacing:0}.app-surface{display:flex;height:calc(100% - 41px)}.app-side{width:68px;background:#151618;border-right:1px solid #34363a;padding:18px 15px}.app-side img{width:26px;height:38px;object-fit:contain;margin-bottom:28px}.app-side div{height:6px;background:#494a47;margin:15px 0;border-radius:2px}.app-side div:first-of-type{background:var(--yellow)}.app-main{padding:30px 30px;flex:1}.mock-label{color:var(--yellow);font-size:9px;letter-spacing:.12em;font-weight:900}.mock-heading{font-size:23px;font-weight:900;letter-spacing:-.045em;margin:11px 0}.mock-heading span{color:var(--yellow)}.app-main p{font-size:10px;color:#969ca7;margin:0 0 25px}.app-tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}.app-tiles div{height:67px;border-radius:4px;border:1px solid #3f4142;background:#222427;color:#e4e5df;font-size:11px;font-weight:700;display:flex;align-items:center;gap:12px;padding:15px}.app-tiles span{font-size:23px;color:var(--yellow)}.phone-mock{width:183px;height:365px;background:linear-gradient(160deg,#25272c,#111316 65%);position:absolute;right:-38px;bottom:3px;border:5px solid #373a3f;border-radius:29px;box-shadow:0 22px 75px #000c;z-index:2;padding:42px 14px 20px;transform:rotate(5deg)}.phone-speaker{position:absolute;top:12px;left:50%;transform:translateX(-50%);height:5px;width:47px;border-radius:10px;background:#0d0e10}.phone-logo{font-size:27px;font-weight:900;letter-spacing:-.06em}.phone-logo span{color:var(--yellow)}.phone-kicker{font-size:6px;letter-spacing:.13em;color:#a2a8af;margin:7px 0 22px}.phone-line{height:1px;background:#414143;margin-bottom:17px}.phone-box{background:#242629;padding:12px 10px;font-size:10px;font-weight:700;margin:9px 0;border:1px solid #4a4a45}.phone-box span{color:var(--yellow);font-size:15px;margin-right:7px}.phone-box b{float:right}.phone-home{position:absolute;width:50px;height:3px;background:#eee;border-radius:10px;bottom:9px;left:50%;transform:translateX(-50%)}.floating-chip{position:absolute;left:2px;bottom:39px;background:#262821;color:#eae9e2;border:1px solid #4b4e43;padding:14px 17px;font-size:9px;letter-spacing:.16em;font-weight:850;box-shadow:0 20px 40px #0009}.chip-dot{display:inline-block;width:7px;height:7px;background:var(--yellow);margin-right:8px;border-radius:50%}.floating-chip b{color:var(--yellow);margin:0 5px}.section-rule,.statement-top{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #34363a;padding-top:16px;font-size:10px;font-weight:800;letter-spacing:.17em;color:#92949c}.downloads{padding-top:115px;padding-bottom:140px}.section-intro{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:44px}.section-intro h2,.help h2{font-family:Arial,sans-serif;font-size:clamp(35px,4vw,56px);line-height:1.08;letter-spacing:-.065em;font-weight:900;margin:17px 0}.section-intro h2 span{color:var(--yellow)}.section-intro p{color:#999faa;font-size:14px;line-height:1.7;margin:16px 0 0}.detection{border:1px solid #36383c;background:#1d1f22;padding:18px 20px;display:flex;align-items:center;gap:12px;min-width:240px}.detection-icon{color:var(--yellow);font-size:24px}.detection b{font-size:12px;display:block}.detection small{font-size:10px;color:#969aa3;display:block;margin-top:5px}.platform-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.platform{border:1px solid #35383d;background:#1a1c20;min-height:345px;padding:27px 22px 22px;display:flex;flex-direction:column;position:relative;transition:border .2s,transform .2s}.platform:hover{border-color:#777970;transform:translateY(-3px)}.platform.recommended{border-color:var(--yellow)}.recommend-tag{position:absolute;top:-12px;left:18px;background:var(--yellow);color:#141414;font-size:9px;font-weight:900;padding:7px 10px;letter-spacing:.08em}.platform-top{display:flex;justify-content:space-between;align-items:center}.platform-icon{height:54px;width:54px;border:1px solid #454744;background:#25272b;display:grid;place-items:center;border-radius:7px;font-size:29px;color:var(--yellow);font-weight:700}.platform-status{font-size:9px;color:#b4b7be;background:#303238;padding:7px 9px;letter-spacing:.02em;border-radius:3px}.platform-status.available{color:#d7f1c9;background:#31422c}.platform h3{margin:26px 0 4px;font-size:25px;letter-spacing:-.045em}.platform .sub{font-size:11px;color:#a9adb5}.platform p{font-size:12px;color:#a1a5ae;line-height:1.7;min-height:60px;margin:20px 0}.platform-foot{margin-top:auto}.platform-version{font-size:10px;color:#b9bdc3;margin-bottom:13px}.download-button,.guide-button{width:100%;min-height:44px;border-radius:2px;padding:12px;font-size:11px;font-weight:900;border:1px solid #696b6d;background:#292b2d;color:#fff;display:flex;align-items:center;justify-content:space-between;text-align:left}.download-button.active{background:var(--yellow);color:#111;border-color:var(--yellow)}.download-button.active:hover{background:#fff585}.download-button:disabled{background:#242629;color:#989aa0;border-color:#3d3e42}.guide-button{background:transparent;border:0;color:var(--yellow);padding:11px 0;min-height:35px;margin-top:6px;font-size:10px}.guide-button:hover{text-decoration:underline}.release-message{margin-top:19px;display:flex;gap:15px;align-items:flex-start;padding:22px 23px;border:1px solid #3c3c36;background:#1e1e1b}.release-message-icon{color:var(--yellow);font-size:20px}.release-message b{font-size:12px}.release-message p{color:#aaaba7;font-size:11px;line-height:1.7;max-width:960px;margin:7px 0 0}.statement{background:#1c1e21;border:1px solid #343639;padding:31px 43px 70px;position:relative}.statement-top{border-top:0;padding:0 0 48px}.statement-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px}.statement h2{font:900 clamp(45px,5vw,72px)/1.05 Arial,sans-serif;letter-spacing:-.08em;margin:0}.statement h2 em{font-style:normal;color:var(--yellow)}.statement-right>p{font-size:17px;line-height:1.75;color:#bfc1c7;max-width:485px;margin:0 0 38px}.features>div{display:grid;grid-template-columns:32px 1fr;gap:0 10px;border-top:1px solid #424348;padding:18px 0}.features span{color:var(--yellow);font-size:12px;font-weight:900;grid-row:span 2}.features b{font-size:12px;letter-spacing:.04em}.features small{font-size:11px;color:#a3a6ad;line-height:1.7;margin-top:7px}.help{padding-top:145px;padding-bottom:145px;max-width:980px}.help h2{margin-bottom:49px}.faqs details{border-top:1px solid #3b3c40}.faqs details:last-child{border-bottom:1px solid #3b3c40}.faqs summary{padding:22px 0;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;font-weight:750;font-size:15px;cursor:pointer}.faqs summary::-webkit-details-marker{display:none}.faqs summary span{color:var(--yellow);font-size:23px;font-weight:300}.faqs details[open] summary span{transform:rotate(45deg)}.faqs details p{color:#a9adb6;font-size:13px;line-height:1.8;max-width:780px;margin:0;padding:0 0 26px}.footer{background:#161719;border-top:1px solid #36383c}.footer-top{padding:60px 0;display:flex;justify-content:space-between;gap:20px}.footer-brand{display:flex;gap:20px;align-items:center}.footer-brand img{width:65px;height:80px;object-fit:contain}.footer-brand strong{font-size:33px;letter-spacing:-.07em}.footer-brand strong span{color:var(--yellow)}.footer-brand small{display:block;font-size:9px;letter-spacing:.15em;color:#979aa3;margin-top:8px}.footer-link-col{display:flex;gap:40px;align-items:center;font-size:12px;font-weight:750}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #393b3f;padding:23px 0;font-size:9px;letter-spacing:.12em;color:#898d95}.footer-bottom span:last-child{color:var(--yellow)}dialog{width:min(92vw,560px);padding:0;border:1px solid #56564c;color:var(--white);background:#202226;box-shadow:0 40px 100px #000b}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;padding:15px 24px;border-bottom:1px solid #41434a;color:var(--yellow);font-size:10px;font-weight:850;letter-spacing:.13em}.dialog-head button{border:0;color:#fff;background:transparent;font-size:28px;line-height:1}.dialog-content{padding:29px}.dialog-icon{font-size:40px;color:var(--yellow)}.dialog-content h2{font-size:30px;letter-spacing:-.05em;margin:14px 0}.dialog-content>p{color:#b6bbc4;line-height:1.6;font-size:13px}.dialog-content ol{color:#d7d8db;font-size:13px;line-height:1.8;padding-left:20px}.dialog-content li{margin-bottom:10px}.dialog-note{color:#a8acb2;font-size:11px;background:#2a2c2d;border-left:2px solid var(--yellow);padding:13px;line-height:1.6;margin:26px 0}.dialog-close{width:100%}
@media(max-width:1180px){.hero{grid-template-columns:1fr 1fr}.hero h1{font-size:59px}.app-window{width:490px;right:-20px}.phone-mock{right:-20px}.platform-grid{grid-template-columns:repeat(2,1fr)}.platform{min-height:330px}.shell{width:min(calc(100% - 64px),var(--max))}}@media(max-width:800px){.shell{width:min(calc(100% - 38px),var(--max))}.site-header{height:74px}.top-links,.nav-cta{display:none}.nav-toggle{display:flex;flex-direction:column;gap:6px;justify-content:center;background:none;border:1px solid #56575b;width:44px;height:42px;padding:11px}.nav-toggle span{height:2px;background:#eee;width:100%}.mobile-nav:not([hidden]){display:flex;flex-direction:column;gap:0;background:#202124;border-top:1px solid #333;padding:10px 20px;position:absolute;left:0;right:0}.mobile-nav a{padding:12px;border-bottom:1px solid #333;font-size:13px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:65px;padding-bottom:60px}.hero h1{font-size:clamp(44px,11vw,73px);line-height:1.04}.hero-art{height:420px;margin-top:25px}.app-window{left:4%;right:auto;top:35px;transform:none;width:80%;height:310px}.phone-mock{right:0;bottom:0;transform:rotate(3deg) scale(.8);transform-origin:bottom right}.floating-chip{bottom:5px;left:0}.section-intro{flex-direction:column;align-items:stretch}.detection{align-self:flex-start}.downloads{padding-block:80px}.statement{padding:28px 26px 50px}.statement-layout{grid-template-columns:1fr;gap:30px}.statement-top{padding-bottom:28px}.help{padding-block:85px}}@media(max-width:520px){.brand-name strong{font-size:11px}.brand-name span{font-size:8px}.hero h1{font-size:clamp(41px,10.7vw,58px)}.eyebrow{font-size:8px;letter-spacing:.06em}.hero-lead{font-size:13px}.hero-actions{flex-direction:column}.btn{width:100%}.hero-art{height:335px}.app-window{height:250px;left:0;top:15px;width:92%}.window-bar{height:31px}.app-side{width:45px;padding:10px}.app-side img{width:19px;height:28px}.app-side div{height:4px;margin:13px 0}.app-main{padding:20px 16px}.mock-heading{font-size:17px}.app-main p{font-size:8px;margin-bottom:12px}.mock-label{font-size:7px}.app-tiles{gap:6px}.app-tiles div{height:45px;padding:7px;gap:7px;font-size:8px}.app-tiles span{font-size:15px}.phone-mock{transform:scale(.58) rotate(4deg);right:-3px;bottom:0}.floating-chip{font-size:7px;padding:11px;bottom:3px}.platform-grid{grid-template-columns:1fr}.platform{min-height:300px}.platform p{min-height:0}.section-intro h2,.help h2{font-size:37px}.footer-top,.footer-bottom{flex-direction:column}.footer-link-col{gap:23px;flex-wrap:wrap}.footer-bottom{gap:9px}.statement h2{font-size:54px}.statement-right>p{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* DS HQ · Coming Soon (shareable static preview) */
:root{--yellow:#f4e75d}
.site-header{position:sticky;top:0;backdrop-filter:blur(12px);background:#111215ed}
.site-header .nav-cta{border-color:#55564b;color:var(--yellow)}
.site-header .nav-cta:hover{color:#111;background:var(--yellow)}
.hero{padding-top:90px;padding-bottom:70px;min-height:650px}
.hero h1{font-size:clamp(48px,5.05vw,78px)}
.hero-lead{max-width:520px}
.hero-art{isolation:isolate}
.hero-art .app-window{animation:riseIn 1.05s ease-out both}
.hero-art .phone-mock{animation:riseIn .95s .17s ease-out both}
.hero-note{margin-top:28px}
.hero-kicker{display:inline-flex;align-items:center;gap:12px;background:#22231c;border:1px solid #706b37;color:var(--yellow);font-size:11px;font-weight:900;letter-spacing:.19em;padding:11px 13px;margin-top:28px}
.hero-kicker::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 5px #f4e75d15}
.preview-ribbon{position:absolute;right:0;top:15px;z-index:3;color:var(--yellow);font-size:10px;font-weight:900;letter-spacing:.16em;border-bottom:1px solid #e5df835a;padding:10px 0}
.section-rule{padding-top:18px}
.teaser-platforms{padding:100px 0 115px}
.teaser-platforms .section-intro{margin-bottom:37px}
.section-intro h2{font-size:clamp(36px,4.6vw,63px)}
.teaser-subtitle{max-width:670px}
.teaser-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.teaser-card{background:linear-gradient(150deg,#1f2125,#17191c);border:1px solid #35373a;min-height:226px;display:flex;flex-direction:column;padding:24px;position:relative;transition:border-color .2s ease,transform .2s ease}
.teaser-card:hover{border-color:#7d7a51;transform:translateY(-3px)}
.teaser-card .card-icon{width:50px;height:50px;border:1px solid #4b4c44;background:#272923;display:grid;place-items:center;color:var(--yellow);font-size:28px}
.teaser-card h3{font-size:22px;font-weight:900;margin:24px 0 5px;letter-spacing:-.04em}
.teaser-card p{font-size:12px;color:#9ba0a9;margin:0;line-height:1.6}
.teaser-card .card-foot{margin-top:auto;padding-top:24px;color:var(--yellow);font-size:10px;font-weight:900;letter-spacing:.08em}
.teaser-card .card-foot span{display:inline-block;margin-right:7px;vertical-align:1px}
.hero-fine-grid,.hero-glow{pointer-events:none}
.coming-note{margin-top:26px;border:1px solid #42403a;background:#20211d;padding:19px 22px;display:flex;gap:14px;align-items:start}
.coming-note strong{font-size:13px}
.coming-note p{font-size:12px;color:#acb0b8;line-height:1.8;margin:5px 0 0}
.coming-note>span{color:var(--yellow);font-size:25px;line-height:1}
.statement{margin-bottom:115px}
.statement-right>p{font-size:16px}
.manifesto{padding-bottom:120px;text-align:center}
.manifesto .section-kicker{margin-bottom:24px}
.manifesto h2{font:900 clamp(42px,6vw,85px)/1.08 Arial,'Segoe UI',sans-serif;letter-spacing:-.075em;margin:0 auto 18px;max-width:890px}
.manifesto h2 span{color:var(--yellow)}
.manifesto p{font-size:15px;color:#a9adb5;line-height:1.7;max-width:680px;margin:0 auto 26px}
.pill{display:inline-flex;align-items:center;gap:10px;padding:13px 18px;border:1px solid #58584f;background:#1c1f1e;color:#e1e1d7;font-weight:800;font-size:11px;letter-spacing:.1em}
.pill i{display:block;width:7px;height:7px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 5px #f4e75d17}
.footer-top{padding:40px 0}
.footer-bottom{padding:18px 0}
@keyframes riseIn{from{opacity:0;translate:0 13px}to{opacity:1;translate:0 0}}
@media(max-width:1060px){.teaser-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.teaser-card{min-height:200px}}
@media(max-width:800px){.site-header{position:relative}.hero{padding-top:52px}.preview-ribbon{right:10px;top:13px}.teaser-platforms{padding:78px 0}.statement{margin-bottom:85px}.manifesto{padding-bottom:85px}}
@media(max-width:520px){.teaser-grid{grid-template-columns:1fr 1fr;gap:10px}.teaser-card{min-height:185px;padding:17px}.teaser-card h3{font-size:18px;margin-top:18px}.teaser-card p{font-size:11px}.teaser-card .card-foot{padding-top:12px;font-size:8px}.teaser-card .card-icon{height:42px;width:42px;font-size:22px}.brand-mark{flex-shrink:0}.hero-kicker{font-size:9px}.preview-ribbon{display:none}.manifesto h2{font-size:45px}.statement-right>p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.hero-art .app-window,.hero-art .phone-mock{animation:none!important}}


/* Responsive headings scale to fit narrow phones without horizontal page scroll. */
@media (max-width: 520px) {
  .hero h1 { font-size: clamp(34px, 9.5vw, 45px); letter-spacing: -.07em; }
  .statement h2 { font-size: clamp(35px, 9vw, 45px); }
  .manifesto h2 { font-size: clamp(33px, 8.5vw, 43px); }
}
@media (max-width: 319px) {
  .hero h1 { font-size: 29px; }
}

/* DS HQ v1.2 — full artwork visible, no horizontal swipe
   v1.1 accidentally clipped mockups by clipping their entire parent.
   Constrain the oversize decorative elements instead and ensure foreground
   mockups physically fit inside the hero art panel. */
.hero-art {
  overflow: visible; /* keep BOTH device silhouettes completely visible */
}
.hero-glow {
  width: min(100%, 560px);
  height: min(100%, 550px);
  left: 50%;
  transform: translateX(-50%);
}
.hero-fine-grid { inset: 0; }
/* Desktop: allow space for the overlapping phone inside hero-art. */
@media (min-width: 801px) {
  .hero-art .app-window {
    width: min(510px, calc(100% - 78px));
    left: 10px;
    right: auto;
  }
  .hero-art .phone-mock { right: 24px; }
}
/* Tablet/phone: contain rotated phone edges without shrinking content away. */
@media (max-width: 800px) {
  .hero-art .phone-mock { right: 20px; }
}
