:root{--cc-amber:#f4a340;--cc-amber-lt:#ffc46b;--cc-amber-dk:#d97706;--cc-ember:#ff8a3d;--cc-clay:#e8623c;--cc-green:#34a853;--cc-green-lt:#6ee7a0;--cc-green-dk:#166534;--cc-bg-0:#100c09;--cc-bg-1:#17110c;--cc-bg-2:#211710;--cc-bg-3:#2c1f16;--cc-ink:#fffaf4;--cc-ink-2:#fff6ebbd;--cc-ink-3:#fff6eb85;--cc-ink-4:#fff6eb57;--cc-glass:#fff0e00e;--cc-glass-2:#fff0e017;--cc-line:#ffe0be24;--cc-line-2:#ffe0be3d;--cc-grad-warm:linear-gradient(135deg, #ffc46b 0%, #f4a340 45%, #e8623c 100%);--cc-grad-gold:linear-gradient(120deg, #ffe3ae 0%, #f4a340 50%, #ffb35c 100%);--cc-grad-green:linear-gradient(135deg, #6ee7a0 0%, #34a853 55%, #15803d 100%);--cc-grad-cream:linear-gradient(135deg, #fff 0%, #fff3e0 100%);--cc-grad-ink:linear-gradient(180deg, #fff 0%, #ffd9a8 130%);--cc-sh-sm:0 2px 10px #0000004d;--cc-sh-md:0 14px 40px #0000006b;--cc-sh-lg:0 30px 80px #0000008c;--cc-glow-amber:0 0 0 1px #f4a34047, 0 12px 40px #f4a3403d;--cc-glow-green:0 0 0 1px #34a8534d, 0 12px 40px #34a8533d;--cc-r-sm:12px;--cc-r-md:16px;--cc-r-lg:22px;--cc-r-xl:28px;--cc-r-pill:999px;--cc-pad-page:clamp(16px, 4vw, 40px);--cc-gap:clamp(10px, 2.4vw, 16px);--cc-fs-h1:clamp(1.55rem, 1.05rem + 2.5vw, 2.9rem);--cc-fs-h2:clamp(1.05rem, .92rem + .7vw, 1.4rem);--cc-fs-lead:clamp(.94rem, .87rem + .45vw, 1.12rem);--cc-fs-body:clamp(.88rem, .83rem + .3vw, 1rem);--cc-fs-sm:clamp(.75rem, .72rem + .18vw, .85rem);--cc-sans:"Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--cc-display:Fraunces, "Source Sans 3", Georgia, serif;--cc-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--cc-ease:cubic-bezier(.22, 1, .36, 1);--cc-ease-io:cubic-bezier(.65, 0, .35, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100%;font-family:var(--cc-sans);font-size:var(--cc-fs-body);color:var(--cc-ink-2);background:var(--cc-bg-0);margin:0;line-height:1.6;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100dvh;display:flex}img,svg{max-width:100%}::selection{color:#fff;background:#f4a34059}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--cc-bg-0)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--cc-amber-dk), #6b3d16);border-radius:var(--cc-r-pill);border:2px solid var(--cc-bg-0)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, var(--cc-amber), var(--cc-amber-dk))}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--cc-amber);outline-offset:3px;border-radius:6px}@keyframes cc-aurora-a{0%,to{transform:translate(-8%,-6%)scale(1)}33%{transform:translate(12%,8%)scale(1.18)}66%{transform:translate(-4%,14%)scale(.92)}}@keyframes cc-aurora-b{0%,to{transform:translate(10%,10%)scale(1.05)}40%{transform:translate(-12%,-8%)scale(.9)}75%{transform:translate(6%,-14%)scale(1.22)}}@keyframes cc-aurora-c{0%,to{transform:translateY(6%)scale(1.1)rotate(0)}50%{transform:translate(-10%,-10%)scale(.95)rotate(180deg)}}@keyframes cc-fade-up{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes cc-fade-in{0%{opacity:0}to{opacity:1}}@keyframes cc-pop-in{0%{opacity:0;transform:scale(.72)translateY(10px)}60%{opacity:1;transform:scale(1.06)translateY(0)}to{opacity:1;transform:scale(1)}}@keyframes cc-slide-right{0%{opacity:0;transform:translate(-26px)}to{opacity:1;transform:none}}@keyframes cc-float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes cc-steam{0%{opacity:0;transform:translateY(4px)scaleY(.7)}35%{opacity:.9}to{opacity:0;transform:translateY(-12px)scaleY(1.25)}}@keyframes cc-shimmer{0%{transform:translate(-130%)skew(-18deg)}to{transform:translate(230%)skew(-18deg)}}@keyframes cc-gradient-pan{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes cc-spin{to{transform:rotate(360deg)}}@keyframes cc-glow-pulse{0%,to{box-shadow:0 0 #f4a34057,0 10px 34px #f4a3402e}50%{box-shadow:0 0 0 16px #f4a34000,0 16px 46px #f4a3404d}}@keyframes cc-bean-drift{0%{opacity:0;transform:translateY(18vh)rotate(0)}10%,85%{opacity:.5}to{opacity:0;transform:translate(6vw,-110vh)rotate(420deg)}}@keyframes cc-caret{0%,to{opacity:1}50%{opacity:.25}}.cc-reveal{opacity:0;animation:cc-fade-up .85s var(--cc-ease) forwards}.cc-gradient-text{background:var(--cc-grad-gold);color:#0000;background-size:220% 220%;-webkit-background-clip:text;background-clip:text;animation:7s ease-in-out infinite cc-gradient-pan}.cc-aurora{pointer-events:none;z-index:0;position:fixed;inset:-25%}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.cc-reveal{opacity:1}}@media (prefers-contrast:more){:root{--cc-ink-2:#fffaf4eb;--cc-ink-3:#fffaf4c7;--cc-line:#ffe0be57}}.referral-page{--accent:var(--cc-amber);isolation:isolate;min-height:100dvh;padding:clamp(20px, 5vw, 56px) var(--cc-pad-page);padding-top:max(clamp(20px, 5vw, 56px), env(safe-area-inset-top));padding-bottom:max(clamp(20px, 5vw, 56px), env(safe-area-inset-bottom));font-family:var(--cc-sans);color:var(--cc-ink-2);background:radial-gradient(120% 80% at 50% -20%,#3a2415 0%,#0000 60%),radial-gradient(90% 70% at 100% 110%,#12291b 0%,#0000 55%),linear-gradient(170deg,#1a1209 0%,#120d08 45%,#0d0906 100%);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.referral-page *,.referral-page :before,.referral-page :after{box-sizing:border-box}.referral-page:before{content:"";z-index:0;pointer-events:none;filter:blur(30px);animation:cc-aurora-a 22s var(--cc-ease-io) infinite;will-change:transform;background:radial-gradient(circle at 22% 28%,#f4a3404d 0%,#0000 42%),radial-gradient(circle at 78% 68%,#34a85338 0%,#0000 44%),radial-gradient(circle at 55% 92%,#e8623c33 0%,#0000 40%);position:absolute;inset:-30%}.referral-page:after{content:"";z-index:0;pointer-events:none;filter:blur(50px);animation:cc-aurora-b 29s var(--cc-ease-io) infinite;will-change:transform;background:radial-gradient(circle at 70% 20%,#ffc46b29 0%,#0000 38%),radial-gradient(circle at 15% 80%,#6ee7a021 0%,#0000 36%);position:absolute;inset:-40%}.referral-container{z-index:2;text-align:center;border-radius:var(--cc-r-xl);border:1px solid var(--cc-line);width:100%;max-width:440px;box-shadow:var(--cc-sh-lg), inset 0 1px 0 #ffffff14;-webkit-backdrop-filter:blur(22px)saturate(140%);opacity:0;animation:cc-fade-up .9s var(--cc-ease) 50ms forwards;background:linear-gradient(165deg,#fff0e016 0%,#fff0e008 55%,#fff0e00e 100%);padding:clamp(26px,5.5vw,44px) clamp(20px,4.5vw,38px) clamp(24px,5vw,38px);position:relative}.referral-container:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;opacity:.75;background:conic-gradient(#0000 0deg,#f4a340d9 55deg,#0000 130deg 230deg,#6ee7a099 290deg,#0000 360deg);padding:1px;animation:12s linear infinite cc-spin;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.referral-container .icon-circle{aspect-ratio:1;border:1px solid var(--cc-line-2);opacity:0;width:clamp(78px,20vw,104px);animation:cc-pop-in .75s var(--cc-ease) .15s forwards, cc-float 6s ease-in-out 1s infinite, cc-glow-pulse 3.8s ease-in-out 1s infinite;background:radial-gradient(circle at 32% 28%,#ffd69647,#0000 62%),linear-gradient(150deg,#fff0e024,#fff0e00a);border-radius:50%;place-items:center;margin:0 auto clamp(18px,3.5vw,26px);display:grid;position:relative}.referral-container .icon-circle:before,.referral-container .icon-circle:after{content:"";border-radius:var(--cc-r-pill);pointer-events:none;background:linear-gradient(#0000,#ffd696bf);width:3px;height:16px;animation:2.6s ease-out infinite cc-steam;position:absolute;top:12%}.referral-container .icon-circle:before{left:40%}.referral-container .icon-circle:after{animation-delay:1.1s;left:56%}.referral-container .icon-circle svg{filter:drop-shadow(0 4px 12px #f4a34080);width:50%;height:50%}.referral-container h1{font-family:var(--cc-display);font-size:var(--cc-fs-h1);letter-spacing:-.025em;background:var(--cc-grad-ink);color:#0000;text-wrap:balance;opacity:0;animation:cc-fade-up .8s var(--cc-ease) .22s forwards;-webkit-background-clip:text;background-clip:text;margin:0 0 clamp(10px,2vw,14px);font-weight:600;line-height:1.14;position:relative}.referral-container .subtitle{font-size:var(--cc-fs-lead);color:var(--cc-ink-3);text-wrap:pretty;opacity:0;max-width:34ch;animation:cc-fade-up .8s var(--cc-ease) .3s forwards;margin:0 auto clamp(22px,4.5vw,34px);line-height:1.55}.code-card{border-radius:var(--cc-r-lg);opacity:0;animation:cc-fade-up .8s var(--cc-ease) .38s forwards;background:linear-gradient(135deg,#f4a34024 0%,#e8623c12 100%),#fff0e00a;border:1px solid #f4a34047;justify-content:space-between;align-items:center;gap:clamp(10px,2.5vw,16px);margin-bottom:clamp(20px,4vw,30px);padding:clamp(14px,3vw,20px) clamp(16px,3.2vw,22px);display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff12,0 10px 30px #00000047}.code-card:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffeccd38,#0000);width:45%;height:100%;animation:4.5s ease-in-out 1.4s infinite cc-shimmer;position:absolute;top:0;left:0}.code-card .label{z-index:1;text-align:left;min-width:0;position:relative}.code-card .label small{letter-spacing:.14em;text-transform:uppercase;color:var(--cc-ink-4);margin-bottom:4px;font-size:clamp(.62rem,.58rem + .2vw,.72rem);font-weight:600;display:block}.code-card .code-text{font-family:var(--cc-mono);letter-spacing:.12em;word-break:break-all;background:var(--cc-grad-gold);color:#0000;background-size:220% 220%;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.1rem,.9rem + 1vw,1.5rem);font-weight:700;line-height:1.2;animation:5s ease-in-out infinite cc-gradient-pan;display:block}.copy-btn{z-index:1;font-family:inherit;font-size:var(--cc-fs-sm);letter-spacing:.02em;color:#2a1608;border-radius:var(--cc-r-sm);cursor:pointer;white-space:nowrap;background:var(--cc-grad-warm);transition:transform .25s var(--cc-ease), box-shadow .25s var(--cc-ease), background-position .5s var(--cc-ease);background-size:180% 180%;border:none;flex-shrink:0;padding:11px 20px;font-weight:700;position:relative;box-shadow:0 6px 18px #f4a34057}.copy-btn:hover{background-position:100%;transform:translateY(-2px);box-shadow:0 10px 26px #f4a3407a}.copy-btn:active{transform:translateY(0)scale(.96);box-shadow:0 4px 12px #f4a34057}.store-buttons{gap:var(--cc-gap);opacity:0;animation:cc-fade-up .8s var(--cc-ease) .46s forwards;flex-direction:column;display:flex}.store-btn{border-radius:var(--cc-r-md);letter-spacing:-.01em;cursor:pointer;min-height:52px;transition:transform .28s var(--cc-ease), box-shadow .28s var(--cc-ease), filter .28s var(--cc-ease);justify-content:center;align-items:center;gap:10px;padding:14px clamp(16px,3vw,22px);font-size:clamp(.9rem,.84rem + .3vw,1.02rem);font-weight:700;text-decoration:none;display:flex;position:relative;overflow:hidden;transform:translateZ(0)}.store-btn:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff73,#0000);width:40%;height:100%;position:absolute;top:0;left:0;transform:translate(-130%)skew(-18deg)}.store-btn:hover:after{animation:cc-shimmer .9s var(--cc-ease-io)}.store-btn:hover{filter:saturate(115%);transform:translateY(-3px)}.store-btn:active{transform:translateY(0)scale(.975)}.apple-btn{color:#1a1109;background:var(--cc-grad-cream);box-shadow:0 8px 26px #0006,inset 0 -2px #0000000f}.apple-btn:hover{box-shadow:0 14px 38px #fff3e03d,inset 0 -2px #0000000f}.google-btn{color:#04220f;background:var(--cc-grad-green);box-shadow:0 8px 26px #34a85352,inset 0 -2px #0000001f}.google-btn:hover{box-shadow:0 14px 38px #34a85375,inset 0 -2px #0000001f}.store-btn svg{width:20px;height:20px;transition:transform .3s var(--cc-ease);flex-shrink:0}.store-btn:hover svg{transform:scale(1.14)rotate(-4deg)}.disabled-btn{opacity:.9}.disabled-btn:before{content:"SOON";letter-spacing:.12em;border-radius:var(--cc-r-pill);color:inherit;opacity:.65;pointer-events:none;background:#1a110929;padding:2px 6px;font-size:8.5px;font-weight:800;position:absolute;top:6px;right:8px}.referral-container .footer-note{max-width:36ch;font-size:var(--cc-fs-sm);color:var(--cc-ink-4);text-wrap:pretty;opacity:0;margin:clamp(20px,4vw,28px) auto 0;line-height:1.6;animation:.9s .6s forwards cc-fade-in}.howitworks-link{font-size:var(--cc-fs-sm);color:var(--cc-amber-lt);opacity:0;transition:color .25s var(--cc-ease);margin-top:clamp(12px,2.5vw,18px);padding-bottom:3px;font-weight:700;text-decoration:none;animation:.9s .68s forwards cc-fade-in;display:inline-block;position:relative}.howitworks-link:after{content:"";border-radius:var(--cc-r-pill);background:var(--cc-grad-warm);transform-origin:100%;width:100%;height:1.5px;transition:transform .35s var(--cc-ease);position:absolute;bottom:0;left:0;transform:scaleX(0)}.howitworks-link:hover{color:#ffd9a8}.howitworks-link:hover:after{transform-origin:0;transform:scaleX(1)}.howitworks-link:active{opacity:.75}.toast{left:50%;bottom:max(28px, env(safe-area-inset-bottom));z-index:1000;border-radius:var(--cc-r-md);color:#fff;max-width:min(420px,100% - 32px);font-size:var(--cc-fs-sm);box-shadow:var(--cc-sh-md), inset 0 1px 0 #ffffff24;-webkit-backdrop-filter:blur(12px);opacity:0;pointer-events:none;transition:opacity .35s var(--cc-ease), transform .45s var(--cc-ease);background:linear-gradient(135deg,#2c1f16 0%,#3d2a1a 100%);border:1px solid #ffffff2e;align-items:center;gap:10px;padding:13px 22px;font-weight:600;line-height:1.45;display:inline-flex;position:fixed;transform:translate(-50%)translateY(24px)scale(.94)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)scale(1)}.toast-icon{background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;display:inline-flex}.toast.show .toast-icon{animation:cc-pop-in .5s var(--cc-ease) .1s backwards}.toast-success{background:var(--cc-grad-green);color:#04220f;box-shadow:var(--cc-glow-green), var(--cc-sh-md);border-color:#ffffff4d}.toast-success .toast-icon{background:#04220f29}.toast-info{background:var(--cc-grad-warm);color:#2a1608;box-shadow:var(--cc-glow-amber), var(--cc-sh-md);border-color:#ffffff4d}.toast-info .toast-icon{background:#2a160829}@media (width<=380px){.referral-container{border-radius:var(--cc-r-lg)}.code-card{flex-direction:column;align-items:stretch}.code-card .label{text-align:center}.copy-btn{width:100%;padding:13px 16px}.store-btn{gap:8px;font-size:.9rem}}@media (width<=480px){.toast{text-align:center;justify-content:center;width:calc(100% - 32px);max-width:none;left:16px;right:16px;transform:translateY(24px)scale(.94)}.toast.show{transform:translateY(0)scale(1)}}@media (height<=520px) and (orientation:landscape){.referral-page{align-items:flex-start}.icon-circle{width:62px;margin-bottom:12px}.referral-container .subtitle{margin-bottom:18px}.store-buttons{flex-direction:row}.store-btn{flex:1 1 0;min-width:0}}@media (width>=768px){.referral-container{max-width:520px}}@media (width>=1024px){.referral-container{max-width:580px}.store-buttons{flex-direction:row}.store-btn{text-align:center;flex:1 1 0;min-width:0}}@media (width>=1600px){.referral-container{max-width:680px}}@media (hover:none){.store-btn:hover,.copy-btn:hover{transform:none}}.howitworks-page{--accent:var(--cc-amber);isolation:isolate;min-height:100dvh;padding:clamp(20px, 5vw, 56px) var(--cc-pad-page);padding-top:max(clamp(24px, 5vw, 56px), env(safe-area-inset-top));padding-bottom:max(clamp(24px, 5vw, 56px), env(safe-area-inset-bottom));font-family:var(--cc-sans);color:var(--cc-ink-2);background:radial-gradient(120% 80% at 50% -20%,#3a2415 0%,#0000 60%),radial-gradient(90% 70% at 0 110%,#12291b 0%,#0000 55%),linear-gradient(170deg,#1a1209 0%,#120d08 45%,#0d0906 100%);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.howitworks-page *,.howitworks-page :before,.howitworks-page :after{box-sizing:border-box}.howitworks-page:before{content:"";z-index:0;pointer-events:none;filter:blur(32px);animation:cc-aurora-b 24s var(--cc-ease-io) infinite;will-change:transform;background:radial-gradient(circle at 76% 24%,#f4a34047 0%,#0000 42%),radial-gradient(circle at 20% 72%,#34a85333 0%,#0000 44%),radial-gradient(circle at 50% 100%,#e8623c2e 0%,#0000 40%);position:absolute;inset:-30%}.howitworks-page:after{content:"";z-index:0;pointer-events:none;filter:blur(52px);animation:cc-aurora-c 32s var(--cc-ease-io) infinite;will-change:transform;background:radial-gradient(circle at 30% 15%,#ffc46b24 0%,#0000 38%),radial-gradient(circle at 85% 85%,#6ee7a01f 0%,#0000 36%);position:absolute;inset:-40%}.howitworks-container{z-index:2;text-align:center;border-radius:var(--cc-r-xl);border:1px solid var(--cc-line);width:100%;max-width:480px;box-shadow:var(--cc-sh-lg), inset 0 1px 0 #ffffff14;-webkit-backdrop-filter:blur(22px)saturate(140%);opacity:0;animation:cc-fade-up .9s var(--cc-ease) 50ms forwards;background:linear-gradient(165deg,#fff0e016 0%,#fff0e008 55%,#fff0e00e 100%);padding:clamp(26px,5.5vw,46px) clamp(20px,4.5vw,40px) clamp(24px,5vw,40px);position:relative}.howitworks-container:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;opacity:.7;background:conic-gradient(from 180deg,#0000 0deg,#f4a340cc 55deg,#0000 130deg 230deg,#6ee7a08c 290deg,#0000 360deg);padding:1px;animation:14s linear infinite cc-spin;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.howitworks-container .icon-circle{aspect-ratio:1;border:1px solid var(--cc-line-2);opacity:0;width:clamp(74px,19vw,100px);animation:cc-pop-in .75s var(--cc-ease) .15s forwards, cc-float 6.5s ease-in-out 1s infinite, cc-glow-pulse 4s ease-in-out 1s infinite;background:radial-gradient(circle at 32% 28%,#ffd69647,#0000 62%),linear-gradient(150deg,#fff0e024,#fff0e00a);border-radius:50%;place-items:center;margin:0 auto clamp(18px,3.5vw,26px);display:grid;position:relative}.howitworks-container .icon-circle:before,.howitworks-container .icon-circle:after{content:"";border-radius:var(--cc-r-pill);pointer-events:none;background:linear-gradient(#0000,#ffd696bf);width:3px;height:15px;animation:2.8s ease-out infinite cc-steam;position:absolute;top:12%}.howitworks-container .icon-circle:before{left:40%}.howitworks-container .icon-circle:after{animation-delay:1.2s;left:56%}.howitworks-container .icon-circle svg{filter:drop-shadow(0 4px 12px #f4a34080);width:50%;height:50%}.howitworks-container h1{font-family:var(--cc-display);font-size:var(--cc-fs-h1);letter-spacing:-.025em;background:var(--cc-grad-ink);color:#0000;text-wrap:balance;opacity:0;animation:cc-fade-up .8s var(--cc-ease) .22s forwards;-webkit-background-clip:text;background-clip:text;margin:0 0 clamp(10px,2vw,14px);font-weight:600;line-height:1.14}.howitworks-container .subtitle{font-size:var(--cc-fs-lead);color:var(--cc-ink-3);text-wrap:pretty;opacity:0;max-width:42ch;animation:cc-fade-up .8s var(--cc-ease) .3s forwards;margin:0 auto clamp(22px,4.5vw,34px);line-height:1.6}.steps{gap:var(--cc-gap);text-align:left;flex-direction:column;margin-bottom:clamp(20px,4vw,30px);display:flex;position:relative}.steps:before{content:"";border-radius:var(--cc-r-pill);opacity:0;transform-origin:top;pointer-events:none;background:linear-gradient(#f4a3408c,#6ee7a066);width:2px;animation:1.2s .9s forwards cc-fade-in;position:absolute;top:34px;bottom:34px;left:clamp(30px,3.4vw,34px)}.step{z-index:1;border-radius:var(--cc-r-lg);border:1px solid var(--cc-line);opacity:0;animation:cc-slide-right .75s var(--cc-ease) forwards;transition:transform .35s var(--cc-ease), border-color .35s var(--cc-ease), box-shadow .35s var(--cc-ease), background .35s var(--cc-ease);background:linear-gradient(150deg,#fff0e013 0%,#fff0e007 100%);gap:clamp(12px,2.6vw,16px);padding:clamp(14px,3vw,20px) clamp(15px,3.2vw,22px);display:flex;position:relative;box-shadow:inset 0 1px #ffffff0f}.step:first-child{animation-delay:.4s}.step:nth-child(2){animation-delay:.54s}.step:nth-child(3){animation-delay:.68s}.step:nth-child(4){animation-delay:.82s}.step:nth-child(5){animation-delay:.96s}.step:hover{background:linear-gradient(150deg,#f4a3401f 0%,#fff0e009 100%);border-color:#f4a34066;transform:translate(5px);box-shadow:inset 0 1px #ffffff14,0 10px 28px #0000004d}.step-number{aspect-ratio:1;width:clamp(30px,7vw,36px);font-family:var(--cc-display);color:#2a1608;background:var(--cc-grad-warm);transition:transform .35s var(--cc-ease), box-shadow .35s var(--cc-ease);background-size:180% 180%;border-radius:50%;flex-shrink:0;place-items:center;font-size:clamp(.82rem,.75rem + .3vw,.95rem);font-weight:700;display:grid;box-shadow:0 6px 18px #f4a34057,0 0 0 4px #f4a3401a}.step:hover .step-number{transform:scale(1.12)rotate(-6deg);box-shadow:0 8px 24px #f4a34080,0 0 0 6px #f4a34024}.step-text{min-width:0}.step-text h3{font-family:var(--cc-display);letter-spacing:-.01em;color:var(--cc-ink);text-wrap:balance;margin:0 0 5px;font-size:clamp(.94rem,.87rem + .35vw,1.1rem);font-weight:600;line-height:1.3}.step-text p{font-size:var(--cc-fs-body);color:var(--cc-ink-3);text-wrap:pretty;margin:0;line-height:1.6}.howitworks-container .footer-note{max-width:42ch;font-size:var(--cc-fs-sm);color:var(--cc-ink-4);text-wrap:pretty;opacity:0;margin:0 auto clamp(16px,3vw,22px);line-height:1.6;animation:.9s 1s forwards cc-fade-in}.back-link{border-radius:var(--cc-r-pill);font-size:var(--cc-fs-sm);color:var(--cc-amber-lt);opacity:0;animation:cc-fade-up .8s var(--cc-ease) 1.08s forwards;transition:color .28s var(--cc-ease), background .28s var(--cc-ease), border-color .28s var(--cc-ease), transform .28s var(--cc-ease), box-shadow .28s var(--cc-ease);background:#f4a34014;border:1px solid #f4a34057;align-items:center;gap:7px;padding:10px 22px;font-weight:700;text-decoration:none;display:inline-flex;position:relative}.back-link:before{content:"←";transition:transform .28s var(--cc-ease);font-size:1em}.back-link:hover{color:#2a1608;background:var(--cc-grad-warm);border-color:#0000;transform:translateY(-2px);box-shadow:0 10px 26px #f4a3406b}.back-link:hover:before{transform:translate(-4px)}.back-link:active{transform:translateY(0)scale(.97)}@media (width<=380px){.howitworks-container{border-radius:var(--cc-r-lg)}.steps:before{display:none}}@media (height<=520px) and (orientation:landscape){.howitworks-page{align-items:flex-start}.howitworks-container .icon-circle{width:60px;margin-bottom:12px}.howitworks-container .subtitle{margin-bottom:18px}}@media (width>=768px){.howitworks-container{max-width:560px}}@media (width>=1024px){.howitworks-container{max-width:900px}.steps{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(14px,1.6vw,20px);display:grid}.steps:before{display:none}.step{flex-direction:column;gap:14px}.step:hover{transform:translateY(-6px)}}@media (width>=1600px){.howitworks-container{max-width:1040px}}@media (hover:none){.step:hover,.back-link:hover{transform:none}}