:root{
  --bg:#f5f1ea;
  --paper:#fffdf9;
  --panel:#f0ece4;
  --panel-strong:#e6efe9;
  --ink:#1c2a26;
  --muted:#5f6b67;
  --line:rgba(28,42,38,.11);
  --accent:#295d4f;
  --accent-soft:#d8e8e1;
  --glow:#efe4d6;
  --sand:#ded2c0;
  --shadow:0 20px 60px rgba(32,33,30,.08);
  --shadow-soft:0 12px 30px rgba(35,34,32,.06);
  --radius-xl:34px;
  --radius-lg:24px;
  --radius-md:18px;
  --radius-sm:14px;
  --max:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--ink);
  background:radial-gradient(circle at 8% 8%, rgba(216,232,225,.75), transparent 28%),radial-gradient(circle at 90% 12%, rgba(239,228,214,.82), transparent 23%),linear-gradient(180deg,#f8f5ef 0%, #f6f2ea 45%, #f2eee6 100%);
  line-height:1.6;
  letter-spacing:-0.01em;
}
a{color:inherit;text-decoration:none}
.container{width:min(calc(100% - 36px), var(--max)); margin:0 auto}
.page-shell{padding:18px 0 48px}
.topbar{position:sticky; top:14px; z-index:20; width:min(calc(100% - 36px), var(--max)); margin:0 auto 26px; border:1px solid rgba(28,42,38,.08); background:rgba(255,252,247,.76); backdrop-filter:blur(16px); border-radius:999px; box-shadow:var(--shadow-soft)}
.nav-row{display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 14px 12px 18px}
.brand{display:flex; align-items:center; gap:12px; min-width:0}
.brand-mark{width:42px; height:42px; border-radius:15px; background:linear-gradient(145deg, #2d6657 0%, #91ae9f 100%); box-shadow:inset 0 1px 0 rgba(255,255,255,.4), 0 10px 22px rgba(41,93,79,.16); position:relative; flex:0 0 auto}
.brand-mark:before,.brand-mark:after{content:""; position:absolute; background:rgba(255,255,255,.88); border-radius:999px}
.brand-mark:before{width:18px; height:2px; left:12px; top:15px}
.brand-mark:after{width:10px; height:2px; left:12px; top:23px}
.brand-text strong{display:block; font-size:14px; letter-spacing:.08em; text-transform:uppercase}
.brand-text span{display:block; font-size:12px; color:var(--muted)}
.nav-links{display:flex; align-items:center; gap:8px; flex-wrap:wrap; justify-content:flex-end}
.nav-links a{padding:10px 14px; border-radius:999px; color:var(--muted); font-size:14px}
.nav-links a:hover{background:rgba(41,93,79,.08); color:var(--ink)}
.nav-links .nav-cta{background:var(--ink); color:#fff; box-shadow:var(--shadow-soft)}
.hero{display:grid; grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr); gap:24px; align-items:stretch}
.hero-main,.hero-side{border:1px solid var(--line); background:rgba(255,253,249,.78); border-radius:var(--radius-xl); box-shadow:var(--shadow)}
.hero-main{padding:32px; background:linear-gradient(180deg, rgba(255,255,255,.85), rgba(255,251,245,.95)),radial-gradient(circle at top right, rgba(216,232,225,.85), transparent 24%); overflow:hidden; position:relative}
.eyebrow{display:inline-flex; align-items:center; gap:10px; font-size:12px; text-transform:uppercase; letter-spacing:.14em; padding:9px 12px; border:1px solid rgba(28,42,38,.1); border-radius:999px; color:var(--muted); background:rgba(255,255,255,.72)}
.eyebrow:before{content:""; width:8px; height:8px; border-radius:50%; background:var(--accent); box-shadow:0 0 0 5px rgba(41,93,79,.13)}
.hero-grid{display:grid; grid-template-columns:minmax(0,1fr) 210px; gap:22px; margin-top:24px}
.hero h1{font-family:Georgia,"Times New Roman",serif; font-size:clamp(42px, 6vw, 76px); line-height:.98; letter-spacing:-.05em; margin:18px 0 16px; max-width:11ch}
.lead{font-size:18px; max-width:54ch; color:#33413d; margin:0 0 22px}
.hero-actions{display:flex; gap:12px; flex-wrap:wrap; margin:24px 0 28px}
.btn{display:inline-flex; align-items:center; justify-content:center; padding:14px 18px; border-radius:999px; font-weight:600; font-size:15px; transition:transform .18s ease, background .2s ease; border:none; cursor:pointer}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--ink); color:#fff}
.btn-secondary{background:rgba(41,93,79,.09); color:var(--ink); border:1px solid rgba(41,93,79,.12)}
.mini-note{padding:18px; border-radius:22px; background:var(--panel); border:1px solid rgba(28,42,38,.08)}
.mini-note strong{display:block; font-size:13px; text-transform:uppercase; letter-spacing:.1em; margin-bottom:8px}
.hero-rail{display:grid; gap:12px; align-content:start}
.rail-card{padding:16px; border-radius:22px; background:rgba(255,255,255,.94); border:1px solid rgba(28,42,38,.08); box-shadow:var(--shadow-soft)}
.rail-card .label{font-size:11px; text-transform:uppercase; letter-spacing:.12em; color:var(--muted); margin-bottom:8px}
.rail-card h3{margin:0 0 10px; font-size:18px; line-height:1.15}
.rail-card p{margin:0; font-size:14px; color:var(--muted)}
.hero-side{padding:22px; display:grid; gap:14px; align-content:start; background:linear-gradient(180deg, rgba(230,239,233,.92), rgba(255,252,247,.94))}
.side-panel{padding:18px; border-radius:24px; border:1px solid rgba(28,42,38,.08); background:rgba(255,255,255,.82)}
.side-panel h2,.side-panel h3{margin:0 0 8px}
.side-panel h2{font-size:20px}
.side-panel h3{font-size:17px}
.side-panel p{margin:0; color:var(--muted)}
.stat-stack{display:grid; grid-template-columns:repeat(2,1fr); gap:12px}
.stat{padding:16px; border-radius:18px; background:var(--paper); border:1px solid rgba(28,42,38,.08)}
.stat strong{display:block; font-size:26px; line-height:1; margin-bottom:8px; font-family:Georgia,serif}
.stat span{display:block; font-size:13px; color:var(--muted)}
.section{padding:28px 0}
.section-shell{border:1px solid var(--line); border-radius:var(--radius-xl); background:rgba(255,253,249,.82); box-shadow:var(--shadow); overflow:hidden}
.section-head{display:flex; align-items:end; justify-content:space-between; gap:20px; flex-wrap:wrap; padding:28px 30px 0}
.kicker{font-size:12px; text-transform:uppercase; letter-spacing:.14em; color:var(--muted); margin-bottom:12px}
.section h2{margin:0; font-family:Georgia,serif; font-size:clamp(32px, 4vw, 50px); line-height:1.02; letter-spacing:-.04em}
.section-intro{max-width:58ch; color:var(--muted); font-size:17px; margin:10px 0 0}
.guides-layout{padding:26px 30px 30px; display:grid; grid-template-columns:1.1fr .9fr; gap:18px}
.feature-guide{position:relative; min-height:420px; padding:26px; border-radius:30px; overflow:hidden; background:linear-gradient(160deg, #20342d 0%, #325347 56%, #d7c4af 180%); color:#fff; display:flex; flex-direction:column; justify-content:space-between}
.feature-guide:before{content:""; position:absolute; width:260px; height:260px; right:-70px; top:-55px; border-radius:50%; background:rgba(255,255,255,.12); filter:blur(4px)}
.price-chip{display:inline-flex; align-items:center; gap:10px; padding:10px 14px; border-radius:999px; background:rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.18); font-size:13px; letter-spacing:.08em; text-transform:uppercase}
.feature-guide h3{font-family:Georgia,serif; font-size:44px; line-height:1.02; letter-spacing:-.05em; margin:14px 0 16px; max-width:10ch}
.feature-guide p{max-width:46ch; color:rgba(255,255,255,.86); margin:0}
.guide-meta{display:grid; grid-template-columns:repeat(2,1fr); gap:12px; max-width:440px}
.guide-meta div{padding:14px 15px; border-radius:18px; background:rgba(255,255,255,.13); border:1px solid rgba(255,255,255,.18); font-size:14px}
.guide-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:16px}
.guide-card{padding:22px; border-radius:26px; border:1px solid rgba(28,42,38,.08); background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(244,241,235,.95))}
.guide-card:nth-child(2){background:linear-gradient(180deg, rgba(230,239,233,.96), rgba(255,255,255,.93))}
.guide-card:nth-child(3){background:linear-gradient(180deg, rgba(255,249,242,.98), rgba(252,255,251,.96))}
.guide-card h3{margin:0 0 8px; font-size:24px; line-height:1.12}
.guide-card p{margin:0 0 16px; color:var(--muted)}
.guide-card .meta{display:flex; justify-content:space-between; gap:12px; align-items:center; padding-top:14px; border-top:1px solid rgba(28,42,38,.08)}
.badge{display:inline-flex; padding:8px 11px; border-radius:999px; background:rgba(41,93,79,.08); color:var(--accent); font-size:12px; text-transform:uppercase; letter-spacing:.12em}
.meta strong{font-size:18px}
.editorial-split{display:grid; grid-template-columns:280px 1fr; gap:18px; padding:26px 30px 30px}
.left-rail{display:grid; gap:14px; align-content:start}
.note-block{padding:18px; border-radius:24px; background:var(--panel); border:1px solid rgba(28,42,38,.08)}
.note-block strong{display:block; font-size:13px; letter-spacing:.1em; text-transform:uppercase; margin-bottom:8px}
.note-block p{margin:0; font-size:14px; color:var(--muted)}
.why-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:16px}
.why-card{padding:24px; border-radius:28px; background:rgba(255,255,255,.94); border:1px solid rgba(28,42,38,.08)}
.why-card h3{margin:0 0 10px; font-size:23px}
.why-card p{margin:0; color:var(--muted)}
.process-grid{padding:26px 30px 30px; display:grid; grid-template-columns:repeat(5,1fr); gap:14px}
.step{padding:22px; border-radius:28px; background:rgba(255,255,255,.92); border:1px solid rgba(28,42,38,.08); position:relative; min-height:230px}
.step .num{width:36px; height:36px; border-radius:12px; display:grid; place-items:center; background:rgba(41,93,79,.1); color:var(--accent); font-weight:700; margin-bottom:18px}
.step h3{margin:0 0 10px; font-size:20px; line-height:1.15}
.step p{margin:0; color:var(--muted)}
.step.highlight{background:linear-gradient(180deg, rgba(230,239,233,.95), rgba(255,255,255,.94))}
.faq-grid{padding:24px 30px 30px; display:grid; grid-template-columns:repeat(2,1fr); gap:16px}
.faq-item{padding:22px; border-radius:26px; background:rgba(255,255,255,.94); border:1px solid rgba(28,42,38,.08)}
.faq-item h3{margin:0 0 10px; font-size:22px; line-height:1.15}
.faq-item p{margin:0; color:var(--muted)}
.inquiry-grid{padding:26px 30px 30px; display:grid; grid-template-columns:340px 1fr; gap:18px}
.contact-panel{padding:24px; border-radius:28px; background:linear-gradient(180deg, rgba(32,52,45,.98), rgba(51,73,66,.98)); color:#fff}
.contact-panel h3{font-family:Georgia,serif; font-size:34px; line-height:1.04; letter-spacing:-.04em; margin:0 0 14px}
.contact-panel p{margin:0 0 18px; color:rgba(255,255,255,.78)}
.contact-panel .contact-line{padding:14px 0; border-top:1px solid rgba(255,255,255,.14)}
.contact-panel .contact-line small{display:block; text-transform:uppercase; letter-spacing:.12em; color:rgba(255,255,255,.58); margin-bottom:4px}
.contact-panel .contact-line span,.contact-panel .contact-line a{color:#fff}
.form-panel{padding:24px; border-radius:28px; background:rgba(255,255,255,.94); border:1px solid rgba(28,42,38,.08)}
.form-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:14px}
.field,.field-full{display:grid; gap:8px}
.field-full{grid-column:1/-1}
label{font-size:13px; letter-spacing:.08em; text-transform:uppercase; color:var(--muted)}
input,textarea,select{width:100%; padding:15px 16px; border-radius:18px; border:1px solid rgba(28,42,38,.12); background:#fbfaf7; color:var(--ink); font:inherit; outline:none}
input:focus,textarea:focus,select:focus{border-color:rgba(41,93,79,.4); box-shadow:0 0 0 4px rgba(41,93,79,.08)}
textarea{min-height:140px; resize:vertical}
.form-note{margin-top:16px; padding:16px 18px; border-radius:18px; background:var(--panel); border:1px solid rgba(28,42,38,.08); color:var(--muted); font-size:14px}
.form-note strong{color:var(--ink)}
.submit-row{display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:18px; flex-wrap:wrap}
.submit-row p{margin:0; color:var(--muted); font-size:14px; max-width:44ch}
.site-footer{margin-top:28px; border:1px solid var(--line); border-radius:var(--radius-xl); background:rgba(255,253,249,.88); box-shadow:var(--shadow); padding:24px 28px}
.footer-grid{display:grid; grid-template-columns:1.2fr .8fr .8fr; gap:20px}
.footer-grid h3{margin:0 0 10px; font-size:19px}
.footer-grid p,.footer-grid li{margin:0; color:var(--muted)}
.footer-grid ul{margin:0; padding:0; list-style:none; display:grid; gap:10px}
.disclaimer{margin-top:20px; padding-top:16px; border-top:1px solid rgba(28,42,38,.08); color:var(--muted); font-size:13px}
.page-card{border:1px solid var(--line); border-radius:var(--radius-xl); background:rgba(255,253,249,.86); box-shadow:var(--shadow); overflow:hidden}
.page-intro{padding:34px 32px 24px; display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:18px; background:linear-gradient(180deg, rgba(255,255,255,.85), rgba(248,244,237,.94)),radial-gradient(circle at top right, rgba(216,232,225,.7), transparent 26%)}
.page-intro h1{margin:16px 0 12px; font-family:Georgia,serif; font-size:clamp(38px,5vw,64px); line-height:.98; letter-spacing:-.05em}
.page-intro p{margin:0; color:var(--muted); max-width:62ch}
.page-side{padding:20px; border-radius:28px; background:rgba(255,255,255,.86); border:1px solid rgba(28,42,38,.08); align-self:start}
.page-body{padding:0 32px 32px; display:grid; grid-template-columns:280px 1fr; gap:18px}
.toc{align-self:start; position:sticky; top:102px; padding:18px; border-radius:24px; background:var(--panel); border:1px solid rgba(28,42,38,.08)}
.toc strong{display:block; margin-bottom:10px; font-size:13px; text-transform:uppercase; letter-spacing:.1em}
.toc ul{list-style:none; margin:0; padding:0; display:grid; gap:10px}
.toc li{color:var(--muted); font-size:14px}
.article{display:grid; gap:16px}
.article-section{padding:24px; border-radius:28px; background:rgba(255,255,255,.94); border:1px solid rgba(28,42,38,.08)}
.article-section h2{margin:0 0 12px; font-size:30px; font-family:Georgia,serif; line-height:1.02}
.article-section p,.article-section li{color:var(--muted)}
.article-section ul{margin:0; padding-left:18px; display:grid; gap:8px}
.thankyou-shell{min-height:calc(100vh - 120px); display:grid; place-items:center}
.thankyou-card{width:min(calc(100% - 36px), 920px); border:1px solid var(--line); border-radius:40px; box-shadow:var(--shadow); background:linear-gradient(180deg, rgba(255,255,255,.85), rgba(252,248,241,.97)),radial-gradient(circle at top right, rgba(216,232,225,.75), transparent 30%); padding:32px}
.thankyou-grid{display:grid; grid-template-columns:1.2fr .8fr; gap:18px}
.thankyou-card h1{margin:18px 0 14px; font-family:Georgia,serif; font-size:clamp(40px,5vw,64px); line-height:.98; letter-spacing:-.05em}
.thankyou-card p{margin:0 0 14px; color:var(--muted); max-width:56ch}
.thankyou-list{margin:22px 0 0; padding:0; list-style:none; display:grid; gap:12px}
.thankyou-list li{padding:16px 18px; border-radius:20px; background:rgba(255,255,255,.9); border:1px solid rgba(28,42,38,.08)}
.soft-card{padding:20px; border-radius:28px; border:1px solid rgba(28,42,38,.08); background:rgba(255,255,255,.88)}
.soft-card h2{margin:0 0 10px; font-size:22px}
.soft-card p{margin:0 0 12px}
.inline-links{display:flex; gap:10px; flex-wrap:wrap; margin-top:18px}
.inline-links a{padding:12px 14px; border-radius:999px; background:rgba(41,93,79,.08); font-size:14px}
.muted{color:var(--muted)}
@media (max-width:1100px){.hero,.guides-layout,.editorial-split,.inquiry-grid,.page-intro,.page-body,.thankyou-grid{grid-template-columns:1fr}.process-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.hero-grid{grid-template-columns:1fr}}
@media (max-width:760px){.page-shell{padding-top:10px}.nav-row{padding:10px 12px}.nav-links{gap:6px}.nav-links a{padding:9px 12px}.hero-main,.hero-side,.section-shell,.site-footer,.page-card,.thankyou-card{border-radius:28px}.hero-main,.hero-side,.section-head,.guides-layout,.editorial-split,.process-grid,.faq-grid,.inquiry-grid,.page-intro,.page-body,.site-footer{padding-left:18px; padding-right:18px}.section-head{padding-top:22px}.faq-grid,.guide-grid,.form-grid,.why-grid,.stat-stack,.footer-grid,.process-grid{grid-template-columns:1fr}.hero h1,.page-intro h1,.thankyou-card h1{max-width:none}.hero-grid{margin-top:18px}.feature-guide{min-height:unset}.submit-row{align-items:flex-start}}