:root{
  --bg:#F5F6F8;--surface:#FFFFFF;--ink:#111820;--muted:#747B84;--dim:#969DA6;
  --line:#E2E5E9;--line-strong:#C7CCD2;--field-line:#D4D8DD;--mint:#8DF0C8;--mint-soft:#E7FBF2;--mint-line:#BFF0DC;
  --green:#0FA875;--green-dark:#087F5B;--error:#C2402F;--error-soft:#FFEFEC;
  --shadow:0 14px 35px -28px rgba(17,24,32,.42);--radius:14px;
}
html.dark{
  --bg:#111419;--surface:#1B1F25;--ink:#EEF0F3;--muted:#A8AEB7;--dim:#858C96;
  --line:#32373F;--line-strong:#454B54;--field-line:#505761;--mint-soft:rgba(141,240,200,.1);--mint-line:rgba(141,240,200,.32);
  --green:#8DF0C8;--green-dark:#8DF0C8;--error:#FF8573;--error-soft:rgba(255,133,115,.11);
  --shadow:0 18px 38px -28px rgba(0,0,0,.9);
}
*{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'Geologica',system-ui,-apple-system,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit}
.support-header{border-bottom:1px solid var(--line);background:var(--bg)}
.support-nav{max-width:1080px;margin:0 auto;padding:15px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.support-logo{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:18px;font-weight:650;text-decoration:none;white-space:nowrap}
.support-logo svg{width:31px;height:23px}
.support-home{color:var(--muted);font-size:13px;text-decoration:none;transition:color .18s}
.support-home:hover{color:var(--ink)}
.support-main{max-width:1080px;margin:0 auto;padding:48px 24px 76px}
.support-frame{display:grid;grid-template-columns:320px minmax(0,1fr);gap:32px}
.integration-hero{position:relative;grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:42px;overflow:hidden;padding:31px 33px 32px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}
.integration-hero::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--green)}
.integration-hero-copy{align-self:center;min-width:0}
.product-kicker{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:var(--green-dark);font:600 10.5px/1.4 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase}
.product-kicker::before{content:"";width:7px;height:7px;flex:0 0 7px;border:2px solid var(--green);border-radius:50%;box-shadow:0 0 0 4px var(--mint-soft)}
.integration-hero h1{max-width:650px;font-size:34px}
.integration-hero-copy>p{max-width:650px;margin:15px 0 0;color:var(--muted);font-size:15px;line-height:1.62}
.integration-hero-copy>p strong{color:var(--ink);font-weight:600}
.integration-features{display:grid;align-content:center;gap:8px;margin:0;padding:0;list-style:none}
.integration-features li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:11px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);transition:border-color .18s,transform .18s,background .18s}
.integration-features li:hover{border-color:var(--mint-line);background:var(--mint-soft);transform:translateX(2px)}
.integration-features li>span{padding-top:2px;color:var(--green-dark);font:600 10px/1.4 'JetBrains Mono',monospace;letter-spacing:.04em}
.integration-features b{display:block;color:var(--ink);font-size:13px;font-weight:600;line-height:1.4}
.integration-features p{margin:2px 0 0;color:var(--muted);font-size:12px;line-height:1.45}
.support-schedule{min-width:0;padding:2px 12px 0 0}
h1,h2{margin:0;color:var(--ink);line-height:1.16;letter-spacing:-.025em}
h1{font-size:30px;font-weight:700}
.support-schedule>h2{font-size:23px;font-weight:700}
.schedule-list{display:grid;gap:22px;margin-top:28px}
.schedule-item{margin:0}
.schedule-item span{display:block;margin-bottom:6px;color:var(--muted);font:500 10.5px/1.45 'JetBrains Mono',monospace;letter-spacing:.1em;text-transform:uppercase}
.schedule-item strong{display:block;color:var(--ink);font-size:17px;font-weight:600;line-height:1.42;letter-spacing:-.015em}
.support-content{display:grid;gap:12px;min-width:0}
.contact-card,.support-form-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}
.contact-card{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:18px;align-items:center;padding:19px 23px}
.contact-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:var(--mint-soft);color:var(--green-dark)}
.contact-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.contact-copy{min-width:0}
.contact-copy h2{margin-bottom:3px;font-size:15px;font-weight:650}
.contact-copy p{margin:0;color:var(--muted);font-size:13px;line-height:1.45;overflow-wrap:anywhere}
.contact-inline-link{color:var(--muted);text-decoration:underline;text-underline-offset:2px}
.contact-inline-link:hover{color:var(--green-dark)}
.telegram-actions{display:flex;align-items:center;gap:16px}
.telegram-qr-link{display:block;width:96px;height:96px;border-radius:10px;outline-offset:3px;transition:transform .18s,box-shadow .18s}
.telegram-qr-link:hover{transform:translateY(-1px);box-shadow:0 12px 26px -18px rgba(17,24,32,.55)}
.telegram-qr{display:block;width:96px;height:96px;border:1px solid var(--line);border-radius:10px;background:#fff}
.contact-action{display:inline-flex;align-items:center;justify-content:center;min-height:41px;padding:10px 18px;border:1px solid var(--green);border-radius:10px;background:var(--green);color:#fff;font-size:13.5px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s}
.contact-action:hover{background:var(--green-dark);border-color:var(--green-dark);transform:translateY(-1px);box-shadow:0 10px 20px -15px rgba(15,168,117,.8)}
.contact-value{color:var(--green-dark);font:600 14px/1.4 'JetBrains Mono',monospace;text-decoration:none;white-space:nowrap;text-underline-offset:3px}
.contact-value:hover{text-decoration:underline}
.support-form-card{margin-top:2px;padding:23px 25px 22px}
.form-head{display:block;margin-bottom:16px}
.form-head h2{font-size:17px;font-weight:650}
.form-head p{margin:4px 0 0;color:var(--muted);font-size:13px}
.support-form{display:grid;gap:13px}
.support-fields,.form-grid{display:grid;gap:12px}
.form-grid{grid-template-columns:1fr 1fr}
.field{display:grid;align-content:start;gap:6px;min-width:0}
.field.full{grid-column:1/-1}
.field>span{color:var(--muted);font:500 10.5px/1.4 'JetBrains Mono',monospace;letter-spacing:.06em;text-transform:uppercase}
.field input,.field textarea,.field select{width:100%;padding:10px 14px;border:1px solid var(--field-line);border-radius:9px;background:var(--surface);color:var(--ink);font:400 14px/1.5 'Geologica',sans-serif;transition:border-color .18s,box-shadow .18s,background .18s}
html.dark .field input,html.dark .field textarea{border-color:var(--line-strong)}
.field input,.field select{height:43px}
.field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--dim) 50%),linear-gradient(135deg,var(--dim) 50%,transparent 50%);background-position:calc(100% - 18px) 18px,calc(100% - 13px) 18px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:34px;cursor:pointer}
.field textarea{min-height:84px;resize:vertical}
.field input[type=tel]{font-family:'JetBrains Mono',monospace}
.field input::placeholder,.field textarea::placeholder{color:var(--dim)}
.field input:hover,.field textarea:hover,.field select:hover{border-color:var(--line-strong)}
.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px var(--mint-soft)}
.field input.is-invalid,.field textarea.is-invalid,.field select.is-invalid{border-width:1.5px;border-color:#E5533F;box-shadow:none}
.field-error{display:flex;align-items:center;gap:6px;color:var(--error);font-size:12.5px;line-height:1.35}
.field-error::before{content:"!";display:grid;place-items:center;width:13px;height:13px;flex:0 0 13px;border:1.4px solid currentColor;border-radius:50%;font:700 9px/1 'JetBrains Mono',monospace}
.field-error[hidden]{display:none}
.field-error[hidden]::before{content:none}
.support-submit{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:15px;margin-top:1px}
.demo-submit{grid-template-columns:1fr;gap:10px}
.demo-submit .submit-button{width:max-content}
.submit-button{min-width:190px;min-height:43px;padding:10px 17px;border:1px solid var(--green);border-radius:10px;background:var(--green);box-shadow:0 6px 14px rgba(15,168,117,.3);color:#fff;font:600 14px/1.3 'Geologica',sans-serif;cursor:pointer;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s}
.submit-button:hover{background:var(--green-dark);border-color:var(--green-dark);transform:translateY(-1px);box-shadow:0 13px 25px -16px rgba(15,168,117,.95)}
.submit-button:disabled{cursor:not-allowed;opacity:.52;transform:none;box-shadow:none}
.consent-row{display:flex;align-items:flex-start;gap:8px;color:var(--dim);font-size:12px;line-height:1.5}
.consent-row input{width:16px;height:16px;margin:1px 0 0;flex:0 0 16px;accent-color:var(--green)}
.consent-row input.is-invalid{outline:2px solid var(--error);outline-offset:2px;border-radius:3px;box-shadow:0 0 0 4px var(--error-soft)}
.consent-row a{text-underline-offset:2px}
.form-err{display:none;margin:0;padding:9px 11px;border-radius:9px;background:var(--error-soft);color:var(--error);font-size:12px;font-weight:500}
.form-success{display:none;flex-direction:column;align-items:center;padding:32px 24px;border:1px solid var(--mint-line);border-radius:12px;background:var(--mint-soft);text-align:center}
.success-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:14px;border-radius:50%;background:var(--green);color:#fff}
.success-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.form-success strong{display:block;margin-bottom:6px;font-size:19px;font-weight:600}
.form-success p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}
.support-request-id{color:var(--ink);font-family:'JetBrains Mono',monospace}
.success-reset{margin-top:18px;padding:10px 20px;border:1px solid var(--mint-line);border-radius:10px;background:var(--surface);color:var(--green-dark);font:600 13.5px/1.3 'Geologica',sans-serif;cursor:pointer;transition:border-color .18s,transform .18s,background .18s}
.success-reset:hover{border-color:var(--green);background:var(--surface);transform:translateY(-1px)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.demo-intro{margin:13px 0 0;color:var(--muted);font-size:16px;line-height:1.52}
.demo-benefits{display:grid;gap:12px;margin:28px 0 0;padding:0;list-style:none}
.demo-benefits li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:9px;color:var(--muted);font-size:14px;line-height:1.48}
.demo-benefits svg{width:20px;height:20px;color:var(--green-dark);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.demo-benefits b{display:block;margin-bottom:2px;color:var(--ink);font-size:14px;font-weight:600}
.demo-note{margin-top:28px;padding:14px 15px;border-left:2px solid var(--mint);background:var(--mint-soft);color:var(--muted);font-size:13px;line-height:1.5}
.support-footer{border-top:1px solid var(--line);padding:24px;color:var(--dim);font-size:12.5px}
.support-footer-inner{max-width:1080px;margin:0 auto;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
.support-footer a{color:inherit;text-underline-offset:3px}
@media(max-width:900px){
  .support-frame{grid-template-columns:1fr;gap:34px}
  .integration-hero{grid-column:auto;grid-template-columns:1fr;gap:24px;padding:28px}
  .support-schedule{padding:0}.schedule-list{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}
  .schedule-item{margin:0;padding:0 18px 0 0;border-right:1px solid var(--line)}
  .schedule-item:last-child{border-right:0}.schedule-item strong{font-size:15px}
  .demo-page .schedule-list{grid-template-columns:1fr}
  .demo-page .schedule-item{padding-right:0;border-right:0}
}
@media(max-width:650px){
  .support-nav{padding:13px 17px}.support-logo{font-size:17px}.support-home{font-size:12px}
  .support-main{padding:30px 17px 52px}
  h1{font-size:28px}.integration-hero{gap:22px;padding:23px 20px 22px}.integration-hero h1{font-size:28px}.integration-hero-copy>p{font-size:14px}.product-kicker{font-size:9.5px;line-height:1.55}.integration-features li{padding:10px}.schedule-list{grid-template-columns:1fr;gap:0;margin-top:25px}
  .schedule-item{margin:0 0 21px;padding:0 0 21px;border-right:0;border-bottom:1px solid var(--line)}
  .schedule-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}
  .contact-card{grid-template-columns:40px minmax(0,1fr);padding:16px;gap:13px}.contact-icon{width:40px;height:40px}
  .telegram-actions{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) 78px;gap:12px}.telegram-qr-link,.telegram-qr{width:78px;height:78px}
  .contact-action{width:100%}.contact-value{grid-column:1/-1;padding-left:53px;white-space:normal}.support-form-card{padding:19px 16px}
  .form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.support-submit{grid-template-columns:1fr}.submit-button{width:100%}
  .demo-submit .submit-button{width:100%}
  .form-success{padding:28px 16px}
  .support-footer{padding:22px 17px}.support-footer-inner{display:grid;gap:8px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}