/* spinzcz.com home page (27 Sep 2026). Centred hero, then three sliders built from the real
   catalogue: an auto-moving tools strip, a coverflow of sound packs and a plugin spotlight.
   Shares the studio palette, Poppins type, the content rail and the hub cards. One H2 scale.
   Every moving part has a visible pause control and stops for prefers-reduced-motion. */
.home-page{--home-ink:#f5f0f7;--home-soft:#efe7f1;--home-muted:#b6adbf;--home-dim:#8f8699;--home-line:#ffffff17;--home-panel:#14101b;--home-pink:#ffabd5;--home-ease:cubic-bezier(.2,.75,.2,1);--home-spring:cubic-bezier(.34,1.3,.4,1);--home-h2:clamp(28px,3.3vw,40px)}
.home-page .hub-main{min-height:0;overflow-x:clip}
.home-page .hub-main:before{background:radial-gradient(ellipse at 50% 0%,#a52a7026,transparent 50%),radial-gradient(ellipse at 0 48%,#48327918,transparent 46%),radial-gradient(ellipse at 100% 70%,#0a7d6b12,transparent 42%),radial-gradient(ellipse at 20% 100%,#a52a7014,transparent 44%)}
.home-page section{position:relative}

/* ---------- shared bits ---------- */
.home-page .home-section{padding:64px 0 8px}
.home-page .home-section+.home-section{border-top:1px solid var(--home-line);margin-top:56px}
.home-page .home-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:28px}
.home-page .home-head h2{font-size:var(--home-h2);font-weight:500;line-height:1.12;letter-spacing:-.045em;color:var(--home-soft);margin:0;max-width:24ch}
.home-page .home-head h2 em{font-style:normal;color:var(--home-pink)}
.home-page .home-head p{margin:12px 0 0;font-size:14px;line-height:1.8;color:var(--home-muted)!important;max-width:54ch}
.home-page .home-head .hub-eyebrow{margin-bottom:14px!important}
.home-page .home-more{flex:none;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 4px;color:#f0d9ed;text-decoration:none;font-size:13px;white-space:nowrap;transition:color .2s}
.home-page .home-more:hover{color:var(--home-pink)}
.home-page .home-more svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s var(--home-ease)}
.home-page .home-more:hover svg{transform:translateX(3px)}
.home-page .home-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px}
.home-page .home-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 24px;border-radius:999px;font-size:14px;font-weight:600;letter-spacing:-.01em;text-decoration:none;transition:transform .35s var(--home-ease),box-shadow .35s,background-color .2s,border-color .2s}
.home-page .home-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.home-page .home-btn-primary{color:#1a0d16;background-image:linear-gradient(120deg,#ffb7dc,#ff98cb 55%,#ff8fc4);box-shadow:0 14px 40px #ff98cb2e,0 1px 0 #fff3 inset}
.home-page .home-btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 55px #ff98cb4a,0 1px 0 #fff3 inset}
.home-page .home-btn-secondary{color:var(--home-ink);border:1px solid #ffffff2c;background:#ffffff06}
.home-page .home-btn-secondary:hover{border-color:#ffffff55;background:#ffffff0c}
.home-page .home-fine{margin:16px 0 0;font-size:12px;color:var(--home-dim)!important;letter-spacing:.01em}
.home-page .home-fine b{color:var(--home-muted);font-weight:500}
/* round slider controls, shared by all three sliders */
.home-page .sl-btn{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid #ffffff24;background:#ffffff08;color:#f0e6f3;cursor:pointer;transition:background-color .2s,border-color .2s,transform .3s var(--home-ease)}
.home-page .sl-btn:hover{background:#ffffff14;border-color:#ffffff44}
.home-page .sl-btn:active{transform:scale(.94)}
.home-page .sl-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.home-page .sl-pause .i-play{display:none}.home-page .sl-pause[aria-pressed=true] .i-play{display:block}.home-page .sl-pause[aria-pressed=true] .i-pause{display:none}
.home-page .sl-pause .i-play{fill:currentColor;stroke:none}

/* ---------- hero: centred ---------- */
.home-page .hx{padding:clamp(34px,5vh,64px) 0 0;isolation:isolate}
.home-page .hx-aura{position:absolute;inset:-10% 0 30%;z-index:-1;pointer-events:none;overflow:hidden}
.home-page .hx-aura i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;mix-blend-mode:screen}
.home-page .hx-aura i:nth-child(1){width:44vw;height:44vw;max-width:620px;max-height:620px;left:50%;top:-8%;transform:translateX(-78%);background:radial-gradient(circle,#ff5fb8 0,transparent 62%)}
.home-page .hx-aura i:nth-child(2){width:38vw;height:38vw;max-width:540px;max-height:540px;left:50%;top:0;transform:translateX(-4%);background:radial-gradient(circle,#7a5cff 0,transparent 62%);opacity:.42}
.home-page .hx-aura i:nth-child(3){width:30vw;height:30vw;max-width:420px;max-height:420px;left:50%;top:26%;transform:translateX(-40%);background:radial-gradient(circle,#19c7b0 0,transparent 64%);opacity:.22}
@media(prefers-reduced-motion:no-preference){.home-page .hx-aura i{animation:hx-drift 18s ease-in-out infinite alternate}.home-page .hx-aura i:nth-child(2){animation-duration:22s;animation-delay:-6s}.home-page .hx-aura i:nth-child(3){animation-duration:26s;animation-delay:-11s}@keyframes hx-drift{50%{margin-left:4vw;margin-top:3vh}100%{margin-left:-3vw;margin-top:-2vh}}}
.home-page .hx-inner{display:flex;flex-direction:column;align-items:center;text-align:center}
.home-page .hx-eyebrow{justify-content:center}
.home-page .hx h1{font-size:clamp(44px,5.4vw,80px);font-weight:500;line-height:1.02;letter-spacing:-.06em;margin:0;color:var(--home-ink)}
.home-page .hx h1 em{font-style:normal;background-image:linear-gradient(100deg,#fff0fc 0%,#ffabd5 45%,#ed73b8 70%,#b99bff 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.home-page .hx-lead{margin:20px auto 0;font-size:clamp(14px,1.2vw,16px);line-height:1.75;color:var(--home-muted)!important;max-width:66ch}
.home-page .hx-actions{justify-content:center}

/* ---------- tools strip: endless, draggable, pausable ---------- */
.home-page .tm{margin-top:clamp(28px,4.5vh,48px);padding-bottom:4px}
.home-page .tm-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:6px}
.home-page .tm-label{margin:0;display:flex;align-items:center;gap:10px;font:11px/1.5 var(--m-mono,monospace);letter-spacing:.17em;text-transform:uppercase;color:#d1bad5!important}
.home-page .tm-live{width:8px;height:8px;border-radius:50%;background:#7dffb0;box-shadow:0 0 0 0 #7dffb099}
@media(prefers-reduced-motion:no-preference){.home-page .tm-live{animation:tm-ping 2.2s ease-out infinite}@keyframes tm-ping{0%{box-shadow:0 0 0 0 #7dffb099}100%{box-shadow:0 0 0 10px #7dffb000}}}
.home-page .tm-controls{display:flex;align-items:center;gap:8px}
.home-page .tm-viewport{position:relative;overflow:hidden;padding:12px 0 26px;cursor:grab;touch-action:pan-y;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%)}
.home-page .tm-viewport.is-dragging{cursor:grabbing}
.home-page .tm-viewport.is-dragging a{pointer-events:none}
.home-page .tm-track{display:flex;gap:18px;margin:0;padding:0 0 0 18px;list-style:none;width:max-content;will-change:transform;perspective:1200px}
.home-page .tm-card{flex:none;width:372px;--mx:50%;--my:50%}
.home-page .tm-card>a{grid-template-columns:minmax(0,1fr) 132px;align-items:center;min-height:0;height:100%;padding:18px 16px 18px 20px;gap:14px}
.home-page .tm-card .hub-art{height:132px;margin:0}
.home-page .tm-card .hub-instrument{width:132px;max-height:none;aspect-ratio:1.02;padding:9px 9px 7px}
.home-page .tm-card .hub-category{margin-bottom:8px}
.home-page .tm-card h3{margin:0 0 5px;font-weight:500;font-size:21px;line-height:1.2;letter-spacing:-.04em;color:var(--home-ink)}
.home-page .tm-card h3 small{font-size:11px;vertical-align:super;margin-left:4px;color:var(--accent);font-weight:400;letter-spacing:0}
.home-page .tm-card p{margin:0 0 12px;font-size:12px;line-height:1.6;min-height:3.2em}
/* pointer-following light on every card */
.home-page .tm-card:before,.home-page .cf-card:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;background:radial-gradient(260px circle at var(--mx) var(--my),color-mix(in srgb,var(--accent,#ffabd5) 16%,transparent),transparent 60%);opacity:0;transition:opacity .35s}
.home-page .tm-card:hover:before,.home-page .cf-card:hover:before{opacity:1}
.home-page .tm-card[aria-hidden=true]{pointer-events:auto}

/* ---------- sound packs: coverflow ---------- */
.home-page .cf-stage{position:relative;perspective:1400px;touch-action:pan-y;user-select:none}
.home-page .cf-track{position:relative;height:var(--cf-h,400px);margin:0;padding:0;list-style:none;transform-style:preserve-3d;transition:height .5s var(--home-ease)}
.home-page .cf-slide{position:absolute;left:50%;top:0;width:min(660px,58vw);transform:translateX(-50%);transition:transform .8s var(--home-ease),opacity .6s,filter .6s;will-change:transform}
.home-page .cf-slide[data-pos="0"]{z-index:3;transform:translateX(-50%) translateZ(0)}
.home-page .cf-slide[data-pos="-1"]{z-index:2;transform:translateX(-112%) translateZ(-200px) rotateY(24deg);opacity:.55;filter:saturate(.7) brightness(.7)}
.home-page .cf-slide[data-pos="1"]{z-index:2;transform:translateX(12%) translateZ(-200px) rotateY(-24deg);opacity:.55;filter:saturate(.7) brightness(.7)}
.home-page .cf-slide[data-pos="hidden"]{z-index:1;opacity:0;transform:translateX(-50%) translateZ(-400px);pointer-events:none}
.home-page .cf-card{position:relative;display:block;border-radius:22px;overflow:hidden;border:1px solid #ffffff22;background:var(--home-panel);color:inherit;text-decoration:none;box-shadow:0 40px 80px #000a,0 1px 0 #ffffff1c inset;--accent:#ffabd5}
.home-page .cf-slide:not([data-pos="0"]) .cf-card{pointer-events:none}
.home-page .cf-slide:not([data-pos="0"]){cursor:pointer}
.home-page .cf-art{display:block;aspect-ratio:1600/905;overflow:hidden}
.home-page .cf-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--home-ease)}
.home-page .cf-slide[data-pos="0"] .cf-card:hover .cf-art img{transform:scale(1.04)}
.home-page .cf-copy{position:absolute;left:0;right:0;bottom:0;z-index:2;display:grid;grid-template-columns:1fr auto;grid-template-areas:"cat cat" "title price" "desc open";column-gap:18px;row-gap:4px;padding:56px 22px 18px;background:linear-gradient(180deg,transparent,#0a0710d9 42%,#0a0710f5)}
.home-page .cf-slide:not([data-pos="0"]) .cf-copy{opacity:0}
.home-page .cf-copy{transition:opacity .5s}
.home-page .cf-cat{grid-area:cat;font:10px/1.5 var(--m-mono,monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--home-pink)}
.home-page .cf-title{grid-area:title;font-size:24px;font-weight:500;letter-spacing:-.04em;color:var(--home-ink);line-height:1.2}
.home-page .cf-desc{grid-area:desc;font-size:12px;line-height:1.6;color:var(--home-muted);max-width:40ch}
.home-page .cf-price{grid-area:price;align-self:end;justify-self:end;display:flex;align-items:baseline;gap:6px;white-space:nowrap;color:var(--home-ink);font-size:13px}
.home-page .cf-price strong{font-size:20px;font-weight:600;letter-spacing:-.02em}
.home-page .cf-price s{color:var(--home-dim)}
.home-page .cf-price small{font-size:11px;color:var(--home-muted)}
.home-page .cf-open{grid-area:open;align-self:end;justify-self:end;display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#f0d9ed;white-space:nowrap}
.home-page .cf-open svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.home-page .cf-arrow{position:absolute;top:calc(50% - 22px);z-index:5;background:#0f0b16cc;backdrop-filter:blur(10px)}
.home-page .cf-prev{left:0}.home-page .cf-next{right:0}
.home-page .cf-nav{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:18px}
.home-page .cf-dots{display:flex;gap:8px}
.home-page .cf-dot{position:relative;width:34px;height:44px;border:0;background:none;padding:0;cursor:pointer}
.home-page .cf-dot:before{content:"";position:absolute;left:0;right:0;top:20px;height:4px;border-radius:4px;background:#ffffff22}
.home-page .cf-dot:after{content:"";position:absolute;left:0;top:20px;height:4px;width:0;border-radius:4px;background:linear-gradient(90deg,#ffb7dc,#ff98cb)}
.home-page .cf-dot[aria-current=true]:after{width:var(--progress,100%)}

/* ---------- plugins: spotlight ---------- */
.home-page .ps-tabs{display:flex;align-items:stretch;gap:10px;margin-bottom:22px;flex-wrap:wrap}
.home-page .ps-tab{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:180px;padding:12px 18px 16px;border-radius:14px;border:1px solid var(--home-line);background:#ffffff05;color:var(--home-muted);font:inherit;text-align:left;cursor:pointer;overflow:hidden;transition:border-color .3s,background-color .3s,color .3s}
.home-page .ps-tab span{font-size:16px;font-weight:500;letter-spacing:-.02em;color:inherit}
.home-page .ps-tab small{font:10px/1.5 var(--m-mono,monospace);letter-spacing:.12em;text-transform:uppercase;opacity:.8}
.home-page .ps-tab i{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--ps-a)}
.home-page .ps-tab[aria-selected=true]{color:var(--home-ink);border-color:color-mix(in srgb,var(--ps-a) 50%,transparent);background:color-mix(in srgb,var(--ps-a) 8%,transparent)}
.home-page .ps-tab[aria-selected=true] i{width:var(--progress,100%)}
.home-page .ps-tabs .sl-pause{align-self:center;margin-left:auto}
.home-page .ps-panels{position:relative}
.home-page .ps-slide{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr);align-items:center;gap:44px;padding:34px;border-radius:26px;border:1px solid #ffffff1a;background:radial-gradient(ellipse at 20% 30%,color-mix(in srgb,var(--ps-b) 30%,transparent),transparent 60%),linear-gradient(125deg,#ffffff06,#ffffff00 60%),var(--home-panel);animation:ps-in .7s var(--home-ease) both}
@keyframes ps-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.home-page .ps-stage{perspective:1400px}
.home-page .ps-window{border-radius:14px;overflow:hidden;border:1px solid #ffffff2a;background:#0c0a12;box-shadow:0 40px 90px #000b,0 0 0 1px #00000040;transform:rotateY(-8deg) rotateX(3deg);transition:transform .9s var(--home-ease)}
.home-page .ps-slide:hover .ps-window{transform:rotateY(-2deg) rotateX(1deg) translateY(-4px)}
.home-page .ps-bar{display:flex;align-items:center;gap:7px;height:30px;padding:0 12px;background:#17131f;border-bottom:1px solid #ffffff12}
.home-page .ps-bar i{width:9px;height:9px;border-radius:50%;background:#ffffff2a}
.home-page .ps-bar i:first-child{background:#ff6b6b99}.home-page .ps-bar i:nth-child(2){background:#ffd27f99}.home-page .ps-bar i:nth-child(3){background:#7dffb099}
.home-page .ps-bar span{margin-left:8px;font:10px/1 var(--m-mono,monospace);letter-spacing:.12em;color:#b9aec3;text-transform:uppercase}
.home-page .ps-window img{display:block;width:100%;height:auto}
.home-page .ps-cat{margin:0 0 10px!important;font:11px/1.5 var(--m-mono,monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--ps-a)!important}
.home-page .ps-copy h3{margin:0;font-size:clamp(34px,3.6vw,48px);font-weight:500;line-height:1.05;letter-spacing:-.05em;color:var(--home-ink)}
.home-page .ps-desc{margin:14px 0 0;font-size:15px;line-height:1.75;color:var(--home-muted)!important;max-width:40ch}
.home-page .ps-price{display:flex;align-items:baseline;gap:8px;margin:18px 0 22px;color:var(--home-ink)}
.home-page .ps-price strong{font-size:26px;font-weight:600;letter-spacing:-.03em}
.home-page .ps-price small{font-size:12px;color:var(--home-muted)}

/* ---------- plans ---------- */
.home-page .home-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0 0 14px;margin:0;list-style:none}
.home-page .home-plan{position:relative;display:flex;flex-direction:column;padding:26px 24px 22px;border:1px solid #ffffff1c;border-radius:20px;background:linear-gradient(125deg,#ffffff05,#ffffff00 65%),var(--home-panel);transition:border-color .3s,transform .4s var(--home-ease),box-shadow .4s var(--home-ease)}
.home-page .home-plan:hover{border-color:#ffabd560;transform:translateY(-3px);box-shadow:0 18px 45px #0003}
.home-page .home-plan-pro{border-color:#ffabd54d;background:linear-gradient(160deg,#ff98cb14,#ffffff00 50%),var(--home-panel)}
.home-page .home-plan-flag{position:absolute;top:-11px;right:18px;padding:4px 10px;border-radius:999px;background:#f2e8f4;color:#231529;font:10px/1.4 var(--m-mono,monospace);letter-spacing:.12em;text-transform:uppercase}
.home-page .home-plan h3{margin:0;font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--home-ink)}
.home-page .home-plan .home-plan-for{margin:4px 0 16px;font-size:12px;line-height:1.6;color:var(--home-muted)!important}
.home-page .home-price{display:flex;align-items:baseline;gap:4px;color:var(--home-ink)}
.home-page .home-price small{font-size:13px;color:var(--home-muted);font-weight:500}
.home-page .home-price b{font-size:44px;font-weight:500;letter-spacing:-.05em;line-height:1}
.home-page .home-price span{font-size:12px;color:var(--home-muted)}
.home-page .home-plan-year{margin:6px 0 0;font-size:11px;color:var(--home-dim)!important;line-height:1.6}
.home-page .home-plan ul{margin:18px 0 22px;padding:0;list-style:none;display:grid;gap:9px;font-size:12.5px;line-height:1.55;color:var(--home-muted)}
.home-page .home-plan li{display:flex;gap:9px;align-items:flex-start}
.home-page .home-plan li:before{content:'';flex:none;width:14px;height:14px;margin-top:3px;border-radius:50%;background:#ff98cb1a;border:1px solid #ff98cb66;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3.5 7.2l2.3 2.3 4.7-5' fill='none' stroke='%23ffc5e3' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:100%}
.home-page .home-plan li.is-off{color:var(--home-dim)}
.home-page .home-plan li.is-off:before{background:#ffffff08;border-color:#ffffff22;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M4 7h6' fill='none' stroke='%238f8699' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E")}
.home-page .home-plan .home-btn{margin-top:auto;min-height:46px;font-size:13px}
.home-page .home-plan-note{margin:14px 0 0;font-size:11px;color:var(--home-dim)!important;line-height:1.7}

/* ---------- guides ---------- */
.home-page .home-guides{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0 0 14px;margin:0;list-style:none}
.home-page .home-guide{display:flex;flex-direction:column;min-height:170px;padding:20px 20px 18px;border:1px solid var(--home-line);border-radius:16px;background:linear-gradient(125deg,#ffffff05,#ffffff00 65%),#14101bb0;color:inherit;text-decoration:none;transition:border-color .3s,transform .4s var(--home-ease),box-shadow .4s var(--home-ease)}
.home-page .home-guide:hover{border-color:#ffabd560;transform:translateY(-3px);box-shadow:0 18px 45px #0003}
.home-page .home-guide .hub-category{margin-bottom:14px}
.home-page .home-guide h3{margin:0 0 8px;font-size:17px;font-weight:500;line-height:1.3;letter-spacing:-.02em;color:var(--home-ink)}
.home-page .home-guide p{margin:0 0 16px;font-size:12px;line-height:1.7;color:var(--home-muted)!important}
.home-page .home-guide .hub-open{margin-top:auto}

/* ---------- final call and footer ---------- */
.home-page .home-end{margin:64px 0 0;padding:48px 28px;border-radius:24px;border:1px solid #ffabd533;background:radial-gradient(ellipse at 20% 0%,#ff98cb22,transparent 55%),radial-gradient(ellipse at 100% 100%,#48327940,transparent 55%),var(--home-panel);text-align:center}
.home-page .home-end h2{font-size:var(--home-h2);font-weight:500;line-height:1.12;letter-spacing:-.045em;color:var(--home-soft);margin:0}
.home-page .home-end p{margin:12px auto 0;font-size:14px;line-height:1.8;color:var(--home-muted)!important;max-width:44ch}
.home-page .home-end .home-actions{justify-content:center;margin-top:24px}
.home-page .home-footer{margin-top:40px;padding:26px 0 34px;border-top:1px solid var(--home-line);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.home-page .home-footer p{margin:0;font-size:12px;color:var(--home-dim)!important}
.home-page .home-footer nav{display:flex;flex-wrap:wrap;gap:4px 20px}
.home-page .home-footer nav a{color:#d9cde2;font-size:12px;text-decoration:none;min-height:32px;display:inline-flex;align-items:center}
.home-page .home-footer nav a:hover{color:var(--home-pink)}
.home-page .home-footer small{width:100%;font-size:11px;color:var(--home-dim)}

/* ---------- responsive ---------- */
@media(max-width:1100px){.home-page .home-plans{gap:12px}.home-page .home-plan{padding:22px 20px 20px}.home-page .home-price b{font-size:40px}.home-page .ps-slide{gap:30px;padding:26px}}
@media(max-width:900px){.home-page .home-plans{grid-template-columns:1fr;max-width:520px}.home-page .home-guides{grid-template-columns:1fr}.home-page .home-head{flex-direction:column;align-items:flex-start;gap:10px}.home-page .home-head h2{max-width:none}.home-page .ps-slide{grid-template-columns:1fr;gap:24px}.home-page .ps-window{transform:none}.home-page .cf-slide{width:min(520px,78vw)}.home-page .cf-slide[data-pos="-1"]{transform:translateX(-128%) translateZ(-160px) rotateY(22deg)}.home-page .cf-slide[data-pos="1"]{transform:translateX(28%) translateZ(-160px) rotateY(-22deg)}}
@media(max-width:760px){.home-page .home-section{padding-top:48px}.home-page .home-section+.home-section{margin-top:40px}.home-page .hx{padding-top:40px}.home-page .hx h1{font-size:clamp(40px,11.5vw,54px)}.home-page .hx-lead{font-size:14px}.home-page .home-actions{gap:10px}.home-page .hx-actions{flex-wrap:nowrap;width:100%;max-width:360px}.home-page .hx-actions .home-btn{flex:1 1 auto;white-space:nowrap;padding:0 16px;font-size:13px}.home-page .tm-label{font-size:10px;letter-spacing:.12em}.home-page .tm-controls [data-marquee-prev],.home-page .tm-controls [data-marquee-next]{display:none}.home-page .tm{margin-top:36px}.home-page .tm-head{margin-bottom:8px}.home-page .tm-controls .home-more{display:none}.home-page .tm-controls .sl-btn{width:40px;height:40px}.home-page .tm-card{width:300px}.home-page .tm-card>a{grid-template-columns:minmax(0,1fr) 108px;padding:16px 14px 16px 16px;gap:10px}.home-page .tm-card .hub-art{height:108px}.home-page .tm-card .hub-instrument{width:108px;padding:7px}.home-page .tm-card h3{font-size:19px}.home-page .tm-card p{font-size:11.5px}.home-page .tm-track{gap:14px}.home-page .tm-viewport{-webkit-mask-image:none;mask-image:none}.home-page .cf-stage{perspective:none}.home-page .cf-slide{width:86vw}.home-page .cf-slide[data-pos="-1"]{transform:translateX(-150%) scale(.9);opacity:.4}.home-page .cf-slide[data-pos="1"]{transform:translateX(50%) scale(.9);opacity:.4}.home-page .cf-arrow{display:none}.home-page .cf-copy{position:static;grid-template-columns:1fr;grid-template-areas:"cat" "title" "desc" "price" "open";padding:16px 18px 18px;background:var(--home-panel)}.home-page .cf-price,.home-page .cf-open{justify-self:start}.home-page .cf-price{margin-top:8px}.home-page .ps-tab{min-width:0;flex:1 1 0}.home-page .ps-tabs .sl-pause{margin-left:0}.home-page .ps-slide{padding:18px;border-radius:20px}.home-page .ps-copy h3{font-size:34px}.home-page .ps-desc{font-size:14px}.home-page .home-end{margin-top:44px;padding:34px 20px}.home-page .home-footer{padding-bottom:28px}.home-page .home-footer nav{gap:2px 16px}}
@media(max-width:380px){.home-page .hx h1{font-size:38px}.home-page .home-price b{font-size:36px}.home-page .tm-card{width:282px}}

/* 27 Sep owner feedback: no spaced monospace capital labels, no glowing status dots on the
   home page. Plain Poppins, normal case, only where the words carry information. */
.home-page .tm-head{justify-content:flex-end}
.home-page .tm-card .hub-category{display:none}
.home-page .ps-tab small{font:400 12px/1.4 Poppins,Arial,sans-serif;letter-spacing:0;text-transform:none;opacity:.75}
.home-page .ps-bar span{font:500 11px/1 Poppins,Arial,sans-serif;letter-spacing:0;text-transform:none}
.home-page .home-plan-flag{font:600 11px/1.4 Poppins,Arial,sans-serif;letter-spacing:0;text-transform:none}
.home-page .home-guide-time{display:block;margin-bottom:12px;font-size:12px;color:var(--home-dim)}
.home-page .home-head h2{margin-top:0}

/* short laptop screens: keep the whole tools strip on the first screen */
@media(min-width:761px) and (max-height:820px){.home-page .hx{padding-top:20px}.home-page .hx .hub-eyebrow{margin-bottom:12px!important}.home-page .hx h1{font-size:clamp(40px,4.6vw,62px)}.home-page .hx-lead{margin-top:14px;max-width:74ch}.home-page .hx-actions{margin-top:20px}.home-page .hx-fine{margin-top:10px}.home-page .tm{margin-top:20px}.home-page .tm-viewport{padding-top:8px}}
@media(prefers-reduced-motion:reduce){.home-page .home-plan,.home-page .home-guide,.home-page .home-btn,.home-page .home-more svg,.home-page .cf-slide,.home-page .ps-window,.home-page .cf-art img{transition:none!important}.home-page .ps-slide{animation:none}.home-page .tm-viewport{overflow-x:auto;scroll-snap-type:x mandatory}.home-page .tm-card{scroll-snap-align:start}}