
:root{
  --cream:#f5efe7;
  --cream2:#eadfd3;
  --paper:#fffaf4;
  --ink:#1f2224;
  --ink2:#292d30;
  --orange:#ff6818;
  --orange-dark:#db4f08;
  --line:#d9cec3;
  --muted:#6c665f;
  --white:#fffdf9;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}
a{color:inherit}
img{max-width:100%;display:block}
.container{width:min(var(--max),calc(100% - 40px));margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(245,239,231,.92);backdrop-filter:blur(15px);border-bottom:1px solid rgba(31,34,36,.1)}
.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand img{width:195px;height:auto}
.nav-links{display:flex;align-items:center;gap:28px}
.nav-links a{text-decoration:none;font-size:.83rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.nav-links a:hover{color:var(--orange)}
.nav-cta{background:var(--orange);color:white!important;padding:11px 17px;border-radius:9px}
.menu{display:none;border:0;background:transparent;color:var(--ink);font-size:1.8rem}

.hero{padding:0 0 26px}
.hero-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px;align-items:stretch;min-height:590px}
.hero-copy{padding:75px 0 45px}
.eyebrow,.kicker{color:var(--orange);font-weight:950;letter-spacing:.13em;text-transform:uppercase;font-size:.76rem}
.hero h1{font-size:clamp(3.2rem,6vw,6.2rem);line-height:.84;letter-spacing:-.06em;text-transform:uppercase;margin:15px 0 18px}
.hero h1 .orange{color:var(--orange);font-style:italic}
.scriptline{font-family:"Brush Script MT","Segoe Script",cursive;font-size:clamp(1.7rem,2.5vw,2.5rem);line-height:1;color:var(--ink);margin:8px 0 20px}
.scriptline span{color:var(--orange);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.hero-copy p{max-width:560px;color:#4e4943;font-size:1.04rem}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;border:1px solid var(--orange);padding:13px 19px;border-radius:9px;font-weight:950;text-transform:uppercase;letter-spacing:.025em}
.btn.primary{background:var(--orange);color:white}
.btn.secondary{background:transparent}
.btn:hover{transform:translateY(-2px);transition:.18s ease}
.hero-media{position:relative;min-height:590px;overflow:hidden;border-radius:36px 0 36px 36px}
.hero-media img{width:100%;height:100%;object-fit:cover}
.hero-panel{position:absolute;right:0;bottom:0;width:min(48%,420px);background:rgba(26,29,31,.97);color:#fff;padding:28px 30px;border-radius:28px 0 0 0}
.hero-panel strong{display:block;font-size:1.55rem;line-height:1.05}
.hero-panel strong span{color:var(--orange)}
.hero-panel p{margin:10px 0 0;color:#d4cec6}
.hero-panel .route{position:absolute;right:-40px;bottom:0;width:210px;height:160px;border-top:2px dashed var(--orange);border-radius:50%;transform:rotate(-14deg);opacity:.8}

.section{padding:82px 0}
.section.alt{background:var(--paper)}
.section.dark{background:var(--ink);color:#f8f3eb}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}
.section h2{font-size:clamp(2.2rem,4.3vw,4.2rem);line-height:.91;letter-spacing:-.05em;text-transform:uppercase;margin:0}
.intro{max-width:600px;color:var(--muted)}
.dark .intro{color:#bcb7b0}

.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.service{min-height:395px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--white);padding:30px}
.service.sell{background:#f1dfcf}
.service .number{font-size:3.8rem;line-height:.8;color:var(--orange);font-weight:950}
.service h3{font-size:2.35rem;line-height:.9;text-transform:uppercase;margin:20px 0 7px}
.service p{max-width:510px;color:#5b554f}
.service ul{padding:0;margin:14px 0 0;list-style:none;position:relative;z-index:2}
.service li{font-size:.88rem;margin:6px 0}
.service li:before{content:"✓";color:var(--orange);font-weight:950;margin-right:8px}
.service-photo{position:absolute;right:0;bottom:0;width:58%;height:100%;overflow:hidden;opacity:.98}
.service-photo img{height:100%;width:100%;object-fit:cover;mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.35) 18%,black 48%)}
.service .price{position:absolute;left:30px;bottom:25px;color:var(--orange);font-size:1.55rem;font-weight:950;z-index:3}
.arrow{position:absolute;right:27px;bottom:28px;text-decoration:none;font-weight:950;z-index:3}

.process-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:40px;align-items:center}
.process-img{width:100%;border-radius:22px}
.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.step{position:relative;padding-top:18px}
.step .num{color:var(--orange);font-weight:950}
.step h3{text-transform:uppercase;margin:10px 0 5px;font-size:1rem}
.step p{margin:0;color:#aaa49c;font-size:.86rem}

.personal{background:var(--ink2);color:#f6f0e8;padding:34px;border-radius:22px}
.personal-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.personal h2{font-size:clamp(2.4rem,5vw,5.1rem)}
.personal p{color:#c8c1b8;font-size:1.05rem}
.personal strong{color:var(--orange)}
.not-list{list-style:none;padding:0;margin:22px 0}
.not-list li{margin:11px 0}
.not-list li:before{content:"×";color:var(--orange);font-weight:950;margin-right:11px}

.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.price-card{border:1px solid var(--line);border-radius:18px;padding:28px;background:var(--white)}
.price-card.sale{background:var(--ink);color:#f7f2eb;border-color:var(--ink)}
.price-card h3{text-transform:uppercase;margin:0 0 18px}
.price-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.price-box{border:1px solid #d2c7bc;padding:17px 8px;text-align:center;border-radius:10px;background:#fffdf9}
.price-box strong{display:block;font-size:1.85rem}
.price-box em{display:block;font-size:.78rem;color:#6b665f;font-style:normal}
.sale .price-box{background:#2b2e31;border-color:#45494c}
.sale .price-box strong{color:var(--orange)}
.note{font-size:.86rem;color:#716b64}
.sale .note{color:#bcb6ad}

.feature-strip{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:14px}
.feature{background:var(--white);border:1px solid var(--line);border-radius:17px;padding:24px;min-height:190px}
.feature.dark{background:#24282a;color:#fff}
.feature h3{margin:0 0 8px;text-transform:uppercase}
.feature p{margin:0;color:#625d56;font-size:.9rem}
.feature.dark p{color:#c5beb6}
.feature strong{color:var(--orange)}

.cta-band{padding:70px 0;background:linear-gradient(105deg,#25292b,#1b1e20 65%,#302a26);color:white}
.cta-grid{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}
.cta-grid h2{font-size:clamp(2.1rem,4vw,4.1rem);line-height:.93;text-transform:uppercase;margin:0}
.contact-mini{color:#c9c2b9;margin-top:14px}

.page-hero{padding:75px 0 65px;background:linear-gradient(125deg,var(--cream),var(--cream2))}
.page-hero h1{font-size:clamp(3rem,7vw,6rem);line-height:.88;text-transform:uppercase;margin:14px 0}
.page-hero p{max-width:720px;color:#5a554f;font-size:1.06rem}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:start}
.disclaimer{border-left:4px solid var(--orange);padding:20px 24px;background:#fff9f2;border-radius:0 14px 14px 0}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px}
.contact-card{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:28px}
.form{display:grid;gap:17px}
label{display:grid;gap:7px;font-weight:800}
input,textarea,select{width:100%;border:1px solid #cfc4b9;background:#fffdfa;color:var(--ink);border-radius:9px;padding:12px 13px;font:inherit}
textarea{min-height:150px;resize:vertical}
.hp{position:absolute;left:-9999px}
.form button{cursor:pointer}
.footer{padding:28px 0;background:#1c1f21;color:#aaa59d}
.footer-grid{display:flex;justify-content:space-between;align-items:center;gap:20px}
.footer small{display:block;margin-top:8px}
.social{display:flex;gap:9px}.social a{width:36px;height:36px;border:1px solid #4a4d4f;border-radius:50%;display:grid;place-items:center;text-decoration:none}

@media(max-width:950px){
 .nav-links{display:none}.menu{display:block}
 .nav-links.open{display:flex;position:absolute;top:68px;left:0;right:0;background:var(--cream);padding:18px 20px;flex-direction:column;align-items:stretch;border-bottom:1px solid rgba(31,34,36,.1)}
 .hero-grid,.process-layout,.personal-grid,.about-grid,.contact-grid{grid-template-columns:1fr}
 .hero-copy{padding:45px 0 20px}
 .hero-media{min-height:470px}
 .service-grid,.pricing-grid{grid-template-columns:1fr}
 .feature-strip{grid-template-columns:1fr 1fr}
 .cta-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
 .container{width:min(var(--max),calc(100% - 28px))}
 .nav{min-height:68px}.brand img{width:175px}
 .hero h1{font-size:3.1rem}.hero-media{min-height:390px;border-radius:25px}
 .hero-panel{width:72%;padding:20px}.hero-panel strong{font-size:1.15rem}
 .actions{display:grid}.btn{width:100%}
 .section{padding:62px 0}.section-head{display:block}.section-head .intro{margin-top:17px}
 .service{min-height:420px;padding:26px}.service-photo{width:65%}.service h3{font-size:2.05rem}
 .service li{font-size:.82rem}.price{left:26px!important}
 .process-steps{grid-template-columns:1fr 1fr}
 .feature-strip{grid-template-columns:1fr}
 .price-row{grid-template-columns:1fr}
 .footer-grid{align-items:flex-start;flex-direction:column}
}
