@font-face{font-family:InterNova;src:url("/assets/fonts/inter-latin-v1.woff2") format("woff2");font-display:swap;font-style:normal;font-weight:100 900}
:root{--bg:#060817;--surface:#0b1024;--surface-2:#10162d;--text:#f7f8ff;--muted:#aab3cc;--line:rgba(143,158,207,.18);--cyan:#18cff8;--blue:#4a85ff;--purple:#8b5cff;--pink:#ed43ba;--max:1220px;--header:78px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:InterNova,Inter,system-ui,sans-serif;overflow-x:hidden}
body::selection{background:rgba(139,92,255,.45);color:#fff}
a{color:inherit;text-decoration:none}
button{font:inherit}
.skip-link{position:fixed;left:16px;top:-70px;z-index:1000;padding:12px 18px;border-radius:12px;background:#fff;color:#050816;font-weight:800;transition:top .2s}
.skip-link:focus{top:12px}
.ambient{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none}
.ambient-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(107,122,181,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(107,122,181,.035) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#000 0%,transparent 82%)}
.ambient-orb{position:absolute;width:42vw;height:42vw;border-radius:50%;filter:blur(100px);opacity:.12}
.ambient-orb-a{background:var(--cyan);left:-20vw;top:15vh}.ambient-orb-b{background:var(--pink);right:-20vw;top:50vh}
.site-header{position:fixed;top:14px;left:50%;z-index:100;width:min(calc(100% - 32px),var(--max));height:64px;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;padding:8px 10px 8px 16px;border:1px solid rgba(178,190,233,.18);border-radius:20px;background:rgba(6,8,23,.76);backdrop-filter:blur(22px);box-shadow:0 18px 60px rgba(0,0,0,.25);transition:background .2s,border-color .2s}
.site-header.is-scrolled{background:rgba(6,8,23,.94);border-color:rgba(117,139,222,.28)}
.brand{display:flex;align-items:center;gap:10px}
.brand img{border-radius:14px;filter:drop-shadow(0 0 15px rgba(32,198,255,.25))}
.brand span{display:grid;line-height:1}.brand strong{font-size:1.08rem;letter-spacing:.16em}.brand small{color:#9ca8c4;font-size:.66rem;letter-spacing:.1em;margin-top:5px;text-transform:uppercase}
.desktop-nav{display:flex;align-items:center;gap:28px;color:#b8c1d8;font-size:.88rem;font-weight:650}
.desktop-nav a{transition:color .18s}.desktop-nav a:hover,.desktop-nav a:focus-visible{color:#fff}
.header-actions{display:flex;align-items:center;gap:8px}
.button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 18px;border:1px solid transparent;border-radius:13px;font-weight:780;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s}
.button:hover{transform:translateY(-2px)}.button:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid rgba(24,207,248,.45);outline-offset:3px}
.button-primary{background:linear-gradient(110deg,var(--cyan),var(--purple) 55%,var(--pink));color:white;box-shadow:0 14px 34px rgba(96,76,255,.26)}
.button-primary:hover{box-shadow:0 18px 42px rgba(94,88,255,.4)}
.button-quiet{border-color:var(--line);background:rgba(255,255,255,.035);color:#dbe1f2}
.button-quiet:hover{border-color:rgba(95,205,255,.4);background:rgba(255,255,255,.07)}
.button-large{min-height:54px;padding:0 24px;border-radius:16px}
.section-shell{width:min(calc(100% - 40px),var(--max));margin-inline:auto}
.hero{min-height:700px;padding-top:124px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr);gap:42px;align-items:center}
.hero-copy{padding-bottom:34px}
.eyebrow{display:flex;align-items:center;gap:10px;color:#b9c5e5;font-size:.75rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.eyebrow span{width:28px;height:2px;background:linear-gradient(90deg,var(--cyan),var(--pink));box-shadow:0 0 12px var(--cyan)}
h1,h2,h3,p{margin-top:0}
h1{max-width:640px;margin-bottom:24px;font-size:clamp(3rem,4.45vw,5rem);line-height:.96;letter-spacing:-.06em}
h1 em,h2 em{font-style:normal;background:linear-gradient(110deg,#25d6ff,#7580ff 50%,#ed54c2);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-lead{max-width:640px;color:#b6bfd6;font-size:clamp(1rem,1.5vw,1.22rem);line-height:1.7}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.trust-row{display:flex;gap:22px;flex-wrap:wrap;margin:28px 0 0;padding:0;list-style:none;color:#9ca9c6;font-size:.78rem;font-weight:700}
.trust-row span{color:var(--cyan)}
.hero-visual{position:relative;min-height:510px;border:1px solid var(--line);border-radius:30px;background:linear-gradient(145deg,rgba(16,26,54,.86),rgba(33,14,53,.62));box-shadow:0 40px 100px rgba(0,0,0,.36);isolation:isolate;overflow:hidden}
.hero-visual::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,8,23,.2),transparent 45%),linear-gradient(0deg,rgba(5,8,23,.8),transparent 48%);z-index:1}
.hero-visual picture,.hero-visual picture img{display:block;width:100%;height:100%;position:absolute;inset:0}
.hero-visual img{object-fit:cover}.hero-visual [data-lilia-random-image]{opacity:0;transform:scale(1.018);transition:opacity .3s ease,transform .8s ease}.hero-visual picture.is-ready [data-lilia-random-image]{opacity:1;transform:none}.hero-static-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-halo{position:absolute;z-index:0;right:-20%;top:-25%;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(43,199,255,.22),transparent 65%);filter:blur(20px)}
.hero-console{position:absolute;z-index:2;left:28px;right:28px;bottom:26px;padding:18px;border:1px solid rgba(157,176,235,.24);border-radius:20px;background:rgba(6,9,24,.82);backdrop-filter:blur(18px);box-shadow:0 18px 45px rgba(0,0,0,.3)}
.console-top{display:flex;align-items:center;gap:6px;color:#99a8c7;font-size:.7rem}.console-top span{width:7px;height:7px;border-radius:50%;background:#59637f}.console-top small{margin-left:7px}
.console-query{margin:14px 0 12px;color:#e8edff;font-size:.9rem;line-height:1.5}
.console-progress,.console-result{display:flex;align-items:center;gap:9px}.console-progress{color:#94eaff;font-size:.78rem}.console-progress i{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px var(--cyan);animation:pulse 1.5s infinite}
.console-result{justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);font-size:.74rem;color:#9faccc}.console-result strong{color:#fff}
.float-chip{position:absolute;z-index:3;padding:8px 11px;border:1px solid rgba(115,190,255,.3);border-radius:999px;background:rgba(7,10,28,.8);backdrop-filter:blur(12px);color:#d8edff;font-size:.67rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase;animation:float 5s ease-in-out infinite}
.float-chip-a{left:18px;top:24%}.float-chip-b{right:18px;top:17%;animation-delay:-1.4s}.float-chip-c{right:10%;bottom:34%;animation-delay:-2.8s}
.proof-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;width:min(calc(100% - 40px),var(--max));margin:18px auto 150px;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--line)}
.proof-strip>div{padding:25px;background:rgba(10,14,33,.92)}.proof-strip strong,.proof-strip span{display:block}.proof-strip strong{margin-bottom:7px}.proof-strip span{color:#9ca8c4;font-size:.83rem;line-height:1.5}
.section-intro{max-width:820px;text-align:center;margin-bottom:56px}.section-intro .eyebrow{justify-content:center}
h2{font-size:clamp(2.35rem,4.6vw,4.9rem);line-height:1;letter-spacing:-.055em;margin-bottom:20px}
.section-intro>p:last-child,.connectors-copy>p:last-child,.security-copy>p:last-child,.workspace-copy>p{color:var(--muted);font-size:1.05rem;line-height:1.75}
.capability-stage{margin-bottom:160px}
.capability-toolbar{display:grid;grid-template-columns:1fr 48px;gap:10px;align-items:stretch;margin-bottom:12px}
.capability-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}
.capability-toolbar .capability-tabs{margin-bottom:0}
.capability-tabs button{position:relative;display:flex;align-items:center;gap:12px;min-height:62px;padding:0 16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025);color:#aab4cd;text-align:left;cursor:pointer;overflow:hidden;transition:color .2s,border-color .2s,background .2s,transform .2s,box-shadow .2s}
.capability-tabs button::after{content:"";position:absolute;inset:auto 14px 8px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--cyan),var(--purple),var(--pink));opacity:.18;transform:scaleX(.22);transform-origin:left;transition:opacity .25s,transform .35s}
.capability-tabs button span{color:#6f7f9f;font-size:.72rem;font-weight:900}
.capability-tabs button:hover{transform:translateY(-2px)}
.capability-tabs button:hover,.capability-tabs button[aria-selected=true]{color:#fff;border-color:rgba(51,210,255,.55);background:linear-gradient(135deg,rgba(24,207,248,.12),rgba(139,92,255,.13));box-shadow:0 12px 30px rgba(24,125,248,.1)}
.capability-tabs button[aria-selected=true]::after{opacity:1;transform:scaleX(1)}
.capability-toggle{display:grid;place-items:center;width:48px;border:1px solid var(--line);border-radius:16px;background:rgba(10,14,34,.82);color:#83e9ff;cursor:pointer;transition:.2s}.capability-toggle:hover{border-color:rgba(51,210,255,.55);background:rgba(28,35,74,.9)}.capability-toggle span{font-size:.78rem;font-weight:900;letter-spacing:-.2em;transform:translateX(-1px)}
.capability-panel{position:relative;display:grid;grid-template-columns:minmax(330px,.76fr) minmax(0,1.24fr);min-height:520px;border:1px solid var(--line);border-radius:30px;background:linear-gradient(145deg,rgba(10,16,37,.98),rgba(18,16,45,.95));overflow:hidden;box-shadow:0 34px 90px rgba(0,0,0,.25)}
.capability-panel::before{content:"";position:absolute;z-index:1;left:0;top:0;width:42%;height:3px;background:linear-gradient(90deg,var(--cyan),var(--purple),var(--pink));box-shadow:0 0 24px rgba(90,157,255,.55)}
.capability-copy{padding:clamp(30px,5vw,66px);display:flex;flex-direction:column;justify-content:center}
.panel-index{color:#59dcff;font-size:.72rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.capability-copy h3{max-width:520px;font-size:clamp(2rem,3.05vw,3.25rem);line-height:1.01;letter-spacing:-.052em}
.capability-copy h3 span,.capability-copy h3 em{display:block}.capability-copy h3 em{margin-top:5px;font-style:normal;background:linear-gradient(105deg,#2cd8ff 2%,#7b79ff 52%,#f052bd 96%);-webkit-background-clip:text;background-clip:text;color:transparent}
.capability-copy>p:not(.panel-index){color:#aeb9d0;line-height:1.7}
.capability-copy ul{display:grid;gap:12px;margin:22px 0 30px;padding:0;list-style:none}.capability-copy li{position:relative;padding-left:24px;color:#dce3f6;font-size:.9rem}.capability-copy li::before{content:"";position:absolute;left:0;top:5px;width:9px;height:9px;border:2px solid var(--cyan);border-radius:50%}
.text-link{color:#8eeaff;font-weight:800}.text-link span{display:inline-block;margin-left:8px;transition:transform .2s}.text-link:hover span{transform:translateX(5px)}
.capability-media{position:relative;min-height:420px;overflow:hidden}.capability-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,16,38,.92),transparent 31%),linear-gradient(0deg,rgba(7,9,23,.62),transparent 45%)}
.capability-media img{width:100%;height:100%;object-fit:cover;object-position:center;transition:opacity .28s,transform .65s cubic-bezier(.2,.7,.2,1)}.capability-media.is-changing img{opacity:.18;transform:scale(1.045)}
.media-overlay{position:absolute;z-index:2;right:22px;bottom:22px;display:flex;align-items:center;gap:5px;padding:11px 14px;border:1px solid rgba(166,184,242,.22);border-radius:13px;background:rgba(6,9,24,.78);backdrop-filter:blur(14px);font-size:.72rem;color:#dfe6f9}.media-overlay i{width:5px;height:5px;border-radius:50%;background:var(--cyan);animation:dots 1.2s infinite}.media-overlay i:nth-child(3){animation-delay:.15s}.media-overlay i:nth-child(4){animation-delay:.3s}
.capability-progress{height:3px;margin:12px 18px 0;border-radius:999px;background:rgba(117,134,200,.12);overflow:hidden}.capability-progress i{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--purple),var(--pink));transform:scaleX(0);transform-origin:left}.capability-stage.is-running .capability-progress i{animation:capabilityProgress 6.5s linear forwards}
.workspace-section{padding:140px 0;background:linear-gradient(180deg,transparent,rgba(21,28,62,.65),transparent)}
.workspace-grid{display:grid;grid-template-columns:minmax(350px,.8fr) 1.2fr;gap:80px;align-items:center}
.workspace-portrait{position:relative;max-width:520px;margin-inline:auto;border:1px solid rgba(145,111,255,.35);border-radius:40px;background:#080b1b;box-shadow:0 45px 90px rgba(0,0,0,.36);overflow:hidden}
.workspace-portrait::after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(transparent,#090b1b)}
.workspace-portrait img{display:block;width:100%;height:auto}
.portrait-label{position:absolute;z-index:2;left:25px;bottom:23px;font-size:.8rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.workspace-list{display:grid;gap:8px;margin-top:34px}.workspace-list article{display:grid;grid-template-columns:48px 1fr;gap:16px;padding:18px;border:1px solid transparent;border-radius:16px;transition:.2s}.workspace-list article:hover{border-color:var(--line);background:rgba(255,255,255,.035);transform:translateX(5px)}
.workspace-list article>span{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(91,205,255,.32);border-radius:12px;color:#69e3ff;font-size:.72rem;font-weight:900}.workspace-list strong{font-size:1rem}.workspace-list p{margin:5px 0 0;color:#9ca8c4;font-size:.86rem;line-height:1.5}
.connectors{display:grid;grid-template-columns:.82fr 1.18fr;gap:80px;align-items:center;padding-block:160px}
.connector-orbit{position:relative;min-height:480px;border:1px solid var(--line);border-radius:50%;background:radial-gradient(circle,rgba(45,107,255,.16),rgba(8,11,27,.4) 55%,transparent 56%);box-shadow:inset 0 0 80px rgba(73,61,255,.08)}
.connector-orbit::before,.connector-orbit::after{content:"";position:absolute;inset:12%;border:1px solid rgba(113,130,202,.18);border-radius:50%}.connector-orbit::after{inset:28%}
.orbit-core{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;gap:7px}.orbit-core img{border-radius:24px;box-shadow:0 0 45px rgba(42,193,255,.35)}
.connector-card{position:absolute;z-index:3;width:190px;padding:17px;border:1px solid rgba(144,160,220,.22);border-radius:17px;background:rgba(10,14,34,.9);backdrop-filter:blur(16px);box-shadow:0 20px 45px rgba(0,0,0,.25)}.connector-card span,.connector-card strong,.connector-card small{display:block}.connector-card span{color:#5bdbff;font-size:1.4rem}.connector-card strong{margin:7px 0 5px}.connector-card small{color:#95a1bd;line-height:1.4}
.connector-drive{left:4%;top:8%}.connector-calendar{right:2%;top:34%}.connector-future{left:13%;bottom:4%}
.security-section{padding:130px 0;background:linear-gradient(135deg,#0a1027,#15102d)}
.security-grid{display:grid;grid-template-columns:.76fr 1.24fr;gap:70px;align-items:center}
.security-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.security-cards article{min-height:185px;padding:24px;border:1px solid var(--line);border-radius:20px;background:rgba(7,10,27,.55)}.security-cards span{color:#4edfff;font-size:.7rem;font-weight:900}.security-cards strong{display:block;margin:22px 0 9px;font-size:1rem}.security-cards p{color:#9da9c5;font-size:.83rem;line-height:1.6}
.plans-section{padding-block:150px}.plans-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.plans-grid article{position:relative;display:flex;flex-direction:column;min-height:410px;padding:26px;border:1px solid var(--line);border-radius:22px;background:rgba(11,15,35,.8)}.plans-grid article>p{color:#8ee8ff;font-weight:850}.plans-grid h3{font-size:2.25rem;letter-spacing:-.05em}.plans-grid h3 small{color:#8995b2;font-size:.67rem;letter-spacing:0}.plans-grid article>span{color:#9da8c1;font-size:.82rem}.plans-grid ul{display:grid;gap:11px;margin:27px 0;padding:0;list-style:none;color:#dbe1ef;font-size:.83rem}.plans-grid li::before{content:"✓";margin-right:8px;color:#62e5ff}.plans-grid .button{margin-top:auto}.plan-featured{border-color:rgba(138,97,255,.65)!important;background:linear-gradient(160deg,rgba(45,38,100,.84),rgba(28,13,54,.84))!important;box-shadow:0 25px 60px rgba(83,50,206,.18)}.plan-label{position:absolute;right:16px;top:14px;padding:6px 8px;border-radius:8px;background:rgba(234,68,187,.15);color:#ff99df;font-size:.62rem;font-weight:850;text-transform:uppercase}.plans-note{text-align:center;margin-top:20px;color:#7f8ba7;font-size:.76rem}
.faq-section{display:grid;grid-template-columns:minmax(260px,.62fr) minmax(0,1.38fr);gap:58px;padding-bottom:150px;align-items:start}.faq-title{position:sticky;top:120px}.faq-title h2{max-width:470px;font-size:clamp(2.6rem,4.5vw,4.7rem)}.faq-title>p:last-child{max-width:440px;color:#98a6c4;line-height:1.7}.faq-experience{display:grid;grid-template-columns:minmax(190px,.68fr) minmax(0,1.32fr);gap:12px;padding:12px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,rgba(12,18,42,.88),rgba(25,15,48,.82));box-shadow:0 34px 80px rgba(0,0,0,.22)}
.faq-questions{display:grid;gap:8px}.faq-questions button{position:relative;display:grid;grid-template-columns:32px 1fr;grid-template-rows:auto auto;column-gap:10px;min-height:76px;padding:13px 14px;border:1px solid transparent;border-radius:16px;background:rgba(4,8,24,.48);color:#aeb9d0;text-align:left;cursor:pointer;transition:transform .2s,border-color .2s,background .2s,color .2s}.faq-questions button:hover{transform:translateX(3px);border-color:rgba(97,219,255,.22)}.faq-questions button[aria-selected=true]{border-color:rgba(90,210,255,.5);background:linear-gradient(135deg,rgba(24,207,248,.13),rgba(139,92,255,.16));color:#fff;box-shadow:0 12px 26px rgba(41,81,190,.12)}.faq-questions button>span{grid-row:1/3;align-self:center;color:#55dfff;font-size:.69rem;font-weight:900}.faq-questions strong{align-self:end;font-size:.84rem}.faq-questions small{align-self:start;margin-top:4px;color:#7f8eae;font-size:.66rem}.faq-answer-stack{position:relative;min-height:430px;border:1px solid rgba(142,158,216,.14);border-radius:20px;background:radial-gradient(circle at 85% 15%,rgba(151,73,255,.17),transparent 34%),linear-gradient(145deg,rgba(8,13,34,.96),rgba(15,12,38,.94));overflow:hidden}.faq-answer-stack::after{content:"";position:absolute;right:-70px;bottom:-70px;width:230px;aspect-ratio:1;border:1px solid rgba(67,215,255,.13);border-radius:50%;box-shadow:0 0 0 38px rgba(101,91,255,.05),0 0 0 76px rgba(232,70,188,.035)}.faq-answer-stack article{position:relative;z-index:1;min-height:430px;padding:clamp(28px,4vw,50px);animation:faqReveal .42s cubic-bezier(.2,.7,.2,1)}.faq-answer-stack article[hidden]{display:none}.faq-answer-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:46px;border:1px solid rgba(88,219,255,.4);border-radius:16px;background:linear-gradient(145deg,rgba(37,210,255,.12),rgba(159,79,255,.18));color:#79e9ff;font-size:1.25rem;box-shadow:0 14px 32px rgba(60,83,220,.14)}.faq-answer-stack article>p{margin-bottom:10px;color:#65ddff;font-size:.7rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.faq-answer-stack h3{max-width:560px;margin-bottom:18px;font-size:clamp(1.55rem,2.25vw,2.35rem);line-height:1.08;letter-spacing:-.035em}.faq-answer-stack article>div{max-width:620px;color:#aeb8d0;line-height:1.75}.faq-answer-stack .text-link{display:inline-flex;margin-top:28px}
.final-cta{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:70px;padding:55px;border:1px solid rgba(134,118,255,.28);border-radius:28px;background:linear-gradient(130deg,rgba(16,34,67,.88),rgba(45,18,69,.88))}.final-cta h2{max-width:820px;margin-bottom:0;font-size:clamp(2rem,4vw,4rem)}
footer{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:35px;padding:34px max(24px,calc((100vw - var(--max))/2));border-top:1px solid var(--line);color:#99a5bf;font-size:.77rem}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{border-radius:13px}.footer-brand strong,.footer-brand span{display:block}.footer-brand strong{color:#fff}.footer-brand span{margin-top:4px}footer nav{display:flex;gap:20px}footer a:hover{color:#fff}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:none}
@keyframes pulse{50%{opacity:.35;transform:scale(.75)}}@keyframes float{50%{transform:translateY(-9px)}}@keyframes dots{50%{opacity:.2;transform:translateY(-3px)}}@keyframes capabilityProgress{to{transform:scaleX(1)}}@keyframes faqReveal{from{opacity:0;transform:translateY(12px) scale(.992)}to{opacity:1;transform:none}}
@media (max-width:1024px){
  .desktop-nav{display:none}.hero{grid-template-columns:1fr;padding-top:130px}.hero-copy{text-align:center}.hero-copy .eyebrow{justify-content:center}.hero-lead,h1{margin-inline:auto}.hero-actions,.trust-row{justify-content:center}.hero-visual{width:min(100%,760px);margin-inline:auto}.proof-strip{margin-top:50px}
  .workspace-grid,.connectors,.security-grid{grid-template-columns:1fr}.workspace-copy,.connectors-copy,.security-copy{text-align:center}.workspace-copy .eyebrow,.connectors-copy .eyebrow,.security-copy .eyebrow{justify-content:center}.connectors{gap:40px}.connector-orbit{width:min(100%,680px);margin-inline:auto}.plans-grid{grid-template-columns:repeat(2,1fr)}.faq-section{grid-template-columns:1fr;gap:30px}.faq-title{position:static;text-align:center}.faq-title .eyebrow{justify-content:center}.faq-title h2,.faq-title>p:last-child{margin-inline:auto}.final-cta{align-items:center;flex-direction:column;text-align:center}footer{grid-template-columns:1fr;text-align:center}.footer-brand,footer nav{justify-content:center}
}
@media (max-width:720px){
  :root{--header:64px}.section-shell{width:min(calc(100% - 28px),var(--max))}.site-header{top:8px;width:calc(100% - 16px);height:58px;border-radius:16px;padding-left:10px}.brand img{width:38px;height:38px}.brand small{display:none}.hide-mobile{display:none}.button{padding-inline:14px}.site-header .button-primary{min-height:40px;font-size:.77rem}
  .hero{min-height:auto;padding-top:96px;gap:24px}.hero-copy{padding-bottom:0}h1{font-size:clamp(2.5rem,12vw,3.75rem);line-height:.98}.hero-lead{font-size:.96rem;line-height:1.62}.hero-actions .button{width:100%}.trust-row{gap:12px;font-size:.7rem}.hero-visual{min-height:455px;border-radius:24px}.hero-visual img{object-position:center top}.hero-console{left:12px;right:12px;bottom:12px;padding:14px}.console-result{align-items:flex-start;flex-direction:column}.float-chip{display:none}
  .proof-strip{grid-template-columns:1fr;width:calc(100% - 28px);margin:45px auto 110px}.proof-strip>div{padding:20px}
  h2{font-size:clamp(2.15rem,11vw,3.6rem)}.section-intro{margin-bottom:34px}.capability-stage{margin-bottom:110px}.capability-toolbar{grid-template-columns:minmax(0,1fr) 44px;align-items:start}.capability-tabs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:5px}.capability-tabs button{min-width:145px;min-height:54px;scroll-snap-align:start}.capability-toggle{width:44px;height:54px}.capability-panel{grid-template-columns:1fr;border-radius:22px}.capability-copy{padding:30px 23px}.capability-copy h3{font-size:2.25rem}.capability-media{min-height:300px;grid-row:1}.capability-media::after{background:linear-gradient(0deg,rgba(10,15,36,.92),transparent 60%)}.capability-progress{margin-inline:10px}
  .workspace-section{padding:100px 0}.workspace-grid{gap:44px}.workspace-portrait{max-height:540px;border-radius:28px}.workspace-portrait img{height:540px;object-fit:cover;object-position:50% 18%}.workspace-list article{padding:13px 5px}.workspace-list article:hover{transform:none}
  .connectors{padding-block:110px}.connector-orbit{min-height:440px;border-radius:34px;background:radial-gradient(circle,rgba(45,107,255,.16),rgba(8,11,27,.45) 58%,transparent 59%)}.connector-orbit::before,.connector-orbit::after{border-radius:38px}.connector-card{width:164px;padding:13px}.connector-drive{left:3%;top:5%}.connector-calendar{right:3%;top:31%}.connector-future{left:6%;bottom:5%}
  .security-section{padding:90px 0}.security-grid{gap:38px}.security-cards{grid-template-columns:1fr}.security-cards article{min-height:150px}
  .plans-section{padding-block:110px}.plans-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 1px 8px}.plans-grid article{min-width:82vw;scroll-snap-align:center}
  .faq-section{padding-bottom:110px}.faq-title h2{font-size:2.85rem}.faq-experience{grid-template-columns:1fr;padding:9px;border-radius:22px}.faq-questions{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:3px}.faq-questions button{min-width:175px;scroll-snap-align:start}.faq-questions button:hover{transform:none}.faq-answer-stack,.faq-answer-stack article{min-height:390px}.faq-answer-stack article{padding:27px 23px}.faq-answer-icon{margin-bottom:34px}.final-cta{padding:32px 22px;margin-bottom:50px}.final-cta .button{width:100%}
  footer nav{flex-wrap:wrap}footer{padding:30px 20px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

.lilia-mobile-nav,.lilia-enter-short{display:none}

@media (max-width:720px){
  html{scroll-padding-top:126px}
  .site-header{gap:5px;padding:6px 7px 6px 9px}
  .brand{min-width:0;gap:7px}
  .brand strong{font-size:.92rem;letter-spacing:.11em}
  .header-actions{flex:0 0 auto;gap:4px}
  .site-header .lilia-nova-back{min-height:38px;padding-inline:9px;border-radius:11px;font-size:.67rem}
  .site-header .button-primary{padding-inline:11px}
  .lilia-enter-full{display:none}
  .lilia-enter-short{display:inline}

  .lilia-mobile-nav{position:fixed;z-index:99;top:74px;right:8px;left:8px;display:block;padding:6px;border:1px solid rgba(142,158,216,.18);border-radius:14px;background:rgba(6,8,23,.9);backdrop-filter:blur(18px);box-shadow:0 14px 35px rgba(0,0,0,.24)}
  .lilia-mobile-nav>div{display:flex;overflow-x:auto;gap:6px;scrollbar-width:none;overscroll-behavior-x:contain}
  .lilia-mobile-nav>div::-webkit-scrollbar{display:none}
  .lilia-mobile-nav a{display:inline-flex;flex:0 0 auto;min-height:32px;padding:0 11px;border:1px solid rgba(143,158,207,.14);border-radius:9px;align-items:center;color:#aeb9d1;background:rgba(255,255,255,.025);font-size:.67rem;font-weight:760;white-space:nowrap}
  .lilia-mobile-nav a:focus-visible{outline:2px solid rgba(24,207,248,.5);outline-offset:1px}

  .hero{padding-top:142px}
  .proof-strip{margin:36px auto 76px}
  .capability-stage{margin-bottom:78px}
  .workspace-section{padding:78px 0}
  .workspace-grid{gap:34px}
  .workspace-portrait,.workspace-portrait img{height:460px;max-height:460px}
  .connectors{padding-block:82px}
  .connector-orbit{min-height:390px}
  .security-section{padding:74px 0}
  .plans-section{padding-block:82px}
  .faq-section{padding-bottom:82px}
  .final-cta{margin-bottom:42px}
}

@media (max-width:360px){
  .site-header{width:calc(100% - 12px);padding-inline:6px}
  .brand img{width:35px;height:35px}
  .brand strong{font-size:.82rem}
  .site-header .lilia-nova-back{padding-inline:7px}
  .site-header .button-primary{padding-inline:9px;font-size:.7rem}
  .lilia-mobile-nav{right:6px;left:6px}
  .hero{padding-top:138px}
}