/* Home / Figma 229:3410 — native responsive layout, 1920px reference. */
:root{--red:#cb3029;--signal:#da0000;--ink:#000;--muted:#808080;--line:#e6e6e6;--shadow:0 4px 24px #0000000f;--font:'Helvetica Neue',Helvetica,Arial,sans-serif}
*,:before,:after{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth;scroll-padding-top:24px}body{font-family:var(--font);color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid #e76a43;outline-offset:5px}.page{position:relative;width:100%}.skip-link{position:fixed;top:8px;left:8px;z-index:200;background:#fff;color:#000;padding:12px;transform:translateY(-200%)}.skip-link:focus{transform:none}
.nav{position:absolute;top:0;left:0;width:100%;z-index:10;background:#000;color:#fff}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 64px;min-height:95px}.brand{position:relative;display:block;flex:none;overflow:hidden}.brand img{display:block;max-width:none;transform-origin:top left}.brand-nav{width:180px;height:55px}.brand-nav img{transform:scale(.818)}.brand-footer{width:136px;height:42px}.brand-footer img{transform:scale(.618)}.nav-links{display:flex;align-items:center;justify-content:center;gap:48px;flex:1}.nav-link{font-size:16px;letter-spacing:.32px;line-height:1.2;white-space:nowrap}.nav-link.active{color:var(--red);font-weight:700}.nav-link[aria-disabled]{cursor:default}.nav-link[href]:hover{color:#ee746d}.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 24px;min-height:54px;border-radius:100px;font-size:18px;font-weight:500;line-height:1.2;letter-spacing:.36px;border:1.5px solid transparent;cursor:pointer;transition:background .2s,transform .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--red);color:#fff}.btn-primary:hover{background:#ae2721}.btn-outline{border-color:#fff;color:#fff;background:transparent}.btn-outline:hover{background:#ffffff12}.nav-cta{font-size:16px;min-height:51px;white-space:nowrap}.menu-toggle{display:none}.contact-button[aria-disabled]{cursor:default}
.hero{position:relative;isolation:isolate;overflow:hidden;background:#000;padding:128px 24px;color:#fff}.hero-particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 552px;gap:64px;align-items:center;max-width:1440px;margin:auto;padding:64px 0;min-height:680px}.hero .overline{display:block;font-size:18px;line-height:1.2;letter-spacing:3.6px;color:var(--red);font-weight:700;text-transform:uppercase}.hero h1{font-size:64px;line-height:1.2;letter-spacing:3.2px;font-weight:700;padding:24px 0 8px}.hero h1 span{color:var(--red)}.hero .subtitle{font-size:16px;line-height:32.3px;color:#ffffffa6;padding:8px 0 24px}.hero-actions{display:flex;gap:16px;padding:24px 0;flex-wrap:wrap}.hero-stats{border-radius:16px;background:#ffffff1a;backdrop-filter:blur(2px);padding:24px}.hero-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.hero-stat{padding:40px 16px;background:#ffffff0d;border-radius:16px;text-align:center;min-width:0}.num{font-size:48px;line-height:1;font-weight:700;letter-spacing:2.4px}.num small{font-size:.645em}.hero-stat .num{color:var(--red)}.hero-stat .label{font-size:14px;line-height:1.3;letter-spacing:.42px;margin-top:16px}
.trust-bar{padding:64px 24px 128px}.trust-bar-inner{max-width:1440px;margin:auto;text-align:center}.trust-bar p{font-size:14px;letter-spacing:2px;text-transform:uppercase;color:#b3b3b3}.brand-wall{display:flex;gap:40px;justify-content:center;align-items:center;margin-top:40px}.brand-crop{position:relative;overflow:hidden;flex:none}.brand-crop img{position:absolute;max-width:none;height:251.14%;object-fit:fill;display:block}.crop-one{width:554px;height:95px}.crop-one img{width:147.65%;left:-23.83%;top:-25.49%}.crop-two{width:570px;height:95px}.crop-two img{width:143.51%;left:-21.75%;top:-145.42%}
.section{padding:64px 24px 128px}.section-inner{max-width:1440px;margin:auto}.section-title{text-align:center;padding:64px 0}.section-title .overline{display:block;padding:8px 0;color:var(--red);font-size:20px;line-height:1.2;font-weight:700;letter-spacing:4px;text-transform:uppercase}.section-title h2{font-size:48px;line-height:1;font-weight:700;padding:8px 0}.section-title p{font-size:18px;line-height:1.5;letter-spacing:.54px;color:var(--muted);padding:8px 0}.card-grid-4,.card-grid-3,.card-grid-2{display:grid;gap:24px;padding:24px 0 64px;align-items:start}.card-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.card-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}.card{position:relative;isolation:isolate;overflow:hidden;background:#fff;border-radius:8px;box-shadow:var(--shadow);padding:0 24px}.card h3{font-size:24px;line-height:normal;letter-spacing:.72px;color:var(--red);padding:16px 0 8px}.card p{font-size:16px;line-height:1.5;padding:8px 0;color:var(--muted)}.card p.answer{font-weight:500;color:#000;padding-bottom:16px}.card:first-child,.card:last-child{align-self:stretch}.card-glow,.value-glow{position:absolute;z-index:-1;pointer-events:none;max-width:none;display:block}.glow-one{left:74px;top:-262px}.glow-two{left:-275px;top:-378px}
.platforms{padding-bottom:0}.subplatform{padding:24px;border:1px solid var(--line);border-radius:16px;background:#ffffff0d}.sp-badge{display:table;color:var(--red);background:#cb30291f;padding:8px 16px;border-radius:40px;font-size:14px;line-height:1;letter-spacing:1.4px;text-transform:uppercase;margin-bottom:16px}.starry-logo{position:relative;width:126px;height:48px}.starry-logo img{position:absolute;left:1.07px;top:2.22px;display:block;max-width:none}.chinesean-logo{position:relative;width:294px;height:48px;max-width:100%}.chinesean-logo img{position:absolute;left:.51%;top:9.38%;width:98.98%;height:82.41%;object-fit:contain}.subplatform p{font-size:16px;line-height:1.7;letter-spacing:.48px;margin-top:16px}.pillars{padding-top:24px}.pillars h2{font-size:40px}.pillar{padding:24px;border-radius:16px;box-shadow:0 4px 12px #0000000f;align-self:stretch}.pillar-num{display:grid;place-items:center;width:48px;height:48px;background:var(--signal);border-radius:8px;font-size:32px;font-weight:700;font-style:italic;color:#fff}.pillar h3{font-size:24px;padding:16px 0;line-height:1.2}.pillar-item{display:flex;gap:10px;align-items:flex-start;margin:8px 0 16px}.pillar-item:last-child{margin-bottom:8px}.pillar-item .check{font-size:16px;line-height:1.7;color:var(--signal);flex:0 0 15px}.pillar-item p{font-size:14px;line-height:1.7;letter-spacing:.42px;min-width:0}.value .card-grid-4{gap:16px}.card-border{position:relative;isolation:isolate;overflow:hidden;padding:40px 16px;border-radius:16px;box-shadow:var(--shadow);background:#fff}.card-border h3{font-size:24px;line-height:1;color:var(--red);margin-bottom:20px}.card-border p{font-size:14px;line-height:1.7}.value-glow-one{left:calc(100% - 1265px);top:calc(50% - 666px)}.value-glow-two{left:calc(100% - 699px);top:calc(50% - 918px)}
.stats-band{background:var(--signal);color:#fff;padding:64px 24px}.stats-grid{max-width:1440px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));text-align:center}.stat .label{font-size:16px;line-height:1.3;letter-spacing:.48px;margin-top:16px}.contact{background:#000;color:#fff;padding:64px 24px}.cta-block{padding:64px 0;text-align:center}.cta-block h2{font-size:42px;line-height:1.5;letter-spacing:1.26px}.cta-block p{font-size:18px;line-height:1.5;letter-spacing:.54px;color:#ffffff99;max-width:720px;margin:auto;padding:16px 0}.cta-block .btns{display:flex;justify-content:center;padding:24px 0}.footer{background:#000;color:#fff;padding:64px 24px 32px}.footer-inner{max-width:1440px;margin:auto;padding:0 24px}.footer-grid{display:grid;grid-template-columns:375px repeat(4,minmax(0,1fr));margin-bottom:48px}.footer-brand p{font-size:14px;color:#ffffff80;line-height:23.8px;max-width:280px;margin-top:16px}.footer-col h4{font-size:14px;letter-spacing:1px;text-transform:uppercase;margin-bottom:8px}.footer-item{display:block;font-size:14px;color:#ffffff80;line-height:1.3;margin-bottom:8px}.footer-bottom{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #ffffff1a;padding-top:24px;font-size:13px;color:#ffffff59}.footer-bottom-links{display:flex;gap:20px}.footer-bottom-links .footer-item{font-size:13px;color:inherit;margin:0}
@media(max-width:1500px){.hero-grid,.section-inner,.trust-bar-inner,.stats-grid{max-width:calc(100% - 64px)}.nav-inner{padding-inline:32px}.nav-links{gap:28px}.hero-grid{grid-template-columns:minmax(0,1fr) 460px;gap:40px}.hero h1{font-size:clamp(44px,3.34vw,64px);letter-spacing:.04em}.hero-stats{padding:20px}.hero-stats-grid{gap:16px}.hero-stat{padding:32px 12px}.hero .overline{font-size:15px;letter-spacing:2.5px}.section-title h2{font-size:40px}.card h3{font-size:22px}.footer-grid{grid-template-columns:300px repeat(4,minmax(0,1fr))}.brand-wall{gap:24px}.brand-crop{flex-shrink:1}.crop-one{aspect-ratio:554/95;height:auto}.crop-two{aspect-ratio:570/95;height:auto}}
@media(max-width:1100px){.nav-links{gap:18px}.brand-nav{width:145px;height:45px}.brand-nav img{transform:scale(.659)}.nav-link{font-size:14px}.hero-grid{grid-template-columns:1fr 380px;gap:28px}.hero h1{font-size:44px;letter-spacing:1px}.hero-stats{padding:16px}.hero-stat .num{font-size:38px}.hero-stat .label{font-size:12px}.hero .overline{font-size:13px}.card-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.card{align-self:stretch}.footer-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}.footer-brand{grid-column:1/-1}.footer-brand p{max-width:420px}.section-title{padding:40px 0}.section{padding-top:48px;padding-bottom:80px}.platforms{padding-bottom:0}.brand-wall{gap:24px}.pillar h3{font-size:20px}}
@media(max-width:900px){.nav-inner{padding:20px 24px;gap:16px;min-height:80px}.nav-cta{margin-left:auto;font-size:14px;min-height:44px;padding:12px 18px}.menu-toggle{display:flex;align-items:center;gap:8px;order:3;min-height:44px;color:#fff;border:1px solid #ffffff40;border-radius:30px;background:transparent;padding:10px 14px}.menu-icon{width:16px;height:10px;border-top:1px solid;border-bottom:1px solid}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;padding:16px 24px 24px;background:#080808;border-top:1px solid #ffffff20;flex-direction:column;align-items:stretch;gap:0}.nav-links.is-open{display:flex}.nav-link{padding:13px 8px;font-size:16px}.hero{padding:120px 24px 64px}.hero-grid{grid-template-columns:1fr;max-width:700px;min-height:0;padding:32px 0;gap:40px}.hero h1{font-size:52px;letter-spacing:1.6px}.hero .overline{font-size:14px}.hero-stats{width:100%;max-width:552px;justify-self:center;padding:24px}.hero-stat{padding:32px 16px}.hero-stat .num{font-size:44px}.hero-stat .label{font-size:14px}.section-inner,.trust-bar-inner,.stats-grid{max-width:100%}.card-grid-3{grid-template-columns:1fr}.pillar{width:100%;padding:28px}.pillar h3{font-size:24px}.brand-wall{flex-direction:column;gap:20px}.brand-crop{width:min(100%,554px);flex:none}.crop-two{width:min(100%,570px)}.section-title h2{font-size:36px;line-height:1.15}.section-title .overline{font-size:15px;letter-spacing:3px}.section-title p{font-size:16px}.card-grid-2{gap:24px}.subplatform p{font-size:15px}.footer-inner{padding:0}.cta-block h2{font-size:36px}.footer-bottom{flex-direction:column}.trust-bar{padding-bottom:64px}}
@media(max-width:600px){.nav-inner{padding:16px 20px;gap:10px}.brand-nav{width:118px;height:36px}.brand-nav img{transform:scale(.536)}.nav-cta{font-size:12px;padding:12px 14px}.menu-toggle{padding:12px}.menu-label{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.hero{padding:106px 20px 48px}.hero-grid{padding:16px 0 0;gap:32px}.hero h1{font-size:clamp(32px,8.8vw,48px);line-height:1.18;letter-spacing:.025em;padding:20px 0 8px}.hero .overline{font-size:11px;line-height:1.6;letter-spacing:2px}.hero .subtitle{font-size:15px;line-height:1.8;padding-bottom:12px}.hero-actions{gap:12px;padding:16px 0}.btn{font-size:15px;min-height:48px;padding:14px 20px}.hero-stats{padding:12px}.hero-stats-grid{gap:12px}.hero-stat{padding:26px 8px}.hero-stat .num{font-size:34px;letter-spacing:1px}.hero-stat .label{font-size:11px;letter-spacing:.15px;line-height:1.4;margin-top:12px}.section{padding:32px 20px 48px}.section-title{padding:24px 0}.section-title h2{font-size:30px;line-height:1.15}.section-title .overline{font-size:12px;letter-spacing:2.4px}.section-title p{font-size:15px;letter-spacing:.2px;line-height:1.6}.card-grid-4,.card-grid-2,.card-grid-3{grid-template-columns:1fr;gap:20px;padding:16px 0 24px}.card h3{font-size:22px}.card p{font-size:16px}.subplatform{padding:24px}.subplatform p{font-size:15px}.chinesean-logo{width:min(294px,100%)}.sp-badge{font-size:11px}.pillar{padding:24px}.pillar h3{font-size:22px}.pillar-item p{font-size:15px}.card-border{padding:32px 24px}.card-border h3{font-size:24px;line-height:1.2;margin-bottom:16px}.card-border p{font-size:15px}.trust-bar{padding:40px 20px 48px}.trust-bar p{font-size:10px;letter-spacing:1.6px;line-height:1.6}.brand-wall{margin-top:28px;gap:24px}.stats-band{padding:40px 20px}.stats-grid{gap:28px;grid-template-columns:1fr}.stat .num{font-size:44px}.stat .label{font-size:14px;margin-top:10px}.contact{padding:40px 20px}.cta-block{padding:24px 0}.cta-block h2{font-size:30px;line-height:1.2;letter-spacing:.5px}.cta-block p{font-size:16px}.footer{padding:40px 20px 24px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px;margin-bottom:32px}.footer-brand p{max-width:100%}.footer-item{font-size:13px;overflow-wrap:anywhere}.footer-bottom{font-size:12px}.footer-bottom-links{gap:12px;flex-wrap:wrap}.footer-bottom-links .footer-item{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}.btn:hover{transform:none}}
/* Match Figma's cap-height text boxes without changing the typeface. */
.hero .overline,.hero-stat .num,.hero-stat .label,.stat .num,.stat .label{text-box-trim:trim-both;text-box-edge:cap alphabetic}
.sp-badge{line-height:10px}
@media(max-width:360px){.nav-cta{display:none}.menu-toggle{margin-left:auto}}

.hero-stat .week-unit{letter-spacing:0;white-space:nowrap}
@media(max-width:900px){.menu-toggle{margin-left:auto}}
.hero-stat .num:has(.week-unit){white-space:nowrap}
@media(max-width:600px){.hero-stat .num:has(.week-unit){font-size:clamp(26px,7.5vw,34px)}}

/* Confirmed white fixed navigation — Figma 229:3784. */
.nav-fixed{position:fixed;background:#fff;color:#808080;z-index:100}
html:has(.nav-fixed){scroll-padding-top:96px}
@media(max-width:900px){.nav-fixed .menu-toggle{color:#333;border-color:#0003}.nav-fixed .nav-links{background:#fff;border-top-color:#0001;max-height:calc(100dvh - 76px);overflow-y:auto}}
@media(max-width:600px){html:has(.nav-fixed){scroll-padding-top:100px}}

.nav-fixed .nav-inner{padding:16px 64px;min-height:72px}
.nav-fixed .brand-nav{width:130px;height:40px}
.nav-fixed .brand-nav img{transform:scale(.591)}
@media(min-width:901px){.nav-fixed .nav-links{gap:48px}.nav-fixed .nav-link{font-size:16px}}
@media(min-width:901px) and (max-width:1100px){.nav-fixed .nav-inner{padding-inline:32px}.nav-fixed .nav-links{gap:24px}}
@media(max-width:900px){.nav-fixed .nav-inner{padding:16px 24px;min-height:76px}html:has(.nav-fixed){scroll-padding-top:100px}}
@media(max-width:600px){.nav-fixed .nav-inner{padding-inline:20px}}
