@font-face{font-family:'Noto Sans Georgian';src:url('assets/fonts/notosansgeorgian-variable.ttf') format('truetype');font-weight:100 900;font-stretch:62.5% 100%;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/fonts/manrope-variable.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{color-scheme:dark;--bg:#08090D;--panel:#13151C;--panel-raised:#1B1E27;--text:#F5F6FA;--muted:#A4A8B6;--subtle:#878C9E;--line:#ffffff14;--accent:#F5F6FA;--accent-ink:#08090D;--girl:#FF86BE;--boy:#69B8FF;--sticker:#F5F6FA;--sticker-rgb:245,246,250;--cube-scale:1;--mx:0deg;--my:0deg;--font:'Manrope','Noto Sans Georgian',sans-serif;--radius:14px;--ease:cubic-bezier(.22,1,.36,1);font-family:var(--font)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);overflow-x:hidden;line-height:1.65;font-size:15px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default}a{color:inherit;text-decoration:none}::selection{background:var(--text);color:var(--bg)}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;letter-spacing:-.035em}h1{font-size:clamp(42px,5.2vw,76px);line-height:1.25}h2{font-size:32px;line-height:1.4}h3{font-size:20px;line-height:1.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--text);outline-offset:5px}button:focus-visible{z-index:4}.wrap{max-width:1440px;margin:auto;padding:0 clamp(24px,5vw,72px)}.site-header{height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:5}.brand{font-family:Manrope,sans-serif;font-size:23px;font-weight:800;letter-spacing:-1.1px;display:flex;align-items:center;gap:11px;line-height:1}.brand-mark{width:24px;height:24px;border:1.5px solid var(--text);border-radius:5px;position:relative;transform:rotate(-7deg)}.brand-mark:after{content:'';position:absolute;inset:5px;border:1px solid #f5f6fa77;border-radius:1px}.journey-steps{display:flex;gap:28px;color:var(--subtle);font-size:12px}.journey-steps span{display:flex;gap:8px;align-items:center}.journey-steps b{font-family:Manrope,sans-serif;font-weight:500;font-size:11px}.journey-steps .current{color:var(--text)}.journey-steps .current b{background:var(--text);color:var(--bg);border-radius:50%;width:23px;height:23px;display:grid;place-items:center}.motion-toggle{width:44px;height:44px;border:1px solid var(--line);background:#ffffff04;border-radius:50%;display:grid;place-items:center;transition:background .2s}.motion-toggle:hover{background:#ffffff12}.motion-toggle svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5}.back-link,.replay-button,.edit-selection-link,.text-button{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:13px;color:var(--muted);background:transparent;border:0;padding:0;transition:color .2s}.back-link:hover,.replay-button:hover,.edit-selection-link:hover,.text-button:hover{color:var(--text)}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--muted);font-size:12px;line-height:1.6;font-weight:400}.eyebrow:before{content:'';width:5px;height:5px;flex-shrink:0;background:var(--text);border-radius:50%}.primary-link,.confirm-button,.unlock-button,.board-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:58px;padding:16px 22px;border:1px solid transparent;border-radius:var(--radius);background:var(--text);color:var(--accent-ink);font-size:14px;font-weight:500;line-height:1.5;transition:background .2s,transform .3s var(--ease),box-shadow .3s;box-shadow:none}.primary-link:hover,.confirm-button:hover:not(:disabled),.unlock-button:hover,.board-primary:hover{background:#DDE1ED;transform:translateY(-2px);box-shadow:0 10px 30px #0005}.primary-link:active,.confirm-button:active:not(:disabled),.unlock-button:active{transform:scale(.985)}.confirm-button:disabled,.board-primary:disabled{background:#20232E;color:#9095A7;transform:none;box-shadow:none}.arrow{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:0 0 24px;line-height:1;pointer-events:none}.arrow svg{display:block;width:24px;height:24px;flex-shrink:0}.unlock-button>span{font-family:Manrope,sans-serif;font-size:23px;line-height:1}.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;border:1px solid #ffffff26;border-radius:var(--radius);background:transparent;color:var(--text);font-size:14px;min-height:58px;padding:16px 22px;transition:background .2s}.secondary-button:hover{background:#ffffff0a}.intro-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding:26px 0;color:var(--subtle);font-size:11px;line-height:1.8}.intro-footer>span:first-child{font-family:Manrope,sans-serif;letter-spacing:.08em}.intro-footer a{min-height:44px;display:inline-flex;align-items:center;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* Product sculpture */
.cube-stage{position:relative;min-height:460px;display:grid;place-items:center;isolation:isolate;overflow:hidden;border-radius:28px;background:var(--panel)}.stage-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 48%,rgba(var(--sticker-rgb),.07),transparent 65%);z-index:-2;transition:background .5s}.cube-button{border:0;background:transparent;padding:0;width:200px;height:200px;perspective:850px;z-index:2;position:relative}.cube-float{width:200px;height:200px;animation:cube-float 7s ease-in-out infinite;transform-style:preserve-3d}.cube{position:relative;width:200px;height:200px;transform-style:preserve-3d;transform:rotateX(calc(-18deg + var(--my))) rotateY(calc(-32deg + var(--mx))) scale(var(--cube-scale));transition:transform .7s var(--ease);--half:100px}.cube-face{position:absolute;inset:0;backface-visibility:hidden;border:1px solid #353A49;transform-style:preserve-3d}.cube-front{transform:translateZ(var(--half));background:linear-gradient(140deg,#232631,#101117 55%,#191B25);display:flex;flex-direction:column;justify-content:space-between;padding:33px 25px;box-shadow:inset 0 0 35px #0004}.cube-brand{font-family:Manrope,sans-serif;letter-spacing:-1px;font-size:33px;line-height:1;font-weight:800;color:var(--text)}.cube-bottom-label{font-family:Manrope,sans-serif;font-size:7px;letter-spacing:1.5px;color:#979DAD;line-height:1.6}.cube-right{background:linear-gradient(145deg,#13151D,#08090D);transform:rotateY(90deg) translateZ(var(--half))}.cube-left{background:#151822;transform:rotateY(-90deg) translateZ(var(--half))}.cube-back{background:#151822;transform:rotateY(180deg) translateZ(var(--half))}.cube-top{background:linear-gradient(130deg,#343A49,#191C27 70%);transform:rotateX(90deg) translateZ(var(--half));border-color:#555D70;transition:transform .85s var(--ease)}.cube-top:after{content:'BLACKBOX';font-family:Manrope,sans-serif;font-size:10px;letter-spacing:2px;color:#959CAF;position:absolute;left:44px;top:94px}.cube-seam{position:absolute;height:1px;left:0;right:0;top:0;background:linear-gradient(90deg,transparent,var(--sticker),transparent);opacity:.3;transition:background .5s}.sticker{position:absolute;width:43px;height:43px;right:12px;top:14px;border-radius:50%;background:var(--sticker);color:#152033;display:grid;place-items:center;transform:rotate(10deg);transition:background .4s;font-size:9px;font-weight:600}.sticker:before{content:'';position:absolute;inset:4px;border:1px solid #0002;border-radius:50%}.light-core{position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(var(--sticker-rgb),.6),transparent 70%);transform:rotateX(90deg) translateZ(65px);opacity:0;transition:opacity .5s;filter:blur(15px)}.cube-open .cube-top{transform:rotateX(90deg) translateZ(155px) translateY(-25px) rotateY(-8deg)}.cube-open .light-core{opacity:1}.cube-shadow{position:absolute;bottom:80px;left:20%;right:20%;height:35px;background:#0008;border-radius:50%;filter:blur(15px);z-index:-1}.stage-hint{position:absolute;bottom:26px;left:20px;right:20px;text-align:center;font-size:11px;color:var(--muted);line-height:1.8}
/* Selection components */
.choice-group{border:0;padding:0;margin:0 0 28px;min-width:0}.choice-group legend{font-size:16px;color:var(--text);display:flex;align-items:center;gap:10px;padding:0;margin-bottom:16px;font-weight:500}.step-number{font-family:Manrope,sans-serif;font-size:11px;font-weight:500;background:#ffffff08;color:var(--muted);width:26px;height:26px;border-radius:50%;display:grid;place-items:center}.gender-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice-button{background:var(--panel);border:1px solid transparent;border-radius:12px;min-height:52px;padding:12px;color:var(--muted);font-size:14px;line-height:1.5;transition:background .2s,border-color .2s,color .2s}.choice-button:hover{background:var(--panel-raised);color:var(--text)}.choice-button[aria-pressed=true]{background:#252A38;border-color:#E1E5F2;color:var(--text)}.gender-options .choice-button{display:flex;gap:10px;align-items:center;justify-content:center}.gender-dot{width:10px;height:10px;flex-shrink:0;border-radius:50%;display:block}.girl-dot{background:var(--girl)}.boy-dot{background:var(--boy)}.gender-options .choice-button[data-gender=girl][aria-pressed=true]{border-color:var(--girl);background:#ff86be0b}.gender-options .choice-button[data-gender=boy][aria-pressed=true]{border-color:var(--boy);background:#69b8ff0b}.age-options{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.age-options .choice-button{font-family:Manrope,sans-serif;font-weight:500;padding:12px 6px;white-space:nowrap}.size-options{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.size-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:17px 5px;background:var(--panel);border:1px solid transparent;color:var(--text);border-radius:16px;transition:background .2s,border-color .2s,transform .3s var(--ease);overflow:hidden}.size-card:hover{transform:translateY(-3px);background:var(--panel-raised)}.size-card[aria-pressed=true]{background:#252A38;border-color:#E1E5F2}.size-card[aria-pressed=true]:after{content:'✓';position:absolute;right:8px;top:6px;font-family:Manrope,sans-serif;font-size:10px;color:var(--text)}.size-card strong{font-family:Manrope,'Noto Sans Georgian',sans-serif;font-size:25px;font-weight:600;line-height:1.3;white-space:nowrap}.size-dimension{color:var(--muted);font-family:Manrope,'Noto Sans Georgian',sans-serif;font-size:10px;white-space:nowrap}.size-name{font-family:Manrope,sans-serif;font-size:9px;color:var(--muted);letter-spacing:1px}.small-box-scene{height:64px;width:70px;display:grid;place-items:center}.small-box{height:var(--small-size);width:var(--small-size);position:relative;transform:rotate(-7deg) skewY(-3deg);background:linear-gradient(145deg,#343A49,#101218);border:1px solid #626A7F;box-shadow:4px 4px 0 #08090D;transition:transform .4s}.small-box:before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:#4A5264;transform:skewX(-30deg)}.small-box:after{content:'';position:absolute;right:4px;top:8px;width:6px;height:6px;border-radius:50%;background:var(--sticker);transition:background .4s}.size-card:hover .small-box{transform:rotate(0deg) skewY(-3deg) translateY(-2px)}.selector-bottom{padding-top:24px;border-top:1px solid var(--line);display:flex;flex-direction:column;align-items:stretch;gap:18px}.live-selection{font-size:12px;line-height:1.8;color:var(--muted);min-height:22px}.confirm-button{width:100%}.buy-price{font-family:Manrope,'Noto Sans Georgian',sans-serif;font-size:20px;font-weight:600;margin-left:auto}
@keyframes cube-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.motion-paused *{animation-play-state:paused!important}.motion-paused .cube,.motion-paused .cube-top{transition:none}
@media(max-width:1100px){.journey-steps{gap:16px}.cube-button,.cube-float,.cube{width:170px;height:170px}.cube{--half:85px}.cube-brand{font-size:28px}.cube-front{padding:28px 20px}.cube-top:after{left:30px;top:80px}.sticker{width:36px;height:36px;right:9px;top:12px;font-size:8px}.cube-open .cube-top{transform:rotateX(90deg) translateZ(140px) translateY(-22px) rotateY(-8deg)}}
@media(max-width:760px){.site-header{height:78px;gap:12px}.brand{font-size:20px}.brand-mark{width:21px;height:21px}.journey-steps{display:none}.wrap{padding:0 22px}.intro-footer{flex-wrap:wrap;font-size:10px;gap:12px;padding:20px 0}.cube-stage{min-height:330px}.cube-shadow{bottom:52px}.stage-hint{font-size:10px;bottom:20px}.size-options{grid-template-columns:repeat(3,1fr)}.size-card{padding:17px 7px}.size-dimension{font-size:11px}.choice-group legend{font-size:15px}.primary-link,.confirm-button,.unlock-button{min-height:56px}.choice-group{margin-bottom:24px}}
@media(max-width:380px){.wrap{padding:0 18px}.brand{font-size:18px}.back-link{font-size:11px}.brand-mark{width:19px;height:19px}.size-options{gap:6px}.size-card strong{font-size:23px}.size-dimension{font-size:9px}.age-options{gap:5px}.age-options .choice-button{font-size:12px}.gender-options .choice-button{font-size:12px}.cube-button,.cube-float,.cube{width:145px;height:145px}.cube{--half:72.5px}.cube-front{padding:24px 17px}.cube-brand{font-size:24px}.cube-bottom-label{font-size:6px}.sticker{width:31px;height:31px;font-size:7px;right:7px;top:10px}.cube-top:after{left:24px;top:67px;font-size:8px}.cube-open .cube-top{transform:rotateX(90deg) translateZ(123px) translateY(-20px) rotateY(-8deg)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.cube-front>.sticker{top:auto;bottom:24px;right:16px}
@media(max-width:1100px){.cube-front>.sticker{bottom:22px;right:13px}}
@media(max-width:380px){.cube-front>.sticker{bottom:18px;right:10px}}
.buy-price{line-height:1.1}
@font-face{font-family:'Space Grotesk';src:url('assets/fonts/spacegrotesk-variable.ttf') format('truetype');font-weight:300 700;font-display:swap}
@font-face{font-family:Unbounded;src:url('assets/fonts/unbounded-variable.ttf') format('truetype');font-weight:200 900;font-display:swap}
:root{--logo-font:'Space Grotesk',sans-serif}
.brand,.cube-brand,.summary-box-logo{font-family:var(--logo-font);font-weight:700}
.brand-mark{border-color:currentColor}.brand-mark:after{border-color:currentColor;opacity:.5}