:root{--ink:#13232A;--muted:#4F6369;--teal:#0F3B44;--sea:#1E5F74;--sand:#F7F3EC;--sand2:#EFE7DA;--line:#E2D9CA;--accent:#C8643A;--accent2:#E08A5E;--white:#fff;--r:18px;--serif:"Fraunces",Georgia,serif;--sans:"Inter",system-ui,-apple-system,sans-serif;--shadow:0 1px 2px rgba(15,59,68,.06),0 12px 32px -12px rgba(15,59,68,.18)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{font:400 17px/1.65 var(--sans);color:var(--ink);background:var(--sand);-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
a{color:inherit}
.wrap{width:min(1160px,100% - 48px);margin-inline:auto}
.skip{position:absolute;left:-999px;top:8px;background:var(--teal);color:#fff;padding:8px 14px;border-radius:8px;z-index:99}.skip:focus{left:8px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}
h1,h2,h3{font-family:var(--serif);font-weight:500;letter-spacing:-.02em;line-height:1.1;color:var(--teal)}
h1{font-size:clamp(2.6rem,5.6vw,4.6rem);font-variation-settings:"opsz" 144}
h1 em{font-style:italic;color:var(--sea)}
h2{font-size:clamp(2rem,3.6vw,3rem)}
h3{font-size:1.3rem;font-weight:600;letter-spacing:-.01em}
.eyebrow{font-size:.8rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:16px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;border-radius:999px;font-weight:600;font-size:.95rem;text-decoration:none;border:1.5px solid transparent;transition:transform .2s,background .2s,box-shadow .2s;cursor:pointer;font-family:inherit}
.btn-primary{background:var(--teal);color:#fff}.btn-primary:hover{background:var(--sea);transform:translateY(-1px);box-shadow:var(--shadow)}
.btn-ghost{border-color:var(--line);color:var(--teal);background:transparent}.btn-ghost:hover{border-color:var(--teal)}
.btn-sm{padding:10px 18px}
/* nav */
.nav{position:sticky;top:0;z-index:50;background:rgba(247,243,236,.8);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;transition:border-color .3s}
.nav.scrolled{border-color:var(--line)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px}
.nav ul{display:flex;align-items:center;gap:30px;list-style:none}
.nav ul a:not(.btn){text-decoration:none;font-size:.94rem;font-weight:500;color:var(--muted);transition:color .2s}.nav ul a:not(.btn):hover{color:var(--teal)}
.menu-btn{display:none;background:none;border:0;width:44px;height:44px;cursor:pointer;position:relative}
.menu-btn span:not(.sr){position:absolute;left:11px;width:22px;height:2px;background:var(--teal);transition:.3s}
.menu-btn span:nth-of-type(2){top:18px}.menu-btn span:nth-of-type(3){top:25px}
.menu-btn[aria-expanded=true] span:nth-of-type(2){top:21px;transform:rotate(45deg)}.menu-btn[aria-expanded=true] span:nth-of-type(3){top:21px;transform:rotate(-45deg)}
/* hero */
.hero{padding:clamp(56px,9vw,120px) 0 clamp(64px,8vw,110px);position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;inset:auto -10% -40% 30%;height:80%;background:radial-gradient(closest-side,rgba(30,95,116,.12),transparent);pointer-events:none}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}
.lede{font-size:1.2rem;color:var(--muted);max-width:34ch;margin:24px 0 36px}
.cta{display:flex;gap:12px;flex-wrap:wrap}
.areas{display:flex;flex-wrap:wrap;gap:8px 20px;list-style:none;margin-top:44px;font-size:.88rem;color:var(--muted)}
.areas li{display:flex;align-items:center;gap:8px}.areas li:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent2)}
.hero-art{position:relative;aspect-ratio:1/0.92}
.browser{position:absolute;background:#fff;border-radius:14px;box-shadow:0 30px 60px -20px rgba(15,59,68,.35),0 0 0 1px rgba(15,59,68,.06);overflow:hidden}
.b-main{inset:4% 8% 10% 0}
.bar{height:34px;display:flex;align-items:center;gap:6px;padding:0 14px;background:#F4F1EC;border-bottom:1px solid #ECE6DC}
.bar i{width:9px;height:9px;border-radius:50%;background:#DDD4C6}.bar span{margin-left:12px;font-size:11px;color:#8A9599;background:#fff;padding:3px 12px;border-radius:6px}
.mock{padding:22px;display:flex;flex-direction:column;gap:12px;height:calc(100% - 34px)}
.mh-nav{display:flex;gap:10px;align-items:center;margin-bottom:12px}.mh-nav b{width:60px;height:10px;border-radius:4px;background:var(--teal)}.mh-nav s{width:30px;height:6px;border-radius:3px;background:#E5DED2}.mh-nav b+s{margin-left:auto}
.mh-title{height:18px;width:80%;border-radius:5px;background:var(--teal);opacity:.9}.mh-title.short{width:55%}
.mh-line{height:8px;width:70%;border-radius:4px;background:#E5DED2}.mh-line.short{width:45%}
.mh-btn{height:26px;width:110px;border-radius:999px;background:var(--accent)}
.mh-img{flex:1;border-radius:10px;margin-top:8px;background:linear-gradient(160deg,#9FC3C4 0%,#5B8F98 45%,#1E5F74 100%);position:relative;overflow:hidden}
.mh-img:after,.mp-img:after{content:"";position:absolute;left:-10%;right:-10%;bottom:-30%;height:70%;background:radial-gradient(ellipse at 50% 0,#E9DCC4 0 40%,transparent 41%)}
.phone{position:absolute;right:0;bottom:0;width:36%;aspect-ratio:9/18;background:#fff;border-radius:28px;border:7px solid var(--teal);box-shadow:0 30px 50px -20px rgba(15,59,68,.45);overflow:hidden}
.m-phone{padding:12px;gap:9px;height:100%}.m-phone .mh-title{height:12px}.m-phone .mh-btn{height:20px;width:80px}
.mp-img{height:42%;border-radius:12px;background:linear-gradient(160deg,#F0C9A8,#C8643A);position:relative;overflow:hidden}
.chip{position:absolute;left:-4%;bottom:4%;background:#fff;border-radius:999px;padding:10px 18px;font-size:.82rem;font-weight:500;color:var(--teal);box-shadow:var(--shadow);display:flex;align-items:center;gap:10px}
.dot{width:8px;height:8px;border-radius:50%;background:#3E9A7A;box-shadow:0 0 0 4px rgba(62,154,122,.18)}
/* sections */
.section{padding:clamp(80px,10vw,136px) 0}
.tint{background:var(--sand2)}
.head{max-width:640px;margin-bottom:56px}.head h2{margin-bottom:0}
.sub{color:var(--muted);margin-top:16px;font-size:1.08rem}
.cards4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:30px 26px;transition:transform .3s,box-shadow .3s}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.card p{color:var(--muted);font-size:.96rem;margin-top:10px}
.ico{width:46px;height:46px;border-radius:12px;background:var(--sand2);display:grid;place-items:center;margin-bottom:24px}
.ico svg{width:22px;fill:none;stroke:var(--sea);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:48px;counter-reset:s}
.steps li{border-top:1.5px solid var(--teal);padding-top:28px}
.num{font-family:var(--serif);font-size:.95rem;color:var(--accent);font-weight:600;display:block;margin-bottom:22px}
.steps h3{font-size:1.6rem;font-weight:500;margin-bottom:12px}.steps p{color:var(--muted)}
/* work */
.work{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.w figcaption{display:flex;justify-content:space-between;gap:16px;padding:18px 4px 0;font-size:.93rem;flex-wrap:wrap}.w figcaption span{color:var(--muted)}.w strong{color:var(--teal);font-weight:600}
.frame{position:relative;aspect-ratio:16/11;border-radius:var(--r);overflow:hidden;padding:9% 9% 0;transition:transform .5s}
.w:hover .frame .cm{transform:translateY(-6px)}
.tag{position:absolute;top:16px;left:16px;z-index:2;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:rgba(255,255,255,.88);color:var(--teal);padding:6px 11px;border-radius:999px;backdrop-filter:blur(6px)}
.cm{height:100%;border-radius:12px 12px 0 0;padding:20px 22px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;gap:10px 20px;box-shadow:0 24px 48px -16px rgba(0,0,0,.35);transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.cm-nav{grid-column:1/-1;display:flex;align-items:center;gap:12px;font-size:.78rem}.cm-nav b{font-family:var(--serif);font-weight:600}.cm-nav s{width:28px;height:5px;border-radius:3px;background:currentColor;opacity:.25}.cm-nav b+s{margin-left:auto}
.cm-h{font-family:var(--serif);font-size:clamp(1.1rem,2.1vw,1.7rem);line-height:1.08;align-self:center;letter-spacing:-.02em}
.cm-btn{grid-column:1;align-self:start;justify-self:start;font-size:.72rem;font-weight:600;padding:7px 14px;border-radius:999px}
.cm-photo{grid-column:2;grid-row:2/4;border-radius:10px 10px 0 0;margin-bottom:-20px}
.f-salon{background:#E7D6CB}.f-salon .cm{background:#FBF7F3;color:#4A2E2A}.f-salon .cm-btn{background:#4A2E2A;color:#fff}.f-salon .cm-photo{background:linear-gradient(170deg,#D8B4A0,#9C6B5B)}
.f-food{background:#2C3B33}.f-food .cm{background:#F4E9D3;color:#2C3B33}.f-food .cm-h{font-weight:600}.f-food .cm-btn{background:#D45A2B;color:#fff}.f-food .cm-photo{background:radial-gradient(circle at 50% 60%,#E9B04A 0 22%,#D45A2B 23% 34%,#6E8B55 35% 46%,#3A4A3F 47%)}
.f-dental{background:#CFE0E2}.f-dental .cm{background:#fff;color:#16465A}.f-dental .cm-btn{background:#2E8BA0;color:#fff}.f-dental .cm-photo{background:linear-gradient(160deg,#E6F1F2,#9CC6CD)}
.f-build{background:#3A3A36}.f-build .cm{background:#EDEBE6;color:#26261F}.f-build .cm-h{font-family:var(--sans);font-weight:600;letter-spacing:-.03em}.f-build .cm-btn{background:#E0A43A;color:#26261F}.f-build .cm-photo{background:repeating-linear-gradient(90deg,#B9B2A3 0 18px,#A8A090 18px 20px),#B9B2A3}
.note{margin-top:28px;font-size:.85rem;color:var(--muted)}
/* pricing */
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.tier{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:36px 32px;display:flex;flex-direction:column}
.tier .desc{color:var(--muted);font-size:.95rem;margin-top:8px;min-height:3em}
.price{font-family:var(--serif);font-size:3rem;color:var(--teal);margin:24px 0 24px;line-height:1}.price small{display:block;font-family:var(--sans);font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.price span{font-size:1.1rem;color:var(--muted)}
.tier ul{list-style:none;border-top:1px solid var(--line);padding-top:22px;margin-bottom:32px;display:grid;gap:12px;font-size:.95rem;flex:1}
.tier li{display:flex;gap:12px}.tier li:before{content:"";flex:none;width:16px;height:16px;margin-top:4px;border-radius:50%;background:var(--sand2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.3 2.3 4.7-4.8' fill='none' stroke='%231E5F74' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")}
.tier .btn{justify-content:center}
.featured{background:var(--teal);border-color:var(--teal);color:#E7EFEE}.featured h3,.featured .price{color:#fff}.featured .desc,.featured .price small,.featured .price span{color:#A9C3C6}.featured ul{border-color:rgba(255,255,255,.14)}.featured li:before{background-color:rgba(255,255,255,.9)}
.featured .btn-primary{background:var(--accent2);color:#1c1410}.featured .btn-primary:hover{background:#EBA27C}
.badge{position:absolute;top:-13px;right:28px;background:var(--accent2);color:#1c1410;font-size:.75rem;font-weight:600;padding:5px 12px;border-radius:999px}
/* faq */
.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:start}
.faq details{border-bottom:1px solid var(--line)}.faq details:first-child{border-top:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:24px 40px 24px 0;font-weight:500;font-size:1.08rem;color:var(--teal);position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"";position:absolute;right:6px;top:50%;width:12px;height:12px;margin-top:-8px;border-right:1.6px solid var(--sea);border-bottom:1.6px solid var(--sea);transform:rotate(45deg);transition:transform .3s}
.faq details[open] summary:after{transform:rotate(-135deg);margin-top:-2px}
.faq details p{padding:0 40px 24px 0;color:var(--muted)}
/* about */
.about{display:grid;grid-template-columns:.7fr 1.3fr;gap:72px;align-items:center}
.about-mark svg{width:100%;max-width:320px}
.about h2{margin-bottom:24px}
.big{font-size:1.2rem;line-height:1.7;color:#2B3E44;max-width:60ch}
/* contact */
.contact{background:var(--teal);color:#D7E4E3}
.contact h2{color:#fff}.contact .eyebrow{color:var(--accent2)}.contact .sub{color:#A9C3C6}
.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:72px;align-items:start}
.mail{display:inline-block;margin-top:36px;font-family:var(--serif);font-size:clamp(1.3rem,2.4vw,1.9rem);color:#fff;text-decoration:none;border-bottom:1.5px solid var(--accent2);padding-bottom:4px;word-break:break-all}
.mail:hover{color:var(--accent2)}
.loc{margin-top:18px;color:#A9C3C6;font-size:.95rem}
.form{background:#fff;color:var(--ink);border-radius:22px;padding:36px;display:grid;gap:18px;box-shadow:0 40px 80px -30px rgba(0,0,0,.5)}
.row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.form label{display:grid;gap:7px;font-size:.86rem;font-weight:600;color:var(--teal)}
.form input,.form select,.form textarea{font:inherit;font-weight:400;font-size:1rem;color:var(--ink);background:var(--sand);border:1px solid var(--line);border-radius:12px;padding:13px 14px;width:100%;transition:border-color .2s,box-shadow .2s}
.form input:focus,.form select:focus,.form textarea:focus{outline:0;border-color:var(--sea);box-shadow:0 0 0 4px rgba(30,95,116,.14)}
.form .btn{justify-self:start}
.hp{position:absolute;left:-9999px}
.footer{background:#0B2E35;color:#93AFB2;padding:48px 0;font-size:.9rem}
.foot{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.foot a{color:#D7E4E3}
.thanks{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:20px;text-align:center;padding:24px}
/* reveal */
.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.js .reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* responsive */
@media (max-width:1024px){.cards4{grid-template-columns:repeat(2,1fr)}.hero-grid{gap:40px}}
@media (max-width:860px){
 .menu-btn{display:block}
 .nav ul{position:absolute;top:72px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--sand);border-bottom:1px solid var(--line);padding:8px 24px 24px;display:none}
 .nav ul.open{display:flex}.nav ul li a:not(.btn){display:block;padding:14px 0;font-size:1.05rem;border-bottom:1px solid var(--line)}.nav ul .btn{margin-top:18px;justify-content:center}
 .hero-grid,.faq-grid,.about,.contact-grid{grid-template-columns:1fr}
 .hero-art{max-width:520px;width:100%;margin-inline:auto}
 .steps,.tiers{grid-template-columns:1fr}.steps{gap:36px}
 .work{grid-template-columns:1fr}
 .about{gap:32px}.about-mark svg{max-width:120px}
 .faq-grid,.contact-grid{gap:40px}
}
@media (max-width:560px){
 .wrap{width:calc(100% - 40px)}
 .cards4,.row{grid-template-columns:1fr}
 .form{padding:24px}
 .chip{left:0;font-size:.75rem}
 .lede{font-size:1.1rem}
 .cm{padding:14px 14px}.cm-btn{font-size:.62rem;padding:6px 10px}
}
/* iteration 1 */
.hero:before{inset:0;height:auto;background:radial-gradient(60% 70% at 78% 55%,rgba(30,95,116,.12),transparent 70%)}
.frame{padding-top:56px}
.w figcaption{row-gap:4px}
@media (max-width:560px){
 .eyebrow{letter-spacing:.1em;font-size:.74rem}
 .cta .btn{flex:1 1 100%;justify-content:center}
 .frame{aspect-ratio:4/3.4;padding:52px 6% 0}
 .w figcaption{flex-direction:column}
 .hero-art{margin-top:8px}
}
/* iteration 2 */
:root{--accent:#AE5129}
.mh-btn,.mp-img{background-color:#C8643A}.mh-btn{background:#C8643A}
@media (min-width:861px){.faq-grid .head{position:sticky;top:110px}}
.form select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%231E5F74' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:12px;padding-right:40px}
.form textarea{resize:vertical;min-height:120px}
.form .fine{font-size:.8rem;color:var(--muted);font-weight:400}
.contact .sub{max-width:38ch}
.form-foot{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
/* iteration 3 */
.hero-note{margin-top:16px;font-size:.92rem;color:var(--muted)}
.steps4{grid-template-columns:repeat(4,1fr);gap:32px}.steps4 h3{font-size:1.35rem}
.steps-cta{margin-top:48px}
a.w{display:block;text-decoration:none;color:inherit;border-radius:var(--r)}
a.w:hover .frame .cm{transform:translateY(-6px)}
a.w:focus-visible{outline-offset:6px}
.wcap{display:flex;justify-content:space-between;align-items:baseline;gap:4px 16px;padding:18px 4px 0;font-size:.93rem;flex-wrap:wrap}.wcap strong{color:var(--teal);font-weight:600}.wcap>span:not(.view){color:var(--muted);flex:1}
.wcap .view{flex-basis:100%;font-weight:600;color:var(--accent)}a.w:hover .view{text-decoration:underline}
.pay{background:#fff;border:1px solid var(--line);border-left:4px solid var(--accent2);border-radius:14px;padding:18px 22px;margin:-24px 0 40px;color:var(--muted)}.pay strong{color:var(--teal)}
@media (max-width:1024px){.steps4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:860px){.steps4{grid-template-columns:1fr}}
@media (max-width:560px){.steps-cta .btn{flex:1 1 100%;justify-content:center}}
/* v5 multi-page */
h1 em,h2 em{font-style:italic;font-weight:400;color:var(--sea)}
.nav ul a[aria-current=page]:not(.btn){color:var(--teal);position:relative}
.nav ul a[aria-current=page]:not(.btn):after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;border-radius:2px;background:var(--accent2)}
.nav ul{gap:26px}
.phero{padding:clamp(64px,9vw,128px) 0 clamp(48px,6vw,80px)}
.phero h1{max-width:16ch;font-size:clamp(2.5rem,5.2vw,4.2rem)}
.phero .lede{max-width:52ch;margin-bottom:0}
.phero .lede a{color:var(--teal)}
.pt0{padding-top:0}
.mt{margin-top:32px}
.narrow{max-width:820px}
.head-row{max-width:none;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.link{font-weight:600;color:var(--teal);text-decoration:none;border-bottom:1.5px solid var(--accent2);padding-bottom:2px;white-space:nowrap}.link:hover{color:var(--accent)}
.props{display:grid;grid-template-columns:repeat(4,1fr);gap:48px 40px}
.prop h3{margin-bottom:10px}.prop p{color:var(--muted);font-size:.97rem}
.promises{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.promise{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:32px 28px}
.pn{display:block;font-family:var(--serif);font-size:2.4rem;line-height:1;color:var(--teal);margin-bottom:16px;letter-spacing:-.02em}
.promise p{color:var(--muted);font-size:.96rem}
.svc{display:grid;gap:0;border-top:1px solid var(--line)}
.svc-row{display:grid;grid-template-columns:64px 1.3fr 1fr;gap:40px;padding:48px 0;border-bottom:1px solid var(--line);align-items:start}
.svc-row .ico{margin:4px 0 0}
.svc-row h2{font-size:clamp(1.6rem,2.6vw,2.1rem);margin-bottom:14px}.svc-row p{color:var(--muted)}
.ticks{list-style:none;display:grid;gap:10px;font-size:.95rem;padding-top:6px}
.ticks li{display:flex;gap:12px}.ticks li:before,.cl li:before{content:"";flex:none;width:16px;height:16px;margin-top:4px;border-radius:50%;background:var(--sand2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.3 2.3 4.7-4.8' fill='none' stroke='%231E5F74' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")}
.split{display:grid;grid-template-columns:1fr 1.1fr;gap:72px;align-items:start}
.terms{display:grid;gap:0;border-top:1px solid var(--line)}
.terms div{display:grid;grid-template-columns:200px 1fr;gap:24px;padding:22px 0;border-bottom:1px solid var(--line)}
.terms dt{font-weight:600;color:var(--teal)}.terms dd{color:var(--muted)}
.pay{margin:0 0 40px}
.cpage{padding-top:clamp(64px,8vw,112px)}
.cpage h1{color:#fff;font-size:clamp(2.4rem,4.6vw,3.6rem)}
.cl{list-style:none;display:grid;gap:10px;margin-top:32px;color:#D7E4E3;font-size:.97rem}.cl li{display:flex;gap:12px}
.btn-light{background:var(--accent2);color:#1c1410}.btn-light:hover{background:#EBA27C;transform:translateY(-1px)}
.footer{padding:0 0 32px;font-size:.93rem}
.foot-cta{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap;padding:72px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.foot-cta h2{color:#fff;max-width:20ch;font-size:clamp(1.8rem,3.2vw,2.6rem)}.foot-cta .eyebrow{color:var(--accent2)}
.foot-cta[hidden]{display:none}
.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.4fr;gap:40px;padding:56px 0 48px}
.foot-h{font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#D7E4E3;margin-bottom:16px}
.foot-grid ul{list-style:none;display:grid;gap:10px}.foot-grid a{color:#D7E4E3;text-decoration:none}.foot-grid a:hover{color:#fff;text-decoration:underline}
.foot-blurb{margin-top:14px;max-width:32ch;line-height:1.6}
.foot-base{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);font-size:.85rem}
.thanks{background:var(--sand)}
.thanks-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:56px 48px;max-width:560px;display:grid;justify-items:center;gap:20px;box-shadow:var(--shadow)}
.thanks-card h1{font-size:clamp(2rem,4vw,2.8rem)}.thanks-card p{color:var(--muted)}
.tick{width:56px;height:56px;border-radius:50%;background:#E3F1EA;display:grid;place-items:center}.tick svg{width:26px;fill:none;stroke:#2F7D5E;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:1100px){.nav ul{gap:20px}.nav ul a:not(.btn){font-size:.9rem}}
@media (max-width:1024px){.props,.promises{grid-template-columns:repeat(2,1fr)}.foot-grid{grid-template-columns:1fr 1fr}}
@media (max-width:980px){
 .menu-btn{display:block}
 .nav ul{position:absolute;top:72px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--sand);border-bottom:1px solid var(--line);padding:8px 24px 24px;display:none;box-shadow:0 20px 30px -20px rgba(15,59,68,.25)}
 .nav ul.open{display:flex}.nav ul li a:not(.btn){display:block;padding:14px 0;font-size:1.05rem;border-bottom:1px solid var(--line)}.nav ul .btn{margin-top:18px;justify-content:center;width:100%}
 .nav ul a[aria-current=page]:not(.btn):after{display:none}
 .nav ul a[aria-current=page]:not(.btn){color:var(--accent)}
}
@media (max-width:860px){.svc-row{grid-template-columns:1fr;gap:16px}.split{grid-template-columns:1fr;gap:40px}.terms div{grid-template-columns:1fr;gap:6px}}
@media (max-width:560px){.props,.promises,.foot-grid{grid-template-columns:1fr}.props{gap:36px}.thanks-card{padding:40px 24px}.thanks-card .cta .btn{flex:1 1 100%;justify-content:center}.foot-cta{padding:56px 0}.foot-cta .btn{width:100%;justify-content:center}.head-row{align-items:flex-start}}
@media (max-width:560px){.foot-grid{grid-template-columns:1fr 1fr;gap:32px 24px}.foot-grid>div{grid-column:1/-1}}
/* v6 services */
.svc-price{display:inline-block;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:#fff;border:1px solid var(--line);border-radius:999px;padding:4px 12px;margin-bottom:14px}
.bundle{margin-top:56px;background:var(--teal);color:#D7E4E3;border-radius:22px;padding:48px;display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap}
.bundle h2{color:#fff;font-size:clamp(1.6rem,2.8vw,2.3rem);max-width:24ch}.bundle .eyebrow{color:var(--accent2)}.bundle .sub{color:#A9C3C6}
.addons{margin-top:28px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:32px 36px}
.addons h3{margin-bottom:8px}
.addons dl div{display:grid;grid-template-columns:260px 1fr auto;gap:24px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--line)}
.addons dt{font-weight:600;color:var(--teal)}.addons dd{color:var(--muted);font-size:.95rem}.addons .ap{font-family:var(--serif);font-size:1.2rem;color:var(--teal);white-space:nowrap}
.fine-note{margin-top:20px;font-size:.92rem;color:var(--muted)}.fine-note a{color:var(--teal)}
.svc-teaser{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.st{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px 26px;text-decoration:none;transition:transform .3s,box-shadow .3s}
.st:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.st h3{margin-bottom:8px}.st p{color:var(--muted);font-size:.95rem;flex:1}.st span{margin-top:18px;font-weight:600;color:var(--accent);font-size:.92rem}
.plan{display:inline-block;margin-top:2px;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--sea);background:var(--sand2);border-radius:999px;padding:4px 10px}
.wcap .plan{flex-basis:100%;flex-grow:0;width:max-content;color:var(--sea)!important}
@media (max-width:1024px){.svc-teaser{grid-template-columns:repeat(2,1fr)}}
@media (max-width:860px){.addons dl div{grid-template-columns:1fr auto;gap:4px 16px}.addons dd:not(.ap){grid-column:1/-1;grid-row:2}}
@media (max-width:560px){.svc-teaser{grid-template-columns:1fr}.bundle{padding:32px 24px}.bundle .btn{width:100%;justify-content:center}.addons{padding:24px 20px}}
/* v6 work cards */
.frame2{position:relative;border-radius:var(--r);overflow:hidden;padding:56px 7% 0;aspect-ratio:16/11.5}
.frame2 .shot{height:100%;border-radius:12px 12px 0 0;overflow:hidden;background:#fff;box-shadow:0 24px 48px -16px rgba(0,0,0,.35);transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.frame2 .bar{height:28px}.frame2 .bar span{font-size:10px}
.frame2 img{width:100%;height:calc(100% - 28px);object-fit:cover;object-position:top}
a.w:hover .frame2 .shot{transform:translateY(-6px)}
.wcap .plan{order:-1;flex:0 0 100%;width:auto;background:none;padding:0;margin:0 0 2px;font-size:.72rem;color:var(--accent)!important;letter-spacing:.1em}
@media (max-width:560px){.frame2{padding:48px 5% 0;aspect-ratio:4/3.3}}
.wcap{display:block}.wcap>span.plan{display:block;margin-bottom:6px}.wcap strong{display:block;font-size:1.05rem}.wcap>span:not(.view):not(.plan){display:block;margin-top:2px}.wcap .view{display:inline-block;margin-top:10px}