:root{--bg:#071711;--surface:#102820;--surface2:#0c2119;--line:#2a4a3c;--text:#f4f3e8;--muted:#aec1b1;--gold:#e3c476;--gold2:#aa8d4c;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--text);background:var(--bg)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 85% 2%,rgba(112,129,73,.13),transparent 27%),var(--bg)}a{color:inherit}a:focus-visible{outline:2px solid var(--gold);outline-offset:4px;border-radius:6px}img{max-width:100%}.wrap{width:min(1160px,calc(100% - 48px));margin-inline:auto}
.site-header{border-bottom:1px solid rgba(227,196,118,.16);background:rgba(7,23,17,.95)}.nav{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid #b99755;border-radius:14px;color:var(--gold);font-size:27px}.brand strong{display:block;font-size:19px;letter-spacing:.03em}.brand small{display:block;margin-top:2px;color:var(--gold);font-size:9px;font-weight:800;letter-spacing:.22em}.nav-links{display:flex;gap:8px;align-items:center}.nav-links a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border:1px solid transparent;border-radius:11px;color:#c0d0bf;text-decoration:none;font-size:14px;white-space:nowrap}.nav-links a:hover,.nav-links a.active{color:var(--gold);background:#142c22;border-color:#395040}
.hero,.shop-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:center;gap:62px;padding-block:94px 110px}.hero-copy,.shop-hero-copy{min-width:0}.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #6c653a;border-radius:99px;padding:9px 14px;background:#1a2a1e;color:#ead08c;font-size:12px;font-weight:700;letter-spacing:.05em}.pill-dot{width:7px;height:7px;border-radius:50%;background:#e0c36e;box-shadow:0 0 0 4px #d5b76121}.hero h1,.shop-hero h1{font-size:clamp(43px,4.8vw,69px);line-height:1.18;letter-spacing:-.055em;margin:24px 0}.hero h1 em,.shop-hero h1 em{font-style:normal;color:var(--gold)}.lead{font-size:17px;line-height:1.85;color:#b9c9bb;max-width:620px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:31px 0 15px}.button{min-height:51px;display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:0 20px;border-radius:13px;text-decoration:none;font-weight:800;white-space:nowrap}.button.primary{background:var(--gold);color:#14241b}.button.primary:hover{background:#f1d692}.button.ghost{border:1px solid #567151;color:#e7d59e;background:#13271f}.button.ghost:hover{background:#203c2d}.hero-note{font-size:12px;color:#9cb1a1;line-height:1.6}
.hero-visual{min-width:0;overflow:hidden;border:1px solid #8a7847;border-radius:22px;background:#0c2019;box-shadow:0 42px 90px #0009,0 0 0 10px #d5ba6310}.visual-top{height:40px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 15px;color:#b6c5b2;font-size:10px;letter-spacing:.14em}.visual-dots{display:flex;gap:4px}.visual-dots i{width:7px;height:7px;border-radius:50%;background:#547359}.visual-dots i:first-child{background:#d8b866}.visual-badge{color:var(--gold);font-weight:800}.hero-visual img{display:block;width:100%;height:auto}.visual-caption{padding:13px 17px;border-top:1px solid #345340;color:#e6d08e;font-size:12px}
.hero-note a{color:#efd189;text-underline-offset:3px}.try-strip{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-bottom:68px;padding:28px 32px;border:1px solid #847346;border-radius:20px;background:linear-gradient(115deg,#213724,#0f241a)}.try-strip strong{display:block;margin:8px 0;font-size:23px}.try-strip p{max-width:630px;margin:0;color:#b7c9b8;font-size:13px;line-height:1.7}.try-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;flex:0 0 auto}.try-actions .button{font-size:13px;padding-inline:15px}
.style-invite{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-bottom:68px;padding:29px 32px;border:1px solid #425a48;border-radius:20px;background:linear-gradient(110deg,#192b22,#172c24 65%,#30283a)}.style-invite h2{font-size:26px;margin:9px 0}.style-invite p{font-size:13px;line-height:1.7;color:#bdc9bb;max-width:650px;margin:0}.style-invite .button{flex:none}
.section{padding-block:91px}.section-soft{border-block:1px solid #233c2e;background:linear-gradient(160deg,#0f271e,#0a1d16 72%)}.section-heading{max-width:690px;margin-bottom:36px}.kicker{display:block;color:var(--gold);font-size:11px;font-weight:850;letter-spacing:.23em}.section-heading h2,.split-section h2,.closing h2{font-size:clamp(30px,3.5vw,45px);line-height:1.25;letter-spacing:-.045em;margin:12px 0}.section-heading p,.split-section p,.closing p{color:var(--muted);line-height:1.8;margin:0;font-size:15px}.flow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.flow-card{border:1px solid #315143;border-radius:18px;background:#122d22;padding:23px;min-width:0}.step{font-size:12px;color:#dfc478;font-weight:900;letter-spacing:.15em}.flow-card h3{font-size:19px;margin:27px 0 9px}.flow-card p{font-size:13px;color:#aec0af;line-height:1.7;margin:0}
.screen-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.screen-card{margin:0;overflow:hidden;border:1px solid #335144;border-radius:20px;background:#10271f}.screen-card a{display:block;overflow:hidden;background:#071711}.screen-card img{display:block;width:100%;height:auto;transition:transform .2s ease}.screen-card a:hover img{transform:scale(1.025)}.screen-card figcaption{padding:20px}.small-tag{display:inline-flex;padding:5px 9px;margin-bottom:12px;border:1px solid #74683c;border-radius:99px;color:#e2c477;font-size:11px;font-weight:800}.screen-card strong{display:block;font-size:20px}.screen-card p{color:#aebfae;font-size:13px;line-height:1.65;margin:8px 0 0}
.edition-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.edition-card{border:1px solid #3d5947;border-radius:22px;padding:32px;background:#11291f}.edition-card.plus{background:linear-gradient(130deg,#213823,#142d20 65%);border-color:#827548}.edition-label{display:inline-flex;padding:7px 12px;border:1px solid #947c48;color:#e9ce87;border-radius:99px;font-size:12px;font-weight:800}.edition-card h3{font-size:24px;margin:22px 0}.edition-card ul{display:grid;grid-template-columns:1fr 1fr;gap:13px 24px;padding-left:19px;margin:0;color:#c1d0bd;line-height:1.65;font-size:14px}.edition-card li::marker{color:var(--gold)}
.closing{display:flex;align-items:center;justify-content:space-between;gap:36px;padding-block:76px}.closing>div{max-width:670px}.closing .button{flex-shrink:0}.footer{border-top:1px solid #294133;padding-block:28px 40px;background:#06130e}.footer-inner{display:flex;justify-content:space-between;gap:26px;align-items:start}.footer span{font-size:14px;color:#e1c778;font-weight:800;white-space:nowrap}.footer p{max-width:670px;text-align:right;font-size:12px;line-height:1.7;color:#9bad9d;margin:0}
.shop-hero{grid-template-columns:minmax(0,1fr) minmax(285px,.85fr);gap:80px;padding-block:76px 88px}.phone-stage{display:flex;flex-direction:column;align-items:center;min-width:0}.phone-frame{width:min(330px,100%);padding:9px;border:1px solid #927c48;border-radius:34px;background:#0a1e17;box-shadow:0 38px 95px #0009,0 0 0 12px #d5ba6310}.phone-top{height:30px;display:flex;justify-content:space-between;align-items:center;padding:0 17px;color:#aebdae;font-size:8px;font-weight:800;letter-spacing:.17em}.phone-top i{height:8px;width:8px;border-radius:50%;background:#62836a}.phone-frame img{display:block;width:100%;height:auto;border-radius:23px}.stage-note{font-size:12px;color:#a4b4a4;margin-top:19px}.split-section{display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:70px}.split-section p{margin:14px 0}.privacy-card{padding:32px;border:1px solid #7d7041;border-radius:20px;background:radial-gradient(circle at 100% 0%,#314633,#11291f 60%)}.privacy-card span{font-size:11px;font-weight:850;letter-spacing:.17em;color:#e2c576}.privacy-card strong{display:block;font-size:25px;line-height:1.35;margin:22px 0}.privacy-card p{font-size:14px;margin:0}
@media(max-width:920px){.hero{grid-template-columns:1fr;gap:38px;padding-block:70px}.hero-visual{max-width:760px}.flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.screen-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-hero{gap:30px}.edition-card ul{grid-template-columns:1fr}}
@media(max-width:720px){.wrap{width:calc(100% - 32px)}.nav{min-height:0;align-items:stretch;flex-direction:column;gap:11px;padding-block:14px}.brand strong{font-size:17px}.nav-links{justify-content:space-between;gap:4px}.nav-links a{padding:0 8px;font-size:12px;min-height:37px}.hero,.shop-hero{padding-block:52px 65px}.hero h1,.shop-hero h1{font-size:clamp(40px,10vw,54px)}.lead{font-size:15px}.hero-actions{gap:10px}.button{min-height:48px;padding:0 16px;font-size:14px}.section{padding-block:65px}.section-heading{margin-bottom:26px}.flow-grid,.screen-grid,.edition-grid{grid-template-columns:1fr}.flow-card{padding:19px}.flow-card h3{margin-top:13px}.screen-card figcaption{padding:17px}.closing{flex-direction:column;align-items:stretch;padding-block:55px}.closing .button{align-self:flex-start}.footer-inner{display:block}.footer p{text-align:left;margin-top:12px}.shop-hero{grid-template-columns:1fr;gap:35px}.phone-frame{width:min(330px,100%)}.split-section{grid-template-columns:1fr;gap:20px}.privacy-card{padding:25px}}
@media(max-width:720px){.try-strip{display:block;padding:22px;margin-bottom:50px}.try-strip strong{font-size:20px}.try-actions{justify-content:flex-start;margin-top:18px}}
@media(max-width:720px){.style-invite{display:block;padding:22px;margin-bottom:50px}.style-invite h2{font-size:23px}.style-invite .button{margin-top:20px;max-width:100%;white-space:normal;text-align:center}}
@media(max-width:370px){.hero-actions .button{width:100%}.edition-card{padding:24px}.nav-links a{font-size:11px;padding:0 6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.screen-card img{transition:none}}