:root{--ink:#0c1a22;--ink2:#12242f;--paper:#f4f6f7;--muted:#91a5ad;--line:#2b4650;--coral:#f04e31;--teal:#1c4c59}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Arial,sans-serif}.m-nav{height:72px;padding:0 max(24px,calc((100% - 1160px)/2));display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:#fff}.logo{font-weight:900;font-size:1.35rem;color:#fff;text-decoration:none;letter-spacing:.04em}.logo span{color:var(--coral);font-size:.75em;margin-left:6px}nav{display:flex;align-items:center;gap:26px}nav a{color:var(--muted);text-decoration:none;font-size:.83rem}nav a:hover{color:#fff}.button{display:inline-block;padding:14px 22px;border-radius:5px;background:var(--coral);color:#fff;text-decoration:none;font-weight:700;font-size:.9rem}.button.small{padding:9px 14px;font-size:.75rem}.m-hero{background:var(--ink);color:#fff;padding:110px max(24px,calc((100% - 1160px)/2)) 100px;position:relative;overflow:hidden}.m-hero:after{content:'';position:absolute;width:520px;height:520px;right:5%;top:10%;background:linear-gradient(135deg,transparent 49%,rgba(240,78,49,.16) 50%,transparent 51%);border:1px solid var(--line);border-radius:50%}.eyebrow{color:var(--coral);font-size:.7rem;letter-spacing:.16em;font-weight:700;margin-bottom:18px;position:relative;z-index:1}.m-hero h1,.section h2{font-size:clamp(2.4rem,6vw,5.4rem);line-height:.98;letter-spacing:-.045em;max-width:760px;margin:0 0 26px;position:relative;z-index:1}.m-hero h1 em,.section h2 em{color:var(--coral);font-style:normal}.m-hero p{max-width:610px;color:var(--muted);font-size:1.13rem;position:relative;z-index:1}.actions{display:flex;align-items:center;gap:24px;margin-top:34px;position:relative;z-index:1}.text-link{color:#fff;text-decoration:none;font-weight:700}.hero-note{color:#68808a;font-size:.78rem;margin-top:52px;position:relative;z-index:1}.section{padding:92px max(24px,calc((100% - 1160px)/2))}.section h2{font-size:clamp(2.1rem,4vw,3.8rem);max-width:650px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:48px}.cards article{background:#fff;border:1px solid #d4dfe2;border-top:3px solid var(--coral);padding:32px;border-radius:6px}.card-index{color:var(--coral);font-weight:700}.cards h3{font-size:1.5rem;margin:28px 0 8px}.cards p{color:#5f747d}.cards span{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:#8a9ba1}.dark{background:var(--ink);color:#fff}.dark h2{color:#fff}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:46px}.steps b{color:var(--coral);font-size:.8rem}.steps h3{margin:16px 0 5px;font-size:1.3rem}.steps p{color:var(--muted);margin:0}.commercial{display:flex;justify-content:space-between;align-items:end;gap:30px}.commercial p{max-width:620px;color:#5f747d}.m-footer{background:var(--ink2);color:var(--muted);padding:30px max(24px,calc((100% - 1160px)/2));display:flex;justify-content:space-between;font-size:.75rem}@media(max-width:950px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){nav a:not(.button){display:none}.m-hero{padding-top:74px}.m-hero:after{right:-230px;top:32%}.cards,.steps{grid-template-columns:1fr}.commercial,.m-footer{display:block}.commercial .button{margin-top:25px}.m-footer span{display:block;margin:8px 0}}
.cards article a{color:var(--coral);text-underline-offset:3px}
.graph-showcase{background:var(--ink);color:#fff}.graph-showcase h2{color:#fff}.graph-caption{max-width:780px;color:var(--muted);margin:0}.graph-frame{display:block;width:100%;height:min(760px,72vw);min-height:620px;margin-top:34px;border:1px solid #26404c;border-radius:6px;background:var(--ink);color-scheme:dark}

@media(max-width:820px){
  .section{padding:72px 24px}
  .r-grid{gap:14px}
  .r-grid article{padding:24px}
  .r-list{gap:12px 24px}
  .r-form{width:100%;gap:14px}
}

@media(max-width:700px){
  html{scroll-padding-top:16px}
  body{overflow-x:clip}
  .m-nav{height:auto;min-height:64px;padding:10px 16px;gap:10px}
  .m-nav .logo{font-size:1.15rem;white-space:nowrap}
  .m-nav nav{gap:8px;flex-shrink:0}
  .m-nav .button.small{min-height:44px;padding:9px 12px;font-size:.7rem;white-space:nowrap}
  .m-hero{padding:62px 20px 54px}
  .m-hero h1{font-size:clamp(2.15rem,9vw,2.8rem);line-height:1.04;margin-bottom:18px}
  .m-hero p{font-size:1rem;line-height:1.6}
  .actions{align-items:flex-start;flex-direction:column;gap:14px;margin-top:26px}
  .actions .button{min-height:48px;display:inline-flex;align-items:center}
  .hero-note{margin-top:28px;line-height:1.5}
  .section{padding:56px 20px}
  .section h2{font-size:clamp(1.85rem,8vw,2.6rem);line-height:1.04;margin-bottom:18px}
  .graph-caption{font-size:.95rem;line-height:1.55}
  .graph-frame{height:680px;min-height:680px;margin-top:22px;border-radius:4px}
  .r-grid{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:28px}
  .r-grid article{padding:20px}
  .r-list{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:26px}
  .r-list li{font-size:.95rem;line-height:1.5}
  .r-form{grid-template-columns:minmax(0,1fr);margin-top:28px}
  .r-form label.full,.r-form .r-submit{grid-column:1}
  .r-form input,.r-form textarea{width:100%;min-width:0}
  .r-form .r-submit{align-items:stretch;flex-direction:column;gap:10px}
  .r-form button.button{min-height:48px;width:100%}
  .r-faq{margin-top:28px}
  .r-faq details{padding:15px 0}
  .r-faq summary{font-size:1rem;line-height:1.4}
  .r-faq p{font-size:.95rem;line-height:1.55}
  .commercial{gap:8px}
  .commercial .button{min-height:48px}
  .m-footer{padding:22px 20px}
}

@media(max-width:360px){
  .m-nav{padding-right:12px;padding-left:12px}
  .m-nav .logo{font-size:1.05rem}
  .m-nav .button.small{padding-right:9px;padding-left:9px;font-size:.66rem}
  .m-hero,.section{padding-right:16px;padding-left:16px}
}