﻿/* Green Spark customer experience. Structural player rules live in site.css. */
:root{--bg:#f7f8f2;--card:#fff;--card-2:#edf2e8;--line:#dce3d8;--text:#203a32;--muted:#66776d;--gold:#25624e;--gold-2:#25624e;--green:#267054;--pink:#be7e4e;--danger:#ac3939;--radius:20px;--tabbar:72px}
html{scroll-behavior:smooth;scroll-padding-top:150px}body{background:var(--bg);padding-bottom:calc(72px + env(safe-area-inset-bottom));font-weight:400}body::before{display:none}h1,h2,h3{letter-spacing:-.045em}h1{font-size:clamp(34px,5vw,64px);font-weight:600}h2{font-size:26px;font-weight:600}h3{font-weight:600}em{font-style:normal;color:#789963}::selection{background:#d6eaa8;color:#183b2c}:focus-visible{outline:3px solid #4c815d;outline-offset:4px}.muted{color:var(--muted)}.go,.gold,.link{color:var(--green)}.eyebrow{color:#53734b;font-size:10px;font-weight:600;letter-spacing:.16em}
.app{display:block;min-height:80vh}.sidebar{display:none}.main-col{min-width:0}.page{width:100%;max-width:1240px;padding:0 40px;margin:auto}.topbar{height:88px;display:flex;align-items:center;gap:30px;padding:0 max(40px,calc((100vw - 1160px)/2));border-bottom:1px solid var(--line);background:#f7f8f2f5;backdrop-filter:blur(14px);position:sticky;top:0;z-index:30}.brand{gap:10px;letter-spacing:-.06em;font-size:26px;line-height:1}.brand-mark{background:#295d45;color:#e6edb6;width:40px;height:40px;font-size:30px;border-radius:50%;font-weight:400}.brand .brand-name{color:var(--text);display:block}.brand-name>span{color:#749763}.brand-name small{display:block;font-size:9px;font-weight:400;letter-spacing:.02em;color:var(--muted);margin-top:6px}.desktop-nav{display:flex;gap:30px;margin:auto}.desktop-nav a{font-size:14px;color:var(--muted);padding:30px 0;border-bottom:2px solid transparent}.desktop-nav a.on{color:var(--text);border-color:var(--green)}.header-gift{border:1px solid #c9d5c6;border-radius:50px;padding:11px 18px;font-size:13px;white-space:nowrap}.header-gift span{margin-left:18px}.btn{min-height:48px;padding:0 22px;border-radius:50px;font-size:14px;font-weight:500;gap:20px;white-space:normal;text-align:center}.btn-primary{background:#285e47;color:#fff;box-shadow:none}.btn-primary:hover{background:#174a35}.btn-ghost{background:transparent;border-color:#becdbb;color:var(--text)}.btn-sm{min-height:42px;font-size:13px}.btn-danger{color:#972e2e}.pill{background:#edf2e7;border-color:var(--line);color:var(--green)}.pill-premium{background:#f8ebd8;color:#855a25;border-color:#e7d3b3}.pill-free{background:#e7f0db;border-color:#d5e2c7;color:#3d6439}
.celebration-hero{display:grid;grid-template-columns:1.08fr 1fr;gap:42px;align-items:center;padding:50px 0 34px}.hero-copy h1{font-size:clamp(44px,5.3vw,70px);line-height:1.07;margin:20px 0;letter-spacing:-.065em}.hero-copy>p:not(.eyebrow){font-size:16px;line-height:1.8;color:var(--muted);max-width:410px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#7a9b55;margin-right:7px;vertical-align:middle}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:28px}.hero-secondary{font-size:12px;text-decoration:underline;text-underline-offset:5px}.hero-proof{display:flex;flex-wrap:wrap;gap:15px;font-size:10px;color:var(--muted);margin-top:25px}.hero-art{min-height:385px;align-self:stretch;border-radius:120px 120px 24px 24px;background:radial-gradient(ellipse at 65% 35%,#29463788,transparent 60%),linear-gradient(#0b211bdd,#183e2ce0),url('../media/night-sky.webp') center/cover;position:relative;overflow:hidden;color:#d9e9bc}.art-orbit{position:absolute;width:350px;height:350px;border:1px solid #d4e6a817;border-radius:50%;left:8%;top:30px;box-shadow:0 0 0 45px #d4e6a806,0 0 0 90px #d4e6a805}.firework{position:absolute;width:165px;height:165px;border-radius:50%;background:repeating-conic-gradient(from 0deg,transparent 0 13deg,#d9e5a9 14deg 15deg,transparent 16deg 30deg);-webkit-mask:radial-gradient(circle,transparent 0 12%,#000 14% 23%,transparent 25% 30%,#000 33% 44%,transparent 48% 55%,#000 58% 65%,transparent 69%);mask:radial-gradient(circle,transparent 0 12%,#000 14% 23%,transparent 25% 30%,#000 33% 44%,transparent 48% 55%,#000 58% 65%,transparent 69%)}.firework-a{left:12%;top:32px;width:220px;height:220px;transform:rotate(12deg)}.firework-b{right:0;top:123px;width:170px;height:170px;background:repeating-conic-gradient(transparent 0 13deg,#dcaa78 14deg 15deg,transparent 16deg 30deg)}.firework-c{left:18%;top:235px;width:90px;height:90px}.art-star{position:absolute;font-size:28px}.star-a{right:22%;top:25px}.star-b{left:12%;top:220px;font-size:20px}.star-c{right:18%;bottom:100px;font-size:15px}.hero-art-caption{position:absolute;bottom:26px;left:26px;display:flex;align-items:center;gap:12px}.hero-art-caption>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid #d9e9bc55;border-radius:50%;font-size:26px}.hero-art-caption div{font-size:8px;letter-spacing:.14em}.hero-art-caption strong{display:block;letter-spacing:-.02em;font-size:23px;font-weight:400;margin-top:3px}
.quick-start{display:grid;grid-template-columns:repeat(3,1fr);padding:24px 0 32px;border-bottom:1px solid var(--line);gap:20px}.quick-start>div{display:flex;align-items:center;gap:12px}.quick-start>div>span{font-size:11px;border:1px solid #d4decc;background:#eef2e5;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;flex-shrink:0}.quick-start p{margin:0;font-size:11px;color:var(--muted)}.quick-start strong{display:block;font-size:14px;color:var(--text);font-weight:500;margin-bottom:2px}.wish-feature{display:flex;align-items:center;gap:22px;background:#e9eddd;border:1px solid #dce3cb;border-radius:16px;margin:30px 0 44px;padding:24px 28px}.wish-feature-icon{width:60px;height:60px;background:#f9f9ee;border-radius:50%;display:grid;place-items:center;font-size:32px;flex-shrink:0;color:#567547}.wish-feature-copy{display:flex;flex-direction:column;gap:5px}.wish-feature-copy small{font-size:8px;letter-spacing:.15em;color:#657756}.wish-feature-copy strong{font-size:24px;font-weight:500;letter-spacing:-.04em}.wish-feature-copy>span{font-size:12px;color:var(--muted)}.wish-feature-cta{margin-left:auto;font-size:12px;text-align:right;white-space:nowrap}.wish-feature-cta b{display:block;font-size:14px;margin-top:6px;font-weight:500}
.browse-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;scroll-margin-top:105px}.browse-heading h2{font-size:30px;margin:0}.browse-heading .eyebrow{margin-bottom:7px}.browse-heading>span{font-size:12px;color:var(--muted);white-space:nowrap}.catalog-search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:12px;margin:24px 0 10px;padding:0 15px;max-width:420px}.catalog-search>span{font-size:26px;color:var(--muted)}.catalog-search input{font:inherit;font-size:14px;color:var(--text);border:0;background:transparent;min-height:46px;width:100%;min-width:0}.catalog-search input:focus{outline:0}.catalog-search:focus-within{outline:2px solid #769768;outline-offset:2px}.chips{position:sticky;top:88px;margin:0 -5px;padding:12px 5px;gap:8px;background:#f7f8f2f5;backdrop-filter:blur(12px);z-index:20}.chip{min-height:44px;border-radius:50px;border-color:var(--line);background:transparent;font-size:12px;color:#607363;gap:7px;padding:9px 17px}.chip.on{background:#2b5b44;color:#fff;border-color:#2b5b44}.shelf{padding:22px 0 8px}.shelf h2{display:flex;align-items:center;gap:8px;font-size:22px;margin-bottom:20px}.shelf h2 small{background:transparent;color:var(--muted);font-size:11px;font-weight:400;margin-left:auto}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.card{border-radius:16px;border:1px solid var(--line);background:#fff;transition:transform .18s,box-shadow .18s}.card:hover{border-color:#a4b99d;box-shadow:0 8px 22px #25442b0a;transform:translateY(-3px)}.card-art{aspect-ratio:1.25;height:auto;margin:8px 8px 0;border-radius:10px;background:radial-gradient(ellipse at 50% 65%,#dce6d5,transparent 68%),#f0f3e9}.card-photo{width:78%;height:84%;filter:drop-shadow(0 8px 8px #35432e26)}.card-icon{filter:none}.badge{top:8px;left:8px;font-size:9px;letter-spacing:.04em;padding:4px 8px}.badge-free{background:#fff;color:#527146;border:1px solid #dee6d4}.badge-lock{background:#f1e8d5;color:#725c39}.card-body{padding:15px 16px 12px;gap:5px}.product-kind{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#7c897c}.card-body h3{font-size:16px;line-height:1.35;min-height:43px;font-weight:500}.card-action{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf0e8;margin-top:8px;padding-top:11px;color:#376646}.card-action small{font-size:11px;font-weight:500}.card-action>span{width:25px;height:25px;border-radius:50%;background:#eff3e6;display:grid;place-items:center}.search-empty{margin:15px 0}.ad{border-color:#ccd7c6;background:#eef1e7;color:var(--muted)}.ad-label{color:#6d796a}
.closing-note{text-align:center;padding:70px 20px 60px;margin-top:25px;border-top:1px solid var(--line)}.closing-note>span{font-size:44px;color:#86a16c}.closing-note .eyebrow{margin:12px 0}.closing-note h2{font-size:34px;line-height:1.2;font-weight:500}.closing-note>p:not(.eyebrow){font-size:13px;color:var(--muted);margin:16px auto 22px;max-width:360px}.site-footer{max-width:none;background:#193f30;padding:35px max(40px,calc((100vw - 1160px)/2)) 28px;margin-top:35px;color:#becdbd;border:0;font-size:11px;line-height:1.8}.site-footer a{color:#dbe6c8;text-decoration:underline;text-underline-offset:3px}.site-footer>p{max-width:760px;margin-bottom:9px}.footer-intro{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-bottom:28px;margin-bottom:22px;border-bottom:1px solid #c9d7bd26}.footer-wordmark{font-size:24px;letter-spacing:-.04em;color:#e2eacb}.footer-intro strong{font-size:22px;font-weight:400;line-height:1.15;color:#e2eacb}.footer-intro a{font-size:12px}.tabbar{display:none}.skip-link{position:fixed;top:-100px;left:15px;z-index:100;padding:12px;background:#285e47;color:white}.skip-link:focus{top:10px}
/* Shared secondary pages */
.page-heading{padding:40px 0 24px;max-width:620px}.page-heading h1{font-size:46px;line-height:1.1;margin:12px 0 16px}.page-heading>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.8;max-width:540px}.compose-page{padding-bottom:25px}.flow-steps{list-style:none;display:flex;gap:0;margin:0 0 30px;padding:0;border-bottom:1px solid var(--line)}.flow-steps li{flex:1;display:flex;align-items:center;gap:8px;padding:0 8px 17px;color:#7a877a;font-size:12px;border-bottom:2px solid transparent}.flow-steps li.active{color:#2f6141;border-color:#2f6141}.flow-steps li>span{width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:10px}.flow-steps .active>span{background:#2b6047;color:#fff;border-color:#2b6047}.fw-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:28px;align-items:start}.fw-fields,.fw-preview{width:auto;min-width:0;flex:initial}.form-surface{background:#fff;padding:28px;border:1px solid var(--line);border-radius:20px}.fw-section-head{font-size:20px;margin-bottom:20px}.section-number{font-size:11px;color:#628257;margin-right:7px}.form-row{gap:7px;margin-bottom:19px}.form-row label{font-size:12px;font-weight:500;color:#425a48}.form-row small{font-size:11px;line-height:1.6}.input,input[type=text],input[type=tel],input[type=email],input[type=password],input[type=number],textarea,select{background:#fafbf7;border-color:#d6dfd0;color:var(--text);font-size:16px;border-radius:10px;min-height:50px}.input:focus,input:focus,select:focus,textarea:focus{outline:2px solid #88a773;outline-offset:2px}.form-row textarea{padding:12px 14px;min-height:110px}.fw-preview{position:sticky;top:112px;align-self:start;background:#eaf0df;border:1px solid #dce5cd;border-radius:20px;padding:24px}.fw-preview .fw-section-head{font-size:12px;text-align:center;color:#638052;letter-spacing:.04em}.wish-card{background:radial-gradient(ellipse at top,#3a573c,#123126);border-color:#b3c79a;color:#f1efdb;padding:35px 22px;position:relative;overflow:hidden}.wish-card .greet{color:#e1e9b1;background:none;font-size:34px;line-height:1.2;font-weight:500;letter-spacing:-.04em}.wish-card .to{color:#f1efdb}.wish-card .msg,.wish-card .from,.wish-card .fw-preview-hint{color:#c9d7bb!important}.wish-card .fw-preview-badge{background:#ffffff12!important;color:#d4dfc1!important;padding:6px 10px!important;margin-top:8px}.fw-cracker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:none}.fw-cracker-card{width:auto;min-width:0;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px}.fw-cracker-card .card-art{margin:0;aspect-ratio:1.1}.fw-cracker-card>span{font-size:11px;color:var(--text);display:block;padding-top:8px}.fw-cracker-card.is-selected{border-color:#527f40;background:#f0f5e6;box-shadow:0 0 0 1px #527f40}.fw-pack-card{background:#fafbf7;border-color:var(--line);color:var(--text);border-radius:12px}.fw-pack-card.is-selected{background:#eef4e3;border-color:#527f40;box-shadow:0 0 0 1px #527f40}.fw-pack-top b,.fw-pack-count{color:#3b6d42}.fw-pack-list{color:var(--muted)}input[type=radio]{accent-color:#3c704b}.fw-cta .btn{width:100%}.checkout-page{max-width:650px;margin:auto;padding-bottom:35px}.checkout-page .page-heading h1{font-size:40px}.panel{background:#fff;border:1px solid var(--line);padding:24px;border-radius:16px}.checkout-page .panel{padding:25px}.checkout-page .panel:first-of-type{background:#eef3e4}.flash-ok{background:#ecf4e3;color:#315c38;border-color:#c5d8b7}.flash-error{background:#fff0ed;color:#8c3434;border-color:#e6bdb5}.flash{font-size:13px}.account-page{max-width:780px;margin:auto;padding-top:35px}.table th{color:var(--muted)}.table td,.table th{border-color:var(--line)}.table{display:table}.auth-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1000px;margin:65px auto}.auth-story>span{font-size:64px;color:#7f9e64}.auth-story h1{font-size:46px;font-weight:500;line-height:1.1}.auth-story p:not(.eyebrow){font-size:14px;color:var(--muted)}.auth-story>a{font-size:12px;text-decoration:underline;text-underline-offset:4px}.auth{margin:0;width:100%;max-width:none;border-color:var(--line);background:#fff;padding:32px;border-radius:20px;box-shadow:0 10px 40px #24412806}.auth h2{font-size:26px}.auth>p{font-size:13px;line-height:1.8}.phone{background:#fafbf7;border-color:var(--line)}.phone input{background:transparent}.otp-input{letter-spacing:.4em}.auth .form-row{margin:22px 0}.auth .btn{width:100%}
.back-link{display:inline-block;margin:26px 0 20px;font-size:12px;color:var(--muted)}.player-eyebrow{margin-bottom:0}.product-title{padding:12px 0 20px;max-width:none;flex-wrap:wrap;justify-content:flex-start}.product-title h1{font-size:32px}.product-title .pill{margin-left:auto}.player{max-width:none;background:#fff;border:1px solid var(--line);border-radius:20px;padding:12px 12px 20px}.stage{border-radius:12px;border:0;height:min(64vh,600px)}.stage-locked{color:#f5f5e5}.stage-locked .muted,.stage-locked p{color:#bacbbb}.stage-locked .link{color:#dbe8b1}.stage-locked .btn-primary{background:#dbe8b1;color:#193d2a}.player-status{color:#4a714d;font-size:12px}.tool-row button{background:#f0f4e7;color:#436144;border-color:#d7e1cb;min-height:48px}.tool-row.has-tilt{grid-template-columns:repeat(5,minmax(0,1fr))}.stage .tool-row button{background:#163426e8;color:#d4e0c6;border-color:#d7e1cb33}.volume{color:var(--muted)}.row-scroll{grid-auto-columns:200px}.wish-hint{color:#e3eac5;background:#ffffff12}.plan{background:white;border-color:var(--line)}.plan.featured{background:#eff4e5}.plan-tag{background:#2c5f46;color:#fff}#location-form{max-width:900px;margin:auto}#location-form .field{min-width:130px}.section{padding-top:30px}
@media(max-width:1000px){.page{padding:0 26px}.topbar{padding:0 26px}.celebration-hero{gap:25px}.hero-copy h1{font-size:53px}.hero-art{min-height:350px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fw-cracker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-layout{gap:30px}.site-footer{padding-left:26px;padding-right:26px}.desktop-nav{gap:20px}}
@media(min-width:768px){body{padding-bottom:0}}
@media(max-width:767px){.page{padding:0 18px}.topbar{height:72px;padding:0 18px;gap:12px}.brand{font-size:23px;gap:8px}.brand-mark{width:34px;height:34px;font-size:26px}.brand-name small{font-size:8px}.desktop-nav{display:none}.header-gift{margin-left:auto;padding:9px 13px;font-size:11px}.header-gift span{margin-left:8px}.celebration-hero{grid-template-columns:1fr;gap:22px;padding:28px 0 18px}.hero-copy .eyebrow{font-size:8px;letter-spacing:.12em}.hero-copy h1{font-size:52px;margin:15px 0}.hero-copy>p:not(.eyebrow){font-size:14px;line-height:1.7;max-width:340px;margin-bottom:0}.hero-actions{gap:18px;margin-top:22px}.hero-actions .btn{font-size:13px;padding:0 20px}.hero-secondary{font-size:11px}.hero-proof{font-size:9px;gap:12px;margin-top:18px}.hero-art{min-height:225px;border-radius:65px 65px 18px 18px}.firework-a{top:0;left:17%;width:170px;height:170px}.firework-b{top:35px;right:8%;width:125px;height:125px}.firework-c{top:110px;left:10%;width:65px;height:65px}.hero-art-caption{bottom:18px;left:20px}.hero-art-caption strong{font-size:20px}.art-orbit{width:230px;height:230px;top:-30px;left:20%}.star-a{top:16px;right:18%;font-size:20px}.star-b{top:120px;left:7%}.star-c{bottom:30px;right:12%}.quick-start{gap:12px;padding:12px 0 23px}.quick-start>div{display:block}.quick-start>div>span{width:26px;height:26px;font-size:9px;margin-bottom:8px}.quick-start strong{font-size:11px;line-height:1.4;margin-bottom:4px}.quick-start p{font-size:9px;line-height:1.5}.wish-feature{margin:23px 0 32px;padding:18px 15px;gap:12px;flex-wrap:wrap}.wish-feature-icon{width:40px;height:40px;font-size:25px}.wish-feature-copy{flex:1;min-width:0}.wish-feature-copy small{font-size:7px;letter-spacing:.08em}.wish-feature-copy strong{font-size:19px;line-height:1.2}.wish-feature-copy>span{font-size:10px;line-height:1.5}.wish-feature-cta{display:flex;gap:18px;align-items:center;width:100%;text-align:left;margin:0;padding:12px 0 0;border-top:1px solid #d4ddc5;font-size:11px}.wish-feature-cta b{margin:0 0 0 auto;font-size:12px}.browse-heading h2{font-size:24px;max-width:250px}.browse-heading .eyebrow{font-size:8px}.browse-heading>span{font-size:10px}.catalog-search{max-width:none;margin:18px 0 3px}.catalog-search input{font-size:16px}.chips{top:72px;margin:0 -18px;padding:12px 18px}.chip{font-size:11px;padding:10px 14px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shelf{padding-top:20px}.shelf h2{font-size:19px;margin-bottom:15px}.shelf h2 small{font-size:9px}.card-body{padding:12px}.card-body h3{font-size:14px;min-height:38px}.product-kind{font-size:8px}.card-action small{font-size:10px}.card-art{margin:6px 6px 0;aspect-ratio:1.1}.badge{font-size:8px;padding:3px 6px}.closing-note{padding:40px 12px 30px}.closing-note h2{font-size:27px}.closing-note>p:not(.eyebrow){font-size:12px}.site-footer{padding:28px 20px 25px;margin-top:25px;font-size:10px}.footer-intro{flex-wrap:wrap;gap:20px;padding-bottom:20px}.footer-wordmark{font-size:22px}.footer-intro strong{font-size:19px;margin-left:auto}.footer-intro>a{width:100%;font-size:11px}.tabbar,.tabbar.tabbar-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:calc(72px + env(safe-area-inset-bottom));padding:0 10px env(safe-area-inset-bottom);background:#fffffff5;border-top:1px solid var(--line);backdrop-filter:blur(15px)}.tabbar a{font-size:10px;color:#7a8879;margin:6px 5px;gap:3px;border-radius:12px}.tabbar a b{font-size:24px}.tabbar a.on{background:#edf3e4;color:#2e5c3e}.page-heading{padding:28px 0 16px}.page-heading h1{font-size:37px}.page-heading>p:not(.eyebrow){font-size:13px}.flow-steps{margin-bottom:20px}.flow-steps li{font-size:10px;padding:0 3px 14px;gap:6px}.flow-steps li>span{width:21px;height:21px}.fw-layout{display:flex;flex-direction:column;gap:20px}.fw-fields,.fw-preview{width:100%;position:static}.form-surface{padding:22px 16px;border-radius:16px}.fw-preview{padding:20px;border-radius:16px}.fw-cracker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fw-cracker-card .card-art{aspect-ratio:1.4}.fw-section-head{font-size:18px}.wish-card .greet{font-size:29px}.checkout-page .page-heading h1{font-size:34px}.panel,.checkout-page .panel{padding:20px 16px}.auth-layout{display:block;margin:28px auto}.auth-story{padding:0 3px 25px}.auth-story>span{font-size:38px}.auth-story h1{font-size:33px;margin:12px 0}.auth-story p:not(.eyebrow){font-size:12px;margin-bottom:10px}.auth-story .eyebrow{font-size:8px}.auth{padding:25px 20px}.auth h2{font-size:24px}.account-page{padding-top:25px}.table{display:block;overflow-x:auto}.product-title h1{font-size:24px}.product-title .pill{margin-left:0}.product-title{gap:10px}.title-photo{width:42px;height:42px}.player{padding:7px 7px 16px;border-radius:16px}.stage{min-height:360px;border-radius:10px}.tool-row button{font-size:9px;min-height:48px}.tool-row{gap:4px}.light-bar{padding:0 6px}.back-link{margin-top:22px}.row-scroll{grid-auto-columns:160px}.page .section h1{font-size:34px}}
@media(max-width:359px){.hero-copy h1{font-size:45px}.hero-actions{gap:14px}.hero-secondary{font-size:10px}.hero-proof{gap:8px;font-size:8px}.browse-heading h2{font-size:22px}.card-body{padding:10px}.brand{font-size:21px}.header-gift{padding:8px 10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* Visible keyboard focus for the native radio controls inside gift cards. */
.fw-cracker-card:focus-within,.fw-pack-card:focus-within{outline:3px solid #64874e;outline-offset:3px}
.fw-section-head{text-transform:none;letter-spacing:-.02em;font-weight:500;color:var(--text)}
.ad-popup-body{color:var(--text)}

/* Pack-only public catalogue. */
.pack-catalogue{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.catalog-pack{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:20px;background:#fff;overflow:hidden;transition:transform .15s,box-shadow .15s}
.catalog-pack:hover{transform:translateY(-3px);box-shadow:0 10px 25px #244b3010}
.pack-collage{position:relative;display:flex;align-items:center;justify-content:center;gap:4px;min-height:210px;padding:25px 15px 40px;background:radial-gradient(ellipse at center,#d8e5cd,transparent 70%),#edf2e5}
.pack-collage>img{width:30%;height:135px;object-fit:contain;filter:drop-shadow(0 8px 7px #203b3026)}
.pack-collage>img:first-child{transform:rotate(-10deg)}.pack-collage>img:nth-child(3){transform:rotate(10deg)}
.pack-collage>span:not(.pack-count){font-size:42px}.pack-count{position:absolute;bottom:13px;left:15px;background:#fff9;border:1px solid #d8e2cd;border-radius:30px;padding:5px 10px;font-size:10px;color:#4c6942}
.pack-details{padding:22px;display:flex;flex-direction:column;flex:1}.pack-details .eyebrow{font-size:8px}.pack-details h3{font-size:25px;margin:0 0 10px}.pack-details>p.muted{font-size:12px;line-height:1.7;margin-bottom:20px}
.pack-purchase{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;border-top:1px solid var(--line);padding-top:16px}.pack-purchase strong{font-size:25px;font-weight:500}.pack-purchase small{display:block;font-size:8px;color:var(--muted);margin-top:3px}.pack-purchase>b{font-size:11px;font-weight:500;color:#fff;background:#2b6047;padding:10px 12px;border-radius:30px}
@media(max-width:1000px){.pack-catalogue{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.pack-catalogue{grid-template-columns:1fr;gap:20px}.pack-collage{min-height:185px}.pack-collage>img{height:120px}.pack-details{padding:20px}.pack-details h3{font-size:24px}.pack-purchase>b{font-size:12px}}

/* Family Wish: the wish type comes first */
.fw-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.fw-type-card{color:inherit;text-decoration:none;position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;border-radius:14px;border:2px solid var(--line);background:var(--card);font-size:13px;font-weight:600;text-align:center;cursor:pointer}
.fw-type-card b{font-size:26px;font-weight:400;line-height:1}
.fw-type-card:hover{border-color:var(--gold)}
.fw-type-card:focus-within{outline:3px solid #64874e;outline-offset:3px}
.fw-type-card.is-selected{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}
.fw-type-card input[type=radio]{position:absolute;opacity:0;width:0;height:0}
.home-wishes{margin:18px 0 22px;max-width:460px}

/* Languages: Indian scripts need their own font, and letter-spacing breaks joined letters */
html[lang=ta]{--font:'Outfit','Noto Sans Tamil',system-ui,sans-serif}
html[lang=te]{--font:'Outfit','Noto Sans Telugu',system-ui,sans-serif}
html[lang=kn]{--font:'Outfit','Noto Sans Kannada',system-ui,sans-serif}
html[lang=ml]{--font:'Outfit','Noto Sans Malayalam',system-ui,sans-serif}
html[lang=hi]{--font:'Outfit','Noto Sans Devanagari',system-ui,sans-serif}
html:not([lang=en]) *{letter-spacing:0!important}
html:not([lang=en]) :is(h1,h2,h3){line-height:1.3;font-family:var(--font)}
.lang-menu{position:relative;margin-inline-start:auto;font-size:13px}
.lang-menu summary{list-style:none;cursor:pointer;padding:8px 10px;border:1px solid var(--line);border-radius:999px;white-space:nowrap}
.lang-menu summary::-webkit-details-marker{display:none}
.lang-menu>div{position:absolute;inset-inline-end:0;top:calc(100% + 6px);z-index:60;display:grid;grid-template-columns:repeat(2,minmax(110px,1fr));max-height:70vh;overflow:auto;padding:6px;border:1px solid var(--line);border-radius:14px;background:var(--card);box-shadow:0 10px 30px #0002}
.lang-menu a{padding:9px 12px;border-radius:10px;color:inherit;text-decoration:none}
.lang-menu a:hover,.lang-menu a[aria-current]{background:#0000000d}

/* Indian scripts run longer than English: keep headings and cards inside a phone screen */
.fw-type-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
html:not([lang=en]) :is(.hero-copy h1,.page-heading h1,.auth-story h1){font-size:clamp(32px,9vw,56px)}
html:not([lang=en]) .fw-type-card span{overflow-wrap:anywhere}
@media(max-width:560px){
  html:not([lang=en]) .fw-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .header-gift{display:none}
  .topbar .brand-name small{display:none}
}

/* More Indian scripts; Urdu and Sindhi read right to left, but the fireworks stage and phone numbers stay as they are */
html[lang=mr]{--font:'Outfit','Noto Sans Devanagari',system-ui,sans-serif}
html[lang=ne]{--font:'Outfit','Noto Sans Devanagari',system-ui,sans-serif}
html[lang=sa]{--font:'Outfit','Noto Sans Devanagari',system-ui,sans-serif}
html[lang=kok]{--font:'Outfit','Noto Sans Devanagari',system-ui,sans-serif}
html[lang=mai]{--font:'Outfit','Noto Sans Devanagari',system-ui,sans-serif}
html[lang=bn]{--font:'Outfit','Noto Sans Bengali',system-ui,sans-serif}
html[lang=as]{--font:'Outfit','Noto Sans Bengali',system-ui,sans-serif}
html[lang=gu]{--font:'Outfit','Noto Sans Gujarati',system-ui,sans-serif}
html[lang=pa]{--font:'Outfit','Noto Sans Gurmukhi',system-ui,sans-serif}
html[lang=or]{--font:'Outfit','Noto Sans Oriya',system-ui,sans-serif}
html[lang=ur]{--font:'Outfit','Noto Nastaliq Urdu',system-ui,sans-serif}
html[lang=sd]{--font:'Outfit','Noto Naskh Arabic',system-ui,sans-serif}
html[lang=ur] body{line-height:2}
html[lang=ur] :is(h1,h2,h3){line-height:1.9!important}
html[dir=rtl] .stage,html[dir=rtl] .phone{direction:ltr}

/* Free preview */
.stage-timer{position:absolute;z-index:5;top:10px;inset-inline-start:10px;padding:6px 12px;border-radius:999px;background:#000a;color:#fff;font-size:15px}
.stage-timer b{font-variant-numeric:tabular-nums}
.fw-pack-preview{align-self:flex-start;margin-top:6px;font-size:13px;font-weight:600;color:var(--gold-2)}
.preview-head{padding-bottom:12px}
.preview-cta{margin:16px 0;max-width:520px}
.preview-over{max-width:520px;margin:12px auto;text-align:center}
.pay-note{font-size:.82em;margin:10px 0}
.legal h2{font-size:18px;margin:22px 0 6px}
.legal-links{font-size:.85em}
