:root{--ink:#171517;--paper:#fffdf9;--pink:#ef00a6;--muted:#665f63;--max:1280px}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;color:var(--paper);font-family:Arial,Helvetica,sans-serif;line-height:1.5}h1,h2,h3,p{margin:0}a{color:inherit;text-underline-offset:.2em}img{display:block;max-width:100%;height:auto}h1,h2,h3{font-weight:900;letter-spacing:-.055em;line-height:.98;max-width:100%;overflow-wrap:normal;word-break:normal;hyphens:none}.wrap{width:min(calc(100% - 6rem),var(--max));margin-inline:auto}.skip{position:absolute;top:-5rem;left:1rem;z-index:10;background:var(--pink);padding:1rem}.skip:focus{top:1rem}a:focus-visible{outline:3px solid var(--pink);outline-offset:5px}.header{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:2rem;border-bottom:1px solid #ffffff30}.logo{width:180px;background:white;padding:.3rem .5rem}.back{font-size:.8rem;font-weight:800;text-decoration:none}.back span{margin-left:1rem}.eyebrow{font-size:.72rem;letter-spacing:.15em;font-weight:800;color:var(--pink)}.intro{padding-top:clamp(4rem,8vw,7rem);padding-bottom:4rem}.intro h1{font-size:clamp(2.3rem,8.6vw,7.8rem);margin:2rem 0 3rem}.intro h1 span{color:var(--pink)}.intro-bottom{display:flex;justify-content:space-between;align-items:end;gap:2rem}.intro-bottom p{font-size:clamp(1rem,1.5vw,1.3rem);color:#d8ced2}.text-link{font-size:.85rem;font-weight:800;text-decoration:none;border-bottom:1px solid #ffffff60;padding-bottom:.6rem;white-space:nowrap}.text-link span{margin-left:1.5rem}.demo-section{background:var(--paper);color:var(--ink);padding:clamp(4rem,7vw,7rem) 0}.section-head{margin-bottom:3rem}.section-head .eyebrow{color:#a80073}.section-head h2{font-size:clamp(1.65rem,4.5vw,4rem);margin-top:1.3rem}.demo-card{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:center}.demo-image{overflow:hidden;background:#e5dcca}.demo-image img{aspect-ratio:1.15;object-fit:cover;transition:transform .4s}.demo-image:hover img{transform:scale(1.02)}.label{font-size:.65rem;letter-spacing:.08em;font-weight:800;color:var(--muted)}.demo-copy h3{font-size:clamp(2.25rem,4.3vw,3.7rem);margin:1.2rem 0 1.5rem}.demo-copy>p:not(.label):not(.note){max-width:40ch;color:var(--muted)}.features{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;padding:0;margin:1.7rem 0 2rem}.features li{border:1px solid #17151730;padding:.4rem .65rem;font-size:.7rem;font-weight:700}.button{display:inline-flex;justify-content:space-between;gap:2rem;align-items:center;max-width:100%;background:var(--ink);color:var(--paper);font-size:.85rem;font-weight:800;padding:1.1rem 1.3rem;text-decoration:none}.note{font-size:.75rem;color:var(--muted);margin-top:1.3rem;max-width:43ch}.contact-band{background:var(--pink);padding:clamp(4rem,7vw,7rem) 0}.contact-band .eyebrow{color:white}.contact-band h2{font-size:clamp(2.7rem,7vw,6.4rem);margin:2rem 0}.contact-band h2 span{color:var(--ink)}.contact-bottom{display:flex;justify-content:space-between;align-items:center;gap:2rem}.contact-bottom p{font-size:1.1rem}.footer{display:flex;justify-content:space-between;gap:2rem;padding-block:2.4rem;font-size:.75rem;color:#d8ced2}.footer a{font-weight:800;text-decoration:none}
.band-card{margin-top:5rem;padding-top:5rem;border-top:1px solid #17151730}.band-image{background:#060c1b}.band-image img{aspect-ratio:1;object-fit:contain;padding:1rem}
@media(max-width:850px){.wrap{width:calc(100% - 3rem)}.demo-card{grid-template-columns:1fr;gap:2rem}.demo-image img{aspect-ratio:1.5}.band-image img{aspect-ratio:1;object-fit:contain}.intro h1{font-size:clamp(2.6rem,10vw,5.7rem)}.section-head h2{font-size:clamp(1.8rem,5.8vw,3rem)}.intro-bottom{align-items:start;flex-direction:column}.contact-bottom{align-items:start;flex-direction:column}.footer{flex-wrap:wrap}}
@media(max-width:450px){.wrap{width:calc(100% - 2rem)}.header{min-height:86px;gap:1rem}.logo{width:130px}.back{font-size:.7rem}.back span{margin-left:.4rem}.intro{padding-top:3.2rem}.intro h1{font-size:clamp(1.9rem,9.8vw,3rem);margin-bottom:2rem}.section-head h2{font-size:clamp(1.4rem,6.8vw,1.85rem)}.demo-copy h3{font-size:2.5rem}.contact-band h2{font-size:3.2rem}.footer{gap:1rem;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.demo-image img{transition:none}.demo-image:hover img{transform:none}}