:root{
  --ink:#0c3a52; --sea:#12a3a0; --sea-d:#0b7d7b; --sun:#ffc43d; --foam:#eaf6f6; --mist:#f6fafb; --white:#fff;
  --text:#35505e; --muted:#62808d; --line:#d3e5e8; --r:28px;
  --head:'Bricolage Grotesque',system-ui,sans-serif; --body:'Figtree',system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{font:400 1.05rem/1.65 var(--body);color:var(--text);background:var(--mist);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit}
ul,ol{list-style:none;padding:0}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:-999px;top:8px;background:#fff;padding:.5rem 1rem;z-index:99}.skip:focus{left:8px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
h1,h2,h3{font-family:var(--head);color:var(--ink);line-height:1.04;letter-spacing:-.025em;font-weight:600}
h2{font-size:clamp(2.2rem,4.6vw,3.6rem)}
h3{font-size:1.25rem;letter-spacing:-.01em;line-height:1.2}
.pad{padding-inline:clamp(1.2rem,5vw,5rem)}

.btn{display:inline-block;padding:.95rem 1.8rem;font:600 .98rem var(--body);text-decoration:none;border:2px solid transparent;border-radius:999px;cursor:pointer;transition:transform .2s,background .2s,color .2s,border-color .2s}
.btn:hover{transform:translateY(-2px)}
.btn-sun{background:var(--sun);color:var(--ink)}.btn-sun:hover{background:#ffd163}
.btn-ink{background:var(--ink);color:#fff}.btn-ink:hover{background:#0f4d6c}
.btn-line{border-color:var(--ink);color:var(--ink)}.btn-line:hover{background:var(--ink);color:#fff}

/* floating pill nav */
.nav{position:sticky;top:14px;z-index:50;display:flex;align-items:center;justify-content:space-between;margin:14px clamp(.8rem,3vw,2.5rem) 0;padding:.4rem .5rem .4rem 1.2rem;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-radius:999px;box-shadow:0 10px 30px -14px rgba(12,58,82,.35)}
.brand img{height:46px;width:auto}
.menu{display:flex;align-items:center;gap:2rem}
.menu a:not(.btn){text-decoration:none;font-weight:600;font-size:.95rem;color:var(--ink)}
.menu a:not(.btn):hover{color:var(--sea-d)}
.menu .btn{padding:.7rem 1.4rem}
.burger{display:none;background:none;border:0;width:46px;height:46px;cursor:pointer;position:relative}
.burger span{position:absolute;left:12px;right:12px;height:2px;background:var(--ink);transition:transform .25s}
.burger span:first-child{top:18px}.burger span:last-child{top:26px}
.burger[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}
.burger[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}

/* hero */
.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:3rem;align-items:center;padding:clamp(2.5rem,6vw,5rem) clamp(1.2rem,5vw,5rem) clamp(3rem,7vw,6rem);margin-top:-72px;padding-top:calc(clamp(2.5rem,6vw,5rem) + 72px);background:var(--foam);border-radius:0 0 60px 60px}
.place{display:inline-block;background:#fff;padding:.4rem 1rem;border-radius:999px;font-size:.9rem;font-weight:600;color:var(--sea-d);margin-bottom:1.5rem}
.hero h1{font-size:clamp(3rem,7.6vw,6.6rem);font-weight:700;line-height:.95;margin-bottom:1.6rem;animation:rise .9s cubic-bezier(.2,.7,.2,1) both}
.hero h1 span{display:block}
.hero h1 span:nth-child(2){color:var(--sea)}
.hero h1 span:nth-child(3){color:var(--ink);background:linear-gradient(transparent 62%,var(--sun) 62% 90%,transparent 90%);display:inline;padding-right:.1em}
.lead{max-width:34rem;font-size:1.2rem;margin-bottom:2rem}
.actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:2rem}
.hero-contact{display:flex;flex-wrap:wrap;gap:.4rem 1.8rem;font-weight:600;color:var(--ink)}
.hero-contact a{text-decoration:none;border-bottom:2px solid var(--sun)}
.hero-art{position:relative;max-width:480px;justify-self:center;width:100%}
.arch{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:999px 999px 28px 28px;position:relative;z-index:1;box-shadow:0 30px 60px -30px rgba(12,58,82,.5)}
.sun{position:absolute;width:62%;aspect-ratio:1;border-radius:50%;background:var(--sun);top:-6%;right:-14%}
.sticker{position:absolute;z-index:2;left:-12%;bottom:8%;width:9.5rem;aspect-ratio:1;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-content:center;text-align:center;padding:1rem;transform:rotate(-8deg);box-shadow:0 12px 30px -10px rgba(12,58,82,.6)}
.sticker strong{font:700 2.6rem/1 var(--head)}
.sticker span{font-size:.72rem;line-height:1.25;font-weight:500}
.sticker.teal{background:var(--sea);left:auto;right:-8%;bottom:-3%;transform:rotate(7deg)}
@keyframes rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}

.marquee{display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:center;justify-content:space-between;margin:2rem clamp(1.2rem,5vw,5rem) 0;padding:1.1rem 1.6rem;background:var(--ink);color:#fff;border-radius:999px}
.marquee p{font:600 1.1rem var(--head)}
.marquee ul{display:flex;flex-wrap:wrap;gap:.5rem}
.marquee li{font-size:.85rem;font-weight:600;padding:.35rem .9rem;border-radius:999px;background:rgba(255,255,255,.14)}
.marquee li:first-child{background:var(--sun);color:var(--ink)}

/* story */
.story{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,6vw,6rem);align-items:center;padding:clamp(4.5rem,9vw,8rem) clamp(1.2rem,5vw,5rem)}
.story h2{margin-bottom:1.6rem}
.story p{margin-bottom:1.1rem;max-width:36rem}
.story .big{font:500 1.5rem/1.35 var(--head);color:var(--ink);letter-spacing:-.015em}
.sign{margin-top:2rem;padding-top:1.4rem;border-top:3px solid var(--sun);max-width:36rem}
.sign strong{display:block;font:600 1.5rem var(--head);color:var(--ink)}
.sign span{font-size:.92rem;color:var(--muted)}
.story-art{position:relative;max-width:460px;justify-self:center;width:100%}
.story-art .arch{aspect-ratio:3/3.8}

/* specialties tabs */
.specialties{background:var(--ink);color:#cfe3ea;padding:clamp(4rem,8vw,7rem) clamp(1.2rem,5vw,5rem);border-radius:60px}
.spec-head{display:grid;grid-template-columns:1fr 1fr;gap:2rem 4rem;align-items:end;margin-bottom:3rem}
.specialties h2{color:#fff}
.tabs{display:grid;grid-template-columns:.9fr 1.1fr;gap:1.4rem}
.tablist{display:flex;flex-direction:column;gap:.7rem}
.tablist button{display:flex;gap:1rem;align-items:center;text-align:left;font:600 1.15rem var(--head);letter-spacing:-.01em;color:#fff;background:rgba(255,255,255,.07);border:2px solid transparent;border-radius:20px;padding:1.2rem 1.4rem;cursor:pointer;transition:background .2s,color .2s}
.tablist button:hover{background:rgba(255,255,255,.14)}
.tablist i{flex:none;width:2.2rem;height:2.2rem;border-radius:50%;display:grid;place-content:center;font:700 1rem var(--body);font-style:normal;background:rgba(255,255,255,.14)}
.tablist button[aria-selected=true]{background:var(--sun);color:var(--ink)}
.tablist button[aria-selected=true] i{background:var(--ink);color:var(--sun)}
.panels{background:#fff;color:var(--text);border-radius:var(--r);padding:clamp(1.8rem,4vw,3rem)}
.panels[hidden],.panels [hidden]{display:none}
.panels h3{font-size:1.8rem;margin-bottom:1.4rem}
.panels li{position:relative;padding:.75rem 0 .75rem 2.3rem;border-top:1px solid var(--line);font-weight:500}
.panels li::before{content:"";position:absolute;left:0;top:1rem;width:1.4rem;height:1.4rem;border-radius:50%;background:var(--foam) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2312a3a0' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.500l4 4 8-9'/%3E%3C/svg%3E") center/70% no-repeat}
.panels div{animation:fade .35s both}
@keyframes fade{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}

/* pricing */
.pricing{padding:clamp(4.5rem,9vw,8rem) clamp(1.2rem,5vw,5rem) clamp(3rem,6vw,5rem)}
.pricing>h2{margin-bottom:2.2rem}
.rates{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-bottom:1.2rem}
.rate{background:var(--sun);border-radius:var(--r);padding:2rem 2.2rem;position:relative;overflow:hidden}
.rate.aqua{background:var(--sea);color:#fff}
.rate .name{font:600 1.3rem var(--head);color:var(--ink)}.rate.aqua .name{color:#fff}
.price{font:700 clamp(4rem,8vw,6.5rem)/1 var(--head);letter-spacing:-.05em;color:var(--ink);margin:.6rem 0 .8rem}
.rate.aqua .price{color:#fff}
.price sup{font-size:.4em;vertical-align:top;position:relative;top:.25em;margin-right:.05em;letter-spacing:0}
.rate .meta{font-weight:500;font-size:.95rem}
.includes{background:var(--foam);border-radius:var(--r);padding:clamp(1.8rem,4vw,3rem);margin-bottom:clamp(4rem,8vw,7rem)}
.includes h3{font-size:1.7rem;margin-bottom:1.4rem}
.includes ul{display:grid;grid-template-columns:1fr 1fr;gap:1rem 2.5rem}
.includes li{display:flex;gap:.8rem;align-items:flex-start;font-weight:500}
.includes li::before{content:"";flex:none;width:1.5rem;height:1.5rem;margin-top:.1rem;border-radius:50%;background:var(--sea) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.500l4 4 8-9'/%3E%3C/svg%3E") center/70% no-repeat}
.shifts{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,5vw,5rem);align-items:center}
.shifts-intro h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:1.2rem}
.shifts-intro strong{color:var(--ink)}
.scale{display:grid;gap:.9rem}
.scale li{display:grid;grid-template-columns:1fr auto;gap:.35rem 1rem;align-items:end}
.scale .h{font-weight:600;color:var(--ink);display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}
.scale b{font-size:.72rem;background:var(--ink);color:var(--sun);padding:.2rem .7rem;border-radius:999px;font-weight:600}
.scale .pr{font:700 2rem/1 var(--head);color:var(--ink);letter-spacing:-.03em;text-align:right}
.scale .pr sup{font-size:.55em;vertical-align:top;position:relative;top:.1em}
.scale small{display:block;font:500 .75rem var(--body);color:var(--muted);letter-spacing:0}
.scale .bar{grid-column:1/-1;grid-row:2;height:18px;width:var(--w);background:var(--sea);border-radius:999px;transform-origin:left;animation:grow 1.1s cubic-bezier(.2,.7,.2,1) both;animation-timeline:view();animation-range:entry 10% cover 30%}
.scale .pr{grid-row:1;grid-column:2}
.scale .pop .bar{background:var(--sun)}
@keyframes grow{from{transform:scaleX(0)}to{transform:none}}

/* include */
.include{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2rem,6vw,6rem);align-items:center;padding:0 clamp(1.2rem,5vw,5rem) clamp(4rem,8vw,7rem)}
.include-art img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r) var(--r) 180px var(--r)}
.include h2{margin-bottom:1rem}
.sub{max-width:34rem;margin-bottom:2rem}
.quad{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.quad article{background:#fff;border-radius:22px;padding:1.5rem;border:1px solid var(--line)}
.quad article:nth-child(1){background:var(--foam)}.quad article:nth-child(4){background:#fff7de;border-color:#f6e2a0}
.quad svg{width:38px;height:38px;fill:none;stroke:var(--sea-d);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-bottom:1rem}
.quad h3{margin-bottom:.5rem}.quad p{font-size:.95rem}

.brand-band{padding:0 clamp(1.2rem,5vw,5rem)}
.brand-band img{margin:auto;width:min(100%,920px);border-radius:var(--r);box-shadow:0 30px 60px -36px rgba(12,58,82,.5)}

.news{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center;margin:clamp(3rem,6vw,5rem) clamp(1.2rem,5vw,5rem);padding:clamp(2rem,5vw,3.5rem);background:var(--sea);color:#fff;border-radius:var(--r)}
.news h2{color:#fff;font-size:clamp(2rem,4vw,3rem);margin-bottom:.8rem}
.news .row{display:flex;gap:.5rem;background:#fff;padding:.4rem;border-radius:999px}
.news input{flex:1;min-width:0;padding:.8rem 1.1rem;border:0;font:inherit;background:none;color:var(--ink);border-radius:999px}
.news input:focus{outline:0}
.news .btn{padding:.8rem 1.5rem}
.fine{font-size:.85rem;margin-top:.8rem;opacity:.9}

/* contact */
.contact{display:grid;grid-template-columns:1fr 1.05fr;margin:0 clamp(1.2rem,5vw,5rem) clamp(3rem,6vw,5rem);border-radius:var(--r);overflow:hidden;background:var(--ink);color:#cfe3ea}
.contact-info{padding:clamp(2rem,5vw,4rem)}
.contact-info h2{color:#fff;font-size:clamp(2.2rem,4vw,3.2rem);margin-bottom:1.2rem}
.contact-info ul{margin-top:2rem}
.contact-info li{display:flex;gap:1rem;padding:.9rem 0;border-top:1px solid rgba(255,255,255,.16)}
.contact-info li span{flex:0 0 4.5rem;font-size:.9rem;color:var(--sun);font-weight:600}
.contact-info a{text-decoration:none;color:#fff}.contact-info a:hover{color:var(--sun)}
.form{background:#fff;margin:.8rem;border-radius:22px;padding:clamp(1.5rem,4vw,2.6rem)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.field{margin-bottom:1.1rem}
.field label{display:block;font-size:.9rem;font-weight:600;color:var(--ink);margin-bottom:.35rem}
.field input,.field textarea{width:100%;padding:.9rem 1.1rem;font:inherit;color:var(--ink);background:var(--mist);border:2px solid var(--line);border-radius:16px;transition:border-color .2s,background .2s}
.field input:focus,.field textarea:focus{outline:0;background:#fff;border-color:var(--sea)}
.field.bad input,.field.bad textarea{border-color:#c0392b;background:#fff5f3}
.err{display:none;color:#b3301f;font-size:.85rem;margin-top:.3rem}.field.bad .err{display:block}
.hp{position:absolute;left:-9999px}
.status{margin-top:1rem;font-size:.98rem;min-height:1.4em;font-weight:500}
.status.ok{color:var(--sea-d)}.status.fail{color:#b3301f}
.news .status.ok{color:#fff;font-weight:600}.news .status.fail{color:#ffe1db}
button[disabled]{opacity:.6;cursor:wait}

.footer{background:var(--foam);padding:clamp(3rem,6vw,5rem) clamp(1.2rem,5vw,5rem) 1.6rem;border-radius:60px 60px 0 0;overflow:hidden}
.f-word{font:700 clamp(2.6rem,9.5vw,9rem)/.9 var(--head);letter-spacing:-.045em;color:var(--ink);margin-bottom:2rem}
.f-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.2rem;padding:1.4rem 0;border-top:2px solid var(--ink)}
.tag{font-weight:600;color:var(--sea-d)}
.footer nav{display:flex;flex-wrap:wrap;gap:1.6rem}
.footer nav a{text-decoration:none;font-weight:600;color:var(--ink)}.footer nav a:hover{color:var(--sea-d)}
.f-bot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.4rem 2rem;font-size:.88rem;color:var(--muted)}
.totop{position:fixed;right:1.2rem;bottom:1.2rem;width:48px;height:48px;border:0;border-radius:50%;background:var(--ink);color:var(--sun);font-size:1.2rem;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .3s;z-index:40}
.totop.show{opacity:1;pointer-events:auto}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .8s,transform .8s}.reveal.in{opacity:1;transform:none}

@media (max-width:980px){
  .hero,.story,.include,.contact,.news,.shifts,.spec-head,.tabs{grid-template-columns:1fr}
  .hero-art{max-width:380px;margin:1rem auto 0}.sticker{left:-4%}.sticker.teal{right:-2%}
  .story-art{order:-1;max-width:380px}
  .hero{border-radius:0 0 40px 40px}.specialties,.footer{border-radius:40px}.footer{border-radius:40px 40px 0 0}
}
@media (max-width:760px){
  .burger{display:block}
  .nav{border-radius:28px;flex-wrap:wrap}
  .menu{width:100%;flex-direction:column;align-items:stretch;gap:0;max-height:0;overflow:hidden;transition:max-height .35s}
  .menu.open{max-height:340px}
  .menu a{padding:.9rem 1rem!important}
  .menu .btn{margin:.4rem 0 .8rem;text-align:center}
  .rates,.includes ul,.two,.quad{grid-template-columns:1fr}
  .marquee{border-radius:28px}.hero h1{font-size:clamp(2.8rem,14vw,4rem)}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}html{scroll-behavior:auto}.reveal{opacity:1;transform:none}
}

/* Refinement layer — preserves the original design language */
:root{--shadow-soft:0 18px 48px -32px rgba(12,58,82,.28)}
html{scroll-padding-top:112px}
body{overflow-wrap:break-word}
main,section,header,footer{min-width:0}
.hero>*,.story>*,.include>*,.contact>*,.news>*,.shifts>*,.tabs>*{min-width:0}
.nav{isolation:isolate;gap:1rem}
.brand{flex:0 1 auto;min-width:0}.brand img{object-fit:contain}
.menu{gap:clamp(.9rem,2vw,2rem)}
.hero{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(2rem,4vw,4.5rem)}
.hero h1{font-size:clamp(3rem,6.2vw,6rem);overflow-wrap:normal;letter-spacing:-.045em}
.hero-art{margin-inline:clamp(.5rem,2vw,2rem)}
.arch{object-position:center center}
.hero-contact a{overflow-wrap:anywhere}
.story,.include{gap:clamp(2.5rem,5vw,5rem)}
.story .big{font-size:clamp(1.25rem,2.1vw,1.5rem)}
.panels,.rate,.quad article,.includes,.form{box-shadow:var(--shadow-soft)}
.rate,.panels,.quad article{transition:box-shadow .22s ease,transform .22s ease}
@media(hover:hover){.rate:hover,.quad article:hover{transform:translateY(-3px);box-shadow:0 22px 44px -30px rgba(12,58,82,.35)}}
.field textarea{resize:vertical;min-height:132px}
.field input,.field textarea,.news input{font-size:1rem}
.field input:hover,.field textarea:hover{border-color:#accfd3}
.news .row:focus-within{outline:3px solid rgba(255,255,255,.65);outline-offset:3px}
.news .row input:focus-visible{outline:none}
.contact-info li{min-width:0}.contact-info li a{overflow-wrap:anywhere}
.footer .f-word{overflow-wrap:anywhere}
@media(min-width:1500px){
 .hero,.story,.specialties,.pricing,.include,.footer{padding-left:max(5rem,calc((100vw - 1500px)/2));padding-right:max(5rem,calc((100vw - 1500px)/2))}
 .brand-band{padding-inline:max(5rem,calc((100vw - 1500px)/2))}
}
@media(min-width:981px) and (max-width:1190px){
 .hero h1{font-size:clamp(3rem,5.4vw,4.7rem)}
 .hero{gap:2rem}
 .hero-contact{font-size:.91rem;gap:.45rem 1rem}
 .sticker{left:-5%}
 .quad article{padding:1.2rem}
 .quad h3{font-size:1.1rem}
}
@media(max-width:980px){
 .hero{grid-template-columns:minmax(0,1fr);gap:2.5rem}
 .hero-copy{max-width:740px}
 .hero h1{font-size:clamp(3rem,8vw,5.6rem)}
 .hero-art{width:min(100%,460px);margin:1.2rem auto 0}
 .story-art{width:min(100%,460px)}
 .spec-head{gap:1rem}
 .contact-info{padding-bottom:2rem}
 .form{margin:0 .8rem .8rem}
 .include-art{max-width:620px;width:100%;margin-inline:auto}
 .include-art img{max-height:680px;object-position:center 38%}
 .news{gap:1.8rem}
 .shifts{gap:2.5rem}
}
@media(min-width:761px) and (max-width:980px){
 .story{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:2rem}
 .story-art{order:0}
 .story .big{font-size:1.2rem}
 .quad{grid-template-columns:repeat(2,minmax(0,1fr))}
 .rates,.includes ul{grid-template-columns:repeat(2,minmax(0,1fr))}
 .two{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
 html{scroll-padding-top:90px}
 .nav{top:8px;margin:8px 12px 0;padding:.4rem .55rem .4rem .9rem;border-radius:22px}
 .brand img{height:42px;max-width:min(56vw,195px)}
 .burger{flex-shrink:0}
 .menu{flex-basis:100%;width:100%;visibility:hidden;opacity:0;max-height:0;transition:max-height .3s ease,opacity .2s ease,visibility .2s}
 .menu.open{visibility:visible;opacity:1;max-height:360px;border-top:1px solid var(--line);margin-top:.35rem;padding-top:.35rem}
 .menu a:not(.btn){border-radius:12px}.menu a:not(.btn):hover{background:var(--foam)}
 .hero{padding:115px clamp(1.15rem,5vw,2rem) 3.5rem;margin-top:-76px;gap:2.2rem;border-radius:0 0 30px 30px}
 .hero h1{font-size:clamp(2.65rem,10.5vw,4.35rem);line-height:1.02;letter-spacing:-.05em}
 .lead{font-size:1.08rem}
 .place{font-size:.76rem;line-height:1.35}
 .hero-art{width:min(82%,410px);margin:0 auto 1.4rem}
 .sun{right:-7%}
 .sticker{width:7.7rem;left:-10%;bottom:-6%;padding:.7rem}
 .sticker strong{font-size:2.1rem}.sticker span{font-size:.65rem}
 .marquee{margin:1.25rem 1rem 0;padding:1.25rem;border-radius:22px;justify-content:center;text-align:center}
 .marquee ul{justify-content:center}
 .story,.pricing,.specialties{padding:4rem clamp(1.15rem,5vw,2rem)}
 .story{gap:2.5rem}.story-art{order:0}
 .story h2{margin-bottom:1rem}
 .specialties{border-radius:28px}
 .spec-head{margin-bottom:2rem}.tablist button{font-size:1.05rem;padding:1rem;border-radius:15px}
 .panels{padding:1.5rem;border-radius:20px}.panels h3{font-size:1.5rem}
 .rate{padding:1.6rem}.price{font-size:4rem}
 .includes{padding:1.6rem}
 .scale li{grid-template-columns:minmax(0,1fr) auto}
 .include{padding:0 clamp(1.15rem,5vw,2rem) 4rem}
 .include-art img{max-height:520px}
 .brand-band{padding-inline:1rem}.brand-band img{border-radius:18px}
 .news{margin:3rem 1rem;padding:2rem 1.25rem;border-radius:22px}
 .news .row{border-radius:20px;flex-wrap:wrap;padding:.55rem}
 .news input{flex:1 1 100%;width:100%;min-height:46px}
 .news .btn{width:100%;text-align:center}
 .contact{margin:0 1rem 3rem;border-radius:22px}
 .contact-info{padding:2rem 1.3rem}
 .form{padding:1.5rem 1.15rem;margin:0 .5rem .5rem;border-radius:18px}
 .footer{border-radius:30px 30px 0 0;padding:3rem 1.25rem 2rem}
 .f-word{font-size:clamp(2.5rem,9vw,5rem);line-height:1}
 .footer nav{gap:.75rem 1.2rem}
}
@media(max-width:420px){
 .hero h1{font-size:clamp(2.38rem,10vw,3.2rem)}
 .hero-contact{font-size:.89rem}
 .actions{flex-direction:column;align-items:stretch}.actions .btn{text-align:center}
 .hero-art{width:82%}
 .sticker{left:-12%}
 .marquee li{font-size:.74rem;padding:.3rem .65rem}
 .scale .pr{font-size:1.6rem}.scale .h{font-size:.92rem}
 .contact-info li{flex-wrap:wrap;gap:.25rem .7rem}.contact-info li span{flex-basis:100%}
 .f-word{font-size:clamp(2rem,8.5vw,2.9rem)}
}
@media(max-width:350px){
 .hero h1{font-size:2.1rem}
 .sticker{width:6.5rem}.sticker strong{font-size:1.8rem}
 .tablist button{font-size:.92rem;gap:.55rem}
 .scale .pr{font-size:1.35rem}
}
.privacy-note{font-size:.83rem;color:var(--muted);margin:-.3rem 0 1rem}