:root{--ink:#201713;--soft:#62544c;--paper:#fffdf8;--cream:#f6eee3;--espresso:#3a241b;--coffee:#7d4f35;--caramel:#c6844f;--sage:#637360;--line:rgba(58,36,27,.14);--shadow:0 25px 70px rgba(55,31,19,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:radial-gradient(circle at 82% 8%,rgba(198,132,79,.1),transparent 27rem),var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}p{color:var(--soft);line-height:1.68}h1,h2,h3,h4,p{margin-top:0}h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.055em}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.nav{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:15px 5vw;border-bottom:1px solid rgba(58,36,27,.08);background:rgba(255,253,248,.88);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px;width:max-content;font-weight:850;letter-spacing:-.03em}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:white;background:var(--espresso);font-family:Georgia,serif;font-size:13px}.nav nav{display:flex;gap:28px;color:var(--soft);font-size:14px;font-weight:700}.nav>a:last-child{justify-self:end}.pill{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 20px;border-radius:999px;font-size:14px;font-weight:850;transition:.2s}.pill.small{min-height:42px;border:1px solid var(--ink);font-size:13px}.pill.dark{color:white;background:var(--espresso);box-shadow:0 12px 30px rgba(58,36,27,.18)}.pill.dark:hover{transform:translateY(-2px);background:#241611}.pill.light{border:1px solid var(--line);background:white}.full{width:100%}.hero{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:54px;min-height:760px;padding:78px 0 95px}.eyebrow,.section small,.intro small,.center small,.logic small,.viet>small,.acquire small,.final small{color:var(--coffee);font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow i{width:8px;height:8px;border-radius:50%;background:#58a06b;box-shadow:0 0 0 5px rgba(88,160,107,.12)}h1{margin:24px 0 22px;font-size:clamp(55px,6.5vw,92px);line-height:.92}h1 em{color:var(--caramel);font-weight:500}.hero-copy>p{max-width:620px;font-size:19px}.hero-copy>p strong{color:var(--ink)}.actions{display:flex;align-items:center;gap:22px;margin-top:34px}.underlink{border-bottom:1px solid var(--ink);font-size:14px;font-weight:850}.trust{display:flex;flex-wrap:wrap;gap:14px 20px;margin-top:38px;color:var(--soft);font-size:12px;font-weight:700}.hero-visual{position:relative;display:grid;place-items:center;min-height:570px}.orb{position:absolute;border-radius:50%;filter:blur(8px)}.orb.one{width:340px;height:340px;top:10px;right:10px;background:rgba(198,132,79,.18)}.orb.two{width:280px;height:280px;left:10px;bottom:20px;background:rgba(99,115,96,.12)}.browser{position:relative;z-index:2;width:min(700px,100%);overflow:hidden;border:1px solid var(--line);border-radius:24px;background:white;box-shadow:var(--shadow);transform:rotate(1.5deg)}.browser-top{display:grid;grid-template-columns:80px 1fr 80px;align-items:center;padding:13px 16px;border-bottom:1px solid var(--line);background:#f8f5f1}.dots{color:#c8bdb3;font-size:9px;letter-spacing:4px}.url{justify-self:center;width:min(360px,100%);padding:8px 14px;border:1px solid rgba(58,36,27,.08);border-radius:999px;color:var(--soft);background:white;text-align:center;font-size:12px;font-weight:750}.screen{min-height:430px;padding:24px;color:white;background:linear-gradient(120deg,rgba(28,18,14,.96),rgba(78,45,28,.88))}.screen-nav{display:flex;justify-content:space-between;align-items:center}.screen-nav b{font-family:Georgia,serif;letter-spacing:.12em}.screen-nav span{color:rgba(255,255,255,.65);font-size:10px}.screen-grid{display:grid;grid-template-columns:1fr .72fr;align-items:center;min-height:350px;gap:20px}.screen-grid small{color:#e7b685}.screen-grid h2{margin:12px 0;font-size:clamp(38px,5vw,66px);line-height:.95}.screen-grid p{color:rgba(255,255,255,.68);font-size:13px}.screen-grid button{margin-top:14px;padding:10px 14px;border:0;border-radius:999px;color:var(--espresso);background:#efd1b1;font-weight:850}.cup-wrap{position:relative;height:250px;display:grid;place-items:center}.cup{position:relative;z-index:2;display:grid;place-items:center;width:145px;height:152px;border-radius:10px 10px 48px 48px;background:linear-gradient(135deg,#efdbc5,#c99c75);box-shadow:inset -18px -12px 30px rgba(74,39,22,.16),0 24px 35px rgba(0,0,0,.26)}.cup:after{content:"";position:absolute;right:-42px;top:36px;width:58px;height:72px;border:16px solid #d9b18c;border-left:0;border-radius:0 42px 42px 0}.cup b{display:grid;place-items:center;width:57px;height:57px;border-radius:50%;color:#f0d4b4;background:var(--espresso);font-family:Georgia,serif}.saucer{position:absolute;bottom:28px;width:220px;height:28px;border-radius:50%;background:#e8caaa;box-shadow:0 17px 25px rgba(0,0,0,.25)}.steam{position:absolute;z-index:1;top:6px;width:28px;height:85px;border-left:4px solid rgba(255,255,255,.42);border-radius:50%;transform:rotate(8deg)}.s1{left:42%}.s2{left:57%;top:-8px;height:95px}.float-card{position:absolute;z-index:3;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,253,248,.95);box-shadow:0 18px 40px rgba(55,31,19,.14)}.float-card small{display:block;margin-bottom:5px;color:var(--soft);font-size:9px;font-weight:850;letter-spacing:.1em}.redirect{left:-18px;bottom:28px}.redirect span{margin:0 7px;color:var(--caramel)}.recall{right:-14px;top:70px}.compare{display:grid;grid-template-columns:1fr 70px 1fr;align-items:center;width:min(920px,calc(100% - 40px));margin:auto;padding:24px 30px;border:1px solid var(--line);border-radius:22px;background:#fffaf2;box-shadow:0 16px 40px rgba(58,36,27,.07)}.compare div{display:flex;flex-direction:column;gap:5px}.compare div:last-child{text-align:right}.compare small{color:var(--soft);font-size:10px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.compare b{font-family:Georgia,serif;font-size:clamp(24px,3vw,36px)}.compare>span{color:var(--caramel);font-size:26px;text-align:center}.old{color:#9d8e83;text-decoration:line-through;text-decoration-thickness:1px}.section{padding-top:130px}.intro{display:grid;grid-template-columns:1.15fr .85fr;align-items:end;gap:50px;margin-bottom:48px}.intro h2,.center h2,.logic h2,.viet h2,.acquire h2,.final h2{margin:14px 0 0;font-size:clamp(42px,5.7vw,72px);line-height:.98}.intro>p{margin-bottom:3px;font-size:17px}.cards.three{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card,.visual-card{padding:30px;border:1px solid var(--line);border-radius:24px;background:white;box-shadow:0 16px 50px rgba(58,36,27,.06)}.card>span{display:grid;place-items:center;width:38px;height:38px;margin-bottom:60px;border:1px solid currentColor;border-radius:50%;opacity:.55;font-size:11px;font-weight:850}.card h3,.visual-card h3{margin-bottom:10px;font-family:Georgia,serif;font-size:29px;font-weight:500;letter-spacing:-.04em}.card p{min-height:78px}.dark-card{color:white;background:var(--espresso)}.dark-card p{color:rgba(255,255,255,.66)}.demo{display:flex;align-items:center;padding:12px 14px;border:1px solid rgba(255,255,255,.13);border-radius:12px;font-family:ui-monospace,monospace;font-size:14px}.demo.muted{color:rgba(255,255,255,.55)}.demo.muted span{color:#ee9660}.demo.clean{justify-content:space-between;margin-top:9px;color:#fff5e8;background:rgba(255,255,255,.08)}.demo.clean b{color:#86c994}.mini-flow{display:grid;grid-template-columns:1fr 24px 1fr;align-items:center;gap:8px;padding:16px;border-radius:14px;background:var(--cream);text-align:center;font-size:12px}.mini-flow b{color:var(--coffee)}.mini-flow em{font-style:normal}.asset{display:flex;flex-direction:column;gap:4px;padding:16px;border:1px solid rgba(99,115,96,.22);border-radius:14px;background:rgba(99,115,96,.08)}.asset small{color:var(--sage)}.center{max-width:780px;margin:0 auto 52px;text-align:center}.center h2{margin-bottom:18px}.center p{font-size:17px}.visual-card{overflow:hidden;padding:20px;background:#fffaf2}.visual-card>small{color:var(--coffee);font-weight:900;letter-spacing:.12em}.visual-card h3{margin-top:22px;font-size:25px}.visual-card p{font-size:14px}.phone{position:relative;width:195px;height:350px;margin:16px auto 0;padding:14px;border:7px solid #251713;border-radius:34px;background:#251713;box-shadow:0 20px 35px rgba(55,31,19,.2)}.notch{position:absolute;z-index:2;top:8px;left:50%;width:76px;height:18px;border-radius:0 0 13px 13px;background:#251713;transform:translateX(-50%)}.phone-url{padding:17px 8px 8px;border-radius:22px 22px 0 0;color:#675c55;background:#f6f2ed;text-align:center;font-size:9px;font-weight:750}.phone-body{height:286px;padding:24px 14px;border-radius:0 0 21px 21px;color:white;background:linear-gradient(165deg,#3f261b,#825036)}.phone-body>b{font-family:Georgia,serif;font-size:10px;letter-spacing:.12em}.phone-body h4{margin:56px 0 0;font-family:Georgia,serif;font-size:25px}.drinks{display:flex;gap:7px;margin-top:24px}.drinks i{flex:1;height:72px;border-radius:8px 8px 18px 18px;background:linear-gradient(#ead0b5 0 35%,#8d5738 35% 100%);box-shadow:inset 0 0 0 3px rgba(255,255,255,.2)}.shop{height:350px;margin-top:16px;overflow:hidden;border-radius:12px;background:#d7c0a7;box-shadow:0 20px 35px rgba(55,31,19,.14)}.awning{display:grid;grid-template-columns:repeat(5,1fr);height:58px}.awning i:nth-child(odd){background:#6d3f2b}.awning i:nth-child(even){background:#ead5bc}.shop-sign{display:grid;place-items:center;height:80px;color:#f1dfc9;background:#2c1b16;font-family:Georgia,serif;letter-spacing:.14em}.window{display:grid;place-items:center;height:212px;margin:0 25px;border:11px solid #5a3728;border-bottom:0;color:#fff8ee;background:linear-gradient(145deg,#5d6f6c,#9cad9f);text-align:center}.window span{font-size:8px;letter-spacing:.18em}.window b{display:block;margin-top:8px;font-family:Georgia,serif;font-size:22px}.receipt{width:230px;min-height:350px;margin:16px auto 0;padding:26px 24px;background:white;text-align:center;box-shadow:0 20px 35px rgba(55,31,19,.13)}.receipt-logo{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 14px;border-radius:50%;color:#f1d8bd;background:var(--espresso);font-family:Georgia,serif}.receipt>b,.receipt>span,.receipt>strong{display:block}.receipt>span{margin:8px 0 18px;color:#71645c;font-size:10px}.receipt>strong{margin-top:14px;font-family:ui-monospace,monospace;font-size:13px}.qr{display:grid;grid-template-columns:repeat(6,1fr);gap:3px;width:120px;height:120px;margin:auto;padding:8px;border:2px solid #251713}.qr i.on{background:#251713}.logic{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:60px;padding:64px;border-radius:32px;color:white;background:radial-gradient(circle at 90% 10%,rgba(198,132,79,.28),transparent 18rem),var(--espresso)}.logic h2{font-size:clamp(42px,5vw,68px)}.logic p{color:rgba(255,255,255,.68)}.flow{display:grid;grid-template-columns:1fr 105px 1fr;align-items:center;gap:10px}.flow div{padding:28px 20px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.08);text-align:center}.flow div:first-child{color:var(--espresso);background:#f2d5b6}.flow small{display:block;margin-bottom:7px;opacity:.72}.flow>span{text-align:center;color:#e7b685;font-size:10px;font-weight:850;text-transform:uppercase}.viet{display:grid;grid-template-columns:.7fr 1fr 1.15fr;gap:35px;padding:45px;border:1px solid rgba(99,115,96,.2);border-radius:26px;background:rgba(99,115,96,.075)}.viet h2{font-size:clamp(34px,4.4vw,56px)}.viet p{font-size:17px}.viet .tiny{font-size:11px}.acquire{display:grid;grid-template-columns:1fr 430px;align-items:center;gap:75px;padding:70px;border:1px solid var(--line);border-radius:34px;background:radial-gradient(circle at 10% 100%,rgba(198,132,79,.13),transparent 22rem),#fffaf2}.acquire h2{font-size:clamp(46px,5.7vw,75px)}.acquire>div>p{font-size:17px}.acquire ul{display:grid;gap:12px;margin:28px 0 0;padding:0;list-style:none;color:var(--soft);font-size:13px;font-weight:700}.price-card{padding:30px;border:1px solid var(--line);border-radius:26px;background:white;box-shadow:var(--shadow);text-align:center}.price-card>small{color:var(--coffee)}.price{margin:12px 0 -3px;font-family:Georgia,serif;font-size:82px;line-height:1;letter-spacing:-.06em}.price sup{margin-right:5px;font-family:Inter,sans-serif;font-size:23px;vertical-align:top}.price-card hr{margin:24px 0;border:0;border-top:1px solid var(--line)}.option{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--line);text-align:left}.option span{display:flex;flex-direction:column;gap:4px}.option small{color:var(--soft);font-size:9px}.option a{color:var(--coffee);font-size:12px;font-weight:900}.fine{margin:18px 0 0;font-size:10px}.final{display:flex;align-items:end;justify-content:space-between;gap:50px;padding-top:130px;padding-bottom:130px}.final h2{font-size:clamp(52px,7vw,94px);line-height:.9}.final>div:last-child{display:flex;flex-direction:column;gap:12px;min-width:300px}.phone-link{text-align:center;color:var(--soft);font-size:13px;font-weight:750}footer{display:grid;grid-template-columns:.65fr 1.35fr .65fr;align-items:center;gap:45px;padding:35px 5vw;border-top:1px solid var(--line);background:#f8f2e9}footer p{margin:0;font-size:10px}footer>div:last-child{display:flex;justify-content:flex-end;gap:18px;font-size:11px;font-weight:850}@media(max-width:980px){.nav{grid-template-columns:1fr auto}.nav nav{display:none}.hero{grid-template-columns:1fr;min-height:0}.cards.three{grid-template-columns:1fr}.logic,.acquire{grid-template-columns:1fr}.viet{grid-template-columns:1fr}.price-card{width:min(480px,100%);margin:auto}footer{grid-template-columns:1fr}footer>div:last-child{justify-content:flex-start}}@media(max-width:680px){.wrap{width:min(100% - 24px,1180px)}.nav{padding:12px}.brand{font-size:14px}.pill.small{padding:0 13px}.hero{padding:55px 0 70px;gap:28px}h1{font-size:54px}.hero-copy>p{font-size:16px}.actions{flex-direction:column;align-items:stretch}.underlink{align-self:center}.hero-visual{min-height:430px}.browser{transform:none;border-radius:18px}.browser-top{grid-template-columns:52px 1fr 20px;padding:10px}.screen{min-height:340px;padding:17px}.screen-nav span{display:none}.screen-grid{grid-template-columns:1fr;min-height:290px}.screen-grid h2{font-size:43px}.cup-wrap,.float-card{display:none}.compare{grid-template-columns:1fr;gap:16px;padding:22px}.compare div:last-child{text-align:left}.compare>span{text-align:left;transform:rotate(90deg);width:max-content}.section{padding-top:90px}.intro{grid-template-columns:1fr;gap:20px}.intro h2,.center h2{font-size:47px}.logic,.acquire{padding:32px 22px;border-radius:24px}.flow{grid-template-columns:1fr}.flow>span{padding:10px}.viet{padding:30px 22px}.final{align-items:stretch;flex-direction:column;padding-top:95px;padding-bottom:95px}.final>div:last-child{min-width:0}footer{padding:30px 20px}}@media(prefers-reduced-motion:no-preference){.browser{animation:settle .9s cubic-bezier(.2,.75,.2,1) both}.float-card{animation:float 4.5s ease-in-out infinite}.recall{animation-delay:-1.3s}@keyframes settle{from{opacity:0;transform:translateY(24px) rotate(3deg) scale(.97)}to{opacity:1;transform:translateY(0) rotate(1.5deg) scale(1)}}@keyframes float{50%{transform:translateY(-8px)}}}