:root{
  color-scheme:light;
  --oto-black:#000;
  --oto-ink:#121212;
  --oto-muted:#5c5c5c;
  --oto-soft:#f3f3f3;
  --oto-line:#dedede;
  --oto-blue:#276ef1;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--oto-ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
.oto-shell{width:min(1180px,calc(100% - 48px));margin:0 auto}
.oto-hero{padding:72px 0 78px}
.oto-hero-grid,.oto-split{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:58px;align-items:center}
.oto-kicker{margin:0 0 16px;color:var(--oto-blue);font-size:14px;line-height:1.3;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.oto-hero h1{max-width:760px;margin:0;color:var(--oto-black);font-size:clamp(48px,6.7vw,82px);line-height:.96;letter-spacing:-.055em}
.oto-lead{max-width:760px;margin:28px 0 0;color:#333;font-size:20px;line-height:1.58}
.oto-status{display:grid;gap:6px;max-width:720px;margin-top:28px;padding:18px 20px;border-left:4px solid var(--oto-blue);background:#eef4ff}
.oto-status strong{font-size:16px}
.oto-status span{color:#3f4b5c;font-size:15px;line-height:1.5}
.oto-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.oto-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:8px;background:#000;color:#fff;font-weight:800;text-decoration:none}
.oto-button:hover,.oto-button:focus-visible{background:#262626}
.oto-button-light{background:#ededed;color:#111}
.oto-button-light:hover,.oto-button-light:focus-visible{background:#dedede}
.oto-hero-media,.oto-side-media{margin:0}
.oto-hero-media img,.oto-side-media img{display:block;width:100%;height:auto;object-fit:cover;border-radius:24px}
.oto-hero-media img{aspect-ratio:1.15/1}
.oto-side-media img{aspect-ratio:4/3}
.oto-section{padding:88px 0}
.oto-section-soft{background:var(--oto-soft)}
.oto-section-dark{background:#0d0d0d;color:#fff}
.oto-section h2,.oto-final h2{max-width:900px;margin:0;color:inherit;font-size:clamp(38px,5vw,62px);line-height:1.03;letter-spacing:-.045em}
.oto-section-lead{max-width:880px;margin:24px 0 0;color:var(--oto-muted);font-size:19px;line-height:1.7}
.oto-step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}
.oto-step-card{min-height:300px;padding:28px;border:1px solid #ddd;border-radius:20px;background:#fff}
.oto-step-card>span{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#000;color:#fff;font-size:13px;font-weight:800}
.oto-step-card h3{margin:42px 0 12px;font-size:23px;line-height:1.15;letter-spacing:-.025em}
.oto-step-card p,.oto-rule-grid p,.oto-dark-grid p{margin:0;color:var(--oto-muted);font-size:16px;line-height:1.65}
.oto-copy{margin:24px 0 0;color:var(--oto-muted);font-size:18px;line-height:1.72}
.oto-check-list{margin:28px 0 0;padding:0;list-style:none}
.oto-check-list li{position:relative;padding:13px 0 13px 34px;border-bottom:1px solid var(--oto-line);font-size:16px;line-height:1.5}
.oto-check-list li::before{content:"✓";position:absolute;left:0;top:12px;font-weight:900}
.oto-section-dark .oto-kicker{color:#89afff}
.oto-dark-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:46px}
.oto-dark-grid article{padding:28px;border:1px solid #353535;border-radius:18px;background:#171717}
.oto-dark-grid h3{margin:0 0 14px;font-size:24px}
.oto-dark-grid p{color:#c8c8c8}
.oto-boundary-note{margin-top:20px;padding:26px 28px;border-radius:18px;background:#fff;color:#111}
.oto-boundary-note strong{display:block;margin-bottom:8px;font-size:18px}
.oto-boundary-note p{margin:0;color:#4c4c4c;line-height:1.65}
.oto-split-reverse{grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr)}
.oto-rule-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:44px}
.oto-rule-grid article{padding:28px;border:1px solid var(--oto-line);border-radius:18px;background:#fff}
.oto-rule-grid h3{margin:0 0 12px;font-size:22px}
.oto-feature-row{display:grid;grid-template-columns:repeat(2,1fr);margin-top:44px;border-top:1px solid var(--oto-line)}
.oto-feature-row>div{display:grid;gap:8px;padding:24px 16px;border-bottom:1px solid var(--oto-line)}
.oto-feature-row>div:nth-child(odd){border-right:1px solid var(--oto-line)}
.oto-feature-row strong{font-size:19px}
.oto-feature-row span{color:var(--oto-muted);font-size:16px;line-height:1.55}
.oto-faq-list{max-width:960px;margin-top:42px;border-top:1px solid var(--oto-line)}
.oto-faq-list details{border-bottom:1px solid var(--oto-line)}
.oto-faq-list summary{position:relative;padding:24px 48px 24px 0;cursor:pointer;color:#111;font-size:19px;font-weight:800;list-style:none}
.oto-faq-list summary::-webkit-details-marker{display:none}
.oto-faq-list summary::after{content:"+";position:absolute;right:6px;top:19px;font-size:30px;font-weight:400}
.oto-faq-list details[open] summary::after{content:"−"}
.oto-faq-list p{max-width:820px;margin:0;padding:0 0 24px;color:var(--oto-muted);font-size:16px;line-height:1.7}
.oto-final{padding:78px 0;background:#000;color:#fff}
.oto-final-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:48px}
.oto-final p:not(.oto-kicker){max-width:760px;margin:20px 0 0;color:#c8c8c8;font-size:18px;line-height:1.6}
.oto-final .oto-kicker{color:#89afff}
.oto-button-white{flex:0 0 auto;background:#fff;color:#000}
.oto-button-white:hover,.oto-button-white:focus-visible{background:#e8e8e8}

@media(max-width:900px){
  .oto-hero-grid,.oto-split,.oto-split-reverse{grid-template-columns:1fr;gap:38px}
  .oto-step-grid{grid-template-columns:repeat(2,1fr)}
  .oto-dark-grid{grid-template-columns:1fr}
  .oto-split-reverse .oto-side-media{order:2}
}

@media(max-width:620px){
  .oto-shell{width:calc(100% - 32px)}
  .oto-hero{padding:42px 0 54px}
  .oto-hero h1{font-size:46px}
  .oto-lead{font-size:18px}
  .oto-actions,.oto-button{width:100%}
  .oto-section{padding:62px 0}
  .oto-step-grid,.oto-rule-grid,.oto-feature-row{grid-template-columns:1fr}
  .oto-step-card{min-height:0}
  .oto-step-card h3{margin-top:30px}
  .oto-feature-row>div:nth-child(odd){border-right:0}
  .oto-final-inner{display:block}
  .oto-final .oto-button{margin-top:30px}
}