:root{
--teal:#00B69A; --teal-d:#009683; --teal-l:#70C4B6; --pink:#EE8C9A; --gold:#FCC400;
--orange:#EE701C; --soft-orange:#EE7E38; --burgundy:#9A3854;
--cream:#FCEEE0; --peach:#FCE0D2; --ink:#34282f; --muted:#6f636a;
--line:#f0e2d4; --white:#fff; --shadow:0 14px 38px rgba(52,40,47,.10);
--shadow-sm:0 6px 16px rgba(52,40,47,.07); --radius:22px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Heebo',sans-serif;color:var(--ink);background:var(--white);line-height:1.7;overflow-x:hidden}
body:lang(ar){font-family:'Noto Sans Arabic','Heebo',sans-serif}
a{color:inherit;text-decoration:none}
p a,.row a,.legal a{text-decoration:underline;text-underline-offset:2px}
img{display:block;max-width:100%}
svg{display:block}
[hidden]{display:none!important}
.wrap{max-width:1140px;margin:0 auto;padding:0 22px}
.bdi{unicode-bidi:plaintext}
.btn{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:16px;white-space:nowrap;min-height:44px;
padding:12px 26px;border-radius:40px;border:none;cursor:pointer;transition:.2s;font-family:inherit}
.btn-gold{background:var(--gold);color:#3d2f00;box-shadow:0 8px 20px rgba(252,196,0,.35)}
.btn-gold:hover{transform:translateY(-2px)}
.btn-teal{background:var(--teal);color:#fff} .btn-teal:hover{background:var(--teal-d)}
.btn-wa{background:#1fae53;color:#fff} .btn-wa:hover{filter:brightness(.95)}
.btn-ghost{background:#fff;color:var(--teal-d);border:2px solid var(--teal-l)}
.pill{display:inline-block;padding:8px 16px;border-radius:30px;font-weight:700;font-size:14px}
.kicker{color:#b34a0a;font-weight:800;letter-spacing:.03em;font-size:14px}
a:focus-visible,.btn:focus-visible,button:focus-visible,.pill:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
outline:3px solid var(--burgundy);outline-offset:2px;border-radius:8px}
.ico{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.skip{position:absolute;inset-inline-start:-999px;top:0;background:#fff;color:var(--teal-d);padding:10px 16px;border-radius:0 0 10px 0;font-weight:800;z-index:200}
.skip:focus{inset-inline-start:0}
.util{background:var(--teal);color:#fff;font-size:13.5px;font-weight:500}
.util .wrap{display:flex;justify-content:space-between;align-items:center;padding:7px 22px;gap:12px;flex-wrap:wrap}
.util a{font-weight:700}
.lang{display:flex;gap:5px}
.lang button{background:rgba(255,255,255,.16);color:#fff;border:none;border-radius:20px;padding:7px 14px;
font-size:12.5px;font-weight:700;cursor:pointer;font-family:inherit;min-height:32px}
.lang button.on{background:#fff;color:var(--teal-d)}
@media(max-width:700px){
.util{font-size:12px}
.util .wrap{padding:4px 14px;gap:8px;flex-wrap:nowrap}
.util .util-tel{display:none}
.lang button{padding:4px 10px;font-size:11.5px;min-height:30px}
}
header.site{position:sticky;top:0;z-index:60;background:#fff;border-bottom:1px solid var(--line)}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;padding:10px 22px;gap:16px;position:relative}
.brand img{height:56px;width:auto}
nav.main ul{display:flex;list-style:none;gap:20px;font-weight:700;font-size:15px}
nav.main a{display:inline-flex;align-items:center;min-height:40px}
nav.main a:hover,nav.main a.active{color:var(--teal-d)}
nav.main a.active{border-bottom:3px solid var(--gold)}
.head-cta{display:flex;align-items:center;gap:10px}
.head-cta .phone{font-weight:800;color:var(--teal-d);font-size:15px}
.hamb{display:none;font-size:26px;background:none;border:none;cursor:pointer;min-width:44px;min-height:44px;line-height:1}
section{padding:62px 0}
.sec-head{text-align:center;max-width:660px;margin:0 auto 40px}
.sec-head h2{font-size:clamp(27px,3.8vw,38px);font-weight:900;letter-spacing:-.01em;margin-top:8px}
.sec-head p{color:var(--muted);font-size:17px;margin-top:10px}
.hero{position:relative;background:linear-gradient(180deg,var(--cream) 0%,var(--cream) 82%,#fff 100%);overflow:hidden}
.hero .wrap{max-width:1340px;display:flex;flex-wrap:wrap;gap:28px;align-items:center;padding:54px 22px 46px}
.hero .wrap>div:first-child{flex:1 1 360px;min-width:0;max-width:440px}
.hero .wrap>.hero-art-puzzle{flex:2 1 520px;min-width:0}
.hero h1{font-size:clamp(33px,5vw,54px);font-weight:900;line-height:1.14;letter-spacing:-.01em}
.hero h1 .hl{color:var(--teal-d)}
.hero .lead{font-size:19px;color:var(--muted);margin:18px 0 24px;max-width:46ch}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap}
.hero-meta{display:flex;gap:20px;margin-top:22px;flex-wrap:wrap;font-size:14px;color:var(--muted);font-weight:600}
.hero-meta b{color:var(--ink)}
.hero-art{position:relative}
.hero-art .ph{border-radius:28px;box-shadow:var(--shadow);width:100%;height:420px;object-fit:cover}
.badge{position:absolute;background:#fff;border-radius:18px;box-shadow:var(--shadow);padding:12px 16px;display:flex;align-items:center;gap:10px;font-weight:800}
.badge .dot{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center}
.badge.b1{bottom:22px;inset-inline-start:-14px} .badge.b1 .dot{background:#d9f3ef;color:var(--teal-d)}
.badge.b2{top:22px;inset-inline-end:-12px} .badge.b2 .dot{background:#fde3e7;color:var(--burgundy)}
.badge small{display:block;font-weight:600;color:var(--muted);font-size:12px}
.phero{background:linear-gradient(180deg,var(--cream),#fff);padding:46px 0 36px;text-align:center}
.phero h1{font-size:clamp(30px,4.6vw,46px);font-weight:900;letter-spacing:-.01em}
.phero p{color:var(--muted);font-size:18px;margin-top:10px;max-width:60ch;margin-inline:auto}
.crumb{font-size:13.5px;color:var(--muted);font-weight:600;margin-bottom:10px}
.crumb a:hover{color:var(--teal-d)}
.partners{background:#fff;border-block:1px solid var(--line)}
.partners .wrap{max-width:none;padding:18px 0;display:flex;flex-direction:column;align-items:stretch;gap:14px}
.partners .lbl{font-size:13.5px;color:var(--muted);font-weight:700;text-align:center;padding-inline:22px}
.partners .chip{background:var(--cream);border-radius:30px;padding:9px 18px;font-weight:800;font-size:14px;color:var(--burgundy)}
.partners .chip.pt-logo{background:#fff;border:1px solid var(--line);padding:6px 16px;display:inline-flex;align-items:center}
.partners .chip.pt-logo img{height:40px;width:auto;max-width:200px;object-fit:contain;display:block}
.pt-viewport{flex:0 0 auto;min-width:0}
.pt-set{display:flex;align-items:center;gap:12px 18px;flex-wrap:wrap;justify-content:center}
.pt-dup{display:none}
html.anim .pt-viewport{position:relative;overflow:hidden;direction:ltr}
html.anim .pt-viewport::before,html.anim .pt-viewport::after{content:"";position:absolute;top:0;bottom:0;width:48px;z-index:1;pointer-events:none}
html.anim .pt-viewport::before{left:0;background:linear-gradient(90deg,#fff 12%,rgba(255,255,255,0))}
html.anim .pt-viewport::after{right:0;background:linear-gradient(270deg,#fff 12%,rgba(255,255,255,0))}
html.anim .pt-track{display:flex;width:max-content;direction:ltr;animation:ptSlide 46s linear infinite}
html.anim .pt-row-b .pt-track{animation-duration:50s}
html.anim .pt-rev{animation-direction:reverse}
html.anim .pt-set{display:flex;flex-wrap:nowrap;padding-inline-end:18px}
html.anim .pt-dup{display:flex}
html.anim .partners .chip{white-space:nowrap}
html.anim .pt-track:hover,html.anim .pt-track:focus-within{animation-play-state:paused}
@keyframes ptSlide{from{transform:translateX(0)}to{transform:translateX(-33.3333%)}}
.steps{background:var(--peach)}
.journey{list-style:none;position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:10px}
.journey::before{content:"";position:absolute;top:44px;inset-inline:16.66%;height:0;border-top:3px dashed rgba(154,56,84,.28);z-index:0}
.jstep{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center}
.jnode{position:relative;width:88px;height:88px;border-radius:50%;background:#fff;border:3px solid var(--c);color:var(--c);display:flex;align-items:center;justify-content:center;box-shadow:0 12px 26px rgba(52,40,47,.12);margin-bottom:20px;transition:transform .25s ease,box-shadow .25s ease}
.jnode::after{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--t);z-index:-1}
.jnode .ico{width:36px;height:36px}
.jbadge{position:absolute;top:-4px;inset-inline-end:-4px;width:30px;height:30px;border-radius:50%;background:var(--c);color:#fff;font-weight:900;font-size:15px;display:flex;align-items:center;justify-content:center;border:3px solid var(--peach)}
.jstep:hover .jnode{transform:translateY(-4px);box-shadow:0 16px 30px rgba(52,40,47,.16)}
.jstep h3{font-size:20px;font-weight:800;margin-bottom:6px}
.jstep p{font-size:14.5px;color:var(--muted);max-width:25ch}
@media (prefers-reduced-motion:reduce){.jnode{transition:none}.jstep:hover .jnode{transform:none}}
.i-teal{background:#d9f3ef;color:var(--teal-d)} .i-pink{background:#fde3e7;color:#c85a6b}
.i-gold{background:#fff2c9;color:#b07a00} .i-purple{background:#ece7fb;color:#5b4ddb}
.i-coral{background:#fde0d8;color:var(--orange)} .i-burg{background:#f3dbe2;color:var(--burgundy)}
.ass{background:var(--cream)}
.ass-grid{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:880px;margin:0 auto}
.ass-grid .pill{background:#fff;box-shadow:var(--shadow-sm);font-size:15px}
@media(max-width:700px){
.partners .wrap{flex-direction:column;align-items:stretch;gap:10px;padding:14px 0}
.partners .lbl{text-align:center;padding-inline:18px}
.partners .chip.pt-logo img{height:30px}
html.anim .partners .chip{font-size:13px;padding:8px 13px}
html:not(.anim) .pt-set{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-inline:18px}
html:not(.anim) .pt-dup{display:none}
html:not(.anim) .partners .chip{text-align:center;padding:9px 6px;font-size:13px}
html:not(.anim) .pt-set .chip:last-child{grid-column:1/-1;justify-self:center;padding-inline:22px}
.ass-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;max-width:360px}
.ass-grid .pill{text-align:center;padding:10px 6px;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
.a1{background:linear-gradient(140deg,#009683,#5fb6a8)} .a2{background:linear-gradient(140deg,#d96f80,#e89aa4)}
.a3{background:linear-gradient(140deg,#d9641a,#e89a3a)} .a4{background:linear-gradient(140deg,#8a3049,#b15670)}
.why .wrap{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.why img{border-radius:24px;box-shadow:var(--shadow);height:380px;width:100%;object-fit:cover}
.why-list{display:flex;flex-direction:column;gap:18px}
.why-item{display:flex;gap:14px;align-items:flex-start}
.why-item h3{font-size:18px;font-weight:800} .why-item p{font-size:14.5px;color:var(--muted)}
.team{background:var(--peach)} .team .center{text-align:center}
.avatars{display:flex;justify-content:center;flex-wrap:wrap;gap:18px;margin-bottom:26px}
.av{text-align:center}
.av .ring{width:92px;height:92px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:26px;box-shadow:var(--shadow-sm);border:4px solid #fff;margin:0 auto 8px}
.av small{font-weight:700;font-size:13.5px} .av span{display:block;font-size:12px;color:var(--muted)}
.av .ring{box-shadow:inset 0 -10px 18px rgba(0,0,0,.15), inset 0 8px 14px rgba(255,255,255,.20)}
.tst-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.tst{background:#fff;border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--line)}
.tst .stars{color:#e0a500;font-size:18px;letter-spacing:2px}
.tst p{font-size:15px;margin:10px 0 16px}
.tst .who{display:flex;align-items:center;gap:10px}
.tst .who .a{width:42px;height:42px;border-radius:50%;background:var(--teal-l);color:#063b34;display:flex;align-items:center;justify-content:center;font-weight:800}
.tst .who b{font-size:14.5px} .tst .who small{color:var(--muted);font-size:12.5px}
.schools{background:var(--burgundy);color:#fff}
.schools .wrap{display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap}
.schools .kicker{color:var(--gold)}
.schools h2{font-size:clamp(24px,3.2vw,32px);font-weight:900;margin:6px 0 8px}
.schools p{opacity:.92;font-size:16px;max-width:48ch}
.schools a.btn{flex-shrink:0}
.cta{position:relative;color:#fff;overflow:hidden}
.cta .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.cta .ov{position:absolute;inset:0;background:linear-gradient(110deg,rgba(0,110,96,.97),rgba(0,140,122,.92));z-index:1}
.cta .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:56px 22px}
.cta h2{font-size:clamp(26px,3.6vw,38px);font-weight:900} .cta p{font-size:17px;margin:10px 0 0}
.form{background:#fff;border-radius:24px;padding:26px;box-shadow:var(--shadow);color:var(--ink)}
.form label{display:block;font-weight:700;font-size:13.5px;color:var(--ink);margin:0 0 5px}
.form input,.form select,.form textarea{width:100%;padding:12px 14px;border:1.5px solid #ddd2c8;border-radius:12px;font-family:inherit;font-size:15px;margin-bottom:13px;background:#fdfbf8}
.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:var(--teal)}
.form .micro{font-size:12.5px;color:var(--muted);margin-top:4px;text-align:center}
footer.site{background:var(--ink);color:#f3e7da;padding:48px 0 20px}
footer.site .top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:28px;padding-bottom:26px;border-bottom:1px solid #5a4b52}
footer.site h4{font-size:15px;font-weight:800;margin-bottom:12px;color:#fff}
footer.site a,footer.site .row{display:block;font-size:14px;color:#e7d8de;margin-bottom:7px}
footer.site a:hover{color:var(--gold)}
.foot-line{font-size:20px;font-weight:900;color:var(--gold);margin-bottom:8px}
.legal{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding-top:18px;font-size:13px;color:#c3b3b9}
.group-head{display:flex;align-items:center;gap:12px;margin:8px 0 20px}
.group-head h2{font-size:clamp(23px,3vw,30px);font-weight:900}
.group-head .gi{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.prose{max-width:760px;margin:0 auto;font-size:16.5px;color:#473b41}
.prose p{margin-bottom:14px}
.acc{background:#fff;border:1px solid var(--line);border-radius:16px;margin-bottom:12px;box-shadow:var(--shadow-sm);overflow:hidden}
.acc>summary{cursor:pointer;list-style:none;padding:18px 22px;font-weight:800;font-size:17px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.acc>summary::-webkit-details-marker{display:none}
.acc>summary .tag{font-size:12.5px;font-weight:800;color:var(--burgundy);background:var(--cream);padding:4px 12px;border-radius:20px;flex-shrink:0}
.acc>summary .chev{margin-inline-start:auto;color:var(--teal-d);transition:.2s}
.acc[open]>summary .chev{transform:rotate(180deg)}
.acc .body{padding:0 22px 20px;color:#473b41;font-size:15.5px}
.form input[type=file]{padding:10px 12px;background:#fff}
.form input[type=file]::file-selector-button{font-family:inherit;font-weight:700;border:none;background:var(--cream);color:var(--burgundy);padding:8px 14px;border-radius:10px;margin-inline-end:12px;cursor:pointer}
@media(max-width:900px){
nav.main ul{display:none}
nav.main ul.open{display:flex;flex-direction:column;position:absolute;inset-inline:0;top:100%;background:#fff;border-bottom:1px solid var(--line);padding:16px 22px;gap:14px;box-shadow:var(--shadow);font-size:17px}
.hamb{display:block} .head-cta .phone{display:none}
.hero .wrap{flex-direction:column;text-align:center;padding-bottom:30px}
.hero .wrap>div:first-child{max-width:none}
.hero .lead{margin-inline:auto} .hero-cta,.hero-meta{justify-content:center}
.hero-art{margin-top:8px} .hero-art .ph{height:300px}
.tst-grid{grid-template-columns:1fr}
.journey{grid-template-columns:1fr;gap:20px;max-width:320px;margin-inline:auto}
.journey::before{display:none}
.jnode{width:62px;height:62px;margin-bottom:10px}
.jnode .ico{width:26px;height:26px}
.jbadge{width:24px;height:24px;font-size:12px}
.jstep h3{font-size:16.5px;margin-bottom:3px}
.jstep p{font-size:13px;max-width:30ch}
.jstep:not(:last-child)::after{content:"";position:absolute;top:34px;inset-inline-start:calc(50% - 1.5px);width:0;height:calc(100% - 8px);border-inline-start:3px dashed rgba(154,56,84,.28);z-index:-1}
.age-grid{grid-template-columns:repeat(2,1fr)}
.why .wrap{grid-template-columns:1fr;gap:20px} .why img{height:200px}
.cta .wrap{grid-template-columns:1fr;gap:22px;padding:34px 18px}
.schools .wrap{flex-direction:column;text-align:center}
footer.site .top{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){ footer.site .top{grid-template-columns:1fr} }
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto;animation:none!important}}
@media (prefers-reduced-motion: no-preference){
@keyframes revUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
html.anim .is-in{animation:revUp .62s cubic-bezier(.2,.75,.25,1) both;will-change:opacity,transform}
html.anim .hero .kicker, html.anim .hero h1, html.anim .hero .lead,
html.anim .hero-cta, html.anim .hero-meta{opacity:0; transform:translateY(22px); animation:hIn .8s cubic-bezier(.2,.75,.25,1) forwards}
html.anim .hero-art{opacity:0; transform:translateY(22px) scale(.97); animation:hInScale .9s cubic-bezier(.2,.75,.25,1) .2s forwards}
html.anim .hero .kicker{animation-delay:.05s}
html.anim .hero h1{animation-delay:.13s}
html.anim .hero .lead{animation-delay:.24s}
html.anim .hero-cta{animation-delay:.35s}
html.anim .hero-meta{animation-delay:.46s}
@keyframes hIn{to{opacity:1; transform:none}}
@keyframes hInScale{to{opacity:1; transform:none}}
html.anim .badge{animation:floaty 4.6s ease-in-out infinite}
html.anim .badge.b2{animation-delay:-2.3s}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
html.anim .cta .bg{height:128%; top:-14%}
.scrollbar{position:fixed; top:0; inset-inline:0; height:3px; z-index:200;
background:linear-gradient(90deg, var(--gold), var(--teal)); transform:scaleX(0); transform-origin:right center}
}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.carousel{position:relative;max-width:780px;margin:0 auto}
.carousel-viewport{overflow:hidden;border-radius:var(--radius)}
.carousel-track{display:flex;direction:ltr;transition:transform .55s cubic-bezier(.2,.75,.25,1)}
.tst-slide{flex:0 0 100%;direction:rtl;padding:6px}
.tst-card{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius);padding:38px 32px;text-align:center;box-shadow:var(--shadow-sm)}
.tst-card .av-lg{width:78px;height:78px;border-radius:50%;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:26px;box-shadow:inset 0 -11px 18px rgba(0,0,0,.16),inset 0 9px 14px rgba(255,255,255,.18)}
.tst-card .stars{color:#e0a500;font-size:20px;letter-spacing:3px;margin-bottom:14px}
.tst-card blockquote{font-size:19px;font-weight:600;line-height:1.7;color:#3f3338;max-width:46ch;margin:0 auto 18px}
.tst-card .nm{font-size:18px;font-weight:800;color:var(--teal-d)}
.tst-card .ro{font-size:14px;color:var(--muted);margin-top:2px}
.carousel-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:22px}
.cbtn{width:46px;height:46px;border-radius:50%;border:2px solid var(--teal-l);background:#fff;color:var(--teal-d);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s;flex-shrink:0}
.cbtn:hover{background:var(--teal);color:#fff;border-color:var(--teal)}
.cbtn .ico{width:22px;height:22px}
.dots{display:flex;gap:8px}
.dot{width:11px;height:11px;border-radius:50%;border:none;background:#e3d3c4;cursor:pointer;padding:0;transition:width .3s,background .3s}
.dot.on{background:var(--teal);width:26px;border-radius:6px}
@media(prefers-reduced-motion:reduce){.carousel-track{transition:none}}
.phero-puzzle{position:relative;overflow:hidden;background:radial-gradient(135% 100% at 82% -12%, var(--peach), var(--cream) 50%, #fffdf9)}
.phero-puzzle .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:26px;align-items:center;padding:58px 22px 54px;position:relative;z-index:2}
.phero-puzzle h1{font-size:clamp(34px,5.4vw,58px);font-weight:900;line-height:1.1;letter-spacing:-.015em}
.phero-puzzle h1 .hl{color:var(--teal-d)}
.phero-puzzle .lead{font-size:19px;color:#544a4f;margin:18px 0 24px;max-width:44ch;font-weight:500}
.hero-art-puzzle{position:relative;display:flex;justify-content:center;align-items:center;overflow:visible}
.hero-heart{width:min(420px,90%);filter:drop-shadow(0 20px 32px rgba(154,56,84,.20));animation:heartPop 1s cubic-bezier(.2,.8,.2,1) both}
.puzzle-stage{position:relative;width:min(480px,92%);margin-inline:auto;aspect-ratio:1;background:transparent}
@media(min-width:701px) and (max-height:740px){
.hero .wrap{padding:28px 22px 24px}
.hero h1{font-size:clamp(30px,3vw,38px)}
.hero .lead{font-size:16px;margin:12px 0 16px}
.hero .kicker{font-size:12.5px}
.hero-cta .btn{padding:10px 18px;font-size:14.5px;min-height:40px}
.hero-meta{margin-top:14px;font-size:13px}
.puzzle-stage{width:min(480px,92%,calc(100svh - 250px))}
}
.pz{position:absolute;left:var(--x);top:var(--y);width:clamp(38px,11%,72px);aspect-ratio:1;
background:var(--c);
-webkit-mask:url(assets/piece.svg) center/contain no-repeat;mask:url(assets/piece.svg) center/contain no-repeat;
filter:drop-shadow(0 8px 12px rgba(154,56,84,.22));
transform:translate(-50%,-50%) rotate(var(--r));
animation:pzPop .46s cubic-bezier(.18,.9,.32,1.35) var(--d) both, pzOut .4s ease .78s forwards}
@keyframes pzPop{
0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(calc(var(--r) - 45deg))}
55%{opacity:1;transform:translate(-50%,-50%) scale(1.14) rotate(var(--r))}
100%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(var(--r))}}
@keyframes pzOut{
0%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(var(--r))}
100%{opacity:0;transform:translate(-50%,-50%) scale(.62) rotate(var(--r))}}
.pz-logo{position:absolute;left:50%;top:50%;width:100%;height:auto;
filter:drop-shadow(0 16px 26px rgba(154,56,84,.16));
transform:translate(-50%,-50%) scale(.82);opacity:0;
animation:logoIn .6s cubic-bezier(.2,.8,.2,1) .82s forwards, logoFloat 6s ease-in-out 1.6s infinite}
@keyframes logoIn{to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes logoFloat{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-51.5%) scale(1.015)}}
@media(prefers-reduced-motion:reduce){
.pz{display:none}
.pz-logo{opacity:1;transform:translate(-50%,-50%);animation:none}}
@keyframes heartPop{from{opacity:0;transform:scale(.86) translateY(10px)}to{opacity:1;transform:none}}
.float-piece{position:absolute;fill:currentColor;opacity:.96;animation:floaty 5s ease-in-out infinite;filter:drop-shadow(0 8px 14px rgba(52,40,47,.16))}
.confetti{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.confetti i{position:absolute;display:block;animation:floaty 6.5s ease-in-out infinite}
.cf-dot{width:13px;height:13px;border-radius:50%}
.cf-ring{width:18px;height:18px;border-radius:50%;border:3px solid currentColor}
.cf-tri{width:0;height:0;border-inline:9px solid transparent;border-bottom:15px solid currentColor}
.cf-x{font-weight:900;font-size:19px;line-height:1}
.cf-bar{width:20px;height:6px;border-radius:4px;background:currentColor}
.puzzle-services{background:#fff}
.puzzle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:720px;margin:0 auto}
.piece-tile{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center;
transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.piece-tile:hover{transform:scale(1.06) rotate(-2deg)}
.piece-bg{position:absolute;inset:0;width:100%;height:100%;fill:currentColor;filter:drop-shadow(0 6px 12px rgba(52,40,47,.10))}
.piece-tile .pc{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;padding:0 13%}
.piece-tile .ico{width:30px;height:30px;stroke:#fff;stroke-width:2;margin-bottom:6px}
.piece-tile .pc b{font-size:14.5px;font-weight:800;line-height:1.15;color:#fff}
.puzzle-divider{display:flex;justify-content:center;gap:9px;margin-bottom:20px}
.puzzle-divider i{width:24px;height:24px;-webkit-mask:url(assets/piece.svg) center/contain no-repeat;mask:url(assets/piece.svg) center/contain no-repeat}
.team{position:relative;overflow:hidden}
.confetti.soft i{opacity:.5}
@media(max-width:900px){
.phero-puzzle .wrap{grid-template-columns:1fr;text-align:center}
.phero-puzzle .lead{margin-inline:auto}
.hero-art-puzzle{min-height:290px;margin-top:8px}
.puzzle-grid{max-width:430px}
}
@media(max-width:520px){.puzzle-grid{grid-template-columns:repeat(2,1fr);max-width:300px}}
@media(max-width:700px){
section{padding:40px 0}
.sec-head{margin-bottom:24px}
.hero{padding:0}
.phero-puzzle .wrap{padding:10px 20px 20px;gap:6px}
.hero-art-puzzle{order:-1;min-height:0;margin-top:0}
.puzzle-stage{width:min(236px,64vw)}
.phero-puzzle h1{font-size:clamp(26px,7.2vw,32px);line-height:1.12}
.hero .kicker{font-size:12.5px}
.phero-puzzle .lead{font-size:15px;line-height:1.55;max-width:36ch;margin:4px auto 10px}
.hero-cta{gap:10px}
.hero-cta .btn{font-size:15px;padding:11px 18px;touch-action:manipulation}
.hero-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px;justify-items:center;
width:100%;max-width:300px;margin:16px auto 0}
.hero-meta>span{display:flex;flex-direction:column;align-items:center;gap:1px;
font-size:12.5px;line-height:1.25;text-align:center}
.hero-meta b{font-size:22px;color:var(--teal-d)}
}
@media(max-width:360px){
.phero-puzzle h1{font-size:24px}
.puzzle-stage{width:min(210px,58vw)}
}
.wpi{position:relative;width:58px;height:58px;flex-shrink:0}
.wpi .piece{position:absolute;inset:0;width:100%;height:100%;fill:var(--c)}
.wpi .ico{position:absolute;top:50%;inset-inline-start:50%;transform:translate(50%,-50%);width:20px;height:20px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.age-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:end}
.age-c{border-radius:var(--radius);padding:22px 20px;color:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}
.age-c .num{font-size:clamp(30px,3.6vw,44px);font-weight:900;line-height:1;letter-spacing:-.02em;text-align:end}
.age-c h3{font-size:17px;font-weight:800;margin-top:6px}
.age-c .big{position:absolute;inset-inline-end:12px;top:12px;opacity:.35}
.age-c .big .ico{width:40px;height:40px;stroke:#fff;stroke-width:1.7;fill:none}
.age-c.a1{min-height:128px} .age-c.a2{min-height:152px} .age-c.a3{min-height:176px} .age-c.a4{min-height:200px}
@media(max-width:900px){
.age-grid{grid-template-columns:repeat(2,1fr);align-items:stretch}
.age-c.a1,.age-c.a2,.age-c.a3,.age-c.a4{min-height:120px}
}
.svc-board{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px 22px;
max-width:1000px;
margin:6px auto 0;
}
.svc-piece{
position:relative;
background:var(--tint,#f4ede6);
border:1.5px solid rgba(52,40,47,.06);
border-radius:20px;
padding:26px 24px 22px;
color:var(--ink);
box-shadow:0 10px 26px rgba(52,40,47,.07);
transition:transform .2s cubic-bezier(.2,.75,.25,1),box-shadow .2s;
}
.svc-piece:nth-child(1){transform:rotate(-1.1deg)}
.svc-piece:nth-child(2){transform:translateY(18px) rotate(.7deg)}
.svc-piece:nth-child(3){transform:rotate(-.5deg)}
.svc-piece:nth-child(4){transform:translateY(10px) rotate(.9deg)}
.svc-piece:nth-child(5){transform:rotate(-.8deg)}
.svc-piece:nth-child(6){transform:translateY(20px) rotate(.6deg)}
.svc-piece:hover{transform:translateY(-4px) rotate(0);box-shadow:0 18px 36px rgba(52,40,47,.13);z-index:3}
.svc-tab{
position:absolute;
width:38px;height:38px;
color:var(--pc,var(--teal-d));
filter:drop-shadow(0 4px 7px rgba(52,40,47,.12));
pointer-events:none;
z-index:2;
}
.svc-tab svg{width:100%;height:100%;fill:currentColor;display:block}
.svc-piece:nth-child(3n+1) .svc-tab{bottom:-16px;inset-inline-start:30px;transform:rotate(6deg)}
.svc-piece:nth-child(3n+2) .svc-tab{top:-16px;inset-inline-end:34px;transform:rotate(-8deg)}
.svc-piece:nth-child(3n)   .svc-tab{bottom:-16px;inset-inline-end:30px;transform:rotate(-5deg)}
.svc-ic{
width:54px;height:54px;border-radius:15px;
display:flex;align-items:center;justify-content:center;
margin-bottom:14px;
}
.svc-ic .ico{width:28px;height:28px}
.svc-piece h3{font-size:19.5px;font-weight:800;margin-bottom:6px;line-height:1.2}
.svc-piece p{font-size:14.5px;color:#4a3e44;line-height:1.55;min-height:44px}
.svc-age{
display:inline-block;margin-top:14px;
background:rgba(255,255,255,.7);
color:var(--pc,var(--burgundy));
font-weight:800;font-size:12.5px;
padding:5px 13px;border-radius:20px;
border:1px solid rgba(52,40,47,.05);
}
@media (prefers-reduced-motion:no-preference){
html.anim .svc-piece{will-change:transform,opacity}
html.anim .svc-board .is-in .svc-piece,
html.anim .svc-piece.is-in{animation:svcSettle .55s cubic-bezier(.2,.75,.25,1) both}
@keyframes svcSettle{from{opacity:0;transform:translateY(24px) rotate(0)}}
}
@media(max-width:900px){
.svc-board{grid-template-columns:repeat(2,1fr);gap:22px 20px;max-width:640px}
.svc-piece:nth-child(n){transform:none}
.svc-piece:nth-child(even){transform:translateY(14px)}
.svc-piece:nth-child(odd){transform:rotate(-.6deg)}
.svc-piece:hover{transform:translateY(-4px) rotate(0)}
.svc-piece:nth-child(3n+1) .svc-tab,
.svc-piece:nth-child(3n+2) .svc-tab,
.svc-piece:nth-child(3n) .svc-tab{inset:auto}
.svc-piece:nth-child(odd) .svc-tab{bottom:-16px;inset-inline-end:28px;transform:rotate(-6deg)}
.svc-piece:nth-child(even) .svc-tab{top:-16px;inset-inline-start:28px;transform:rotate(7deg)}
}
@media(max-width:700px){
.svc-board{grid-template-columns:repeat(2,1fr);gap:16px 12px;max-width:none}
.svc-piece{padding:16px 14px 15px}
.svc-piece:nth-child(n){transform:none}
.svc-piece:nth-child(even){transform:translateY(10px)}
.svc-piece:nth-child(odd){transform:rotate(-.5deg)}
.svc-piece:hover{transform:translateY(-3px) rotate(0)}
.svc-ic{width:44px;height:44px;border-radius:12px;margin-bottom:9px}
.svc-ic .ico{width:23px;height:23px}
.svc-piece h3{font-size:15px;margin-bottom:4px;line-height:1.2}
.svc-piece p{font-size:12.5px;line-height:1.45;min-height:0}
.svc-age{margin-top:10px;font-size:11.5px;padding:4px 11px}
.svc-tab{width:30px;height:30px}
.svc-piece:nth-child(3n+1) .svc-tab,.svc-piece:nth-child(3n+2) .svc-tab,.svc-piece:nth-child(3n) .svc-tab{inset:auto}
.svc-piece:nth-child(odd) .svc-tab{bottom:-13px;inset-inline-end:22px;transform:rotate(-6deg)}
.svc-piece:nth-child(even) .svc-tab{top:-13px;inset-inline-start:22px;transform:rotate(7deg)}
}
@media(max-width:520px){
.svc-board{gap:14px 10px}
.svc-piece{padding:14px 12px 13px}
.svc-tab{width:26px;height:26px}
}
@media(max-width:360px){
.svc-piece h3{font-size:14px}
.svc-piece p{font-size:12px}
}
.svc-t-teal{--tint:#e2f4f0;--pc:#00796b}
.svc-t-pink{--tint:#fce4e8;--pc:#b04a5b}
.svc-t-gold{--tint:#fdf0cf;--pc:#8a5e00}
.svc-t-purple{--tint:#ebe7fb;--pc:#5344c9}
.svc-t-coral{--tint:#fde1d6;--pc:#c2540c}
.svc-t-burg{--tint:#f6dee6;--pc:#8a3049}
.svc-ic{background:var(--pc);color:#fff}
.svc-ic .ico{stroke:#fff}
.svc-acc{position:relative}
.svc-acc::before{
content:"";position:absolute;top:0;bottom:0;inset-inline-start:0;
width:5px;background:var(--ac,var(--teal));
border-start-start-radius:16px;border-end-start-radius:16px;
}
.svc-acc>summary{position:relative;padding-inline-start:64px;transition:background .18s}
.svc-acc>summary:hover{background:rgba(0,182,154,.05)}
.svc-acc[open]>summary{background:rgba(0,182,154,.04)}
.svc-idx{
position:absolute;inset-inline-start:22px;top:50%;transform:translateY(-50%);
font-weight:900;font-size:15px;font-variant-numeric:tabular-nums;
font-feature-settings:"tnum";
color:var(--ac,var(--teal-d));opacity:.85;letter-spacing:.02em;
min-width:24px;text-align:center;
}
.svc-a1{--ac:#00796b} .svc-a2{--ac:#b04a5b} .svc-a3{--ac:#8a5e00}
.svc-a4{--ac:#5344c9} .svc-a5{--ac:#c2540c} .svc-a6{--ac:#8a3049} .svc-a7{--ac:#00796b}
@media(max-width:520px){
.svc-acc>summary{padding-inline-start:54px}
.svc-idx{inset-inline-start:16px;font-size:13.5px;min-width:20px}
}
.tm-page{padding-top:8px}
.tm-group{margin:0 0 6px}
.tm-page .group-head{margin:34px 0 26px}
.tm-cluster{
display:grid;
grid-template-columns:repeat(3,1fr);
column-gap:34px;
row-gap:52px;
align-items:start;
padding-block:6px;
}
.tm-cluster > .tm-member:nth-child(3n+2){margin-block-start:26px}
.tm-member{
display:flex;
align-items:flex-start;
gap:16px;
min-width:0;
}
.tm-avatar{
position:relative;
flex-shrink:0;
width:84px;
height:84px;
display:flex;
align-items:center;
justify-content:center;
}
.tm-blob{
position:absolute;
inset:0;
z-index:0;
box-shadow:0 10px 22px rgba(52,40,47,.10),
inset 0 -12px 22px rgba(0,0,0,.15),
inset 0 10px 18px rgba(255,255,255,.20);
}
.tm-initials{
position:relative;
z-index:1;
color:#fff;
font-weight:800;
font-size:24px;
line-height:1;
letter-spacing:.02em;
}
.tm-member[data-lg] .tm-avatar{width:97px;height:97px}
.tm-member[data-lg] .tm-initials{font-size:27px}
.tm-member[data-blob="1"] .tm-blob{border-radius:46% 54% 52% 48% / 49% 47% 53% 51%;transform:rotate(-3deg)}
.tm-member[data-blob="2"] .tm-blob{border-radius:58% 42% 47% 53% / 43% 57% 43% 57%;transform:rotate(2.4deg)}
.tm-member[data-blob="3"] .tm-blob{border-radius:42% 58% 60% 40% / 55% 45% 55% 45%;transform:rotate(-1.8deg)}
.tm-member[data-blob="4"] .tm-blob{border-radius:53% 47% 40% 60% / 58% 52% 48% 42%;transform:rotate(3deg)}
.tm-member[data-blob="5"] .tm-blob{border-radius:50% 50% 56% 44% / 48% 42% 58% 52%;transform:rotate(-2.6deg)}
.tm-body{min-width:0;padding-block-start:4px}
.tm-body h3{font-size:18px;font-weight:800;line-height:1.25}
.tm-role{
color:var(--gr,var(--g,var(--teal-d)));
font-weight:700;
font-size:13.5px;
margin:3px 0 7px;
line-height:1.35;
}
.tm-body p{font-size:14px;color:var(--muted);line-height:1.6;max-width:34ch}
.tm-divide{
display:block;
width:min(340px,60%);
height:15px;
margin:44px auto 40px;
color:var(--g,var(--line));
opacity:.55;
}
html.anim .tm-member{opacity:1}
@media (prefers-reduced-motion:no-preference){
html.anim .tm-cluster > .tm-member{
animation:tmRise .5s cubic-bezier(.2,.75,.25,1) both;
}
html.anim .tm-cluster > .tm-member:nth-child(3n+1){animation-delay:.02s}
html.anim .tm-cluster > .tm-member:nth-child(3n+2){animation-delay:.09s}
html.anim .tm-cluster > .tm-member:nth-child(3n+3){animation-delay:.16s}
}
@keyframes tmRise{
from{opacity:0;transform:translateY(14px)}
to{opacity:1;transform:none}
}
@media (max-width:900px){
.tm-cluster{grid-template-columns:repeat(2,1fr);column-gap:26px;row-gap:40px}
.tm-cluster > .tm-member:nth-child(3n+2){margin-block-start:0}
.tm-cluster > .tm-member:nth-child(2n){margin-block-start:24px}
html.anim .tm-cluster > .tm-member:nth-child(3n+3){animation-delay:.02s}
html.anim .tm-cluster > .tm-member:nth-child(2n){animation-delay:.1s}
}
@media (max-width:700px){
.tm-cluster{grid-template-columns:repeat(2,1fr);column-gap:16px;row-gap:22px}
.tm-cluster > .tm-member{margin-block-start:0 !important}
.tm-member{flex-direction:column;align-items:center;text-align:center;gap:9px}
.tm-avatar{width:62px;height:62px}
.tm-member[data-lg] .tm-avatar{width:70px;height:70px}
.tm-initials{font-size:19px}
.tm-member[data-lg] .tm-initials{font-size:21px}
.tm-body{padding-block-start:0}
.tm-body h3{font-size:15.5px;line-height:1.2}
.tm-role{font-size:12px;margin:3px 0 5px}
.tm-body p{font-size:12.5px;line-height:1.5;max-width:32ch;margin-inline:auto}
.tm-divide{width:min(220px,80%);margin:24px auto 20px}
.tm-page .group-head{margin:24px 0 16px}
}
@media (max-width:360px){
.tm-cluster{column-gap:12px}
.tm-body p{font-size:12px}
}
.ws-board-sec{background:
radial-gradient(120% 80% at 18% 0%, rgba(252,224,210,.55), transparent 60%),
radial-gradient(120% 80% at 90% 100%, rgba(217,243,239,.5), transparent 60%),
var(--cream)}
.ws-board{
display:grid;
grid-template-columns:1fr 1fr;
gap:30px 34px;
align-items:start;
max-width:820px;
margin:0 auto;
padding:16px 8px 6px;
}
.ws-f1{grid-column:1 / -1}
.ws-f3{margin-block-start:26px}
.ws-f4{margin-block-start:-14px}
.ws-flyer{
position:relative;
padding:30px 26px 26px;
border-radius:5px;
color:var(--ink);
background-image:repeating-linear-gradient(
0deg, rgba(52,40,47,.022) 0 1px, transparent 1px 26px);
}
.ws-tint-white{background-color:#fffdfb}
.ws-tint-cream{background-color:#fdf3e8}
.ws-tint-teal {background-color:#eef8f6}
.ws-tint-pink {background-color:#fdf0f2}
.ws-f1{--rot:-2.2deg; box-shadow:9px 12px 26px rgba(52,40,47,.14), 0 1px 0 rgba(255,255,255,.6) inset}
.ws-f2{--rot: 1.6deg; box-shadow:6px 9px 20px rgba(52,40,47,.12), 0 1px 0 rgba(255,255,255,.6) inset}
.ws-f3{--rot:-1.2deg; box-shadow:7px 11px 22px rgba(52,40,47,.13), 0 1px 0 rgba(255,255,255,.6) inset}
.ws-f4{--rot: 2deg;   box-shadow:5px 8px 18px rgba(52,40,47,.11), 0 1px 0 rgba(255,255,255,.6) inset}
.ws-flyer{transform:rotate(var(--rot))}
.ws-f1{
padding:34px 34px 30px;
display:grid;
grid-template-columns:auto 1fr;
column-gap:26px;
align-items:center}
.ws-f1 .ws-ic{width:88px;height:88px;border-radius:22px;grid-row:1 / span 3;margin-bottom:0;align-self:center}
.ws-f1 .ws-ic .ico{width:44px;height:44px}
.ws-f1 h3{font-size:25px;margin-bottom:6px}
.ws-f1 p{font-size:16px;max-width:52ch}
.ws-f1 .ws-age{margin-top:14px;justify-self:start}
.ws-ic{
width:64px;height:64px;border-radius:18px;
display:flex;align-items:center;justify-content:center;
margin-bottom:16px;transform:rotate(3deg);
box-shadow:0 6px 14px rgba(52,40,47,.10)}
.ws-ic .ico{width:32px;height:32px}
.ws-flyer h3{font-size:20px;font-weight:800;margin-bottom:8px;line-height:1.25}
.ws-flyer p{font-size:15px;color:#4a3d43;line-height:1.6}
.ws-age{
display:inline-flex;align-items:center;justify-content:center;
margin-top:16px;min-height:auto;
background:var(--burgundy);color:#fff;
font-weight:800;font-size:13px;line-height:1;
padding:9px 15px;border-radius:22px;
transform:rotate(-3deg);
box-shadow:0 4px 10px rgba(154,56,84,.28)}
.ws-f2 .ws-age{background:var(--teal-d);box-shadow:0 4px 10px rgba(0,150,131,.28);transform:rotate(3deg)}
.ws-f3 .ws-age{transform:rotate(2deg)}
.ws-f4 .ws-age{background:var(--teal-d);box-shadow:0 4px 10px rgba(0,150,131,.28);transform:rotate(-2deg)}
.ws-tape{
position:absolute;top:-12px;
width:104px;height:30px;
opacity:.82;border-radius:2px;
box-shadow:0 2px 5px rgba(52,40,47,.10);
background-image:repeating-linear-gradient(
45deg, rgba(255,255,255,.35) 0 6px, rgba(255,255,255,0) 6px 12px);
background-blend-mode:overlay}
.ws-tape-a{inset-inline-start:22px;transform:rotate(-6deg);background-color:rgba(252,196,0,.62)}
.ws-tape-b{inset-inline-end:26px; transform:rotate(7deg); background-color:rgba(238,140,154,.6)}
.ws-tape-c{inset-inline-start:24px;transform:rotate(5deg); background-color:rgba(112,196,182,.62)}
.ws-tape-d{inset-inline-end:22px; transform:rotate(-5deg);background-color:rgba(238,112,28,.5)}
html.anim .ws-flyer{transition:transform .2s cubic-bezier(.2,.75,.25,1),box-shadow .2s ease}
html.anim .ws-flyer:hover{
transform:rotate(0deg) translateY(-6px);
box-shadow:10px 16px 32px rgba(52,40,47,.18), 0 1px 0 rgba(255,255,255,.6) inset;
z-index:3}
@media (prefers-reduced-motion:reduce){
html.anim .ws-flyer{transition:none}
html.anim .ws-flyer:hover{transform:rotate(var(--rot))}
}
.ws-sheet{
position:relative;
background-color:#fffdfb;
background-image:repeating-linear-gradient(
0deg, rgba(52,40,47,.02) 0 1px, transparent 1px 28px);
border:none;border-radius:6px;
transform:rotate(.5deg);
box-shadow:8px 12px 30px rgba(52,40,47,.15), 0 1px 0 rgba(255,255,255,.6) inset;
padding-top:34px}
.ws-tape-form{
position:absolute;top:-13px;inset-inline-start:50%;
width:150px;height:34px;margin-inline-start:-75px;
transform:rotate(-2deg);
background-color:rgba(252,196,0,.62)}
@media(max-width:900px){
.ws-board{gap:26px 26px;max-width:640px}
.ws-f4{margin-block-start:-10px}
.ws-f3{margin-block-start:20px}
}
@media(max-width:700px){
.ws-board{grid-template-columns:1fr 1fr;gap:15px 13px;max-width:none;padding:8px 2px 4px}
.ws-f1,.ws-f4{grid-column:1 / -1}
.ws-f3{margin-block-start:12px}
.ws-f4{margin-block-start:0}
.ws-f1{--rot:-1.1deg} .ws-f2{--rot:.8deg} .ws-f3{--rot:-.6deg} .ws-f4{--rot:1deg}
.ws-flyer{padding:16px 15px 15px}
.ws-ic{width:50px;height:50px;border-radius:14px;margin-bottom:10px}
.ws-ic .ico{width:26px;height:26px}
.ws-flyer h3{font-size:16px;margin-bottom:5px}
.ws-flyer p{font-size:12.5px;line-height:1.45}
.ws-age{margin-top:10px;font-size:11.5px;padding:7px 12px}
.ws-tape{width:74px;height:24px}
.ws-f1{display:block;padding:18px 18px 16px}
.ws-f1 .ws-ic{width:56px;height:56px;grid-row:auto;margin-bottom:12px}
.ws-f1 .ws-ic .ico{width:30px;height:30px}
.ws-f1 h3{font-size:19px} .ws-f1 p{font-size:14px}
.ws-sheet{transform:rotate(0deg)}
}
@media(max-width:360px){
.ws-flyer h3{font-size:15px}
.ws-flyer p{font-size:12px}
}
.ct-route{background:#fff}
.ct-stops{
list-style:none;
position:relative;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:24px;
max-width:1000px;
margin:6px auto 0;
padding:8px 6px 4px;
}
.ct-stops::before{
content:"";
position:absolute;
top:50px;
inset-inline:16.66%;
height:0;
border-top:3px dashed rgba(154,56,84,.26);
z-index:0;
}
.ct-stop{
position:relative;
z-index:1;
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
}
.ct-s1{margin-block-start:0}
.ct-s2{margin-block-start:34px}
.ct-s3{margin-block-start:10px}
.ct-pin{
position:relative;
width:var(--pin,96px);
height:var(--pin,96px);
flex-shrink:0;
margin-bottom:18px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:#fff;
border:3px solid var(--c);
color:var(--c);
box-shadow:0 12px 26px rgba(52,40,47,.13);
transition:transform .25s ease, box-shadow .25s ease;
}
.ct-pin::after{
content:"";
position:absolute;
inset:9px;
border-radius:50%;
background:var(--t);
z-index:0;
}
.ct-pin-mark{
position:relative;
z-index:1;
width:44%;
height:44%;
stroke:var(--c);
}
.ct-num{
position:absolute;
z-index:2;
top:-4px;
inset-inline-end:-4px;
width:30px;
height:30px;
border-radius:50%;
background:var(--c);
color:#fff;
font-weight:900;
font-size:15px;
line-height:1;
display:flex;
align-items:center;
justify-content:center;
border:3px solid #fff;
}
.ct-s1 .ct-pin{--pin:104px}
.ct-s2 .ct-pin{--pin:90px}
.ct-s3 .ct-pin{--pin:98px}
.ct-card{max-width:30ch}
.ct-card h3{
font-size:22px;
font-weight:900;
color:var(--c);
margin-bottom:10px;
}
.ct-row{
font-size:15px;
line-height:1.5;
margin-bottom:6px;
color:var(--ink);
}
.ct-row span{color:var(--muted)}
.ct-row a{color:var(--teal-d);font-weight:700}
.ct-wa{margin-top:14px}
html.anim .ct-stop:hover .ct-pin{
transform:translateY(-4px);
box-shadow:0 16px 32px rgba(52,40,47,.18);
}
@media (max-width:900px){
.ct-stops{gap:14px}
.ct-s2{margin-block-start:24px}
.ct-s3{margin-block-start:8px}
.ct-s1 .ct-pin{--pin:92px}
.ct-s2 .ct-pin{--pin:82px}
.ct-s3 .ct-pin{--pin:88px}
.ct-card{max-width:26ch}
}
@media (max-width:700px){
.ct-stops{
grid-template-columns:1fr;
gap:16px;
max-width:440px;
padding-top:4px;
}
.ct-stops::before{display:none}
.ct-s1,.ct-s2,.ct-s3{margin-block-start:0}
.ct-stop{
flex-direction:row;
align-items:flex-start;
text-align:start;
gap:14px;
}
.ct-s1 .ct-pin,.ct-s2 .ct-pin,.ct-s3 .ct-pin{--pin:58px}
.ct-pin{margin-bottom:0}
.ct-pin::after{inset:6px}
.ct-num{width:23px;height:23px;font-size:12px;border-width:2px;top:-3px;inset-inline-end:-3px}
.ct-card{flex:1;max-width:none;min-width:0;padding-top:2px}
.ct-card h3{font-size:19px;margin-bottom:4px}
.ct-row{font-size:14px;margin-bottom:3px}
.ct-wa{margin-top:9px;padding-block:8px;padding-inline:16px;font-size:14px}
.ct-stop:not(:last-child)::after{
content:"";
position:absolute;
top:60px;
inset-inline-start:27px;
width:0;
height:calc(100% - 44px);
border-inline-start:3px dashed rgba(154,56,84,.26);
z-index:-1;
}
}
@media (max-width:520px){
.ct-stops{gap:14px;max-width:none}
.ct-stop{gap:12px}
.ct-card h3{font-size:18px}
.ct-row{font-size:13.5px}
}
@media (prefers-reduced-motion:reduce){
.ct-pin{transition:none}
html.anim .ct-stop:hover .ct-pin{transform:none}
}
.jb-rack{
display:grid;
grid-template-columns:1fr 1fr;
gap:34px 30px;
align-items:start;
padding:14px 6px 6px;
}
.jb-rack > .jb-badge:nth-child(even){margin-block-start:30px}
.jb-badge{
position:relative;
background:#fffdfb;
border-radius:16px 16px 18px 18px;
padding:0 0 22px;
overflow:hidden;
box-shadow:0 12px 26px rgba(52,40,47,.11), 0 1px 0 rgba(255,255,255,.7) inset;
transform:rotate(var(--rot,0deg));
}
.jb-c1{--rot:-1.6deg; --b1:var(--teal);   --b2:var(--teal-d)}
.jb-c2{--rot: 1.4deg; --b1:var(--pink);   --b2:var(--burgundy)}
.jb-c3{--rot:-1.1deg; --b1:var(--gold);   --b2:var(--orange)}
.jb-c4{--rot: 1.8deg; --b1:var(--teal-l); --b2:var(--teal-d)}
.jb-c5{--rot:-2deg;   --b1:var(--orange); --b2:var(--soft-orange)}
.jb-c6{--rot: 1.2deg; --b1:var(--burgundy);--b2:var(--pink)}
.jb-c7{--rot:-1.4deg; --b1:var(--teal-d); --b2:var(--teal)}
.jb-c8{--rot: 2deg;   --b1:var(--gold);   --b2:var(--soft-orange)}
.jb-band{
display:block;
height:52px;
background:linear-gradient(105deg,var(--b1),var(--b2));
border-radius:16px 16px 0 0;
position:relative;
}
.jb-confetti{
position:absolute;inset:0;
border-radius:16px 16px 0 0;
opacity:.9;
background-image:
radial-gradient(circle, rgba(255,255,255,.85) 2.4px, transparent 2.6px),
radial-gradient(circle, rgba(255,255,255,.55) 1.8px, transparent 2px),
radial-gradient(circle, rgba(0,0,0,.10) 2px, transparent 2.2px);
background-size:34px 34px, 26px 26px, 44px 44px;
background-position:6px 8px, 22px 26px, 40px 12px;
}
.jb-clip{
position:absolute;
top:-9px;inset-inline-start:26px;
z-index:3;
width:32px;height:27px;
filter:drop-shadow(0 3px 4px rgba(52,40,47,.28));
}
.jb-clip svg{width:100%;height:100%;display:block}
.jb-clip rect{fill:#cfcfd4;stroke:#a7a7ad;stroke-width:1.5}
.jb-clip circle{fill:#fffdfb;stroke:#a7a7ad;stroke-width:1.5}
.jb-body{padding:16px 22px 0;position:relative}
.jb-eyebrow{
display:inline-block;
font-size:11px;font-weight:800;letter-spacing:.10em;
text-transform:uppercase;
color:var(--muted);
padding:2px 0 6px;
}
.jb-body h3{
font-size:18.5px;font-weight:800;line-height:1.28;
color:var(--ink);
padding-bottom:9px;
border-bottom:2px dotted var(--line);
}
.jb-body .meta{
font-size:13.5px;color:var(--muted);font-weight:600;
margin-top:10px;line-height:1.5;
}
.jb-loc{
display:inline-flex;align-items:center;gap:5px;
margin-top:14px;
background:var(--cream);color:var(--burgundy);
font-weight:700;font-size:12.5px;line-height:1;
padding:6px 12px;border-radius:20px;
transform:rotate(-1.5deg);
box-shadow:0 3px 8px rgba(52,40,47,.10);
}
.jb-rack > .jb-badge:nth-child(even) .jb-loc{transform:rotate(1.5deg)}
.jb-loc svg{
width:14px;height:14px;flex-shrink:0;
stroke:currentColor;fill:none;stroke-width:2;
stroke-linecap:round;stroke-linejoin:round;
}
html.anim .jb-badge{transition:transform .2s cubic-bezier(.2,.75,.25,1),box-shadow .2s ease}
html.anim .jb-badge:hover{
transform:rotate(0deg) translateY(-5px);
box-shadow:0 18px 34px rgba(52,40,47,.16), 0 1px 0 rgba(255,255,255,.7) inset;
z-index:4;
}
@media (prefers-reduced-motion:reduce){
html.anim .jb-badge{transition:none}
html.anim .jb-badge:hover{transform:rotate(var(--rot,0deg))}
}
html.anim .jb-badge{opacity:1}
@media (prefers-reduced-motion:no-preference){
html.anim .jb-rack > .jb-badge{
animation:jbHang .5s cubic-bezier(.2,.75,.25,1) both;
}
html.anim .jb-rack > .jb-badge:nth-child(odd){animation-delay:.03s}
html.anim .jb-rack > .jb-badge:nth-child(even){animation-delay:.11s}
}
@keyframes jbHang{
from{opacity:0;transform:rotate(var(--rot,0deg)) translateY(-12px)}
to{opacity:1;transform:rotate(var(--rot,0deg)) translateY(0)}
}
.jb-board{
position:relative;
padding:18px 16px 16px;
border-radius:14px;
background:
linear-gradient(180deg,#e7c9a3,#d9b487),
repeating-linear-gradient(90deg, rgba(120,80,40,.05) 0 2px, transparent 2px 9px);
background-blend-mode:multiply;
box-shadow:0 16px 34px rgba(52,40,47,.16), 0 1px 0 rgba(255,255,255,.35) inset;
}
.jb-metal-clip{
position:absolute;
top:-14px;
inset-inline-start:calc(50% - 60px);
width:120px;height:46px;
z-index:3;
filter:drop-shadow(0 4px 6px rgba(52,40,47,.30));
}
.jb-metal-clip svg{width:100%;height:100%;display:block}
.jb-metal-clip rect{fill:#c6c8cc;stroke:#9a9ca1;stroke-width:1.5}
.jb-metal-clip line{stroke:#9a9ca1;stroke-width:1.6;stroke-linecap:round}
.jb-sheet{
position:relative;
background:#fffdfb;
border:none;
border-radius:6px;
box-shadow:0 4px 14px rgba(52,40,47,.14);
padding-top:34px;
z-index:1;
}
.jb-submit{width:100%;justify-content:center}
@media (max-width:900px){
.jb-rack{gap:28px 24px}
.jb-rack > .jb-badge:nth-child(even){margin-block-start:22px}
}
@media (max-width:700px){
.jb-rack{grid-template-columns:1fr 1fr;gap:16px 13px;padding:10px 2px 4px}
.jb-rack > .jb-badge:nth-child(even){margin-block-start:14px}
.jb-c1{--rot:-.8deg} .jb-c2{--rot:.7deg} .jb-c3{--rot:-.6deg} .jb-c4{--rot:.9deg}
.jb-c5{--rot:-1deg}  .jb-c6{--rot:.6deg} .jb-c7{--rot:-.7deg} .jb-c8{--rot:1deg}
.jb-badge{padding-bottom:15px}
.jb-band{height:38px}
.jb-clip{inset-inline-start:15px;width:25px;height:21px;top:-8px}
.jb-body{padding:11px 13px 0}
.jb-eyebrow{font-size:9.5px;letter-spacing:.07em;padding-bottom:4px}
.jb-body h3{font-size:14.5px;line-height:1.22;padding-bottom:7px}
.jb-body .meta{font-size:11.5px;margin-top:7px;line-height:1.4}
.jb-loc{font-size:11px;padding:5px 9px;margin-top:9px}
}
@media (max-width:520px){
.jb-rack{gap:14px 11px}
.jb-board{padding:16px 10px 12px}
.jb-metal-clip{width:104px;inset-inline-start:calc(50% - 52px)}
}
@media (max-width:360px){
.jb-body h3{font-size:13.5px}
.jb-body .meta{font-size:11px}
}
.sc-nb-sec{
background:
radial-gradient(120% 90% at 88% -10%, rgba(252,224,210,.5), transparent 58%),
radial-gradient(110% 80% at 6% 108%, rgba(217,243,239,.42), transparent 60%);
}
.sc-nb{
position:relative;
margin-block:8px 30px;
padding-block-start:18px;
}
.sc-sheet{
position:relative;
background-color:#fffdfb;
background-image:repeating-linear-gradient(
180deg, transparent 0 47px, rgba(0,150,131,.14) 47px 48px);
background-position:0 26px;
border-radius:4px 4px 8px 8px;
box-shadow:
0 14px 34px rgba(52,40,47,.12),
0 1px 0 rgba(255,255,255,.7) inset;
padding:14px 60px 20px 26px;
overflow:hidden;
}
.sc-sheet::before{
content:"";
position:absolute;
inset-block:0;
inset-inline-start:46px;
width:2px;
background:var(--pink);
opacity:.7;
}
.sc-spiral,.sc7-spiral{
position:absolute;
inset-block:0;
inset-inline-start:8px;
width:18px;
background-image:radial-gradient(circle closest-side at center,
#f4e3d5 0 4.4px,
rgba(52,40,47,.16) 4.4px 5.4px,
transparent 5.9px);
background-size:18px 60px;
background-repeat:repeat-y;
background-position:center top 18px;
}
.sc-spiral svg,.sc7-spiral svg{display:none}
.sc-lines{list-style:none;margin:0;padding:0}
.sc-line{
display:flex;
align-items:baseline;
gap:14px;
min-height:48px;
padding-block:9px;
}
.sc-line + .sc-line{border-block-start:0}
.sc-sticker{
flex-shrink:0;
align-self:center;
min-width:56px;
text-align:center;
font-weight:900;
font-size:13px;
line-height:1;
color:#fff;
padding:7px 10px;
border-radius:7px;
box-shadow:0 4px 10px rgba(52,40,47,.16);
unicode-bidi:plaintext;
}
.sc-line:nth-child(1) .sc-sticker{background:var(--teal-d);   transform:rotate(-3deg)}
.sc-line:nth-child(2) .sc-sticker{background:var(--burgundy); transform:rotate(2.5deg)}
.sc-line:nth-child(3) .sc-sticker{background:var(--orange);   transform:rotate(-2deg)}
.sc-line:nth-child(4) .sc-sticker{background:var(--teal);     transform:rotate(3deg)}
.sc-line:nth-child(5) .sc-sticker{background:var(--soft-orange);transform:rotate(-2.4deg)}
.sc-entry{min-width:0}
.sc-entry b{
display:block;
font-size:16px;
font-weight:800;
line-height:1.3;
color:var(--ink);
}
.sc-desc{
display:block;
font-size:14px;
line-height:1.4;
color:#5a4e54;
}
.sc-paper{position:relative}
.sc-paper .prose.sc-prose{
position:relative;
padding-inline-start:22px;
border-inline-start:3px solid var(--teal-l);
}
.sc-paper-alt .prose.sc-prose{border-inline-start-color:var(--pink)}
.sc-lead{
font-size:18px;
line-height:1.65;
color:#3a2e34;
max-width:72ch;
}
.sc-prose p{max-width:72ch}
html.anim .sc-line{transition:transform .2s cubic-bezier(.2,.75,.25,1)}
@media (prefers-reduced-motion:no-preference){
html.anim .sc-sheet:hover .sc-sticker{transition:transform .2s cubic-bezier(.2,.75,.25,1)}
html.anim .sc-line:hover .sc-sticker{transform:rotate(0deg) scale(1.05)}
}
@media (prefers-reduced-motion:reduce){
html.anim .sc-line{transition:none}
}
@media (max-width:900px){
.sc-sheet{padding-inline:54px 22px}
}
@media (max-width:700px){
.sc-nb{margin-block-end:24px}
.sc-sheet{
padding:12px 48px 18px 18px;
background-image:repeating-linear-gradient(
180deg, transparent 0 51px, rgba(0,150,131,.13) 51px 52px);
}
.sc-sheet::before{inset-inline-start:38px}
.sc-spiral{inset-inline-start:6px;width:14px;
background-image:radial-gradient(circle closest-side at center,
#f4e3d5 0 3.5px, rgba(52,40,47,.16) 3.5px 4.4px, transparent 4.9px);
background-size:14px 52px;background-position:center top 16px}
.sc-line{
gap:11px;
min-height:52px;
align-items:center;
}
.sc-sticker{min-width:50px;font-size:12.5px;padding:6px 8px}
.sc-entry b{font-size:15px}
.sc-desc{font-size:13px}
.sc-paper .prose.sc-prose{padding-inline-start:16px}
.sc-lead{font-size:15.5px;line-height:1.5}
.sc-prose p{font-size:14.5px;line-height:1.55;margin-bottom:11px}
}
@media (max-width:520px){
.sc-sheet{padding-inline:42px 14px}
.sc-sheet::before{inset-inline-start:32px}
.sc-spiral{inset-inline-start:5px;width:12px;
background-image:radial-gradient(circle closest-side at center,
#f4e3d5 0 3px, rgba(52,40,47,.16) 3px 3.9px, transparent 4.4px);
background-size:12px 48px;background-position:center top 14px}
.sc-sticker{min-width:46px}
.sc-entry b{font-size:15px}
}
@media (prefers-reduced-motion:no-preference){
@keyframes mvRiseKeep{from{opacity:0;translate:0 22px}}
html.anim .ws-flyer.is-in,
html.anim .jb-badge.is-in,
html.anim .ct-stop.is-in{animation:mvRiseKeep .5s cubic-bezier(.2,.75,.25,1) both}
}
.ax-wrap{max-width:820px}
.ax-wrap .sec-head{max-width:none;margin-block:0 20px}
.ax-wrap .sec-head p{max-width:70ch;font-size:17px;line-height:1.75}
.ax-wrap .sec-head h2{font-size:clamp(24px,3.2vw,32px)}
.ax-standards{margin-block:0 56px}
.ax-checklist{margin-block:6px 56px}
.ax-widget{margin-block:6px 56px}
.ax-contact{margin-block:6px 44px}
.ax-standards{
list-style:none;padding:0;
display:flex;flex-wrap:wrap;gap:16px;
}
.ax-seal{
flex:1 1 200px;min-width:0;
display:flex;align-items:center;gap:14px;
padding:16px 18px;
background:var(--cream);
border:1px solid var(--line);
border-radius:16px;
position:relative;
}
.ax-seal::after{
content:"";position:absolute;inset:6px;
border:1px dashed rgba(154,56,84,.28);
border-radius:11px;pointer-events:none;
}
.ax-seal-ring{
flex:none;
width:46px;height:46px;border-radius:50%;
display:flex;align-items:center;justify-content:center;
background:#fff;
border:2px solid var(--teal-l);
color:var(--teal-d);
}
.ax-seal-ring svg{
width:24px;height:24px;display:block;
fill:none;stroke:currentColor;stroke-width:2;
stroke-linecap:round;stroke-linejoin:round;
}
.ax-seal-t{display:flex;flex-direction:column;line-height:1.3;min-width:0}
.ax-seal-t b{font-size:16px;font-weight:900;color:var(--ink)}
.ax-seal-t small{font-size:13px;color:var(--muted);font-weight:600}
.ax-checklist{
list-style:none;padding:0;margin-inline:0;
display:grid;grid-template-columns:1fr 1fr;
gap:28px 40px;
}
.ax-check{
display:grid;
grid-template-columns:auto auto 1fr;
align-items:start;gap:12px;
padding-block-end:4px;
border-block-end:1px solid var(--line);
}
.ax-check-mark{
flex:none;
width:26px;height:26px;border-radius:50%;
display:flex;align-items:center;justify-content:center;
background:#d9f3ef;color:var(--teal-d);
margin-block-start:2px;
}
.ax-check-mark svg{
width:16px;height:16px;display:block;
fill:none;stroke:currentColor;stroke-width:2.6;
stroke-linecap:round;stroke-linejoin:round;
}
.ax-check-ico{
flex:none;
width:38px;height:38px;border-radius:11px;
display:flex;align-items:center;justify-content:center;
background:var(--cream);color:var(--teal-d);
}
.ax-check-ico .ico{
width:20px;height:20px;display:block;
fill:none;stroke:currentColor;stroke-width:2;
stroke-linecap:round;stroke-linejoin:round;
}
.ax-check-t{min-width:0}
.ax-check-t h3{font-size:17px;font-weight:800;margin:0 0 4px;color:var(--ink)}
.ax-check-t p{font-size:16px;line-height:1.65;color:var(--muted);max-width:42ch}
.ax-widget{
list-style:none;padding:0;margin-inline:0;
display:grid;grid-template-columns:repeat(3,1fr);
gap:14px;
}
.ax-cap{
display:flex;align-items:center;gap:12px;
padding:14px 16px;
background:#fff;
border:1px solid var(--line);
border-radius:14px;
box-shadow:var(--shadow-sm);
font-size:16px;font-weight:700;color:var(--ink);
}
.ax-cap-ico{
flex:none;
width:40px;height:40px;border-radius:50%;
display:flex;align-items:center;justify-content:center;
background:#d9f3ef;color:var(--teal-d);
}
.ax-cap-ico svg{
width:22px;height:22px;display:block;
fill:none;stroke:currentColor;stroke-width:2;
stroke-linecap:round;stroke-linejoin:round;
}
.ax-contact{
display:flex;flex-wrap:wrap;gap:16px;
padding:26px;
background:linear-gradient(140deg,var(--cream),var(--peach));
border:1px solid var(--line);
border-radius:var(--radius);
box-shadow:var(--shadow-sm);
}
.ax-contact-row{
flex:1 1 260px;min-width:0;
display:flex;align-items:center;gap:14px;
min-height:56px;padding:12px 16px;
background:#fff;
border:1px solid var(--line);
border-radius:16px;
text-decoration:none;color:var(--ink);
transition:box-shadow .18s ease, border-color .18s ease;
}
.ax-contact-row:hover{border-color:var(--teal-l);box-shadow:var(--shadow-sm)}
.ax-contact-ico{
flex:none;
width:44px;height:44px;border-radius:12px;
display:flex;align-items:center;justify-content:center;
background:var(--teal);color:#fff;
}
.ax-contact-ico svg{
width:22px;height:22px;display:block;
fill:none;stroke:currentColor;stroke-width:2;
stroke-linecap:round;stroke-linejoin:round;
}
.ax-contact-t{display:flex;flex-direction:column;line-height:1.35;min-width:0}
.ax-contact-t small{font-size:13px;color:var(--muted);font-weight:600}
.ax-contact-t b{font-size:17px;font-weight:800;color:var(--teal-d);word-break:break-word}
.ax-stamp{
position:relative;display:inline-block;
margin-block-start:8px;padding:12px 22px;
color:var(--burgundy);
font-size:14px;font-weight:800;letter-spacing:.01em;
}
.ax-stamp-frame{
content:"";position:absolute;inset:0;
border:2px solid rgba(154,56,84,.42);
border-radius:10px;
transform:rotate(-2.4deg);
pointer-events:none;
}
.ax-stamp-frame::before{
content:"";position:absolute;inset:4px;
border:1px solid rgba(154,56,84,.28);
border-radius:7px;
}
.ax-stamp-t{position:relative}
@media (prefers-reduced-motion:no-preference){
html.anim .ax-seal,
html.anim .ax-cap{
opacity:1;
}
html.anim .ax-seal{transition:transform .18s ease}
html.anim .ax-seal:hover{transform:translateY(-2px)}
html.anim .ax-cap{transition:transform .18s ease, box-shadow .18s ease}
html.anim .ax-cap:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
}
@media (prefers-reduced-motion:reduce){
.ax-contact-row,.ax-seal,.ax-cap{transition:none}
}
@media (max-width:900px){
.ax-checklist{gap:24px 32px}
.ax-widget{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:700px){
.ax-checklist{grid-template-columns:1fr;gap:22px}
.ax-check{
grid-template-columns:auto auto 1fr;
border-block-end:1px solid var(--line);
padding-block-end:18px;
}
.ax-seal{flex:1 1 100%}
}
@media (max-width:520px){
.ax-widget{grid-template-columns:1fr}
.ax-contact{padding:18px}
.ax-contact-row{flex:1 1 100%}
.ax-check-t p{max-width:none}
}
.pv-tldr-sec{padding:4px 0 0}
.pv-tldr{list-style:none;margin:0;padding:0;display:flex;justify-content:center;flex-wrap:wrap;gap:12px 14px}
.pv-chip{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:8px 18px;
background:#fff;border:1.5px solid var(--line);border-radius:40px;box-shadow:var(--shadow-sm);
font-weight:700;font-size:15px;color:var(--ink)}
.pv-chip-ic{width:30px;height:30px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;
background:var(--pv-tint,#e2f4f0);color:var(--pv-deep,#00796b)}
.pv-chip-ic svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.pv-c1{--pv-tint:#e2f4f0;--pv-deep:#00796b}
.pv-c2{--pv-tint:#f6dee6;--pv-deep:#8a3049}
.pv-c3{--pv-tint:#fdf0cf;--pv-deep:#8a5e00}
.pv-sec{position:relative;margin-bottom:48px;padding-inline-start:26px;max-width:75ch}
.pv-sec::before{content:"";position:absolute;inset-inline-start:0;top:4px;bottom:4px;width:4px;border-radius:4px;
background:var(--pv-bar,var(--teal));opacity:.8}
.pv-s1{--pv-bar:var(--teal);--pv-deep:#00796b;--pv-tint:#e2f4f0}
.pv-s2{--pv-bar:var(--pink);--pv-deep:#b04a5b;--pv-tint:#fce4e8}
.pv-s3{--pv-bar:var(--gold);--pv-deep:#8a5e00;--pv-tint:#fdf0cf}
.pv-s4{--pv-bar:var(--burgundy);--pv-deep:#8a3049;--pv-tint:#f6dee6}
.pv-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.pv-num{font-weight:900;font-size:13.5px;letter-spacing:.09em;color:var(--pv-deep);
font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}
.pv-ic{width:36px;height:36px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;
background:var(--pv-tint);color:var(--pv-deep)}
.pv-ic svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pv-head h2{font-size:clamp(21px,2.8vw,26px);font-weight:900;line-height:1.25;letter-spacing:-.01em;flex:1;min-width:0}
.pv-body{font-size:16.5px;line-height:1.85;color:#584c52;max-width:72ch}
.pv-contact{display:flex;flex-wrap:wrap;gap:14px;margin-top:20px}
.pv-contact-row{display:inline-flex;align-items:center;gap:12px;min-height:56px;padding:10px 20px;
background:var(--cream);border:1px solid var(--line);border-radius:18px}
.pv-contact-row:hover{border-color:var(--teal-l)}
.pv-contact-row:hover .pv-contact-val{text-decoration:underline;text-underline-offset:3px}
.pv-contact-ic{width:40px;height:40px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;
background:#fff;color:var(--teal-d);box-shadow:var(--shadow-sm)}
.pv-contact-ic svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pv-contact-tx{display:flex;flex-direction:column;line-height:1.35;min-width:0}
.pv-contact-lbl{font-size:12.5px;font-weight:700;color:#6f5f52}
.pv-contact-val{font-size:16px;font-weight:800;color:var(--ink);unicode-bidi:isolate}
.pv-stamp{display:flex;align-items:center;gap:18px;margin-top:6px}
.pv-stamp-frame{position:relative;flex-shrink:0;transform:rotate(-3.5deg);
color:#8a3049;border:2px solid currentColor;border-radius:9px;padding:8px 14px;
font-weight:900;font-size:12.5px;letter-spacing:.08em;line-height:1;opacity:.8;
background:rgba(154,56,84,.04)}
.pv-stamp-frame::after{content:"";position:absolute;inset:3px;border:1px solid currentColor;border-radius:6px;opacity:.55}
.pv-stamp-in{display:block;white-space:nowrap}
.pv-stamp-txt{font-size:13.5px;color:var(--muted);margin:0}
html.anim .pv-chip{animation:pvChipIn .5s cubic-bezier(.2,.8,.2,1) both;
transition:transform .2s,box-shadow .2s}
html.anim .pv-c2{animation-delay:.08s}
html.anim .pv-c3{animation-delay:.16s}
@keyframes pvChipIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
html.anim .pv-contact-row{transition:transform .2s,border-color .2s,box-shadow .2s}
html.anim .pv-contact-row:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}
@media(prefers-reduced-motion:reduce){
.pv-chip,.pv-contact-row{animation:none!important;transition:none!important;transform:none}
}
@media(max-width:900px){
.pv-sec{margin-bottom:42px}
}
@media(max-width:700px){
.pv-tldr-sec{padding-top:10px}
.pv-sec{padding-inline-start:20px}
.pv-body{font-size:15.5px;line-height:1.8}
.pv-contact{flex-direction:column;align-items:stretch}
.pv-contact-row{width:100%}
}
@media(max-width:520px){
.pv-tldr{flex-direction:column;align-items:center}
.pv-chip{width:min(100%,280px)}
.pv-head{gap:10px}
.pv-head h2{font-size:20px}
.pv-num{font-size:12.5px}
.pv-ic{width:32px;height:32px;border-radius:10px}
.pv-ic svg{width:17px;height:17px}
.pv-stamp{flex-direction:column;align-items:flex-start;gap:12px}
}
html.aw-fs1 body{zoom:1.12}
html.aw-fs2 body{zoom:1.25}
html.aw-dark body{background:#000}
html.aw-dark .aw-page{filter:invert(1) hue-rotate(180deg)}
html.aw-gray .aw-page{filter:grayscale(1)}
html.aw-dark.aw-gray .aw-page{filter:invert(1) hue-rotate(180deg) grayscale(1)}
html.aw-dark .aw-page img,
html.aw-dark .aw-page video,
html.aw-dark .aw-page picture,
html.aw-dark .aw-page [style*="background-image"]{filter:invert(1) hue-rotate(180deg)}
html.aw-dark.aw-gray .aw-page img,
html.aw-dark.aw-gray .aw-page video,
html.aw-dark.aw-gray .aw-page picture,
html.aw-dark.aw-gray .aw-page [style*="background-image"]{filter:invert(1) hue-rotate(180deg) grayscale(1)}
html.aw-links a:not(.btn){text-decoration:underline!important;text-underline-offset:2px;
background:#fff100!important;color:#000!important;box-shadow:0 0 0 2px #fff100}
html.aw-links a.btn{text-decoration:underline!important}
html.aw-spacing body{letter-spacing:.06em;word-spacing:.12em;line-height:1.9}
html.aw-stopmotion *,
html.aw-stopmotion *::before,
html.aw-stopmotion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.aw-btn{position:fixed;bottom:20px;inset-inline-end:20px;z-index:90;
width:56px;height:56px;border-radius:50%;border:none;cursor:pointer;
background:var(--teal-d);color:#fff;
display:flex;align-items:center;justify-content:center;
box-shadow:0 8px 22px rgba(0,110,96,.42);
transition:transform .18s ease,box-shadow .18s ease}
.aw-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,110,96,.5)}
.aw-btn svg{width:30px;height:30px;display:block}
.aw-btn:focus-visible{outline:3px solid var(--burgundy);outline-offset:3px}
.aw-panel{position:fixed;bottom:88px;inset-inline-end:20px;z-index:91;
width:340px;max-width:calc(100vw - 32px);
max-height:min(78vh,620px);overflow-y:auto;
background:#fff;border:1px solid var(--line);border-radius:18px;
box-shadow:0 20px 50px rgba(52,40,47,.22);
padding:16px 16px 14px;
font-family:inherit;color:var(--ink)}
.aw-panel[hidden]{display:none!important}
html.anim .aw-panel{animation:aw-pop .18s cubic-bezier(.2,.75,.25,1) both}
@keyframes aw-pop{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
.aw-head{display:flex;align-items:center;justify-content:space-between;gap:10px;
margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.aw-title{font-size:19px;font-weight:900;color:var(--ink);display:flex;align-items:center;gap:9px}
.aw-title svg{width:24px;height:24px;color:var(--teal-d)}
.aw-title:focus-visible{outline:3px solid var(--burgundy);outline-offset:3px;border-radius:8px}
.aw-x{background:#f6efe7;border:none;cursor:pointer;width:36px;height:36px;border-radius:50%;
display:flex;align-items:center;justify-content:center;color:var(--ink);flex:none}
.aw-x:hover{background:#efe4d6}
.aw-x svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round}
.aw-x:focus-visible{outline:3px solid var(--burgundy);outline-offset:2px}
.aw-row{display:flex;align-items:center;justify-content:space-between;gap:12px;
padding:9px 4px;border-bottom:1px solid #f6efe7;min-height:48px}
.aw-row:last-of-type{border-bottom:none}
.aw-label{font-size:15.5px;font-weight:700;color:var(--ink)}
.aw-switch{position:relative;flex:none;inline-size:52px;block-size:30px;border-radius:30px;
border:2px solid var(--muted);background:#eee4d7;cursor:pointer;padding:0;transition:.18s}
.aw-switch .aw-knob{position:absolute;top:2px;inset-inline-start:2px;width:22px;height:22px;border-radius:50%;
background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:.18s;
display:flex;align-items:center;justify-content:center}
.aw-switch .aw-knob svg{width:13px;height:13px;stroke:var(--teal-d);fill:none;stroke-width:3;
stroke-linecap:round;stroke-linejoin:round;opacity:0}
.aw-switch[aria-checked="true"]{background:var(--teal-d);border-color:var(--teal-d)}
.aw-switch[aria-checked="true"] .aw-knob{inset-inline-start:24px}
.aw-switch[aria-checked="true"] .aw-knob svg{opacity:1}
.aw-switch:focus-visible{outline:3px solid var(--burgundy);outline-offset:2px}
.aw-step{display:flex;align-items:center;gap:6px;flex:none}
.aw-step button{width:36px;height:36px;border-radius:10px;border:2px solid var(--teal-l);
background:#fff;color:var(--teal-d);font-size:20px;font-weight:900;line-height:1;cursor:pointer;
display:flex;align-items:center;justify-content:center;font-family:inherit}
.aw-step button:hover{background:#eafaf7}
.aw-step button:disabled{opacity:.4;cursor:not-allowed}
.aw-step button:focus-visible{outline:3px solid var(--burgundy);outline-offset:2px}
.aw-step .aw-val{min-width:46px;text-align:center;font-weight:800;font-size:14px;color:var(--ink)}
.aw-reset{display:block;width:100%;margin-top:12px;padding:11px;border-radius:12px;
border:2px solid var(--burgundy);background:#fff;color:var(--burgundy);
font-weight:800;font-size:15px;cursor:pointer;font-family:inherit;min-height:44px}
.aw-reset:hover{background:var(--burgundy);color:#fff}
.aw-reset:focus-visible{outline:3px solid var(--burgundy);outline-offset:2px}
.aw-foot{margin-top:12px;padding-top:12px;border-top:1px solid var(--line);text-align:center}
.aw-foot a{color:var(--teal-d);font-weight:800;font-size:14.5px;text-decoration:underline;
text-underline-offset:2px;display:inline-flex;align-items:center;gap:6px;min-height:44px}
.aw-foot a svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;
stroke-linecap:round;stroke-linejoin:round}
.aw-foot a:hover{color:var(--teal-d);filter:brightness(.9)}
.aw-foot a:focus-visible{outline:3px solid var(--burgundy);outline-offset:2px;border-radius:8px}
.ck-banner{position:fixed;bottom:16px;inset-inline:0;margin-inline:auto;z-index:85;
width:min(680px,calc(100vw - 32px));
background:var(--cream);border:1px solid var(--line);border-radius:16px;
box-shadow:0 16px 40px rgba(52,40,47,.18);
padding:16px 18px;
display:flex;align-items:center;gap:14px;flex-wrap:wrap;
font-family:inherit;color:var(--ink)}
.ck-banner[hidden]{display:none!important}
html.anim .ck-banner{animation:ck-rise .28s cubic-bezier(.2,.75,.25,1) both}
@keyframes ck-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.ck-text{flex:1 1 300px;min-width:0;font-size:14px;line-height:1.6;color:var(--ink)}
.ck-text a{color:var(--teal-d);font-weight:800;text-decoration:underline;text-underline-offset:2px}
.ck-text a:hover{filter:brightness(.9)}
.ck-actions{flex:none;display:flex;align-items:center;gap:10px}
.ck-accept{background:var(--gold);color:#3d2f00;border:none;border-radius:40px;
font-weight:800;font-size:15px;cursor:pointer;padding:11px 24px;min-height:44px;
font-family:inherit;box-shadow:0 8px 20px rgba(252,196,0,.35);white-space:nowrap}
.ck-accept:hover{transform:translateY(-2px)}
.ck-accept:focus-visible{outline:3px solid var(--burgundy);outline-offset:2px}
.ck-banner a:focus-visible{outline:3px solid var(--burgundy);outline-offset:2px;border-radius:6px}
@media(max-width:900px){
.aw-panel{width:320px}
}
@media(max-width:700px){
.aw-btn{bottom:16px;inset-inline-end:14px}
.aw-panel{bottom:80px;inset-inline-end:14px}
.ck-banner{bottom:16px;width:calc(100vw - 24px);padding:14px 16px;padding-inline-end:76px}
}
@media(max-width:520px){
.aw-btn{width:52px;height:52px}
.aw-btn svg{width:28px;height:28px}
.aw-panel{width:calc(100vw - 24px);max-height:min(70vh,560px)}
.ck-banner{gap:10px;padding:13px 14px}
.ck-actions{flex:1 1 100%;justify-content:stretch}
.ck-accept{flex:1}
}
html.aw-dark .aw-panel,html.aw-dark .ck-banner{border-color:#333}
:root{--nav-h:76px}
.hero{margin-top:calc(-1 * var(--nav-h));padding-top:calc(var(--nav-h) + 6px)}
.phero{margin-top:calc(-1 * var(--nav-h));padding-top:calc(var(--nav-h) + 38px)}
html.js-nav header.site{background:transparent;border-bottom-color:transparent;box-shadow:none;
transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}
html.js-nav header.site.scrolled{background:#fff;border-bottom-color:var(--line);
box-shadow:0 6px 20px rgba(52,40,47,.07)}
html.nav-no-anim header.site{transition:none!important}
.tm-photo{
position:absolute;
inset:0;
z-index:2;
width:100%;
height:100%;
object-fit:cover;
object-position:50% 32%;
display:block;
background:transparent;
box-shadow:0 0 0 3px var(--g,var(--line)),
0 8px 18px rgba(52,40,47,.14);
-webkit-user-select:none;
user-select:none;
}
.tm-avatar .tm-initials{z-index:1}
.tm-member[data-blob="1"] .tm-photo{border-radius:46% 54% 52% 48% / 49% 47% 53% 51%}
.tm-member[data-blob="2"] .tm-photo{border-radius:58% 42% 47% 53% / 43% 57% 43% 57%}
.tm-member[data-blob="3"] .tm-photo{border-radius:42% 58% 60% 40% / 55% 45% 55% 45%}
.tm-member[data-blob="4"] .tm-photo{border-radius:53% 47% 40% 60% / 58% 52% 48% 42%}
.tm-member[data-blob="5"] .tm-photo{border-radius:50% 50% 56% 44% / 48% 42% 58% 52%}
@media (max-width:700px){
.tm-photo{box-shadow:0 0 0 2px var(--g,var(--line)),
0 5px 12px rgba(52,40,47,.14)}
}
.slg-band{position:sticky;top:var(--nav-h,76px);z-index:50;text-align:center;
background:linear-gradient(90deg,var(--cream),#fff 50%,var(--cream));
border-block:1px solid var(--line);padding:9px 16px;
font-weight:800;font-size:15px;color:var(--burgundy)}
.slg-band svg{display:inline-block;vertical-align:-3px;width:16px;height:16px;
stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;
margin-inline-end:7px}
@media(max-width:700px){.slg-band{font-size:13.5px;padding:8px 12px}}
.rv-trust{
display:flex;
flex-wrap:wrap;
gap:8px;
margin:14px 0 6px;
}
.rv-chip{
display:inline-flex;
align-items:center;
gap:6px;
background:var(--cream);
color:var(--ink);
border-radius:30px;
padding:6px 13px;
font-size:13px;
font-weight:700;
line-height:1.25;
}
.rv-chip svg{
width:14px;
height:14px;
flex-shrink:0;
fill:none;
stroke:var(--teal-d);
stroke-width:2.5;
stroke-linecap:round;
stroke-linejoin:round;
}
@media (max-width:520px){
.rv-trust{gap:6px;margin:12px 0 4px}
.rv-chip{font-size:12px;padding:5px 11px}
}
.ct-stops.rv-four{grid-template-columns:repeat(4,1fr)}
.ct-stops.rv-four::before{inset-inline:12.5%}
.ct-stops.rv-four .rv-s4{margin-block-start:20px}
.ct-stops.rv-four .rv-s4 .ct-pin{--pin:94px}
@media (max-width:900px){
.ct-stops.rv-four .rv-s4{margin-block-start:16px}
.ct-stops.rv-four .rv-s4 .ct-pin{--pin:84px}
}
@media (max-width:700px){
.ct-stops.rv-four{grid-template-columns:1fr}
.ct-stops.rv-four .rv-s4{margin-block-start:0}
.ct-stops.rv-four .rv-s4 .ct-pin{--pin:58px}
}
.partners a.chip{
color:var(--burgundy);
text-decoration:none;
cursor:pointer;
}
html.anim .partners a.chip{transition:background .2s ease}
.partners a.chip:hover{background:#f6dcc4;text-decoration:underline}
.partners a.chip:focus-visible{
outline:2px solid var(--burgundy);
outline-offset:2px;
}
.rv-wa{
position:fixed;
bottom:16px;
inset-inline-start:16px;
z-index:88;
width:56px;
height:56px;
border-radius:50%;
background:#1fae53;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
box-shadow:0 6px 20px rgba(52,40,47,.28);
-webkit-tap-highlight-color:transparent;
}
.rv-wa svg{
width:30px;
height:30px;
fill:currentColor;
}
html.anim .rv-wa{transition:transform .2s ease, box-shadow .2s ease}
html.anim .rv-wa:hover{
transform:translateY(-3px);
box-shadow:0 10px 26px rgba(52,40,47,.34);
}
.rv-wa:focus-visible{
outline:3px solid var(--gold);
outline-offset:3px;
}
@media (max-width:700px){
.rv-wa{width:52px;height:52px;bottom:16px}
.rv-wa svg{width:28px;height:28px}
.ck-banner{padding-inline-start:76px}
}
.svc-piece .rvs-fit{
font-size:13.5px;
color:#4a3e44;
line-height:1.5;
min-height:0;
margin-top:4px;
}
.svc-piece .rvs-fit b{
font-weight:800;
color:var(--pc,var(--burgundy));
margin-inline-end:3px;
}
.rvs-cta{
display:inline-flex;
align-items:center;
justify-content:center;
gap:4px;
min-height:44px;
max-width:100%;
margin-top:10px;
padding:8px 16px;
border-radius:24px;
background:var(--pc,var(--burgundy));
color:#fff;
font-weight:800;
font-size:13px;
line-height:1.2;
text-align:center;
text-decoration:none;
border:1px solid rgba(52,40,47,.06);
box-shadow:0 6px 15px rgba(52,40,47,.14);
box-sizing:border-box;
}
.rvs-cta,.rvs-cta:visited{color:#fff}
html.anim .rvs-cta{
transition:transform .18s cubic-bezier(.2,.75,.25,1),box-shadow .18s;
}
html.anim .rvs-cta:hover{
transform:translateY(-2px);
box-shadow:0 11px 22px rgba(52,40,47,.2);
}
@media(max-width:700px){
.svc-piece .rvs-fit{font-size:12px;line-height:1.45;margin-top:3px}
.rvs-cta{
display:flex;
width:100%;
white-space:normal;
font-size:12px;
padding:8px 12px;
margin-top:9px;
}
}
@media(max-width:360px){
.svc-piece .rvs-fit{font-size:11.5px}
.rvs-cta{font-size:11.5px}
}
.svc-t-pink .rvs-fit b{color:#8f3949}
.svc-t-coral .rvs-fit b{color:#96410a}
.rvc-why{
list-style:none;
margin:0;
padding:0;
display:grid;
grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
gap:12px 26px;
}
.rvc-why li{
display:flex;
align-items:center;
gap:12px;
font-size:17px;
font-weight:700;
color:var(--ink);
padding-block:6px;
}
.rvc-why-ic{
flex-shrink:0;
width:28px;height:28px;
padding:6px;
border-radius:50%;
background:#d9f3ef;
color:var(--teal-d);
stroke:currentColor;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;
}
.rvc-quick{margin-top:16px;display:flex;justify-content:center}
.ct-s4{margin-block-start:22px}
.ct-s4 .ct-pin{--pin:94px}
.ct-stops.rv-four{grid-template-columns:repeat(4,1fr)}
.ct-stops.rv-four::before{inset-inline:12.5%}
.rvc-nav{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:center;
gap:6px 12px;
margin-top:8px;
font-size:14px;
}
.rvc-nav-lbl{color:var(--muted);font-weight:700}
.rvc-nav a{
display:inline-flex;
align-items:center;
gap:5px;
color:var(--teal-d);
font-weight:800;
text-decoration:underline;
text-underline-offset:2px;
}
.rvc-nav a:hover{color:#00695c}
.rvc-nav-ic{
flex-shrink:0;
width:15px;height:15px;
stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;
}
@media (max-width:900px){
.ct-stops.rv-four{gap:12px}
.ct-stops.rv-four .ct-pin{--pin:74px}
.ct-stops.rv-four .ct-card{max-width:20ch}
.ct-s4{margin-block-start:16px}
}
@media (max-width:700px){
.ct-stops.rv-four{grid-template-columns:1fr;gap:16px}
.ct-stops.rv-four .ct-pin{--pin:58px}
.ct-s4{margin-block-start:0}
}
@media (max-width:700px){
.rvc-why li{font-size:15.5px}
.rvc-why{gap:8px 20px}
}
.sc7-nb{
position:relative;
margin-block:10px 4px;
padding-block-start:2px;
}
.sc7-radio{
position:absolute;
inset-inline-start:8px;
inset-block-start:0;
width:1px;height:1px;
margin:0;
opacity:0;
pointer-events:none;
}
.sc7-tabs{
position:relative;
z-index:3;
display:flex;
flex-wrap:wrap;
align-items:flex-end;
gap:6px;
padding-inline-start:22px;
margin-block-end:-8px;
}
.sc7-tab{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:40px;
padding:9px 20px 15px;
background:var(--cream);
color:#6b5a34;
font-weight:800;
font-size:15px;
line-height:1;
border-radius:12px 12px 0 0;
box-shadow:0 -2px 7px rgba(52,40,47,.06);
cursor:pointer;
unicode-bidi:plaintext;
border:1px solid var(--line);
border-block-end:0;
position:relative;
transition:background .18s ease,color .18s ease,transform .18s ease;
}
.sc7-tab:hover{background:#fbe6c4;color:#4a3d1e}
#sc7-y27:checked ~ .sc7-tabs label[for="sc7-y27"],
#sc7-y26:checked ~ .sc7-tabs label[for="sc7-y26"],
#sc7-y25:checked ~ .sc7-tabs label[for="sc7-y25"]{
background:var(--gold);
color:#3d2f00;
box-shadow:0 -3px 11px rgba(52,40,47,.13);
z-index:2;
}
.sc7-panel{display:none}
#sc7-y27:checked ~ .sc7-p27,
#sc7-y26:checked ~ .sc7-p26,
#sc7-y25:checked ~ .sc7-p25{display:block}
#sc7-y27:focus-visible ~ .sc7-tabs label[for="sc7-y27"],
#sc7-y26:focus-visible ~ .sc7-tabs label[for="sc7-y26"],
#sc7-y25:focus-visible ~ .sc7-tabs label[for="sc7-y25"]{
outline:3px solid var(--burgundy);
outline-offset:2px;
border-radius:10px 10px 4px 4px;
}
.sc7-sheet{
position:relative;
background-color:#fffdfb;
border-radius:4px 4px 8px 8px;
box-shadow:
0 14px 34px rgba(52,40,47,.12),
0 1px 0 rgba(255,255,255,.7) inset;
padding:16px 60px 20px 26px;
overflow:hidden;
}
.sc7-sheet::before{
content:"";
position:absolute;
inset-block:0;
inset-inline-start:46px;
width:2px;
background:var(--pink);
opacity:.7;
}
.sc7-stage{
display:flex;
align-items:center;
gap:10px;
margin-block:6px 2px;
padding-block-end:8px;
font-size:15px;
font-weight:900;
color:var(--burgundy);
border-block-end:2px dashed rgba(154,56,84,.30);
}
.sc7-stage:not(:first-of-type){margin-block-start:22px}
.sc7-stage-ic{
flex-shrink:0;
display:inline-flex;
width:30px;height:30px;
padding:6px;
border-radius:9px;
background:#f6e5ea;
color:var(--burgundy);
}
.sc7-stage-ic svg{
width:100%;height:100%;
stroke:currentColor;fill:none;
stroke-width:2;stroke-linecap:round;stroke-linejoin:round;
}
.sc7-lines{list-style:none;margin:0;padding:0}
.sc7-line{
display:flex;
align-items:center;
gap:14px;
min-height:52px;
padding-block:8px;
border-block-end:1px solid rgba(0,150,131,.16);
}
.sc7-line:last-child{border-block-end:0}
.sc7-sticker{
flex-shrink:0;
min-width:60px;
text-align:center;
font-weight:900;
font-size:13px;
line-height:1;
color:#fff;
padding:7px 10px;
border-radius:7px;
box-shadow:0 4px 10px rgba(52,40,47,.16);
unicode-bidi:plaintext;
}
.sc7-line:nth-child(5n+1) .sc7-sticker{background:var(--teal-d);    transform:rotate(-3deg)}
.sc7-line:nth-child(5n+2) .sc7-sticker{background:var(--burgundy);  transform:rotate(2.5deg)}
.sc7-line:nth-child(5n+3) .sc7-sticker{background:var(--orange);    transform:rotate(-2deg)}
.sc7-line:nth-child(5n+4) .sc7-sticker{background:var(--teal);      transform:rotate(3deg)}
.sc7-line:nth-child(5n+5) .sc7-sticker{background:var(--soft-orange);transform:rotate(-2.4deg)}
.sc7-entry{min-width:0}
.sc7-entry b{
display:block;
font-size:16px;
font-weight:800;
line-height:1.3;
color:var(--ink);
}
.sc7-sheet-mini{padding-block:18px}
.sc7-prev{
margin:0;
font-size:16px;
line-height:1.7;
color:#473b41;
max-width:60ch;
}
.sc7-reach{margin-block-start:26px}
.sc7-reach-lead{
font-size:16px;
font-weight:700;
line-height:1.6;
color:#473b41;
margin-block-end:12px;
}
.sc7-chips{
list-style:none;
margin:0;padding:0;
display:flex;
flex-wrap:wrap;
gap:10px;
}
.sc7-chip{
display:inline-flex;
align-items:center;
gap:8px;
padding:8px 15px 8px 14px;
border-radius:30px;
background:#fff;
border:1.5px solid var(--line);
font-size:14px;
font-weight:800;
color:#3f3339;
box-shadow:0 3px 9px rgba(52,40,47,.05);
unicode-bidi:plaintext;
}
.sc7-chip::before{
content:"";
flex-shrink:0;
width:9px;height:9px;
border-radius:50%;
background:var(--teal-d);
}
.sc7-chip:nth-child(2)::before{background:var(--pink)}
.sc7-chip:nth-child(3)::before{background:var(--gold)}
.sc7-chip:nth-child(4)::before{background:var(--orange)}
.sc7-chip:nth-child(5)::before{background:var(--burgundy)}
.sc7-note{
position:relative;
width:fit-content;
max-width:min(100%,360px);
margin-block:30px 8px;
margin-inline-start:auto;
padding:26px 22px 20px;
background:linear-gradient(180deg,#fffdf6,var(--cream));
border:1px solid #f0dcc4;
border-radius:8px;
transform:rotate(-1.4deg);
box-shadow:7px 12px 28px rgba(52,40,47,.15),0 1px 0 rgba(255,255,255,.6) inset;
}
.sc7-washi{
position:absolute;
top:-12px;
inset-inline-start:50%;
width:118px;height:28px;
margin-inline-start:-59px;
transform:rotate(-2deg);
opacity:.85;
border-radius:2px;
background-color:rgba(252,196,0,.62);
background-image:repeating-linear-gradient(
45deg, rgba(255,255,255,.35) 0 6px, rgba(255,255,255,0) 6px 12px);
background-blend-mode:overlay;
box-shadow:0 2px 5px rgba(52,40,47,.10);
}
.sc7-note-lead{
font-size:15.5px;
font-weight:800;
line-height:1.5;
color:#3a2e34;
margin-block-end:14px;
}
.sc7-note-cta{
display:flex;
flex-direction:column;
gap:10px;
}
.sc7-note-cta .btn{width:100%;justify-content:center}
html.anim .sc7-tab{transition:background .18s ease,color .18s ease,transform .18s ease}
@media (prefers-reduced-motion:no-preference){
html.anim .sc7-note{transition:transform .2s cubic-bezier(.2,.75,.25,1),box-shadow .2s ease}
html.anim .sc7-note:hover{transform:rotate(0deg) translateY(-3px)}
html.anim .sc7-line:hover .sc7-sticker{transition:transform .2s cubic-bezier(.2,.75,.25,1);transform:rotate(0deg) scale(1.05)}
html.anim .sc7-chip{transition:transform .18s ease,box-shadow .18s ease}
html.anim .sc7-chip:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(52,40,47,.10)}
}
@media (prefers-reduced-motion:reduce){
html.anim .sc7-note{transition:none}
html.anim .sc7-note:hover{transform:rotate(-1.4deg)}
}
@media (max-width:900px){
.sc7-sheet{padding-inline:54px 22px}
}
@media (max-width:700px){
.sc7-tabs{padding-inline-start:14px;gap:5px}
.sc7-tab{min-height:38px;padding:8px 15px 13px;font-size:13.5px}
.sc7-sheet{padding:14px 48px 18px 18px}
.sc7-sheet::before{inset-inline-start:38px}
.sc7-spiral{inset-inline-start:6px;width:14px;
background-image:radial-gradient(circle closest-side at center,
#f4e3d5 0 3.5px, rgba(52,40,47,.16) 3.5px 4.4px, transparent 4.9px);
background-size:14px 52px;background-position:center top 16px}
.sc7-line{gap:11px;min-height:50px}
.sc7-sticker{min-width:52px;font-size:12.5px;padding:6px 8px}
.sc7-entry b{font-size:15px}
.sc7-stage{font-size:14px}
.sc7-stage-ic{width:27px;height:27px}
.sc7-prev{font-size:15px}
.sc7-reach-lead{font-size:15px}
.sc7-chip{font-size:13px;padding:7px 13px}
.sc7-note{margin-inline:auto;max-width:100%}
}
@media (max-width:520px){
.sc7-tabs{padding-inline-start:10px;gap:4px}
.sc7-tab{padding:8px 12px 12px;font-size:12.5px}
.sc7-sheet{padding-inline:42px 14px}
.sc7-sheet::before{inset-inline-start:32px}
.sc7-spiral{inset-inline-start:5px;width:12px;
background-image:radial-gradient(circle closest-side at center,
#f4e3d5 0 3px, rgba(52,40,47,.16) 3px 3.9px, transparent 4.4px);
background-size:12px 48px;background-position:center top 14px}
.sc7-sticker{min-width:48px}
.sc7-entry b{font-size:15px}
.sc7-note{padding:24px 16px 18px}
}