/* ZIPDRIP v2 — a small, purposeful motion and visual system. */
:root{--ease:cubic-bezier(.2,.7,.2,1)}
header{background:#fff;border-bottom-color:transparent;backdrop-filter:none;transition:box-shadow .2s,border-color .2s}
header.scrolled{border-color:#e4eaf2;box-shadow:0 4px 22px #071c4808}
.nav{height:88px}.nav nav a{position:relative;padding-block:7px;transition:color .18s}.nav nav a:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .2s}.nav nav a.active{color:var(--blue)}.nav nav a.active:after{transform:scaleX(1)}
.button{transition:background .18s,transform .18s,box-shadow .18s}.button span{transition:transform .18s}.button:hover span{transform:translate(2px,-2px)}.button:active{transform:translateY(1px);box-shadow:none}.button.secondary[href^='#']:hover span{transform:translateY(3px)}
.hero{padding-block:55px 90px;gap:60px;grid-template-columns:1.08fr 1fr}.hero h1{font-size:clamp(52px,5.5vw,78px);letter-spacing:-.065em;line-height:1.06}.hero h2{font-size:21px;margin-top:25px}.hero p{max-width:400px;font-size:14px}.hero .eyebrow{font-size:9px;letter-spacing:.13em}.hero-art{height:540px;border-radius:140px 20px 20px 20px;margin-top:5px;background:#edf2f7}.garments{border-radius:140px 20px 20px 20px;object-position:center 38%;filter:saturate(.8)}.hero-art:after{border-radius:140px 20px 20px 20px;background:linear-gradient(0deg,#071c4860,transparent 40%)}.photo-label{top:32px;left:auto;right:28px;font-size:8px;max-width:130px;text-align:right;line-height:1.8}.delivery{bottom:65px;left:-25px;right:35px;border-radius:12px;box-shadow:0 16px 45px #071c4810;background:#fff}.visual-caption{position:absolute;bottom:24px;left:27px;right:27px;z-index:2;display:flex;justify-content:space-between;align-items:center;color:white;gap:16px}.visual-caption span:first-child{font-size:8px;letter-spacing:.15em;font-weight:700}.visual-caption span:last-child{font:italic 15px Georgia,serif}
.hero-copy>*{animation:hero-in .55s var(--ease) both}.hero-copy .eyebrow{animation-delay:20ms}.hero-copy h1{animation-delay:70ms}.hero-copy h2{animation-delay:120ms}.hero-copy p{animation-delay:160ms}.hero-copy .actions{animation-delay:190ms}.hero-copy .trust{animation-delay:230ms}.hero-art{animation:hero-image .6s var(--ease) both}.hero-art:before{content:'';width:110px;height:110px;position:absolute;right:-18px;top:35px;background:#d3f2f9;z-index:-1;border-radius:50%;animation:accent-in .6s var(--ease) both}
@keyframes hero-in{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:none}}@keyframes hero-image{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes accent-in{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}
.steps{position:relative;gap:30px;border-top:0;padding-top:15px;--progress:0}.steps:before,.steps:after{content:'';position:absolute;top:40px;left:22px;right:22px;height:2px;background:#e2e9f2;z-index:0}.steps:after{background:var(--blue);transform:scaleX(var(--progress));transform-origin:left;transition:transform .25s linear}.steps article{position:relative;padding-top:0;z-index:1}.step-top{margin-bottom:27px;flex-direction:row-reverse;justify-content:flex-end;gap:16px}.step-top b{width:51px;height:51px;border-radius:50%;border:5px solid white;background:#edf1f6;color:#728297;transition:background .25s,color .25s,box-shadow .25s}.step-top span{background:white;padding:5px 8px;color:#8190a4;transition:color .25s}.step-active .step-top b{background:var(--blue);color:white;box-shadow:0 0 0 1px #dce9ff}.step-active .step-top span{color:var(--blue)}.steps h3{font-size:22px}.steps article:hover .step-top b{transform:translateY(-2px)}
.pricing .center h2{max-width:700px;margin-inline:auto}.segments{position:relative;background:#e9eff6}.segments button{min-height:46px;transition:background .28s,box-shadow .28s,color .28s}.segments button:active,.select-row button:active{transform:translateY(1px)}.price-card{display:flex;flex-direction:column;border-radius:18px;transition:transform .25s,box-shadow .25s,border-color .25s,background .25s}.price-card p{margin-block:7px}.price-card .button{margin-top:25px}.price-card:hover,.price-card.selected{border-color:#5c97f6;box-shadow:0 12px 30px #075bef0c}.price-card.selected{background:#f9fbff}.price-card.student:hover,.price-card.student.selected{border-color:#7ba14f;background:#fcfef9}.price-card.student .button{background:#f1f7e8;border-color:#dce9cc;color:#315516}.price-card.student .button:hover{background:#e2efcf}.price-card.student .price{color:#284e26}.price-grid.changing .price-card{animation:cards-in .3s var(--ease) both}.price-grid.changing .price-card:nth-child(2){animation-delay:30ms}.price-grid.changing .price-card:nth-child(3){animation-delay:60ms}@keyframes cards-in{from{opacity:.25;transform:translateY(7px)}to{opacity:1;transform:none}}#package-note{min-height:38px;max-width:780px;margin-inline:auto}.selector{background:#f5f8fc;border:0;border-radius:22px}.selector-panel{padding:30px;box-shadow:0 15px 45px #071c4806}.select-row button{min-height:46px;transition:background .18s,border-color .18s,box-shadow .18s}.select-row button:hover{border-color:#85acf0}.select-row button[aria-pressed=true]{box-shadow:inset 0 0 0 1px #075bef10}.selection{padding-top:22px}.selection small{letter-spacing:.03em;margin-bottom:5px}.selection b{font-size:35px}
.benefits{gap:16px}.benefits article{border:1px solid #e5ebf2;border-radius:15px;padding:27px 23px;background:white;transition:transform .25s,box-shadow .25s,border-color .25s}.benefits article:hover{transform:translateY(-4px);border-color:#c2d9fb;box-shadow:0 12px 30px #071c4806}.benefits b{display:grid;place-items:center;width:47px;height:47px;border-radius:13px;background:#eff5ff;margin-bottom:29px;font-size:26px;transition:color .2s,background .2s}.benefits article:hover b{background:#dfeeff;color:#0049ce}.benefits h3{font-size:16px}.locations{display:grid;grid-template-columns:1fr 1fr;gap:14px}.locations>a{display:flex;flex-wrap:wrap;align-items:center;gap:10px;background:white;border:1px solid #dfe7f1;padding:24px 18px;min-height:108px;border-radius:13px;font-size:16px;letter-spacing:-.03em;font-weight:750;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}.locations>a>span{display:block;flex-basis:100%;font-size:9px;color:#8492a7;letter-spacing:.12em}.locations>a>b{font-size:20px;font-weight:500;margin-left:auto;color:var(--blue);transition:transform .2s}.locations>a:hover,.locations>a.selected{border-color:var(--blue);background:#f8fbff;transform:translateY(-3px);box-shadow:0 8px 20px #075bef08}.locations>a:hover b{transform:translate(2px,-2px)}.locations>a:active{transform:translateY(1px)}.locations .note{grid-column:1/-1;margin-top:0;font-size:10px}.area-grid{gap:75px}.faqs summary{transition:color .18s}.faqs summary:hover,.faqs details[open] summary{color:var(--blue)}.faqs summary:after{transition:color .2s}.faqs details[open]{background:#f8faff;border-radius:9px}.faqs details[open] summary,.faqs details[open] p{padding-left:15px}.faqs details p{animation:none}.final-cta{background:linear-gradient(115deg,#071c48 45%,#0a3c91);padding-block:70px}.cta-decoration{color:#2263c4;opacity:.35;transition:transform .3s}.final-cta:hover .cta-decoration{transform:translate(7px,-7px)}.reveal{transition:opacity .5s var(--ease),transform .5s var(--ease);transition-delay:var(--reveal-delay,0ms)}
@media(max-width:1100px){.hero{gap:35px}.hero h1{font-size:60px}.hero-art{height:500px}.nav{height:82px}.visual-caption span:last-child{display:none}.benefits article{padding:24px 17px}.area-grid{gap:40px}.locations>a{font-size:14px;padding:20px 14px}}
@media(max-width:760px){.nav{height:76px}.hero{padding-block:35px 55px;grid-template-columns:1fr;gap:34px}.hero h1{font-size:clamp(45px,12vw,68px);line-height:1.07}.desktop-break{display:none}.hero h2{font-size:18px;margin-top:21px}.hero p{font-size:13px;max-width:470px}.hero .eyebrow{font-size:8px;letter-spacing:.11em}.hero-art{height:400px;margin:0 4px 0 0;border-radius:95px 16px 16px 16px}.garments,.hero-art:after{border-radius:95px 16px 16px 16px}.hero-art:before{right:-5px;width:80px;height:80px}.delivery{left:14px;right:14px;bottom:60px;padding:15px}.visual-caption{bottom:23px;left:25px;right:25px}.visual-caption span:last-child{display:block;font-size:13px}.photo-label{font-size:7px;right:21px;top:25px}.steps{display:block;padding:0}.steps:before,.steps:after{top:30px;bottom:30px;left:22px;right:auto;width:2px;height:auto;transform:none}.steps:after{transform:scaleY(var(--progress));transform-origin:top}.steps article{border:0;padding:0 0 35px 75px;min-height:140px}.steps article:last-child{padding-bottom:0;min-height:110px}.step-top{display:block;margin-bottom:8px}.step-top b{display:grid;position:absolute;left:-2px;top:-3px;border-width:5px;background:#edf1f6}.step-top span{position:static;background:none;padding:0;font-size:9px;letter-spacing:.1em}.step-active .step-top b{background:var(--blue)}.steps h3{font-size:20px}.steps p{margin-top:9px}.steps article:hover .step-top b{transform:none}.pricing .center h2{font-size:30px}.price-card{padding:28px}.price-card .button{min-height:48px}.price-grid.changing .price-card{animation-delay:0ms!important}#package-note{min-height:68px}.selector{padding:30px 18px;gap:27px}.selector h2{font-size:32px}.selector-panel{padding:22px}.benefits{gap:14px}.benefits article{padding:22px 16px}.benefits b{width:42px;height:42px;margin-bottom:22px}.benefits h3{font-size:15px;line-height:1.3}.benefits p{font-size:11px}.area-grid{gap:30px}.locations{gap:12px}.locations>a{min-height:110px;font-size:15px;padding:20px 15px}.locations .note{font-size:10px}.final-cta{padding:40px 25px}.final-cta h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.hero-copy>*,.hero-art{opacity:1;transform:none}.steps:after{transition:none}}