@font-face{font-family:Anton;font-style:normal;font-weight:400;font-display:swap;src:url('./assets/fonts/anton-latin-400.woff2') format('woff2')}
@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url('./assets/fonts/manrope-latin-400-800.woff2') format('woff2')}
:root{color-scheme:dark;--ink:#101213;--paper:#faf5eb;--muted:#c5bebd;--gold:#ebc779;--pink:#f04691;--line:rgba(250,245,235,.17)}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--ink);color:var(--paper);font:16px/1.65 Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
body::before{content:"";position:absolute;inset:0 0 auto;height:900px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 6% 15%,rgba(164,30,89,.22),transparent 55%),radial-gradient(ellipse at 85% 35%,rgba(235,199,121,.08),transparent 45%)}
a{color:inherit;text-underline-offset:5px}
a:focus-visible,button:focus-visible,textarea:focus-visible{outline:3px solid var(--pink);outline-offset:5px}
button,textarea{font:inherit}
img{display:block;max-width:100%;height:auto}
.wrap{width:min(1180px,calc(100% - 64px));margin:auto}
.skip-link{position:absolute;top:-100px;left:20px;background:var(--gold);color:var(--ink);padding:10px 20px;z-index:20}
.skip-link:focus{top:15px}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:100px;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:14px;font-size:14px;font-weight:800;line-height:1.35;text-decoration:none}
.brand img{width:58px;height:58px;border-radius:50%;box-shadow:0 0 0 1px var(--line)}
.brand small{display:block;color:var(--gold);font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin-top:3px}
.back{font-size:13px;font-weight:700;white-space:nowrap}
.hero{display:grid;grid-template-columns:1.4fr 1fr;gap:70px;align-items:center;padding:70px 0 78px}
.eyebrow{margin:0 0 18px;color:var(--gold);font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
h1{font:400 clamp(58px,6.8vw,88px)/1.04 Anton,'Arial Narrow',Impact,sans-serif;text-transform:uppercase;letter-spacing:-.02em;margin:0 0 24px}
h1 span{color:var(--pink)}
.small-break{display:none}
.intro{max-width:570px;color:var(--muted);margin:0;font-size:17px;line-height:1.85}
.signature{margin:23px 0 0;font-size:14px;font-weight:800}.signature span{color:var(--muted);font-size:12px;font-weight:500;margin-left:6px}
.brand-stack{position:relative;width:min(310px,85%);height:365px;margin:0 auto;perspective:1000px;transform:rotate(6deg)}
.stack-back,.stack-middle,.stack-face{position:absolute;inset:0;border-radius:22px;border:1px solid rgba(235,199,121,.5)}
.stack-back{background:#61213e;transform:translate(-25px,18px) rotate(-10deg)}
.stack-middle{background:linear-gradient(150deg,#3e2921,#1c1c1a);transform:translate(-12px,9px) rotate(-5deg)}
.stack-face{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#302429,#141516 70%);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 24px 45px rgba(0,0,0,.4)}
.stack-face img{width:176px;height:176px;border-radius:50%;filter:drop-shadow(0 12px 8px rgba(0,0,0,.6))}
.stack-face strong{font:400 45px/1.5 Anton,'Arial Narrow',Impact,sans-serif;letter-spacing:.03em;color:var(--gold)}
.stack-season,.stack-bottom{font-size:9px;letter-spacing:.17em;font-weight:800}.stack-season{margin-bottom:14px;color:var(--gold)}.stack-bottom{color:var(--muted)}
.interest{padding:0 0 65px}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin:0 0 27px}
.section-heading .eyebrow{margin-bottom:10px}
h2{font:400 clamp(33px,3.8vw,46px)/1.15 Anton,'Arial Narrow',Impact,sans-serif;text-transform:uppercase;margin:0}
.section-heading>p{color:var(--muted);font-size:13px;margin:0 0 2px}
fieldset{min-width:0;border:0;margin:0;padding:0}
.choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.choice{position:relative;display:block;cursor:pointer}
.choice>input{position:absolute;width:1px;height:1px;padding:0;opacity:0}
.choice-card{display:flex;flex-direction:column;height:100%;padding:25px;border:1px solid #514047;border-radius:15px;background:linear-gradient(145deg,#282125,#181a1b 72%);box-shadow:0 6px 0 #0a0b0c,0 7px 0 #514047,0 20px 30px rgba(0,0,0,.15);transition:transform .18s,border-color .18s,box-shadow .18s}
.choice:nth-child(2) .choice-card{background:linear-gradient(145deg,#302821,#181a1b 72%)}
.choice:nth-child(3) .choice-card{background:linear-gradient(145deg,#27252d,#181a1b 72%)}
.choice:hover .choice-card{transform:translateY(-4px);border-color:var(--gold)}
.choice>input:focus-visible+.choice-card{outline:3px solid var(--pink);outline-offset:5px}
.choice>input:checked+.choice-card{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold),0 6px 0 #4b2f1f,0 7px 0 var(--gold),0 20px 30px rgba(0,0,0,.25)}
.choice-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:22px}
.format-tag{font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:var(--muted)}
.check-mark{position:relative;flex:0 0 26px;height:26px;border:1px solid #8c7b7e;border-radius:7px;background:#121415}
.choice>input:checked+.choice-card .check-mark{border-color:var(--gold);background:var(--gold)}
.choice>input:checked+.choice-card .check-mark::after{content:"";position:absolute;left:8px;top:4px;width:7px;height:12px;border:solid #171511;border-width:0 2px 2px 0;transform:rotate(45deg)}
.format-symbol{display:flex;align-items:center;justify-content:center;width:55px;height:55px;margin-bottom:20px;border-radius:13px;font:400 33px/1 Anton,Impact,sans-serif;color:var(--pink);border:1px solid #685057;background:linear-gradient(145deg,#493139,#1a191b);box-shadow:3px 4px 0 #0b0d0d,inset 0 1px 1px #80636b;transform:rotate(-5deg)}
.choice:nth-child(2) .format-symbol{color:var(--gold);background:linear-gradient(145deg,#4d3d2d,#1a191b)}
.choice:nth-child(3) .format-symbol{color:var(--paper);transform:rotate(5deg)}
.choice-title{font:400 clamp(31px,3.1vw,39px)/1.1 Anton,'Arial Narrow',Impact,sans-serif;text-transform:uppercase;margin-bottom:17px}
.choice-description{display:block;flex:1;color:var(--muted);font-size:13px;line-height:1.8;margin-bottom:25px}
.choice-price{font:400 31px/1.2 Anton,'Arial Narrow',Impact,sans-serif;color:var(--gold);margin-bottom:22px}
.choice-price small{font:500 11px/1.5 Manrope,system-ui,sans-serif;color:var(--muted);margin-left:4px}
.choice-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:15px;border-top:1px solid var(--line);font-size:11px;font-weight:800;line-height:1.5}
.choice-bottom>span{color:var(--pink);font-size:18px}
.response-panel{display:grid;grid-template-columns:1.25fr 1fr;gap:36px;align-items:center;margin-top:38px;border:1px solid var(--line);padding:28px;border-radius:15px;background:#191b1c}
.comment-field label{display:block;font-size:12px;font-weight:800;margin-bottom:9px}.comment-field label span{font-weight:400;color:var(--muted)}
textarea{display:block;width:100%;min-width:0;color:var(--paper);background:#111314;border:1px solid #515052;border-radius:8px;padding:12px 13px;font-size:16px;line-height:1.5;resize:vertical}
textarea::placeholder{color:#aaa3a7;opacity:1}
.selection-summary{font-size:13px;font-weight:800;color:var(--gold);margin:0 0 13px}
.primary-button,.secondary-button{background:var(--gold);border:1px solid var(--gold);color:#171511;border-radius:9px;padding:15px 18px;font-size:14px;font-weight:800;cursor:pointer;transition:background .2s,transform .2s}
.primary-button{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%}.primary-button:hover,.secondary-button:hover{background:#f5d795}.primary-button:disabled{opacity:.55;cursor:wait}
.email-note{font-size:11px;line-height:1.7;color:var(--muted);margin:12px 0 0}
.status{color:var(--gold);font-size:12px;line-height:1.7;margin:12px 0 0}.status:empty{display:none}
.interest-note{color:var(--muted);font-size:11px;line-height:1.9;margin:22px 0 0;max-width:850px}
.focus-switches{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:7px;background:#0c0e0f;border:1px solid var(--line);border-radius:13px;margin-bottom:32px}
.focus-switches button{display:block;width:100%;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--paper);padding:18px 22px;text-align:left;font:800 15px/1.4 Manrope,system-ui,sans-serif;cursor:pointer}
.focus-switches button>span{display:block;font-size:9px;letter-spacing:.12em;color:var(--muted);margin-bottom:6px}
.focus-switches button[aria-pressed="true"]{background:var(--gold);border-color:var(--gold);color:#211911;box-shadow:0 3px 0 #9a783f}
.focus-switches button[aria-pressed="true"]>span{color:#51402b}
.focus-switches button:hover:not([aria-pressed="true"]){background:#262025}
.panel-heading{margin:0 0 24px}.panel-heading h3{font:400 28px/1.2 Anton,'Arial Narrow',Impact,sans-serif;text-transform:uppercase;margin:0 0 10px}.panel-heading>p{color:var(--muted);font-size:13px;line-height:1.8;margin:0}
.panel-note{color:var(--muted);font-size:12px;line-height:1.8;margin:23px 0 0;max-width:850px}
.idea-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.idea-choice{position:relative;display:block;cursor:pointer}.idea-choice>input{position:absolute;width:1px;height:1px;padding:0;opacity:0}
.idea-card{display:flex;flex-direction:column;height:100%;padding:24px;border:1px solid #68505d;border-radius:13px;background:linear-gradient(140deg,#33202d,#1a191c 85%);box-shadow:0 5px 0 #0a0b0c,0 6px 0 #514047;transition:transform .18s,border-color .18s}
.idea-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.idea-top .format-tag{font-size:9px;line-height:1.6;max-width:155px;color:#ddbbc9}
.idea-card>strong{font:400 28px/1.2 Anton,'Arial Narrow',Impact,sans-serif;text-transform:uppercase;margin-bottom:16px}.idea-card>span:last-child{color:var(--muted);font-size:13px;line-height:1.8}
.idea-choice:hover .idea-card{transform:translateY(-3px);border-color:var(--gold)}
.idea-choice>input:focus-visible+.idea-card{outline:3px solid var(--pink);outline-offset:5px}
.idea-choice>input:checked+.idea-card{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold),0 5px 0 #4b2f1f,0 6px 0 var(--gold)}
.idea-choice>input:checked+.idea-card .check-mark{border-color:var(--gold);background:var(--gold)}
.idea-choice>input:checked+.idea-card .check-mark::after{content:"";position:absolute;left:8px;top:4px;width:7px;height:12px;border:solid #171511;border-width:0 2px 2px 0;transform:rotate(45deg)}
.comment-hint{font-size:11px;color:var(--muted);line-height:1.7;margin:10px 0 0}
.message-preview{border:1px solid #66515d;border-radius:12px;margin-top:24px;background:#181719}.message-preview summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 22px;cursor:pointer;list-style:none;font-size:13px;font-weight:800}.message-preview summary::-webkit-details-marker{display:none}.message-preview summary>span{color:var(--gold);font-size:23px;line-height:1}.message-preview[open] summary>span{transform:rotate(45deg)}.message-preview summary:focus-visible{outline:3px solid var(--pink);outline-offset:5px}.message-preview-body{padding:0 22px 22px}.message-preview-body>p{font-size:12px;color:var(--muted);line-height:1.8;margin:0 0 16px}.message-preview-body textarea{font-size:13px;margin-bottom:16px}.secondary-button:disabled{opacity:.5;cursor:default}
.fallback{border:1px solid var(--gold);border-radius:12px;margin-top:25px;padding:22px;color:var(--muted);font-size:13px}.fallback h3{margin:0;color:var(--paper);font-size:17px}.fallback textarea{font-size:13px;margin-bottom:15px}.secondary-button{font-size:12px;padding:10px 15px}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);padding:25px 0 35px;color:var(--muted);font-size:11px}footer div{display:flex;gap:22px;flex-wrap:wrap}
@media(max-width:1000px){.hero{gap:40px}.brand-stack{width:250px;height:330px}.stack-face img{width:155px;height:155px}.choices{gap:16px}.choice-card{padding:22px 19px}.choice-bottom{font-size:10px}.choice-price small{display:block;margin:6px 0 0}.response-panel{gap:28px}.intro{font-size:15px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.hero{gap:28px;grid-template-columns:1.3fr .8fr;padding:48px 0 50px}h1{font-size:clamp(46px,7.5vw,66px)}.brand-stack{width:175px;height:245px}.stack-face img{width:112px;height:112px}.stack-face strong{font-size:45px}.stack-season,.stack-bottom{font-size:6px}.stack-season{margin-bottom:10px}.stack-back{transform:translate(-15px,12px) rotate(-10deg)}.stack-middle{transform:translate(-7px,6px) rotate(-5deg)}.choices{grid-template-columns:1fr}.choice-card{display:grid;grid-template-columns:1fr 1fr;column-gap:22px;padding:25px}.choice-top{grid-column:1/-1;margin-bottom:20px}.format-symbol{display:none}.choice-title{font-size:35px;margin-bottom:0;grid-column:1;grid-row:2/4}.choice-description{grid-column:2;margin-bottom:16px;font-size:13px}.choice-price{grid-column:2;font-size:27px;margin-bottom:0}.choice-price small{display:inline;margin-left:5px}.choice-bottom{grid-column:1/-1;margin-top:22px;font-size:12px}.response-panel{grid-template-columns:1fr;gap:23px;padding:24px}.section-heading{align-items:flex-start}.section-heading>p{max-width:150px;font-size:11px}h2{font-size:34px}}
@media(max-width:520px){.topbar{min-height:90px;gap:15px}.brand{font-size:12px;gap:10px}.brand img{width:48px;height:48px}.brand small{font-size:8px}.back{font-size:11px;white-space:normal;text-align:right;max-width:74px}.hero{display:block;position:relative}.hero-copy{position:relative;z-index:1}h1{font-size:clamp(46px,11.6vw,61px);max-width:100%;margin-bottom:23px}.small-break{display:block}.hero .eyebrow{font-size:9px;letter-spacing:.16em}.intro{font-size:14px}.brand-stack{display:none}.signature{margin-top:20px}.section-heading{display:block;margin-bottom:22px}.section-heading>p{max-width:none;margin-top:13px}.section-heading>p br{display:none}h2{font-size:35px}.choice-card{padding:22px;grid-template-columns:1fr}.choice-top{grid-column:1}.choice-title{grid-column:1;grid-row:auto;font-size:35px;margin-bottom:18px}.choice-title br{display:none}.choice-description{grid-column:1;margin-bottom:18px}.choice-price{grid-column:1}.choice-bottom{grid-column:1;font-size:11px}.response-panel{padding:21px}.interest{padding-bottom:45px}}
@media(max-width:350px){.wrap{width:calc(100% - 32px)}.brand span{max-width:130px}.choice-card{padding:20px}.choice-title{font-size:31px}.response-panel{padding:18px}}
@media(max-width:760px){.idea-choices{grid-template-columns:1fr}.idea-card{padding:23px}.idea-top{margin-bottom:16px}.idea-top .format-tag{max-width:none}.idea-card>strong{margin-bottom:12px}.focus-switches button{padding:16px;font-size:14px}}
@media(max-width:520px){.focus-switches{gap:5px;padding:5px;margin-bottom:27px}.focus-switches button{padding:14px 11px;font-size:12px}.focus-switches button>span{font-size:7px;letter-spacing:.09em;line-height:1.6}.panel-heading h3{font-size:27px}.message-preview summary{padding:18px;font-size:12px}.message-preview-body{padding:0 18px 18px}}
@media(prefers-reduced-motion:reduce){.choice-card,.idea-card,.primary-button,.secondary-button{transition:none}.choice:hover .choice-card,.idea-choice:hover .idea-card{transform:none}}
.motion-off .choice-card,.motion-off .idea-card,.motion-off .primary-button,.motion-off .secondary-button{transition:none}
.motion-off .choice:hover .choice-card,.motion-off .idea-choice:hover .idea-card{transform:none}
