:root{color-scheme:dark;--bg:#080809;--panel:#101012;--text:#fafafa;--sub:#b9b9bd;--subtle:#8a8a8e;--line:rgba(255,255,255,.16)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;pointer-events:none;inset:0;background:radial-gradient(ellipse at 50% 20%,rgba(255,255,255,.04),transparent 44%);z-index:-1}
a{color:inherit}a:focus-visible{outline:2px solid #fff;outline-offset:5px}
.shell{max-width:1500px;margin:auto;padding:0 clamp(24px,5.4vw,96px)}
.header{height:92px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px}
.wordmark{display:flex;align-items:center;gap:14px;text-decoration:none;font-weight:750;font-size:30px;letter-spacing:-.06em}.wordmark img{width:35px;height:35px;object-fit:contain}.wordmark-period{color:#959599}
.top-link{font-size:12px;letter-spacing:.11em;text-transform:uppercase;color:#e5e5e5;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:7px}.top-link:hover{text-decoration:underline}
.hero{text-align:center;padding:clamp(65px,8vw,118px) 0 103px;min-height:690px}
.hero-visual{display:flex;align-items:center;justify-content:center;gap:clamp(15px,3vw,55px);max-width:1170px;margin:0 auto 35px}
.wave{flex:1 1 1px;min-width:0;max-width:305px;opacity:.75;filter:drop-shadow(0 0 13px rgba(255,255,255,.15))}
.wave-left{mask-image:linear-gradient(90deg,transparent,#000 18%,#000 84%,transparent)}.wave-right{mask-image:linear-gradient(90deg,transparent,#000 16%,#000 86%,transparent)}
.hero-brand{display:flex;align-items:center;justify-content:center;gap:18px;flex:0 0 auto;white-space:nowrap}.hero-brand img{width:80px;height:80px}.hero-domain{font-size:clamp(36px,5vw,68px);letter-spacing:-.055em;font-weight:780}.hero-domain span{font-weight:500;letter-spacing:-.05em}
.eyebrow{display:flex;align-items:center;justify-content:center;gap:11px;font-size:11px;letter-spacing:.25em;font-weight:700;color:#cbcbce;margin-bottom:23px}.dot{width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.1)}
h1{font-size:clamp(67px,8.9vw,134px);font-weight:750;letter-spacing:-.085em;line-height:1.05;margin:0 0 20px}h1 em{font-style:normal;font-weight:350;color:#a7a7ac}
.hero-subtitle{font-size:clamp(19px,2.1vw,27px);line-height:1.4;font-weight:650;letter-spacing:-.02em;margin:0 0 18px}
.hero-description{color:var(--sub);max-width:620px;margin:0 auto;font-size:16px;line-height:1.85}
.hero-platforms{display:inline-flex;gap:20px;align-items:center;margin:33px auto 0;font-size:10px;font-weight:700;letter-spacing:.23em;color:#dedee0;border:1px solid var(--line);border-radius:40px;padding:14px 20px}.platform-separator{color:#67676c;font-weight:400}
.features{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:39px 0 59px}
.section-label{display:flex;align-items:center;gap:20px;margin-bottom:41px;color:#b4b4b8;font-size:10px;letter-spacing:.18em;font-weight:700}.section-line{height:1px;background:var(--line);flex:1}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}.feature{min-width:0}.feature-no{font-size:11px;font-weight:700;color:#919198;letter-spacing:.18em}.feature h2{font-size:27px;line-height:1.2;letter-spacing:-.035em;margin:18px 0 12px}.feature p{max-width:340px;color:var(--sub);font-size:14px;line-height:1.85;margin:0}
.closing{padding:61px 0;text-align:center}.closing p{font-size:clamp(27px,3vw,40px);letter-spacing:-.05em;font-weight:650;margin:0 0 17px}.closing a{font-size:14px;text-decoration:none;border-bottom:1px solid #aaa;padding-bottom:6px}.closing a:hover{text-decoration:underline}
.footer{padding:27px 0 33px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:11px;letter-spacing:.06em;color:var(--subtle)}
.reader-placeholder{min-height:65vh;text-align:left;display:flex;flex-direction:column;justify-content:center}.reader-placeholder h1{font-size:clamp(60px,7vw,98px)}.reader-placeholder .hero-description{margin:0;max-width:600px}.reader-placeholder .eyebrow{justify-content:flex-start}.reader-back{display:inline-block;margin-top:25px;border-bottom:1px solid #aaa;text-decoration:none}
@media(max-width:1000px){.hero{min-height:620px}.hero-brand img{width:62px;height:62px}.hero-visual{gap:17px}.wave{max-width:240px}.feature-grid{gap:27px}}
@media(max-width:680px){.shell{padding:0 22px}.header{height:76px}.wordmark{font-size:26px;gap:10px}.wordmark img{width:30px;height:30px}.top-link{font-size:10px;letter-spacing:.04em}.hero{padding:78px 0 75px;min-height:0}.hero-visual{gap:7px;margin-bottom:35px}.wave{height:70px;max-width:80px;opacity:.7}.hero-brand{gap:10px}.hero-brand img{width:43px;height:43px}.hero-domain{font-size:clamp(28px,7.7vw,44px)}.eyebrow{font-size:8px;letter-spacing:.15em;gap:8px;margin-bottom:25px}h1{font-size:clamp(58px,13.7vw,84px);line-height:1.01;margin-bottom:24px}.hero-subtitle{font-size:19px}.hero-description{font-size:14px;line-height:1.75}.hero-platforms{gap:11px;font-size:9px;padding:12px 15px}.features{padding:33px 0 40px}.section-label{margin-bottom:29px}.feature-grid{grid-template-columns:1fr;gap:30px}.feature h2{font-size:24px;margin:10px 0 6px}.feature p{max-width:450px}.closing{padding:48px 0}.footer{justify-content:center;text-align:center;gap:6px 22px}.footer span{line-height:1.8}}
@media(max-width:370px){.wave{display:none}.hero-brand img{width:52px;height:52px}.hero-domain{font-size:39px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}