
:root{
  --orange:#F28C18;
  --orange-deep:#D96E0B;
  --orange-soft:#FFF3E5;
  --charcoal:#242424;
  --ink:#333333;
  --muted:#6F6F6F;
  --line:#E8E2DA;
  --white:#FFFFFF;
  --cream:#FCFAF7;
  --radius:22px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--white);line-height:1.55}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
.container{width:min(1120px,calc(100% - 40px));margin:0 auto}
.header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(232,226,218,.9)}
.nav{height:72px;display:flex;justify-content:space-between;align-items:center}
.brand img{height:40px;width:auto}
.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:var(--orange);color:#fff;font-weight:800;padding:14px 22px;cursor:pointer;transition:.2s}
.btn:hover{background:var(--orange-deep);transform:translateY(-1px)}
.btn-small{padding:10px 16px;font-size:.9rem}
.hero{min-height:640px;display:flex;align-items:center;background:linear-gradient(130deg,#fff 0%,#fff 60%,var(--orange-soft) 100%);overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:54px;align-items:center;padding:74px 0}
.kicker{display:block;color:var(--orange-deep);font-size:.76rem;letter-spacing:.13em;text-transform:uppercase;font-weight:800;margin-bottom:14px}
.hero h1,.section-title h2,.promise h2,.contact h2{font-family:Manrope,Inter,sans-serif;letter-spacing:-.045em;line-height:1.03;margin:0;color:var(--charcoal)}
.hero h1{font-size:clamp(3.6rem,7vw,6.6rem);max-width:760px}
.hero-copy>p{font-size:1.15rem;color:var(--muted);max-width:650px;margin:24px 0 28px}
.hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.text-link{font-weight:700;color:var(--orange-deep)}
.proof{display:flex;align-items:center;gap:12px;margin-top:42px;padding-top:22px;border-top:1px solid var(--line);max-width:490px}
.proof strong{font-family:Manrope,sans-serif;font-size:1.45rem;color:var(--charcoal)}
.proof span{font-size:.9rem;color:var(--muted)}
.hero-visual{height:420px;position:relative;display:grid;place-items:center}
.orb{position:absolute;border-radius:50%}
.orb-a{width:320px;height:320px;background:var(--orange);right:18px;top:34px}
.orb-b{width:210px;height:210px;background:#FFD0A0;left:26px;bottom:5px}
.visual-card{position:relative;width:300px;background:var(--charcoal);color:#fff;padding:34px;border-radius:28px;box-shadow:0 28px 80px rgba(60,37,10,.22);transform:rotate(-3deg)}
.visual-card span{font-size:.7rem;letter-spacing:.16em;color:#FFC580;font-weight:800}
.visual-card b,.visual-card i,.visual-card strong{display:block;font-family:Manrope,sans-serif;font-style:normal;line-height:1.02}
.visual-card b{font-size:2.8rem;margin-top:12px}
.visual-card i{font-size:1.35rem;color:#ccc;margin-top:14px}
.visual-card strong{font-size:2.1rem;color:#FFAC4A;margin-top:3px}
.solutions{padding:82px 0 92px}
.section-title{max-width:760px;margin-bottom:36px}
.section-title h2,.contact h2{font-size:clamp(2.3rem,4vw,4rem)}
.solution-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.solution{border-top:3px solid var(--orange);padding:24px 4px 4px}
.solution>span{display:inline-flex;width:36px;height:36px;border-radius:50%;align-items:center;justify-content:center;background:var(--orange-soft);color:var(--orange-deep);font-size:.75rem;font-weight:800}
.solution h3{font-family:Manrope,sans-serif;font-size:1.3rem;color:var(--charcoal);margin:18px 0 8px}
.solution p{color:var(--muted);margin:0;font-size:.96rem}
.promise{background:var(--charcoal);color:#fff;padding:82px 0}
.promise-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.kicker-light{color:#FFB45C}
.promise h2{color:#fff;font-size:clamp(2.5rem,4.7vw,4.8rem)}
.promise-copy p{color:#d6d6d6;font-size:1.08rem;margin:0 0 28px}
.steps{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.steps span{font-weight:800;color:#fff}
.steps b{color:var(--orange);font-size:1.25rem}
.contact{padding:88px 0;background:var(--cream)}
.contact-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:60px;align-items:start}
.contact-copy p{color:var(--muted);font-size:1.05rem;max-width:470px}
.email{display:inline-block;color:var(--orange-deep);font-weight:800;margin-top:12px}
.form{background:#fff;border:1px solid var(--line);border-radius:26px;padding:28px;box-shadow:0 18px 60px rgba(64,45,23,.08)}
.form label{display:block;font-size:.87rem;font-weight:700;color:var(--charcoal);margin-bottom:14px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form input,.form textarea{width:100%;border:1px solid var(--line);border-radius:13px;padding:13px 14px;font:inherit;margin-top:7px;outline:none}
.form input:focus,.form textarea:focus{border-color:var(--orange);box-shadow:0 0 0 4px rgba(242,140,24,.10)}
.privacy{display:flex!important;gap:10px;align-items:flex-start!important;font-weight:500!important;color:var(--muted)!important}
.privacy input{width:auto;margin-top:4px}
.hp{position:absolute!important;left:-9999px!important}
.status{min-height:20px;font-size:.9rem;margin-bottom:0}
footer{background:#171717;color:#aaa;padding:30px 0}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}
.footer-inner img{height:35px;width:auto}
.reveal{opacity:0;transform:translateY(16px);transition:.6s ease}
.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){
  .hero-grid,.promise-grid,.contact-grid{grid-template-columns:1fr}
  .hero-visual{height:330px}
  .solution-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .container{width:min(100% - 28px,1120px)}
  .nav{height:66px}
  .brand img{height:34px}
  .btn-small{padding:9px 13px;font-size:.82rem}
  .hero{min-height:auto}
  .hero-grid{padding:54px 0 64px}
  .hero h1{font-size:clamp(3rem,15vw,4.6rem)}
  .hero-copy>p{font-size:1rem}
  .hero-visual{height:280px}
  .orb-a{width:220px;height:220px}
  .orb-b{width:150px;height:150px}
  .visual-card{width:250px;padding:27px}
  .visual-card b{font-size:2.25rem}
  .visual-card strong{font-size:1.7rem}
  .solutions,.contact{padding:66px 0}
  .solution-grid,.two{grid-template-columns:1fr}
  .promise{padding:66px 0}
  .footer-inner{flex-direction:column;align-items:flex-start}
}
