:root{--ink:#152338;--muted:#5c6879;--blue:#2458d3;--blue-dark:#1946b5;--line:#dfe3e9;--paper:#f8faff;--navy:#142237}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:112px}
body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.65 "Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,input,select{font:inherit}
button,a,input,select,summary{-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid #e39239;outline-offset:5px}
button{cursor:pointer}
svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
[hidden]{display:none!important}
.wrap{width:calc(100% - 2 * clamp(20px,3vw,64px));margin-inline:auto}
.skip{position:fixed;top:-100px;left:20px;z-index:100;background:#fff;padding:10px 20px;border-radius:6px}.skip:focus{top:12px}
.site-header{position:sticky;top:0;z-index:20;background:#f6f7f9f5;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}
.header-inner{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:inline-flex;align-items:baseline;color:var(--ink);font-size:38px;font-weight:780;letter-spacing:-2.1px;white-space:nowrap;line-height:1.1}
.brand sup{align-self:flex-start;font-size:14px;margin:5px 0 0 3px;letter-spacing:0}
.brand>span{align-self:center;border-left:1px solid #bec7d4;margin-left:16px;padding-left:16px;font-size:14px;font-weight:600;letter-spacing:-.2px;color:var(--blue)}
nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:600}
nav>a:not(.button){transition:color .2s}nav>a:hover{color:var(--blue)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;background:var(--blue);color:#fff;padding:16px 24px;border:1px solid transparent;border-radius:7px;font-size:14px;font-weight:650;line-height:1.4;transition:background .2s,transform .2s}
.button:hover{background:var(--blue-dark);transform:translateY(-2px);color:#fff}
.button span{font-size:20px;font-weight:400;line-height:1}.button.small{padding:12px 18px;gap:20px;font-size:14px}.menu-toggle{display:none}
h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:630}p{color:var(--muted)}
.eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:22px;color:var(--blue);font-size:14px;font-weight:750;text-transform:uppercase;letter-spacing:1.8px;line-height:1.5}
.status-dot{display:inline-block;flex-shrink:0;width:7px;height:7px;border-radius:50%;background:var(--blue)}
.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:26px;align-items:center;padding-block:80px 86px}
h1{font-size:clamp(55px,5.5vw,80px);letter-spacing:-4.6px;line-height:1.03;margin-bottom:30px}h1>span,h2>span{color:var(--blue)}
.hero-lead{max-width:490px;color:var(--ink);font-size:20px;line-height:1.55;margin-bottom:14px;letter-spacing:-.3px}.hero-lead strong{font-weight:650}
.hero-description{max-width:470px;font-size:15px;margin-bottom:27px}.hero-actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap}
.text-link{display:inline-flex;gap:20px;align-items:center;color:var(--blue);font-size:14px;font-weight:650;line-height:1.5}.text-link span{font-size:19px;transition:transform .2s}.text-link:hover span{transform:translate(2px,-2px)}
.hero-actions .text-link{font-size:14px;color:var(--ink);gap:12px}.hero-note{font-size:14px;margin:17px 0 0;display:flex;align-items:center;gap:7px;color:#6b7585}.hero-note span{font-size:16px}
.control-visual{position:relative;min-width:0;padding:44px 12px 57px 13px;isolation:isolate}
.visual-grid{position:absolute;inset:0 -15px 0 0;background-image:linear-gradient(#dfe5ef99 1px,transparent 1px),linear-gradient(90deg,#dfe5ef99 1px,transparent 1px);background-size:30px 30px;z-index:-1;mask-image:radial-gradient(ellipse,#000 25%,transparent 73%)}
.visual-label{display:flex;align-items:center;gap:9px;font-size:14px;letter-spacing:1.6px;font-weight:650;margin:0 0 17px 10px;color:#758196}.visual-label>span{font-size:19px;font-weight:300;color:var(--blue)}
.console{border:1px solid #d4dce8;background:white;border-radius:13px;box-shadow:0 22px 50px #1b315218;overflow:hidden;transform:rotate(-2deg)}
.console-topbar{display:flex;align-items:center;justify-content:space-between;background:var(--navy);color:white;padding:12px 21px}.console-brand{font-size:27px;line-height:1;font-weight:750;letter-spacing:-1px}.console-brand>span{font-size:14px;font-weight:450;margin-left:12px;letter-spacing:.1px;vertical-align:middle;color:#c7d1e2}
.demo-tag{font-size:14px;letter-spacing:.3px;color:#ced8e8;background:#ffffff12;border:1px solid #ffffff1a;padding:3px 7px;border-radius:4px}
.console-body{padding:25px 24px 22px}.console-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.mini-label{font-size:14px;letter-spacing:1.5px;color:#758399;font-weight:700}.console-title h2{font-size:21px;letter-spacing:-.7px;margin:4px 0 0;line-height:1.3}
.avatar{display:flex;align-items:center;justify-content:center;background:#e9eef8;color:var(--blue);border:1px solid #dbe3f2;width:30px;height:30px;border-radius:50%;font-size:14px;font-weight:700}
.console-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);background:#f9fafc;border-radius:7px;margin-bottom:23px}.console-metrics>div{padding:13px 12px}.console-metrics>div+div{border-left:1px solid var(--line)}.console-metrics span{display:block;font-size:14px;color:#64738a;white-space:nowrap}.console-metrics strong{display:block;line-height:1.3;font-size:30px;font-weight:600;letter-spacing:-1px;margin-top:3px}.console-metrics small{display:block;font-size:14px;color:#738097}.amber-ink{color:#ad7232}
.console-list-title{display:flex;justify-content:space-between;font-size:14px;letter-spacing:1px;color:#78859b;padding:0 0 6px}
.endpoint{display:flex;gap:10px;align-items:center;border-top:1px solid #edf0f4;padding:14px 0}.endpoint>div{flex:1;min-width:0}.endpoint strong{display:block;font-size:14px;font-weight:600}.endpoint small{display:block;font-size:14px;margin-top:1px;color:#7c8798}
.device-icon{position:relative;display:block;width:24px;height:18px;border:1px solid #aab7ca;border-radius:3px;margin-right:3px}.device-icon:after{content:"";position:absolute;width:12px;height:4px;left:5px;bottom:-6px;border-bottom:1px solid #aab7ca;background:linear-gradient(90deg,transparent 5px,#aab7ca 5px,#aab7ca 6px,transparent 6px)}
.pill{padding:3px 7px;border-radius:4px;font-size:14px;white-space:nowrap;line-height:1.6}.green{background:#e8f3ed;color:#246a4c}.amber{background:#fcf1df;color:#95642e}.blue{background:#eaf0fd;color:#355caa}
.console-log{display:flex;gap:10px;align-items:center;border-top:1px solid var(--line);margin-top:3px;padding-top:14px}.log-check{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;color:#2c7858;background:#e8f3ed;font-size:14px}.console-log strong{display:block;font-size:14px;font-weight:600}.console-log small{display:block;font-size:14px;color:#758196;margin-top:1px}
.decision-card{position:absolute;right:-10px;bottom:20px;display:flex;align-items:center;gap:14px;padding:18px 24px;background:#fff;border:1px solid #d8e1ee;box-shadow:0 12px 28px #1e35501a;border-radius:9px;transform:rotate(2deg)}
.decision-icon{display:grid;place-items:center;width:38px;height:42px;color:var(--blue);background:#edf2ff;border-radius:7px}.decision-icon svg{width:26px;height:26px}.decision-card strong{display:block;font-size:15px;font-weight:650;letter-spacing:-.3px}.decision-card div>span{display:block;font-size:14px;color:#718096;margin-top:2px}.visual-caption{position:absolute;bottom:-20px;right:8px;left:0;text-align:center;color:#7f8998;font-size:14px;margin:0}
.context-strip{border-block:1px solid var(--line);background:#fff}.context-strip>.wrap{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:25px}.context-strip p{font-size:14px;line-height:1.6;margin:0}.context-strip strong{font-weight:600;color:var(--ink)}.context-strip>.wrap>span{font-size:14px;font-weight:550;color:#687489;letter-spacing:-.2px}
.section{padding-block:105px}h2{font-size:clamp(34px,3.8vw,53px);letter-spacing:-2px;line-height:1.13;margin-bottom:25px}.intro{font-size:17px;max-width:650px;line-height:1.75;margin-bottom:0}.section-heading{max-width:790px;margin-bottom:48px}.section-heading .eyebrow{margin-bottom:20px}.problem-section{padding-bottom:65px}
.risk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.risk{border-top:1px solid #aebccd;padding-top:20px;display:flex;flex-direction:column}.risk-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.step-index{font-size:14px;color:#63718a;font-weight:650;letter-spacing:1.3px}.risk svg{width:31px;height:31px;color:var(--blue);stroke-width:1.3}h3{font-size:25px;letter-spacing:-.7px;line-height:1.3;margin:0 0 17px}.risk p{font-size:14px;margin-bottom:26px}.risk-bottom{display:block;border-top:1px solid var(--line);padding-top:15px;font-size:14px;color:#7a6852;margin-top:auto}
.problem-takeaway{margin-top:55px}.problem-takeaway p{font-size:14px;margin:0}.problem-takeaway strong{color:var(--ink);font-weight:600}
.control-section{background:var(--navy);color:#fff}.control-layout{display:grid;grid-template-columns:1fr 1fr;gap:120px;padding-block:90px}.control-intro .eyebrow{color:#99b6ff}.control-intro h2{font-size:49px}.control-intro h2>span{color:#94b4ff}.control-intro>p:not(.eyebrow){font-size:15px;color:#b9c4d6;max-width:400px}.button.light{background:white;color:var(--navy);margin-top:16px}.button.light:hover{background:#e4ebfa}
.control-signature{display:flex;gap:15px;align-items:center;margin-top:48px}.signature-b{display:grid;place-items:center;width:42px;height:42px;border:1px solid #546680;border-radius:9px;font-size:30px;font-weight:700;line-height:1}.control-signature p{margin:0;color:#97a8c1;font-size:14px;line-height:1.6}.control-signature strong{color:#cad5e6;font-weight:500}
.capability-list article{display:flex;gap:22px;padding:26px 0;border-top:1px solid #ffffff26}.capability-list article:first-child{padding-top:0;border-top:0}.capability-list article:last-child{padding-bottom:0}.capability-list article>span{color:#90a6c7;font-size:14px;letter-spacing:1px;margin-top:6px}.capability-list h3{font-size:23px;color:#f3f6fb;margin-bottom:10px;letter-spacing:-.5px}.capability-list p{color:#b4c1d5;font-size:14px;line-height:1.8;margin:0;max-width:420px}
.section-heading.horizontal{display:flex;align-items:flex-end;justify-content:space-between;gap:70px;max-width:none}.horizontal h2{margin-bottom:0}.horizontal .intro{max-width:340px;font-size:15px;margin-bottom:5px}.scenario-tabs{display:flex;border-bottom:1px solid #cfd7e4;gap:30px}.scenario-tabs button{display:flex;gap:28px;align-items:center;justify-content:space-between;border:0;border-bottom:3px solid transparent;margin-bottom:-1px;padding:16px 2px;color:#6b7789;background:transparent;font-size:14px;font-weight:600}.scenario-tabs button[aria-selected="true"]{color:var(--blue);border-bottom-color:var(--blue)}.scenario-tabs button span{font-size:18px}.scenario-tabs button:hover{color:var(--blue)}
.scenario-panel{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;padding:48px;background:white;border:1px solid var(--line);border-top:0;border-radius:0 0 10px 10px;min-height:420px}.stage-badge{display:inline-flex;background:#eaf2ee;color:#356c53;border-radius:4px;padding:4px 8px;font-size:14px;font-weight:600;margin-bottom:20px}.stage-badge.planned{background:#f7eedf;color:#8c642d}.scenario-copy h3{font-size:30px;letter-spacing:-1px;margin-bottom:16px}.scenario-copy>p{font-size:14px}.scenario-copy .scope-note{font-size:14px;color:#6b7789;border-left:2px solid #d7dfec;padding-left:14px;margin-block:20px}.scenario-copy .text-link{font-size:14px}
.scenario-diagram{display:flex;flex-direction:column;align-items:stretch;justify-content:center;background:#f5f7fb;border:1px solid #e5eaf3;border-radius:8px;padding:28px 32px}.diagram-node{display:grid;grid-template-columns:40px 1fr;column-gap:13px;align-items:center;background:#fff;border:1px solid #d8e0eb;padding:14px;border-radius:7px;box-shadow:0 4px 10px #243c5c04}.node-symbol{grid-row:span 2;display:grid;place-items:center;width:36px;height:36px;border:1px solid #dbe3ee;border-radius:7px;font-size:14px;font-weight:650;color:#586f90;background:#f7f9fc}.diagram-node strong{font-size:14px;font-weight:600}.diagram-node small{font-size:14px;color:#78869b}.node-blue{border-color:#acbfeb}.node-blue .node-symbol{background:var(--blue);border-color:var(--blue);color:white;font-size:30px;line-height:1}.diagram-connector{color:#aab8cd;line-height:1;font-size:24px;text-align:center;padding:7px}.diagram-result{display:flex;align-items:center;gap:8px;border:1px dashed #aabbe0;background:#eef3ff;padding:14px 12px;border-radius:7px;font-size:14px;color:#315aa6;flex-wrap:wrap}.diagram-result .status-dot{width:5px;height:5px}.diagram-status{margin-left:auto;font-size:14px;color:#627cae}.no-js-note{font-size:14px;margin-top:20px}
.solutions-section{background:#eaf0fa;border-block:1px solid #dce5f3}.solutions{display:grid;grid-template-columns:1fr 1fr;gap:25px}.solutions article{background:#fff;border:1px solid #d6dfec;border-radius:10px;padding:39px;display:flex;flex-direction:column}.solution-label{font-size:14px;letter-spacing:1.4px;color:#728199;font-weight:700;margin-bottom:22px}.solutions h3{font-size:33px;letter-spacing:-1.1px;line-height:1.2}.solutions p{font-size:14px;max-width:460px;margin-bottom:20px}.solutions ul{list-style:none;padding:0;margin:0 0 32px;font-size:14px;color:#50637e}.solutions li{position:relative;padding-left:23px;margin-top:10px}.solutions li:before{content:"✓";position:absolute;left:0;color:var(--blue);font-size:14px}.solutions .text-link{margin-top:auto;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;font-size:14px}.solutions .solution-enterprise{border-color:#a3bae7;background:#f9fbff}
.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.faq-section>div>p:not(.eyebrow){font-size:14px;max-width:220px}.faq-list{border-top:1px solid #c4cedd}.faq-list details{border-bottom:1px solid #cfd7e3}.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:14px;font-weight:600;cursor:pointer;line-height:1.5;padding:23px 0}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:24px;line-height:1;color:var(--blue);font-weight:350;transition:transform .2s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details p{font-size:14px;line-height:1.8;margin:0;padding:0 32px 25px 0}
.contact-section{border-block:1px solid var(--line);background:#fff}.contact-layout{display:grid;grid-template-columns:1fr 1.06fr;gap:100px;align-items:start}.contact-copy h2{font-size:62px;letter-spacing:-2.8px}.contact-copy .lead{font-size:18px;max-width:390px;color:#55647a}.contact-steps{list-style:none;margin:30px 0;padding:0;max-width:390px}.contact-steps li{display:flex;gap:17px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px;color:#566780}.contact-steps span{font-size:14px;color:var(--blue);font-weight:650}.email{display:inline-flex;align-items:center;gap:35px;color:var(--blue);font-weight:600;font-size:17px;margin-top:15px}
form{padding:33px;background:#f6f8fc;border:1px solid #dce3ee;border-radius:12px}.form-eyebrow{font-size:14px;letter-spacing:1.3px;color:#738299;font-weight:650;margin-bottom:12px}form h3{font-size:23px;letter-spacing:-.7px;margin-bottom:22px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-row>div{min-width:0}label{display:block;font-size:14px;font-weight:600;margin:17px 0 7px}.form-row label{margin-top:0}label>span{color:#8a96a8}label .optional{font-weight:400}input,select{width:100%;min-width:0;border:1px solid #c7d2e2;border-radius:5px;background:#fff;color:var(--ink);font-size:14px;padding:12px;min-height:44px}input::placeholder{color:#8590a2}input:hover,select:hover{border-color:#9aaed0}form .button{width:100%;margin-top:24px;justify-content:space-between;font-size:14px;padding:15px 18px}.form-disclosure{display:block;font-size:14px;color:#748297;line-height:1.7;margin-top:15px}#form-status{font-size:14px;color:var(--blue);line-height:1.7;margin:12px 0 0}#form-status:empty{display:none}
.family{display:flex;align-items:flex-start;justify-content:space-between;gap:40px;padding-block:60px}.family .brand{font-size:34px}.family p{font-size:14px;margin:20px 0 0;color:#748196}.family-links{display:grid;grid-template-columns:1fr 1fr;gap:14px 65px}.family-links>span{grid-column:span 2;font-size:14px;letter-spacing:1.5px;font-weight:600;color:#748196;margin-bottom:7px}.family-links a{font-size:14px;display:flex;gap:25px;justify-content:space-between;color:#586d8c}.family-links a:hover{color:var(--blue)}
footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-block:25px;font-size:14px;color:#738097}footer p{margin:0;color:inherit}footer a:hover{text-decoration:underline}
.legal{max-width:800px;padding-block:60px}.legal h1{font-size:54px;letter-spacing:-2px}.legal h2{font-size:25px;letter-spacing:-.7px;margin-top:35px}.legal a{color:var(--blue)}body>header.wrap{display:flex;align-items:center;justify-content:space-between;padding-block:30px;border-bottom:1px solid var(--line)}
@media(min-width:1500px){.hero{gap:65px;padding-block:95px 105px}}
@media(max-width:1100px){.wrap{width:calc(100% - 56px)}nav{gap:20px}.hero{gap:32px;padding-block:60px 75px}h1{font-size:65px;letter-spacing:-3.8px}.hero-lead{font-size:18px}.hero-description{font-size:14px}.hero-actions{gap:18px}.hero-actions .button{padding:15px 19px}.control-visual{padding-left:0;padding-right:0}.decision-card{padding:16px;right:-8px}.console-body{padding:20px 18px}.console-title h2{font-size:19px}.console-metrics>div{padding:12px 8px}.console-metrics span{font-size:14px}.control-layout{gap:65px}.control-intro h2{font-size:44px}.scenario-panel{gap:45px;padding:35px}.scenario-diagram{padding:25px 20px}.contact-layout{gap:55px}.faq-section{gap:65px}.risk-grid{gap:24px}.risk h3{font-size:23px}}
@media(max-width:850px){nav{gap:16px}nav>a:not(.button){font-size:14px}.brand{font-size:32px}.brand>span{font-size:14px;margin-left:11px;padding-left:11px}.button.small{padding:11px 13px;gap:12px;font-size:14px}.hero{gap:23px}h1{font-size:53px;letter-spacing:-3px}.hero-lead{font-size:17px}.hero-description{font-size:14px}.hero-actions{align-items:flex-start;gap:16px;flex-direction:column}.hero-note{font-size:14px}.eyebrow{font-size:14px;letter-spacing:1.3px}.control-visual{padding-top:35px;padding-bottom:52px}.console-body{padding:18px 14px}.console-title h2{font-size:17px}.console-metrics span{font-size:14px}.console-metrics strong{font-size:25px}.endpoint strong{font-size:14px}.endpoint small{font-size:14px}.endpoint{gap:7px}.pill{font-size:14px;padding:3px 5px}.device-icon{width:20px;height:16px}.decision-card{right:-8px;gap:9px;padding:13px}.decision-card strong{font-size:14px}.decision-card div>span{font-size:14px}.decision-icon{width:30px;height:34px}.decision-icon svg{width:23px}.visual-label{font-size:14px;letter-spacing:1px}.context-strip>.wrap{flex-wrap:wrap;gap:17px 30px}.context-strip p{flex:1 0 100%;font-size:14px}.context-strip p br{display:none}.context-strip>.wrap>span{font-size:14px}.section{padding-block:75px}.risk-grid{gap:20px}.risk h3{font-size:21px}.risk p{font-size:14px}.risk-bottom{font-size:14px}.step-index{font-size:14px;letter-spacing:1px}.risk svg{width:27px}.control-layout{gap:40px;padding-block:70px}.control-intro h2{font-size:37px}.control-intro>p:not(.eyebrow){font-size:14px}.control-intro .button{font-size:14px;padding:14px 17px;gap:20px}.capability-list h3{font-size:20px}.capability-list p{font-size:14px}.capability-list article{gap:15px;padding:23px 0}.horizontal{gap:35px!important}.horizontal .intro{max-width:270px;font-size:14px}.scenario-panel{gap:30px;padding:28px}.scenario-copy h3{font-size:25px}.scenario-copy>p{font-size:14px}.scenario-diagram{padding:20px 15px}.diagram-node{padding:12px 10px;column-gap:8px}.diagram-node strong{font-size:14px}.diagram-node small{font-size:14px}.diagram-result{font-size:14px;padding:12px 8px}.diagram-status{font-size:14px}.solutions article{padding:29px}.solutions h3{font-size:28px}.solutions p{font-size:14px}.faq-section{grid-template-columns:.7fr 1.3fr;gap:45px}.faq-list summary{font-size:14px}.contact-layout{gap:35px;grid-template-columns:.9fr 1.1fr}.contact-copy h2{font-size:51px}.contact-copy .lead{font-size:16px}form{padding:25px}.form-row{grid-template-columns:1fr;gap:0}.form-row>div+div label{margin-top:17px}form h3{font-size:21px}.contact-steps li{font-size:14px}}
@media(max-width:680px){html{scroll-padding-top:85px}.wrap{width:calc(100% - 40px)}.header-inner{min-height:74px;flex-wrap:wrap;position:relative;gap:0}.brand{font-size:33px}.brand>span{font-size:14px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;align-items:center;width:42px;height:42px;background:none;border:1px solid #c8d2e2;border-radius:5px}.menu-toggle span{display:block;width:18px;height:1.5px;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.75px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}nav{width:100%;display:flex;flex-wrap:wrap;padding:14px 0 20px;gap:15px 20px}nav>a:not(.button){font-size:14px}.js nav{display:none}.js nav.is-open{display:flex}nav .button{width:100%;justify-content:space-between;margin-top:4px}.hero{grid-template-columns:minmax(0,1fr);padding-block:42px 55px;gap:25px}h1{font-size:clamp(52px,10.8vw,72px);letter-spacing:-3px;line-height:1.03;margin-bottom:24px}.hero .eyebrow{font-size:14px;margin-bottom:23px;letter-spacing:1.2px}.hero-lead{font-size:19px;max-width:470px}.hero-description{font-size:14px;max-width:465px}.hero-actions{flex-direction:row;align-items:center;gap:22px}.hero-actions .button{font-size:14px;padding:15px 19px;gap:20px}.hero-actions .text-link{font-size:14px}.hero-note{font-size:14px}.control-visual{max-width:480px;width:100%;margin-inline:auto;padding:35px 9px 64px}.visual-label{font-size:14px;letter-spacing:1.2px}.console-body{padding:23px 21px}.console-title h2{font-size:21px}.console-metrics>div{padding:13px 10px}.console-metrics span{font-size:14px}.console-metrics strong{font-size:29px}.console-metrics small{font-size:14px}.endpoint strong{font-size:14px}.endpoint small{font-size:14px}.endpoint{gap:10px;padding-block:14px}.pill{font-size:14px}.device-icon{width:24px;height:18px}.console-log strong{font-size:14px}.console-log small{font-size:14px}.decision-card{right:0;bottom:24px;padding:16px 20px;gap:12px}.decision-card strong{font-size:14px}.decision-card div>span{font-size:14px}.decision-icon{width:36px;height:40px}.visual-caption{bottom:-7px;font-size:14px}.context-strip>.wrap{display:grid;grid-template-columns:1fr 1fr;gap:15px 25px;padding-block:25px}.context-strip p{grid-column:span 2;font-size:14px;margin-bottom:3px}.context-strip p br{display:initial}.context-strip>.wrap>span{font-size:14px}.section{padding-block:65px}h2{font-size:37px;letter-spacing:-1.7px;line-height:1.15}.intro{font-size:15px}.section-heading{margin-bottom:35px}.risk-grid{grid-template-columns:minmax(0,1fr);gap:33px}.risk h3{font-size:25px}.risk p{font-size:14px;max-width:500px;margin-bottom:22px}.risk-bottom{font-size:14px}.risk-top{margin-bottom:16px}.step-index{font-size:14px}.risk svg{width:30px;height:30px}.problem-takeaway{gap:15px;margin-top:35px}.problem-takeaway p{font-size:14px}.control-layout{grid-template-columns:minmax(0,1fr);padding-block:60px;gap:45px}.control-intro h2{font-size:44px}.control-intro>p:not(.eyebrow){font-size:14px;max-width:500px}.control-signature{margin-top:30px}.capability-list article{gap:20px;padding-block:25px}.capability-list h3{font-size:23px}.capability-list p{font-size:14px;max-width:500px}.section-heading.horizontal{display:block}.horizontal .intro{max-width:500px;font-size:14px;margin-top:22px}.scenario-tabs{gap:0;justify-content:space-between}.scenario-tabs button{font-size:14px;gap:7px;padding-block:14px;line-height:1.5}.scenario-tabs button span{display:none}.scenario-panel{grid-template-columns:minmax(0,1fr);gap:28px;padding:27px 23px;min-height:0}.scenario-copy h3{font-size:29px}.scenario-copy>p{font-size:14px}.scenario-copy .scope-note{font-size:14px}.scenario-copy .text-link{font-size:14px}.scenario-diagram{padding:23px}.diagram-node strong{font-size:14px}.diagram-node small{font-size:14px}.diagram-result{font-size:14px;padding:14px 10px}.diagram-status{font-size:14px}.solutions{grid-template-columns:minmax(0,1fr);gap:20px}.solutions article{padding:29px}.solutions h3{font-size:30px}.solutions p{font-size:14px}.solutions ul{font-size:14px}.faq-section{grid-template-columns:minmax(0,1fr);gap:25px}.faq-section>div>p:not(.eyebrow){max-width:none}.faq-section h2 br{display:none}.faq-list summary{font-size:14px;padding-block:23px}.faq-list details p{font-size:14px}.contact-layout{grid-template-columns:minmax(0,1fr);gap:40px}.contact-copy h2{font-size:56px}.contact-copy .lead{font-size:17px;max-width:450px}.contact-steps{max-width:none}.contact-steps li{font-size:14px}.email{font-size:18px}form{padding:28px 23px}.form-row{grid-template-columns:1fr 1fr;gap:15px}.form-row>div+div label{margin-top:0}form h3{font-size:24px}.form-disclosure{font-size:14px}.family{flex-direction:column;gap:30px;padding-block:45px}.family-links{gap:13px 55px;width:100%;max-width:400px}.family p{font-size:14px}footer{display:grid;grid-template-columns:1fr 1fr;font-size:14px;gap:12px;padding-block:25px}footer>span{grid-column:1/-1;grid-row:2}footer>a:first-of-type{text-align:right}footer>a:last-child{grid-column:2;grid-row:2;text-align:right}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}h1{font-size:49px}.hero-lead{font-size:17px}.hero-actions{gap:15px}.hero-actions .button{padding:14px 15px;font-size:14px}.hero-actions .text-link{font-size:14px;gap:7px}.brand>span{margin-left:9px;padding-left:9px}.console-body{padding:18px 14px}.console-metrics span{font-size:14px}.endpoint strong{font-size:14px}.endpoint small{font-size:14px}.decision-card{padding:14px}.decision-card strong{font-size:14px}.decision-card div>span{font-size:14px}.form-row{grid-template-columns:1fr;gap:0}.form-row>div+div label{margin-top:17px}h2{font-size:32px}.control-intro h2{font-size:38px}.scenario-tabs button{font-size:14px}}
.approval-demo{position:relative;background:#e9eef9;border:1px solid #dce4f3;padding:26px;border-radius:22px;min-width:0;box-shadow:inset 0 0 0 7px #f0f3fa}
.demo-product-name{display:flex;align-items:center;gap:9px;margin:0 0 27px;color:var(--ink)}
.demo-product-name>svg{width:25px;height:28px;color:var(--blue);flex-shrink:0;stroke-width:1.7}
.demo-product-name strong{font-size:16px;font-weight:680;letter-spacing:-.4px}
.demo-product-name>span{margin-left:auto;color:#5c6d86;font-size:14px;letter-spacing:1px;border:1px solid #bdcce3;border-radius:4px;padding:4px 7px}
.assistant-request{display:flex;align-items:center;gap:12px;margin:0 8px 20px}
.assistant-avatar{display:grid;place-items:center;background:#17263d;color:#fff;width:43px;height:43px;border-radius:12px;font-size:15px;letter-spacing:-.5px;flex-shrink:0}
.assistant-request div>span{font-size:14px;letter-spacing:1.1px;font-weight:600;color:#5d6f8c}
.assistant-request p{font-size:14px;font-weight:550;color:#233651;letter-spacing:-.2px;margin:2px 0 0}
.access-card{background:#fff;border:1px solid #d7e0ef;border-radius:15px;box-shadow:0 18px 35px #26406c0d;overflow:hidden}
.document-preview{display:flex;align-items:center;gap:12px;padding:23px 26px;border-bottom:1px solid #e7edf5;background:#fafbfe}
.document-preview>svg{width:30px;height:37px;color:#5e7ab1;flex-shrink:0;stroke-width:1.3}
.document-preview div{min-width:0;flex:1}.document-preview strong{display:block;font-size:14px;font-weight:650;color:#273950;letter-spacing:-.2px}
.document-preview div>span{display:block;font-size:14px;color:#63728a;margin-top:3px}
.file-lock{display:grid;place-items:center;background:#edf2fb;color:#3e62a5;width:30px;height:32px;border-radius:7px;flex-shrink:0}.file-lock svg{width:17px;height:21px}
.access-copy{padding:27px 28px 12px}.access-eyebrow{display:block;color:var(--blue);font-size:14px;letter-spacing:1.4px;font-weight:700;margin-bottom:12px}
.access-copy h2{font-size:38px;line-height:1.1;letter-spacing:-1.6px;margin-bottom:15px}.access-copy p{max-width:360px;font-size:14px;line-height:1.7;margin-bottom:10px}
.demo-actions{display:none;grid-template-columns:1fr 1fr;gap:12px;padding:0 28px 24px}.js .demo-actions{display:grid}
.demo-choice{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;border:1px solid #c8d3e4;border-radius:7px;background:white;color:#364b69;font-size:14px;font-weight:600;transition:background .2s,border-color .2s,box-shadow .2s}
.demo-choice>span{font-size:20px;line-height:1;font-weight:400}.demo-choice.approve{background:var(--blue);color:white;border-color:var(--blue)}.demo-choice.deny:hover{background:#fff3ec;border-color:#bc734a}.demo-choice.approve:hover{background:var(--blue-dark)}.demo-choice[aria-pressed="true"]{box-shadow:0 0 0 3px #cfdbf5}.demo-choice.deny[aria-pressed="true"]{background:#fff2e9;border-color:#bc734a;box-shadow:0 0 0 3px #f8e4d9}
.demo-feedback{display:flex;align-items:center;gap:8px;background:#f4f7fc;border-top:1px solid #e4eaf4;min-height:49px;padding:12px 22px;transition:background .2s}
.demo-feedback p{margin:0;font-size:14px;color:#536883;line-height:1.6}.demo-status-icon{width:7px;height:7px;border:1px solid #8096b6;border-radius:50%;flex-shrink:0}
.demo-feedback[data-state="approved"]{background:#edf6f1}.demo-feedback[data-state="approved"] p{color:#276044}.demo-feedback[data-state="approved"] .demo-status-icon{background:#367d59;border-color:#367d59}
.demo-feedback[data-state="denied"]{background:#fcf1e8}.demo-feedback[data-state="denied"] p{color:#805531}.demo-feedback[data-state="denied"] .demo-status-icon{background:#a16a37;border-color:#a16a37}
#demo-reset{border:0;background:none;padding:4px 0;color:#435b7e;text-decoration:underline;font-size:14px;margin-left:auto;line-height:1.5}
.demo-caption{color:#526684;font-size:14px;line-height:1.7;text-align:center;margin:21px 0 2px}.diagram-connector{display:block;align-self:center;width:1px;height:28px;padding:0;background:#c9d4e7;font-size:0}
@media(max-width:1100px) and (min-width:681px){.approval-demo{padding:20px}.demo-product-name{gap:7px}.demo-product-name strong{font-size:14px}.demo-product-name>span{font-size:14px;padding:3px 5px;letter-spacing:.5px}.assistant-request{margin-inline:3px}.assistant-request p{font-size:14px}.document-preview{padding:19px 20px;gap:9px}.document-preview strong{font-size:14px}.document-preview div>span{font-size:14px}.access-copy{padding:23px 22px 12px}.access-copy h2{font-size:34px}.demo-actions{padding:0 22px 22px}.demo-feedback{padding:12px 17px}.demo-feedback p{font-size:14px}}
@media(max-width:850px) and (min-width:681px){.approval-demo{padding:16px}.demo-product-name{flex-wrap:wrap;margin-bottom:22px}.demo-product-name strong{font-size:14px}.demo-product-name>span{margin-left:34px;margin-top:-8px}.assistant-request p{font-size:14px}.assistant-request div>span{font-size:14px}.assistant-avatar{width:34px;height:34px;font-size:14px}.document-preview{padding:17px 15px;gap:8px}.document-preview>svg{width:24px}.document-preview strong{font-size:14px}.document-preview div>span{font-size:14px}.file-lock{width:24px;height:28px}.access-copy{padding:22px 18px 10px}.access-copy h2{font-size:30px}.access-copy p{font-size:14px}.demo-actions{padding:0 18px 20px;gap:8px}.demo-choice{font-size:14px}.demo-feedback{flex-wrap:wrap}.demo-feedback p{font-size:14px}.demo-caption{font-size:14px}}
@media(max-width:680px){.approval-demo{width:100%;max-width:480px;margin:15px auto 0;padding:22px;border-radius:17px}.demo-product-name strong{font-size:15px}.demo-product-name>span{font-size:14px;letter-spacing:.6px}.demo-product-name{gap:7px;margin-bottom:25px}.assistant-request{margin-inline:1px;gap:10px}.assistant-request p{font-size:14px}.document-preview{padding:20px;gap:10px}.document-preview strong{font-size:14px}.document-preview div>span{font-size:14px}.access-copy{padding:25px 23px 10px}.access-copy h2{font-size:37px}.access-copy p{font-size:14px}.demo-actions{padding:0 23px 23px}.demo-feedback{padding:12px 17px}.demo-feedback p{font-size:14px}.demo-caption{font-size:14px}footer>span{grid-column:1/-1;grid-row:3}}
@media(max-width:360px){.approval-demo{padding:16px}.demo-product-name strong{font-size:14px}.demo-product-name>span{font-size:14px;letter-spacing:.4px}.demo-product-name>svg{width:22px}.assistant-request p{font-size:14px}.assistant-request div>span{font-size:14px}.document-preview{padding:17px 14px;gap:8px}.document-preview strong{font-size:14px}.document-preview div>span{font-size:14px}.file-lock{width:25px}.access-copy{padding:23px 20px 10px}.access-copy h2{font-size:32px}.demo-actions{padding-inline:20px;gap:9px}.demo-feedback{padding-inline:14px;gap:6px}.demo-feedback p{font-size:14px}}
/* Secondary actions have a visible button boundary across all sections. */
.text-link.button-secondary{justify-content:center;min-height:48px;max-width:100%;padding:13px 20px;border:1px solid #9bb2df;border-radius:7px;background:#fff;color:var(--blue);font-size:14px;font-weight:650;line-height:1.5;text-align:center;white-space:normal;transition:background .2s,border-color .2s}
.text-link.button-secondary:hover{background:#eaf0ff;border-color:var(--blue)}
.hero-actions .button-secondary{min-height:54px;padding:15px 20px}
.solutions .button-secondary{align-self:flex-start;margin-top:auto}
.scenario-copy .button-secondary{margin-top:5px}
.family-links a,.email{text-decoration:underline;text-underline-offset:4px;text-decoration-color:#b8c6dc}
/* Static control-room opening; gate animation and section reveals honor reduced motion. */
.site-header{background:#182b43f2;border-bottom-color:#ffffff14;box-shadow:0 5px 24px #02091918}
.site-header .brand{color:#fff}.site-header .brand>span{color:#9bbaff;border-color:#ffffff29}.site-header nav>a:not(.button){color:#c8d3e7}.site-header nav>a:hover{color:#fff}.site-header .menu-toggle{border-color:#ffffff30}.site-header .menu-toggle span{background:#eaf1ff}
.hero-stage{position:relative;isolation:isolate;overflow:hidden;background:#192e48;color:#f5f8ff}
.hero-stage:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 600px 500px at 50% 50%,#2458d329,transparent 80%),radial-gradient(ellipse at 90% 20%,#2867c325,transparent 55%),radial-gradient(ellipse at 0% 100%,#2458d321,transparent 55%)}
.hero-stage:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#a8c9ff08 1px,transparent 1px),linear-gradient(90deg,#a8c9ff08 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse at 65% 40%,#000,transparent 80%)}
.hero-stage .hero{position:relative;gap:65px;padding-block:72px 80px}.hero-stage .eyebrow{color:#94b9ff}.hero-stage .status-dot{background:#72abff;box-shadow:0 0 0 4px #518bff16,0 0 14px #5595ff80}
.hero-stage h1{color:#f5f8ff;font-weight:650}.hero-stage h1>span{color:#8caeff;background:linear-gradient(110deg,#6696ff,#a4c5ff 70%,#88ceec);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero-stage .hero-lead{color:#d9e3f4}.hero-stage .hero-lead strong{color:#fff}.hero-stage .hero-description{color:#a9b9d1}.hero-stage .hero-note{color:#a2b4cf}
.button{position:relative;overflow:hidden;background:linear-gradient(130deg,#346df2,#2458d3);box-shadow:0 6px 20px #2458d320;transition:background .2s,transform .2s,box-shadow .2s}
.button:before{content:"";position:absolute;inset:-25% auto -25% -65%;width:35%;transform:skewX(-22deg);background:#ffffff22;transition:left .55s;pointer-events:none}
.button:hover{box-shadow:0 10px 30px #2458d340}.button:hover:before{left:135%}.button.light{background:#fff}
.hero-stage .button-secondary{color:#d7e5ff;background:#ffffff05;border-color:#6684b080;box-shadow:none}.hero-stage .button-secondary:hover{color:#fff;background:#ffffff10;border-color:#9ab8ec}
.approval-demo{background:#203752dc;border-color:#668ac747;box-shadow:inset 0 0 0 6px #ffffff02,0 24px 75px #00000035,0 0 65px #326cff10;border-radius:20px;backdrop-filter:none;transform:none;transition:transform .45s cubic-bezier(.2,.7,.2,1)}

.demo-product-name{margin-bottom:15px}.demo-product-name strong{color:#f2f7ff;font-weight:600}.demo-product-name>svg{color:#8ab5ff}.demo-product-name>span{color:#a1b5d3;border-color:#7795c347;background:#ffffff04}
.gate-scene{position:relative;display:grid;grid-template-columns:1fr 100px 1fr;align-items:center;gap:10px;min-height:200px;margin:10px -5px 18px;isolation:isolate}
.gate-track{position:absolute;left:12%;right:12%;top:82px;height:1px;background:repeating-linear-gradient(90deg,#6689be55 0,#6689be55 5px,transparent 5px,transparent 10px);z-index:-1}
.access-packet{position:absolute;left:0;top:-3px;width:7px;height:7px;border-radius:50%;background:#80aaff;box-shadow:0 0 15px #699dff;animation:attempt-entry 4.6s ease-in-out infinite}
.gate-agent,.gate-vault{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1;align-self:center;padding-top:3px}
.agent-orb{display:grid;place-items:center;width:59px;height:59px;border:1px solid #7198db80;background:#172c4c;border-radius:16px;box-shadow:0 0 25px #407cff22;animation:agent-approach 4.6s ease-in-out infinite}
.agent-orb svg{width:37px;height:37px;color:#b5d0ff;stroke-width:1.4}.agent-orb svg circle{fill:#aacdff;stroke:none}
.gate-agent strong,.gate-vault strong{font-size:14px;font-weight:550;color:#d5e3f7;margin-top:12px}.gate-agent small,.gate-vault small{font-size:14px;color:#9bb0cf;margin-top:2px}
.access-gate{display:flex;flex-direction:column;align-items:center;align-self:center;position:relative;perspective:500px}
.gate-frame{width:77px;height:113px;padding:5px;border:1px solid #54739d;background:#0a1425;box-shadow:0 0 0 4px #0c172a,0 0 35px #ff765f18;position:relative;border-radius:7px 7px 2px 2px}
.gate-frame:after{content:"";position:absolute;bottom:-4px;left:-12px;right:-12px;height:4px;background:#344c6e;border-radius:3px}
.gate-door{position:relative;display:grid;place-items:center;width:100%;height:100%;transform-origin:left center;background:linear-gradient(100deg,#28364e,#18243a);border:1px solid #9e635b88;border-radius:3px;transition:transform .65s cubic-bezier(.2,.7,.2,1),border-color .35s;box-shadow:inset 0 0 20px #ff786a0c}
.gate-bars{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 12px,#6b829126 13px,#6b829126 14px)}
.gate-door>svg{position:relative;width:34px;height:39px;color:#ffa894;stroke-width:1.6;filter:drop-shadow(0 0 7px #ff9f7f40)}
.gate-word{position:absolute;top:36px;left:50%;transform:translateX(-50%);display:grid;place-items:center;font-size:14px;letter-spacing:2px;font-weight:750;border:1px solid #f8947c77;color:#ffc2ad;background:#2b1e26f5;padding:6px 10px;border-radius:5px;box-shadow:0 0 22px #fa806126;animation:stop-pulse 4.6s ease-in-out infinite;transition:background .3s,color .3s,border-color .3s}
.gate-name{font-size:14px;letter-spacing:1.1px;color:#a1b4d1;margin-top:14px;font-weight:550;white-space:nowrap}
.vault-icon{display:grid;place-items:center;width:59px;height:59px;border:1px solid #5277aa5e;border-radius:16px;background:#14263e;box-shadow:0 0 28px #2468bd12}.vault-icon svg{width:37px;height:37px;color:#8faed7;stroke-width:1.3}
.gate-scene[data-state="approved"] .gate-door{transform:rotateY(-76deg);border-color:#8ac9ab88}.gate-scene[data-state="approved"] .gate-word{background:#12362b;color:#a6ebc9;border-color:#6fcda880;animation:none;box-shadow:0 0 25px #55b88825}.gate-scene[data-state="approved"] .access-packet{background:#94e7bf;box-shadow:0 0 15px #7ed4a9;animation-name:permitted-entry}.gate-scene[data-state="approved"] .agent-orb{border-color:#85c9a888;box-shadow:0 0 25px #61bb8c22;animation:none}.gate-scene[data-state="denied"] .gate-frame{box-shadow:0 0 0 4px #0c172a,0 0 35px #ff765f26}.gate-scene[data-state="denied"] .gate-word{background:#492521;color:#ffccb9;border-color:#ef8d6c}
.access-card{background:#122139;border-color:#5e80b23b;box-shadow:none;border-radius:12px}.document-preview{background:#192b45;border-color:#7690b524;padding:17px 22px}.document-preview strong{color:#edf4ff}.document-preview div>span{color:#acbdd5}.document-preview>svg{color:#9fc3ff;width:27px;height:32px}.file-lock{background:#8faede16;color:#acd0ff}
.access-copy{padding:22px 24px 9px}.access-eyebrow{color:#8fb7fb;font-size:14px;letter-spacing:1.3px;margin-bottom:10px}.access-copy h2{font-size:28px;line-height:1.14;letter-spacing:-.9px;color:#f5f8ff;margin-bottom:12px}.access-copy p{color:#b6c6dd;font-size:14px;line-height:1.7;margin-bottom:10px}
.demo-actions{padding:0 24px 22px}.demo-choice{background:#ffffff04;border-color:#6e8cb85e;color:#c3d4ed;min-height:45px}.demo-choice.approve{background:#3169e9;border-color:#4f84f9;box-shadow:0 5px 20px #0a173444}.demo-choice.deny:hover,.demo-choice.deny[aria-pressed="true"]{background:#623d342e;color:#ffcab9;border-color:#ce927a;box-shadow:none}.demo-choice.approve:hover{background:#477ff2}.demo-choice[aria-pressed="true"]{box-shadow:0 0 0 3px #75a0ef30}
.demo-feedback{background:#0b182c;border-color:#6687b331;padding:12px 19px;min-height:46px}.demo-feedback p{color:#a8bddb;font-size:14px}.demo-status-icon{border-color:#9bb5dc}.demo-feedback[data-state="approved"]{background:#12332b}.demo-feedback[data-state="approved"] p{color:#b0e7ca}.demo-feedback[data-state="denied"]{background:#3d2625}.demo-feedback[data-state="denied"] p{color:#f4c7b8}#demo-reset{color:#c8daf6}.demo-caption{color:#9eb3d2;font-size:14px;margin-top:17px}
.context-strip{border-top-color:#607da333;border-bottom-color:#e0e6f0}.context-strip>.wrap{padding-block:28px}
.audience-strip{background:linear-gradient(110deg,#fff,#f0f5ff)}
.audience-strip>.wrap{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,96px);min-height:108px;padding-block:18px}
.audience-strip p{margin:0;grid-column:auto;font-size:17px;line-height:1.5;color:#5c6879;letter-spacing:-.2px}
.audience-strip p br{display:initial}.audience-strip strong{color:#152338;font-weight:600}
.audience-display{min-width:0;padding:12px 18px;border-left:1px solid #d7e2f4;border-radius:0 7px 7px 0}
.audience-display:focus-visible{outline:2px solid #2458d3;outline-offset:4px}
.audience-label{display:block;margin-bottom:5px;font-size:12px;font-weight:600;letter-spacing:.8px;color:#5d7395}
.audience-rotator{display:flex;flex-wrap:wrap;gap:6px 18px;min-width:0}
.audience-item{font-size:14px;line-height:1.5;font-weight:550;color:#2458d3}
.audience-strip.is-rotating .audience-rotator{display:block;position:relative;height:38px;overflow:hidden;perspective:500px}
.audience-strip.is-rotating .audience-item{position:absolute;inset:0 auto auto 0;max-width:100%;font-size:24px;line-height:38px;letter-spacing:-.5px;white-space:nowrap;animation:audience-turn var(--audience-duration,48s) cubic-bezier(.25,.65,.3,1) infinite;animation-delay:var(--audience-delay,0s)}
.audience-display:focus-within .audience-item{animation-play-state:paused}
@media(hover:hover){.audience-display:hover .audience-item{animation-play-state:paused}}
@keyframes audience-turn{0%,6%{opacity:1;transform:translateY(0) rotateX(0)}8%,98%{opacity:0;transform:translateY(-65%) rotateX(30deg)}98.1%{opacity:0;transform:translateY(65%) rotateX(-30deg)}100%{opacity:1;transform:translateY(0) rotateX(0)}}
@media(max-width:680px){.audience-strip>.wrap{grid-template-columns:minmax(0,1fr);gap:12px;padding-block:20px}.audience-strip p{grid-column:auto;font-size:16px}.audience-display{padding:8px 14px}.audience-strip.is-rotating .audience-item{font-size:clamp(18px,5.4vw,23px)}}
@media(prefers-reduced-motion:reduce){.audience-strip.is-rotating .audience-rotator{display:flex;flex-wrap:wrap;height:auto;overflow:visible}.audience-strip.is-rotating .audience-item{position:static;font-size:14px;line-height:1.5;white-space:normal}}
.risk{background:#fff;border:1px solid #dce4f0;border-radius:14px;padding:25px;transition:transform .3s,box-shadow .3s,border-color .3s;position:relative;overflow:hidden}.risk:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#2458d3,#8bb4ff);opacity:0;transition:opacity .3s}.risk:hover{transform:translateY(-6px);box-shadow:0 18px 40px #1c345b0b;border-color:#b9ccec}.risk:hover:before{opacity:1}.risk h3{font-size:24px}.risk p{font-size:14px}.risk-bottom{font-size:14px;color:#69778c}
.control-section{background:radial-gradient(ellipse at 0% 0%,#4268a04d,transparent 70%),#1d334e}.capability-list article{transition:background .25s,padding .25s}.capability-list article:hover{background:#ffffff03;padding-left:10px}.control-signature{opacity:.9}
.scenario-panel{box-shadow:0 15px 50px #233d6505;border-color:#d8e1ef}.scenario-tabs button{transition:color .2s,border-color .2s}.diagram-node{transition:transform .25s,box-shadow .25s}.diagram-node:hover{transform:translateY(-3px);box-shadow:0 8px 20px #2c528b10}
.solutions article{border-radius:15px;transition:transform .3s,box-shadow .3s,border-color .3s}.solutions article:hover{transform:translateY(-6px);box-shadow:0 20px 45px #30528512;border-color:#8baae3}.faq-list summary{transition:color .2s}.faq-list summary:hover{color:var(--blue)}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease var(--reveal-delay,0ms),transform .65s cubic-bezier(.2,.65,.3,1) var(--reveal-delay,0ms)}.reveal.is-visible{opacity:1;transform:translateY(0)}
@keyframes agent-approach{0%,15%,100%{transform:translateX(0)}40%,60%{transform:translateX(9px)}72%{transform:translateX(3px)}}
@keyframes attempt-entry{0%,15%{left:0;opacity:0}22%{opacity:1}48%,62%{left:40%;opacity:1}75%,100%{left:25%;opacity:0}}
@keyframes permitted-entry{0%,10%{left:0;opacity:0}20%{opacity:1}85%{left:96%;opacity:1}100%{left:100%;opacity:0}}
@keyframes stop-pulse{0%,35%,80%,100%{box-shadow:0 0 15px #fa80611c}48%,62%{box-shadow:0 0 30px #fa806155}}
@media(max-width:1100px){.hero-stage .hero{gap:34px;padding-block:60px 70px}.gate-scene{grid-template-columns:1fr 86px 1fr;gap:5px;min-height:180px;margin-bottom:14px}.gate-track{top:73px}.gate-frame{width:69px;height:103px}.gate-word{top:32px;font-size:14px}.agent-orb,.vault-icon{width:52px;height:52px}.gate-agent strong,.gate-vault strong{font-size:14px}.gate-agent small,.gate-vault small{font-size:14px}.access-copy h2{font-size:26px}.risk{padding:22px}.risk h3{font-size:22px}}
@media(max-width:850px) and (min-width:681px){.hero-stage .hero{gap:24px}.gate-scene{grid-template-columns:1fr 76px 1fr;gap:0;min-height:170px}.gate-frame{width:62px;height:96px}.gate-track{top:68px}.gate-word{top:29px;font-size:14px;padding:5px 8px}.agent-orb,.vault-icon{width:44px;height:44px;border-radius:12px}.agent-orb svg,.vault-icon svg{width:30px;height:30px}.gate-agent strong,.gate-vault strong{font-size:14px}.gate-agent small,.gate-vault small{font-size:14px}.gate-name{font-size:14px;letter-spacing:.7px}.access-copy h2{font-size:23px}.access-copy p{font-size:14px}.risk{padding:19px}.risk h3{font-size:20px}}
@media(max-width:680px){.hero-stage .hero{padding-block:45px 55px;gap:22px}.approval-demo{margin-top:10px;padding:22px}.hero-stage h1{font-size:clamp(52px,10.8vw,72px)}.hero-stage .hero-actions{gap:12px}.hero-stage .button-secondary{min-height:48px;padding:13px 16px}.gate-scene{grid-template-columns:1fr 90px 1fr;min-height:185px;gap:5px}.gate-track{top:75px}.gate-frame{width:70px;height:106px}.gate-word{top:33px;font-size:14px}.agent-orb,.vault-icon{width:49px;height:49px;border-radius:13px}.gate-agent strong,.gate-vault strong{font-size:14px}.gate-agent small,.gate-vault small{font-size:14px}.gate-name{font-size:14px;letter-spacing:.8px}.access-copy{padding:22px 20px 9px}.access-copy h2{font-size:27px}.access-copy p{font-size:14px}.demo-actions{padding:0 20px 20px}.document-preview{padding:18px}.demo-feedback{padding:12px 15px}.risk{padding:25px}.risk h3{font-size:25px}.risk p{font-size:14px}.risk-bottom{font-size:14px}.solutions .button-secondary{width:100%}}
@media(max-width:360px){.hero-stage h1{font-size:49px}.approval-demo{padding:16px}.gate-scene{grid-template-columns:1fr 76px 1fr;gap:0;min-height:174px}.gate-frame{width:62px;height:98px}.gate-track{top:70px}.gate-word{top:29px;font-size:14px}.gate-agent strong,.gate-vault strong{font-size:14px}.gate-agent small,.gate-vault small{font-size:14px}.agent-orb,.vault-icon{width:44px;height:44px}.gate-name{font-size:14px;letter-spacing:.7px}.document-preview{padding:15px 12px}.access-copy{padding:21px 17px 9px}.access-copy h2{font-size:24px}.demo-actions{padding-inline:17px}.demo-feedback p{font-size:14px}.hero-stage .button-secondary{padding:13px 15px;font-size:14px}}
/* Original transparent logo. Only its empty canvas is framed by CSS. */
.logo-art{position:relative;display:inline-block;flex-shrink:0;width:38.88px;height:56px;overflow:hidden;vertical-align:middle;line-height:0}
.logo-art>img{position:absolute;display:block;width:278.26087%;height:auto;max-width:none;left:-95.65217%;top:-41.50943%}
.brand.brand-official{align-items:center;gap:12px;white-space:nowrap;letter-spacing:0;font-size:20px;line-height:1.2}
.brand-official>.logo-art{align-self:center;width:34.72px;height:50px;border:0;margin:0;padding:0;background:none;border-radius:0}
.brand-official>.brand-name{font-size:21px;letter-spacing:-.6px;font-weight:650;color:inherit;line-height:1.2}
.brand-name>span{font-size:15px;font-weight:500;letter-spacing:-.2px;color:#617ea9;margin-left:4px}
.site-header .brand-name>span{color:#a5c0f1}
.family .brand.brand-official{font-size:20px}.family .brand-official>.logo-art{width:38.88px;height:56px}
.demo-product-name>.logo-art{width:25px;height:36px;margin:0;padding:0;border:0;border-radius:0;background:none;letter-spacing:0;font-size:0;line-height:0}
.control-signature .signature-logo{width:33.33px;height:48px}
.node-blue .node-symbol.logo-art{width:27.78px;height:40px;border:0;border-radius:0;background:transparent;justify-self:center;font-size:0;line-height:0}
@media(max-width:850px){.brand-official>.brand-name{font-size:19px}.brand-name>span{font-size:14px}.brand.brand-official{gap:9px}.brand-official>.logo-art{width:31.25px;height:45px}}
@media(max-width:680px){.brand-official>.brand-name{font-size:19px}.brand-name>span{font-size:14px}.brand-official>.logo-art{width:31.25px;height:45px}.demo-product-name>.logo-art{width:23.61px;height:34px}}
@media(max-width:360px){.brand.brand-official{gap:8px}.brand-official>.brand-name{font-size:18px}.brand-name>span{font-size:14px;margin-left:3px}.demo-product-name>.logo-art{width:22.22px;height:32px}}
.trademark{font-size:.48em;font-weight:500;letter-spacing:0;line-height:0;vertical-align:super}
.brand .brand-name>.trademark{position:relative;top:-.06em;font-size:.46em;margin:0 0 0 2px;letter-spacing:0}
.demo-product-name .trademark,.diagram-node .trademark{margin-left:1px}
.hero-stage .hero .eyebrow{font-size:14px;letter-spacing:1.35px;line-height:1.65;color:#abc6ff}
@media(max-width:680px){.hero-stage .hero .eyebrow{max-width:330px;font-size:14px;letter-spacing:1.15px;align-items:baseline}}
.trust-badges{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:23px}
.trust-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid #718db044;border-radius:6px;background:#ffffff04;color:#ccd9ed;font-size:14px;line-height:1.5;white-space:nowrap}
.trust-badge svg{width:15px;height:17px;color:#a1c5b9;flex-shrink:0}
.german-flag{display:inline-block;width:17px;height:12px;border:1px solid #ffffff26;border-radius:2px;background:linear-gradient(#151515 0 33.333%,#d04d50 33.333% 66.666%,#e5ba54 66.666%);flex-shrink:0}
@media(max-width:680px){.trust-badges{gap:8px;margin-top:20px}.trust-badge{font-size:14px;padding:7px 9px}}
@keyframes hero-arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){
  .hero-copy>*{animation:hero-arrive .7s cubic-bezier(.2,.65,.3,1) backwards}
  .hero-copy>:nth-child(2){animation-delay:.06s}
  .hero-copy>:nth-child(3){animation-delay:.12s}
  .hero-copy>:nth-child(4){animation-delay:.18s}
  .hero-copy>:nth-child(5){animation-delay:.24s}
  .hero-copy>:nth-child(6){animation-delay:.30s}
  .hero-copy>:nth-child(7){animation-delay:.36s}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.approval-demo:hover{transform:translateY(-5px)}}
/* Secondary copy remains readable even at the smaller display sizes. */
.hero-note,.visual-caption,.form-disclosure,.form-eyebrow,.visual-label,.mini-label,.console-metrics span,.console-metrics small,.console-list-title,.endpoint small,.console-log small,.decision-card div>span,.diagram-node small,.solution-label,.family p,.family-links>span,footer{color:var(--muted)}
input::placeholder{color:#65748a}
/* Balanced typography and fluid layout; supporting labels stay readable without dominating. */
.wrap{width:calc(100% - 2 * clamp(20px,3vw,64px));max-width:none}
.hero-stage .hero{grid-template-columns:1.08fr 1fr;gap:clamp(32px,5vw,96px);padding-block:56px 64px}
.hero-copy{max-width:760px}.hero-description{max-width:600px}
.approval-demo{max-width:none}
.section{padding-block:clamp(54px,5vw,84px)}
.hero-description,.risk p,.problem-takeaway p,.control-intro>p:not(.eyebrow),.capability-list p,.horizontal .intro,.scenario-copy>p,.solutions p,.solutions ul,.faq-section>div>p:not(.eyebrow),.faq-list summary,.faq-list details p,.contact-steps li,.access-copy p{font-size:15px;line-height:1.65}
input,select{font-size:15px;line-height:1.5}
.button,.button.small,.hero-actions .button,.hero-actions .text-link,.text-link.button-secondary,.scenario-copy .button-secondary,.solutions .button-secondary,form .button,.demo-choice{font-size:14px;line-height:1.5}
.hero-stage .button-secondary{font-size:14px}.hero-actions .button,.hero-actions .button-secondary{min-height:48px;padding:13px 18px}
.hero-stage .hero .eyebrow{font-size:12px;letter-spacing:1px;max-width:100%}.eyebrow{font-size:12px;color:#4f6689}
.diagram-node strong,.document-preview strong{font-size:14px;line-height:1.45}
.diagram-node small{font-size:13px;color:#536680;line-height:1.5}
.diagram-status{font-size:13px;color:#4b6390;line-height:1.5;margin-left:0;grid-column:2}
.diagram-result{display:grid;grid-template-columns:7px minmax(0,1fr);column-gap:10px;row-gap:3px;font-size:14px;line-height:1.5}
.diagram-node{grid-template-columns:40px minmax(0,1fr)}.diagram-node strong,.diagram-node small{min-width:0;overflow-wrap:anywhere}
.scenario-diagram{min-width:0}.scenario-tabs{gap:24px}.scenario-tabs button{font-size:14px;line-height:1.45;text-align:left}
.risk-bottom{font-size:13px;line-height:1.6}
.hero-note,.demo-caption,.control-signature p,.form-disclosure{font-size:12px;line-height:1.6}
.form-eyebrow,.solution-label,.step-index{font-size:12px;letter-spacing:.7px}
label{font-size:13px}label>span{color:#5f6f86}.stage-badge,.trust-badge,.scenario-copy .scope-note{font-size:12px;line-height:1.6}
.demo-product-name{flex-wrap:wrap;row-gap:8px}.demo-product-name strong{font-size:15px}.demo-product-name>span:not(.logo-art){font-size:12px;letter-spacing:.4px;margin-top:0}
.gate-agent,.gate-vault{min-width:0;text-align:center}.gate-agent strong,.gate-vault strong{font-size:13px;line-height:1.5;max-width:100%}.gate-agent small,.gate-vault small{font-size:12px;line-height:1.5;max-width:100%}
.gate-scene{align-items:start;min-height:198px;padding-top:8px}.access-gate{align-self:start}.gate-agent,.gate-vault{align-self:start;padding-top:20px}
.gate-name{font-size:12px;letter-spacing:.1px;line-height:1.4;white-space:normal;text-align:center;max-width:100px}.gate-word{font-size:13px}
.access-eyebrow{display:block;font-size:12px;line-height:1.6;letter-spacing:.7px}.document-preview div>span{font-size:12px;line-height:1.6}.document-preview strong{overflow-wrap:anywhere}
.demo-feedback{flex-wrap:wrap}.demo-feedback p,#demo-reset{font-size:12px}.demo-caption{margin-top:15px}
.family{align-items:center;gap:24px;padding-block:23px}
.family .brand.brand-official{gap:9px}.family .brand-official>.logo-art{width:25px;height:36px}.family .brand-official>.brand-name{font-size:18px}.family .brand-name>span{font-size:13px}
.family p{max-width:none;margin:6px 0 0;font-size:12px;line-height:1.5}
.family-links{display:flex;align-items:center;flex-wrap:wrap;gap:10px 24px;width:auto;max-width:none}
.family-links>span{grid-column:auto;font-size:12px;line-height:1.5;letter-spacing:.7px;margin:0 6px 0 0}
.family-links a{font-size:13px;line-height:1.5}
footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 20px;padding-block:14px;font-size:12px;line-height:1.5}
footer>p,footer>span{flex-basis:auto;order:0}footer>a{font-size:12px}
@media(max-width:1100px){.scenario-panel{gap:30px;padding:28px}.scenario-diagram{padding:20px 16px}.family-links{gap:10px 18px}}
@media(max-width:1000px){
  html{scroll-padding-top:90px}.header-inner{min-height:78px;flex-wrap:wrap;gap:0}
  .menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;align-items:center;width:44px;height:44px;border:1px solid #ffffff30;border-radius:5px;background:none}
  .menu-toggle span{display:block;width:18px;height:1.5px;background:#eaf1ff;transition:transform .2s}
  .menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.75px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}
  #main-nav{width:100%;flex-wrap:wrap;padding:14px 0 20px;gap:16px 24px;font-size:14px}#main-nav>a:not(.button){font-size:14px}#main-nav .button{min-height:44px}
  .js #main-nav{display:none}.js #main-nav.is-open{display:flex}
  .hero-stage .hero{grid-template-columns:minmax(0,1fr);gap:32px}.hero-copy{max-width:760px}.approval-demo{width:100%;max-width:700px;margin-inline:0}
  .scenario-panel{grid-template-columns:minmax(0,1fr);gap:28px}.scenario-diagram{max-width:none;width:100%;justify-self:stretch;padding:24px}
  .control-layout{gap:40px}.family{gap:22px}.family-links>span{flex-basis:100%}
}
@media(max-width:680px){
  .wrap{width:calc(100% - 40px)}.header-inner{min-height:74px}.hero-stage .hero{padding-block:38px 44px}.hero-stage .hero-actions{gap:12px}.hero-actions .button,.hero-stage .button-secondary{padding:13px 16px}
  .approval-demo{max-width:none}.demo-product-name>span:not(.logo-art){margin-left:0}.gate-scene{grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr);gap:8px;margin-inline:0;min-height:220px}.gate-track{left:10%;right:10%}
  .gate-name{max-width:90px}.document-preview{padding:16px 15px;gap:9px}.document-preview>svg{width:23px}.file-lock{width:24px}
  .access-copy{padding:20px 18px 8px}.demo-actions{padding:0 18px 18px}.demo-feedback{padding:12px 16px}
  .scenario-tabs{flex-wrap:wrap;gap:0 18px;justify-content:flex-start}.scenario-tabs button{font-size:14px;padding-block:13px}
  .scenario-panel{padding:24px 18px}.scenario-diagram{padding:18px 14px}.diagram-node{padding:14px 10px;column-gap:9px}
  .form-row{grid-template-columns:1fr;gap:0}.form-row>div+div label{margin-top:17px}form{padding:26px 20px}form .button{padding-inline:14px}input,select{font-size:16px}
  .family{align-items:flex-start;gap:14px;padding-block:20px}.family p{display:none}.family-links{gap:8px 18px;width:100%}.family-links>span{display:none}
  footer{align-items:center;column-gap:12px}footer>p{flex:1 1 auto}footer>span{flex-basis:100%;order:1}footer>a{font-size:12px}
}
@media(max-width:360px){
  .approval-demo{padding:15px}.gate-scene{grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr);gap:4px}.gate-name{max-width:76px}
  .gate-frame{width:60px}.gate-word{padding-inline:7px;letter-spacing:1px}.demo-choice{gap:7px}.access-copy{padding-inline:15px}.demo-actions{padding-inline:15px}
  .demo-product-name strong{font-size:15px}.scenario-panel{padding-inline:14px}.diagram-node{grid-template-columns:32px minmax(0,1fr);column-gap:8px}.node-symbol{width:30px;height:34px}
}
/* Compact illustrative agent queue; no service or product connection. */
.scenario-panel{grid-template-columns:minmax(0,1fr) minmax(0,480px);gap:clamp(28px,5vw,80px);align-items:center}
.ai-checkpoint{position:relative;isolation:isolate;width:100%;max-width:480px;justify-self:end;align-self:center;padding:24px;display:flex;flex-direction:column;background:linear-gradient(145deg,#f8faff,#edf3fc);border:1px solid #dce6f6;border-radius:16px}
.ai-checkpoint:focus-visible{outline:2px solid #2458d3;outline-offset:5px}
.checkpoint-context{display:flex;flex-direction:column;gap:3px;margin:0 0 17px;padding-bottom:13px;border-bottom:1px solid #dce5f4;line-height:1.5}
.checkpoint-context strong{font-size:14px;font-weight:600;color:#243b5e}.checkpoint-context>span{font-size:12px;color:#647793}
.checkpoint-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;font-size:12px;color:#5f7393}
.checkpoint-status{display:inline-flex;align-items:center;padding:4px 9px;line-height:1.5;border:1px solid #c5d7d0;border-radius:20px;background:#eaf5ee;color:#2b684d;font-size:12px}
.ai-checkpoint[data-phase="waiting"] .checkpoint-status{background:#f6f0e6;border-color:#dfd0b6;color:#806139}
.ai-checkpoint[data-phase="checking"] .checkpoint-status{background:#e8efff;border-color:#bfd0f2;color:#335da8}
.ai-queue{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;width:100%;max-width:350px;align-self:center}
.queue-agent{min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px;padding:9px 3px 8px;border:1px solid #dce4f1;border-radius:11px;background:#ffffffb8;text-align:center}
.queue-agent strong{font-size:13px;line-height:1.4;font-weight:600;letter-spacing:-.1px;color:#344662}.queue-label{font-size:12px;line-height:1.4;color:#6a7a92;min-height:17px}
.queue-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;flex-shrink:0;border:1px solid #cadaed;color:#446289;background:#eef3fa}
.queue-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.agent-gpt{color:#277769;background:#e8f5ef;border-color:#c7e5d9}.agent-claude{color:#b06b4b;background:#fbefe5;border-color:#ecd7c8}.agent-gemini{color:#6a69bd;background:#efedff;border-color:#d8d6f8}.agent-grok{color:#3b4659;background:#edf0f5;border-color:#d4dce6}
.queue-agent.is-current{background:#f6f9ff;border-color:#92b1ef}.queue-agent.is-current .queue-label{color:#315eac}
.ai-checkpoint[data-phase="approved"] .queue-agent.is-current{background:#f1f9f5;border-color:#93c7af}.ai-checkpoint[data-phase="approved"] .queue-agent.is-current .queue-label{color:#2d7655}
.queue-lane{position:relative;height:32px;flex-shrink:0;--door-offset:max(28px,calc((100% - 330px)/2 + 28px))}
.queue-lane::before{content:"";position:absolute;right:calc(var(--door-offset) + 3px);top:0;bottom:0;width:2px;background:#c9d9f4}
.queue-token{position:absolute;right:var(--door-offset);top:0;z-index:3;width:8px;height:10px;border-radius:5px;background:#477bef;opacity:0;box-shadow:0 0 0 3px #477bef0b}
.blina-check{display:flex;align-items:center;gap:9px;align-self:center;width:100%;max-width:330px;padding:14px 12px;border:1px solid #9fb8ed;background:#fff;border-radius:12px;box-shadow:0 6px 18px #345f9e09}
.blina-check>.logo-art{width:25px;height:36px}.blina-check>div{min-width:0;flex:1}.blina-check strong{display:block;font-size:14px;line-height:1.4;font-weight:650;letter-spacing:-.3px;color:#244579}.blina-check small{display:block;margin-top:3px;font-size:12px;line-height:1.45;color:#657994}
.checkpoint-door{position:relative;display:block;width:32px;height:46px;flex:0 0 32px;border:1px solid #7495cb;border-radius:5px;background:#eaf1ff;perspective:150px}
.checkpoint-door-panel{position:absolute;inset:2px;z-index:2;display:grid;place-items:center;background:linear-gradient(110deg,#e2eaff,#f4f7ff);border:1px solid #93aee0;border-radius:3px;transform-origin:left center;transition:transform .55s ease}
.checkpoint-door-panel>svg{width:20px;height:23px;fill:none;stroke:#5076b6;stroke-width:1.5}
.checkpoint-open-mark{position:absolute;inset:0;display:grid;place-items:center;font-size:18px;color:#2f8760;opacity:0}
.checkpoint-scan{position:absolute;left:2px;right:2px;top:3px;height:2px;border-radius:3px;background:#5988ec;opacity:0}
.ai-checkpoint[data-phase="approved"] .checkpoint-door-panel{transform:rotateY(-74deg)}.ai-checkpoint[data-phase="approved"] .checkpoint-open-mark{opacity:1}
.checkpoint-outcome{align-self:center;width:100%;max-width:330px;min-height:76px;padding-top:15px;text-align:center}
.checkpoint-verdict{display:block;font-size:14px;line-height:1.5;font-weight:550;color:#526985}
.ai-checkpoint[data-phase="approved"] .checkpoint-verdict{color:#2f7252}
.oversight-badge{display:inline-flex;align-items:center;justify-content:center;gap:5px;margin-top:8px;padding:5px 9px;border:1px solid #b8dac8;border-radius:20px;background:#eaf6ef;color:#316d51;font-size:12px;line-height:1.5;visibility:hidden}
.oversight-badge svg{width:14px;height:16px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5}
.ai-checkpoint[data-phase="approved"] .oversight-badge{visibility:visible}
.ai-checkpoint .diagram-result{display:flex;align-items:center;flex-wrap:wrap;gap:5px 8px;align-self:center;width:100%;max-width:330px;margin-top:10px;padding:12px 0 0;border:0;border-top:1px solid #d8e3f4;border-radius:0;background:none;font-size:13px;line-height:1.5;color:#3d5e92}
.ai-checkpoint .diagram-result .status-dot{width:5px;height:5px;box-shadow:none}.ai-checkpoint .diagram-status{margin-left:auto;font-size:12px;line-height:1.5;color:#647a9b}
.diagram-caption{align-self:center;max-width:370px;margin:15px 0 0;font-size:12px;line-height:1.5;color:#5b7091;text-align:center}
#contact-title{font-size:clamp(38px,3.9vw,60px);line-height:1.12}
.contact-copy .lead{max-width:none;line-height:1.65}
@media(prefers-reduced-motion:no-preference){
  .ai-checkpoint[data-animated="true"] .queue-agent.is-current .queue-icon{animation:queue-agent-active 1.8s ease-in-out infinite var(--checkpoint-play-state,running)}
  .ai-checkpoint[data-animated="true"][data-phase="waiting"] .queue-token{animation:queue-token-wait 1.5s ease-in-out infinite var(--checkpoint-play-state,running)}
  .ai-checkpoint[data-animated="true"][data-phase="checking"] .queue-token{animation:queue-token-check 1.5s ease-in-out infinite var(--checkpoint-play-state,running)}
  .ai-checkpoint[data-animated="true"][data-phase="checking"] .checkpoint-scan{animation:queue-scan 1.2s ease-in-out infinite var(--checkpoint-play-state,running)}
  .ai-checkpoint[data-animated="true"][data-phase="approved"] .queue-token{animation:queue-token-pass 1.6s ease-in-out both var(--checkpoint-play-state,running)}
}
.ai-checkpoint[data-paused="true"],.ai-checkpoint:is(:hover,:focus-within){--checkpoint-play-state:paused}
@keyframes queue-agent-active{0%,100%{box-shadow:0 0 0 0 #386de600}50%{box-shadow:0 0 0 4px #386de612}}
@keyframes queue-token-wait{0%,100%{opacity:.35;transform:translateY(0)}50%{opacity:.8;transform:translateY(6px)}}
@keyframes queue-token-check{0%,100%{opacity:.6;transform:translateY(6px)}50%{opacity:1;transform:translateY(20px)}}
@keyframes queue-scan{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(29px)}}
@keyframes queue-token-pass{0%{opacity:1;transform:translateY(0);background:#477bef}82%{opacity:1;transform:translateY(108px);background:#48a17a}100%{opacity:0;transform:translateY(122px);background:#48a17a}}
@media(max-width:1000px){.scenario-panel{grid-template-columns:minmax(0,1fr)}.ai-checkpoint{justify-self:start;max-width:480px}}
@media(max-width:680px){.ai-checkpoint{padding:18px 16px;border-radius:13px}.ai-queue{gap:6px}.queue-agent{padding-inline:2px}.checkpoint-context{margin-bottom:13px}.checkpoint-outcome{min-height:76px}.blina-check{padding:12px 9px;gap:7px}}
@media(max-width:360px){.ai-checkpoint{padding:16px 12px}.queue-icon{width:34px;height:34px}.queue-agent strong{font-size:13px}.blina-check>.logo-art{width:22.22px;height:32px}.blina-check{padding-inline:7px}.blina-check strong{font-size:14px}.blina-check small{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Selettore di lingua (18.10.2026) */
.lang-switch{display:inline-flex;align-items:center;gap:2px;font-size:14px;font-weight:600}
.lang-switch a{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;padding:0 6px;border-radius:5px;color:#c8d3e7;transition:color .2s,background-color .2s}
.lang-switch a:hover{color:#fff}
.lang-switch a[aria-current="page"]{color:#fff;background:#ffffff1f}
.lang-switch a:focus-visible{outline:2px solid #9bbaff;outline-offset:2px}
@media(max-width:1000px){.lang-switch{flex-basis:100%;gap:6px}.lang-switch a{min-width:44px;min-height:44px;border:1px solid #ffffff24}}
/* Tedesco: titolo d'apertura al 90% (parole lunghe), 18.10.2026 */
html[lang="de"] .hero-stage h1{font-size:clamp(49.5px,4.95vw,72px)}
@media(max-width:1100px){html[lang="de"] .hero-stage h1{font-size:58.5px}}
@media(max-width:850px){html[lang="de"] .hero-stage h1{font-size:47.7px}}
@media(max-width:680px){html[lang="de"] .hero-stage h1{font-size:clamp(46.8px,9.72vw,64.8px)}}
@media(max-width:360px){html[lang="de"] .hero-stage h1{font-size:44.1px}}
/* Modulo con invio diretto (18.10.2026): campo trappola invisibile, esito colorato */
.honey{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden;opacity:0}
#form-status[data-state="sent"]{color:#1f7a4d;font-weight:600}
#form-status[data-state="error"]{color:#b4232a;font-weight:600}
.form-disclosure a{text-decoration:underline}
