:root{--ink:#091827;--deep:#06121f;--paper:#f6f4ef;--muted:#aebdcc;--line:rgba(211,225,238,.17);--accent:#b6d9ff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--paper);background:var(--deep);font-size:16px;line-height:1.55}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden}a{color:inherit;text-underline-offset:4px}.skip-link{position:absolute;inset-inline-start:-9999px;top:8px;background:#fff;color:#000;padding:10px 14px;z-index:5}.skip-link:focus{inset-inline-start:8px}.topbar,footer{max-width:1240px;margin:auto;padding:25px 38px;display:flex;align-items:center;justify-content:space-between;gap:28px}.topbar{border-bottom:1px solid var(--line)}.brand{font-size:1.45rem;font-weight:720;letter-spacing:-.05em;text-decoration:none;white-space:nowrap;direction:ltr}.brand span{color:var(--accent)}nav{display:flex;flex-wrap:wrap;gap:22px;font-size:.88rem}nav a{text-decoration:none;color:#d7e2ed}nav a:hover,.mail:hover,.legal-links a:hover{text-decoration:underline}.hero{position:relative;isolation:isolate;min-height:670px;max-width:1240px;margin:auto;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:22px;padding:72px 88px 65px;overflow:hidden}.hero-copy{z-index:2}.overline{margin:0 0 15px;color:#9ec9f2;font-size:.76rem;font-weight:700;letter-spacing:.12em}.hero h1,h2{font-weight:660;letter-spacing:-.055em;line-height:1.04;margin:0}.hero h1{font-size:clamp(3.5rem,7vw,6.45rem)}.hero h1 em{color:var(--accent);font-style:normal}.intro{max-width:460px;margin:27px 0 8px;font-size:1.24rem;color:#e0e9f1}.english-intro,.english-copy{color:var(--muted);font-size:.92rem;margin:0}.cta{display:inline-flex;align-items:center;gap:38px;margin-top:31px;padding:13px 20px;border:1px solid rgba(197,224,249,.5);border-radius:999px;text-decoration:none;font-weight:650;transition:background .25s ease,color .25s ease}.cta:hover{background:var(--paper);color:var(--ink);text-decoration:none}.phone{width:min(331px,100%);justify-self:center;z-index:2}.device-float{position:relative;margin:0;filter:drop-shadow(0 37px 32px rgba(0,0,0,.4));animation:float 7s ease-in-out infinite}.phone>img,.tablet>img{width:100%;display:block;border-radius:clamp(24px,4vw,56px)}.hero-glow{position:absolute;z-index:-1;width:620px;height:620px;left:-140px;bottom:-370px;border-radius:50%;background:radial-gradient(circle,rgba(53,126,205,.46),rgba(8,24,39,0) 69%)}.about{display:grid;grid-template-columns:.82fr 1.18fr;max-width:1240px;margin:auto;padding:112px 88px 88px;gap:90px;background:var(--paper);color:var(--ink)}h2{font-size:clamp(2.3rem,4.4vw,4.2rem)}.about-copy{font-size:1.1rem;max-width:590px}.about-copy p{margin:0 0 22px}.about .overline,.ipad-caption .overline,.availability .overline,.legal-callout .overline{color:#386d9b}.ipad-showcase{position:relative;max-width:1240px;margin:auto;padding:76px 88px 84px;background:#dbe9f7;color:var(--ink);overflow:hidden}.ipad-showcase:before{content:"";position:absolute;width:530px;height:530px;border-radius:50%;background:#c2ddf4;top:-310px;left:-120px}.ipad-caption{position:relative;z-index:2;max-width:405px;font-size:1.08rem}.ipad-caption p:last-child{margin:0}.tablet{width:min(890px,100%);margin:52px auto 0;animation-delay:-2.7s}.availability{text-align:center;padding:112px 30px;background:var(--ink)}.availability h2{margin-bottom:12px}.availability p:last-child{margin:0;color:var(--muted)}.legal-callout{display:grid;grid-template-columns:.86fr 1.14fr;gap:85px;max-width:1240px;margin:auto;padding:82px 88px;background:#10253a}.legal-copy{font-size:1.04rem}.legal-copy p{margin:0 0 26px}.legal-links{display:flex;flex-wrap:wrap;gap:12px 25px}.legal-links a{font-weight:650}.legal-links span{color:var(--accent);margin-inline-start:5px}footer{font-size:.88rem;color:var(--muted);border-top:1px solid var(--line);flex-wrap:wrap}footer p{margin:0}.mail{direction:ltr}.document{max-width:850px;margin:auto;padding:86px 38px 110px;min-height:calc(100vh - 167px);background:var(--paper);color:var(--ink);font-size:1.08rem}.document h1{font-size:clamp(2.8rem,5vw,4.7rem);margin-bottom:40px}.document h2{font-size:2rem;margin:0 0 18px}.document p{max-width:720px;margin:0 0 25px}.document a{color:#075c9f}.document hr{border:0;border-top:1px solid #cbd5de;margin:50px 0 27px}.english-label{font-size:.74rem;font-weight:700;letter-spacing:.13em;color:#386d9b!important;margin-bottom:12px!important}.support-document{padding-bottom:170px}.support-mail{display:inline-block;direction:ltr;font-size:clamp(1.1rem,2vw,1.45rem);font-weight:650;margin-bottom:35px}dialog{width:min(620px,calc(100% - 32px));border:1px solid rgba(182,217,255,.4);border-radius:22px;padding:0;background:#10253a;color:var(--paper);box-shadow:0 25px 90px rgba(0,0,0,.55)}dialog::backdrop{background:rgba(3,12,21,.78);backdrop-filter:blur(7px)}.dialog-top{display:flex;align-items:flex-start;justify-content:space-between;padding:26px 28px 0;gap:20px}.dialog-top .overline{margin:5px 0}.close-dialog{appearance:none;border:1px solid rgba(182,217,255,.5);color:var(--paper);background:transparent;border-radius:50%;width:38px;height:38px;font-size:1.65rem;line-height:1;cursor:pointer}.close-dialog:hover{background:var(--paper);color:var(--ink)}#dialog-copy{padding:8px 28px 32px;font-size:1.04rem}#dialog-copy h2{font-size:clamp(2rem,5vw,3.1rem);margin:0 0 24px}#dialog-copy p{margin:0 0 18px}#dialog-copy a{color:var(--accent)}@keyframes float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(.35deg)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.device-float{animation:none}.cta{transition:none}}@media(max-width:760px){.topbar,footer{padding:20px 22px;align-items:flex-start;flex-direction:column;gap:14px}nav{gap:10px 18px}.hero{min-height:0;grid-template-columns:1fr;padding:55px 25px 32px;gap:38px}.hero h1{font-size:clamp(3.2rem,15vw,4.7rem)}.intro{font-size:1.1rem}.phone{width:270px}.hero-glow{width:480px;height:480px;left:-270px;bottom:-210px}.about,.legal-callout{grid-template-columns:1fr;padding:64px 25px;gap:30px}.about-copy{font-size:1rem}.ipad-showcase{padding:56px 25px}.tablet{margin-top:36px}.availability{padding:76px 25px}.legal-copy{font-size:1rem}.document{padding:62px 25px 80px;font-size:1rem}.document h1{margin-bottom:30px}.dialog-top{padding:21px 21px 0}#dialog-copy{padding:8px 21px 25px}}
