@font-face{font-family:Gunterz;src:url('assets/gunterz.otf') format('opentype');font-display:swap}@font-face{font-family:DIN;src:url('assets/din.woff2') format('woff2');font-display:swap}:root{--bg:#09090d;--ink:#f8f8fa;--muted:#a4a3b2;--lime:#8040ff;--line:#292731;--orange:#ff4000;--cyan:#00e0ff}body{font-family:DIN,Arial,sans-serif;background:#09090d}.wrap{max-width:1480px;padding:0 6%}.preview{font-size:9px;text-align:right;background:#09090d;color:#888594;padding:9px 6%;letter-spacing:.16em}.top{height:86px}.logo img{width:168px;height:auto}.nav{gap:25px;font-size:13px;font-weight:400}.top-actions{font-size:13px;font-weight:400}.top-actions .btn{padding:13px 18px;background:transparent;border:1px solid #5a516b;color:white}.btn{background:#8040ff;color:#fff;border-radius:5px;font-size:14px;font-weight:500;padding:20px 26px;gap:35px;transition:background .2s,transform .2s}.btn:hover{background:#6030bf;color:white;transform:translateY(-2px)}.btn span{font-size:20px}.hero{min-height:720px;padding-top:100px;overflow:visible}.hero-copy{position:relative;z-index:2}.eyebrow{font-family:DIN,sans-serif;font-weight:400;letter-spacing:.15em;font-size:11px}.hero .eyebrow{font-size:10px;display:flex;gap:10px;align-items:center}.hero .eyebrow i{width:6px;height:6px;border-radius:50%;background:#00e0ff;box-shadow:0 0 12px #00e0ff}.hero h1{font-family:Gunterz,sans-serif;font-size:clamp(42px,5vw,72px);line-height:1.16;letter-spacing:-.035em;margin:30px 0 25px;max-width:800px}.hero h1 span{background:linear-gradient(100deg,#ff4000 0%,#8040ff 51%,#00e0ff 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.hero p{font-size:17px;line-height:1.6;max-width:460px;color:#b4b1c0}.hero-actions{display:flex;gap:25px;align-items:center;margin-top:35px}.hero .btn{margin:0}.hero-secondary{font-size:13px;color:#bbb5c8}.hero-art{right:-6.8%;top:-15px;width:65%;height:650px;overflow:hidden;pointer-events:none}.mountains{width:110%;height:100%;object-fit:contain;position:absolute;right:-10%;bottom:-9%;opacity:.9;mask-image:linear-gradient(to bottom,transparent,black 20%,black 85%,transparent)}.brand-sign{position:absolute;width:44%;right:23%;top:8%;filter:drop-shadow(0 18px 55px #8040ff66)}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#09090d,transparent 35%)}.hero-bottom{position:absolute;bottom:25px;left:0;right:0;display:flex;align-items:center;gap:30px;border-top:1px solid #ffffff20;padding-top:22px;font-size:10px;letter-spacing:.1em;color:#93909f}.hero-bottom a{margin-left:auto;color:#c8c5d0}.section{padding:105px 0}.section h2{font-family:DIN,sans-serif;font-size:clamp(42px,4.6vw,65px);font-weight:500;line-height:1.06;letter-spacing:-.045em}.section-head{margin-bottom:50px}.section-head p{font-size:16px;line-height:1.6;max-width:320px}.section .eyebrow{color:#8040ff}.section-head h2{margin-top:24px}#methods{background:#f6f5f9;color:#171421;border:0}#methods .section-head p{color:#777381}.methods{gap:8%}.method-art{background:linear-gradient(140deg,#ffb399 0%,#ccb3ff 50%,#ccf9ff 100%);min-height:490px;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:50px 25px 75px}.method-art:before{display:none}.pay-preview{width:300px;background:#111018;box-shadow:0 25px 65px #40208044;border-radius:12px;color:#fff;padding:25px;transform:rotate(-5deg)}.pay-preview img{margin-bottom:25px}.pay-label{display:block;font-size:8px;letter-spacing:.14em;color:#aaa4ba}.pay-preview strong{display:block;font-family:DIN;font-size:42px;font-weight:500;margin-top:10px}.pay-preview strong small{font-size:22px;color:#aaa4ba}.pay-preview p{font-size:11px;color:#aaa4ba;margin:10px 0 20px}.pay-option{font-size:11px;background:#24202f;padding:14px 10px;border-radius:5px;display:flex;justify-content:space-between;margin-top:7px}.pay-option:first-of-type{border:1px solid #8040ff;background:#241a3c}.pay-demo{display:block;font-size:8px;color:#9b95ab;text-align:center;margin-top:18px}.art-label{position:absolute;bottom:22px;left:28px;font-size:9px;letter-spacing:.1em;line-height:1.5;color:#402080}.method-list details{border-color:#dddae4}.method-list summary{font-family:DIN;font-size:22px;font-weight:400;padding:25px 0}.method-list details p{color:#777381;font-size:15px}.method-list summary:after{font-size:24px;color:#8040ff}.light{background:#fff;color:#171421}.light .eyebrow{color:#8040ff}.business-grid{background:transparent;border:0;gap:16px}.business-card{border:1px solid #e7e4ed;border-radius:10px;min-height:190px;position:relative;overflow:hidden;background:#faf9fc;transition:transform .25s,background .25s}.business-card:hover{background:#f0e9ff;transform:translateY(-5px)}.business-card:nth-child(2),.business-card:nth-child(7){background:#f3eeff}.business-card:nth-child(4),.business-card:nth-child(6){background:#effbfc}.business-card h3{font-size:23px;font-weight:400;letter-spacing:-.03em}.business-card span{position:absolute;right:20px;bottom:20px;color:#8040ff;font-size:25px}.business-card small{color:#928b9c;font-size:9px;letter-spacing:.1em}#features{background:#0e0c14}#features .eyebrow{color:#b38cff}.features{border:0;gap:25px}.feature{border:1px solid #332b42;border-radius:10px;padding:25px;margin:0;background:linear-gradient(140deg,#191421,#100d16)}.feature b{color:#b38cff;font-weight:400;letter-spacing:.1em;font-size:10px}.feature h3{font-weight:400;font-size:26px;margin-top:38px}.feature p{font-size:15px;line-height:1.6;color:#a49bb2}.integration{background:#f4f1fa;color:#211a2e}.integration .eyebrow{color:#8040ff}.integration .section-head p,.api-step p{color:#7b718a}.api-line{border-color:#d7cde9}.api-step{position:relative}.api-step b{color:#8040ff;font-size:11px}.api-step h3{font-size:27px;font-weight:400}.api-step p{font-size:15px}.faq-grid{gap:12%}.faq summary{font-size:20px;font-weight:400}.faq details p{font-size:15px}.contact-box{background:#15101e;border:1px solid #392c4e;border-radius:14px;position:relative;overflow:hidden;padding:60px}.contact-box:before{content:'';background:url('assets/pattern1.png') center/520px;position:absolute;left:0;bottom:0;top:0;width:47%;opacity:.1;pointer-events:none}.contact-box>div{position:relative}.contact-box .eyebrow{color:#b38cff}.contact-box h2{font-family:Gunterz;font-size:clamp(26px,3vw,43px);line-height:1.2;letter-spacing:-.03em;text-transform:uppercase}.contact-box p{font-size:16px}.form-grid input{font-size:16px;border-color:#4b3e5c}.form-grid label{color:#b3a5c5}.tag{font-size:9px;border-color:#493b5d}.foot{background:#08070b}.foot p{font-size:14px}.foot-nav{font-size:14px}.copyright{font-size:9px}.toast{color:#00e0ff}.mobile-nav{background:#17101f}.login{display:none}@media(min-width:1600px){.hero-art{right:-7%;width:66%}}@media(max-width:1000px){.nav{gap:16px;font-size:11px}.top-actions .btn{font-size:11px}.hero h1{font-size:52px}.hero-art{opacity:.75;right:-6%;width:65%}.hero-copy{max-width:80%}.hero{min-height:670px}}@media(max-width:850px){.hero{min-height:840px;padding-top:65px;overflow:hidden}.hero h1{font-size:clamp(33px,7vw,58px)}.hero-copy{max-width:100%}.hero-art{top:280px;right:-8%;width:95%;height:480px;opacity:.65}.brand-sign{top:19%;width:38%;right:12%}.mountains{bottom:-10%}.hero-actions{position:relative;z-index:4}.hero-bottom{gap:16px;font-size:8px;bottom:20px}.hero-bottom a{display:none}.section{padding:75px 0}.method-art{min-height:440px;margin-bottom:15px}.business-grid{gap:12px}.features{gap:15px}.api-step{border-color:#d7cde9}.contact-box{padding:35px 25px}.contact-box:before{width:100%;height:250px}.contact-box h2{font-size:32px}.hero-art:after{background:linear-gradient(180deg,#09090d,transparent 35%)}.hero p{font-size:16px}.hero-secondary{font-size:11px}}@media(max-width:480px){.logo img{width:138px}.top-actions .btn{display:none}.hero{min-height:760px;padding-top:45px}.hero h1{font-size:33px;line-height:1.25}.hero .eyebrow{font-size:8px}.hero-actions{gap:16px;align-items:flex-start;flex-direction:column}.hero .btn{font-size:13px;padding:17px 20px}.hero-art{top:300px;height:370px;right:-12%;width:110%}.hero-bottom{font-size:7px;letter-spacing:.04em;gap:18px}.section h2{font-size:40px}.business-card{padding:20px 15px}.business-card h3{font-size:21px}.section-head p{font-size:15px}.contact-box h2{font-size:27px}.method-art{padding:35px 20px 65px}.pay-preview{width:260px}.top{height:70px}}
.hero-art{background:radial-gradient(ellipse at 36% 58%,#ff400019,transparent 38%),radial-gradient(ellipse at 60% 52%,#8040ff2b,transparent 48%),radial-gradient(ellipse at 90% 50%,#00e0ff1c,transparent 35%)}.mountains{opacity:.24;filter:brightness(.65);mask-image:linear-gradient(to bottom,transparent,black 25%,black 60%,transparent 95%)}.brand-sign{width:60%;right:13%;top:5%;filter:drop-shadow(0 24px 80px #8040ff66)}@media(max-width:850px){.brand-sign{width:45%;right:10%;top:12%}.mountains{opacity:.3}}

/* Requested visual refinements */
.hero-bottom{font-size:16px;letter-spacing:.06em;gap:36px}.hero-bottom a{font-size:10px}.business-card{min-height:280px;padding:22px 22px 26px}.business-illustration{width:100%;height:155px;object-fit:contain;display:block;margin:0 auto 18px}.business-card h3{margin:0;max-width:190px;padding-right:14px}.business-card span{bottom:25px}.business-card:hover .business-illustration{transform:translateY(-3px)}.business-illustration{transition:transform .25s}@media(max-width:850px){.hero-bottom{font-size:13px;gap:23px}.business-card{min-height:265px}}@media(max-width:480px){.hero-bottom{font-size:12px;gap:10px 20px;flex-wrap:wrap;line-height:1.5;letter-spacing:.02em}.business-card{min-height:225px;padding:15px 13px 24px}.business-illustration{height:125px;margin-bottom:12px}.business-card h3{font-size:19px;padding-right:0}.business-card span{font-size:18px;bottom:10px;right:12px}}

/* Unified illustration cards and thematic section backdrops */
#business,#features,#api{position:relative;isolation:isolate;overflow:hidden}
#business:before,#features:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-repeat:no-repeat;background-position:right -120px top -50px;background-size:850px auto}
#business:before{background-image:url('assets/business-scene.svg');opacity:.11}
#features:before{background-image:url('assets/features-scene.svg');opacity:.14}
#business .eyebrow,#features .eyebrow,#api .eyebrow{font-size:27px;letter-spacing:0;line-height:1.2;font-weight:500;text-transform:none}
#features{background:#faf9fc;color:#171421}
#features .eyebrow{color:#8040ff}
#features .section-head p{color:#777381}
.features,.api-line{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;border:0}
.feature,.api-step{background:#fff;border:1px solid #e7e4ed;border-radius:10px;padding:24px 26px 28px;margin:0;min-height:310px;transition:transform .25s,box-shadow .25s;position:relative}
.feature:nth-child(2),.feature:nth-child(5),.api-step:nth-child(2){background:#f3eeff}
.feature:nth-child(3),.feature:nth-child(6),.api-step:nth-child(3){background:#effbfc}
.feature:hover,.api-step:hover{transform:translateY(-4px);box-shadow:0 15px 35px #4020800b}
.feature-illustration{width:100%;height:145px;object-fit:contain;display:block;margin:0 auto 22px}
.feature h3,.api-step h3{font-size:27px;font-weight:400;letter-spacing:-.03em;margin:0 0 12px;color:#211a2e}
.feature p,.api-step p{font-size:16px;line-height:1.6;color:#777381;max-width:none;margin:0}
#api{background:#fff}
@media(max-width:850px){.features,.api-line{grid-template-columns:repeat(2,minmax(0,1fr))}.api-step:last-child{grid-column:1/-1}#business:before,#features:before{background-size:700px auto;background-position:center top}.feature,.api-step{padding:22px;min-height:300px}}
@media(max-width:480px){#business .eyebrow,#features .eyebrow,#api .eyebrow{font-size:24px}.features,.api-line{grid-template-columns:1fr}.api-step:last-child{grid-column:auto}.feature,.api-step{min-height:0;padding:24px}.feature-illustration{height:140px}.feature h3,.api-step h3{font-size:26px}}

.logo{gap:10px;font-family:Gunterz,sans-serif;font-size:26px;letter-spacing:-.02em;color:#fff;display:flex;align-items:center}
.logo img{display:block}
.logo-text{line-height:1}
.pay-logo{display:inline-flex;align-items:center;gap:8px;font-size:18px;font-weight:400}
.pay-logo .logo-text{font-size:18px}
@media(max-width:480px){.logo{font-size:22px}}

/* ---------- polish pass ---------- */
html{scroll-padding-top:96px}
section[id],main[id]{scroll-margin-top:96px}
::selection{background:#8040ff;color:#fff}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid #00e0ff;outline-offset:3px;border-radius:4px}
.hero h1,.section h2{text-wrap:balance}
.hero h1{text-shadow:0 30px 80px rgba(0,0,0,.55)}
.btn{box-shadow:0 16px 36px -20px rgba(128,64,255,.95)}
.btn:hover{box-shadow:0 22px 44px -20px rgba(128,64,255,1)}
.feature,.business-card,.api-step{transition:transform .25s ease,border-color .25s ease,background .25s ease}
.feature:hover{transform:translateY(-4px);border-color:#6a4bb0}
.api-step h3{transition:color .2s ease}
.api-step:hover h3{color:#8040ff}
.pay-preview{transition:transform .35s ease}
.method-art:hover .pay-preview{transform:rotate(-2deg) translateY(-6px)}
.method-list summary{transition:color .2s ease}
.method-list summary:hover{color:#8040ff}
.foot-nav a{transition:color .2s ease}
.foot-nav a:hover{color:#fff}
.hero-art .brand-sign{animation:floaty 9s ease-in-out infinite}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(max-width:850px){.hero h1{text-shadow:none}}

/* ---------- GPT review fixes ---------- */
.hero-arg{margin-top:16px;font-size:15px;line-height:1.6;color:#cfc9dd;padding-left:14px;border-left:2px solid #8040ff;max-width:420px}
.flow-card{
  position:absolute;z-index:3;right:6%;bottom:6%;width:300px;padding:16px 18px;border-radius:14px;
  background:rgba(14,10,22,.82);border:1px solid rgba(128,64,255,.35);
  box-shadow:0 30px 70px -40px rgba(0,0,0,.95);backdrop-filter:blur(10px);
}
.flow-row{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-top:1px solid rgba(255,255,255,.08)}
.flow-row:first-child{border-top:0;padding-top:0}
.flow-row:last-child{padding-bottom:0}
.flow-dot{width:7px;height:7px;border-radius:50%;margin-top:6px;background:#ffb199;box-shadow:0 0 10px #ff4000}
.flow-dot.ok{background:#3de8b0;box-shadow:0 0 10px #14b98a}
.flow-row b{display:block;font-size:12.5px;font-weight:600;color:#f4f1ff;letter-spacing:-.01em}
.flow-row small{display:block;font-size:10.5px;color:#a49bb2;margin-top:2px}
.flow-row em{margin-left:auto;font-style:normal;font-size:10px;color:#7d7590}
.api-code{margin-top:36px;background:#0b0812;border:1px solid #3b2f52;border-radius:12px;overflow:hidden;max-width:760px}
.api-code-head{display:flex;align-items:center;gap:6px;padding:11px 14px;border-bottom:1px solid #2a2338}
.api-code-head i{width:8px;height:8px;border-radius:50%;background:#3a3150;display:block}
.api-code-head em{margin-left:8px;font-style:normal;font-size:10px;letter-spacing:.1em;color:#8b81a3}
.api-code pre{margin:0;padding:4px 16px;font-family:"JetBrains Mono",ui-monospace,Menlo,monospace;font-size:11.5px;line-height:1.7;color:#c9c0dd;white-space:pre-wrap}
.api-code pre:first-of-type{padding-top:14px}
.api-code pre:last-of-type{padding-bottom:14px}
.api-resp{display:flex;gap:12px;align-items:center;padding:12px 16px;border-top:1px solid #2a2338;background:#0f0b18}
.api-resp span{font-size:10px;font-weight:700;color:#3de8b0;letter-spacing:.08em}
.api-resp code{font-family:"JetBrains Mono",ui-monospace,Menlo,monospace;font-size:10.5px;color:#9d93b3;word-break:break-all}
.form-note{margin-top:12px;font-size:12px;line-height:1.6;color:#948ba6;max-width:420px}

/* contrast + type scale */
.section-head p{color:#8f889e;font-size:15px}
.section .eyebrow{font-size:11.5px;letter-spacing:.16em}
.feature p,.api-step p{color:#aaa1b8}
.business-card h3{font-size:22px}
.method-list details p{color:#6f6a7c}
.foot p{color:#a29aae}

@media(max-width:1000px){
  .flow-card{position:static;width:100%;margin-top:24px;right:auto;bottom:auto}
  .hero-art .flow-card{display:none}
}
@media(max-width:850px){
  .api-code{max-width:100%}
}

/* ---------- generated visuals ---------- */
.hero-visual{
  position:absolute;right:-2%;top:50%;transform:translateY(-50%);
  height:112%;width:auto;max-width:none;object-fit:contain;
  filter:drop-shadow(0 40px 90px rgba(128,64,255,.45));
  mask-image:linear-gradient(90deg,transparent 0%,black 22%,black 92%,transparent 100%);
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,black 22%,black 92%,transparent 100%);
}
.api-visual{
  display:block;width:100%;max-width:760px;margin-top:34px;
  border-radius:12px;border:1px solid #3b2f52;
  box-shadow:0 30px 70px -45px rgba(0,0,0,.9);
}
.features{grid-template-columns:1.35fr 1fr 1fr}
.feature-main{grid-row:span 2;display:flex;flex-direction:column}
.feature-hero{
  width:100%;height:auto;border-radius:8px;margin-bottom:18px;
  border:1px solid #332b42;object-fit:cover;
}
.feature-main .feature-illustration{display:none}
.feature-main h3{margin-top:auto}
@media(max-width:1100px){
  .features{grid-template-columns:1fr 1fr}
  .feature-main{grid-row:auto;grid-column:1/-1}
  .feature-hero{max-height:260px}
}
@media(max-width:850px){
  .hero-visual{opacity:.55;right:-24%;height:100%}
  .features{grid-template-columns:1fr}
  .feature-main{grid-column:auto}
}

/* card illustration tiles */
.business-illustration{object-fit:cover;border-radius:12px;box-shadow:0 20px 44px -30px rgba(0,0,0,.75);background:#0b0812}
.business-card{padding-top:18px}

/* keep feature / api cards text-focused; illustrations stay in the business grid */
#features .feature-illustration,
#api .feature-illustration{display:none}
#features .feature{padding:28px}
#features .feature h3{margin-top:22px}

/* ---------- GPT review pass (P1-P3) ---------- */
.hero h1{max-width:620px;font-size:clamp(44px,4.6vw,64px);line-height:1.08}
.hero p{font-size:17.5px;max-width:470px;color:#c2bfcd}
.hero .btn{min-height:50px;padding:16px 26px}
.hero-actions{gap:18px}

#methods .method-art .pay-preview{width:345px}
#methods .section-head{margin-bottom:36px}
#methods .method-list details[open]{background:#F1EBFF;border-radius:10px;padding:0 14px}
#methods .method-list details[open] summary{color:#262332}
#methods .method-list details p{color:#6f6b7f;max-width:520px}
#methods .method-list summary{min-height:58px;display:flex;align-items:center}

.business-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.business-card{min-height:196px;padding:16px 16px 18px;display:flex;flex-direction:column}
.business-illustration{width:100%;aspect-ratio:4/3;height:auto;object-fit:cover;border-radius:10px;margin:0 0 14px}
.business-card h3{font-size:15px;line-height:1.3;max-width:none;margin-top:auto;padding-right:22px}
.business-card span{bottom:16px;right:16px}

#features .features{grid-template-columns:1.5fr 1fr;gap:22px}
#features .feature-main{grid-row:span 3}
#features .feature{padding:24px}
#features .feature h3{font-size:17px;margin-top:6px}
#features .feature p{font-size:13.5px;line-height:1.55;color:#b3abc2}
#features .feature-main h3{font-size:24px}
#features .feature-main p{font-size:15px}

#api .api-code{max-width:100%;min-height:150px}

@media(max-width:1100px){
  .business-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #features .features{grid-template-columns:1fr}
  #features .feature-main{grid-row:auto}
}
@media(max-width:640px){
  .business-grid{grid-template-columns:1fr}
}


/* ============================================================
   FINAL DESIGN SYSTEM PASS — единый визуальный язык
   Один шрифтовой стек, одна шкала кеглей, один набор радиусов,
   один ритм отступов, одна трактовка карточек и кнопок.
   ============================================================ */

:root{
  --ds-accent:#8040FF;
  --ds-accent-2:#00E0FF;
  --ds-accent-warm:#FF4000;
  --ds-ink:#0A0810;
  --ds-ink-soft:#12101A;
  --ds-light:#FFFFFF;
  --ds-light-soft:#F7F5FB;
  --ds-border-dark:#2A2338;
  --ds-border-light:#E7E4ED;
  --ds-text-dark:#EDEAF5;
  --ds-text-light:#1A1524;
  --ds-muted-dark:#A9A3B8;
  --ds-muted-light:#6F6B7F;
  --ds-r-control:12px;
  --ds-r-card:14px;
  --ds-r-panel:20px;
  --ds-space-section:96px;
  --ds-space-head:40px;
  --ds-ease:cubic-bezier(.22,.61,.36,1);
}

/* --- типографика: заголовки — Gunterz, текст — DIN --- */
body, p, li, td, th, label, input, textarea, select, .method-list summary{
  font-family:DIN, "Inter", Arial, sans-serif;
}
h1, h2, h3, h4, .hero h1, .section h2, .contact-box h2, .feature h3, .business-card h3{
  font-family:Gunterz, DIN, Arial, sans-serif;
  font-weight:700;
  letter-spacing:-.02em;
}
.hero h1{font-size:clamp(42px,4.4vw,62px);line-height:1.08;max-width:620px}
.section h2{font-size:clamp(30px,3.2vw,44px);line-height:1.1;letter-spacing:-.025em}
h3, .feature h3, .business-card h3{font-size:19px;line-height:1.25;letter-spacing:-.015em}
p, li{font-size:16px;line-height:1.65}
.section-head p{font-size:15px;line-height:1.65;color:var(--ds-muted-light)}
.hero p{font-size:17px;line-height:1.6;color:#C6C2D2}

/* микроподписи: минимум 11px, иначе нечитаемо */
.eyebrow, .section .eyebrow, .contact-box .eyebrow, .hero .eyebrow,
.business-card small, .api-step b, .feature b, .card small{
  font-size:11px !important;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:600;
}
.preview{display:none}

/* --- ритм секций --- */
.section{padding:var(--ds-space-section) 0}
.section-head{margin-bottom:var(--ds-space-head);align-items:flex-end}
.section-tight{padding:64px 0}

/* --- кнопки: один вид --- */
.btn{
  min-height:48px;
  padding:0 24px;
  border-radius:var(--ds-r-control);
  font-family:DIN, "Inter", Arial, sans-serif;
  font-size:15px;
  font-weight:600;
  letter-spacing:.01em;
  transition:background .2s var(--ds-ease), transform .2s var(--ds-ease), box-shadow .2s var(--ds-ease);
}
.btn span{font-size:17px;line-height:1}
.btn:hover{transform:translateY(-2px)}
.top-actions .btn{min-height:44px;padding:0 18px}

/* --- карточки: одна геометрия --- */
.feature, .business-card, .api-step, .card,
.method-list details[open], .contact-box{
  border-radius:var(--ds-r-card);
}
.feature, .business-card{
  border:1px solid var(--ds-border-dark);
  transition:transform .22s var(--ds-ease), border-color .22s var(--ds-ease), background .22s var(--ds-ease);
}
.light .business-card, .business-card{
  border-color:var(--ds-border-light);
}
.feature:hover, .business-card:hover{transform:translateY(-4px)}
.contact-box{border-radius:var(--ds-r-panel)}

/* --- изображения: одинаковый формат и скругление --- */
.business-illustration{
  aspect-ratio:4/3;
  height:auto;
  object-fit:cover;
  border-radius:10px;
  margin:0 0 14px;
  box-shadow:0 18px 40px -30px rgba(10,8,16,.55);
}
.feature-hero{border-radius:10px}

/* --- светлые секции: одна подложка и границы --- */
#methods, .light, .integration{
  background:var(--ds-light-soft);
  color:var(--ds-text-light);
}
#methods{border-top:1px solid var(--ds-border-light);border-bottom:1px solid var(--ds-border-light)}
.light .eyebrow, .integration .eyebrow, #methods .eyebrow{color:var(--ds-accent)}
.light .section-head p, .integration .section-head p, #methods .section-head p{color:var(--ds-muted-light)}
.method-list details{border-bottom:1px solid var(--ds-border-light)}
.method-list details[open]{background:#F1EBFF;border-radius:var(--ds-r-control);padding:0 16px;margin-bottom:10px}
.method-list details[open] summary{color:var(--ds-text-light)}
.method-list details p{color:var(--ds-muted-light)}

/* --- тёмные секции: текст и разделители --- */
#features, .hero, .foot{background:var(--ds-ink)}
#features .feature{background:linear-gradient(150deg,#171226,#0C0A12);border-color:var(--ds-border-dark)}
#features .feature p{color:var(--ds-muted-dark)}
#features .feature b, #features .eyebrow{color:#B79BFF}

/* --- API-блок: единый тёмный «терминал» --- */
.api-code{border-radius:var(--ds-r-card);border:1px solid var(--ds-border-dark);background:#070510}
.api-code-head{border-bottom:1px solid var(--ds-border-dark)}
.api-code pre{font-size:12.5px;line-height:1.7;color:#CFC7E2}
.api-resp{border-top:1px solid var(--ds-border-dark)}

/* --- FAQ и форма --- */
.faq summary{min-height:60px;display:flex;align-items:center;font-size:18px}
.faq details{border-bottom:1px solid var(--ds-border-light)}
.faq details p{color:var(--ds-muted-light);font-size:15px;line-height:1.65}
.contact-box{background:var(--ds-ink-soft);border:1px solid var(--ds-border-dark)}
.contact-box p{color:var(--ds-muted-dark)}
.form-grid input{font-size:16px;border-bottom:1px solid #4A3E5E}
.form-grid label{font-size:11px;letter-spacing:.12em;color:#B7ABC9}
.tag{
  border-radius:999px;
  border:1px solid var(--ds-border-dark);
  color:#CFC7E2;
  font-size:11px;
  padding:8px 14px;
}

/* --- футер --- */
.foot{padding:56px 0 32px}
.foot p{font-size:14px;color:var(--ds-muted-dark)}
.foot-nav{font-size:14px;gap:22px}
.foot-nav a:hover{color:#fff}
.copyright{font-size:11px;color:#8B8598;border-top:1px solid var(--ds-border-dark)}

/* --- мобильные правила под ту же систему --- */
@media(max-width:850px){
  :root{--ds-space-section:68px;--ds-space-head:32px}
  .section h2{font-size:30px}
  .hero h1{font-size:clamp(36px,9vw,46px)}
  .btn{min-height:46px;width:100%;justify-content:space-between}
  .hero-actions .btn, .section-head .btn{width:auto}
}
@media(prefers-reduced-motion:reduce){
  *{transition:none!important;animation:none!important}
}