*{margin:0;padding:0;box-sizing:border-box}body{min-width:320px;min-height:100vh}.landing{--bg: #0a0a0a;--fg: #f4f4f2;--dim: #8a8a87;--accent: #90BE6D;--line: rgba(244, 244, 242, .18);background:var(--bg);color:var(--fg);font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;font-size:14px;letter-spacing:.01em;-webkit-font-smoothing:antialiased;min-height:100vh}.landing *{box-sizing:border-box}.landing a{color:inherit;text-decoration:none}.landing .page{max-width:1400px;margin:0 auto;padding:28px 40px 60px;position:relative}.landing .topbar{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:48px;padding-bottom:36px}.landing .brand{line-height:1.15;font-size:14px;font-family:Roboto Flex,Roboto,sans-serif;font-weight:500;font-stretch:90%;letter-spacing:-.01em}.landing .brand .jp{color:var(--accent);font-size:11px;margin-top:2px;letter-spacing:.05em}.landing .nav{display:flex;gap:56px;align-items:flex-start;justify-content:center;margin-top:2px}.landing .nav-item{display:grid;grid-template-columns:36px 1fr;gap:14px;align-items:start;cursor:pointer;transition:opacity .15s ease}.landing .nav-item:hover{opacity:.7}.landing .nav-item .icon{width:36px;height:36px;display:block}.landing .nav-item .label{font-size:14px;line-height:1.2}.landing .nav-item .sub{font-size:11px;color:var(--dim);line-height:1.55;margin-top:6px}.landing .nav-item .sub .accent{color:var(--accent)}.landing .nav-item.disabled{opacity:.45;cursor:default}.landing .nav-item.disabled:hover{opacity:.45}.landing .meta{text-align:right;font-size:10.5px;color:var(--dim);line-height:1.6;max-width:220px;justify-self:end}.landing .meta .mark{display:inline-block;margin-top:8px;font-family:Roboto Flex,Roboto,sans-serif;font-size:22px;letter-spacing:.04em;color:var(--fg);font-stretch:110%}.landing .meta .mark sup{font-size:9px;vertical-align:top}.landing .hero{position:relative;margin-top:24px;min-height:640px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:40px}.landing .hero .left,.landing .hero .right{align-self:end;padding-bottom:40px}.landing .hero h1{font-family:Roboto Flex,Roboto,sans-serif;font-size:13px;font-weight:500;font-stretch:110%;letter-spacing:.18em;text-transform:lowercase;color:var(--accent);margin:0 0 14px}.landing .hero p{font-size:13.5px;line-height:1.65;color:#d6d6d2;margin:0 0 14px;max-width:320px}.landing .hero p.dim{color:var(--dim);font-size:12px}.landing .right{text-align:right}.landing .right p{margin-left:auto}.landing .stat-row{display:flex;gap:32px;margin-top:22px;font-size:10.5px;color:var(--dim);letter-spacing:.06em;text-transform:uppercase}.landing .right .stat-row{justify-content:flex-end}.landing .stat .num{display:block;font-family:Roboto Flex,Roboto,sans-serif;font-size:22px;color:var(--fg);letter-spacing:.02em;font-weight:300;font-stretch:75%}.landing .phone-wrap{position:relative;display:flex;justify-content:center;align-items:center}.landing .phone-wrap:before{content:"";position:absolute;inset:-60px -120px;background:radial-gradient(closest-side,color-mix(in srgb,var(--halo, #90BE6D) 35%,transparent),transparent 70%);pointer-events:none;z-index:0;transition:background 1s ease}.landing .phone{position:relative;z-index:1;filter:drop-shadow(0 30px 60px rgba(0,0,0,.6));max-width:100%;height:auto}.landing .swatch{transition:fill .9s ease}.landing .swatch-glow{transform-origin:170px 222px;transform-box:fill-box;animation:landingPulse 2.6s ease-in-out infinite}@keyframes landingPulse{0%,to{opacity:0;transform:scale(1)}50%{opacity:.45;transform:scale(1.02)}}.landing .hex-text,.landing .name-text,.landing .avatar-dot{transition:fill .9s ease}.landing .footer-row{margin-top:80px;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:10.5px;color:var(--dim);letter-spacing:.05em;text-transform:lowercase}.landing .footer-row a:hover{color:var(--fg)}.landing .pill{display:inline-block;border:1px solid var(--line);color:var(--dim);padding:3px 8px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;margin-left:6px;border-radius:2px}.landing .pill.live{color:var(--accent);border-color:#90be6d80;animation:livePulse 2.4s ease-in-out infinite}@keyframes livePulse{0%,to{opacity:1;box-shadow:0 0 #90be6d73;border-color:#90be6d8c}50%{opacity:.75;box-shadow:0 0 0 4px #90be6d00;border-color:#90be6de6}}.landing .hamburger-btn{display:none;background:none;border:1px solid var(--line);color:var(--fg);cursor:pointer;padding:8px;border-radius:4px;align-items:center;justify-content:center;transition:border-color .15s ease,opacity .15s ease}.landing .hamburger-btn:hover{border-color:var(--accent)}.landing .hamburger-btn svg{display:block}@media(max-width:900px){.landing .page{padding:24px 20px 40px}.landing .topbar{grid-template-columns:1fr auto;gap:16px;padding-bottom:20px}.landing .phone-wrap{width:100%;max-width:340px;margin:0 auto}.landing .phone-wrap:before{inset:-40px}.landing .hamburger-btn{display:inline-flex;justify-self:end;z-index:5}.landing .nav,.landing .meta{display:none;grid-column:1 / -1}.landing.menu-open .nav{display:flex;flex-direction:column;align-items:flex-start;gap:24px;padding-top:24px;border-top:1px solid var(--line);margin-top:4px;justify-content:flex-start}.landing.menu-open .meta{display:block;text-align:left;max-width:none;padding-top:24px;margin-top:4px;border-top:1px solid var(--line);justify-self:start}.landing.menu-open .meta .mark{margin-top:12px}.landing .hero{grid-template-columns:1fr;gap:32px;margin-top:8px}.landing .hero .left,.landing .hero .right{padding-bottom:0;text-align:left;align-self:auto}.landing .right{text-align:left}.landing .right p{margin-left:0}.landing .right .stat-row{justify-content:flex-start}.landing .footer-row{flex-direction:column;gap:12px;align-items:flex-start}}
