:root{--ink:#11110f;--paper:#f1efe9;--soft:#e3dfd6;--muted:#726f68;--line:#d4d0c7;--wa:#27b86c}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit}img{display:block;max-width:100%}
.topbar{position:absolute;inset:0 0 auto;z-index:20;height:82px;padding:0 clamp(20px,4vw,68px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(17,17,15,.16)}.topbar>p{margin:0;font-size:9px;letter-spacing:.28em;color:var(--muted)}.topbar>a:last-child{justify-self:end;font-size:11px;font-weight:800;letter-spacing:.13em;text-decoration:none;text-transform:uppercase}.topbar>a:last-child span{margin-left:7px;color:var(--wa)}.logo{font-size:26px;font-weight:900;letter-spacing:-.09em;text-decoration:none}.logo span{color:var(--wa)}
.hero{position:relative;min-height:100svh;overflow:hidden;padding:clamp(132px,15vh,178px) clamp(20px,4.5vw,76px) 48px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,#f4f2ed 0%,#ebe8e0 100%)}.hero::after{content:"G";position:absolute;right:-4vw;top:50%;transform:translateY(-50%);font-family:Georgia,serif;font-size:min(73vw,900px);line-height:.7;color:rgba(17,17,15,.027);pointer-events:none}.hero-orbit{position:absolute;border:1px solid rgba(17,17,15,.09);border-radius:50%;pointer-events:none}.orbit-one{width:45vw;height:45vw;right:-12vw;top:-10vw;animation:drift 9s ease-in-out infinite}.orbit-two{width:25vw;height:25vw;right:13vw;top:20vh;animation:drift 7s 1.2s ease-in-out infinite reverse}.hero-stage{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(400px,.72fr);gap:clamp(40px,5vw,90px);align-items:center}.hero-content{position:relative;width:100%}.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 28px;font-size:10px;font-weight:800;letter-spacing:.22em}.eyebrow span{width:34px;height:2px;background:var(--wa)}.hero h1{max-width:980px;margin:0;font-size:clamp(56px,6.7vw,108px);line-height:.87;letter-spacing:-.075em;font-weight:900}.hero h1 em,.closing h2 em{font-family:Georgia,serif;font-weight:400;font-style:italic}.hero-copy{max-width:620px;margin:28px 0 30px;color:var(--muted);font-size:clamp(15px,1.25vw,20px);line-height:1.55}.ws-button{position:relative;display:flex;width:min(100%,980px);min-height:92px;align-items:center;gap:18px;overflow:hidden;padding:10px 12px 10px 28px;border-radius:9px;background:var(--ink);color:white;text-decoration:none;font-size:clamp(14px,1.25vw,18px);font-weight:800;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 18px 50px rgba(17,17,15,.14);transition:transform .25s ease,box-shadow .25s ease}.ws-button::before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.17) 48%,transparent 66%);transform:translateX(-120%);animation:shine 4.8s 1.5s infinite}.ws-button .ws-icon{color:var(--wa)}.ws-button>span:nth-child(2){position:relative;z-index:1}.ws-button b{position:relative;z-index:1;margin-left:auto;display:grid;place-items:center;width:68px;height:68px;border-radius:6px;background:white;color:var(--ink);font-size:24px}.ws-button:hover{transform:translateY(-4px);box-shadow:0 25px 70px rgba(17,17,15,.22)}.service-note{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:21px;color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.service-note i{width:3px;height:3px;border-radius:50%;background:var(--wa)}.activity-panel{position:relative;padding:clamp(26px,2.3vw,38px);border:1px solid rgba(17,17,15,.14);border-radius:18px;background:rgba(255,255,255,.58);box-shadow:0 30px 80px rgba(17,17,15,.08);backdrop-filter:blur(12px)}.value-kicker{margin:0 0 17px;color:var(--muted);font-size:8px;font-weight:900;letter-spacing:.23em}.activity-panel>h2{margin:0;font-size:clamp(25px,2.35vw,40px);line-height:1.02;letter-spacing:-.05em}.value-line{margin:15px 0 25px;font-family:Georgia,serif;font-size:clamp(17px,1.5vw,24px);font-style:italic}.activity-meter{padding:22px;border-radius:12px;background:var(--ink);color:white}.meter-label{display:flex;align-items:center;justify-content:space-between;gap:12px}.meter-label span{display:flex;align-items:center;gap:8px;font-size:8px;font-weight:900;letter-spacing:.16em}.meter-label span i{width:7px;height:7px;border-radius:50%;background:var(--wa);box-shadow:0 0 0 5px rgba(39,184,108,.12);animation:pulse 1.8s infinite}.meter-label b{padding:5px 7px;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:rgba(255,255,255,.5);font-size:7px;letter-spacing:.14em}.activity-meter>strong{display:block;margin:16px 0 0;font-size:clamp(58px,5.4vw,92px);line-height:.85;letter-spacing:-.075em;font-variant-numeric:tabular-nums}.activity-meter>p{margin:12px 0 22px;color:rgba(255,255,255,.48);font-size:9px;letter-spacing:.1em;text-transform:uppercase}.activity-event{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:rgba(255,255,255,.06);animation:event-in .5s ease}.event-avatar{display:grid;place-items:center;width:42px;height:42px;flex:0 0 auto;border-radius:50%;background:var(--wa);color:#07140d;font-size:11px;font-weight:900}.activity-event>div{display:grid;gap:5px}.activity-event b{font-size:12px}.activity-event div span{color:rgba(255,255,255,.55);font-size:9px;line-height:1.4}.brand-line{position:relative;z-index:2;display:flex;align-items:center;gap:clamp(16px,3vw,46px);margin-top:48px;padding-top:24px;border-top:1px solid var(--line);font-size:clamp(11px,1vw,14px);font-weight:900;letter-spacing:.16em}.brand-line i{height:1px;flex:1;background:var(--line)}
.process{padding:clamp(90px,11vw,155px) clamp(20px,6vw,96px);background:white}.section-label{display:flex;align-items:center;gap:14px}.section-label span{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;font-size:9px}.section-label p{margin:0;font-size:9px;font-weight:800;letter-spacing:.22em}.process-copy{display:grid;grid-template-columns:1.1fr .75fr;gap:clamp(40px,8vw,140px);align-items:end;margin:58px 0 70px}.process-copy h2{margin:0;font-size:clamp(60px,9vw,140px);line-height:.82;letter-spacing:-.075em}.process-copy p{max-width:520px;margin:0;color:var(--muted);font-size:clamp(16px,1.4vw,21px);line-height:1.6}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);margin-bottom:32px}.steps span{display:flex;align-items:center;gap:18px;padding:26px 20px;font-size:12px;font-weight:800}.steps span+span{border-left:1px solid var(--line)}.steps b{color:var(--wa);font-size:9px}.ws-button.dark{width:100%;min-height:110px;font-size:clamp(15px,1.8vw,26px)}
.proof{padding:clamp(90px,12vw,170px) clamp(20px,6vw,96px);background:#151513;color:white}.proof-head{display:grid;grid-template-columns:.8fr 1.5fr .8fr;gap:35px;align-items:end;margin-bottom:58px}.section-label.light span{border-color:rgba(255,255,255,.2)}.proof-head h2{margin:0;font-size:clamp(44px,6vw,88px);line-height:.9;letter-spacing:-.06em}.proof-head>p{margin:0;color:rgba(255,255,255,.5);font-size:11px;line-height:1.65}.proof-grid{display:grid;grid-template-columns:1fr 1fr .82fr;gap:16px}.chat-card,.order-card{position:relative;min-height:560px;border:1px solid rgba(255,255,255,.12);border-radius:18px;overflow:hidden}.chat-card{padding:25px;background-color:#0f1c18;background-image:radial-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:18px 18px}.chat-top{display:flex;align-items:center;gap:12px;margin:-25px -25px 22px;padding:17px 20px;background:#202c28;border-bottom:1px solid rgba(255,255,255,.09)}.g-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#dedbd2;color:#111;font-weight:900}.chat-top>div:nth-child(2){display:grid;gap:3px}.chat-top strong{font-size:13px}.chat-top span{display:flex;align-items:center;gap:5px;color:rgba(255,255,255,.5);font-size:9px}.chat-top span i{width:5px;height:5px;border-radius:50%;background:var(--wa)}.chat-top>b{margin-left:auto;padding:6px 8px;border:1px solid rgba(255,255,255,.25);border-radius:4px;color:rgba(255,255,255,.58);font-size:7px;letter-spacing:.13em}.chat-day{width:max-content;margin:0 auto 18px;padding:6px 9px;border-radius:5px;background:rgba(17,17,15,.35);color:rgba(255,255,255,.5);font-size:7px;letter-spacing:.12em}.bubble{position:relative;width:84%;margin:13px 0;border-radius:6px 14px 14px 14px;background:#242d2a;padding:13px 14px 25px;font-size:12px;line-height:1.45;box-shadow:0 2px 3px rgba(0,0,0,.12)}.bubble.outgoing{margin-left:auto;border-radius:14px 6px 14px 14px;background:#185741}.bubble.short{width:57%}.bubble small{position:absolute;right:9px;bottom:6px;color:rgba(255,255,255,.45);font-size:7px}.demo-mark{position:absolute;right:18px;bottom:15px;color:rgba(255,255,255,.2);font-size:8px;font-weight:800;letter-spacing:.15em}.second-chat{background-color:#151c1a}.order-card{padding:30px;background:#efede7;color:var(--ink)}.order-top,.order-id,.order-foot{display:flex;align-items:center;justify-content:space-between}.order-top span,.order-id span,.order-foot span{font-size:8px;font-weight:900;letter-spacing:.17em}.order-top b{padding:6px 8px;border:1px solid var(--line);border-radius:4px;color:var(--muted);font-size:7px;letter-spacing:.13em}.product-row{display:grid;grid-template-columns:112px 1fr;gap:19px;align-items:center;margin:37px 0}.product-thumb{position:relative;width:112px;height:132px;overflow:hidden;background:#d7d3ca}.product-thumb img{width:100%;height:100%;object-fit:cover}.product-thumb span{position:absolute;right:7px;bottom:6px;color:white;font-size:10px;font-weight:900;letter-spacing:-.07em;text-shadow:0 1px 8px rgba(0,0,0,.6)}.product-row p{margin:0 0 6px;font-size:8px;font-weight:900;letter-spacing:.16em}.product-row h3{margin:0 0 8px;font-size:21px;line-height:1}.product-row>div:last-child>span{color:var(--muted);font-size:10px}.order-id{padding:16px 0;border-block:1px solid var(--line)}.order-id b{font-size:12px}.status-list{padding:20px 0}.status-list p{display:grid;grid-template-columns:9px 1fr auto;gap:10px;align-items:center;margin:14px 0;font-size:10px;font-weight:700}.status-list i{width:8px;height:8px;border:2px solid var(--ink);border-radius:50%;background:var(--wa)}.status-list span{color:var(--muted);font-size:8px}.order-foot{position:absolute;left:30px;right:30px;bottom:28px;padding-top:20px;border-top:1px solid var(--line)}.order-foot strong{font-size:24px;letter-spacing:-.09em}
.closing{position:relative;min-height:78svh;padding:100px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;text-align:center;background:#e6e2da;color:var(--ink)}.closing::before{content:"G-shop";position:absolute;bottom:-7vw;left:50%;transform:translateX(-50%);font-size:24vw;font-weight:900;letter-spacing:-.1em;color:rgba(17,17,15,.025);white-space:nowrap}.closing>*{position:relative;z-index:1}.closing>p{font-size:9px;font-weight:800;letter-spacing:.23em}.closing h2{margin:24px 0 46px;font-size:clamp(56px,8vw,122px);line-height:.88;letter-spacing:-.07em}.closing-button{width:min(100%,1000px);text-align:left}.floating-cta{position:fixed;z-index:50;right:20px;bottom:20px;display:flex;align-items:center;gap:11px;padding:9px 9px 9px 15px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:rgba(17,17,15,.9);color:white;backdrop-filter:blur(14px);box-shadow:0 14px 48px rgba(0,0,0,.28);text-decoration:none;font-size:9px;font-weight:900;letter-spacing:.12em;animation:float 3.4s ease-in-out infinite}.floating-cta .ws-icon{color:var(--wa)}.floating-cta b{display:grid;place-items:center;width:38px;height:38px;border-radius:5px;background:white;color:var(--ink);font-size:15px}footer{display:grid;grid-template-columns:1fr 2fr 1fr;gap:25px;align-items:end;padding:52px clamp(20px,5vw,76px);border-top:1px solid rgba(255,255,255,.12);background:#0d0d0c;color:white}footer p{max-width:590px;margin:0 auto;color:rgba(255,255,255,.42);font-size:9px;line-height:1.65;text-align:center}footer>span{justify-self:end;font-size:8px;letter-spacing:.12em}
@keyframes shine{46%,100%{transform:translateX(120%)}}@keyframes float{50%{transform:translateY(-8px)}}@keyframes drift{50%{transform:translate(18px,12px) scale(1.04)}}@keyframes pulse{50%{box-shadow:0 0 0 8px rgba(39,184,108,0)}}@keyframes event-in{from{opacity:.3;transform:translateY(8px)}}
@media(max-width:1100px){.hero{padding-top:130px}.hero-stage{grid-template-columns:1fr}.activity-panel{max-width:760px}.hero h1{font-size:clamp(58px,9vw,100px)}}
@media(max-width:900px){.topbar{grid-template-columns:1fr 1fr}.topbar>p{display:none}.process-copy{grid-template-columns:1fr}.proof-head{grid-template-columns:1fr}.proof-grid{grid-template-columns:1fr 1fr}.order-card{grid-column:1/-1;min-height:500px}.product-row{max-width:460px}footer{grid-template-columns:1fr;text-align:center}footer p{order:3}footer>span{justify-self:center}}
@media(max-width:620px){.topbar{height:70px}.topbar>a:last-child{font-size:8px}.hero{min-height:1100px;padding-top:120px}.hero-stage{gap:38px}.hero h1{font-size:clamp(50px,15.5vw,78px)}.hero-copy{max-width:340px}.ws-button{min-height:82px;padding-left:18px;font-size:11px}.ws-button b{width:58px;height:58px;flex:0 0 auto}.activity-panel{padding:21px}.activity-meter{padding:19px}.activity-meter>strong{font-size:64px}.brand-line{gap:10px;font-size:8px}.brand-line i{min-width:10px}.process-copy{margin:42px 0 50px}.process-copy h2{font-size:19vw}.steps{grid-template-columns:1fr}.steps span+span{border-left:0;border-top:1px solid var(--line)}.proof-grid{grid-template-columns:1fr}.chat-card,.order-card{min-height:535px}.order-card{grid-column:auto}.product-row{grid-template-columns:95px 1fr}.product-thumb{width:95px;height:118px}.closing{min-height:720px}.floating-cta{left:14px;right:14px;bottom:13px;justify-content:space-between}footer{padding-bottom:105px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}