/* ==========================================================================
   AIBIS V2 — skin for the existing product page (mini-site) configurator.
   Loaded after styles.css / mini-site.css. Visual only — no form logic.
   ========================================================================== */

:root{
  --bg-0:#070b12; --bg-1:#0a1120; --bg-2:#0c1626;
  --panel:rgba(12,22,38,.8); --panel-2:rgba(10,17,32,.92);
  --silver-1:#eef3f8; --silver-2:#c3ccd5; --silver-3:#9caab8;
  --blue:#46c8f0; --blue-soft:#9de3fa; --cyan:#46c8f0; --cyan-soft:#9de3fa; --gold:#c9a45c;
  --text:#eef3f8; --muted:#9caab8; --faint:#6f7e8d;
  --line:rgba(150,172,196,.16); --line-2:rgba(150,172,196,.3); --line-3:rgba(70,200,240,.4);
  --r-xl:12px; --r-lg:12px; --r-md:10px; --r-sm:8px;
  --shadow-1:0 18px 44px rgba(0,0,0,.34); --shadow-2:0 26px 64px rgba(0,0,0,.44); --glow-blue:none;
  --container:1320px; --header-h:72px;
  --font-sans:"Inter","Segoe UI",system-ui,sans-serif;
  --font-mono:"JetBrains Mono",Consolas,monospace;
  --ms-accent:#46c8f0; --ms-panel:#0c1626; --ms-border:rgba(150,172,196,.16);
}

body{font-family:var(--font-sans);font-size:16px;background:var(--bg-0);color:var(--text)}
h1,h2,h3,h4,.ms-hero h1,.section-title,.ms-final-cta h2{font-family:var(--font-sans);font-weight:700;letter-spacing:-.03em;color:var(--text)}
.grad{background:none !important;-webkit-text-fill-color:currentColor !important;color:var(--cyan) !important;font-style:normal}
h1 em,h2 em{font-style:normal;color:var(--cyan)}

.eyebrow{font-family:var(--font-sans);font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan)}
.eyebrow-dot{background:var(--cyan);box-shadow:0 0 10px rgba(70,200,240,.6)}

.btn{border-radius:8px;font-family:var(--font-sans);font-size:14.5px;font-weight:600;box-shadow:none;padding:13px 20px}
.btn-primary{background:var(--silver-1);background-image:none;color:#0b1118;border:1px solid var(--silver-1);box-shadow:none}
.btn-primary:hover{background:#fff}
.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--line-2);box-shadow:none}
.btn-ghost:hover{border-color:var(--silver);background:rgba(150,172,196,.06)}

/* hero */
.ms-hero{background:
  radial-gradient(900px 520px at 78% 6%, rgba(46,120,190,.16), transparent 60%),
  linear-gradient(180deg,#070b12,#081020)}
.ms-hero::before{display:none}
.ms-hero h1{font-size:clamp(2.5rem,4.8vw,4rem);line-height:1.02;letter-spacing:-.04em}
.ms-lead{color:var(--muted);font-size:16.5px}
.ms-browser{transform:none;border-radius:12px;border:1px solid var(--line-2);background:#0c1626;box-shadow:0 30px 70px rgba(0,0,0,.4)}
.ms-phone{transform:none;border-radius:14px;border:1px solid var(--line);background:#080d16;box-shadow:0 18px 40px rgba(0,0,0,.4);padding:5px}
.ms-phone img{border-radius:10px}
.ms-truth{color:var(--muted);font-size:13.5px}
.ms-truth span{color:var(--cyan)}

/* surfaces */
.ms-fieldset,.ms-preview-card,.ms-scope-card,.ms-price-card,.ms-hosting-panel,.ms-choice-inner{
  background:#0c1626;background-image:none;border:1px solid var(--line);border-radius:12px;box-shadow:none}
.ms-price-card{background:#0c1a2a;border-color:rgba(201,164,92,.28)}
.ms-scope-card.ms-excluded{border-color:var(--line)}
.ms-scope-card h3,.ms-fieldset legend,.ms-preview-card h3{color:var(--text);font-family:var(--font-sans);font-weight:650}
.ms-fieldset legend span,.ms-steps li>span,.ms-preview-kicker{color:var(--cyan)}

/* form controls */
.ms-fieldset input:not([type=checkbox]):not([type=radio]),
.ms-fieldset select,.ms-fieldset textarea,
.product-config input:not([type=checkbox]):not([type=radio]),.product-config select,.product-config textarea{
  background:#050c15;color:var(--text);border:1px solid var(--line-2);border-radius:8px;padding:12px 13px;font:inherit;font-size:15px}
.ms-fieldset input:focus,.ms-fieldset select:focus,.ms-fieldset textarea:focus{border-color:rgba(70,200,240,.7);outline:2px solid rgba(70,200,240,.25);outline-offset:1px}
.ms-fieldset input[type=checkbox],.ms-fieldset input[type=radio],.ms-style-options input{accent-color:var(--cyan)}
.ms-style-options label,.ms-extras label,.ms-template-grid label,.ms-choice label{font-size:14px;color:#c9d5de}
.ms-field-hint{font-size:13px;color:var(--faint)}

/* steps / scope / demo */
.ms-steps li{border-top:1px solid var(--line);background:none}
.ms-steps h3{font-family:var(--font-sans);font-size:14.5px;font-weight:650}
.ms-steps p{font-size:14px}
.ms-scope-card li::before{background:var(--cyan);border-radius:0}
.ms-config{background:none}
.ms-final-cta{background:#060a11;border-top:1px solid var(--line)}
.ms-final-cta h2{color:var(--text)}
.ms-final-cta p{color:var(--muted)}
.ms-text-button{color:var(--muted);font-size:13.5px}

/* footer (mini-site uses product-footer or site-footer) */
.product-footer,.site-footer{border-top:1px solid var(--line);background:#060a11;padding:44px 0 24px;color:var(--faint)}
.product-footer a,.site-footer .footer-col a{color:#b7c3ce;text-decoration:none}
.product-footer a:hover,.site-footer .footer-col a:hover{color:var(--cyan-soft)}

:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
@media (max-width:900px){.shell{width:calc(100% - 48px)}}
@media (max-width:640px){.shell{width:calc(100% - 40px)}.ms-hero h1{font-size:2.2rem}}
.bg-layer{display:none}