@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--bg);color:var(--fg);font-family:'DM Sans',Arial,sans-serif}.night{--bg:#090f1c;--fg:#edf2fc;--muted:#a2afc5;--accent:#8daeff;--line:#ffffff24;--panel:#121f35;--button:#2857f5}.day{--bg:#faf7f0;--fg:#233457;--muted:#67738b;--accent:#4f65c8;--line:#23345725;--panel:#edeffd;--button:#5267cf}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{position:absolute;top:0;z-index:5;width:100%;height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 60%,transparent)}.brand{font:800 25px Manrope,Arial;letter-spacing:-1px}.brand small{font:700 10px 'DM Sans';letter-spacing:2px;margin-left:12px}nav{display:flex;gap:30px;font-size:12px}nav a{padding:12px 0;border-bottom:2px solid transparent}nav a:hover,nav a.active{color:var(--accent);border-bottom-color:var(--accent)}#menu{display:none}.hero{height:100svh;min-height:790px;max-height:1200px;position:relative;background:url('assets/hero.png') center/cover}.night .hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#060c19d9,#070d1940 54%,transparent),linear-gradient(0deg,#090f1c,transparent 35%)}.day .hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#faf7f0e6,#faf7f040 60%,transparent),linear-gradient(0deg,#faf7f0,transparent 30%)}.hero-copy{position:absolute;left:7%;top:27%;max-width:680px}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:700;color:var(--accent);line-height:1.8}.hero h1{font:800 clamp(60px,7vw,105px)/1.04 Manrope,Arial;letter-spacing:-5px;margin:25px 0}em{font-style:normal;color:var(--accent)}.intro{font-size:17px;line-height:1.85;color:var(--muted)}.button{display:inline-flex;gap:42px;background:var(--button);color:#fff;padding:18px 24px;font-size:13px;margin-top:18px}.button:hover{filter:brightness(1.15)}.specs{position:absolute;left:7%;bottom:60px;display:flex;gap:45px}.specs span{font:700 23px Manrope}.specs small{display:block;font:9px 'DM Sans';letter-spacing:2px;color:var(--muted);margin-top:8px}.art-note{position:absolute;bottom:62px;right:6%;font-size:9px;line-height:1.8;color:var(--muted);text-align:right}.wrap{width:86%;max-width:1250px;margin:auto}h2{font:600 clamp(35px,4.5vw,65px)/1.15 Manrope,Arial;letter-spacing:-2.5px;margin:18px 0 28px}.about{display:grid;grid-template-columns:1fr 1fr;gap:85px;padding:120px 0}.prose{font-size:17px;line-height:1.95;color:var(--muted)}.prose p:first-child{font-size:22px;color:var(--fg);margin-top:0}.signature{font:italic 30px Georgia;display:block;color:var(--fg);margin-top:28px}.world{padding:20px 0 110px}.section-title{display:flex;justify-content:space-between;align-items:end}.section-title>p{font-size:12px;color:var(--muted)}.tabs{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:26px}.tab{background:transparent;color:var(--fg);border:0;border-bottom:3px solid transparent;text-align:left;padding:25px 18px;font-size:19px}.tab.active{border-bottom-color:var(--accent);background:var(--panel)}.tab span{display:block;font-size:10px;margin-bottom:12px;color:var(--accent)}.tab small{display:block;font-size:9px;letter-spacing:1px;color:var(--muted);margin-top:14px}.detail{background:var(--panel);padding:45px;display:grid;grid-template-columns:35% 1fr;gap:65px;align-items:center;margin-top:26px}.detail-art{height:250px;display:grid;place-items:center;color:var(--accent);font:500 145px Manrope;border:1px solid var(--line);background:radial-gradient(at 40% 30%,#678bdb30,transparent 70%)}h3{font:600 31px Manrope;letter-spacing:-1px;margin:18px 0}.detail p:not(.eyebrow){font-size:16px;line-height:1.9;color:var(--muted)}.tags{font-size:11px;word-spacing:8px;color:var(--accent)}.modes{padding:90px 0;background:var(--panel)}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:45px}.mode-grid article{border-top:2px solid var(--accent);padding:32px;background:var(--bg)}.mode-grid p{color:var(--muted);line-height:1.9}.quote{padding:100px 0;text-align:center;border-bottom:1px solid var(--line)}.quote h2{font-size:clamp(40px,6vw,85px)}.quote p{color:var(--muted);font-size:13px}.contact{padding:100px 0}.contact>p{color:var(--muted);line-height:1.9}.socials{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}.socials a,.socials button{background:var(--panel);color:var(--fg);padding:26px;text-align:left;border:1px solid var(--line);display:flex;flex-direction:column;gap:22px;font-size:12px}.socials strong{font:600 22px Manrope}.socials span{color:var(--accent);font-size:11px}.socials a:hover,.socials button:hover{border-color:var(--accent);transform:translateY(-3px)}footer{padding:32px 7%;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:25px}footer .brand{font-size:17px}footer p{font-size:10px;line-height:1.8;max-width:570px;color:var(--muted)}footer>a:last-child{font-size:11px}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.day .hero h1{font-weight:800}.day .button{border-radius:50px}.day .detail,.day .mode-grid article,.day .socials>*{border-radius:20px}.day .tab.active{border-radius:18px 18px 0 0}@media(max-width:800px){header{height:73px}.brand{font-size:22px}.brand small{font-size:8px;letter-spacing:1px;margin-left:5px}#menu{display:block;background:none;color:var(--fg);border:0;font-size:23px}nav{display:none;position:absolute;top:73px;left:0;right:0;flex-direction:column;background:var(--bg);padding:25px;gap:8px}nav.open{display:flex}.hero{min-height:790px;background-position:61% center}.hero-copy{top:30%;left:7%}.hero h1{font-size:60px;letter-spacing:-3px}.intro{font-size:14px}.hero .eyebrow{max-width:210px}.specs{gap:20px;bottom:45px}.specs span{font-size:16px}.specs small{font-size:8px;letter-spacing:1px}.art-note{display:none}.about{grid-template-columns:1fr;gap:25px;padding:75px 0}.prose{font-size:16px}.prose p:first-child{font-size:20px}.section-title{display:block}.tabs{grid-template-columns:1fr}.tab{padding:18px}.tab span{display:inline;margin-right:12px}.tab small{margin-left:26px}.detail{grid-template-columns:1fr;padding:26px;gap:20px}.detail-art{height:140px;font-size:90px}.mode-grid,.socials{grid-template-columns:1fr}.world{padding-bottom:70px}.modes,.contact{padding:70px 0}.quote{padding:65px 0}h2{letter-spacing:-1.5px}.mode-grid article{padding:25px}footer{flex-direction:column;align-items:start;gap:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.socials a:hover,.socials button:hover{transform:none}}

.official{padding:95px 0}.official-card{display:flex;justify-content:space-between;align-items:center;gap:40px;border-top:1px solid var(--line);padding-top:30px;margin-top:35px}.official-domain{font:600 27px Manrope,Arial;color:var(--fg);margin:0 0 15px}.official-description{max-width:640px;color:var(--muted);line-height:1.9;font-size:16px}.official-card .button{white-space:nowrap;margin:0}@media(max-width:800px){.official{padding:65px 0}.official-card{flex-direction:column;align-items:flex-start;gap:20px}}