@layer reset,base,components,utilities;@layer reset{*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;scrollbar-gutter:stable}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit;border:none;background:none}button{cursor:pointer}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{text-wrap:balance}p{text-wrap:pretty}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:1px;-webkit-text-decoration-skip-ink:all;text-decoration-skip-ink:all}ul,ol{list-style:none}}:root{--font-sans: "Libre Franklin", ui-sans-serif, system-ui, sans-serif;--font-serif: "Lora", ui-serif, Georgia, serif;--font-mono: ui-monospace, "SF Mono", Monaco, "Courier New", monospace;--warm-cream: #fdfbf7;--warm-cream-deep: #faf7f0;--warm-surface: #f5f2ed;--warm-border: #e8e4dc;--warm-border-strong: #d9d4ca;--warm-100: #f0ece5;--warm-200: #e0dbd2;--warm-300: #c7bfb4;--warm-400: #a89f94;--warm-500: #7a7067;--warm-600: #5c524a;--warm-700: #463d36;--warm-800: #2e2520;--warm-text: #1f1a14;--accent: hsl(20, 90%, 58%);--accent-subtle: hsl(20, 70%, 95%);--accent-dark: hsl(20, 85%, 48%);--accent2: hsl(175, 65%, 42%);--accent2-subtle: hsl(175, 40%, 94%);--accent2-dark: hsl(175, 60%, 32%);--shop-fallback-subtle: #f3f0ed;--shop-fallback-base: #c6ad95;--shop-fallback: #b98046;--green-50: #f0fdf4;--green-100: #dcfce7;--green-200: #bbf7d0;--green-400: #4ade80;--green-500: #22c55e;--green-600: #16a34a;--green-700: #15803d;--green-800: #166534;--red-50: #fef2f2;--red-100: #fee2e2;--red-200: #fecaca;--red-300: #fca5a5;--red-400: #f87171;--red-500: #ef4444;--red-600: #dc2626;--red-700: #b91c1c;--yellow-50: #fefce8;--yellow-200: #fef08a;--yellow-800: #854d0e;--amber-600: #d97706;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-20: 5rem;--radius-xs: .25rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-card: 0 1px 2px rgba(0, 0, 0, .04), 0 4px 12px rgba(0, 0, 0, .06), 0 8px 24px rgba(0, 0, 0, .04);--shadow-icon: 0 2px 8px rgba(0, 0, 0, .04), 0 4px 16px rgba(0, 0, 0, .06);--z-modal: 50;--z-toast: 100;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--ease-spring: cubic-bezier(.22, 1.2, .36, 1);--ease-out: cubic-bezier(.33, 1, .68, 1);--duration-fast: .15s;--duration-normal: .2s;--duration-slow: .3s}@font-face{font-family:Libre Franklin;font-style:normal;font-weight:400;font-display:swap;src:url(../../../fonts/LibreFranklin-400.woff2) format("woff2")}@font-face{font-family:Libre Franklin;font-style:italic;font-weight:400;font-display:swap;src:url(../../../fonts/LibreFranklin-400i.woff2) format("woff2")}@font-face{font-family:Libre Franklin;font-style:normal;font-weight:500;font-display:swap;src:url(../../../fonts/LibreFranklin-500.woff2) format("woff2")}@font-face{font-family:Libre Franklin;font-style:italic;font-weight:500;font-display:swap;src:url(../../../fonts/LibreFranklin-500i.woff2) format("woff2")}@font-face{font-family:Libre Franklin;font-style:normal;font-weight:600;font-display:swap;src:url(../../../fonts/LibreFranklin-600.woff2) format("woff2")}@font-face{font-family:Libre Franklin;font-style:normal;font-weight:700;font-display:swap;src:url(../../../fonts/LibreFranklin-700.woff2) format("woff2")}@font-face{font-family:Lora;font-style:normal;font-weight:400;font-display:swap;src:url(../../../fonts/Lora-400.woff2) format("woff2")}@font-face{font-family:Lora;font-style:italic;font-weight:400;font-display:swap;src:url(../../../fonts/Lora-400i.woff2) format("woff2")}@font-face{font-family:Lora;font-style:normal;font-weight:500;font-display:swap;src:url(../../../fonts/Lora-500.woff2) format("woff2")}@font-face{font-family:Lora;font-style:italic;font-weight:500;font-display:swap;src:url(../../../fonts/Lora-500i.woff2) format("woff2")}@font-face{font-family:Lora;font-style:normal;font-weight:600;font-display:swap;src:url(../../../fonts/Lora-600.woff2) format("woff2")}@layer base{html{min-height:100%;background:linear-gradient(180deg,var(--warm-cream) 0%,var(--warm-cream-deep) 100%) fixed;scrollbar-gutter:stable}html:after{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.04;pointer-events:none;z-index:-1}body{font-family:var(--font-sans);color:var(--warm-text)}::-moz-selection{background:color-mix(in srgb,var(--shop-color, var(--shop-fallback-base)) 25%,transparent)}::selection{background:color-mix(in srgb,var(--shop-color, var(--shop-fallback-base)) 25%,transparent)}}@layer components{.form-card{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-7) var(--space-6);box-shadow:var(--shadow-card)}.shop-card{background:#fff;border:1px solid var(--warm-border);border-radius:var(--radius-xl)}.scrollable-tabs{display:flex;gap:2px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.scrollable-tabs::-webkit-scrollbar{display:none}.scrollable-tabs>*{flex:1;flex-shrink:0;white-space:nowrap}@media(max-width:480px){.scrollable-tabs>*{flex:none}}.form-field{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--text-sm);font-weight:600;color:var(--warm-700)}.form-input{width:100%;padding:14px 16px;font-family:var(--font-sans);font-size:var(--text-base);background:var(--warm-cream);border:2px solid var(--warm-border);border-radius:var(--radius-lg);outline:none;transition:border-color var(--duration-fast) ease,background var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.form-input::-moz-placeholder{color:var(--warm-400)}.form-input::placeholder{color:var(--warm-400)}.form-input:focus{background:#fff;border-color:var(--warm-700);box-shadow:0 0 0 3px #463d361f}.form-hint{font-size:var(--text-xs);color:var(--warm-500)}.error-message{padding:var(--space-3) var(--space-4);background:var(--red-50);border:1px solid var(--red-200);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--red-600)}.success-banner{background:var(--green-50);border:1px solid var(--green-200);border-radius:var(--radius-lg);padding:14px 18px;text-align:center;color:var(--green-800);font-size:var(--text-base)}.btn{--btn-depth: 3px;display:inline-block;font-family:var(--font-sans);font-size:var(--btn-font-size, var(--text-base));font-weight:600;line-height:1;color:var(--btn-color, white);background:var(--btn-bg, var(--accent));border:none;border-radius:var(--radius-lg);padding:var(--btn-padding, var(--space-3) var(--space-5));cursor:pointer;text-decoration:none;text-align:center;transform:translateY(0);box-shadow:0 var(--btn-depth) 0 var(--btn-shadow, var(--accent-dark)),0 4px 10px #0000001a;transition:transform .15s cubic-bezier(.22,1.2,.36,1),box-shadow .15s cubic-bezier(.22,1.2,.36,1)}.btn:hover{transform:translateY(-1px);box-shadow:0 calc(var(--btn-depth) + 1px) 0 var(--btn-shadow, var(--accent-dark)),0 6px 14px #0000001f}.btn:active{transform:translateY(1px);box-shadow:0 2px 0 var(--btn-shadow, var(--accent-dark)),0 2px 6px #00000014}.btn:focus-visible{outline:2px solid var(--btn-shadow, var(--accent-dark));outline-offset:3px}.btn-primary{--btn-bg: var(--accent);--btn-shadow: var(--accent-dark)}.btn-secondary{--btn-bg: var(--accent2);--btn-shadow: var(--accent2-dark)}.btn-white{--btn-bg: white;--btn-color: var(--warm-700);--btn-shadow: var(--warm-300)}.btn-lg{--btn-padding: var(--space-4) var(--space-8)}.btn-sm{--btn-font-size: var(--text-sm);--btn-padding: var(--space-2) var(--space-4)}.divider{width:48px;height:3px;border:none;background:var(--warm-200);margin:0 auto var(--space-10)}.cta-section{padding:var(--space-8) var(--space-6);background:var(--accent-subtle);border-radius:var(--radius-2xl);text-align:center}.cta-section .section-heading{margin-bottom:var(--space-4)}.cta-section .body-text{max-width:420px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);margin-top:var(--space-6);margin-bottom:var(--space-4)}@media(min-width:541px){.cta-buttons{flex-direction:row;justify-content:center;flex-wrap:wrap}}.feature-card{display:flex;gap:var(--space-3);padding:var(--space-5);background:#fff;border-radius:var(--radius-xl);border:1px solid var(--warm-100)}.feature-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border-radius:var(--radius-md);background:var(--accent2-subtle);color:var(--accent2-dark)}.feature-body{display:flex;flex-direction:column;gap:var(--space-1)}.feature-title{font-size:var(--text-base);font-weight:700;color:var(--warm-800);line-height:1.3;text-wrap:balance}.feature-text{font-size:var(--text-sm);line-height:1.55;color:var(--warm-600)}.feature-card--column{flex-direction:column;text-align:left}.feature-card--column .feature-icon{margin-bottom:var(--space-1)}.faq-list{display:flex;flex-direction:column}.faq-item{interpolate-size:allow-keywords;border-bottom:1px solid var(--warm-100)}.faq-item:first-child{border-top:1px solid var(--warm-100)}.faq-item::details-content{height:0;overflow:clip;opacity:0;transition:height var(--duration-slow) var(--ease-out),opacity var(--duration-normal) ease,content-visibility var(--duration-slow) allow-discrete}.faq-item[open]::details-content{height:auto;opacity:1}@starting-style{.faq-item[open]::details-content{height:0;opacity:0}}.faq-question{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) 0;font-size:var(--text-base);font-weight:600;color:var(--warm-800);cursor:pointer;list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--duration-fast) ease}.faq-question:hover{color:var(--accent2-dark)}.faq-question::-webkit-details-marker{display:none}.faq-question::marker{display:none}.faq-chevron{flex-shrink:0;width:18px;height:18px;border-radius:var(--radius-full);background:var(--warm-100);display:flex;align-items:center;justify-content:center;transition:background var(--duration-fast) ease}.faq-chevron svg{width:10px;height:10px;stroke:var(--warm-500);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;fill:none;transition:transform var(--duration-normal) var(--ease-spring)}details[open] .faq-chevron{background:var(--accent2-subtle)}details[open] .faq-chevron svg{transform:rotate(180deg)}.faq-answer{font-size:var(--text-base);line-height:1.7;color:var(--warm-600);padding-bottom:var(--space-5);margin:0}@media(prefers-reduced-motion:reduce){.faq-item::details-content{transition:none}.faq-chevron,.faq-chevron svg{transition:none}.faq-question{transition:none}}.code-input{padding:14px;text-align:center;font-size:var(--text-2xl);font-weight:600;font-family:var(--font-mono, monospace);letter-spacing:.15em}.resend-button{padding:var(--space-2) var(--space-4);color:var(--warm-600);font-size:var(--text-sm);font-weight:500;background:transparent;border:none;cursor:pointer;text-decoration:underline;text-underline-offset:2px;transition:color .15s ease}.resend-button:hover:not(:disabled){color:var(--shop-color, var(--warm-800))}.resend-button:disabled{opacity:.5;cursor:not-allowed}.action-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--radius-lg);transition:all var(--duration-fast) ease}.action-btn:active{transform:scale(.95)}.action-btn-muted{background:var(--warm-surface);color:var(--warm-600)}.action-btn-muted:hover{background:var(--warm-border)}.action-btn-primary{background:var(--shop-color, var(--shop-fallback));color:#fff}.action-btn-primary:hover{background:color-mix(in srgb,var(--shop-color, var(--shop-fallback)) 85%,black)}.action-btn-danger{background:var(--red-50);color:var(--red-600)}.action-btn-danger:hover{background:var(--red-100)}}@layer utilities{.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.animate-accordion-down{animation:accordion-down .2s ease-out}.animate-toast-in{animation:toast-in .3s ease-out}.animate-scan-line{position:absolute;left:12%;right:12%;animation:scan-line 2s ease-in-out infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.spinner{animation:spin 1s linear infinite}}.glass{backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%);background:var(--glass-bg, rgba(255, 255, 255, .15));border:1px solid var(--glass-border-color, rgba(255, 255, 255, .25));box-shadow:inset 0 1px 0 0 var(--glass-highlight, rgba(255, 255, 255, .3)),0 1px 3px 0 var(--glass-shadow, rgba(0, 0, 0, .04))}::view-transition-old(root){animation:fade-out .15s ease-out}::view-transition-new(root){animation:fade-in .2s ease-out}::view-transition-group(site-logo){animation-duration:.5s;animation-timing-function:cubic-bezier(.22,1.2,.36,1)}::view-transition-image-pair(site-logo){isolation:auto}::view-transition-old(site-logo){animation-name:fade-out;animation-duration:.25s}::view-transition-new(site-logo){animation-name:fade-in;animation-duration:.25s}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes accordion-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scan-line{0%,to{top:12%}50%{top:88%}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}@layer components{.btn{transition:none}.btn:hover,.btn:active{transform:none}}@layer utilities{.animate-accordion-down{animation:none;opacity:1;transform:translateY(0)}.animate-toast-in{animation:none;opacity:1;transform:scale(1)}.animate-scan-line,.animate-pulse,.spinner{animation:none}}@layer components{.resend-button{transition:none}}}