.home { --ink: #211711; --cream: #faf7f2; --sand: #e7d4bd; --orange: #f3a44a; background: var(--cream); overflow-x: hidden; }
.home .wrap { width: min(1180px, calc(100% - 48px)); }
.signal-strip { position: relative; z-index: 30; overflow: hidden; height: 34px; color: #fff8eb; background: var(--primary); font-size: 10px; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; }
.signal-track { width: max-content; height: 100%; display: flex; align-items: center; gap: 28px; padding-left: 28px; animation: ticker 24s linear infinite; }
.signal-track i { color: var(--orange); font-style: normal; }
.home-nav { top: 0; color: white; background: rgba(33,23,17,.84); border-color: rgba(255,255,255,.1); }
.home-nav .nav-inner { height: 80px; }
.home-nav .brand { color: white; }
.home-nav .brand img { mix-blend-mode: screen; }
.home-nav .nav-links { color: rgba(255,255,255,.7); }
.home-nav .nav-links a:hover { color: white; }
.nav-cta { min-height: 44px; padding-inline: 19px; color: var(--ink) !important; background: var(--orange); }
.nav-cta span, .epic-button span { margin-left: 8px; }

.epic-hero { position: relative; min-height: 880px; overflow: hidden; padding: 76px 0 0; color: white; background: var(--ink); isolation: isolate; }
.hero-glow { position: absolute; z-index: -1; width: 760px; height: 760px; right: -120px; top: -120px; border-radius: 50%; background: radial-gradient(circle, rgba(243,164,74,.32), rgba(110,75,53,.12) 44%, transparent 70%); }
.epic-grid { display: grid; grid-template-columns: .92fr 1.08fr; align-items: center; gap: 42px; min-height: 710px; }
.epic-copy { position: relative; z-index: 3; padding-bottom: 40px; }
.hero-tag { display: inline-flex; align-items: center; gap: 10px; color: #d9c8b8; font-size: 11px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.hero-tag b { width: 8px; height: 8px; border-radius: 50%; background: #7fb689; box-shadow: 0 0 0 5px rgba(127,182,137,.14); }
.epic-copy h1 { max-width: 650px; margin: 24px 0 25px; font-size: clamp(62px, 7vw, 100px); line-height: .9; letter-spacing: -.065em; }
.epic-copy h1 em, .manifesto h2 em { color: var(--orange); font-style: italic; font-weight: 500; }
.epic-copy > p { max-width: 560px; margin: 0; color: rgba(255,255,255,.64); font-size: 19px; line-height: 1.65; }
.epic-actions { display: flex; align-items: center; gap: 26px; margin-top: 34px; }
.epic-button { min-height: 56px; padding-inline: 26px; color: var(--ink); background: var(--orange); }
.text-link { padding: 10px 0; color: white; font-size: 14px; font-weight: 750; text-decoration: none; border-bottom: 1px solid rgba(255,255,255,.25); }
.text-link span { margin-left: 8px; color: var(--orange); }
.hero-trust { display: flex; align-items: center; gap: 16px; margin-top: 38px; }
.avatar-stack { display: flex; padding-left: 8px; }
.avatar-stack span { width: 37px; height: 37px; display: grid; place-items: center; margin-left: -8px; border: 2px solid var(--ink); border-radius: 50%; color: var(--ink); background: #d9b791; font-size: 9px; font-weight: 900; }
.avatar-stack span:nth-child(2) { background: #b7c9aa; }.avatar-stack span:nth-child(3) { background: #d3b5c5; }.avatar-stack span:last-child { color: white; background: var(--primary); }
.hero-trust p { margin: 0; color: rgba(255,255,255,.52); font-size: 12px; line-height: 1.35; }.hero-trust strong { color: white; }

.product-stage { position: relative; min-height: 720px; perspective: 1200px; }
.stage-orbit { position: absolute; border: 1px solid rgba(255,255,255,.1); border-radius: 50%; }
.orbit-one { width: 670px; height: 670px; top: 20px; left: 5px; }.orbit-two { width: 510px; height: 510px; top: 100px; left: 84px; border-style: dashed; animation: spin 36s linear infinite; }
.app-phone { position: absolute; overflow: hidden; color: var(--text); background: var(--bg); border: 10px solid #0e0b09; border-radius: 46px; box-shadow: 0 45px 100px rgba(0,0,0,.4); font-size: 12px; }
.main-phone { z-index: 3; width: 326px; height: 656px; left: 78px; top: 22px; transform: rotate(-3deg); animation: phone-float 6s ease-in-out infinite; }
.detail-phone { z-index: 2; width: 274px; height: 555px; right: -12px; top: 116px; transform: rotate(8deg); }
.device-island { position: absolute; z-index: 10; width: 88px; height: 22px; left: 50%; top: 7px; border-radius: 20px; background: #0e0b09; transform: translateX(-50%); }
.app-status { display: flex; justify-content: space-between; padding: 14px 20px 6px; font-size: 9px; font-weight: 800; }
.app-welcome { display: flex; align-items: center; justify-content: space-between; padding: 17px 17px 12px; }
.app-welcome small, .app-welcome strong { display: block; }.app-welcome small { color: var(--text-muted); }.app-welcome strong { font-size: 18px; }
.avatar { width: 39px; height: 39px; display: grid; place-items: center; border-radius: 50%; color: var(--primary); background: var(--soft); font-size: 10px; font-weight: 900; }
.app-search { display: flex; gap: 7px; align-items: center; margin: 0 15px 13px; padding: 10px 12px; border: 1px solid var(--border); border-radius: 13px; color: var(--text-muted); background: white; font-size: 16px; }.app-search span { flex: 1; font-size: 10px; }.app-search b { color: var(--primary); }
.category-row { display: flex; gap: 7px; padding: 0 15px 16px; }.category-row span { padding: 6px 10px; border-radius: 99px; background: var(--light); color: var(--primary); font-size: 8px; font-weight: 800; }.category-row span:first-child { color: white; background: var(--primary); }
.app-section-title { display: flex; align-items: center; justify-content: space-between; padding: 0 15px 10px; }.app-section-title strong { font-size: 14px; }.app-section-title small { color: var(--primary); font-size: 8px; font-weight: 800; }
.product-list { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; padding: 0 13px; }
.product-list article { min-width: 0; padding: 6px 6px 9px; border-radius: 14px; background: white; box-shadow: 0 8px 18px rgba(44,33,26,.08); }
.product-image { position: relative; height: 145px; overflow: hidden; border-radius: 10px; }.product-image img { width: 100%; height: 100%; object-fit: cover; }.product-image button { position: absolute; top: 7px; right: 7px; width: 25px; height: 25px; border: 0; border-radius: 50%; background: rgba(255,255,255,.9); }.product-image span { position: absolute; left: 6px; bottom: 6px; padding: 3px 6px; border-radius: 99px; color: #584003; background: #f6d66f; font-size: 6px; font-weight: 900; text-transform: uppercase; }
.product-list article > small { display: block; margin-top: 7px; color: var(--primary); font-size: 6px; font-weight: 900; letter-spacing: .09em; }.product-list h3 { overflow: hidden; margin: 2px 0 0; font-size: 10px; white-space: nowrap; text-overflow: ellipsis; }.product-list article > strong { display: block; color: var(--primary); font-size: 11px; }.product-list p { margin: 1px 0 0; color: var(--text-muted); font-size: 7px; }
.app-tabs { position: absolute; left: 0; right: 0; bottom: 0; display: flex; align-items: end; justify-content: space-around; padding: 10px 5px 14px; border-top: 1px solid var(--border); background: white; }.app-tabs span { min-width: 42px; display: grid; place-items: center; color: var(--text-muted); font-size: 18px; }.app-tabs small { font-size: 7px; }.app-tabs .active { color: var(--primary); }.app-tabs .publish { width: 42px; height: 42px; margin-top: -20px; border-radius: 50%; color: white; background: var(--primary); }.app-tabs .publish small { position: absolute; margin-top: 61px; color: var(--text-muted); }
.detail-nav { display: flex; justify-content: space-between; padding: 8px 17px; font-size: 24px; }.phone-cover { width: 100%; height: 230px; object-fit: cover; }.phone-detail { padding: 16px; }.phone-detail > small { color: var(--primary); font-size: 7px; font-weight: 900; letter-spacing: .1em; }.phone-detail h3 { margin: 4px 0 0; font-size: 18px; }.phone-detail > strong { color: var(--primary); font-size: 20px; }.phone-detail p { margin: 7px 0; color: var(--text-muted); font-size: 9px; }.seller { display: flex; align-items: center; gap: 8px; padding: 9px 0; border-top: 1px solid var(--border); }.seller > span { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 50%; background: var(--soft); font-size: 8px; font-weight: 900; }.seller b,.seller small { display: block; }.seller small { color: var(--success); font-size: 7px; }.phone-detail button { width: 100%; padding: 10px; border: 0; border-radius: 99px; color: white; background: var(--primary); font-size: 9px; font-weight: 850; }
.commission-stamp { position: absolute; z-index: 5; right: 10px; top: 42px; width: 130px; height: 130px; display: grid; align-content: center; justify-items: center; border-radius: 50%; color: var(--ink); background: var(--orange); box-shadow: 0 20px 45px rgba(0,0,0,.28); transform: rotate(9deg); animation: stamp-pulse 4s ease-in-out infinite; }.commission-stamp span { font-family: Georgia,serif; font-size: 52px; line-height: .8; }.commission-stamp small { font-size: 10px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.hero-word { position: absolute; z-index: -1; left: 50%; bottom: -62px; color: transparent; font-size: clamp(150px, 23vw, 360px); font-weight: 950; line-height: .7; letter-spacing: -.09em; -webkit-text-stroke: 1px rgba(255,255,255,.07); transform: translateX(-50%); white-space: nowrap; }

.numbers { padding: 0; border-bottom: 1px solid var(--border); background: var(--orange); }
.numbers-grid { display: grid; grid-template-columns: repeat(3,1fr); }
.numbers article { display: flex; align-items: center; justify-content: center; gap: 18px; min-height: 170px; border-right: 1px solid rgba(33,23,17,.18); }.numbers article:last-child { border: 0; }.numbers strong { font-family: Georgia,serif; font-size: 62px; line-height: 1; }.numbers p { margin: 0; font-size: 12px; font-weight: 850; line-height: 1.35; letter-spacing: .04em; text-transform: uppercase; }

.manifesto { padding: 140px 0 120px; background: var(--cream); }
.editorial-label { display: inline-flex; align-items: center; gap: 9px; color: var(--primary); font-size: 10px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }.editorial-label::before { content:""; width: 24px; height: 1px; background: currentColor; }
.manifesto h2 { max-width: 1020px; margin: 24px 0 72px; font-size: clamp(48px,7vw,90px); line-height: .98; }
.manifesto-grid { display: grid; grid-template-columns: .7fr 1.3fr; align-items: center; gap: 80px; }.manifesto-copy { padding-left: 44px; border-left: 1px solid var(--soft); }.manifesto-copy p { margin: 0 0 20px; color: var(--text-muted); font-size: 18px; }.manifesto-copy p:last-child { color: var(--text); font-weight: 800; }
.network-visual { position: relative; min-height: 380px; border-radius: 40px; background: var(--muted); }.network-visual svg { position:absolute; inset:0; width:100%; height:100%; }.network-visual path { fill:none; stroke:var(--soft); stroke-width:2; stroke-dasharray:5 7; }
.person { position: absolute; min-width: 96px; display: grid; justify-items: center; }.person > span,.person > img { width: 62px; height: 62px; display:grid; place-items:center; border:6px solid white; border-radius:50%; object-fit:cover; color:var(--primary); background:var(--sand); box-shadow:0 12px 25px rgba(44,33,26,.13); font-size:12px; font-weight:900; }.person b { margin-top:5px; font-size:11px; }.person small { color:var(--success); font-size:8px; }.p1{left:4%;top:38%}.p2{left:34%;top:4%}.p3{left:35%;bottom:3%}.p4{right:20%;top:15%}.p4 img{width:84px;height:84px}.p5{right:3%;bottom:17%}

.zero-section { position: relative; overflow: hidden; padding: 140px 0; color: white; background: var(--primary); isolation:isolate; }.zero-backdrop { position:absolute; z-index:-1; right:-3vw; top:-20px; color:rgba(255,255,255,.035); font-family:Georgia,serif; font-size:clamp(340px,55vw,800px); line-height:1; letter-spacing:-.14em; }.zero-grid { display:grid; grid-template-columns:1fr .8fr; align-items:center; gap:110px; }.light-label { color:var(--orange); }.zero-copy h2 { margin:26px 0 25px; color:white; font-size:clamp(48px,6vw,76px); }.zero-copy h2 strong { color:var(--orange); }.zero-copy p { max-width:580px; color:rgba(255,255,255,.68); font-size:19px; }.zero-copy p b { color:white; }
.receipt { position:relative; padding:34px; border-radius:8px 8px 28px 28px; color:var(--text); background:#fffdf8; box-shadow:0 35px 80px rgba(32,19,9,.3); transform:rotate(3deg); }.receipt::before { content:""; position:absolute; left:0; right:0; top:-10px; height:20px; background:linear-gradient(135deg,transparent 7px,#fffdf8 0) 0 0/20px 20px repeat-x; }.receipt-head { display:flex; align-items:center; gap:10px; padding-bottom:24px; border-bottom:1px dashed var(--soft); font-size:12px; font-weight:850; text-transform:uppercase; letter-spacing:.08em; }.receipt-head img { width:42px;height:42px;border-radius:12px; }.receipt-row { display:flex; justify-content:space-between; padding:22px 0 10px; color:var(--text-muted); }.receipt-row.zero { padding-top:8px;color:var(--success); }.receipt-line { margin:18px 0; border-top:2px dashed var(--border); }.receipt-total { display:flex; align-items:end; justify-content:space-between; }.receipt-total span { font-weight:850; }.receipt-total strong { color:var(--primary);font-family:Georgia,serif;font-size:34px; }.receipt > small { display:block;margin-top:22px;color:var(--text-muted);font-size:9px;text-align:center; }

.journey { padding:140px 0; }.journey-head { display:flex; align-items:end; justify-content:space-between; gap:60px; }.journey-head h2 { margin:18px 0 0;font-size:clamp(45px,6vw,72px); }.journey-head > p { max-width:350px;margin:0 0 10px;color:var(--text-muted);font-size:17px; }.journey-line { position:relative; display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin-top:80px; }.journey-line::before { content:""; position:absolute;left:24px;right:24px;top:24px;height:1px;background:var(--soft); }.journey-line article { position:relative; }.journey-line article > span { position:relative;z-index:1;width:49px;height:49px;display:grid;place-items:center;border:1px solid var(--soft);border-radius:50%;color:var(--primary);background:var(--cream);font-family:Georgia,serif;font-weight:800; }.journey-line article div { padding-top:28px; }.journey-line h3 { margin:0 0 8px;font-size:20px; }.journey-line p { margin:0;color:var(--text-muted); }

.final-cta { padding:40px 0 110px; }.cta-inner { position:relative;overflow:hidden;display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:40px;padding:70px 80px;border-radius:46px;color:white;background:var(--ink); }.cta-inner::after { content:"";position:absolute;width:500px;height:500px;right:-240px;top:-250px;border:90px solid rgba(243,164,74,.08);border-radius:50%; }.cta-inner > img { width:min(340px,100%);border-radius:40%;mix-blend-mode:screen;filter:drop-shadow(0 28px 30px rgba(0,0,0,.25)); }.cta-inner h2 { max-width:650px;margin:16px 0 30px;color:white;font-size:clamp(40px,5vw,62px); }.cta-inner .epic-button { position:relative;z-index:2; }
.home-footer { margin-top:0;background:var(--cream); }.home-footer .footer-copy { max-width:440px; }

@keyframes ticker { to { transform:translateX(-50%); } }
@keyframes spin { to { transform:rotate(360deg); } }
@keyframes phone-float { 0%,100%{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(-1deg) translateY(-13px)} }
@keyframes stamp-pulse { 0%,100%{transform:rotate(9deg) scale(1)}50%{transform:rotate(5deg) scale(1.05)} }

@media (max-width:980px){
  .epic-grid{grid-template-columns:1fr;padding-top:20px}.epic-copy{padding-top:35px}.product-stage{width:min(660px,100%);margin-inline:auto}.epic-hero{min-height:1380px}.manifesto-grid,.zero-grid{grid-template-columns:1fr}.manifesto-grid{gap:45px}.zero-grid{gap:65px}.receipt{max-width:480px}.cta-inner{padding:55px 45px}.detail-phone{right:2%}
}
@media (max-width:720px){
  .home .wrap{width:min(100% - 30px,1180px)}.signal-strip{height:30px}.home-nav .nav-inner{height:68px}.home-nav .nav-links a:not(.button){display:none}.home-nav .brand img{width:40px;height:40px}.nav-cta{min-height:40px;padding-inline:14px;font-size:12px}.epic-hero{min-height:1120px;padding-top:45px}.epic-copy h1{font-size:58px}.epic-copy>p{font-size:17px}.epic-actions{align-items:flex-start;flex-direction:column;gap:12px}.product-stage{min-height:570px;margin-top:10px;transform:scale(.82);transform-origin:top center;width:122%;margin-left:-11%}.main-phone{left:6%}.detail-phone{right:1%}.commission-stamp{right:5%;top:24px}.orbit-one{width:600px;height:600px}.orbit-two{width:450px;height:450px}.numbers-grid{grid-template-columns:1fr}.numbers article{min-height:125px;border-right:0;border-bottom:1px solid rgba(33,23,17,.18)}.manifesto{padding:90px 0}.manifesto h2{margin-bottom:45px;font-size:48px}.manifesto-copy{padding-left:22px}.network-visual{min-height:330px}.person>span,.person>img{width:52px;height:52px}.p4 img{width:68px;height:68px}.zero-section{padding:90px 0}.zero-copy h2{font-size:48px}.journey{padding:90px 0}.journey-head{align-items:start;flex-direction:column;gap:22px}.journey-line{grid-template-columns:1fr;gap:32px;margin-top:50px}.journey-line::before{left:24px;right:auto;top:24px;bottom:24px;width:1px;height:auto}.journey-line article{display:grid;grid-template-columns:49px 1fr;gap:20px}.journey-line article div{padding-top:3px}.final-cta{padding-bottom:70px}.cta-inner{grid-template-columns:1fr;padding:42px 28px;text-align:left}.cta-inner>img{width:210px;margin-inline:auto}.cta-inner h2{font-size:42px}.home-footer .footer-grid{flex-direction:column}
}
@media (max-width:440px){
  .epic-copy h1{font-size:50px}.product-stage{transform:scale(.65);width:154%;margin-left:-27%;margin-bottom:-150px}.epic-hero{min-height:960px}.detail-phone{right:0}.commission-stamp{right:3%}.network-visual{margin-inline:-8px}.person{min-width:75px}.receipt{padding:26px 20px}.receipt-total{align-items:start;flex-direction:column}.receipt-total strong{margin-top:5px}.cta-inner h2{font-size:36px}.epic-button{font-size:13px;padding-inline:20px}
}
@media(prefers-reduced-motion:reduce){.signal-track,.orbit-two,.main-phone,.commission-stamp{animation:none!important}}