:root{--brand:#0A6ED1;--deep:#073C92;--accent:#4DA3FF;--page-bg:#050910;--surface:#101A29;--text:#F4F7FF;--muted:#A7B7D0;--line:#254062;--radius:9px;--page-font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;color:var(--text);background:var(--page-bg);font-family:var(--page-font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #9FD4FF;outline-offset:4px}button{cursor:pointer}::selection{background:#357DC7;color:white}.skip-link{position:fixed;z-index:1000;left:16px;top:-80px;padding:10px;background:#fff;color:#111}.skip-link:focus{top:8px}img{max-width:100%}
.site-header{position:fixed;inset:0 0 auto;z-index:50;height:80px;display:flex;align-items:center;gap:24px;padding:0 max(4vw,28px);border-bottom:1px solid rgba(215,230,255,.14);background:rgba(3,12,31,.56);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:background .2s}.site-header.scrolled{background:rgba(4,10,20,.95)}.brand{display:inline-flex;align-items:center;gap:12px;min-width:228px}.brand img{width:31px;height:36px;flex:none}.brand strong{display:block;font-size:21px;letter-spacing:-.075em;font-weight:730;line-height:1.1}.brand small{display:block;color:#b5d0f7;font-size:10px;letter-spacing:.06em;line-height:1.8}.main-nav{display:flex;gap:27px;align-items:center;margin-left:auto}.main-nav a{font-size:12px;color:#cfdbef;transition:color .2s}.main-nav a:hover,.header-link:hover{color:white}.header-actions{display:flex;align-items:center;gap:18px;margin-left:22px}.header-link{color:#d1def1;font-size:12px;white-space:nowrap}.header-link span{margin-left:4px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:22px;border:1px solid rgba(229,240,255,.75);padding:17px 23px;min-height:50px;font-size:12px;letter-spacing:.015em;font-weight:690;line-height:1;white-space:nowrap;transition:background .2s,border-color .2s,transform .2s;color:white;background:transparent;border-radius:0}.button:hover{transform:translateY(-2px);border-color:#fff}.button-solid{background:#f5f8ff;color:#06215a;border-color:#f5f8ff}.button-solid:hover{background:#bed8ff}.button-outline{border-style:dashed}.button-small{min-height:35px;padding:10px 13px;font-size:11px;background:white;color:#0c2650;border:0}.menu-toggle{display:none;margin-left:auto;padding:10px;background:none;border:none;width:42px;height:42px;flex-direction:column;justify-content:center;gap:5px}.menu-toggle span{height:2px;width:22px;background:#fff}
.site-section{position:relative;padding:var(--section-pt,100px) max(4vw,28px) var(--section-pb,100px);background:var(--section-bg,var(--page-bg));color:var(--section-fg,var(--text));font-size:var(--section-font,100%);overflow:hidden;isolation:isolate}.site-section.tone-light{--section-bg:#eef3fa;--section-fg:#142440}.site-section.tone-blue{--section-bg:var(--deep);--section-fg:#fff}.site-section.align-center{text-align:center}.site-section.align-right{text-align:right}.section-inner{position:relative;z-index:2;max-width:1370px;margin:0 auto;transform:translate(var(--section-dx,0),var(--section-dy,0))}.width-normal .section-inner{max-width:1120px}.width-narrow .section-inner{max-width:900px}.eyebrow{font:600 11px/1.4 var(--mono);letter-spacing:.085em;text-transform:uppercase;color:#8dbcfb;margin:0 0 24px}.eyebrow-tag{display:inline-block;color:#fff;background:rgba(5,13,32,.7);border-left:2px solid #7fc1ff;padding:7px 11px;font-size:10px}.section-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.68fr);gap:6vw;align-items:start;margin-bottom:57px}.section-intro .eyebrow{grid-column:1/-1;margin-bottom:-26px}.section-intro h2{margin:0;font-size:clamp(36px,4.5vw,69px);font-weight:550;letter-spacing:-.07em;line-height:1.09;max-width:800px}.section-intro p.section-sub{font-size:clamp(16px,1.2vw,19px);line-height:1.65;color:var(--muted);margin:6px 0 0;max-width:540px}.tone-light .section-intro p.section-sub{color:#4f6685}.section-intro-large h2{font-size:clamp(46px,5.5vw,89px)}
.section-hero{background:linear-gradient(112deg,#0b4aa2 0%,#063381 39%,#08285e 75%,#050d23 100%);min-height:780px;padding-top:172px;padding-bottom:116px}.section-hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(3,23,61,.78) 0%,rgba(4,30,76,.5) 37%,rgba(4,14,33,.16) 70%),linear-gradient(0deg,rgba(0,0,0,.17),transparent 30%);pointer-events:none}.hero-grid,.wave-grid{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.26;background-image:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),rgba(217,239,255,.14) calc(25% - 1px),rgba(217,239,255,.14) 25%)}.hero-inner{display:grid;grid-template-columns:1.07fr .93fr;gap:4vw;align-items:center;max-width:1470px;min-height:460px}.hero-copy{max-width:900px;position:relative;z-index:3}.hero-copy .eyebrow{margin-bottom:22px}.hero-copy h1{font-size:clamp(68px,8.7vw,142px);line-height:.91;margin:0;letter-spacing:-.09em;font-weight:560;max-width:920px;text-wrap:balance}.hero-lead{font-size:clamp(17px,1.47vw,22px);line-height:1.45;letter-spacing:-.025em;color:#d0e1fb;max-width:660px;margin:37px 0 36px}.button-row{display:flex;flex-wrap:wrap;gap:12px}.hero-visual{position:relative;z-index:2;min-height:325px;border:1px solid rgba(196,226,255,.45);background:linear-gradient(155deg,rgba(8,42,106,.72),rgba(5,17,49,.7));box-shadow:0 30px 90px rgba(1,14,39,.4);backdrop-filter:blur(7px);align-self:center;margin-top:66px}.hero-visual-head,.hero-visual-foot{padding:15px 19px;display:flex;justify-content:space-between;align-items:center;color:#a8c9f7;font:11px var(--mono);letter-spacing:.025em}.hero-visual-head{border-bottom:1px dashed rgba(191,216,255,.24)}.hero-visual-foot{border-top:1px dashed rgba(191,216,255,.24)}.live-led{width:8px;height:8px;background:#73f6c8;box-shadow:0 0 11px #70e8c5;border-radius:50%}.hero-visual-track{display:grid;grid-template-columns:1fr 110px 1fr;gap:6px;align-items:center;padding:27px 19px;min-height:227px}.hero-data{min-width:0}.hero-data>span{color:#aac8ee;display:block;font:10px var(--mono);letter-spacing:.07em;margin-bottom:16px}.hero-data code{display:block;border:1px solid rgba(244,133,134,.34);background:rgba(143,45,61,.15);padding:9px 9px;font:11px var(--mono);color:#ffd1d8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px}.hero-data.clean code{border-color:rgba(90,243,191,.35);background:rgba(23,128,99,.12);color:#aaf3dd}.hero-gate{color:#d1e9ff;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}.hero-gate svg{width:47px;height:52px}.hero-gate strong{font-size:17px;letter-spacing:-.06em}.hero-gate small{font:9px var(--mono);color:#aed4ff}.motion-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;display:block}.hero-canvas{z-index:0;opacity:.85}
.section-trustbar{border-block:1px solid #223854;padding-top:30px;padding-bottom:37px;background:#0c1625}.trust-caption{font:10px var(--mono);letter-spacing:.1em;color:#7fb8ff;margin-bottom:27px}.trust-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.trust-unit{display:flex;align-items:flex-start;gap:13px;border-left:1px dashed #344762;padding:0 22px}.trust-unit:first-child{padding-left:0;border:none}.trust-dot{width:7px;height:7px;flex:none;margin-top:5px;background:#4aa1ff;box-shadow:0 0 14px #1763a9}.trust-unit strong{display:block;font-size:14px;font-weight:600}.trust-unit small{display:block;color:#8da5c5;font-size:12px;margin-top:8px}
.site-section.section-intro{background:#060a12}.site-section.section-intro > .section-inner{display:grid;grid-template-columns:1.25fr .75fr;gap:7vw;align-items:end}.site-section.section-intro .section-intro{display:block;margin:0}.section-intro .section-intro .eyebrow{margin-bottom:30px}.section-intro .section-intro h2{font-size:clamp(52px,5.5vw,88px);line-height:1.03}.section-intro .section-intro p.section-sub{max-width:700px;margin-top:30px;font-size:18px}.statement-mark{color:#244a7a;font:550 clamp(39px,5vw,76px)/.95 var(--page-font);letter-spacing:-.08em;text-align:right}.statement-mark span{display:block}.statement-mark span:nth-child(2){color:#4378b0}.statement-mark span:last-child{color:#9ec7f6}.accent-dot{display:inline!important;color:#449eff}
.section-flow{background:radial-gradient(circle at 49% 48%,#0c1b34 0%,#060b14 65%)}.section-flow .section-intro{margin-bottom:36px}.flow-stage{height:510px;position:relative;background:#03070f;border:1px dashed #3c4b61;overflow:hidden}.flow-stage:before{content:"";position:absolute;inset:0;z-index:1;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(33.333% - 1px),rgba(174,198,229,.12) calc(33.333% - 1px),rgba(174,198,229,.12) 33.333%);pointer-events:none}.flow-canvas{opacity:.8}.flow-overlay{position:absolute;inset:0;z-index:3;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:3.5vw;padding:50px 3vw 70px}.flow-point{padding:21px 20px;background:rgba(5,14,29,.88);border:1px solid rgba(180,204,234,.34);min-width:0;box-shadow:0 20px 55px rgba(0,0,0,.16)}.flow-num{display:block;font:10px var(--mono);color:#85baff;margin-bottom:18px}.flow-point strong{font-size:22px;letter-spacing:-.04em;display:block}.flow-point small{display:block;color:#a8bddb;margin-top:8px;font-size:12px}.pii-sample{display:flex;flex-direction:column;gap:7px;margin-top:18px}.pii-sample span{font:11px var(--mono);background:rgba(143,36,59,.22);color:#ffbec7;padding:7px;border-left:2px solid #eb7890}.pii-sample.safe span{background:rgba(39,146,114,.17);color:#b1f0db;border-color:#4fd4a2}.flow-core{align-items:center;display:flex;flex-direction:column;text-align:center;padding:22px 15px;border-color:#71aeef;background:#0a2959;box-shadow:0 0 80px rgba(27,110,224,.22)}.flow-core .flow-num{margin-bottom:9px}.flow-core svg{height:69px;width:62px;color:#cbe5ff}.flow-core strong{font-size:26px}.flow-caption{position:absolute;bottom:0;z-index:3;left:0;right:0;border-top:1px dashed #233a59;color:#8ca5c6;background:#07101c;padding:13px 22px;font:10px var(--mono);letter-spacing:.05em}
.feature-grid{display:grid;grid-template-columns:repeat(var(--columns,4),minmax(0,1fr));gap:1px;border-top:1px solid #263d5b;border-left:1px solid #263d5b;background:#25374e}.feature-card{background:#0b1422;min-height:277px;padding:28px 25px 30px;transition:background .2s}.feature-card:hover{background:#0f233d}.feature-index{display:flex;justify-content:space-between;color:#79a9e3;font:11px var(--mono);margin-bottom:65px}.feature-index span{font-size:20px;line-height:0}.feature-card h3{font-size:24px;letter-spacing:-.05em;line-height:1.16;margin:0 0 16px;font-weight:550}.feature-card p{font-size:13.5px;color:#a4b4cb;line-height:1.7;margin:0}.section-features,.section-steps{background:#090f1a}
.section-wave{min-height:675px;padding-top:100px;padding-bottom:90px;background:linear-gradient(120deg,#0c4da5 0%,#123d8d 40%,#08142d 100%)}.wave-canvas{z-index:0}.wave-grid{z-index:1;opacity:.17}.wave-inner{position:relative;z-index:3;max-width:1370px;margin:0 auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;min-height:495px;pointer-events:none}.wave-inner>*{pointer-events:auto}.wave-inner h2{font-size:clamp(50px,5.25vw,84px);line-height:1.05;letter-spacing:-.07em;font-weight:520;max-width:850px;margin:12px 0 16px;text-wrap:balance}.wave-inner p:not(.eyebrow){font-size:20px;max-width:670px;color:#c6d8f5;line-height:1.4;margin:0 0 25px}.wave-inner .button{margin-top:8px}
.steps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.step{border-top:1px solid #567090;padding-top:22px;min-height:240px}.step-count{font:12px var(--mono);color:#82aff0}.step h3{font-size:23px;font-weight:550;letter-spacing:-.04em;margin:67px 0 12px}.step p{font-size:13px;line-height:1.6;color:#adbed7;max-width:260px}
.section-integrations{background:#0c1522}.section-integrations .feature-card{background:#13233a}.section-integrations .feature-card:hover{background:#1b3454}.section-governance{background:#050b13}.gov-stack{border-top:1px dashed #324a67}.gov-row{display:grid;grid-template-columns:160px 1fr 1.3fr 25px;gap:26px;align-items:center;border-bottom:1px dashed #324a67;padding:24px 12px}.gov-row strong{font-size:19px;letter-spacing:-.04em;font-weight:550}.gov-row p{font-size:13px;color:#9fb1c9;line-height:1.5}.gov-row>span:last-child{font-size:19px;color:#71acfc}.gov-state{font:10px var(--mono);letter-spacing:.04em;padding:8px 10px;border:1px solid #2865a3;color:#7fc0ff;justify-self:start}.state-1{color:#f7d08b;border-color:#7c6331}.state-2{color:#f1a8a8;border-color:#853c3c}.disclaimer{font-size:11px;color:#8399b5;margin:22px 0 0;font-family:var(--mono)}
.section-faq{background:#0b1320}.faq-list{max-width:950px;margin-left:auto}.faq-list details{border-bottom:1px solid #2d4662;padding:0}.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 6px;font-size:19px;letter-spacing:-.035em;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:29px;line-height:1;color:#7ab2f3}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:14px;line-height:1.7;color:#a7b9d2;max-width:770px;padding:0 6px 24px;margin:0}
.section-contact{background:linear-gradient(145deg,#082150,#050b16 58%);padding-top:112px;padding-bottom:130px}.contact-layout{display:grid;grid-template-columns:.95fr 1fr;gap:7vw}.contact-heading .section-intro{display:block;margin:0}.contact-heading .section-intro .eyebrow{margin-bottom:20px}.contact-heading .section-intro h2{font-size:clamp(47px,5vw,77px)}.contact-heading .section-intro p.section-sub{margin-top:25px;max-width:450px}.contact-detail{color:#a7c3e4;font-size:15px;margin-top:65px;max-width:400px;line-height:1.6}.contact-legend{font:10px var(--mono);letter-spacing:.035em;color:#6c9de0;margin-top:26px}.contact-form{background:rgba(8,21,43,.83);border:1px solid #38618c;padding:34px;box-shadow:0 25px 80px rgba(0,0,0,.22)}.contact-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form label{display:block;color:#d1e2f8;font:12px var(--mono);margin-bottom:18px}.contact-form input:not([type=checkbox]),.contact-form textarea{display:block;width:100%;margin-top:10px;border:1px solid #476489;border-radius:0;outline:none;padding:14px 15px;background:#091a31;color:#f4f8ff;font:14px var(--page-font);transition:border-color .2s}.contact-form input:focus,.contact-form textarea:focus{border-color:#8ac8ff}.contact-form textarea{resize:vertical;min-height:132px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#718aa8}.contact-form .consent{display:flex;gap:12px;align-items:flex-start;font:12px/1.55 var(--page-font);color:#a9bed8}.contact-form .consent input{width:17px;height:17px;margin:0;flex:none;accent-color:#4da3ff}.contact-form .consent a{text-decoration:underline}.contact-submit{width:100%;margin-top:8px}.form-honey{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}#contact-result{min-height:25px;font-size:13px;color:#b5f5d5;margin-top:13px}#contact-result.error{color:#ffbebe}
.site-footer{padding:60px max(4vw,28px) 25px;background:#03070d;border-top:1px dashed #28435f}.footer-top,.footer-bottom{display:flex;justify-content:space-between;gap:30px;max-width:1370px;margin:auto}.footer-top{padding-bottom:70px;align-items:start}.footer-brand{display:flex;align-items:center;gap:15px}.footer-brand strong{font-size:40px;font-weight:660;letter-spacing:-.09em}.footer-top p{color:#9cb8d9;font-size:13px}.footer-note{max-width:340px;text-align:right;font-size:21px!important;line-height:1.4}.footer-bottom{border-top:1px dashed #29435d;padding-top:22px;color:#7f92ab;font:11px var(--mono)}.footer-bottom div{display:flex;gap:24px}.footer-bottom a:hover{color:white}
.section-cta{background:linear-gradient(140deg,#123f87,#071b3f)}.cta-wrap{display:flex;justify-content:space-between;gap:38px;align-items:end}.cta-wrap .section-intro{margin:0}.cta-wrap .button{flex:none}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#2a4362;border:1px solid #2a4362}.metric{background:#0c192a;padding:36px;min-height:180px}.metric strong{font-size:33px;display:block;letter-spacing:-.05em}.metric span{color:#a8bbd3;font-size:13px;margin-top:22px;display:block}.big-quote{font-size:clamp(46px,6vw,100px);line-height:1.03;letter-spacing:-.07em;margin:0;max-width:1180px}.quote-by{font:12px var(--mono);color:#84b8f2;margin-top:30px}.image-split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}.image-split .section-intro{display:block}.image-frame{border:1px solid #2d4d73;min-height:370px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#071a34}.image-frame img{width:100%;height:auto;max-height:520px;object-fit:cover}.image-placeholder{font-size:52px;letter-spacing:-.09em;color:#7ab4fd}.image-placeholder span{font:12px var(--mono)}.comparison-table{border-top:1px solid #35516f}.comparison-head,.comparison-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;padding:23px 20px;border-bottom:1px solid #223b59}.comparison-head{font:11px var(--mono);color:#83b9ff}.comparison-row{font-size:14px}.comparison-row>span:nth-child(2){color:#e3adaf}.comparison-row>span:nth-child(3){color:#8cdfc0}.logo-text-strip{display:flex;gap:30px;flex-wrap:wrap;padding:28px 0;border-block:1px solid #2f4b69;margin-top:40px;color:#c4d8f3;font:14px var(--mono)}.design-divider{border-top:1px dashed #3c5674}.section-divider{padding-top:25px;padding-bottom:25px}
.legal{background:#07101d;color:white}.legal-main{max-width:840px;margin:0 auto;padding:95px 30px}.legal-main h1{font-size:clamp(44px,5vw,72px);letter-spacing:-.06em}.legal-copy{white-space:normal;line-height:1.85;color:#bac9dd}.back-link{display:inline-block;color:#87bbfc;margin-bottom:70px}.preview-banner{position:fixed;left:50%;transform:translateX(-50%);bottom:18px;z-index:100;font:11px var(--mono);padding:12px 18px;background:#081e3d;border:1px solid #87bfff;pointer-events:none;color:#fff}
@media(max-width:1220px){.main-nav{gap:16px}.brand{min-width:190px}.header-actions{margin-left:5px}.hero-inner{grid-template-columns:1fr .85fr}.hero-visual-track{grid-template-columns:1fr 78px 1fr;padding-inline:12px}.hero-gate svg{height:40px;width:38px}.hero-gate strong{font-size:14px}.hero-data code{font-size:9px;padding:8px 5px}.feature-card{padding:23px 20px}}
@media(max-width:980px){.site-header{height:72px}.main-nav{position:absolute;top:72px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;background:#06182f;border-bottom:1px solid #366093;margin:0;padding:20px 28px;gap:0}.main-nav.is-open{display:flex}.main-nav a{padding:13px 6px;font-size:14px}.menu-toggle{display:flex}.header-actions{margin-left:auto}.hero-inner{grid-template-columns:1fr}.hero-visual{margin-top:20px;max-width:630px}.section-hero{padding-top:148px}.hero-copy h1{font-size:clamp(65px,10vw,110px)}.section-inner{transform:none}.section-intro{grid-template-columns:1fr;gap:20px}.section-intro .eyebrow{margin-bottom:0}.section-intro p.section-sub{margin-top:4px}.section-intro .section-inner{grid-template-columns:1fr}.statement-mark{text-align:left}.flow-overlay{gap:10px;padding-inline:15px}.flow-point{padding:16px 10px}.flow-point strong{font-size:18px}.feature-grid{grid-template-columns:repeat(2,1fr)}.steps-grid{grid-template-columns:repeat(2,1fr)}.gov-row{grid-template-columns:125px 1fr 1fr 15px;gap:13px}.contact-layout{grid-template-columns:1fr}.contact-detail{margin-top:18px}.footer-top{padding-bottom:50px}}
@media(max-width:640px){.site-header{padding:0 18px}.brand{min-width:auto}.brand img{width:29px}.brand strong{font-size:19px}.brand small{font-size:8px}.header-actions .button{display:none}.header-actions{gap:8px;margin-left:auto}.header-link{font-size:11px}.site-section{padding-left:22px;padding-right:22px;--section-pt:75px!important;--section-pb:75px!important}.section-hero{padding-top:133px!important;padding-bottom:74px!important}.hero-copy h1{font-size:clamp(60px,13vw,88px)}.hero-lead{font-size:16px;margin:26px 0}.button-row .button{width:100%}.hero-visual{min-height:260px}.hero-visual-track{grid-template-columns:1fr 65px 1fr;padding:15px 10px;min-height:183px}.hero-data code{font-size:9px}.hero-gate strong{font-size:13px}.hero-gate small{font-size:8px}.hero-visual-foot,.hero-visual-head{font-size:9px;padding:10px}.trust-grid{grid-template-columns:1fr 1fr;gap:25px 12px}.trust-unit{padding:0 6px 0 10px}.trust-unit:nth-child(odd){border:none;padding-left:0}.trust-unit strong{font-size:12px}.trust-unit small{font-size:10px}.section-intro h2{font-size:clamp(40px,10vw,60px)}.section-intro .section-intro h2{font-size:44px}.section-intro{margin-bottom:35px}.section-intro-large h2{font-size:46px}.section-intro .section-inner{gap:30px}.section-intro .section-intro p.section-sub{font-size:16px}.statement-mark{font-size:42px}.flow-stage{height:auto;min-height:805px}.flow-overlay{position:relative;display:flex;flex-direction:column;padding:28px 18px 62px;gap:22px}.flow-point{width:100%;max-width:350px}.flow-core{max-width:250px;margin:0 auto}.flow-caption{font-size:8px;line-height:1.5}.flow-stage:before{background:none}.flow-canvas{opacity:.45}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:230px}.feature-index{margin-bottom:45px}.section-wave{min-height:635px}.wave-inner{min-height:480px}.wave-inner h2{font-size:clamp(44px,11vw,60px)}.wave-inner p:not(.eyebrow){font-size:16px}.steps-grid{grid-template-columns:1fr 1fr;gap:25px}.step{min-height:230px}.step h3{font-size:18px;margin-top:50px}.step p{font-size:12px}.gov-row{grid-template-columns:1fr 20px;gap:10px}.gov-row .gov-state,.gov-row strong,.gov-row p{grid-column:1}.gov-row>span:last-child{grid-column:2;grid-row:1}.contact-form{padding:22px}.contact-cols{grid-template-columns:1fr;gap:0}.contact-heading .section-intro h2{font-size:46px}.footer-top,.footer-bottom{flex-direction:column}.footer-note{text-align:left;margin:10px 0}.footer-bottom div{flex-wrap:wrap}.cta-wrap{flex-direction:column;align-items:flex-start}.metric-grid{grid-template-columns:1fr}.image-split{grid-template-columns:1fr}.comparison-head,.comparison-row{grid-template-columns:1fr;gap:8px}.comparison-head span:not(:first-child){display:none}.logo-text-strip{gap:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}.motion-canvas{opacity:.2!important}}.motion-disabled .motion-canvas{opacity:.14!important}

/* Individuelle Editor-Skalierung, Akzentfarbe und Karten-Override. */
.section-hero{--hero-size:clamp(68px,8.7vw,142px)}
.site-section .hero-copy h1{font-size:calc(var(--hero-size) * var(--section-scale,1))}
.site-section .section-intro h2{font-size:calc(clamp(36px,4.5vw,69px) * var(--section-scale,1))}
.site-section.section-intro .section-intro h2{font-size:calc(clamp(52px,5.5vw,88px) * var(--section-scale,1))}
.site-section .wave-inner h2{font-size:calc(clamp(50px,5.25vw,84px) * var(--section-scale,1))}
.site-section .feature-card h3{font-size:var(--item-title-size,calc(24px * var(--section-scale,1)))}
.site-section .step h3{font-size:var(--item-title-size,calc(23px * var(--section-scale,1)))}
.site-section .eyebrow{color:var(--section-accent,#8dbcfb)}
.site-section .eyebrow-tag{color:#fff}
.site-section .feature-index,.site-section .step-count{color:var(--section-accent,#79a9e3)}
.site-section[style*="--section-bg"]{background:var(--section-bg)!important}
@media(max-width:640px){.section-hero{--hero-size:clamp(60px,13vw,88px)}.site-section .section-intro h2{font-size:calc(clamp(40px,10vw,60px) * var(--section-scale,1))}.site-section .wave-inner h2{font-size:calc(clamp(44px,11vw,60px) * var(--section-scale,1))}}

/* SOVAIQ Gateway Convergence – standalone hero component, no library. */
.hero-gateway{position:relative;z-index:3;margin-top:66px;align-self:center;min-width:0;border:1px solid rgba(159,205,255,.45);background:var(--gateway-bg,#06132c);box-shadow:0 28px 72px rgba(1,11,32,.4);color:#f3f8ff;overflow:hidden}
.gateway-topline,.gateway-foot{position:relative;z-index:2;display:flex;gap:10px;align-items:center;justify-content:space-between;padding:13px 15px;font:9px/1.5 var(--mono);letter-spacing:.05em;color:#b4cff4}
.gateway-topline{border-bottom:1px dashed rgba(167,207,255,.26)}.gateway-foot{border-top:1px dashed rgba(167,207,255,.24);flex-wrap:wrap}
.gateway-foot span:last-child{color:#86cfec}.gateway-led{width:8px;height:8px;border-radius:50%;background:#62e9c1;box-shadow:0 0 10px #62e9c1}
.gateway-scene{height:var(--gateway-height,335px);position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 48% 50%,rgba(27,106,197,.19),transparent 59%)}
.gateway-scene::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.15;background:repeating-linear-gradient(90deg,transparent 0,transparent 25%,rgba(151,208,255,.25) calc(25% + 1px))}
.gateway-canvas{z-index:1;opacity:1}.gateway-node{position:absolute;top:50%;left:47%;transform:translate(-50%,-50%);z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 8px;min-width:110px;text-align:center;pointer-events:none;text-shadow:0 1px 8px #04142c,0 0 18px #061a42}
.gateway-node::before{content:"";position:absolute;z-index:-1;inset:-8px -10px;background:radial-gradient(ellipse,rgba(4,18,45,.98) 15%,rgba(4,18,45,.76) 64%,transparent 100%);border-radius:50%}
.gateway-shield{display:grid;place-items:center;width:32px;height:36px;margin-bottom:7px;border:1px solid var(--gateway-core,#84d9ff);background:rgba(6,33,74,.82);color:var(--gateway-core,#84d9ff);clip-path:polygon(50% 0,96% 20%,92% 66%,50% 100%,8% 66%,4% 20%);font-size:15px}
.gateway-node strong{font-size:19px;letter-spacing:-.06em;font-weight:740}.gateway-node small{display:block;max-width:130px;margin-top:5px;font:8px/1.45 var(--mono);letter-spacing:.02em;color:#b9dafa}
.gateway-label{position:absolute;bottom:20px;z-index:3;font:9px/1.4 var(--mono);letter-spacing:.035em;color:#d5eaff;text-shadow:0 1px 10px #07152b,0 0 5px #07152b;pointer-events:none}
.gateway-label b{display:inline-flex;align-items:center;justify-content:center;width:23px;height:20px;margin-right:5px;border:1px solid #6587b4;color:#aee1ff;font:10px var(--mono)}
.gateway-label-left{left:14px}.gateway-label-right{right:13px;text-align:right}
@media(max-width:980px){.hero-gateway{margin-top:20px;max-width:730px}.gateway-scene{height:min(var(--gateway-height,335px),370px)}}
@media(max-width:640px){.hero-gateway{margin-top:22px}.gateway-scene{height:min(var(--gateway-height,335px),260px)}.gateway-node{min-width:90px}.gateway-node strong{font-size:16px}.gateway-node small{font-size:7px}.gateway-label{bottom:12px;font-size:7px}.gateway-label b{width:18px;height:17px;font-size:8px}.gateway-topline,.gateway-foot{font-size:8px;padding:10px}}
@media(prefers-reduced-motion:reduce){.gateway-canvas{opacity:.9!important}}

/* Floating scroll-to-top – editable globally in Website Studio. */
.back-to-top{position:fixed;right:calc(var(--btt-right,24px) + env(safe-area-inset-right,0px));bottom:calc(var(--btt-bottom,24px) + env(safe-area-inset-bottom,0px));z-index:95;width:var(--btt-size,52px);height:var(--btt-size,52px);display:grid;place-items:center;border:1px solid rgba(255,255,255,.42);border-radius:8px;background:var(--btt-bg,#0a6ed1);color:var(--btt-fg,#fff);box-shadow:0 10px 30px rgba(0,0,0,.28);cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px);transition:opacity .18s ease,transform .18s ease,visibility .18s;}
.back-to-top.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.back-to-top.back-to-top-circle{border-radius:50%}.back-to-top.back-to-top-square{border-radius:2px}
.back-to-top:hover{filter:brightness(1.12)}.back-to-top:focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(max-width:640px){.back-to-top{right:calc(max(14px,var(--btt-right,24px)) + env(safe-area-inset-right,0px));bottom:calc(max(14px,var(--btt-bottom,24px)) + env(safe-area-inset-bottom,0px))}}
@media(prefers-reduced-motion:reduce){.back-to-top{transition:none}}

/* Custom navigation generated from ordered sections; long labels truncate safely. */
.main-nav a{white-space:nowrap;max-width:165px;overflow:hidden;text-overflow:ellipsis}
@media(min-width:981px){.main-nav{min-width:0;gap:clamp(9px,1.3vw,27px)}.main-nav a{flex-shrink:1;min-width:0}}
@media(max-width:980px){.main-nav a{white-space:normal;max-width:none;overflow:visible}}

/* SOVAIQ Section Studio - isolated, predictable per-section geometry */
.site-section:not(.section-hero)>.section-inner{width:100%;max-width:1370px;margin-inline:auto}
.site-section:not(.section-hero).width-normal>.section-inner{max-width:1120px}
.site-section:not(.section-hero).width-narrow>.section-inner{max-width:900px}
.site-section .flow-stage{width:var(--visual-width,100%);height:var(--visual-height,510px);margin:0 auto;translate:var(--visual-dx,0px) var(--visual-dy,0px);max-width:100%}
.site-section .flow-overlay{gap:clamp(12px,3vw,48px)}
/* Section backgrounds - five calm colorways; motion canvas is decorative and cannot intercept clicks. */
.site-section.bg-template-opener{background:radial-gradient(ellipse at 19% 70%,color-mix(in srgb,var(--bg-glow,#164f9a) 38%,transparent),transparent 65%),var(--bg-base,#061b42)!important}
.site-section.bg-template-midnight{background:radial-gradient(ellipse at 77% 22%,color-mix(in srgb,var(--bg-glow,#143b6f) 22%,transparent),transparent 65%),var(--bg-base,#081423)!important}
.site-section.bg-template-mist{background:radial-gradient(ellipse at 34% 73%,color-mix(in srgb,var(--bg-glow,#3677b0) 25%,transparent),transparent 70%),var(--bg-base,#091c35)!important}
.site-section.bg-template-aurora{background:radial-gradient(ellipse at 65% 73%,color-mix(in srgb,var(--bg-glow,#117b91) 25%,transparent),transparent 63%),var(--bg-base,#081b30)!important}
.site-section.bg-template-graphite{background:linear-gradient(140deg,var(--bg-base,#0b1422),color-mix(in srgb,var(--bg-glow,#233b51) 20%,var(--bg-base,#0b1422)))!important}
.site-section .section-background-canvas{inset:0;width:100%;height:100%;position:absolute;z-index:0;pointer-events:none;opacity:var(--bg-intensity,.55)}
.site-section.bg-template-opener .section-background-canvas{opacity:calc(var(--bg-intensity,.55)*.6)}
.site-section.bg-template-opener .section-inner,.site-section.bg-template-midnight .section-inner,.site-section.bg-template-mist .section-inner,.site-section.bg-template-aurora .section-inner,.site-section.bg-template-graphite .section-inner{z-index:2}
.site-section.section-hero.bg-template-opener{background:linear-gradient(112deg,#0b4aa2 0%,#063381 39%,#08285e 75%,#050d23 100%)!important}
.site-section.section-hero .hero-canvas{pointer-events:none}
.site-section.section-processcards .steps-grid,.site-section.section-integrationcards .feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.site-section.section-processcards .step{background:transparent;border-top:1px solid #426184;min-height:216px;padding-top:35px}
.site-section.section-processcards .step h3{margin-top:65px}
@media(max-width:950px){.site-section.section-processcards .steps-grid,.site-section.section-integrationcards .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.site-section .flow-stage{min-height:min(700px,var(--visual-height,510px));height:auto;translate:var(--visual-dx,0px) var(--visual-dy,0px)}.site-section.section-processcards .steps-grid,.site-section.section-integrationcards .feature-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.site-section .section-background-canvas{opacity:.12!important}}

/* Content-page geometry: same left alignment as Integrations, consistent 50px default top spacing.
   The opener/hero is intentionally excluded; per-section admin offset and padding still override. */
.site-section:is(.section-flow,.section-features,.section-steps,.section-integrations,.section-governance,.section-gatewaydemo,.section-faq,.section-contact)>.section-inner{width:100%;max-width:1370px;margin-left:auto;margin-right:auto}
.site-section:is(.section-flow,.section-features,.section-steps,.section-integrations,.section-governance,.section-gatewaydemo,.section-faq,.section-contact) .section-intro{row-gap:12px}
.site-section:is(.section-flow,.section-features,.section-steps,.section-integrations,.section-governance,.section-gatewaydemo,.section-faq,.section-contact) .section-intro>.eyebrow{margin:0 0 2px;grid-column:1/-1}
.site-section:is(.section-flow,.section-features,.section-steps,.section-integrations,.section-governance,.section-gatewaydemo,.section-faq,.section-contact) .section-intro>h2{margin:0}
/* Background presets use muted palettes; editors may override base, glow and line colors per page. */
.site-section.bg-template-opener .section-background-canvas{opacity:calc(var(--bg-intensity,.55)*.84)}

/* SOVAIQ content-page master layout V2: never affects the opener. The section
   widths and intro rhythm are shared, while the admin may disable them globally. */
body.master-unified .site-section:not(.section-hero):not(.section-divider){
  padding-top:var(--sq-master-top,50px)!important;
}
body.master-unified .site-section:not(.section-hero)>.section-inner{
  width:100%;max-width:var(--sq-master-width,1370px)!important;margin-inline:auto;
}
body.master-unified .site-section:not(.section-hero) .section-intro{
  display:grid;grid-template-columns:minmax(0,1.23fr) minmax(280px,.77fr);
  column-gap:clamp(28px,5vw,76px);row-gap:var(--sq-master-header-gap,18px)!important;
  margin:0 0 var(--sq-master-intro-bottom,38px)!important;
  align-items:start;
}
body.master-unified .site-section:not(.section-hero) .section-intro>.eyebrow,
body.master-unified .site-section:not(.section-hero) .section-intro>h2,
body.master-unified .site-section:not(.section-hero) .section-intro>.section-sub{
  margin:0!important;translate:none;
}
body.master-unified .site-section:not(.section-hero) .section-intro>.eyebrow{grid-column:1/-1;grid-row:1}
body.master-unified .site-section:not(.section-hero) .section-intro>h2{grid-column:1;grid-row:2}
body.master-unified .site-section:not(.section-hero) .section-intro>.section-sub{grid-column:2;grid-row:2}
/* The contact form and other deliberately split layouts retain their columns. */
body.master-unified .site-section.section-contact .contact-heading .section-intro,
body.master-unified .site-section.section-imageteaser .image-split .section-intro{display:block}
body.master-unified .site-section.section-contact .contact-heading .section-intro>*+*,
body.master-unified .site-section.section-imageteaser .section-intro>*+*{margin-top:var(--sq-master-header-gap,18px)!important}
body.master-unified .site-section:not(.section-hero) .section-intro .eyebrow,
body.master-unified .site-section:not(.section-hero)>.section-inner>.eyebrow{
  font-family:var(--sq-eyebrow-font)!important;font-size:var(--sq-eyebrow-size)!important;
  color:var(--sq-eyebrow-color)!important;font-weight:var(--sq-eyebrow-weight)!important;line-height:1.45!important;
}
body.master-unified .site-section:not(.section-hero) .section-intro h2,
body.master-unified .site-section:not(.section-hero)>.section-inner>h2{
  font-family:var(--sq-heading-font)!important;font-size:var(--sq-heading-size)!important;
  color:var(--sq-heading-color)!important;font-weight:var(--sq-heading-weight)!important;
  line-height:1.12!important;letter-spacing:-.055em;
}
body.master-unified .site-section:not(.section-hero) .section-intro .section-sub{
  font-family:var(--sq-body-font)!important;font-size:var(--sq-body-size)!important;
  color:var(--sq-body-color)!important;font-weight:var(--sq-body-weight)!important;
  line-height:1.56!important;
}
/* Whole-box typography and spacing. Group variables cascade to every card;
   individual device-specific card values can override them on the card itself. */
body.master-unified .site-section:not(.section-hero) :is(.feature-card,.step,.gov-row,.metric){
  font-family:var(--sq-card-font,inherit)!important;
  text-align:var(--sq-card-align,inherit);
  padding:var(--sq-card-padding)!important;
  min-height:var(--sq-card-height)!important;
  background-color:var(--sq-card-background)!important;
}
body.master-unified .site-section:not(.section-hero) :is(.feature-card,.step,.gov-row,.metric) :is(h3,strong){
  font-size:var(--sq-card-title-size,var(--sq-card-title-size-master,23px))!important;
  color:var(--sq-card-title-color,var(--sq-card-title-color-master,#f4f7ff))!important;
  font-family:var(--sq-card-font,var(--sq-card-title-font))!important;
  font-weight:var(--sq-card-title-weight)!important;
  line-height:1.2!important;
}
body.master-unified .site-section:not(.section-hero) :is(.feature-card,.step,.gov-row,.metric) :is(p,small){
  font-size:var(--sq-card-body-size,var(--sq-card-body-size-master,14px))!important;
  color:var(--sq-card-body-color,var(--sq-card-body-color-master,#a7b7d0))!important;
  font-family:var(--sq-card-font,var(--sq-card-body-font))!important;
  font-weight:var(--sq-card-body-weight)!important;
  line-height:1.5!important;
}
/* Keep numerals and category identifiers small, independent of card titles. */
body.master-unified .site-section:not(.section-hero) :is(.feature-index,.step-count,.gov-state){font-size:11px!important;}
@media(max-width:1023px){
  body.master-unified .site-section:not(.section-hero) .section-intro{grid-template-columns:1fr;row-gap:16px!important}
  body.master-unified .site-section:not(.section-hero) .section-intro>.eyebrow,
  body.master-unified .site-section:not(.section-hero) .section-intro>h2,
  body.master-unified .site-section:not(.section-hero) .section-intro>.section-sub{grid-column:1;grid-row:auto}
}


/* Master content page rhythm - opener remains completely untouched. */
body.master-unified .site-section:not(.section-hero):not(.section-divider){scroll-margin-top:80px}
body.master-unified .site-section:not(.section-hero)>.section-inner{transform:none}
body.master-unified .site-section:not(.section-hero) .section-intro>.eyebrow,
body.master-unified .site-section:not(.section-hero) .section-intro>h2,
body.master-unified .site-section:not(.section-hero) .section-intro>.section-sub{
  position:relative;top:auto;left:auto;right:auto;bottom:auto;
  transform:none!important;translate:none!important;margin:0!important;min-width:0;
}
body.master-unified .site-section:not(.section-hero) .section-intro>.eyebrow{align-self:start}
body.master-unified .site-section:not(.section-hero) .section-intro>h2{overflow-wrap:break-word}
body.master-unified .site-section:not(.section-hero) :is(.feature-grid,.steps-grid,.gov-stack,.metric-grid){gap:var(--sq-group-gap,0px)}
body.master-unified .site-section:not(.section-hero) :is(.feature-card,.step,.gov-row,.metric){
  padding:var(--sq-card-padding)!important;
  min-height:var(--sq-card-height)!important;
  background-color:var(--sq-card-background)!important;
  translate:var(--sq-card-dx,0px) var(--sq-card-dy,0px);
}
body.master-unified .site-section:not(.section-hero) .step{min-height:var(--sq-card-height)!important}
body.master-unified .site-section:not(.section-hero) :is(.feature-card,.step,.gov-row,.metric) :is(h3,strong){font-size:var(--sq-card-title-size,var(--sq-card-title-size-master,23px))!important}
body.master-unified .site-section:not(.section-hero) :is(.feature-card,.step,.gov-row,.metric) :is(p,small){font-size:var(--sq-card-body-size,var(--sq-card-body-size-master,14px))!important}
/* The card body texts need normal alignment and safe wrapping. */
body.master-unified .site-section:not(.section-hero) [data-editor-item-index]{overflow-wrap:anywhere}
@media(max-width:1023px){body.master-unified .site-section:not(.section-hero)>.section-inner{max-width:100%!important}}
@media(max-width:599px){body.master-unified .site-section:not(.section-hero) :is(.feature-card,.step,.gov-row,.metric){padding:var(--sq-card-padding)!important}}

body.is-preview .sq-inspected{outline:2px solid #5fe9cf!important;outline-offset:3px;box-shadow:0 0 0 3px #0b2634aa,0 0 18px #25dcc544!important}
body.is-preview [data-editor-item-index]:hover,body.is-preview .section-intro [data-editor-text-index]:hover{cursor:pointer;outline:1px dashed #82bdff80;outline-offset:2px}


/* DESIGN 1 / INTEGRATION: visually merge the two stored blocks without content migrations. */
body.master-unified .section-integrations .integration-process{position:relative;margin-top:clamp(44px,4vw,62px);padding-top:0;width:100%;}
body.master-unified .section-integrations .feature-grid{gap:14px;margin-top:0;}
body.master-unified .section-integrations .feature-card{border:1px solid #315577;background:rgba(7,27,48,.58);min-height:174px;padding:22px 20px 24px;}
body.master-unified .section-integrations .feature-card h3{margin-top:20px;}
body.master-unified .section-integrations .integration-process-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,.55fr);align-items:baseline;gap:30px;margin-bottom:44px;}
body.master-unified .section-integrations .integration-process-heading h2{font-family:var(--sq-heading-font,var(--page-font));font-size:clamp(24px,2.6vw,34px)!important;line-height:1.19;letter-spacing:-.045em;margin:0;color:var(--sq-heading-color,#f4f7ff);font-weight:600;}
body.master-unified .section-integrations .integration-process-heading p{font-family:var(--sq-body-font,var(--page-font));color:var(--sq-body-color,#a7b7d0);font-size:clamp(13px,1.2vw,17px);line-height:1.5;margin:0;}
body.master-unified .section-integrations .integration-process .steps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;position:relative;padding-top:0;}
body.master-unified .section-integrations .integration-process .steps-grid:before{content:"";position:absolute;top:-15px;left:5%;right:5%;border-top:1px solid #366a8a;z-index:0;}
body.master-unified .section-integrations .integration-process .step{background:transparent!important;border:0!important;box-shadow:none;min-height:128px!important;padding:18px 5px 14px 0!important;position:relative;transform:translate(var(--sq-card-dx,0px),var(--sq-card-dy,0px));}
body.master-unified .section-integrations .integration-process .step:before{content:"";position:absolute;top:-34px;left:0;width:35px;height:35px;border-radius:50%;background:#062033;border:1px solid #41b4d7;box-shadow:0 0 8px #14698f40;}
body.master-unified .section-integrations .integration-process .step-count{font-size:11px;position:relative;display:block;color:#86cfff;margin-bottom:14px;letter-spacing:.08em;}
body.master-unified .section-integrations .integration-process .step h3{font-size:var(--sq-card-title-size,var(--sq-card-title-size-master,20px))!important;margin:0 0 9px;line-height:1.25;}
body.master-unified .section-integrations .integration-process .step p{font-size:var(--sq-card-body-size,var(--sq-card-body-size-master,14px))!important;line-height:1.55;margin:0;}
body.master-unified .section-integrations{scroll-margin-top:80px;}
@media(max-width:900px){body.master-unified .section-integrations .integration-process-heading{grid-template-columns:1fr;gap:12px}body.master-unified .section-integrations .integration-process .steps-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:54px}}
@media(max-width:599px){body.master-unified .section-integrations .integration-process .steps-grid{grid-template-columns:1fr;gap:22px;padding-left:25px;}body.master-unified .section-integrations .integration-process .steps-grid:before{left:3px;right:auto;top:0;bottom:0;border-top:none;border-left:1px solid #366a8a;}body.master-unified .section-integrations .integration-process .step:before{left:-40px;top:7px;width:24px;height:24px;}body.master-unified .section-integrations .integration-process .step{min-height:100px!important;padding:0 5px 10px 0!important;}body.master-unified .section-integrations .integration-process .step-count{margin-bottom:7px;}body.master-unified .section-integrations .integration-process-heading h2{font-size:27px!important;}}
/* The former short-desktop hero compaction is intentionally disabled.
   Small desktop monitors retain the natural flow and scrollbar. */

/* Card breathing room for the unified Integration page; card group spacing remains editable. */
body.master-unified .section-integrations .feature-grid>.feature-card{padding:max(20px,var(--sq-card-padding,20px))!important;min-height:max(178px,var(--sq-card-height,178px))!important;}

/* SOVAIQ page-navigation experience and integration pictograms. */
.section-integrations .feature-card,.section-integrationcards .feature-card{position:relative}
.section-integrations .feature-card .integration-icon,.section-integrationcards .feature-card .integration-icon{position:absolute;top:49px;left:25px;width:38px;height:38px;display:block;pointer-events:none}
.section-integrations .feature-card .integration-icon img,.section-integrationcards .feature-card .integration-icon img{display:block;width:100%;height:100%;object-fit:contain}
.section-integrations .feature-card .feature-index,.section-integrationcards .feature-card .feature-index{margin-bottom:65px}
@media(max-width:1220px){.section-integrations .feature-card .integration-icon,.section-integrationcards .feature-card .integration-icon{left:20px}}
/* Underline is visibly bound to the current page, including when using classical scrolling. */
.main-nav a{position:relative;overflow:visible;outline-offset:5px}
.main-nav a::after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:var(--nav-underline-height,2px);background:var(--nav-active-color,#65BEFF);transform:scaleX(0);transform-origin:center;opacity:0;transition:transform .21s ease,opacity .21s ease;pointer-events:none}
body[data-active-underline="1"] .main-nav a[aria-current="page"]{color:#fff}
body[data-active-underline="1"] .main-nav a[aria-current="page"]::after{transform:scaleX(1);opacity:1}
.main-nav a.sq-pixelating{color:transparent!important}
.main-nav .sq-nav-pixel-canvas{pointer-events:none}
/* Page transitions are triggered only in the admin-selected slide mode. */
body.sq-page-mode #hauptinhalt{position:relative;overflow:hidden;min-height:calc(100svh - 80px)}
body.sq-page-mode #hauptinhalt>.sq-page{position:relative;min-height:calc(100svh - 80px);width:100%}
body.sq-page-mode #hauptinhalt>.sq-page[hidden]{display:none!important}
body.sq-page-mode #hauptinhalt.sq-is-transitioning>.sq-page.sq-moving{position:absolute;inset:0 auto auto 0;width:100%;height:auto;min-height:calc(100svh - 80px);will-change:transform,opacity;backface-visibility:hidden}
body.sq-page-mode .site-footer{position:relative}
/* Keep the opener unchanged. Only the navigation container and active marker are styled. */
@media(prefers-reduced-motion:reduce){.main-nav a::after{transition:none!important}body.sq-page-mode #hauptinhalt>.sq-page.sq-moving{will-change:auto}}

/* Do not cancel editor/published section positions at responsive breakpoints.
   Legacy max-width:980px set .section-inner{transform:none}, and the hero
   had a horizontal-only override, silently discarding the saved Y offset. */
section.site-section > .section-inner{
 transform:translate(var(--section-dx,0px),var(--section-dy,0px));
}

/* Master typography must not reset an administrator's saved section translation.
   The master-unified selector used to be more specific than the base fix. */
body.master-unified section.site-section:not(.section-hero) > .section-inner{
 transform:translate(var(--section-dx,0px),var(--section-dy,0px));
}

/* Avoid double translation on short desktop viewports. The outer section-inner
   alone owns administrator x/y positioning; leave the hero child untransformed. */
body.sq-design-v3 .site-section.section-hero .hero-inner{
 transform:translate3d(var(--section-dx,0px),var(--section-dy,0px),0)!important;
}

/* Hero layout: native responsive grid; no viewport-based zoom or fixed 1470px canvas.
   Administrators can still set the gateway's independent demoZoom per device. */

/* Adjustable hero action row. Values come from validated deviceStyles and
   apply equally on the public page and the genuine editor iframe viewport. */
body.sq-design-v3 .site-section.section-hero .hero-copy > .button-row {
  position:relative;
  translate:var(--sq-hero-actions-x,0px) var(--sq-hero-actions-y,0px);
  gap:var(--sq-hero-actions-gap,12px);
  width:fit-content;
  max-width:100%;
}
body.sq-design-v3 .site-section.section-hero .hero-copy > .button-row > .button {
  box-sizing:border-box;
  min-height:var(--sq-hero-button-height,50px);
  height:auto;
  padding:4px var(--sq-hero-button-padding,23px);
  font-size:var(--sq-hero-button-font,12px);
  line-height:1.25;
  max-width:100%;
}
body.sq-design-v3.is-preview .site-section.section-hero .hero-copy > .button-row > a.button {
  cursor:grab;
}
body.sq-design-v3.is-preview .site-section.section-hero .hero-copy > .button-row.sq-hero-cta-dragging > a.button {
  cursor:grabbing;
}
body.sq-design-v3.is-preview .sq-hero-cta-drag-grip {
  position:absolute;right:-10px;top:-14px;z-index:15;
  display:flex;align-items:center;justify-content:center;
  background:#104563;color:#e6f9ff;border:1px solid #6ebfd8;
  border-radius:4px;width:27px;height:25px;
  font:800 18px/1 system-ui;cursor:grab;touch-action:none;
  user-select:none;box-shadow:0 4px 12px #031221a6;
}
/* Keep the mobile one-column button layout already present in the project. */
@media(max-width:640px){
  body.sq-design-v3 .site-section.section-hero .hero-copy > .button-row{width:100%}
}