@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&display=swap');

:root{
  --ink:#141414; --orange:#e8611c; --dark:#1c1c1c; --line:#e6e2dc; --bg:#fbfaf8; --card:#ffffff; --alt:#f3efe8;
  --font-display:'Fraunces',Georgia,'Times New Roman',serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.5}
a{color:inherit}
img{max-width:100%;display:block}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
h1,h2,h3{text-wrap:balance}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.skip-link{position:absolute;left:-9999px;top:0;background:var(--orange);color:#fff;padding:10px 16px;z-index:100;border-radius:0 0 8px 0}
.skip-link:focus{left:0}

/* header */
.site-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;max-width:1080px;margin:0 auto}
.logo{display:flex;align-items:center;text-decoration:none}
.logo img{height:34px;width:auto;display:block}
.site-header nav a{margin-left:22px;text-decoration:none;font-weight:600;font-size:.95rem}
.cta-btn{background:var(--orange);color:#fff;padding:10px 18px;border-radius:8px;text-decoration:none;font-weight:700;font-size:.95rem;display:inline-block;border:none;cursor:pointer;transition:background .2s ease,transform .15s ease}
.cta-btn:hover{background:#cf4f10}
.cta-btn:active{transform:translateY(1px) scale(.98)}

/* hero — asymmetric two-column, not centered/boxed */
.hero{position:relative;overflow:hidden;background:
    radial-gradient(900px 500px at 88% -15%,rgba(232,97,28,.28),transparent 60%),
    linear-gradient(165deg,#202020,#1c1c1c 55%,#141414);
  color:#fff;padding:76px 20px 84px}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.05;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.hero-grid{position:relative;display:grid;grid-template-columns:1.15fr 0.85fr;gap:48px;align-items:center}
.badge{display:inline-flex;align-items:center;gap:6px;background:rgba(232,97,28,.18);color:#ffb287;border:1px solid rgba(232,97,28,.4);padding:5px 12px;border-radius:999px;font-size:.8rem;font-weight:700;width:fit-content}
.hero h1{font-family:var(--font-display);font-size:3.1rem;line-height:1.06;letter-spacing:-.015em;margin:14px 0 0;font-weight:600}
.hero h1 .accent{color:var(--orange);font-style:italic}
.hero p.lead{font-size:1.15rem;color:#e6e2dc;margin:14px 0 0;max-width:480px}
.hero .subtle{color:#a8a49e;font-size:.95rem;margin:8px 0 0;max-width:460px}
.hero-ctas{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap}
.cta-btn.ghost{background:transparent;border:1px solid #555;color:#fff}
.cta-btn.ghost:hover{border-color:#fff}
.hero-creds{margin:26px 0 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.14);color:#9d988f;font-size:.83rem}
.hero-creds strong{color:#e6e2dc}
.hero-creds .sep{margin:0 8px;color:#5a564f}

/* hero visual — layered document mockup, not a stock photo, not flat */
.hero-visual{position:relative;height:260px;display:flex;align-items:center;justify-content:center}
.doc-card{position:absolute;width:210px;height:260px;border-radius:10px;background:#fff}
.doc-back{transform:rotate(7deg) translateX(18px);background:#2a2a2a;opacity:.5}
.doc-front{transform:rotate(-4deg);box-shadow:0 24px 48px -16px rgba(0,0,0,.5);padding:22px 20px}
.doc-bar{width:46%;height:9px;border-radius:4px;background:var(--orange);margin-bottom:16px}
.doc-line{height:7px;border-radius:3px;background:#e3e0da;margin-bottom:9px}
.doc-line.w80{width:80%}.doc-line.w70{width:70%}.doc-line.w60{width:60%}.doc-line.w50{width:50%}.doc-line.w40{width:40%}
.doc-line.gap{margin-bottom:20px}
.doc-seal{position:absolute;bottom:18px;right:18px;width:36px;height:36px;border-radius:50%;border:2px solid var(--orange);color:var(--orange);display:flex;align-items:center;justify-content:center;font-weight:700}

/* sections */
.section{padding:64px 20px}
.section.alt{background:var(--alt)}
.section h2{font-family:var(--font-display);font-size:2rem;margin:0 0 6px;font-weight:600;letter-spacing:-.01em}
.section .kicker{color:var(--orange);font-family:var(--font-display);font-style:italic;font-weight:600;font-size:1rem;margin:0 0 8px}
.section > .wrap > p.section-sub{color:#555;margin:0 0 32px;max-width:640px}

/* pricing — one card carries visual weight, not two identical twins */
.pricing-details{max-width:680px;margin:-10px 0 26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0}
.pricing-details p{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;margin:0;padding:7px 0;color:#555;font-size:.9rem;line-height:1.45}
.pricing-details strong{color:var(--ink);font-weight:700}
.pricing-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:24px;align-items:start}
.price-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}
.price-card:hover{transform:translateY(-4px);box-shadow:0 16px 28px -16px rgba(28,20,12,.28)}
.price-card.featured{border-color:var(--orange);box-shadow:0 4px 0 0 var(--orange)}
.price-card.featured:hover{box-shadow:0 4px 0 0 var(--orange),0 16px 28px -16px rgba(28,20,12,.28)}
.price-card .tag{position:absolute;top:14px;right:16px;font-size:.72rem;font-weight:700;letter-spacing:.03em;color:var(--orange);background:#fff4ec;border:1px solid #f0c9ab;padding:3px 9px;border-radius:5px;z-index:1}
.price-card h3{margin:0;padding:16px 20px;font-family:var(--font-display);font-weight:600;font-size:1.15rem;color:#fff;display:flex;align-items:center;gap:10px}
.price-card h3 svg{width:19px;height:19px;stroke:#fff;flex:0 0 auto}
.price-card.resumes h3{background:var(--dark)}
.price-card.docs h3{background:var(--orange)}
.price-card ul{list-style:none;margin:0;padding:14px 20px 6px}
.price-card li{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:.98rem}
.price-card li:last-child{border-bottom:none}
.price-card li b{font-weight:700;font-variant-numeric:tabular-nums}
.price-card .note{padding:14px 20px 18px;color:#666;font-size:.85rem;border-top:1px solid var(--line)}

.legal-note{background:#fff4ec;border:1px solid #f0c9ab;color:#7a3c15;padding:14px 18px;border-radius:8px;font-size:.9rem;margin-top:22px;display:flex;gap:8px;align-items:flex-start}
.legal-note svg{flex:0 0 auto;width:17px;height:17px;margin-top:2px;stroke:#c1601f}

/* how it works — staggered timeline, not a 4-up grid of equal boxes */
.timeline{display:flex;gap:0;position:relative;margin-bottom:20px}
.timeline::before{content:"";position:absolute;top:19px;left:4%;right:4%;height:1px;background:var(--line)}
.how-step{flex:1;position:relative;padding:0 16px 0 0}
.how-step:nth-child(even){margin-top:34px}
.how-step .n{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--bg);border:1px solid var(--line);font-family:var(--font-display);color:var(--orange);font-weight:700;font-size:1.05rem;margin-bottom:14px}
.section.alt .how-step .n{background:var(--alt)}
.how-step h4{margin:0 0 4px;font-size:1rem}
.how-step p{margin:0;color:#555;font-size:.88rem;max-width:220px}

/* form */
.form-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:28px;max-width:680px;margin:0 auto}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.field{display:flex;flex-direction:column;gap:6px}
.field.full{grid-column:1/-1}
label{font-size:.85rem;font-weight:700}
input,select,textarea{padding:11px 12px;border:1px solid #d8d3cb;border-radius:8px;font-size:.95rem;font-family:inherit;background:#fff;transition:border-color .15s ease}
input:hover,select:hover,textarea:hover{border-color:#b8b0a3}
textarea{resize:vertical;min-height:110px}
.field small{color:#777;font-size:.78rem}
.submit-row{display:flex;align-items:center;gap:14px;margin-top:6px;flex-wrap:wrap}
#form-msg{font-size:.9rem}
#form-msg.err{color:#b3261e}
#form-msg.ok{color:#1e7d32}

/* footer */
footer{background:var(--dark);color:#cfc9c1;padding:32px 20px}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;align-items:center}
footer a{color:#cfc9c1;text-decoration:none;margin-left:16px;font-size:.85rem}
footer a:hover{color:#fff}
footer .tagline{font-family:var(--font-display);font-style:italic;color:#e6a077}
.disclaimer-strip{background:#141414;color:#8a857e;font-size:.78rem;padding:12px 20px;text-align:center}

@media (max-width:820px){
  .hero-grid{grid-template-columns:1fr}
  .hero-visual{display:none}
  .timeline{flex-direction:column;gap:22px}
  .timeline::before{display:none}
  .how-step:nth-child(even){margin-top:0}
  .how-step p{max-width:none}
}
@media (max-width:760px){
  .hero h1{font-size:2.2rem}
  .pricing-grid,.form-row{grid-template-columns:1fr}
  .pricing-details p{grid-template-columns:1fr;gap:2px;padding:8px 0}
  .site-header nav{display:none}
  footer .wrap{flex-direction:column;align-items:flex-start}
footer a{margin-left:0;margin-right:16px}
}

/* Final polish: a coherent dark canvas and a readable, intentional hero. */
body{background:#090a0c;color:#f5f5f7}
.hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:40px}
.hero h1{font-size:clamp(3.4rem,5.1vw,5.4rem);line-height:.98;max-width:760px;letter-spacing:-.06em}
.hero h1 .accent{white-space:nowrap}
.hero p.lead{color:#d7d7dc}
.section{background:#0f1115;color:#f5f5f7}
.section.alt{background:#17191e}
.section > .wrap > p.section-sub{color:#a1a1a6}
.pricing-details{border-color:rgba(255,255,255,.14)}
.pricing-details p{color:#a1a1a6}
.pricing-details strong{color:#f5f5f7}
.price-card{background:#1c1e23;color:#f5f5f7;box-shadow:0 2px 10px rgba(0,0,0,.18)}
.price-card:hover{box-shadow:0 20px 40px rgba(0,0,0,.3)}
.price-card.featured{box-shadow:inset 0 3px 0 var(--orange),0 2px 10px rgba(0,0,0,.18)}
.price-card.featured:hover{box-shadow:inset 0 3px 0 var(--orange),0 20px 40px rgba(0,0,0,.3)}
.price-card h3{color:#f5f5f7}
.price-card li{border-bottom-color:rgba(255,255,255,.12)}
.price-card .note{color:#a1a1a6;border-top-color:rgba(255,255,255,.12)}
.legal-note{background:rgba(255,106,26,.1);border-color:rgba(255,157,101,.35);color:#ffc09b}
.timeline::before{background:rgba(255,255,255,.18)}
.how-step .n{background:#17191e;border-color:rgba(255,255,255,.18)}
.how-step p{color:#a1a1a6}
#faq h3{border-top-color:rgba(255,255,255,.14);color:#f5f5f7}
#faq h3 + p{color:#a1a1a6}

@media (max-width:820px){
  .hero-grid{grid-template-columns:1fr;gap:24px}
  .hero h1{font-size:clamp(3.4rem,10vw,5rem);max-width:680px}
}
@media (max-width:760px){
  .hero h1{font-size:clamp(3.1rem,13vw,4.4rem)}
}

/* Service cards: no floating promo badge and no horizontal overflow on phones. */
.price-card .tag{display:none!important}
@media (max-width:760px){
  #pricing .pricing-details{margin:0 0 24px;padding:0 0 14px}
  #pricing .pricing-grid{gap:16px;margin:0}
  #pricing .price-card h3{padding:20px 18px 14px;font-size:1.16rem}
  #pricing .price-card ul{padding:0 18px 12px}
  #pricing .price-card li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:13px 0;font-size:.93rem}
  #pricing .price-card li > span{min-width:0}
  #pricing .price-card li b{white-space:nowrap;align-self:start}
  #pricing .price-card .note{margin-top:0;padding:16px 18px 20px}
}

/* Phone layout: place the document below the complete text block, never over it. */
@media (max-width:760px){
  .hero-grid{display:flex;flex-direction:column;gap:0}
  .hero-copy{width:100%}
  .hero-visual{display:flex!important;order:2;width:100%;height:220px;margin:48px 0 0!important;transform:none!important;justify-content:center}
  .doc-card{width:174px;height:222px}
  .doc-front{padding:20px 18px}
  .doc-back{transform:rotate(12deg) translate(24px,4px)}
  .doc-bar{height:8px;margin-bottom:17px}
  .doc-line{height:5px;margin-bottom:7px}
  .doc-line.gap{margin-bottom:17px}
  .doc-seal{right:17px;bottom:17px;width:32px;height:32px;font-size:.9rem}
}

/* Production alignment fixes. Keep the artwork out of the reading column and
   make the pricing cards share a deliberate baseline. */
.hero{overflow:clip}
.hero-copy{position:relative;z-index:2}
.hero-visual{position:relative;z-index:1;justify-content:flex-end;pointer-events:none}
.doc-card{will-change:transform}
.pricing-grid{align-items:stretch}
.price-card{height:100%;display:flex;flex-direction:column}
.price-card ul{flex:0 0 auto}
.price-card .note{margin-top:auto}
@media (max-width:760px){
  .hero-visual{justify-content:center}
  .price-card{height:auto}
}

/* Keep the document artwork clear of the proof line in the desktop hero. */
@media (min-width:821px){
  .hero-visual{transform:translate(18px,48px)}
}

/* On phones, the proof and call-to-action matter more than decorative art. */
@media (max-width:760px){
  .hero-visual{display:none}
}

/* Apple-inspired redesign: content stays calm, chrome floats, and typography
   carries the hierarchy. Functional behavior remains unchanged. */
:root{
  --ink:#17181c; --orange:#ff6a1a; --orange-bright:#ff7d32; --dark:#090a0c; --dark-2:#15171b;
  --line:rgba(23,24,28,.12); --bg:#f5f5f7; --card:#fff; --alt:#ececef; --muted:#6e6e73;
  --font-display:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif;
  --ease-apple:cubic-bezier(.28,.11,.32,1);
}
html{scroll-behavior:smooth;background:var(--bg)}
body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--bg);letter-spacing:-.005em}
.wrap{max-width:1120px;padding:0 28px}
h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.025em}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(255,106,26,.7);outline-offset:3px}

/* Floating navigation */
.site-header{position:sticky;top:14px;z-index:50;max-width:1080px;margin:14px auto -66px;padding:10px 12px 10px 18px;border:1px solid rgba(255,255,255,.65);border-radius:999px;background:rgba(255,255,255,.72);backdrop-filter:blur(22px) saturate(180%);-webkit-backdrop-filter:blur(22px) saturate(180%);box-shadow:0 12px 34px rgba(17,18,22,.08),inset 0 1px 0 rgba(255,255,255,.8)}
.logo img{height:30px;width:auto}
.site-header nav{display:flex;align-items:center;gap:4px}
.site-header nav a{margin:0;padding:10px 12px;border-radius:999px;color:#48484a;text-decoration:none;font-size:.8rem;font-weight:600;transition:background .25s var(--ease-apple),color .25s var(--ease-apple)}
.site-header nav a:hover{background:rgba(0,0,0,.06);color:var(--ink)}
.cta-btn{min-height:44px;padding:12px 20px;border-radius:999px;background:var(--orange);color:#fff;font-size:.9rem;font-weight:700;letter-spacing:-.01em;transition:background .25s var(--ease-apple),transform .25s var(--ease-apple),opacity .25s var(--ease-apple)}
.cta-btn:hover{background:var(--orange-bright);transform:translateY(-1px)}
.cta-btn:active{transform:scale(.97);opacity:.82}

/* Hero */
.hero{min-height:720px;padding:174px 20px 112px;background:radial-gradient(760px 480px at 80% 18%,rgba(255,106,26,.22),transparent 62%),radial-gradient(520px 380px at 18% 80%,rgba(34,110,255,.12),transparent 70%),linear-gradient(145deg,#08090b 0%,#121419 55%,#08090b 100%);color:#f5f5f7}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.035) 50%,transparent 78%);opacity:.8}
.hero::after{opacity:.025}
.hero-grid{max-width:1120px;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:84px}
.hero-copy{position:relative;z-index:1}
.badge{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#d8d8dc;padding:8px 14px;font-size:.76rem;letter-spacing:.01em;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.hero h1{font-size:clamp(4.3rem,8vw,7.7rem);line-height:.93;letter-spacing:-.065em;margin:24px 0 26px;font-weight:700;max-width:700px}
.hero h1 .accent{color:transparent;background:linear-gradient(120deg,#ff9b5e 5%,#ff6a1a 45%,#ffbb82 95%);background-clip:text;-webkit-background-clip:text}
.hero p.lead{font-size:clamp(1.1rem,1.8vw,1.35rem);line-height:1.42;color:#d3d3d8;max-width:560px;margin:0}
.hero .subtle{font-size:.96rem;line-height:1.5;color:#909198;max-width:500px;margin:12px 0 0}
.hero-ctas{margin-top:30px;gap:12px}
.hero-ctas .cta-btn{padding-inline:24px}
.hero-ctas .cta-btn.ghost{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);color:#f5f5f7}
.hero-ctas .cta-btn.ghost:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.4)}
.hero-creds{margin-top:34px;padding-top:20px;border-top-color:rgba(255,255,255,.13);color:#92939a;font-size:.82rem}
.hero-creds strong{color:#f1f1f3}
.hero-visual{height:430px;perspective:1200px}
.doc-card{width:274px;height:350px;border-radius:18px}
.doc-back{transform:rotate(13deg) translate(40px,5px);background:linear-gradient(145deg,#252830,#15171b);border:1px solid rgba(255,255,255,.14);opacity:1;box-shadow:0 34px 80px rgba(0,0,0,.35)}
.doc-front{transform:rotate(-7deg) translate(-8px,0);padding:30px 28px;background:linear-gradient(180deg,#fff,#f3f3f5);box-shadow:0 35px 80px rgba(0,0,0,.42),inset 0 1px 0 #fff}
.doc-bar{height:11px;width:43%;border-radius:8px;background:var(--orange);margin-bottom:28px}
.doc-line{height:8px;border-radius:8px;background:#dfe0e4;margin-bottom:12px}
.doc-line.gap{margin-bottom:28px}
.doc-seal{bottom:27px;right:27px;width:48px;height:48px;border:2px solid var(--orange);color:var(--orange);font-size:1.25rem}

/* Section rhythm */
.section{padding:112px 20px}
.section.alt{background:#e9e9ed}
.section h2{font-size:clamp(2.25rem,4.4vw,4rem);line-height:1.02;margin-bottom:12px;font-weight:700}
.section .kicker{font-family:var(--font-display);font-style:normal;text-transform:uppercase;letter-spacing:.1em;color:var(--orange);font-size:.7rem;font-weight:800;margin-bottom:15px}
.section > .wrap > p.section-sub{font-size:1.15rem;line-height:1.5;color:var(--muted);max-width:680px;margin-bottom:42px}
.pricing-details{max-width:800px;margin:-8px 0 42px;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.pricing-details p{grid-template-columns:140px minmax(0,1fr);padding:9px 0;color:var(--muted);font-size:.88rem}
.pricing-details strong{color:var(--ink)}
.pricing-grid{grid-template-columns:1.08fr .92fr;gap:18px}
.price-card{border:0;border-radius:24px;box-shadow:0 2px 8px rgba(19,20,25,.04);transition:transform .35s var(--ease-apple),box-shadow .35s var(--ease-apple)}
.price-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(19,20,25,.1)}
.price-card.featured{border:0;box-shadow:inset 0 3px 0 var(--orange),0 2px 8px rgba(19,20,25,.04)}
.price-card.featured:hover{box-shadow:inset 0 3px 0 var(--orange),0 20px 40px rgba(19,20,25,.1)}
.price-card .tag{top:20px;right:20px;color:#b8470b;background:#fff1e8;border:0;border-radius:999px;padding:6px 11px;font-size:.68rem}
.price-card h3{padding:24px 26px 18px;background:transparent!important;color:var(--ink);font-size:1.3rem}
.price-card h3 svg{stroke:var(--orange)}
.price-card ul{padding:5px 26px 12px}
.price-card li{padding:13px 0;border-bottom-color:var(--line);font-size:.95rem}
.price-card .note{padding:17px 26px 25px;color:var(--muted);font-size:.86rem;border-top-color:var(--line)}
.legal-note{background:#fff7f1;border:1px solid #ffd7bf;color:#7b421f;padding:17px 20px;border-radius:14px;font-size:.86rem;margin-top:24px}

/* How it works: one calm horizontal story */
.timeline{margin-top:52px;margin-bottom:0}
.timeline::before{top:20px;left:20px;right:20px;background:rgba(23,24,28,.16)}
.how-step{padding-right:24px}
.how-step:nth-child(even){margin-top:0}
.how-step .n{width:42px;height:42px;background:var(--alt);border:1px solid rgba(23,24,28,.16);color:var(--orange);font-family:var(--font-display)}
.how-step h4{font-size:1.12rem;margin:0 0 7px}
.how-step p{font-size:.9rem;line-height:1.55;color:var(--muted);max-width:240px}

/* FAQ and quote */
#faq .wrap{max-width:850px}
#faq h3{font-size:1.1rem;margin:28px 0 5px;padding-top:20px;border-top:1px solid var(--line)}
#faq h3:first-of-type{margin-top:34px}
#faq h3 + p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.6}
#quote{background:linear-gradient(155deg,#101115,#07080a);color:#f5f5f7}
#quote .section-sub{color:#a1a1a6!important}
.form-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:26px;padding:34px;max-width:760px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.form-card label,.form-card .field small,.form-card strong{color:#e8e8eb}
input,select,textarea{min-height:48px;padding:13px 14px;border:1px solid rgba(23,24,28,.16);border-radius:12px;font-size:.95rem;transition:border-color .2s var(--ease-apple),box-shadow .2s var(--ease-apple)}
input:focus,select:focus,textarea:focus{border-color:var(--orange);box-shadow:0 0 0 4px rgba(255,106,26,.16);outline:0}
textarea{min-height:132px}
#quote .cta-btn{border:0}
#form-msg{color:#d5d5d9}
#form-msg.err{color:#ff9c99}
#form-msg.ok{color:#72df91}

/* Footer */
.disclaimer-strip{background:#000;color:#85858a;padding:14px 20px;font-size:.72rem;letter-spacing:.01em}
footer{background:#000;color:#a1a1a6;padding:42px 20px}
footer .tagline{color:#f5f5f7;font-family:var(--font-display);font-style:normal;font-weight:600}
footer a{color:#a1a1a6;font-size:.8rem;transition:color .2s ease}
footer a:hover{color:#fff}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
@media (max-width:820px){
  .site-header{margin:10px 14px -60px;top:10px}
  .hero{padding-top:148px;min-height:auto}
  .hero-grid{gap:46px}
  .hero-visual{height:320px;transform:scale(.82);transform-origin:center top;margin-bottom:-42px}
  .timeline{gap:28px}
  .timeline::before{display:none}
  .how-step{padding:0}
}
@media (max-width:760px){
  .wrap{padding:0 20px}
  .site-header{padding-left:14px}
  .site-header nav{display:none}
  .hero{padding:136px 20px 76px}
  .hero h1{font-size:clamp(3.75rem,16vw,5.4rem);letter-spacing:-.07em}
  .hero-visual{display:flex;height:270px;transform:scale(.72);margin:-8px 0 -74px}
  .section{padding:78px 20px}
  .pricing-grid,.form-row{grid-template-columns:1fr}
  .pricing-details p{grid-template-columns:1fr;gap:3px}
  .form-card{padding:22px 18px;border-radius:20px}
  footer .wrap{flex-direction:column;align-items:flex-start}
  footer a{margin-left:0;margin-right:16px}
}

/* Final polish: a coherent dark canvas and a readable, intentional hero. */
body{background:#090a0c;color:#f5f5f7}
.hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:40px}
.hero h1{font-size:clamp(3.4rem,5.1vw,5.4rem);line-height:.98;max-width:760px;letter-spacing:-.06em}
.hero h1 .accent{white-space:nowrap}
.hero p.lead{color:#d7d7dc}
.section{background:#0f1115;color:#f5f5f7}
.section.alt{background:#17191e}
.section > .wrap > p.section-sub{color:#a1a1a6}
.pricing-details{border-color:rgba(255,255,255,.14)}
.pricing-details p{color:#a1a1a6}
.pricing-details strong{color:#f5f5f7}
.price-card{background:#1c1e23;color:#f5f5f7;box-shadow:0 2px 10px rgba(0,0,0,.18)}
.price-card:hover{box-shadow:0 20px 40px rgba(0,0,0,.3)}
.price-card.featured{box-shadow:inset 0 3px 0 var(--orange),0 2px 10px rgba(0,0,0,.18)}
.price-card.featured:hover{box-shadow:inset 0 3px 0 var(--orange),0 20px 40px rgba(0,0,0,.3)}
.price-card h3{color:#f5f5f7}
.price-card li{border-bottom-color:rgba(255,255,255,.12)}
.price-card .note{color:#a1a1a6;border-top-color:rgba(255,255,255,.12)}
.legal-note{background:rgba(255,106,26,.1);border-color:rgba(255,157,101,.35);color:#ffc09b}
.timeline::before{background:rgba(255,255,255,.18)}
.how-step .n{background:#17191e;border-color:rgba(255,255,255,.18)}
.how-step p{color:#a1a1a6}
#faq h3{border-top-color:rgba(255,255,255,.14);color:#f5f5f7}
#faq h3 + p{color:#a1a1a6}

@media (max-width:820px){
  .hero-grid{grid-template-columns:1fr;gap:24px}
  .hero h1{font-size:clamp(3.4rem,10vw,5rem);max-width:680px}
}
@media (max-width:760px){
  .hero h1{font-size:clamp(3.1rem,13vw,4.4rem)}
}