/* Foundation */
:root{--accent:#087f8c;--dark:#12263a;--text:#17212b;--muted:#596675;--background:#fff;--surface:#f7f9fb;--border:#e7ebef;--radius:12px;--shadow:0 4px 18px #172c4310}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--text);background:white;font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.45}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #187ce0;outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2{letter-spacing:-1.4px;line-height:1.1}h1{font-size:clamp(34px,3.65vw,51px);font-weight:750}h2{font-size:34px;margin-bottom:10px}h3{font-size:15px;line-height:1.2;margin-bottom:5px}p{color:var(--muted)}.container{max-width:1280px;width:calc(100% - 112px);margin:auto}.section{padding-top:36px;padding-bottom:20px}section[id]{scroll-margin-top:20px}.lead{margin-bottom:19px;font-size:16px}.icon{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.button{display:inline-flex;justify-content:center;align-items:center;gap:18px;min-height:47px;padding:12px 23px;background:var(--accent);color:white;border:1px solid var(--accent);border-radius:7px;font-size:14px;font-weight:bold;box-shadow:0 5px 13px #087f8c24;cursor:pointer;transition:transform .2s,background .2s}.button:hover{background:#066572;color:#fff;transform:translateY(-2px)}.button span{font-size:21px;line-height:1}.button.secondary{background:white;border-color:#aeb8c2;color:var(--text);box-shadow:none}.actions{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}.brand{font-size:25px;font-weight:800;letter-spacing:-1.35px;white-space:nowrap}.brand span{color:var(--accent)}.skip{position:fixed;left:10px;top:-60px;z-index:100;background:white;padding:12px}.skip:focus{top:10px}
/* Header and hero */
header{position:sticky;top:0;background:#ffffffed;backdrop-filter:blur(12px);z-index:20;border-bottom:1px solid var(--border)}.header-row{height:73px;display:flex;align-items:center;justify-content:space-between;gap:28px}nav{display:flex;gap:26px;font-size:13px}header .button{min-height:40px;font-size:12px;padding:10px 17px}.menu-toggle{display:none}.hero{padding:44px 0 26px;overflow:hidden;background:radial-gradient(ellipse at 79% 60%,#e7f6f7 0,transparent 40%),#fff}.hero-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:20px;align-items:center}.hero-copy{padding-bottom:28px}.eyebrow{display:inline-block;background:#eef1f4;color:#546170;border-radius:20px;padding:5px 10px;font-size:10px;font-weight:bold;margin-bottom:16px}.hero h1 span{color:var(--accent)}.hero-copy>p{font-size:17px;line-height:1.4;margin-top:14px;max-width:530px}.integration{height:370px;position:relative;display:grid;grid-template-columns:150px 1fr 156px;align-items:center;gap:30px}.connectors{position:absolute;inset:0;width:100%;height:100%;z-index:0;fill:none;stroke:#72bdc5;stroke-width:1.2}.platform-stack,.allegro-hub,.data-stack{z-index:1}.platform-stack{padding:18px 15px;border:1px solid #f0f1f2;background:#ffffffed;box-shadow:var(--shadow);border-radius:12px;display:grid;gap:12px}.platform-stack strong{font-size:12px}.platform-stack img{width:120px;height:38px;object-fit:contain;object-position:left}.individual{display:flex;gap:8px;font-size:10px;line-height:1.2;align-items:center;color:#465d70}.allegro-hub{background:white;padding:22px 12px;border-radius:16px;box-shadow:0 16px 40px #087f8c20;text-align:center;color:var(--accent);font-size:43px;letter-spacing:-2px}.data-stack{display:grid;gap:9px}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:0 3px 12px #102e4604;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.card p{font-size:13px;line-height:1.35}.icon-wrap{color:var(--accent);display:inline-flex;flex-shrink:0}.data-stack .card{padding:12px 10px;display:flex;gap:10px;align-items:center;box-shadow:var(--shadow)}.data-stack h3{font-size:12px;margin-bottom:2px}.data-stack p{font-size:10px}.data-stack .icon{width:23px;height:23px}.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:22px;max-width:1000px}.trust-row .card{background:none;box-shadow:none;border:0;padding:0;display:flex;align-items:center;gap:13px}.trust-row .icon-wrap{border-radius:50%;background:#e8f6f7;padding:13px}.trust-row h3{font-size:13px}.trust-row p{font-size:11px}
/* Service cards */
.soft{background:linear-gradient(#f3f6f9,#f8fafb)}.soft .section:first-child{padding-top:30px}.soft .section:last-child{padding-bottom:30px}.grid{display:grid;gap:16px}.four{grid-template-columns:repeat(4,1fr)}.five{grid-template-columns:repeat(5,1fr)}.two{grid-template-columns:repeat(2,1fr)}.platform-cards .card{padding:19px 22px;min-height:180px}.platform-cards img{width:180px;max-width:100%;height:58px;object-fit:contain;object-position:left;margin-bottom:10px}.compact .card{display:flex;gap:14px;padding:19px 16px;align-items:flex-start}.compact .icon-wrap{padding:5px;background:#edf8f9;border-radius:50%}.compact h3{font-size:14px}.compact p{font-size:12px}.vertical .icon-wrap{margin-bottom:10px}.vertical .card{padding:20px 17px}.vertical h3{font-size:14px}.vertical p{font-size:12px}.split{display:grid;grid-template-columns:1fr 1.15fr;gap:50px;align-items:center}.custom{padding-top:40px;padding-bottom:32px}.custom>div:first-child{align-self:start;padding-top:12px}.custom p{max-width:490px}
/* Process */
.process{padding:30px 0;background:radial-gradient(ellipse at 80% 0%,#24465e 0,transparent 65%),#10283d;color:white;position:relative;overflow:hidden}.process:before{content:"";position:absolute;inset:0;opacity:.16;background-image:radial-gradient(#8ba2b7 1px,transparent 1px);background-size:12px 12px;mask-image:linear-gradient(100deg,transparent 40%,black)}.process .container{position:relative}.process p{color:#d0d9e0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:75px;margin-top:25px}.step{position:relative;background:#ffffff09;border:1px solid #ffffff15;border-radius:10px;padding:23px 20px 20px;min-height:188px}.step:not(:last-child):after{content:'→';position:absolute;left:calc(100% + 22px);top:70px;font-size:35px;color:#d1d9df}.number{position:absolute;top:0;left:8px;background:var(--accent);border-radius:50%;width:29px;height:29px;display:grid;place-items:center;transform:translateY(-3px);font-weight:bold}.step>.icon{display:block;width:38px;height:38px;margin:0 auto 18px;color:#e0e6eb}.step h3{text-align:center;font-size:14px;margin-bottom:10px}.step p{font-size:12px;line-height:1.4}.allegro-word{display:block;color:var(--accent);font-size:35px;line-height:38px;letter-spacing:-1px;text-align:center;margin-bottom:18px}
/* Maintenance illustration */
.maintenance{padding:34px 0 25px;background:radial-gradient(ellipse at 80% 60%,#dce4e9 0,transparent 45%),#f1f5f8}.checklist,.pricing-box ul,.contacts{list-style:none;padding:0;margin:18px 0 0}.checklist li{display:flex;align-items:center;gap:10px;margin:9px 0}.checklist .icon{width:21px;height:21px;background:#1d2c39;border-radius:50%;color:white;padding:4px}.dashboard-scene{position:relative;min-height:280px;padding:10px 90px 0 15px}.laptop{border:7px solid #475461;border-bottom-width:12px;border-radius:12px 12px 3px 3px;background:#fff;box-shadow:0 10px 35px #34445126;padding:14px 12px;transform:perspective(1000px) rotateY(-3deg)}.dashboard-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px}.dashboard-head>span{color:#168b48;background:#eaf9ef;padding:6px 8px;font-size:11px;border-radius:5px}.dashboard small{color:#657280;font-size:9px}.status-row{display:flex;align-items:center;gap:9px;font-size:11px;padding:9px 0;border-bottom:1px solid #eff1f4}.status-row b{margin-left:auto;color:#209f50;font-size:10px;white-space:nowrap}.dot{width:7px;height:7px;background:#23af52;border-radius:50%}.laptop-base{height:11px;background:linear-gradient(#aab6bf,#657786);border-radius:0 0 50% 50%;margin:0 -27px;box-shadow:0 12px 14px #263c4d26}.monitor-card,.healthy{position:absolute;background:white;border-radius:10px;box-shadow:0 5px 25px #263c4d20}.monitor-card{right:0;top:62px;padding:14px;width:158px;font-size:12px}.monitor-card strong span{font-size:24px}.monitor-card svg{display:block;width:100%;height:40px;margin-top:7px;fill:none;stroke:#087f8c;stroke-width:1.5;background:linear-gradient(transparent,#e8f6f7)}.healthy{right:22px;bottom:9px;padding:14px;display:flex;gap:10px;font-size:10px;align-items:center}.healthy>span{background:#0ba447;color:white;padding:6px 10px;border-radius:50%;font-size:21px}
/* Pricing, FAQ and contact */
.pricing{padding-top:40px;padding-bottom:32px}.pricing p{margin-bottom:10px}.pricing .button{margin-top:4px}.pricing-box{background:#f3f7fb;border-radius:12px;padding:28px;display:flex;align-items:center;gap:24px}.blue-icon{display:inline-flex;padding:18px;border-radius:12px;background:#e0edff;color:#1684ef;flex-shrink:0}.blue-icon .icon{width:34px;height:34px}.pricing-box ul{margin:0;font-size:14px}.pricing-box li{display:flex;gap:10px;margin:8px 0}.pricing-box .icon{width:18px;height:18px;color:#2d8ee9}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px}.section-heading p{font-size:12px}.faq-grid{display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:column;grid-template-rows:repeat(3,auto);gap:8px 20px;margin-top:5px;margin-bottom:14px;align-items:start}details{background:#fafbfd;border:1px solid var(--border);border-radius:7px;box-shadow:0 2px 6px #14283e05}summary{cursor:pointer;list-style:none;padding:12px 15px;font-size:13px;font-weight:bold;display:flex;justify-content:space-between;gap:10px}summary::-webkit-details-marker{display:none}summary>span{transition:transform .2s}details[open] summary>span{transform:rotate(180deg)}details p{font-size:13px;padding:0 18px 14px;max-width:100%}.contact{background:linear-gradient(#f8fafc,white);padding:30px 0 35px}.contact .split{align-items:start}.contact p{max-width:490px}.contacts li{display:flex;gap:17px;align-items:center;margin:14px 0;font-size:14px}.contacts .icon{width:21px;height:21px;color:var(--accent)}.contacts small{font-size:11px;color:var(--muted)}.consult{display:flex;align-items:center;gap:15px;margin-top:25px;font-size:14px}.consult .blue-icon{padding:12px}.consult .icon{width:26px;height:26px}.consult p{font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 15px}form{padding:23px;border-radius:12px;border:1px solid var(--border);background:white;box-shadow:var(--shadow)}label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:bold}input,select,textarea{width:100%;min-width:0;border:1px solid #dbe2e9;border-radius:5px;padding:9px 10px;background:#f9fbfc;color:var(--text);font-size:13px}input:focus,select:focus,textarea:focus{outline:2px solid #52abb7;outline-offset:1px}textarea{resize:vertical}.wide{grid-column:1/-1}.consent{flex-direction:row;align-items:flex-start;gap:8px;font-size:11px;font-weight:normal;color:var(--muted);line-height:1.5}.consent input{width:16px;height:16px;margin:0;accent-color:var(--accent);flex-shrink:0}.consent a{text-decoration:underline}form>.button{width:100%;margin-top:14px;min-height:42px}#form-status{font-size:13px;margin-top:10px}#form-status:empty{display:none}.fallback{display:block;font-size:13px;color:#066572;text-decoration:underline;margin-top:10px}[hidden]{display:none!important}
/* Footer and auxiliary pages */
footer{padding-top:27px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid var(--border);padding-top:27px}.footer-top p{font-size:12px;margin-top:9px}.footer-top nav{gap:22px;font-size:12px}.disclaimer{font-size:10px;line-height:1.5;margin:22px 0;color:#65717d}.footer-bottom{border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:20px;padding:18px 0 22px;font-size:11px;color:var(--muted)}.footer-bottom>div{display:flex;gap:25px}.legal{max-width:850px;padding:60px 0;min-height:75vh}.legal h1{font-size:42px;margin-bottom:25px}.legal h2{font-size:23px;margin-top:25px;letter-spacing:-.4px}.legal p{margin:12px 0}.legal a{text-decoration:underline}.legal li{margin:12px 0}
/* Responsive */
@media(min-width:1600px){.hero{padding-top:55px}.integration{height:400px}.hero-grid{gap:40px}}
@media(max-width:1150px){.container{width:calc(100% - 64px)}nav{gap:15px}.header-row{gap:18px}.brand{font-size:23px}header nav{font-size:11px}.hero-grid{grid-template-columns:1fr 1fr}.integration{grid-template-columns:125px 1fr 130px;gap:15px}.platform-stack{padding:15px 10px}.platform-stack img{width:104px}.allegro-hub{font-size:35px;padding:20px 8px}.data-stack .card{gap:6px;padding:10px 7px}.hero-copy>p{font-size:15px}h1{font-size:39px}h2{font-size:30px}.steps{gap:48px}.step:not(:last-child):after{left:calc(100% + 12px);font-size:29px}.split{gap:28px}.card{padding:17px}.compact .card{gap:9px;padding:16px 12px}.compact .icon{width:24px;height:24px}.five{gap:12px}.dashboard-scene{padding-right:65px}.monitor-card{width:130px}.footer-top nav{gap:12px}.section-heading{display:block}.section-heading p{margin-bottom:12px}}
@media(max-width:900px){.header-row{height:67px}.menu-toggle{display:flex;margin-left:auto;width:42px;height:42px;background:none;border:1px solid var(--border);border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:5px;cursor:pointer}.menu-toggle span{width:19px;height:2px;background:var(--dark)}header nav{display:none;position:absolute;left:0;right:0;top:67px;background:white;padding:20px 32px;border-bottom:1px solid var(--border);box-shadow:var(--shadow);font-size:15px;gap:0}header nav.open{display:flex;flex-direction:column}header nav a{padding:11px 0}.hero{padding-top:30px}.hero-grid{grid-template-columns:1fr}.hero-copy{padding-bottom:0;max-width:640px}h1{font-size:46px}.integration{width:600px;max-width:100%;margin:5px auto 0;grid-template-columns:150px 1fr 160px;gap:35px;height:350px}.platform-stack img{width:120px}.platform-stack{padding:16px}.allegro-hub{font-size:44px}.data-stack .card{padding:11px;gap:9px}.four,.five{grid-template-columns:repeat(2,1fr)}.vertical .card:last-child{grid-column:1/-1}.steps{gap:30px}.step{padding:26px 12px 15px}.step:not(:last-child):after{left:calc(100% + 5px);font-size:24px}.split{grid-template-columns:1fr 1fr;gap:25px}.custom{grid-template-columns:1fr}.custom .two{grid-template-columns:1fr 1fr}.maintenance .split{grid-template-columns:1fr}.maintenance p{max-width:650px}.dashboard-scene{width:570px;max-width:100%;margin:auto}.pricing{grid-template-columns:1fr 1fr}.pricing-box{padding:20px;gap:15px;align-items:flex-start;flex-direction:column}.contact .split{grid-template-columns:1fr}.contact p{max-width:none}.contact form{margin-top:5px}.footer-top{align-items:flex-start;flex-direction:column}.trust-row{gap:15px}.trust-row .card{gap:9px}.trust-row .icon-wrap{padding:10px}.trust-row h3{font-size:12px}.trust-row p{font-size:10px}}
@media(max-width:600px){.container{width:calc(100% - 36px)}.header-row{gap:10px}.brand{font-size:22px}header .button{display:none}.hero{padding-top:26px}h1{font-size:36px;letter-spacing:-1.4px}h2{font-size:28px;letter-spacing:-1px}.hero-copy>p{font-size:16px}.eyebrow{font-size:9px}.actions{gap:10px;margin-top:22px}.actions .button{flex:1;padding:12px 10px;font-size:12px;gap:9px}.integration{display:flex;flex-direction:column;height:auto;gap:35px;padding:25px 0 15px;width:100%;background:linear-gradient(90deg,transparent calc(50% - 1px),#72bdc5 50%,transparent calc(50% + 1px));margin-top:25px}.connectors{display:none}.platform-stack{width:100%;grid-template-columns:1fr 1fr;gap:12px 18px;padding:18px 24px}.platform-stack>strong{grid-column:1/-1;text-align:center;margin-bottom:4px}.platform-stack img{width:130px;max-width:100%;height:39px}.individual{font-size:11px}.allegro-hub{padding:15px 32px;font-size:43px}.data-stack{width:100%;grid-template-columns:1fr 1fr;gap:10px}.data-stack .card{padding:13px 10px;min-height:62px}.data-stack .card:last-child{grid-column:1/-1;justify-content:center}.data-stack h3{font-size:13px}.data-stack p{font-size:10px}.trust-row{grid-template-columns:1fr;gap:16px;margin-top:25px}.trust-row .card{gap:13px}.trust-row h3{font-size:14px}.trust-row p{font-size:12px}.trust-row .icon-wrap{padding:10px}.section{padding-top:30px;padding-bottom:12px}.lead{font-size:15px}.four,.five,.two,.custom .two{grid-template-columns:1fr}.platform-cards .card{min-height:0;padding:20px}.platform-cards img{height:58px;margin-bottom:9px}.card h3,.compact h3,.vertical h3{font-size:16px}.card p,.compact p,.vertical p{font-size:14px}.compact .card{padding:17px;gap:14px}.compact .icon{width:28px;height:28px}.vertical .card{display:flex;gap:17px;align-items:flex-start;padding:19px}.vertical .icon-wrap{margin:0}.steps{grid-template-columns:1fr;gap:38px}.step{padding:25px 22px;min-height:0}.step p{font-size:14px;text-align:center}.step h3{font-size:17px}.step:not(:last-child):after{content:'↓';left:calc(50% - 10px);top:calc(100% + 1px);font-size:29px}.process{padding:30px 0}.process .lead{margin-bottom:25px}.process h2{font-size:29px}.split,.pricing{grid-template-columns:1fr}.custom{padding-bottom:30px}.maintenance{padding-top:30px}.dashboard-scene{min-height:260px;padding:10px 35px 0 0;margin-top:10px}.laptop{padding:12px 8px;border-width:5px}.dashboard-head{font-size:12px}.dashboard-head>span{font-size:9px;padding:5px}.status-row{font-size:9px;padding:9px 0;gap:5px}.status-row b{font-size:9px}.monitor-card{width:115px;top:72px;padding:9px;right:-4px;font-size:10px}.monitor-card strong span{font-size:20px}.healthy{right:0;bottom:0;font-size:9px;padding:10px}.laptop-base{margin:0 -9px}.pricing{padding-top:35px;padding-bottom:20px}.pricing-box{flex-direction:row;padding:22px 18px;gap:18px;align-items:center}.pricing-box .blue-icon{padding:13px}.pricing-box li{font-size:12px}.faq-grid{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row;gap:9px}summary{font-size:14px;padding:15px}details p{font-size:14px}.contact{padding:30px 0}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}form{padding:18px}label{font-size:13px}input,select,textarea{font-size:16px;padding:11px 10px}.consent{font-size:12px}.contacts li{font-size:14px;gap:12px}.contacts small{display:block}.consult{margin-bottom:10px}.footer-top{padding-top:22px;gap:23px}.footer-top nav{display:grid;grid-template-columns:1fr 1fr;gap:14px 30px;font-size:13px}.footer-bottom{flex-direction:column;gap:13px;font-size:11px}.disclaimer{font-size:11px}.legal{padding-top:40px}.legal h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Keep intrinsic mockup widths inside narrow grid columns. */
.split>div,.hero-grid>div{min-width:0}.dashboard-scene{width:100%;max-width:570px}


.form-note{font-size:12px;margin-top:12px;line-height:1.5}