/* Hoocard product surfaces. Stable dimensions, one animation owner. */
.card-face{background:#15253d}.card-brand{position:absolute;right:7%;top:10%;color:#e57200;font-weight:650;letter-spacing:-.06em;font-size:clamp(13px,2vw,26px)}
[data-finish=blackout] .card-face,[data-finish=blackout].card-face,[data-finish=blackout] .card-back{background:#090909!important;border:1px solid #ffffff16;color:transparent}
[data-finish=blackout] .card-face>*,[data-finish=blackout].card-face>*,[data-finish=blackout] .card-back>*{display:none!important}
.tap-demo{width:100%;max-width:500px;justify-self:end;min-width:0}.demo-stage{height:560px;position:relative;isolation:isolate}.demo-phone{position:absolute;right:15px;top:0;width:265px;height:540px;background:#090c12;border:6px solid #282b31;border-radius:43px;box-shadow:0 22px 50px #0005;overflow:hidden;z-index:2;color:#f2f3f6;transform:none}.demo-status{height:38px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;font-size:10px;font-weight:650}.demo-status i{position:absolute;left:50%;transform:translateX(-50%);top:7px;width:75px;height:20px;border-radius:20px;background:#000}.demo-url{height:25px;font-size:9px;text-align:center;color:#9ba5b6;border-bottom:1px solid #ffffff13;opacity:1;transition:opacity .35s}.tap-demo[data-scene=tap] .demo-url,.tap-demo[data-scene=idle] .demo-url{opacity:0}.demo-screen{position:relative;height:calc(100% - 78px);overflow:hidden}.demo-panel{position:absolute;inset:0;padding:24px 18px;opacity:0;transform:translateY(7px);pointer-events:none;transition:opacity .35s ease,transform .35s ease;overflow:hidden;text-align:center}.demo-panel.visible{opacity:1;transform:translateY(0);pointer-events:auto}.demo-panel h2{font-size:22px;letter-spacing:-.04em;line-height:1.1;margin:16px 0 10px}.demo-panel>p{font-size:11px;color:#a6afbf;line-height:1.65}.demo-avatar{width:60px;height:60px;border-radius:50%;background:#e57200;color:#17130d;font-size:21px;font-weight:650;display:grid;place-items:center;margin:0 auto}.demo-bio{margin:15px 0}.demo-save{display:flex;align-items:center;justify-content:space-between;background:#e57200;color:#111;font-weight:650;font-size:10px;border-radius:8px;padding:13px 12px;margin:18px 0 10px;gap:8px;text-align:left}.demo-links a{display:flex;justify-content:space-between;text-align:left;padding:11px 2px;border-bottom:1px solid #ffffff18;font-size:11px}.demo-home-bar{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:#fff7;border-radius:8px}.demo-card{position:absolute;left:0;top:360px;width:247px;height:155px;border-radius:12px;background:#15253d;border:1px solid #ffffff24;box-shadow:0 20px 35px #0005;transform:rotate(-10deg);z-index:1;will-change:transform;pointer-events:none}.demo-card>span{position:absolute;right:18px;top:15px;color:#e57200;font-size:18px;font-weight:600;letter-spacing:-1px}.demo-card>div{position:absolute;left:20px;bottom:22px;font-size:18px;letter-spacing:-.02em}.demo-card small{display:block;color:#aebacf;font-size:11px;margin-top:7px;letter-spacing:.04em}.is-tapping .demo-card{z-index:3;animation:hoo-tap 3.4s ease-in-out both}@keyframes hoo-tap{0%,100%{transform:translate(0,0) rotate(-10deg)}36%,65%{transform:translate(65px,-282px) rotate(-10deg)}}.demo-notification{position:absolute;top:44px;left:7px;right:7px;border-radius:13px;background:#e7e8eb;color:#18202c;padding:14px;opacity:0;pointer-events:none;transform:translateY(-10px)}.demo-notification strong{display:block;font-size:12px}.demo-notification span{display:block;font-size:10px;margin-top:5px}.is-tapping .demo-notification{animation:hoo-detected 3.4s ease-in-out both}@keyframes hoo-detected{0%,36%,100%{opacity:0;transform:translateY(-10px)}45%,87%{opacity:1;transform:translateY(0)}}.tap-demo.paused .demo-card,.tap-demo.paused .demo-notification{animation-play-state:paused}.demo-controls{display:flex;gap:15px;justify-content:space-between;align-items:center;min-height:100px;padding-top:5px}.demo-step{font-size:10px;color:#e88b37;letter-spacing:.05em;margin-bottom:10px}.demo-controls h3{font-size:21px;letter-spacing:-.035em;margin:0 0 7px}.demo-controls p:last-child{font-size:12px;line-height:1.6;color:#a2afc3;max-width:350px;min-height:38px}.demo-controls button{background:none;border:1px solid #ffffff28;color:#dce1e8;border-radius:30px;padding:9px 14px;font-size:11px}.demo-progress{display:flex;gap:7px;margin-top:15px}.demo-progress button{height:20px;flex:1;background:transparent;position:relative}.demo-progress button:after{content:'';position:absolute;left:0;right:0;top:8px;height:3px;border-radius:3px;background:#ffffff25}.demo-progress button.active:after{background:#e57200}.demo-app-title{font-size:10px!important;margin-bottom:27px;color:#e88b37!important}.demo-info{text-align:left;border-top:1px solid #ffffff15;margin-top:23px;padding-top:15px}.demo-info>span{font-size:9px;color:#a3aebe;display:block;margin:12px 0 5px}.demo-info>strong{font-size:12px;font-weight:450}.demo-fine{font-size:10px!important;margin-top:20px}.demo-document{background:#f1eee7;color:#182333;padding:19px 15px;min-height:310px;border-radius:3px;text-align:left}.demo-document h2{font-size:19px;margin:0 0 7px}.demo-document p{font-size:10px;line-height:1.7}.demo-document h3{font-size:12px;margin:18px 0 8px}.demo-document hr{border:0;border-top:1px solid #2223;margin:16px 0}.demo-service{font-size:45px;border:1px solid #ffffff2b;border-radius:17px;width:76px;height:76px;margin:25px auto 32px;display:grid;place-items:center}.linkedin-service{background:#0a66c2;font-size:42px;font-weight:750}.demo-panel[data-panel=linkedin] h2,.demo-panel[data-panel=github] h2{margin:24px 0 19px}.demo-repo{border:1px solid #fff2;border-radius:9px;padding:18px 12px;text-align:left;margin:25px 0}.demo-repo strong{font-size:11px;color:#e9a96c}.demo-repo p{font-size:10px;color:#a9b3c2;margin:13px 0}.demo-repo span{font-size:9px;color:#e6c876}.demo-email{text-align:left}.demo-email p{font-size:12px;line-height:1.8;padding:16px 0;border-bottom:1px solid #fff2}.demo-email span{color:#8996a8;margin-right:12px}.demo-email p:last-child{border:0;padding-top:27px}.intro-price{font-size:11px;border:1px solid #e572005c;color:#eda263;padding:5px 9px;border-radius:30px;display:inline-block;margin-top:14px}
@media(max-width:1150px){.demo-stage{height:525px}.demo-phone{width:246px;height:510px;right:0}.demo-card{width:225px;height:142px;top:344px;left:-15px}.demo-panel{padding:19px 14px}.demo-panel h2{font-size:20px}.demo-controls h3{font-size:19px}.demo-controls{gap:8px}}
@media(max-width:820px){.tap-demo{justify-self:center;max-width:440px;margin-top:25px}.demo-card{left:10px}.demo-phone{right:15px}}
@media(max-width:560px){.tap-demo{grid-area:visual;margin:30px auto 15px;max-width:350px}.demo-stage{height:510px}.demo-phone{right:0;width:240px;height:496px}.demo-card{left:0;top:339px;width:208px;height:132px}.demo-card>div{font-size:15px;left:15px;bottom:18px}.demo-card small{font-size:10px}.demo-card>span{font-size:15px}.demo-controls{padding-top:8px;min-height:105px}.demo-controls h3{font-size:19px}.demo-controls p:last-child{font-size:11px}.demo-controls button{padding:9px 11px}.demo-panel{padding:19px 14px}.demo-avatar{width:52px;height:52px;font-size:19px}.demo-panel h2{margin-top:12px;font-size:20px}.demo-bio{margin:11px 0}.demo-save{margin-top:14px}.demo-links a{padding:10px 2px}}
@media(prefers-reduced-motion:reduce){.demo-panel{transition:none}.is-tapping .demo-card,.is-tapping .demo-notification{animation:none}.is-tapping .demo-notification{opacity:1}}

@media(max-width:560px){.landing .intro-price{grid-area:badge;justify-self:start;margin-top:17px}.landing .hero{grid-template-areas:"label" "title" "visual" "description" "actions" "demo" "badge" "price"}}

@media(min-width:561px){.landing .intro-price{display:block;width:max-content;margin-top:18px}}
/* Classic artwork and finish-specific pricing. */
.demo-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}.demo-card>div{z-index:1}.demo-card small{letter-spacing:.1em}.classic-comparison{display:block;font-size:11px;font-weight:400;letter-spacing:0;color:#9dabc0;margin-bottom:5px}.current-price{display:block}.shop-bundles [data-bundle-price]{text-align:right}.builder-preview .card-face>img{width:100%;height:100%;object-fit:cover}.builder-preview .card-year{letter-spacing:.12em}
/* Card enters from above, touches the phone's upper reader, then settles to the side. No scaling. */
.demo-stage{height:590px}.demo-phone{top:45px}.demo-card{top:355px}.is-tapping .demo-card{animation:hoo-tap-down 2.4s cubic-bezier(.4,0,.2,1) both}.is-tapping .demo-notification{animation:hoo-detected 2.4s ease-in-out both}
@keyframes hoo-tap-down{0%{transform:translate(65px,-445px) rotate(-10deg);opacity:0}12%{opacity:1}40%,60%{transform:translate(65px,-315px) rotate(-10deg);opacity:1}100%{transform:translate(0,0) rotate(-10deg);opacity:1}}
.demo-panel{transition:opacity .22s ease,transform .22s ease}.demo-progress button{height:35px}.demo-progress button:after{top:2px}.demo-progress button:before{content:attr(data-label);position:absolute;top:12px;left:0;right:0;font-size:9px;color:#8e9bb0;white-space:nowrap;text-align:center}.demo-progress button.active:before{color:#efa265}.demo-panel h2{line-height:1.17}.demo-app-title{color:#efa265!important}
@media(max-width:1150px){.demo-stage{height:560px}.demo-card{top:360px}}
@media(max-width:560px){.demo-stage{height:548px}.demo-phone{top:40px}.demo-card{top:359px}.demo-progress button:before{font-size:8px}.demo-controls h3{font-size:18px}}
@media(prefers-reduced-motion:reduce){.is-tapping .demo-card,.is-tapping .demo-notification{animation:none}.demo-panel{transition:none}}

#owner-orders{padding:20px 0;border-bottom:1px solid #ffffff26;margin-bottom:24px}#owner-orders h2{font-size:22px;margin:0 0 12px}#owner-order-list{padding-left:20px}#owner-order-list li{margin:10px 0}#owner-order-list a{font-size:15px;text-decoration:underline}