/* Clear next steps for visitors arriving from the build videos. */
.hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:220px}
.hero-buttons{display:flex;gap:12px;width:100%}
.hero-actions .button{min-width:190px;font-size:14px}
.hero-actions .hero-merch{background:var(--pink);color:#161015}
.hero-actions .hero-merch:hover{background:#f6b5cf}
.hero-actions .hero-waitlist{background:#080a0b66;color:var(--ink);border:1px solid #ffffff66}
.hero-actions .hero-waitlist:hover{background:#ffffff15}
.hero-caption .hero-action-note{font-size:13px;font-weight:400;letter-spacing:0;line-height:1.5;color:#c2c6c7}
.hero-caption .hero-actions .text-link{margin-top:0;font-size:13px}
.site-header .nav-merch{color:var(--pink)}
.support-links{flex-wrap:wrap}
.build-options{padding:64px 6vw 72px;background:#101214;border-top:1px solid var(--line)}
.build-options-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:28px}
.build-options-heading h2{font-size:clamp(30px,3.5vw,48px)}
.build-options-heading p{font-size:13px}
.build-options-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--line);border-radius:16px;overflow:hidden}
.build-option{display:flex;flex-direction:column;gap:14px;padding:24px 20px;min-width:0;transition:background .2s}
.build-option+.build-option{border-left:1px solid var(--line)}
.build-option:hover{background:#efa1bf0b}
.build-option:focus-visible{outline-offset:-4px}
.option-type{color:var(--pink);font-size:10px;letter-spacing:.09em;font-weight:600;min-height:30px}
.build-option h3{font-size:clamp(20px,2.1vw,27px);letter-spacing:-.045em}
.build-option p{font-size:13px;line-height:1.6;max-width:240px}
.option-price{display:flex;justify-content:space-between;gap:10px;margin-top:auto;padding-top:14px;font-size:12px;color:#c9cdce}
.option-price>span{color:var(--pink);font-size:18px;line-height:1}
@media(max-width:900px){
 .build-option{padding:22px 18px}
 .build-option h3{font-size:20px}
}
@media(max-width:700px){
 #merch{scroll-margin-top:-66px}
 .merch-section .merch-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px}
 .merch-section .merch-heading>div:first-child{grid-column:1/-1}
 .merch-section .merch-heading h2{font-size:clamp(30px,8.5vw,40px);line-height:1.02}
 .merch-section .merch-heading p{order:initial;grid-column:1;font-size:12px}
 .merch-section .merch-controls{grid-column:2;align-self:end}
 .hero-caption{bottom:10%}
 .hero-actions{margin-top:20px;gap:6px;width:100%;min-width:0}
 .hero-buttons{gap:10px}
 .hero-actions .button{min-height:48px;min-width:0;flex:1;font-size:13px;padding:12px 14px;gap:10px;white-space:nowrap}
 .hero-caption .hero-action-note{font-size:12px;margin-top:2px}
 .hero-caption .hero-actions .text-link{padding:8px 0;font-size:13px;min-height:44px}
 .hero-product{inset:12% -30% 30%}
 .site-header nav{gap:4px;font-size:12px}
 .site-header nav a{padding-inline:6px}
 .build-options{padding:36px 20px 40px;scroll-margin-top:-66px}
 .build-options-heading{display:block;margin-bottom:22px}
 .build-options-heading h2{font-size:34px}
 .build-options-heading p{margin-top:10px;font-size:12px}
 .build-options-grid{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:12px}
 .build-option{padding:20px 15px;gap:12px}
 .build-option:nth-child(odd){border-left:0}
 .build-option:nth-child(n+3){border-top:1px solid var(--line)}
 .build-option:last-child{grid-column:1/-1}
 .option-type{font-size:9px;letter-spacing:.06em;min-height:27px}
 .build-option h3{font-size:22px}
 .build-option p{font-size:12px;line-height:1.5}
 .option-price{font-size:11px;padding-top:8px}
 .build-index nav{justify-content:flex-start;overflow-x:auto;scrollbar-width:thin;gap:2px}
 .build-index nav a{padding-inline:9px;flex-shrink:0;white-space:nowrap}
}
@media(max-width:360px){
 .hero-buttons{gap:8px}
 .hero-actions .button{font-size:12px;padding-inline:10px;gap:7px}
 .site-header nav{font-size:11px}
 .site-header nav a{padding-inline:5px}
}
@media(max-width:700px) and (max-height:700px){
 .hero-caption p{font-size:30px}
 .hero-caption{bottom:9%}
 .hero-actions{margin-top:12px}
 .hero-product{inset:5% -30% 42%}
 .hero-intro{top:5%}
 .depth-word{top:17%}
}