:root{--bg:#180130;--bg-2:#23024a;--panel:hsla(0,0%,100%,.06);--panel-strong:hsla(0,0%,100%,.1);--text:#fff;--muted:#c9b6df;--cyan:#15e7ff;--blue:#1978ff;--violet:#8e39ff;--border:hsla(0,0%,100%,.14);--shadow:0 24px 80px rgba(0,0,0,.35)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{border:0}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;min-height:78px;padding:16px clamp(20px,5vw,72px);justify-content:space-between;background:rgba(24,1,48,.86);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}.brand,.site-header{display:flex;align-items:center}.brand{gap:12px;font-weight:800;letter-spacing:-.03em}.brand-logo{display:block;width:clamp(185px,16vw,270px);height:52px;object-fit:contain;object-position:left center;border-radius:12px}.nav{display:flex;align-items:center;gap:24px;color:var(--muted)}.dropdown button,.nav a{background:transparent;border:0;color:inherit;cursor:pointer;transition:color .2s ease}.dropdown button:hover,.nav a:hover{color:var(--text)}.dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;left:0;margin-top:0;width:230px;padding:10px;border:1px solid var(--border);border-radius:16px;background:rgba(24,1,48,.96);opacity:0;pointer-events:none;transform:translateY(8px);transition:all .2s ease;box-shadow:var(--shadow)}.dropdown:focus-within .dropdown-menu,.dropdown:hover .dropdown-menu{opacity:1;pointer-events:auto;transform:translateY(0)}.dropdown-menu a{display:block;padding:12px;border-radius:12px}.dropdown-menu a:hover{background:hsla(0,0%,100%,.08)}.nav-cta,.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:999px;font-weight:800}.nav-cta,.primary-button{background:linear-gradient(135deg,var(--cyan),var(--blue));color:#04101e!important;border:0;box-shadow:0 0 28px rgba(21,231,255,.25)}.nav-cta{color:#fff!important;background:linear-gradient(135deg,var(--blue),var(--violet))}.secondary-button{border:1px solid hsla(0,0%,100%,.2);color:var(--text);background:hsla(0,0%,100%,.06)}.menu-button{display:none;width:44px;height:44px;border:1px solid var(--border);border-radius:12px;background:hsla(0,0%,100%,.06)}.menu-button span{display:block;width:18px;height:2px;margin:4px auto;background:var(--text)}.contact-page,.hero,.page-hero{padding:clamp(64px,9vw,128px) clamp(20px,5vw,72px)}.hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);align-items:center;grid-gap:56px;gap:56px;min-height:calc(100vh - 78px);background:radial-gradient(circle at 88% 18%,rgba(142,57,255,.28),transparent 34%),radial-gradient(circle at 8% 78%,rgba(21,231,255,.12),transparent 28%),var(--bg)}.contact-page h1,.hero h1,.page-hero h1{margin:16px 0 22px;font-size:clamp(2.5rem,6vw,5.7rem);line-height:.95;letter-spacing:-.075em}.card p,.contact-page p,.cta-section p,.hero p,.page-hero p,.section-head p{color:var(--muted);line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.eyebrow{display:inline-flex;color:var(--cyan);font-weight:900;letter-spacing:.16em;text-transform:uppercase;font-size:.76rem}.hero-visual{position:relative;padding:28px;border:1px solid var(--border);border-radius:32px;background:linear-gradient(145deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.03));box-shadow:var(--shadow);overflow:hidden}.hero-visual img{width:100%;height:auto;border-radius:22px;display:block}.metric-card{position:absolute;padding:16px 18px;border:1px solid rgba(21,231,255,.34);border-radius:20px;background:rgba(24,1,48,.78);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 35px rgba(21,231,255,.12)}.metric-card strong{display:block;color:var(--cyan);font-size:1.8rem}.metric-card span{color:var(--muted);font-size:.9rem}.metric-one{top:0;right:4%}.metric-two{bottom:2%;left:5%}.section{padding:clamp(64px,8vw,112px) clamp(20px,5vw,72px)}.section-head{max-width:820px;margin-bottom:38px}.cta-section h2,.section-head h2{margin:12px 0 14px;font-size:clamp(2rem,4vw,4rem);line-height:1;letter-spacing:-.055em}.grid{display:grid;grid-gap:22px;gap:22px}.two-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.three-cols{grid-template-columns:repeat(3,minmax(0,1fr))}.automation-card,.card,.carousel-card,.contact-card,.split-panel>div{position:relative;border:1px solid var(--border);border-radius:26px;background:linear-gradient(145deg,hsla(0,0%,100%,.075),hsla(0,0%,100%,.035));box-shadow:0 18px 50px rgba(0,0,0,.2)}.automation-card,.card,.contact-card,.split-panel>div{padding:28px}.card-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:18px;background:rgba(21,231,255,.1);border:1px solid rgba(21,231,255,.22);font-size:1.5rem}.automation-card h4,.automation-group h3,.card h3,.carousel-card h3,.contact-card h3,.split-panel h3{margin:18px 0 12px;letter-spacing:-.035em}.hover-border-card{overflow:hidden}.hover-border-card:before{content:"";position:absolute;inset:-2px;border-radius:inherit;background:linear-gradient(120deg,transparent,var(--cyan),var(--violet),var(--blue),transparent);opacity:0;transition:opacity .25s ease;z-index:-1}.hover-border-card:hover:before{opacity:1;animation:glowSpin 2s linear infinite}.hover-border-card:hover{border-color:rgba(21,231,255,.45);transform:translateY(-4px)}@keyframes glowSpin{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}.carousel-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,32%);grid-gap:18px;gap:18px;overflow-x:auto;padding-bottom:12px;scroll-snap-type:x mandatory}.carousel-card{min-height:250px;padding:26px;scroll-snap-align:start}.carousel-card span{font-size:2rem}.channel-row,.focus-grid{display:flex;flex-wrap:wrap;gap:14px}.channel-row span,.focus-pill{padding:14px 18px;border:1px solid rgba(21,231,255,.18);border-radius:999px;background:rgba(21,231,255,.07);color:#e9fbff}.split-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:22px;gap:22px}.cta-section{margin:clamp(32px,5vw,72px);padding:clamp(36px,6vw,72px);border:1px solid rgba(21,231,255,.26);border-radius:34px;display:flex;align-items:center;justify-content:space-between;gap:32px;background:radial-gradient(circle at 90% 18%,rgba(21,231,255,.16),transparent 25%),linear-gradient(145deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.04));box-shadow:var(--shadow)}.cta-section p{max-width:720px}.page-hero{min-height:520px;display:grid;align-items:center;background:radial-gradient(circle at 78% 28%,rgba(21,231,255,.12),transparent 30%),radial-gradient(circle at 8% 80%,rgba(142,57,255,.2),transparent 34%),var(--bg)}.compact-hero{min-height:420px;max-width:1100px}.case-hero{grid-template-columns:minmax(0,1fr) minmax(310px,.75fr);gap:42px}.automation-map{display:grid;grid-gap:14px;gap:14px;padding:24px;border:1px solid var(--border);border-radius:30px;background:hsla(0,0%,100%,.05)}.automation-map span{padding:16px;border:1px solid rgba(21,231,255,.24);border-radius:16px;color:#e9fbff;background:rgba(21,231,255,.07)}.initial-setup-section{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);align-items:center;grid-gap:clamp(36px,7vw,84px);gap:clamp(36px,7vw,84px)}.initial-setup-copy{max-width:680px}.initial-setup-copy h2{margin:0 0 18px;font-size:clamp(2rem,4vw,4rem);line-height:1;letter-spacing:-.055em}.initial-setup-copy p{margin:0;color:var(--muted);line-height:1.8}.initial-setup-fan{position:relative;width:100%;min-height:clamp(330px,36vw,460px)}.setup-fan-image{position:absolute;top:50%;left:50%;width:min(58%,330px);aspect-ratio:4/5;object-fit:cover;border:1px solid hsla(0,0%,100%,.2);border-radius:22px;background:linear-gradient(145deg,hsla(0,0%,100%,.09),hsla(0,0%,100%,.035));box-shadow:0 22px 60px rgba(0,0,0,.28)}.setup-fan-image-left{transform:translate(-88%,-48%) rotate(-12deg);z-index:1}.setup-fan-image-center{transform:translate(-50%,-54%) rotate(1deg);z-index:3}.setup-fan-image-right{transform:translate(-12%,-48%) rotate(12deg);z-index:2}.automation-groups{display:grid;grid-gap:42px;gap:42px}.automation-group h3{font-size:1.8rem;color:var(--cyan)}.placeholder-image{height:170px;display:grid;place-items:center;border-radius:20px;color:var(--muted);background:transparent}.image-displayed{width:auto;height:inherit;border-radius:20px;max-width:100%}.automation-insights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid hsla(0,0%,100%,.12)}.insight-chart{min-width:0;padding:12px;border:1px solid hsla(0,0%,100%,.12);border-radius:16px;background:hsla(0,0%,100%,.055);cursor:default;outline:none;transition:transform .2s ease,border-color .2s ease,background .2s ease}.insight-chart:focus-visible,.insight-chart:hover{transform:translateY(-3px);border-color:rgba(21,231,255,.42);background:rgba(21,231,255,.08)}.insight-chart span,.insight-chart strong{display:block}.insight-chart>span{min-height:32px;color:var(--muted);font-size:.78rem;font-weight:800;line-height:1.25}.insight-chart strong{margin-top:8px;color:var(--text);font-size:1.15rem;letter-spacing:0}.insight-track{height:8px;margin-top:10px;overflow:hidden;border-radius:999px;background:hsla(0,0%,100%,.1)}.insight-track span{width:0;height:100%;border-radius:inherit;transform-origin:left center;transform:scaleX(.78);transition:transform .25s ease,filter .25s ease}.difficulty-chart .insight-track span{background:linear-gradient(90deg,#15e7ff,#1978ff)}.usefulness-chart .insight-track span{background:linear-gradient(90deg,#63f5b2,#15e7ff)}.time-chart .insight-track span{background:linear-gradient(90deg,#ffe66d,#8e39ff)}.insight-chart:focus-visible .insight-track span,.insight-chart:hover .insight-track span{transform:scaleX(1);filter:drop-shadow(0 0 8px rgba(21,231,255,.45))}.automation-result-row{display:flex;justify-content:flex-end;margin-top:16px}.automation-result-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:0 18px;border-radius:999px;color:#04101e;background:linear-gradient(135deg,var(--cyan),var(--blue));font-weight:850;cursor:pointer;box-shadow:0 0 24px rgba(21,231,255,.18);transition:transform .2s ease,box-shadow .2s ease}.automation-result-button:focus-visible,.automation-result-button:hover{transform:translateY(-2px);box-shadow:0 0 32px rgba(21,231,255,.28);outline:none}.automation-result-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.automation-result-modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:clamp(18px,4vw,44px)}.automation-result-backdrop{position:absolute;inset:0;width:100%;height:100%;background:rgba(10,0,24,.78);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer}.automation-result-dialog{position:relative;z-index:1;width:min(100%,980px);max-height:min(86vh,820px);overflow:hidden;border:1px solid rgba(21,231,255,.24);border-radius:26px;background:rgba(24,1,48,.96);box-shadow:var(--shadow)}.automation-result-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border-bottom:1px solid hsla(0,0%,100%,.12)}.automation-result-header h3{margin:0;font-size:clamp(1.05rem,2vw,1.45rem);line-height:1.25;letter-spacing:-.025em}.automation-result-close{flex:0 0 auto;width:42px;height:42px;border:1px solid hsla(0,0%,100%,.18);border-radius:50%;color:var(--text);background:hsla(0,0%,100%,.08);cursor:pointer}.automation-result-close span{display:block;transform:translateY(-1px);font-size:1.7rem;line-height:1}.automation-result-image{display:block;width:100%;max-height:calc(min(86vh, 820px) - 79px);object-fit:contain;background:hsla(0,0%,100%,.04)}.idea-grid .card{min-height:190px}.timeline-list{display:grid;grid-gap:14px;gap:14px}.timeline-list div{display:grid;grid-template-columns:74px 1fr;align-items:center;padding:18px;border:1px solid var(--border);border-radius:18px;background:hsla(0,0%,100%,.05)}.timeline-list span{color:var(--cyan);font-weight:900}.timeline-list p{margin:0;color:var(--text)}.contact-page{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,.8fr);grid-gap:54px;gap:54px;align-items:start;min-height:calc(100vh - 78px)}.contact-form{display:grid;grid-gap:18px;gap:18px;padding:30px;border:0;border-radius:30px;background:hsla(0,0%,100%,.06);box-shadow:var(--shadow)}.contact-form label{display:grid;grid-gap:8px;gap:8px;color:var(--muted);font-weight:700}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid hsla(0,0%,100%,.18);border-radius:16px;padding:15px 16px;background:hsla(0,0%,100%,.07);color:var(--text);outline:none;transition:border .2s ease,box-shadow .2s ease}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:rgba(21,231,255,.7);box-shadow:0 0 0 4px rgba(21,231,255,.1)}.contact-form option{background:var(--bg)}.footer{padding:38px clamp(20px,5vw,72px);display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--border);color:var(--muted)}.footer strong{color:var(--text)}.footer-links{display:flex;flex-wrap:wrap;gap:16px}@media (max-width:980px){.menu-button{display:block}.site-header{justify-content:center}.brand{position:absolute;left:50%;transform:translateX(-50%)}.brand-logo{width:190px;height:44px;object-position:center}.menu-button{position:absolute;right:20px}.nav{position:fixed;top:78px;left:16px;right:16px;display:none;flex-direction:column;align-items:stretch;gap:12px;padding:20px;border:1px solid var(--border);border-radius:24px;background:rgba(24,1,48,.98);box-shadow:var(--shadow)}.nav-open{display:flex}.dropdown-menu{position:static;width:auto;margin-top:10px;opacity:1;pointer-events:auto;transform:none}.case-hero,.contact-page,.hero,.initial-setup-section{grid-template-columns:1fr}.initial-setup-copy,.initial-setup-fan{width:100%}.initial-setup-fan{min-height:360px}.split-panel,.three-cols,.two-cols{grid-template-columns:1fr}.carousel-row{grid-auto-columns:minmax(270px,82%)}.cta-section,.footer{flex-direction:column;align-items:flex-start}}@media (max-width:560px){.contact-page h1,.hero h1,.page-hero h1{font-size:2.55rem}.hero-actions{flex-direction:column}.automation-result-button,.primary-button,.secondary-button{width:100%}.automation-result-row{justify-content:stretch}.metric-card{position:static;margin-top:14px}.timeline-list div{grid-template-columns:1fr;gap:8px}}