@import "https://fonts.googleapis.com/css2?family=Nunito:wght@500;700;800;900;1000&display=swap";
:root{--background:#f5f7ef;--surface:#fff;--surface-soft:#edf4eb;--ink:#141711;--muted:#60695b;--line:#14171121;--brand:#b9e636;--brand-strong:#6a8b0f;--accent:#b9e636;--accent-soft:#ebff9a;--theppy-black:#0b0d09;--theppy-lime:#b9e636;--theppy-lime-hot:#d8ff28;--danger:#b42318;--radius:8px;--radius-xl:28px;--shadow:0 24px 70px #14171124;--ease:cubic-bezier(.16, 1, .3, 1);--font-rounded:Nunito, "Arial Rounded MT Bold", "Avenir Next Rounded", ui-rounded, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{background:radial-gradient(circle at 18% 8%, #b9e63652, transparent 28rem), radial-gradient(circle at 82% 0%, #1417111f, transparent 30rem), var(--background);min-height:100%;color:var(--ink);font-size:18px;font-family:var(--font-rounded);margin:0}html{scroll-behavior:smooth}::selection{color:var(--ink);background:#b9e6369e}body:before{content:"";pointer-events:none;opacity:.34;background-image:linear-gradient(#10231f09 1px,#0000 1px),linear-gradient(90deg,#10231f09 1px,#0000 1px);background-size:44px 44px;position:fixed;inset:0}a{color:inherit;touch-action:manipulation;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline-offset:4px;outline:3px solid #b9ff16b8}button,input,select,textarea{font:inherit}button{touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.52}.app-shell{grid-template-columns:282px 1fr;min-height:100vh;display:grid;position:relative}.skip-link{z-index:20;background:var(--accent);color:var(--ink);transition:transform .18s var(--ease);border-radius:999px;padding:12px 16px;font-weight:900;position:fixed;top:12px;left:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.sidebar{background:radial-gradient(circle at 24% 6%, #b9e63638, transparent 16rem), linear-gradient(180deg, #ffffff0e, transparent 42%), var(--theppy-black);color:#f7fff9;min-height:100dvh;padding:30px 22px;position:sticky;top:0}.brand-mark{letter-spacing:-.035em;align-items:center;gap:12px;font-weight:900;display:flex}.theppy-logo{color:inherit;align-items:center;gap:12px;line-height:1;display:inline-flex}.theppy-icon{filter:drop-shadow(0 10px 22px #14171129);flex:none;display:block}.theppy-wordmark{color:currentColor;letter-spacing:-.055em;font-size:22px;font-weight:950}.sidebar .brand-mark .theppy-wordmark,.wallet-card .brand-mark .theppy-wordmark{color:#f8fbf2}.brand-mark.inverse .theppy-wordmark{color:#fff}.theppy-glyph{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.05em;height:1.05em}.nav-list{gap:8px;margin-top:38px;display:grid}.nav-item{color:#dce8d0;min-height:48px;transition:transform .18s var(--ease), background .18s var(--ease), color .18s var(--ease);border-radius:16px;align-items:center;gap:10px;padding:12px 13px;display:flex;position:relative}.nav-item.active,.nav-item:hover{color:#fff;background:#b9e63624}.nav-item.active .theppy-glyph{color:var(--theppy-lime-hot)}.nav-item:active,.button:active{transform:translateY(1px)scale(.99)}.main{width:min(100%,1240px);padding:36px}.page-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.page-title{letter-spacing:-.055em;max-width:920px;margin:0;font-size:clamp(2.4rem,5.5vw,5.8rem);line-height:.92}.section-title{letter-spacing:-.035em;margin:0;font-size:clamp(1.6rem,2.6vw,2.35rem);line-height:1}.page-copy{color:var(--muted);max-width:680px;margin:10px 0 0;line-height:1.6}.mini-label,.metric-label,.label{color:var(--muted);letter-spacing:.02em;text-transform:uppercase;font-size:16px;font-weight:850}.button{background:var(--theppy-black);color:#f7f9f3;cursor:pointer;min-width:48px;min-height:48px;transition:transform .18s var(--ease), box-shadow .18s var(--ease), background .18s var(--ease);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:850;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 14px 30px #1417112e}.button:before,.lux-button:before{content:"";width:38%;transition:transform .52s var(--ease);pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff7a,#0000);position:absolute;inset:-1px auto -1px -42%;transform:skew(-18deg)translate(-120%)}.button:hover:before,.button:focus-visible:before,.lux-button:hover:before,.lux-button:focus-visible:before{transform:skew(-18deg)translate(420%)}.button>*,.lux-button>*{z-index:1;position:relative}.button .theppy-glyph,.status .theppy-glyph{stroke-width:2.5px;width:19px;height:19px}.button:hover{background:#23281d;box-shadow:0 18px 42px #1417113d}.button.secondary{color:var(--ink);box-shadow:none;background:#ecf6cd}.button.secondary:hover{background:#e1f7a1}.button.warning{background:var(--danger)}.button-row{flex-wrap:wrap;gap:12px;display:flex}.grid{gap:18px;display:grid}.grid.metrics{grid-template-columns:1.25fr 1fr 1fr 1fr}.panel{border:1px solid var(--line);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:transform .22s var(--ease), box-shadow .22s var(--ease), border-color .22s var(--ease);background:#ffffffe6;padding:22px;position:relative;box-shadow:0 1px #fffc,0 20px 60px #10231f14}.panel:hover{border-color:#b9e6364d;transform:translateY(-2px);box-shadow:0 1px #ffffffd1,0 26px 74px #10231f1f}.metric-label,.support-box h3,.status,.toast-line,.button{align-items:center}.metric-label,.support-box h3{gap:8px;display:flex}.metric-label .theppy-glyph{color:var(--theppy-lime);stroke-width:2.4px}.backend-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.backend-strip div{color:#141711b8;background:#ffffff8f;border:1px solid #1417111f;border-radius:22px;align-items:center;gap:10px;min-height:64px;padding:12px 14px;font-size:16px;font-weight:900;display:flex;box-shadow:0 16px 40px #1417110f}.backend-strip .theppy-glyph{color:var(--theppy-lime);stroke-width:2.5px;width:20px;height:20px}.backend-strip .theppy-icon{width:34px!important;height:34px!important}.metric-panel{flex-direction:column;justify-content:space-between;min-height:132px;display:flex;overflow:hidden}.metric-panel:after{content:"";background:linear-gradient(90deg, var(--theppy-lime), #b9e63614), #14171114;opacity:.62;transform-origin:0;height:6px;transition:transform .26s var(--ease), opacity .26s var(--ease);border-radius:999px;position:absolute;bottom:16px;left:22px;right:22px;transform:scaleX(.72)}.metric-panel:hover:after{opacity:1;transform:scaleX(1)}.metric-value{letter-spacing:-.055em;margin-top:14px;font-size:clamp(2rem,4vw,3.35rem);font-weight:950;line-height:.9}.metric-note{color:var(--muted);margin-top:10px;font-size:16px}.table-wrap{-webkit-overflow-scrolling:touch;border-radius:18px;outline:1px solid #10231f0f;overflow-x:auto}.table{border-collapse:collapse;width:100%;min-width:720px;font-size:16px}.table th,.table td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:15px 10px}.table th{color:var(--muted);letter-spacing:.02em;text-transform:uppercase;font-size:16px}.table a{align-items:center;min-height:48px;display:inline-flex}.table tbody tr{transition:background .18s var(--ease)}.table tbody tr:hover{background:#10845f0d}.status{color:#425b08;background:#eff9c8;border-radius:999px;align-items:center;gap:8px;min-height:28px;padding:0 10px;font-size:16px;font-weight:900;display:inline-flex}.status.reward{color:#d8ff28;background:#171915}.status-dot{background:var(--theppy-lime);border-radius:50%;width:9px;height:9px;animation:2.4s infinite breathe;box-shadow:0 0 #b9e6368c}.stamp-strip{flex-wrap:wrap;gap:7px;display:flex}.stamp-dot{width:34px;height:34px;color:var(--brand-strong);background:#ffffffb8;border:2px solid;border-radius:50%;place-items:center;font-size:16px;font-weight:950;display:grid}.stamp-dot.filled{background:var(--brand);color:var(--ink)}.landing{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);min-height:100dvh;display:grid;overflow:hidden}.landing-copy{flex-direction:column;justify-content:center;padding:clamp(28px,5vw,72px);display:flex;position:relative}.landing-copy:after{content:"";filter:blur(50px);pointer-events:none;background:#f2c94c47;border-radius:50%;width:180px;height:180px;position:absolute;bottom:9%;right:9%}.landing-steps{grid-template-columns:1.1fr .9fr;gap:14px;max-width:760px;margin-top:34px;display:grid}.step-panel{min-height:132px}.step-panel:first-child{grid-row:span 2}.wallet-preview{background:radial-gradient(circle at 35% 25%,#f2c94c38,#0000 20rem),linear-gradient(#10231f,#0b1b18);justify-content:center;align-items:center;padding:clamp(28px,5vw,70px);display:flex;position:relative}.wallet-preview:before{content:"THEPPY";color:#ffffff0e;letter-spacing:-.08em;font-size:clamp(4rem,13vw,10rem);font-weight:950;position:absolute;top:10%;right:-48px;transform:rotate(90deg)}.wallet-card{color:#fff;width:100%;max-width:360px;box-shadow:var(--shadow);animation:floatCard 5.5s var(--ease) infinite;background:radial-gradient(circle at 18% 8%,#b9e63652,#0000 10rem),linear-gradient(160deg,#25281f,#080a07);border-radius:30px;padding:26px;position:relative;overflow:hidden}.wallet-card:after{content:"";pointer-events:none;border:1px solid #ffffff38;border-radius:29px;position:absolute;inset:1px}.wallet-card h2{letter-spacing:-.055em;margin:44px 0 8px;font-size:28px;line-height:1}.form-grid{gap:12px;display:grid}.field{gap:7px;display:grid}.input{border:1px solid var(--line);width:100%;min-height:48px;color:var(--ink);transition:border .18s var(--ease), box-shadow .18s var(--ease);background:#ffffffeb;border-radius:16px;outline:none;padding:0 14px}.input:focus{border-color:#b9e636e6;box-shadow:0 0 0 4px #b9e63629}.scanner-box{gap:16px;max-width:850px;display:grid}.camera-frame{aspect-ratio:16/9;background:radial-gradient(circle at 50% 42%,#b9e6362e,#0000 18rem),#11140f;border:1px solid #ffffff21;border-radius:26px;width:100%;position:relative;overflow:hidden}.camera-frame:before,.camera-frame:after{z-index:2;content:"";pointer-events:none;position:absolute}.camera-frame:before{border:1px solid #b9ff167a;border-radius:22px;inset:14%;box-shadow:0 0 0 1px #ffffff14,0 0 44px #b9ff1614}.camera-frame:after{height:2px;animation:scanSweep 2.9s var(--ease) infinite;background:linear-gradient(90deg,#0000,#b9ff16eb,#0000);top:18%;left:13%;right:13%;box-shadow:0 0 18px #b9ff168c}.camera-video{object-fit:cover;width:100%;height:100%;display:block}.camera-placeholder{text-align:center;color:#e7efe9;background-color:#0000;background-image:linear-gradient(90deg,#ffffff0e 1px,#0000 1px),linear-gradient(#ffffff0e 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:34px 34px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;place-content:center;gap:8px;padding:24px;display:grid;position:absolute;inset:0}.camera-placeholder .theppy-icon{margin:0 auto 6px}.camera-placeholder span{color:#b9cbc3;max-width:360px}.scanner-actions{grid-template-columns:1fr auto;align-items:end;gap:12px;display:grid}.action-grid{grid-template-columns:.85fr 1.15fr;gap:18px;display:grid}.support-box{border:1px solid var(--line);background:#ffffff8c;border-radius:22px;padding:18px}.support-box h3{letter-spacing:-.035em;margin:0}.progress-ring{background:radial-gradient(circle at center, var(--surface) 0 55%, transparent 56%), conic-gradient(var(--theppy-lime) var(--progress), #1417111c 0);width:128px;height:128px;box-shadow:inset 0 0 0 1px var(--line);border-radius:50%;place-items:center;display:grid}.toast-line{color:#4c650d;background:#b9e63629;border-radius:999px;align-items:center;gap:9px;min-height:48px;padding:0 12px;font-weight:800;display:inline-flex}.qr-kit-card{gap:22px;display:grid}.qr-kit-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.qr-kit-body{grid-template-columns:minmax(240px,340px) minmax(0,1fr);align-items:center;gap:22px;display:grid}.qr-frame{aspect-ratio:1;background-color:#fff;background-image:linear-gradient(90deg,#14171109 1px,#0000 1px),linear-gradient(#14171109 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #1417111f;border-radius:28px;place-items:center;width:min(100%,340px);padding:16px;display:grid;box-shadow:0 24px 58px #10231f1a}.qr-frame img{border-radius:18px;width:100%;height:auto;display:block}.qr-loading{aspect-ratio:1;background:linear-gradient(90deg,#eef4e8,#fff,#eef4e8) 0 0/220% 100%;border-radius:24px;width:72%;animation:1.1s linear infinite shimmer}.qr-copy{align-content:center;gap:14px;display:grid}.qr-copy code{overflow-wrap:anywhere;color:#263211;background:#ecf6cd9e;border:1px solid #1417111f;border-radius:18px;width:100%;padding:14px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:15px;line-height:1.5;display:block}.reveal{animation:riseIn .6s var(--ease) both}@keyframes riseIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes floatCard{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-12px)rotate(1deg)}}@keyframes breathe{0%{box-shadow:0 0 #b9e6368c}70%{box-shadow:0 0 0 14px #b9e63600}to{box-shadow:0 0 #b9e63600}}@keyframes shimmer{0%{background-position:0 0}to{background-position:-220% 0}}@keyframes scanSweep{0%,to{opacity:0;transform:translateY(-20px)}18%,82%{opacity:1}50%{transform:translateY(160px)}}@keyframes checkPulse{0%,to{box-shadow:0 18px 34px #58700e42,0 0 #b9ff167a}65%{box-shadow:0 18px 34px #58700e42,0 0 0 18px #b9ff1600}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (max-width:980px){.app-shell{min-height:0;display:block}.landing{grid-template-columns:1fr}.sidebar{min-height:auto;padding:18px 22px;position:static}.sidebar .brand-mark{margin-bottom:14px}.nav-list{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:0}.nav-item{text-align:center;justify-content:center;padding:10px 8px}.grid.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.page-header{flex-direction:column}.action-grid,.landing-steps,.backend-strip,.qr-kit-body,.scanner-actions{grid-template-columns:1fr}.qr-kit-head{flex-direction:column}.step-panel:first-child{grid-row:auto}}@media (max-width:620px){.main,.landing-copy,.wallet-preview{padding:22px}.grid.metrics{grid-template-columns:1fr}.page-title{font-size:clamp(2.35rem,13vw,4.4rem)}.sidebar{padding:18px}.nav-list{grid-template-columns:1fr}.panel{border-radius:22px;padding:18px}.button{width:100%}.wallet-card{max-width:100%}}.brand-landing{--lux-bg:#f4f6f1;--lux-ink:#171915;--lux-muted:#687064;--lux-line:#17191521;--lux-accent:#b9e636;--lux-green:#123f2d;--lux-red:#ef3d36;--lux-violet:#7e5af0;--cursor-x:50vw;--cursor-y:20vh;--scroll-progress:0;background:linear-gradient(90deg, #1719150b 1px, transparent 1px), linear-gradient(#17191509 1px, transparent 1px), radial-gradient(circle at 84% 8%, #b9e6366b, transparent 24rem), var(--lux-bg);min-height:100dvh;color:var(--lux-ink);background-size:52px 52px,52px 52px,auto,auto;overflow:hidden}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.brand-landing:before{content:"";pointer-events:none;opacity:.18;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 240 240' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");position:fixed;inset:0}.brand-landing:after{content:"";z-index:0;left:var(--cursor-x);top:var(--cursor-y);pointer-events:none;opacity:0;width:34rem;height:34rem;transition:opacity .22s var(--ease);background:radial-gradient(circle,#b9ff1629,#0000 62%);border-radius:999px;position:fixed;transform:translate(-50%,-50%)}.brand-landing.is-enhanced:after{opacity:1}.scroll-progress{z-index:20;width:calc(var(--scroll-progress) * 100%);pointer-events:none;background:linear-gradient(90deg,#b9ff16,#ffb11a);border-radius:0 999px 999px 0;height:4px;position:fixed;top:0;left:0;box-shadow:0 0 22px #b9ff166b}.brand-nav,.lux-hero,.marquee-band,.drop-section,.flow-section,.culture-section,.kit-section,.final-cta{z-index:1;position:relative}.brand-landing.is-enhanced [data-reveal]{opacity:0;transition:opacity .62s var(--ease), transform .62s var(--ease);transition-delay:var(--reveal-delay,0s);transform:translateY(26px)}.brand-landing.is-enhanced [data-reveal].in-view{opacity:1;transform:translateY(0)}.brand-nav{z-index:8;width:min(100% - 36px,1440px);min-height:74px;color:var(--lux-ink);justify-content:space-between;align-items:center;gap:18px;margin:0 auto;display:flex;position:sticky;top:0}.wordmark,.nav-actions,.nav-pill{align-items:center;display:inline-flex}.wordmark{letter-spacing:-.06em;gap:11px;font-size:22px;font-weight:950}.wordmark .theppy-wordmark{color:var(--lux-ink)}.nav-actions{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f4f6f1bd;border:1px solid #1719151a;border-radius:999px;gap:8px;padding:8px;box-shadow:inset 0 1px #fff9}.nav-actions a{color:#171915b8;min-height:42px;transition:background .18s var(--ease), color .18s var(--ease), transform .18s var(--ease);border-radius:999px;padding:0 14px;font-size:15px;font-weight:850}.nav-actions a:hover,.nav-actions a:focus-visible,.nav-actions .nav-pill{background:var(--lux-ink);color:#f7f9f3}.nav-actions a:active,.lux-button:active{transform:translateY(1px)scale(.985)}.lux-hero{grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);align-items:center;gap:clamp(28px,5vw,86px);width:min(100% - 36px,1440px);min-height:calc(100dvh - 74px);margin:0 auto;padding:clamp(32px,5vw,78px) 0 clamp(64px,8vw,116px);display:grid}.hero-copy{position:relative}.eyebrow,.section-kicker{color:#1719159e;letter-spacing:.11em;text-transform:uppercase;margin:0;font-size:14px;font-weight:950}.hero-copy h1,.drop-section h2,.flow-section h2,.kit-copy h2,.final-cta h2{letter-spacing:-.052em;margin:0;font-weight:1000;line-height:.92}.hero-copy h1{max-width:760px;margin-top:18px;font-size:clamp(4.3rem,10vw,10.8rem)}.hero-lede,.drop-section p,.flow-section p,.kit-copy p,.final-cta p{max-width:660px;color:var(--lux-muted);margin:22px 0 0;line-height:1.55}.hero-lede{font-size:clamp(1.08rem,1.65vw,1.45rem)}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.lux-button{background:var(--lux-accent);color:#171915;letter-spacing:-.02em;min-height:54px;transition:transform .18s var(--ease), box-shadow .18s var(--ease), background .18s var(--ease);border-radius:999px;justify-content:center;align-items:center;padding:0 21px;font-weight:950;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 18px 48px #3d4c122e,inset 0 1px #ffffff94}.lux-button:hover{background:#cbf25b;box-shadow:0 22px 62px #3d4c123d,inset 0 1px #ffffffa6}.lux-button.ghost{box-shadow:none;background:#ffffff8f;border:1px solid #17191521}.lux-button.dark{background:var(--lux-ink);color:#f7f9f3;margin-top:30px}.proof-strip{flex-wrap:wrap;gap:8px;margin-top:38px;display:flex}.proof-strip span{color:#171915ab;background:#ffffff70;border:1px solid #1719151a;border-radius:999px;align-items:center;gap:7px;min-height:34px;padding:0 12px;font-size:14px;font-weight:850;display:inline-flex}.hero-stage{perspective:1400px;place-items:center;min-height:680px;display:grid;position:relative}.human-hero-card{background:#10130f;border:1px solid #1719151f;border-radius:28px;width:min(34vw,390px);min-width:290px;margin:0;position:absolute;top:6%;left:0;overflow:hidden;transform:rotate(-5deg)translateZ(-20px);box-shadow:0 42px 90px #17191533}.human-hero-card:after,.culture-photo:after,.spot-card:after{content:"";pointer-events:none;background:linear-gradient(#0000 44%,#0000009e),radial-gradient(circle at 18% 14%,#b9e6362e,#0000 15rem);position:absolute;inset:0}.human-hero-card img,.spot-card img,.culture-photo img{object-fit:cover;width:100%;height:100%;display:block}.human-hero-card img{aspect-ratio:.78;filter:saturate(.96)contrast(1.03);transition:transform .76s var(--ease), filter .32s var(--ease)}.human-hero-card:hover img{filter:saturate(1.06)contrast(1.06);transform:scale(1.045)}.human-hero-card figcaption{z-index:1;color:#f7f9f3;position:absolute;bottom:22px;left:22px;right:22px}.human-hero-card figcaption span{color:#f7f9f3b3}.culture-copy .eyebrow{color:#1719159e}.human-hero-card figcaption strong{letter-spacing:-.07em;margin-top:6px;font-size:clamp(1.7rem,3vw,3rem);line-height:.9;display:block}.phone-shell{z-index:2;aspect-ratio:.56;width:min(78vw,430px);animation:phoneFloat 7s var(--ease) infinite;transition:transform .32s var(--ease), box-shadow .32s var(--ease);background:linear-gradient(135deg,#282b25,#0f120e);border-radius:58px;padding:14px;position:relative;transform:rotateX(8deg)rotateY(-17deg)rotate(4deg);box-shadow:0 58px 120px #17191552}.hero-stage:hover .phone-shell{animation-play-state:paused;transform:rotateX(6deg)rotateY(-12deg)rotate(3deg)translateY(-8px);box-shadow:0 68px 138px #17191561}.phone-glass{background:radial-gradient(circle at 50% 16%,#b9e63685,#0000 16rem),linear-gradient(#f8faf4,#e9ede5);border-radius:44px;height:100%;position:relative;overflow:hidden}.phone-bar{background:#141711;border-radius:999px;width:122px;height:34px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.wallet-stack{gap:14px;display:grid;position:absolute;inset:84px 28px auto}.mini-pass{color:#f7f9f3;min-height:140px;transition:transform .26s var(--ease), box-shadow .26s var(--ease);border-radius:24px;flex-direction:column;justify-content:space-between;padding:21px;display:flex;transform:translateZ(0);box-shadow:0 24px 42px #1719152e,inset 0 1px #ffffff47}.wallet-stack:hover .mini-pass{box-shadow:0 28px 52px #17191538,inset 0 1px #ffffff4d}.mini-pass span,.mini-pass small,.floating-card small,.poster small{opacity:.72;font-size:13px;font-weight:850}.mini-pass strong{letter-spacing:-.045em;font-size:34px;line-height:.9}.pass-red{background:linear-gradient(135deg, var(--lux-red), #f6a228);transform:rotate(-3deg)}.pass-green{color:#11150f;background:linear-gradient(135deg,#174d35,#b9e636);transform:translateY(-18px)rotate(2deg)}.pass-ink{background:radial-gradient(circle at 20% 20%,#b9e63647,#0000 12rem),linear-gradient(135deg,#181b15,#35382d);transform:translateY(-38px)rotate(-1deg)}.stamp-meter{grid-template-columns:repeat(10,1fr);gap:7px;display:grid;position:absolute;bottom:36px;left:30px;right:30px}.stamp-meter span{aspect-ratio:1;background:#ffffff6b;border:1px solid #17191538;border-radius:50%}.stamp-meter span.active{border-color:var(--lux-ink);background:var(--lux-accent)}.ambient-chip{filter:blur(.5px);animation:drift 9s var(--ease) infinite;background:linear-gradient(135deg,#171915c2,#17191514);border-radius:30% 70% 54% 46%;position:absolute}.chip-a{width:86px;height:72px;top:18%;left:4%}.chip-b{width:44px;height:38px;animation-delay:-3s;top:28%;right:4%}.chip-c{width:120px;height:96px;animation-delay:-5s;bottom:13%;right:2%}.floating-card{z-index:3;aspect-ratio:.72;color:#f7f9f3;width:210px;animation:cardGlide 6.5s var(--ease) infinite;background:linear-gradient(115deg,#0000 0 34%,#ffffff38 35% 39%,#0000 40%),linear-gradient(145deg,#20241c,#444b37);border-radius:28px;flex-direction:column;justify-content:space-between;padding:22px;display:flex;position:absolute;bottom:11%;right:0;transform:rotate(12deg);box-shadow:0 30px 80px #17191547,inset 0 1px #fff3}.floating-card .theppy-icon{filter:drop-shadow(0 10px 18px #0000003d)}.floating-card strong{letter-spacing:-.04em;font-size:32px;line-height:.9}.marquee-band{background:var(--lux-ink);color:#f7f9f3;border-block:1px solid #1719151f;width:100%;display:flex;overflow:hidden}.marquee-band div{min-width:max-content;animation:24s linear infinite marquee;display:flex}.marquee-band span{color:#f7f9f3;letter-spacing:-.045em;white-space:nowrap;padding:22px clamp(24px,4vw,60px);font-size:clamp(1.4rem,3vw,3.2rem);font-weight:950}.drop-section,.flow-section,.culture-section,.kit-section,.final-cta{width:min(100% - 36px,1440px);margin:0 auto;padding:clamp(70px,10vw,150px) 0}.drop-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:clamp(28px,7vw,112px);margin-top:22px;display:grid}.sticky-copy{position:sticky;top:106px}.drop-section h2,.flow-section h2,.kit-copy h2,.final-cta h2{max-width:850px;font-size:clamp(3rem,6.2vw,7.6rem)}.drop-list{gap:22px;display:grid}.spot-card{min-height:260px;animation:riseIn .62s var(--ease) both;animation-delay:calc(var(--i) * .12s);transition:transform .26s var(--ease), box-shadow .26s var(--ease), border-color .26s var(--ease);border:1px solid #1719151f;border-radius:30px;padding:0;display:grid;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 28px 68px #17191514}.spot-card:hover{border-color:#b9ff167a;transform:translateY(-6px)rotate(-.5deg);box-shadow:0 34px 84px #17191529}.spot-card img{filter:saturate(.95)contrast(1.04);transition:transform .76s var(--ease), filter .32s var(--ease);position:absolute;inset:0}.spot-card:hover img{filter:saturate(1.08)contrast(1.06);transform:scale(1.055)}.spot-card-copy{z-index:1;flex-direction:column;justify-content:space-between;min-height:340px;padding:clamp(24px,4vw,42px);display:flex;position:relative}.spot-card span{color:currentColor;text-transform:uppercase;letter-spacing:.08em;background:#ffffff80;border-radius:999px;width:fit-content;padding:7px 10px;font-size:13px;font-weight:950}.spot-card h3{letter-spacing:-.045em;max-width:520px;margin:0;font-size:clamp(2.6rem,5vw,5.6rem);line-height:.86}.spot-card p{color:currentColor;opacity:.75;max-width:440px;margin:18px 0 0}.spot-card.green{color:#171915;background:#1a1d17}.spot-card.ink{color:#f7f9f3;background:#1a1d17}.spot-card.rose{color:#26121a;background:#26121a}.spot-card.rose img{object-position:center}.spot-card.green .spot-card-copy,.spot-card.rose .spot-card-copy{color:#f7f9f3;background:linear-gradient(90deg,#171915c2,#17191533)}.spot-card.ink .spot-card-copy{color:#f7f9f3;background:linear-gradient(90deg,#171915d1,#17191547)}.flow-section h2{margin-top:18px}.flow-line{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:48px;display:grid;position:relative}.flow-card{background:var(--lux-ink);isolation:isolate;cursor:pointer;min-height:430px;transition:transform .22s var(--ease), box-shadow .22s var(--ease), border-color .22s var(--ease);border:1px solid #1719151f;border-radius:28px;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 28px 70px #17191514}.flow-card:before{content:"";z-index:4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;width:44px;height:44px;transition:opacity .18s var(--ease), transform .18s var(--ease);background:radial-gradient(circle,#b9ff16eb 0 28%,#0000 30%),#17191557;border:1px solid #ffffff3d;border-radius:999px;position:absolute;top:20px;right:20px;transform:scale(.82)}.flow-card:hover,.flow-card:focus-visible{border-color:#b9ff168c;outline:none;transform:translateY(-6px);box-shadow:0 34px 90px #17191529}.flow-card:hover:before,.flow-card:focus-visible:before,.flow-card.is-active:before{opacity:1;transform:scale(1)}.flow-card-media{position:absolute;inset:0}.flow-card-media:after{z-index:2;content:"";background:linear-gradient(#1719150a,#1719153d 36%,#171915d4);position:absolute;inset:0}.flow-card-media img,.flow-card-media video{object-fit:cover;filter:saturate(1.04)contrast(1.04);width:100%;height:100%;transition:opacity .22s var(--ease), transform .62s var(--ease);position:absolute;inset:0;transform:scale(1.01)}.flow-card-media video{z-index:1;opacity:0}.flow-card.is-active .flow-card-media video{opacity:1}.flow-card.is-active .flow-card-media img{opacity:0}.flow-card:hover .flow-card-media img,.flow-card:hover .flow-card-media video,.flow-card:focus-visible .flow-card-media img,.flow-card:focus-visible .flow-card-media video{transform:scale(1.055)}.flow-card-copy{z-index:3;min-height:inherit;color:#f7f9f3;flex-direction:column;justify-content:flex-end;padding:clamp(20px,2.4vw,30px);display:flex;position:relative}.flow-card-copy span{color:#f7f9f3b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#17191557;border:1px solid #ffffff38;border-radius:999px;width:fit-content;padding:7px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;font-weight:900;position:absolute;top:clamp(18px,2vw,24px);left:clamp(20px,2.4vw,30px)}.flow-card-copy h3{color:#f7f9f3;letter-spacing:-.045em;text-shadow:0 8px 24px #00000038;margin:0;font-size:clamp(2.25rem,4vw,4.9rem);line-height:.9}.flow-card-copy p{color:#f7f9f3c7;max-width:300px;margin-top:18px;font-size:16px}.culture-section{grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);align-items:center;gap:clamp(34px,7vw,96px);display:grid}.culture-photo{background:#171915 url(/brand/theppy/theppy-nightlife.jpg) 50%/cover;border-radius:34px;min-height:640px;margin:0;position:relative;overflow:hidden;box-shadow:0 44px 100px #1719152e}.culture-photo img{filter:saturate(.9)contrast(1.08);object-position:center;transition:transform .9s var(--ease), filter .32s var(--ease);position:absolute;inset:0}.culture-photo:hover img{filter:saturate(1.05)contrast(1.1);transform:scale(1.045)}.culture-copy{color:#171915;background:linear-gradient(135deg,#b9e636f2,#b9e63673),#b9e636;border-radius:34px;flex-direction:column;justify-content:flex-end;min-height:520px;padding:clamp(30px,5vw,64px);display:flex;box-shadow:0 34px 80px #1719151a}.culture-copy h2{letter-spacing:-.045em;max-width:700px;margin:18px 0 0;font-size:clamp(3.2rem,6.4vw,7rem);line-height:.88}.culture-copy p:not(.eyebrow){color:#171915b8;max-width:620px;margin-top:24px;line-height:1.55}.kit-section{grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr);align-items:center;gap:clamp(34px,7vw,96px);display:grid}.poster-wall{grid-template-columns:1fr .88fr;align-items:end;gap:22px;min-height:620px;display:grid;position:relative}.poster{min-height:520px;transition:transform .26s var(--ease), box-shadow .26s var(--ease);border-radius:18px;flex-direction:column;justify-content:space-between;padding:30px;display:flex;box-shadow:0 40px 90px #17191529}.poster:hover{box-shadow:0 48px 110px #17191538}.poster strong{letter-spacing:-.045em;max-width:410px;font-size:clamp(3rem,6vw,7.2rem);line-height:.84}.poster span{background:#ffffff7a;border-radius:999px;width:fit-content;padding:8px 11px;font-weight:950}.poster-one{background:radial-gradient(circle at 80% 20%, #ffffff57, transparent 12rem), var(--lux-red);color:#fff7f1;transform:rotate(-2deg)}.poster-two{background:radial-gradient(circle at 78% 26%, #ffffff6b, transparent 10rem), radial-gradient(circle at 28% 78%, #1719152e, transparent 12rem), var(--lux-accent);color:#171915;min-height:430px;position:relative;overflow:hidden;transform:translateY(-54px)rotate(3deg)}.poster-one:hover{transform:rotate(-3deg)translateY(-8px)}.poster-two:hover{transform:translateY(-64px)rotate(2deg)}.poster-two>span,.poster-two>strong,.poster-two>small{z-index:3;position:relative}.poster-two>span{color:#171915;background:#f7f9f3b8}.poster-two>strong{color:#16314a;text-shadow:0 1px #ffffff47;max-width:310px}.poster-two>small{color:#171915ad;font-weight:950}.tap-phone-visual{z-index:1;aspect-ratio:.72;pointer-events:none;width:min(58%,230px);position:absolute;inset:18px 16px auto auto}.tap-phone{background:linear-gradient(#ffffffe0,#ffffff9e),#f7f9f3;border:10px solid #11140f;border-radius:34px;position:absolute;inset:18px 18px 0;transform:rotate(-7deg);box-shadow:0 28px 58px #17191533}.tap-phone:before{content:"";background:radial-gradient(circle at 50% 42%,#b9ff1694,#0000 7rem),linear-gradient(#f7f9f3,#e7efd5);border-radius:24px;position:absolute;inset:11px}.tap-phone-notch{z-index:2;background:#11140f;border-radius:999px;width:58px;height:14px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.tap-wallet-card{z-index:2;color:#f7f9f3;background:#171915;border-radius:18px;align-items:center;gap:10px;min-height:74px;padding:13px;display:flex;position:absolute;top:48px;left:20px;right:20px;box-shadow:0 18px 32px #17191529}.tap-wallet-card span{color:#f7f9f3;letter-spacing:-.02em;background:0 0;padding:0;font-size:16px}.tap-check{z-index:2;color:#171915;width:78px;height:78px;animation:checkPulse 2.2s var(--ease) infinite;background:#b9ff16;border:4px solid #1719151a;border-radius:999px;place-items:center;font-size:43px;font-weight:1000;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-18%);box-shadow:0 18px 34px #58700e42}.tap-progress{z-index:2;grid-template-columns:repeat(6,1fr);gap:7px;display:grid;position:absolute;bottom:26px;left:24px;right:24px}.tap-progress i{background:#1719151f;border-radius:999px;height:8px}.tap-progress i.active{background:#b9ff16}.tap-orbit{border:2px solid #ffffff8c;border-radius:999px;position:absolute;transform:rotate(-8deg)}.orbit-one{inset:0 0 24px}.orbit-two{border-color:#17191529;inset:26px 18px 58px}.kit-copy{align-self:center}.final-cta{padding-bottom:clamp(90px,12vw,170px)}.final-cta h2{max-width:1050px;margin-top:18px}.final-cta p{max-width:740px;font-size:clamp(1.05rem,1.4vw,1.28rem)}@keyframes phoneFloat{0%,to{transform:rotateX(8deg)rotateY(-17deg)rotate(4deg)translate(0,0)}50%{transform:rotateX(5deg)rotateY(-11deg)rotate(2deg)translateY(-14px)}}@keyframes cardGlide{0%,to{transform:rotate(12deg)translate(0,0)}50%{transform:rotate(8deg)translate(-12px,-16px)}}@keyframes drift{0%,to{transform:translate(0,0)rotate(0)}50%{transform:translate(18px,-22px)rotate(11deg)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}@media (max-width:1080px){.lux-hero,.drop-grid,.culture-section,.kit-section{grid-template-columns:1fr}.hero-stage{min-height:620px}.human-hero-card{width:min(48vw,360px);left:2%}.sticky-copy{position:static}.flow-line{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.brand-nav{align-items:flex-start;width:min(100% - 28px,1440px);padding-top:14px;position:relative}.nav-actions{display:none}.lux-hero,.drop-section,.flow-section,.culture-section,.kit-section,.final-cta{width:min(100% - 28px,1440px)}.hero-copy h1{font-size:clamp(4rem,22vw,6.7rem)}.drop-section h2,.flow-section h2,.culture-copy h2,.kit-copy h2,.final-cta h2{letter-spacing:-.06em;font-size:clamp(2.6rem,12vw,4.1rem);line-height:.98}.poster strong{letter-spacing:-.06em;font-size:clamp(2.7rem,13vw,4.5rem);line-height:.94}.hero-actions,.proof-strip{display:grid}.lux-button{width:100%}.hero-stage{min-height:690px;overflow:visible}.human-hero-card{border-radius:22px;width:min(58vw,270px);min-width:0;top:0;left:0}.human-hero-card figcaption{bottom:16px;left:16px;right:16px}.phone-shell{border-radius:48px;width:min(86vw,350px);margin-top:150px;transform:none}.phone-glass{border-radius:36px}.mini-pass{min-height:118px}.mini-pass strong{font-size:27px}.floating-card{border-radius:22px;width:148px;bottom:4%;right:2px}.flow-line{grid-template-columns:1fr}.flow-card{border-radius:24px;min-height:420px}.flow-card-copy h3{font-size:clamp(2.7rem,13vw,4.1rem)}.spot-card-copy{min-height:330px}.culture-photo,.culture-copy{border-radius:24px;min-height:430px}.poster-wall{grid-template-columns:1fr;min-height:0}.poster,.poster-two{min-height:380px;transform:none}}