
:root{
  --ink:#121212;
  --muted:#64615d;
  --paper:#f6f3ed;
  --paper-2:#ece7df;
  --white:#fff;
  --line:rgba(18,18,18,.12);
  --accent:#9a7449;
  --accent-deep:#705237;
  --shadow:0 24px 70px rgba(20,18,15,.10);
  --radius:26px;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,textarea,select{font:inherit}
.container{width:min(calc(100% - 40px),var(--max));margin:0 auto}
.eyebrow{font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--accent-deep)}
.serif{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.035em}
.display{font-family:Georgia,"Times New Roman",serif;font-size:clamp(3.15rem,7.2vw,6.9rem);line-height:.92;letter-spacing:-.065em;margin:.22em 0}
.section-title{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.3rem,5vw,4.8rem);line-height:1;letter-spacing:-.05em;margin:.15em 0 .35em}
.lead{font-size:clamp(1.08rem,2vw,1.35rem);color:var(--muted);max-width:760px}
.small{font-size:.9rem;color:var(--muted)}
.muted{color:var(--muted)}
.hr{height:1px;background:var(--line);margin:36px 0}

.site-header{position:sticky;top:0;z-index:60;background:rgba(246,243,237,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(18,18,18,.06)}
.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{font-weight:900;letter-spacing:-.04em;font-size:1.08rem}
.brand span{font-weight:500;color:var(--muted);margin-left:8px}
.nav-links{display:flex;align-items:center;gap:25px;font-size:.93rem}
.nav-links a{color:#242220}
.nav-links a:hover{color:var(--accent-deep)}
.nav-toggle{display:none;border:0;background:transparent;font-size:1.7rem;padding:8px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 22px;border-radius:999px;border:1px solid var(--ink);font-weight:800;font-size:.92rem;transition:.2s ease;cursor:pointer}
.btn:hover{transform:translateY(-1px)}
.btn-dark{background:var(--ink);color:var(--white)}
.btn-light{background:transparent;color:var(--ink)}
.btn-accent{background:var(--accent);border-color:var(--accent);color:var(--white)}
.btn-sm{min-height:42px;padding:0 18px;font-size:.84rem}
.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}

.hero{padding:68px 0 80px;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.14fr .86fr;gap:72px;align-items:center}
.hero-copy{padding-top:18px}
.hero-copy .lead{max-width:680px;margin-top:25px}
.hero-media{position:relative;min-height:590px}
.hero-card{position:absolute;inset:12px 0 0 48px;border-radius:180px 180px 28px 28px;overflow:hidden;background:#ded8cf;box-shadow:var(--shadow)}
.hero-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.02)}
.hero-badge{position:absolute;left:0;bottom:42px;background:var(--white);border:1px solid var(--line);border-radius:20px;padding:17px 19px;box-shadow:0 12px 45px rgba(18,18,18,.12);max-width:230px}
.hero-badge strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:1.28rem}
.hero-badge span{font-size:.85rem;color:var(--muted)}

.band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;background:rgba(255,255,255,.18)}
.band-row{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;color:#3f3c38;font-size:.9rem;font-weight:700}
.band-row span:before{content:'•';color:var(--accent);margin-right:10px}

.section{padding:100px 0}
.section-compact{padding:70px 0}
.split{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:start}
.split-center{align-items:center}
.problem-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:32px}
.problem{padding:20px;border-top:1px solid var(--line);font-family:Georgia,"Times New Roman",serif;font-size:1.18rem}

.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:42px}
.pillar{background:rgba(255,255,255,.38);border:1px solid var(--line);border-radius:22px;padding:28px 24px;min-height:245px;display:flex;flex-direction:column}
.pillar .num{font-size:.75rem;letter-spacing:.14em;color:var(--accent-deep);font-weight:900}
.pillar h3{font-family:Georgia,"Times New Roman",serif;font-size:1.8rem;line-height:1.05;margin:35px 0 12px;letter-spacing:-.03em}
.pillar p{color:var(--muted);font-size:.96rem}
.pillar a{margin-top:auto;font-weight:800;font-size:.9rem}

.pricing-wrap{background:var(--ink);color:var(--white)}
.pricing-wrap .muted,.pricing-wrap .lead{color:#bbb7b0}
.pricing-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;margin-top:45px}
.price-card{grid-column:span 4;background:#1b1b1b;border:1px solid rgba(255,255,255,.10);border-radius:24px;padding:28px;display:flex;flex-direction:column;min-height:420px}
.price-card.recommended{background:var(--paper);color:var(--ink);border-color:var(--paper);grid-column:span 8;display:grid;grid-template-columns:1fr 1fr;gap:34px;position:relative}
.price-card.recommended .muted{color:var(--muted)}
.ribbon{display:inline-flex;align-self:flex-start;background:var(--accent);color:white;border-radius:999px;padding:8px 11px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:900}
.price-name{font-family:Georgia,"Times New Roman",serif;font-size:2rem;line-height:1.05;margin:20px 0 10px;letter-spacing:-.04em}
.price{font-size:2.4rem;font-weight:900;letter-spacing:-.06em;margin:8px 0 18px}
.price small{font-size:.88rem;font-weight:600;letter-spacing:0;color:inherit;opacity:.65}
.price-card ul{padding-left:18px;margin:18px 0 24px;color:#c7c3bc}
.price-card.recommended ul{color:var(--muted);columns:2;column-gap:28px}
.price-card li{margin:8px 0}
.price-card .btn{margin-top:auto}
.price-card:not(.recommended) .btn{border-color:rgba(255,255,255,.7);color:white}

.profile-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:75px;align-items:center}
.profile-photo{border-radius:28px;overflow:hidden;background:#ddd6cd;box-shadow:var(--shadow)}
.profile-photo img{width:100%;aspect-ratio:4/5;object-fit:cover}
.quote{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,4vw,3.6rem);line-height:1.05;letter-spacing:-.045em;margin:24px 0}

.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:48px;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.step{padding:31px;min-height:235px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.step-num{font-weight:900;color:var(--accent-deep);font-size:.8rem;letter-spacing:.13em}
.step h3{font-family:Georgia,"Times New Roman",serif;font-size:1.7rem;letter-spacing:-.03em;margin:32px 0 12px}
.step p{color:var(--muted);margin:0}

.roles{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:40px}
.role{border-radius:24px;padding:32px;border:1px solid var(--line);background:rgba(255,255,255,.28)}
.role.dark{background:var(--ink);color:white;border-color:var(--ink)}
.role.dark p{color:#bbb7b0}
.role h3{font-family:Georgia,"Times New Roman",serif;font-size:2rem;margin:4px 0 15px;letter-spacing:-.035em}
.role ul{padding-left:18px}
.role li{margin:8px 0}

.faq{max-width:920px;margin:42px auto 0}
.faq details{border-top:1px solid var(--line);padding:0}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;font-weight:800;padding:24px 38px 24px 0;position:relative;font-size:1.05rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:'+';position:absolute;right:5px;top:20px;font-size:1.6rem;font-weight:400}
.faq details[open] summary:after{content:'−'}
.faq p{color:var(--muted);max-width:760px;margin:-4px 0 24px}

.cta-panel{background:var(--accent);color:white;border-radius:32px;padding:68px;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:end}
.cta-panel .section-title{margin:0}
.cta-panel p{color:rgba(255,255,255,.82);max-width:680px}
.cta-panel .button-row{justify-content:flex-end;margin:0}
.cta-panel .btn{border-color:white}
.cta-panel .btn-dark{background:white;color:var(--ink)}

.site-footer{padding:55px 0 32px;background:#0f0f0f;color:white}
.footer-grid{display:grid;grid-template-columns:1.4fr .6fr .6fr;gap:50px}
.footer-brand{font-family:Georgia,"Times New Roman",serif;font-size:2rem;letter-spacing:-.04em}
.footer-copy{color:#a7a39c;max-width:490px}
.footer-links{display:grid;gap:10px;color:#c9c5be;font-size:.92rem}
.footer-meta{border-top:1px solid rgba(255,255,255,.12);margin-top:42px;padding-top:22px;color:#8f8b85;font-size:.78rem;display:flex;gap:18px;justify-content:space-between;flex-wrap:wrap}

.page-hero{padding:90px 0 65px;border-bottom:1px solid var(--line)}
.page-hero .lead{margin-top:18px}
.page-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}
.page-photo{border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}
.page-photo img{width:100%;aspect-ratio:4/4.6;object-fit:cover}

.package-hero{padding:85px 0 60px}
.package-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:65px;align-items:start}
.package-price-box{position:sticky;top:110px;background:white;border:1px solid var(--line);border-radius:26px;padding:30px;box-shadow:var(--shadow)}
.package-price-box .price{color:var(--ink)}
.package-list{display:grid;gap:0;margin-top:28px;border-top:1px solid var(--line)}
.package-list div{padding:17px 0;border-bottom:1px solid var(--line)}
.notice{border-left:3px solid var(--accent);padding:14px 18px;background:rgba(154,116,73,.08);color:var(--muted);font-size:.94rem;margin:30px 0}
.content h2{font-family:Georgia,"Times New Roman",serif;font-size:2.5rem;letter-spacing:-.04em;margin:55px 0 18px}
.content h3{font-family:Georgia,"Times New Roman",serif;font-size:1.55rem;letter-spacing:-.03em;margin:34px 0 12px}
.content p,.content li{color:#4f4b46}
.content ul{padding-left:20px}
.content li{margin:10px 0}

.compare{width:100%;border-collapse:collapse;margin-top:30px;background:white;border-radius:22px;overflow:hidden}
.compare th,.compare td{text-align:left;padding:17px;border-bottom:1px solid var(--line);font-size:.92rem}
.compare th{background:#ebe6dd;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}
.compare td:last-child{font-weight:900}

.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}
.form-card{background:white;border:1px solid var(--line);border-radius:26px;padding:32px;box-shadow:var(--shadow)}
.field{display:grid;gap:7px;margin-bottom:17px}
.field label{font-size:.82rem;font-weight:800}
.field input,.field textarea,.field select{width:100%;border:1px solid #d7d1c8;background:#fbfaf8;border-radius:14px;padding:14px;color:var(--ink)}
.field textarea{min-height:150px;resize:vertical}
.form-note{font-size:.82rem;color:var(--muted);margin-top:12px}

.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}
.article-card{border:1px solid var(--line);border-radius:22px;padding:25px;background:rgba(255,255,255,.3);min-height:245px;display:flex;flex-direction:column}
.article-card h3{font-family:Georgia,"Times New Roman",serif;font-size:1.7rem;letter-spacing:-.03em;margin:18px 0 10px}
.article-card p{color:var(--muted)}
.article-card span{margin-top:auto;font-size:.85rem;font-weight:800}

@media (max-width: 980px){
  .hero-grid,.split,.profile-grid,.page-hero-grid,.package-grid,.contact-grid{grid-template-columns:1fr;gap:42px}
  .hero{padding-top:38px}
  .hero-media{min-height:520px;max-width:650px}
  .hero-card{left:70px}
  .pillars{grid-template-columns:1fr 1fr}
  .price-card{grid-column:span 6}
  .price-card.recommended{grid-column:span 12}
  .steps{grid-template-columns:1fr 1fr}
  .cta-panel{grid-template-columns:1fr;padding:48px}
  .cta-panel .button-row{justify-content:flex-start}
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer-grid>div:first-child{grid-column:1/-1}
  .package-price-box{position:static}
  .article-grid{grid-template-columns:1fr 1fr}
}
@media (max-width: 760px){
  .container{width:min(calc(100% - 28px),var(--max))}
  .nav{min-height:70px}
  .nav-toggle{display:block}
  .nav-links{display:none;position:absolute;top:70px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:20px 24px 26px;flex-direction:column;align-items:stretch;gap:8px}
  .nav-links.open{display:flex}
  .nav-links a{padding:10px 0}
  .nav-links .btn{margin-top:8px}
  .brand span{display:none}
  .display{font-size:clamp(3rem,17vw,5.1rem)}
  .hero{padding-bottom:54px}
  .hero-media{min-height:420px}
  .hero-card{left:28px;right:0;border-radius:120px 120px 22px 22px}
  .hero-badge{bottom:15px;max-width:205px}
  .section{padding:76px 0}
  .problem-list,.pillars,.roles,.steps,.article-grid{grid-template-columns:1fr}
  .price-card,.price-card.recommended{grid-column:span 12}
  .price-card.recommended{grid-template-columns:1fr}
  .price-card.recommended ul{columns:1}
  .cta-panel{padding:36px 26px;border-radius:24px}
  .footer-grid{grid-template-columns:1fr}
  .footer-grid>div:first-child{grid-column:auto}
  .compare{display:block;overflow:auto}
}
