/* Ailutec landing — base, chrome, buttons, forms, motion primitives */
:root{
 --al-red:#ff0000;--al-red-strong:#e00000;--al-red-glow:rgba(255,31,31,.45);--al-amber:#ffb020;
 --al-ink:#0f172a;--al-ink-2:#1e293b;--al-muted:#475569;--al-soft:#aab4c3;--al-line:#e5e8ee;
 --al-dark:#070b14;--al-dark-2:#0d1422;--al-grey:#f5f6f8;--al-white:#fff;
 --al-font:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--al-serif:"Instrument Serif",Georgia,serif;
 --al-radius:22px;--al-radius-sm:14px;
 --al-ease:cubic-bezier(.16,1,.3,1);--al-spring:cubic-bezier(.34,1.56,.64,1);
 --al-shadow:0 1px 2px rgba(15,23,42,.04),0 12px 32px -12px rgba(15,23,42,.14);
 --al-shadow-lg:0 2px 4px rgba(15,23,42,.04),0 30px 60px -20px rgba(15,23,42,.28);
}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body.al-page{margin:0;background:var(--al-white);font-family:var(--al-font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.al-page #page-container{padding-top:0!important;overflow:clip}
.al-page ::selection{background:var(--al-red);color:#fff}
.al-page .al-ico{width:1.15em;height:1.15em;flex-shrink:0;vertical-align:-.18em}
.al-page .al-raw .et_pb_text_inner>p:empty{display:none}
.al-center{text-align:center;display:flex;justify-content:center;flex-wrap:wrap}
.al-lead.al-center{display:block}
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}
/* ---------- typography accents ---------- */
.al-page .al-h em,.al-page .al-h i{font-family:var(--al-serif);font-style:italic;font-weight:400;letter-spacing:-.5px;color:var(--al-red-strong);padding-right:.06em}
.al-dark .al-h em{color:#ff4d4d}
.al-eyebrow{display:inline-flex;align-items:center;gap:10px;font:700 12.5px/1 var(--al-font);letter-spacing:.16em;text-transform:uppercase;color:var(--al-red-strong)}
.al-eyebrow::before{content:"";width:22px;height:2px;border-radius:2px;background:currentColor}
.al-eyebrow.is-dark{color:#ff5a4d}
.al-lead .et_pb_text_inner{max-width:62ch}
.al-lead.al-center .et_pb_text_inner{margin-inline:auto}
/* ---------- header ---------- */
.al-skip{position:fixed;top:-80px;left:20px;z-index:1001;background:#fff;padding:15px;color:var(--al-ink);border-radius:8px}
.al-skip:focus{top:10px}
.al-header{position:fixed;top:0;left:0;right:0;z-index:999;font-family:var(--al-font);transition:background .4s var(--al-ease),box-shadow .4s,border-color .4s;border-bottom:1px solid transparent}
.al-header.is-scrolled{background:rgba(255,255,255,.82);backdrop-filter:saturate(1.6) blur(18px);-webkit-backdrop-filter:saturate(1.6) blur(18px);border-color:rgba(15,23,42,.07);box-shadow:0 10px 30px -18px rgba(15,23,42,.25)}
.al-nav-wrap{width:92%;max-width:1320px;min-height:84px;margin:auto;display:flex;align-items:center;gap:28px;transition:min-height .4s var(--al-ease)}
.is-scrolled .al-nav-wrap{min-height:70px}
.al-logo{flex-shrink:0;display:flex;align-items:center}
.al-logo img{width:148px;height:auto;transition:filter .4s}
.al-header:not(.is-scrolled) .al-logo img{filter:brightness(0) invert(1)}
.al-header nav{display:flex;align-items:center;justify-content:center;gap:4px;flex:1}
.al-header nav a{position:relative;font-size:14px;font-weight:600;color:rgba(255,255,255,.78);white-space:nowrap;padding:9px 13px;border-radius:999px;transition:color .25s,background .25s}
.al-header nav a:hover{color:#fff;background:rgba(255,255,255,.08)}
.al-header nav a.is-active{color:#fff;background:rgba(255,255,255,.12)}
.is-scrolled nav a{color:var(--al-muted)}
.is-scrolled nav a:hover{color:var(--al-ink);background:rgba(15,23,42,.05)}
.is-scrolled nav a.is-active{color:var(--al-red-strong);background:rgba(255,0,0,.07)}
.al-header nav .al-nav-phone{display:none}
.al-header-cta{font-size:14px!important;padding:12px 18px!important}
.al-menu-toggle{display:none;position:relative;width:46px;height:46px;border-radius:12px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.06);cursor:pointer}
.is-scrolled .al-menu-toggle{border-color:var(--al-line);background:#fff}
.al-menu-toggle span{position:absolute;left:13px;right:13px;height:2px;border-radius:2px;background:#fff;transition:transform .35s var(--al-ease),top .35s var(--al-ease)}
.is-scrolled .al-menu-toggle span{background:var(--al-ink)}
.al-menu-toggle span:first-child{top:18px}
.al-menu-toggle span:last-child{top:26px}
.al-menu-toggle[aria-expanded=true] span:first-child{top:22px;transform:rotate(45deg)}
.al-menu-toggle[aria-expanded=true] span:last-child{top:22px;transform:rotate(-45deg)}
/* ---------- buttons (shimmer + glow, 21st.dev-style) ---------- */
.al-btn-row{display:flex;flex-wrap:wrap;gap:14px}
.al-page a.al-btn{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:10px;font:700 16px/1.2 var(--al-font);padding:17px 26px;border-radius:999px;text-decoration:none;overflow:hidden;transition:transform .35s var(--al-spring),box-shadow .35s var(--al-ease),background .3s,color .3s,border-color .3s;will-change:transform}
.al-btn .al-ico{transition:transform .35s var(--al-spring)}
.al-btn:hover .al-ico{transform:translateX(4px)}
.al-page a.al-btn--primary{color:#fff!important;background:linear-gradient(180deg,#ff2a2a,#e00000);box-shadow:0 0 0 1px rgba(255,255,255,.12) inset,0 10px 30px -8px var(--al-red-glow)}
.al-btn--primary::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.38) 48%,transparent 66%);transform:translateX(-120%);animation:al-shimmer 3.6s var(--al-ease) infinite}
@keyframes al-shimmer{0%,55%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
.al-page a.al-btn--primary:hover{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(255,255,255,.2) inset,0 18px 40px -10px rgba(255,20,20,.6)}
.al-page a.al-btn--ghost{color:#fff!important;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.05);backdrop-filter:blur(8px)}
.al-page a.al-btn--ghost:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.4);transform:translateY(-2px)}
.al-page .al-sec:not(.al-dark) a.al-btn--ghost{color:var(--al-ink)!important;border-color:#cbd5e1;background:#fff}
.al-btn--block{width:100%}
/* ---------- cards with cursor spotlight ---------- */
.al-page .al-card{position:relative;isolation:isolate;background:#fff;border:1px solid var(--al-line);border-radius:var(--al-radius);overflow:hidden;box-shadow:var(--al-shadow);transition:transform .5s var(--al-ease),box-shadow .5s var(--al-ease),border-color .4s}
.al-card::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity .4s;background:radial-gradient(520px circle at var(--mx,50%) var(--my,50%),rgba(255,40,40,.09),transparent 45%)}
.al-card::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;opacity:0;transition:opacity .4s;background:radial-gradient(380px circle at var(--mx,50%) var(--my,50%),rgba(255,40,40,.75),transparent 45%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.al-card:hover{transform:translateY(-6px);box-shadow:var(--al-shadow-lg),0 10px 25px -5px rgba(255,0,0,.14);border-color:rgba(255,0,0,.18)}
.al-card:hover::before,.al-card:hover::after{opacity:1}
/* ---------- forms ---------- */
.al-form{font:15px/1.5 var(--al-font);color:var(--al-ink);background:#fff;padding:38px;border:1px solid var(--al-line);border-radius:var(--al-radius);text-align:left;box-sizing:border-box;width:100%;box-shadow:var(--al-shadow-lg)}
.al-form *{box-sizing:border-box}
.al-form h3{font:800 26px/1.2 var(--al-font);letter-spacing:-.5px;color:var(--al-ink);margin:0 0 6px;padding:0}
.al-form p{color:#64748b;padding-bottom:0;margin:0 0 18px;font-size:14px}
.al-form label{display:block;margin:0 0 16px;font-size:13px;font-weight:700;color:#334155}
.al-form input:not([type=radio]):not([type=checkbox]):not([type=range]),.al-form textarea,.al-form select{display:block;width:100%;min-width:0;border:1px solid #d5dbe3;border-radius:12px;background:#f8fafc;padding:13px 14px;font:16px/1.4 var(--al-font);color:var(--al-ink);margin-top:7px;min-height:50px;transition:border-color .25s,box-shadow .25s,background .25s}
.al-form input:hover,.al-form textarea:hover,.al-form select:hover{border-color:#b8c2cf}
.al-form input:focus,.al-form select:focus,.al-form textarea:focus{outline:none;border-color:var(--al-red);background:#fff;box-shadow:0 0 0 4px rgba(255,0,0,.1)}
.al-form textarea{resize:vertical}
.al-form small{display:block;color:#64748b;font-weight:400;font-size:11.5px;margin-top:6px}
.al-form button{font:700 15px/1.3 var(--al-font);cursor:pointer;min-height:52px;border-radius:999px;padding:14px 24px;border:0;transition:transform .3s var(--al-spring),box-shadow .3s,background .3s}
.al-form button:disabled{opacity:.65;cursor:wait}
.al-form input[type=file]{padding:10px!important;cursor:pointer;font-size:14px!important}
.al-form input[type=file]::file-selector-button{font:700 13px/1 var(--al-font);border:0;border-radius:999px;padding:10px 16px;margin-right:12px;background:var(--al-ink);color:#fff;cursor:pointer;transition:background .25s}
.al-form input[type=file]::file-selector-button:hover{background:var(--al-red-strong)}
.al-form fieldset{border:0;padding:0;margin:0;min-width:0}
.al-form fieldset:not([hidden]){animation:al-step-in .55s var(--al-ease)}
@keyframes al-step-in{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
.al-form legend{font:800 25px/1.2 var(--al-font);margin:0 0 8px;letter-spacing:-.6px;max-width:100%;color:var(--al-ink)}
.al-form [hidden]{display:none!important}
.al-form.is-success fieldset,.al-form.is-success>label{display:none}
.al-page a:focus-visible,.al-page button:focus-visible{outline:3px solid #ff5a4d;outline-offset:4px}
/* ---------- mobile sticky CTA ---------- */
@media(max-width:1100px){
 .al-header nav a{padding:8px 9px;font-size:13px}
 .al-nav-wrap{gap:14px}
 .al-logo img{width:128px}
}
@media(max-width:980px){
 .al-nav-wrap{min-height:72px;flex-wrap:wrap;gap:12px}
 .al-logo{margin-right:auto}
 .al-menu-toggle{display:block}
 .al-header-cta{display:none!important}
 .al-header nav{display:none;order:4;flex-basis:100%;flex-direction:column;align-items:stretch;padding:8px 0 22px;gap:2px}
 .al-header nav.is-open{display:flex}
 .al-header.is-open{background:rgba(255,255,255,.97);backdrop-filter:blur(18px)}
 .al-header.is-open nav a{color:var(--al-ink);font-size:17px;padding:14px 12px;border-radius:12px}
 .al-header.is-open .al-logo img{filter:none}
 .al-header.is-open .al-menu-toggle span{background:var(--al-ink)}
 .al-header nav .al-nav-phone{display:flex;align-items:center;gap:10px;margin-top:8px;color:var(--al-red-strong)!important}
 .al-form{padding:28px}
}
@media(max-width:480px){
 .al-logo img{width:118px}
 .al-form{padding:22px;border-radius:18px}
 .al-form legend{font-size:22px}
 .al-form input[type=file]{font-size:12px!important}
 .al-form button{padding:13px 18px}
 .al-page a.al-btn{width:100%}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*::before,*::after{animation:none!important;transition:none!important}
}