:root{color-scheme:dark;--bg:#03090a;--panel:#091315;--panel2:#0d191a;--line:rgba(205,255,242,.13);--text:#f1faf8;--muted:#94aaa5;--mint:#54efc3;--bright:#a6ffe5;--danger:#ff6570}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:#020607}body{margin:0;overflow-x:hidden;background:radial-gradient(circle at 70% 8%,rgba(19,135,139,.16),transparent 34rem),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}.skip-link{position:fixed;z-index:100;left:1rem;top:-4rem;padding:.7rem 1rem;background:var(--mint);color:#03100d}.skip-link:focus{top:1rem}.product-bar{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;min-height:82px;padding:0 clamp(1rem,5vw,4rem);border-bottom:1px solid var(--line);background:rgba(2,8,9,.92)}.brand{display:flex;align-items:center;gap:.75rem}.brand span,.brand strong,.brand small{display:block}.brand strong{font-size:1rem;line-height:1}.brand small{margin-top:.35rem;color:#718680;font:700 .55rem/1 ui-monospace,monospace;letter-spacing:.13em}.status{display:flex;align-items:center;gap:.55rem;color:#9fb4af;font-size:.66rem;text-transform:uppercase;letter-spacing:.09em}.status i{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 14px var(--mint)}
.hero{position:relative;min-height:680px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--line)}.hero-image{position:absolute;inset:0;background:url("media/cloth-next-hero.webp") center/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,5,6,.97) 0%,rgba(1,5,6,.9) 25%,rgba(1,5,6,.34) 58%,rgba(1,5,6,.08)),linear-gradient(0deg,rgba(2,8,9,.62),transparent 45%)}.hero-copy{position:relative;z-index:2;width:min(680px,88%);margin-left:max(1.25rem,calc((100vw - 1180px)/2));padding:6rem 0}.eyebrow,.kicker{color:var(--mint);font:800 .66rem/1 ui-monospace,monospace;letter-spacing:.16em}.hero h1{max-width:720px;margin:1.25rem 0 1.6rem;font-size:clamp(3.2rem,6.7vw,5.8rem);line-height:.94;letter-spacing:-.065em}.hero h1 em,.final-cta em{color:var(--bright);font-style:normal;font-weight:430}.hero-copy>p{max-width:590px;margin:0;color:#b5c7c3;font-size:1.03rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;min-height:48px;padding:.8rem 1.1rem;border:1px solid var(--line);border-radius:.65rem;font-size:.8rem;font-weight:800;transition:transform .2s,border-color .2s}.button:hover{transform:translateY(-2px)}.button.primary{border-color:var(--mint);background:var(--mint);color:#03100d}.button.ghost{background:rgba(6,15,16,.72);backdrop-filter:blur(8px)}.hero-facts{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:2rem;color:#718a84;font:700 .62rem ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em}.hero-facts span{padding-left:1rem;border-left:1px solid var(--line)}
.value-strip{display:grid;grid-template-columns:repeat(4,1fr);max-width:1180px;margin:0 auto;border-inline:1px solid var(--line)}.value-strip div{padding:1.2rem 1.35rem;border-right:1px solid var(--line);background:#071011}.value-strip div:last-child{border:0}.value-strip strong,.value-strip span{display:block}.value-strip strong{font-size:.82rem}.value-strip span{margin-top:.25rem;color:#718680;font-size:.65rem}.section{max-width:1180px;margin:0 auto;padding:8rem clamp(1.25rem,5vw,4rem)}h2{margin:.9rem 0 0;font-size:clamp(2.4rem,5vw,4.4rem);line-height:1.02;letter-spacing:-.055em}.opening{display:grid;grid-template-columns:1.15fr .85fr;gap:5rem;align-items:end}.opening-copy p{margin:0 0 1.2rem;color:#a5b8b3;font-size:.92rem}.result-shot{position:relative;max-width:1180px;margin:0 auto;overflow:hidden;border:1px solid var(--line);border-radius:1.15rem;background:#020809}.result-shot img{display:block;width:100%;height:auto}.result-shot figcaption{position:absolute;left:1.5rem;right:1.5rem;bottom:1.4rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1rem;border:1px solid var(--line);border-radius:.7rem;background:rgba(3,10,11,.74);backdrop-filter:blur(12px)}.result-shot figcaption span{color:var(--mint);font:800 .58rem ui-monospace,monospace;letter-spacing:.14em}.result-shot figcaption strong{font-size:.78rem}
.workflow{display:grid;grid-template-columns:1fr .72fr;gap:5rem;align-items:center}.workflow-copy>p{max-width:590px;color:#a2b5b0}.check-list{margin:2rem 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}.check-list li{position:relative;padding:.85rem .5rem .85rem 1.65rem;border-bottom:1px solid var(--line);color:#b9cbc6;font-size:.8rem}.check-list li:before{content:"✓";position:absolute;left:.25rem;color:var(--mint);font-weight:900}.ui-frame{margin:0;padding:.75rem;border:1px solid var(--line);border-radius:1rem;background:linear-gradient(145deg,#111c1d,#071011);box-shadow:0 28px 70px rgba(0,0,0,.35)}.ui-frame img{display:block;width:100%;border-radius:.5rem}.ui-frame figcaption{padding:.8rem .2rem .1rem;color:#718680;font:700 .58rem ui-monospace,monospace;text-transform:uppercase;letter-spacing:.1em}
.feature-band{display:grid;grid-template-columns:repeat(4,1fr);max-width:1180px;margin:0 auto;border:1px solid var(--line);border-radius:1rem;overflow:hidden;background:var(--line)}.feature-band article{position:relative;min-height:280px;padding:1.5rem;background:linear-gradient(145deg,#0d191a,#071112)}.feature-band article+article{border-left:1px solid var(--line)}.feature-band article>span{position:absolute;right:1.25rem;top:1.2rem;color:#425653;font:700 .6rem ui-monospace,monospace}.feature-band img{width:30px;height:30px;object-fit:contain}.feature-band h3{margin:3rem 0 .65rem;font-size:1.04rem}.feature-band p{margin:0;color:#829791;font-size:.76rem}
.bake{padding-block:8rem}.bake-card{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:4rem;padding:clamp(1.5rem,5vw,4rem);border:1px solid rgba(84,239,195,.22);border-radius:1rem;background:radial-gradient(circle at 15% 50%,rgba(84,239,195,.08),transparent 24rem),#091415}.bake-visual{display:grid;place-items:center;min-height:260px}.bake-visual img{width:min(100%,460px);image-rendering:auto;filter:drop-shadow(0 22px 30px rgba(0,0,0,.55))}.bake-copy p{color:#a2b5b0}.mini-features{display:grid;gap:.65rem;margin-top:1.5rem}.mini-features span{padding:.7rem .8rem;border-left:2px solid var(--mint);background:rgba(84,239,195,.035);color:#91a6a0;font-size:.72rem}.mini-features b{display:inline-block;min-width:3.4rem;color:var(--mint);font:800 .6rem ui-monospace,monospace;letter-spacing:.1em}
.reliability{display:grid;grid-template-columns:.8fr 1.2fr;gap:4rem}.reliability-lead p{color:#98aca6}.reliability-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;border:1px solid var(--line);border-radius:1rem;overflow:hidden;background:var(--line)}.reliability-grid article{min-height:210px;padding:1.4rem;background:#091415}.reliability-grid strong{color:var(--mint);font:800 .64rem ui-monospace,monospace;letter-spacing:.1em}.reliability-grid h3{margin:2.4rem 0 .55rem;font-size:.98rem}.reliability-grid p{margin:0;color:#7d928c;font-size:.72rem}.audience{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.audience-list{border-top:1px solid var(--line)}.audience-list span{display:block;padding:1rem .25rem;border-bottom:1px solid var(--line);color:#a7bab5;font-size:.82rem}.audience-list span:before{content:"→";margin-right:.8rem;color:var(--mint)}
.requirements{max-width:1060px;margin:1rem auto 8rem;padding:2.3rem;border:1px solid rgba(84,239,195,.22);border-radius:1rem;background:linear-gradient(135deg,rgba(84,239,195,.055),rgba(9,20,21,.9))}.requirements{display:grid;grid-template-columns:.8fr 1.2fr;gap:2rem 4rem}.requirements-title h2{font-size:clamp(2rem,4vw,3.3rem)}.requirement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;align-self:center;background:var(--line)}.requirement-grid span{padding:1rem;background:#071112}.requirement-grid small,.requirement-grid strong{display:block}.requirement-grid small{color:#637a74;font:700 .54rem ui-monospace,monospace;letter-spacing:.1em}.requirement-grid strong{margin-top:.45rem;font-size:.78rem}.requirements>p{grid-column:1/-1;margin:0;padding-top:1.2rem;border-top:1px solid var(--line);color:#7e938d;font-size:.7rem}.final-cta{padding:8rem 1.5rem;text-align:center;border-top:1px solid var(--line);background:radial-gradient(circle at 50% 65%,rgba(84,239,195,.09),transparent 28rem)}.final-cta img{margin-bottom:1rem}.final-cta h2{font-size:clamp(3rem,6vw,5.2rem)}.final-cta p{max-width:600px;margin:1.2rem auto;color:#93a8a2}.centered{justify-content:center}footer{display:grid;grid-template-columns:auto 1fr auto;gap:1.5rem;align-items:center;min-height:90px;padding:1rem max(1.25rem,calc((100vw - 1100px)/2));border-top:1px solid var(--line);color:#718680;font-size:.66rem}footer strong{color:var(--text)}footer a{color:var(--mint)}
@media(max-width:900px){.hero{min-height:620px}.value-strip,.feature-band{grid-template-columns:repeat(2,1fr)}.value-strip div:nth-child(2),.feature-band article:nth-child(2){border-right:0}.value-strip div:nth-child(-n+2){border-bottom:1px solid var(--line)}.feature-band article:nth-child(3){border-left:0}.opening,.workflow,.bake-card,.reliability,.audience,.requirements{grid-template-columns:1fr}.requirements>p{grid-column:1}.workflow{gap:3rem}.ui-frame{max-width:520px;margin:auto}.result-shot{border-radius:0;border-inline:0}}
@media(max-width:600px){.product-bar{min-height:72px}.brand img{width:40px}.status{display:none}.hero{min-height:680px;align-items:flex-end}.hero-image{background-position:64% center}.hero-shade{background:linear-gradient(0deg,#020809 8%,rgba(2,8,9,.92) 42%,rgba(2,8,9,.2) 78%)}.hero-copy{width:auto;margin:0;padding:5rem 1.25rem}.hero h1{font-size:clamp(3rem,14vw,4.4rem)}.hero-copy>p{font-size:.92rem}.hero-actions .button{width:100%}.value-strip,.feature-band,.reliability-grid,.requirement-grid{grid-template-columns:1fr}.value-strip div,.feature-band article,.feature-band article+article{border:0;border-bottom:1px solid var(--line)}.section{padding-block:5.5rem}.opening{gap:2.5rem}.result-shot figcaption{position:static;border:0;border-top:1px solid var(--line);border-radius:0}.result-shot figcaption strong{display:none}.feature-band{border-radius:0;border-inline:0}.feature-band article{min-height:220px}.bake-card{padding:1.3rem}.bake-visual{min-height:180px}.requirements{margin-bottom:5rem;border-radius:0;border-inline:0}.final-cta{padding-block:6rem}footer{grid-template-columns:1fr;gap:.3rem;padding-block:1.5rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Superhive's product-description viewport is a centered 980 px column. */
body{width:min(100%,980px);margin-inline:auto;border-inline:1px solid rgba(205,255,242,.07);box-shadow:0 0 80px rgba(0,0,0,.42)}
.hero-copy{margin-left:clamp(1.25rem,6vw,4.5rem)}