:root{--ink:#2b3131;--paper:#F5EFE3;--card:#fffdf8;--line:#d9d3c4;--sage:#8a927d;--sage-d:#56604b;--sage-l:#dde3d4;--tan:#decab1;--mute:#4c5250;--head:'Montserrat',system-ui,sans-serif;--sans:'IBM Plex Sans',system-ui,sans-serif;--mono:'IBM Plex Mono',ui-monospace,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}[hidden]{display:none!important}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--sans);padding-bottom:52px}
a{color:var(--sage-d)}img{max-width:100%;display:block}
h1,h2,h3{font-family:var(--head);color:var(--ink);letter-spacing:-.01em}
em{font-style:normal;color:var(--sage-d)}
.top{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:rgba(245,239,227,.95);backdrop-filter:blur(8px);border-bottom:2px solid var(--sage)}
.brand img{height:30px;width:auto}
.top nav{display:flex;gap:4px}.top nav a{text-decoration:none;color:var(--ink);font:500 .9rem var(--head);padding:6px 10px;display:none}
.top nav a.pill{display:inline-block;background:var(--ink);color:var(--paper);border-radius:99px}
.hero{position:relative;overflow:hidden}
.hero-in{max-width:1100px;margin:auto;padding:44px 20px 0;position:relative;z-index:1}
.kicker,.num{font-family:var(--mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
h1{font-weight:700;font-size:clamp(2.3rem,8vw,4.4rem);line-height:1.08;margin:.3em 0 .4em;max-width:13em}
.rule{border:0;height:3px;width:110px;background:var(--sage);margin:0 0 18px}
.sub{font-size:1.15rem;margin:0 0 16px}
h2{font-weight:600;font-size:clamp(1.8rem,5vw,2.7rem);margin:0 0 .6em;line-height:1.12}
.note{font-weight:600;border-left:4px solid var(--sage);padding:6px 0 6px 12px;background:var(--sage-l);border-radius:0 8px 8px 0;max-width:36em}
.cta-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:22px 0}
.btn{display:inline-block;background:var(--ink);color:var(--paper);border:2px solid var(--ink);padding:12px 22px;border-radius:99px;text-decoration:none;cursor:pointer;font:600 1rem var(--head)}
.btn.alt{background:var(--sage-l);color:var(--ink);border-color:var(--sage-d)}
.link{font-weight:600;color:var(--sage-d)}
.hero-art{margin-top:-10px}.hero-art img{width:100%;height:auto;min-height:150px;object-fit:cover}
section:not(.hero){max-width:1100px;margin:auto;padding:56px 20px;border-top:1px solid var(--line);display:grid;gap:12px}
section:not(.hero)>.num{color:var(--sage-d)}
.price-card{background:var(--card);border:1.5px solid var(--sage);border-radius:22px;padding:26px;display:grid;gap:18px}
.incl{list-style:none;padding:0;margin:0;display:grid;gap:10px}.incl li{padding-left:26px;position:relative}
.incl li:before{content:"";position:absolute;left:0;top:.45em;width:12px;height:12px;border-radius:50%;background:var(--sage)}
.price-card .cta-row{margin:6px 0 0}
.svc-grid,.steps,.ph-grid{display:grid;gap:14px}
.svc,.steps li{border:1.5px solid var(--line);border-top:4px solid var(--sage);border-radius:16px;padding:20px;background:var(--card)}
.svc h3,.steps h3{margin:10px 0 6px;font-size:1.08rem;font-weight:600}.svc h3{margin-top:0}
.svc p,.steps p{margin:0;color:var(--mute)}.svc-foot{margin-top:18px}
.steps{list-style:none;padding:0;margin:0}
.steps span{font-family:var(--mono);background:var(--sage-d);color:var(--paper);border-radius:8px;padding:2px 9px}
.ph{aspect-ratio:4/3;border:2px dashed var(--tan);border-radius:16px;display:grid;place-items:center;background:repeating-linear-gradient(45deg,#efe5d6 0 12px,var(--paper) 12px 24px);font-family:var(--mono);font-size:.8rem;color:var(--mute)}
.fallback{font-size:1.1rem;background:var(--card);border-left:4px solid var(--sage);padding:16px 18px;border-radius:0 12px 12px 0}
.form{display:grid;gap:14px;max-width:560px}.form label{display:grid;gap:6px;font-weight:500}
.form input,.form textarea{font:inherit;padding:12px;border:1.5px solid var(--sage-d);border-radius:12px;background:#fff;color:var(--ink)}
.form input:focus,.form textarea:focus{outline:3px solid var(--sage);outline-offset:1px}
.foot{background:var(--ink);color:var(--paper);border-top:4px solid var(--sage);padding:36px 20px;display:grid;gap:14px;font-size:.92rem}
.foot a{color:var(--tan)}.foot .small{color:#cfc9bb;font-size:.8rem}
.mbar{position:fixed;left:0;right:0;bottom:0;z-index:9;display:grid;grid-template-columns:1fr 1fr;border-top:2px solid var(--sage)}
.mbar a{padding:14px;text-align:center;font:600 1rem var(--head);text-decoration:none;background:var(--sage-l);color:var(--ink)}.mbar a:first-child{background:var(--ink);color:var(--paper)}
@media(min-width:760px){
 body{padding-bottom:0}.mbar{display:none}
 .top{padding:14px 40px}.top nav a{display:inline-block}.brand img{height:34px}
 .hero-in{padding:72px 40px 0}.hero-art{margin-top:-60px}
 section:not(.hero){grid-template-columns:120px 1fr;padding:80px 40px}.num{font-size:1rem;padding-top:14px}
 .incl{grid-template-columns:1fr 1fr}.steps,.ph-grid,.svc-grid{grid-template-columns:repeat(2,1fr)}
 .foot{grid-template-columns:2fr 2fr 1fr;padding:40px}
}
@media(min-width:1040px){.steps{grid-template-columns:repeat(4,1fr)}.ph-grid{grid-template-columns:repeat(3,1fr)}}
