@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@500;600;700;800&family=Rajdhani:wght@400;500;600;700&family=Share+Tech+Mono&display=swap";:root{--color-bg:#020605;--color-bg-2:#07120f;--color-surface:#081612;--color-surface-2:#0d211b;--color-surface-3:#123229;--color-text:#f1fff9;--color-muted:#98b8ad;--color-soft:#c8d9d1;--color-line:#78fff02e;--color-line-strong:#18c99a7a;--color-accent:#18c99a;--color-accent-2:#16a9b7;--color-neon-cyan:#78fff0;--color-neon-green:#37ffb1;--color-neon-blue:#8fdcff;--color-primary:#0f6f55;--color-primary-strong:#074f3e;--color-dark:#101815;--color-blackout:#010302;--color-terminal:#06100d;--color-pixel-shadow:#18c99a52;--color-warm:#cda85b;--color-danger:#b42318;--gradient-brand-dark:radial-gradient(circle at 10% 0%, #18c99a38, transparent 18rem), radial-gradient(circle at 86% 20%, #16a9b726, transparent 18rem), linear-gradient(135deg, #071814 0%, #0b2b23 42%, #0f5f49 100%);--font-sans:"Chakra Petch", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Chakra Petch", Inter, ui-sans-serif, system-ui, sans-serif;--font-pixel:"Chakra Petch", ui-monospace, "SFMono-Regular", Consolas, monospace;--font-terminal:"Chakra Petch", ui-monospace, "SFMono-Regular", Consolas, monospace;--container:1180px;--container-wide:1360px;--section-y:clamp(72px, 9vw, 132px);--section-y-sm:clamp(48px, 7vw, 88px);--radius-sm:4px;--radius-md:8px;--radius-lg:14px;--radius-xl:22px;--shadow-soft:0 24px 70px #0000006b;--shadow-card:0 18px 42px #0000005c;--shadow-glow:0 0 0 1px #78fff02e, 0 18px 48px #18c99a33;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-smooth:cubic-bezier(.22, .61, .36, 1);--header-h:76px;--z-header:50;--z-modal:90;--cursor-pixel:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' shape-rendering='crispEdges'%3E%3Cpath fill='%23000000' d='M2 1h2v2h2v2h2v2h2v2h2v2h2v2h-4v2h-2v3H8v-3H6v7H4V3H2z'/%3E%3Cpath fill='%23ffffff' d='M4 3h2v2h2v2h2v2h2v2h-4v2H6v3H5V5H4z'/%3E%3C/svg%3E") 2 1, auto;--cursor-pixel-pointer:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' shape-rendering='crispEdges'%3E%3Cpath fill='%23000000' d='M2 1h2v2h2v2h2v2h2v2h2v2h2v2h-4v2h-2v3H8v-3H6v7H4V3H2z'/%3E%3Cpath fill='%23ffffff' d='M4 3h2v2h2v2h2v2h2v2h-4v2H6v3H5V5H4z'/%3E%3Cpath fill='%2318c99a' d='M6 5h2v2H6z'/%3E%3C/svg%3E") 2 1, pointer}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--color-bg)}body{min-width:320px;color:var(--color-text);font-family:var(--font-sans);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;cursor:var(--cursor-pixel,auto);background:radial-gradient(circle at 18% 0,#18c99a24,#0000 34rem),radial-gradient(circle at 86% 14%,#16a9b71f,#0000 30rem),linear-gradient(#020605 0%,#07120f 52%,#020605 100%);margin:0;font-size:16px;line-height:1.6;overflow-x:hidden}body:before{z-index:-2;content:"";background-image:linear-gradient(#78fff00b 1px,#0000 1px),linear-gradient(90deg,#78fff009 1px,#0000 1px),radial-gradient(circle at 70% 20%,#18c99a1f,#0000 24rem);background-size:48px 48px,48px 48px,auto;position:fixed;inset:0}body:after{z-index:999;mix-blend-mode:screen;opacity:.16;pointer-events:none;content:"";background:repeating-linear-gradient(#ffffff06 0 1px,#0000 1px 4px);position:fixed;inset:0}body.menu-open,body.modal-open{overflow:hidden}img,svg,video,canvas{max-width:100%;display:block}img{height:auto}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}a,button,input,textarea,select{cursor:var(--cursor-pixel,auto)}a,button,[role=button]{cursor:var(--cursor-pixel-pointer,pointer)}input,textarea,select{cursor:auto}:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}::selection{color:#fff;background:var(--color-accent)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page-shell{isolation:isolate;position:relative}.container{width:min(calc(100% - 40px), var(--container));margin-inline:auto}.container-wide{width:min(calc(100% - 40px), var(--container-wide));margin-inline:auto}.section{padding-block:var(--section-y);position:relative}.section--compact{padding-block:var(--section-y-sm)}.eyebrow{width:fit-content;color:var(--color-primary);font-family:var(--font-pixel);letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:10px;margin:0 0 16px;font-size:.78rem;font-weight:700;display:inline-flex}.eyebrow:before{content:"";background:currentColor;border-radius:999px;width:8px;height:8px;box-shadow:0 0 18px #18c99a6b}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--color-text);font-family:var(--font-display);line-height:1.05}h1{letter-spacing:-.035em;max-width:980px;margin-bottom:24px;font-size:clamp(2.35rem,5.2vw,5.45rem)}h2{letter-spacing:-.03em;max-width:860px;margin-bottom:20px;font-size:clamp(2rem,4.5vw,4.45rem)}h3{letter-spacing:-.025em;font-size:clamp(1.2rem,2vw,1.7rem)}p{color:var(--color-muted)}.lead{max-width:760px;color:var(--color-soft);font-size:clamp(1.02rem,1.6vw,1.28rem)}.font-pixel-title,.pixel-label{font-family:var(--font-pixel)}.font-terminal,.terminal-box,.status-pill{font-family:var(--font-terminal)}.text-neon{color:var(--color-neon-cyan);text-shadow:0 0 18px #78fff052}.section-head{grid-template-columns:minmax(0,1fr) minmax(260px,420px);align-items:end;gap:32px;margin-bottom:42px;display:grid}.section-head p{margin-bottom:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.site-header{z-index:var(--z-header);pointer-events:none;width:100%;transition:transform .35s var(--ease-out), top .35s var(--ease-out);background:0 0;border-bottom:0;position:fixed;top:14px;left:0}.site-header.is-scrolled{top:10px;transform:translateY(2px)}.header-inner{color:#f2f7f4;background:var(--gradient-brand-dark);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto;width:min(100% - 40px,1080px);min-height:58px;transition:box-shadow .35s var(--ease-out), transform .35s var(--ease-out), background .35s var(--ease-out);border:1px solid #ffffff1f;border-radius:999px;justify-content:space-between;align-items:center;margin-inline:auto;padding:0 14px 0 18px;display:flex;box-shadow:0 18px 52px #1018152e}.site-header.is-scrolled .header-inner{transform:scale(.985);box-shadow:0 12px 38px #10181538}.brand{align-items:center;gap:12px;min-width:140px;display:inline-flex}.brand img{width:132px;height:auto}.nav{color:#f2f7f4c2;align-items:center;gap:clamp(14px,2vw,24px);font-size:.93rem;display:flex}.nav a{transition:color .25s var(--ease-out);padding-block:8px;position:relative}.nav a:after{transform-origin:100%;background:var(--color-primary);height:1px;transition:transform .28s var(--ease-out);content:"";position:absolute;bottom:2px;left:0;right:0;transform:scaleX(0)}.nav a:hover,.nav a[aria-current=page]{color:#fff}.nav a:hover:after,.nav a[aria-current=page]:after{transform-origin:0;transform:scaleX(1)}.header-actions{align-items:center;gap:12px;display:flex}.mobile-toggle{border:1px solid var(--color-line);color:#fff;background:#ffffff14;border-radius:999px;place-items:center;width:44px;height:44px;display:none}.mobile-toggle span,.mobile-toggle span:before,.mobile-toggle span:after{width:18px;height:2px;transition:transform .25s var(--ease-out), opacity .25s var(--ease-out);content:"";background:currentColor;border-radius:999px;display:block}.mobile-toggle span:before{transform:translateY(-6px)}.mobile-toggle span:after{transform:translateY(4px)}.menu-open .mobile-toggle span{transform:rotate(45deg)}.menu-open .mobile-toggle span:before{transform:translateY(0)rotate(90deg)}.menu-open .mobile-toggle span:after{opacity:0}.site-main{min-height:80vh}.site-footer{color:#f2f7f4;background:var(--gradient-brand-dark);border-top:1px solid #ffffff1a;position:relative}.footer-grid{grid-template-columns:1.4fr repeat(3,1fr);gap:36px;padding-block:56px;display:grid}.footer-brand img{width:152px;margin-bottom:18px}.footer-col h2,.footer-col h3{color:#fff;font-family:var(--font-sans);letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px;font-size:.84rem;line-height:1.2}.footer-col a,.footer-col p{color:#f2f7f4b3;margin:0 0 10px;font-size:.95rem;display:block}.footer-col a:hover{color:#fff}.footer-bottom{color:#f2f7f4ad;border-top:1px solid #ffffff1f;justify-content:space-between;gap:16px;padding-block:22px;font-size:.88rem;display:flex}.page-hero{padding-top:calc(var(--header-h) + clamp(58px, 7vw, 96px));border-bottom:1px solid var(--color-line);background:radial-gradient(circle at 78% 10%,#18c99a24,#0000 28rem),linear-gradient(#fffffff0,#eef4efb8);padding-bottom:clamp(54px,7vw,84px);position:relative;overflow:hidden}.page-hero:before{pointer-events:none;content:"";background-image:linear-gradient(#0f6f550f 1px,#0000 1px),linear-gradient(90deg,#0f6f550f 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000a6,#0000 86%);mask-image:linear-gradient(#000000a6,#0000 86%)}.page-hero h1{max-width:900px;font-size:clamp(2.6rem,4.7vw,5.35rem)}.page-hero__grid{z-index:1;grid-template-columns:minmax(0,1.1fr) minmax(300px,.7fr);align-items:end;gap:44px;display:grid;position:relative}.page-hero__panel{border:1px solid var(--color-line);background:radial-gradient(circle at 85% 0,#18c99a29,#0000 14rem),linear-gradient(145deg,#fffffff5,#eef4efdb);border-radius:24px;padding:28px;position:relative;overflow:hidden;box-shadow:0 22px 56px #1018151a,inset 0 1px #ffffffe6}.page-hero__panel img{aspect-ratio:16/10;object-fit:cover;border-radius:18px;width:100%}.btn{color:#fff;background:linear-gradient(135deg, var(--color-primary), var(--color-accent-2));min-height:46px;font-weight:800;font-family:var(--font-pixel);letter-spacing:.02em;transition:transform .25s var(--ease-out), box-shadow .25s var(--ease-out), border-color .25s var(--ease-out);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:13px 20px;line-height:1;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 14px 34px #0f6f5533}.btn:before{transition:transform .7s var(--ease-out);content:"";background:linear-gradient(90deg,#0000,#ffffff6b,#0000);position:absolute;inset:0;transform:translate(-120%)}.btn:hover{transform:translateY(-2px);box-shadow:0 18px 44px #0f6f553d}.btn:hover:before{transform:translate(120%)}.btn:active{transform:translateY(0)scale(.98)}.btn--ghost{color:var(--color-text);border-color:var(--color-line);background:#ffffffc2;box-shadow:0 8px 28px #1018150f}.site-header .btn--ghost{color:#07120f;background:linear-gradient(135deg,#fff,#dff4ec);border-color:#ffffff47;box-shadow:0 10px 26px #00000029}.site-header .header-actions .btn{clip-path:none;letter-spacing:.01em;text-transform:none;border-radius:999px;min-height:38px;padding:9px 16px;font-size:.78rem}.btn--ghost:hover{border-color:var(--color-line-strong);box-shadow:var(--shadow-glow)}.hero{--hero-progress:0;color:#f2f7f4;background:radial-gradient(circle at 70% 48%,#18c99a29,#0000 28rem),linear-gradient(135deg,#020504 0%,#071814 42%,#0b2b23 100%);min-height:clamp(620px,78svh,820px);padding-top:0;padding-bottom:0;position:relative;overflow:hidden}.hero:before{z-index:1;pointer-events:none;opacity:.36;content:"";background-image:linear-gradient(#78fff014 1px,#0000 1px),linear-gradient(90deg,#78fff014 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000e6,#0000 92%);mask-image:linear-gradient(#000000e6,#0000 92%)}.hero:after{z-index:2;pointer-events:none;content:"";background:linear-gradient(90deg,#020504e6 0%,#020504b3 36%,#0205042e 62%,#02050475 100%),radial-gradient(circle at 70% 48%,#78fff029,#0000 26rem),linear-gradient(#02050447,#0205040f 72%,#020504e0 100%);position:absolute;inset:0}.hero-canvas{z-index:3;opacity:.32;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.cursor-glow{z-index:4;filter:blur(12px);opacity:0;width:440px;height:440px;transition:opacity .35s var(--ease-out);pointer-events:none;background:radial-gradient(circle,#18c99a33,#16a9b714 42%,#0000 70%);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.hero__grid{z-index:5;min-height:clamp(620px,78svh,820px);padding-block:calc(var(--header-h) + 4px) 34px;align-items:center;display:flex;position:sticky;top:0}.hero__copy{max-width:740px;opacity:clamp(.78, calc(1 - (var(--hero-progress) * .22)), 1);transform:translate3d(0, calc(var(--hero-progress) * -10px), 0);transition:opacity .18s var(--ease-out);padding-top:28px;position:relative}.hero__copy:before{z-index:-1;border-radius:var(--radius-xl);filter:blur(2px);content:"";background:linear-gradient(90deg,#0205047a,#02050442,#0000);position:absolute;inset:-34px -42px -28px -34px}.hero__copy:after{background:repeating-linear-gradient(90deg, var(--color-neon-cyan) 0 8px, transparent 8px 14px);content:"";width:96px;height:2px;position:absolute;top:-18px;left:0;box-shadow:0 0 18px #78fff06b}.hero__title span{color:#0000;background:linear-gradient(135deg, #f2f7f4, var(--color-accent) 46%, var(--color-accent-2));-webkit-background-clip:text;background-clip:text}.hero__title{color:#fff;max-width:700px;font-size:clamp(2.4rem,4vw,4.25rem)}.hero .eyebrow,.hero .lead{color:#f2f7f4c7}.hero__actions,.cta-actions{flex-wrap:wrap;gap:14px;margin-top:30px;display:flex}.hero__backdrop{z-index:0;pointer-events:none;margin:0;position:absolute;inset:0;overflow:hidden}.hero__backdrop img{z-index:0;object-fit:cover;object-position:64% 50%;opacity:.9;filter:saturate(1.08)contrast(1.06)brightness(.76);width:100%;max-width:none;height:100%;transform:scale(calc(1.01 + (var(--hero-progress) * .035)));transform-origin:64%;will-change:transform;position:absolute;inset:0}.hero-sequence__frame{transition:opacity .18s var(--ease-out), transform .35s var(--ease-out);background:linear-gradient(135deg,#eef4efe6,#fffffff2)}.authority{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:14px;display:grid}.authority__item{border-radius:var(--radius-lg);background:linear-gradient(145deg,#fffffff5,#eef4efc7),radial-gradient(circle at 80% 0,#18c99a29,#0000 12rem);border:1px solid #17211d1a;min-height:118px;padding:22px;position:relative;overflow:hidden;box-shadow:0 18px 44px #10181514}.authority__item:after{background:linear-gradient(var(--color-accent), var(--color-accent)) 0 0 / 6px 6px no-repeat, linear-gradient(var(--color-accent-2), var(--color-accent-2)) 12px 6px / 6px 6px no-repeat, linear-gradient(var(--color-primary), var(--color-primary)) 24px 12px / 6px 6px no-repeat;opacity:.38;content:"";width:34px;height:18px;position:absolute;bottom:16px;right:18px}.authority__item strong{font-family:var(--font-display);margin-bottom:7px;font-size:1.08rem;line-height:1.15;display:block}.authority__item span{color:var(--color-muted);font-size:.92rem}.card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.card-grid--three,.feature-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.service-card,.case-card,.tier-card,.feature-card,.step-card{border:1px solid var(--color-line);min-height:220px;transition:transform .28s var(--ease-out), border-color .28s var(--ease-out), box-shadow .28s var(--ease-out);background:linear-gradient(145deg,#fffffff5,#f2f6f1d1),radial-gradient(circle at 84% 8%,#18c99a24,#0000 14rem);border-radius:18px;padding:28px;position:relative;overflow:hidden;box-shadow:0 18px 48px #10181514,inset 0 1px #ffffffeb}.service-card:after,.case-card:after,.tier-card:after,.feature-card:after,.step-card:after{background:linear-gradient(90deg, var(--color-primary), var(--color-accent-2));opacity:.72;content:"";height:4px;position:absolute;inset:0 0 auto}.service-card h2,.feature-card h2,.step-card h2{font-size:clamp(1.45rem,2.35vw,2.2rem);line-height:1.05}.service-card p,.case-card p,.feature-card p,.step-card p{z-index:1;position:relative}.service-card:before,.case-card:before,.tier-card:before,.feature-card:before,.step-card:before{background:radial-gradient(circle at var(--mx,50%) var(--my,0%), #18c99a24, transparent 38%);opacity:0;transition:opacity .28s var(--ease-out);content:"";position:absolute;inset:0}.service-card:hover,.case-card:hover,.tier-card:hover,.feature-card:hover,.step-card:hover{border-color:var(--color-line-strong);transform:translateY(-6px);box-shadow:0 24px 60px #10181521}.service-card:hover:before,.case-card:hover:before,.tier-card:hover:before,.feature-card:hover:before,.step-card:hover:before{opacity:1}.card-kicker{color:var(--color-primary);font-family:var(--font-pixel);letter-spacing:.06em;text-transform:uppercase;margin-bottom:34px;font-size:.76rem;font-weight:700;display:inline-flex}.card-link{color:var(--color-primary);align-items:center;gap:8px;margin-top:20px;font-weight:800;display:inline-flex}.card-link:after{content:"→";transition:transform .22s var(--ease-out);transform:translate(0)}.card-link:hover:after{transform:translate(4px)}.visual-band{grid-template-columns:1.1fr .9fr;align-items:stretch;gap:24px;display:grid}.visual-band__image{border:1px solid var(--color-line);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-card);overflow:hidden}.visual-band__image img{object-fit:cover;width:100%;height:100%;min-height:420px}.visual-band__content{border:1px solid var(--color-line);border-radius:var(--radius-xl);background:linear-gradient(135deg,#18c99a1f,#0000 34%),#ffffffe0;align-content:center;padding:clamp(28px,5vw,54px);display:grid}.check-list{gap:12px;margin:24px 0 0;padding:0;list-style:none;display:grid}.check-list li{color:var(--color-soft);gap:10px;display:flex}.check-list li:before{background:radial-gradient(circle, var(--color-accent), #18c99a2e);content:"";border-radius:50%;flex:none;width:18px;height:18px;margin-top:4px}.story{border-block:1px solid var(--color-line);background:radial-gradient(circle at 50% 0,#18c99a24,#0000 42rem),linear-gradient(#fff,#edf4ef);position:relative;overflow:clip}.story__grid{grid-template-columns:.8fr 1.2fr;align-items:start;gap:48px;display:grid}.story__sticky{top:calc(var(--header-h) + 32px);position:sticky}.story-progress{background:#17211d14;border-radius:999px;width:100%;height:4px;margin-top:28px;overflow:hidden}.story-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--color-accent), var(--color-accent-2));width:0%;height:100%;display:block}.story__cards{gap:18px;display:grid}.story-card{grid-template-columns:auto 1fr;gap:22px;min-height:178px;display:grid}.story-card__number{border:1px solid var(--color-line-strong);width:54px;height:54px;color:var(--color-primary);font-family:var(--font-display);background:#18c99a1a;border-radius:50%;place-items:center;font-weight:800;display:grid}.case-grid,.tier-grid,.feature-grid,.process-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.case-card img{aspect-ratio:16/9;border-bottom:1px solid var(--color-line);object-fit:cover;opacity:.94;filter:saturate(1.02)contrast(1.02);width:calc(100% + 56px);max-width:none;margin:-28px -28px 24px}.case-card h2,.case-card h3,.service-card h3,.feature-card h3,.tier-card h3,.step-card h3{letter-spacing:-.025em;max-width:90%;margin-bottom:12px;font-size:clamp(1.35rem,2vw,1.85rem);line-height:1.05}.case-card h2{font-size:clamp(1.55rem,2.4vw,2.2rem)}.home-services,.home-projects,.home-about{position:relative}.home-services:before,.home-projects:before,.home-about:before{z-index:-1;content:"";background:radial-gradient(circle at 12% 20%,#18c99a1a,#0000 22rem),radial-gradient(circle at 86% 8%,#16a9b714,#0000 24rem);position:absolute;inset:0}.tag-list{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.tag-list span{border:1px solid var(--color-line);color:var(--color-muted);font-family:var(--font-pixel);border-radius:999px;padding:6px 10px;font-size:.74rem}.page-hero__panel h2,.cta-panel .eyebrow{font-family:var(--font-pixel)}.cta-panel{border:1px solid var(--color-line-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);background:radial-gradient(circle at 86% 20%,#18c99a38,#0000 28rem),linear-gradient(135deg,#fff,#eef4ef);padding:clamp(34px,7vw,76px);position:relative;overflow:hidden}.cta-panel p{max-width:690px}.lead-modal{z-index:var(--z-modal);place-items:center;padding:20px;display:none;position:fixed;inset:0}.lead-modal.is-open{display:grid}.lead-modal__backdrop{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#1018156b;position:absolute;inset:0}.lead-modal__dialog{border:1px solid var(--color-line-strong);border-radius:var(--radius-lg);width:min(100%,720px);max-height:min(92vh,840px);box-shadow:var(--shadow-soft);background:linear-gradient(145deg,#fff,#f4f8f4);padding:clamp(24px,4vw,38px);position:relative;overflow:auto}.lead-modal__dialog h2{max-width:560px;font-size:clamp(2rem,4vw,3.2rem)}.lead-modal__close{border:1px solid var(--color-line);width:42px;height:42px;color:var(--color-text);background:#ffffffdb;border-radius:50%;place-items:center;display:grid;position:absolute;top:16px;right:16px}.lead-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.field{gap:8px;display:grid}.field--full{grid-column:1/-1}.field label{color:var(--color-text);font-size:.9rem;font-weight:700}.field input,.field select,.field textarea{border:1px solid var(--color-line);border-radius:var(--radius-sm);width:100%;color:var(--color-text);background:#ffffffe0;padding:13px 14px}.field textarea{resize:vertical;min-height:110px}.form-status{min-height:24px;color:var(--color-danger);grid-column:1/-1;margin:0}.hero-sequence{height:var(--hero-scroll-height,380svh);background:var(--color-blackout);isolation:isolate;min-height:2200px;position:relative}.hero-sequence__sticky{background:radial-gradient(circle at 70% 45%,#18c99a2e,#0000 24rem),linear-gradient(135deg,#020605 0%,#071814 48%,#020605 100%);height:100svh;min-height:620px;position:sticky;top:0;overflow:hidden}.hero-sequence__canvas,.hero-sequence__fallback{width:100%;height:100%;position:absolute;inset:0}.hero-sequence__canvas{z-index:0}.hero-sequence__fallback{z-index:-1;object-fit:cover;object-position:64% 50%;opacity:.72;filter:brightness(.72)saturate(1.08)contrast(1.08)}.hero-sequence__sticky:before{z-index:2;pointer-events:none;content:"";background:linear-gradient(90deg,#010302eb 0%,#010302b8 33%,#0103021f 62%,#0103028c 100%),radial-gradient(circle at 62% 44%,#0000 0 14rem,#01030229 26rem,#01030294 100%),linear-gradient(#0103024d,#0103020d 52%,#010302e6 100%);position:absolute;inset:0}.hero-sequence__sticky:after{z-index:3;opacity:.28;pointer-events:none;content:"";background-image:linear-gradient(#78fff014 1px,#0000 1px),linear-gradient(90deg,#78fff00f 1px,#0000 1px);background-size:38px 38px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000c,#0000 90%);mask-image:linear-gradient(#000c,#0000 90%)}.hero-sequence__content{z-index:6;min-height:100svh;padding-top:var(--header-h);align-items:center;display:flex;position:relative}.hero-sequence .hero__copy{max-width:760px;opacity:calc(1 - (var(--hero-progress,0) * .5));transform:translate3d(0, calc(var(--hero-progress,0) * -30px), 0)}.hero-sequence .hero__copy:before{clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));filter:none;background:linear-gradient(135deg,#020605c7,#08161257),repeating-linear-gradient(90deg,#78fff014 0 1px,#0000 1px 8px);border:1px solid #78fff02e;border-radius:0;inset:-28px -38px -30px -28px}.hero-sequence .hero__title{color:#fff;text-shadow:2px 0 #78fff038,0 2px #18c99a29,0 0 28px #18c99a24;max-width:760px;font-size:clamp(2.35rem,4.9vw,5.35rem);font-weight:700;line-height:.98}.hero-sequence .lead{color:#f1fff9d1;max-width:660px}.glitch-title{position:relative}.glitch-title:after{z-index:-1;color:var(--color-neon-cyan);opacity:.1;content:attr(data-text);position:absolute;inset:0;transform:translate(2px,1px)}.scanline-overlay{z-index:5;opacity:.2;mix-blend-mode:screen;pointer-events:none;background:repeating-linear-gradient(#ffffff0b 0 1px,#0000 1px 5px);position:absolute;inset:0}.hero-canvas--hud{z-index:4;opacity:.2}.hero-floating-ui{z-index:7;pointer-events:none;position:absolute;inset:0}.terminal-box,.floating-card,.hero-progress-terminal{color:#f1fff9e6;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));background:linear-gradient(135deg,#020605d1,#091c17a8),repeating-linear-gradient(#78fff00a 0 1px,#0000 1px 6px);border:1px solid #78fff04d;position:absolute;box-shadow:0 0 0 1px #18c99a14,0 22px 56px #00000057}.terminal-box{width:min(360px,100% - 32px);opacity:calc(1 - (var(--hero-progress,0) * .45));transform:translateY(calc(var(--hero-progress,0) * 16px));padding:18px;bottom:clamp(32px,6vh,72px);left:min(7vw,96px)}.terminal-box span,.floating-card small,.hero-progress-terminal span{color:var(--color-neon-cyan);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;display:block}.terminal-box strong,.floating-card strong{color:#fff;margin-top:6px;font-size:1.05rem;display:block}.terminal-box strong:after{width:.6ch;color:var(--color-accent);content:"_";margin-left:2px;animation:1s steps(2,end) infinite cursorBlink;display:inline-block}.floating-card{opacity:0;width:min(270px,42vw);transition:opacity .25s var(--ease-out), transform .25s var(--ease-out);padding:16px;transform:translateY(24px)scale(.96)}.floating-card--lead{top:24%;right:min(9vw,150px)}.floating-card--crm{top:45%;right:min(20vw,340px)}.floating-card--deploy{bottom:18%;right:min(7vw,110px)}.hero-sequence[data-stage=lead] .floating-card--lead,.hero-sequence[data-stage=crm] .floating-card--lead,.hero-sequence[data-stage=crm] .floating-card--crm,.hero-sequence[data-stage=deploy] .floating-card{opacity:1;transform:translate(0,0)scale(1)}.hero-sequence[data-stage=intro] .floating-card{opacity:0}.status-pill{color:var(--color-neon-green);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;font-size:.72rem;display:inline-flex}.status-pill:before{background:var(--color-accent);content:"";width:8px;height:8px;box-shadow:0 0 16px #18c99ab8}.hero-progress-terminal{width:min(340px,46vw);padding:12px;bottom:clamp(26px,5vh,58px);right:min(7vw,110px)}.hero-progress-terminal i{width:calc(var(--hero-progress,0) * 100%);background:linear-gradient(90deg, var(--color-accent), var(--color-neon-cyan));height:6px;margin-top:10px;display:block;box-shadow:0 0 18px #18c99a73}.pixel-button,.btn{clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));text-transform:uppercase;border-radius:0}.pixel-button--ghost,.btn--ghost{color:#dffdf4;background:#081612b8;border-color:#78fff047}.authority-section,.home-services,.home-projects,.home-about,.story{background:radial-gradient(circle at 16% 10%,#18c99a1a,#0000 26rem),linear-gradient(#020605f2,#07120ffa)}.authority__item,.service-card,.case-card,.tier-card,.feature-card,.step-card,.cta-panel,.page-hero__panel,.visual-band__content,.visual-band__image{border-radius:var(--radius-md);color:var(--color-text);box-shadow:var(--shadow-card);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));background:linear-gradient(145deg,#081612f0,#0d211bbd),repeating-linear-gradient(#78fff006 0 1px,#0000 1px 7px);border-color:#78fff02e}.authority__item strong,.service-card h2,.service-card h3,.case-card h2,.case-card h3,.tier-card h3,.feature-card h3,.step-card h3,.cta-panel h2{color:#fff}.service-card:after,.case-card:after,.tier-card:after,.feature-card:after,.step-card:after{background:repeating-linear-gradient(90deg, var(--color-accent) 0 12px, transparent 12px 18px);height:2px}.card-kicker{color:var(--color-neon-cyan)}.page-hero{color:var(--color-text);background:radial-gradient(circle at 78% 10%,#18c99a2e,#0000 28rem),linear-gradient(#020605,#07120f)}.lead-modal__dialog{border-radius:var(--radius-md);color:var(--color-text);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));background:linear-gradient(145deg,#081612fa,#0d211bf5),repeating-linear-gradient(#78fff009 0 1px,#0000 1px 7px)}.field input,.field select,.field textarea{color:var(--color-text);background:#020605b8;border-color:#78fff03d;border-radius:0}@keyframes cursorBlink{50%{opacity:0}}.split-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.comparison{border:1px solid var(--color-line);border-radius:var(--radius-lg);overflow:hidden}.comparison__row{border-bottom:1px solid var(--color-line);grid-template-columns:.8fr repeat(3,1fr);display:grid}.comparison__row:last-child{border-bottom:0}.comparison__row>*{border-right:1px solid var(--color-line);padding:18px}.comparison__row>:last-child{border-right:0}.comparison strong{color:var(--color-text)}.contact-layout{grid-template-columns:.75fr 1.25fr;align-items:start;gap:24px;display:grid}@media (width<=900px){.split-list,.comparison__row,.contact-layout{grid-template-columns:1fr}.comparison__row>*{border-right:0;border-bottom:1px solid var(--color-line)}.comparison__row>:last-child{border-bottom:0}}[data-reveal]{opacity:0;transition:opacity .7s var(--ease-out), transform .7s var(--ease-out);transform:translateY(26px)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}[data-stagger]>*{opacity:0;transition:opacity .7s var(--ease-out), transform .7s var(--ease-out);transform:translateY(24px)}[data-stagger].is-visible>*{opacity:1;transform:translateY(0)}[data-stagger].is-visible>:nth-child(2){transition-delay:60ms}[data-stagger].is-visible>:nth-child(3){transition-delay:.12s}[data-stagger].is-visible>:nth-child(4){transition-delay:.18s}[data-stagger].is-visible>:nth-child(5){transition-delay:.24s}[data-stagger].is-visible>:nth-child(6){transition-delay:.3s}[data-stagger].is-visible>:nth-child(7){transition-delay:.36s}[data-stagger].is-visible>:nth-child(8){transition-delay:.42s}.hero .eyebrow,.hero__title,.hero .lead,.hero__actions,.hero__backdrop{animation:heroIn .9s var(--ease-out) both}.hero__title{animation-delay:80ms}.hero .lead{animation-delay:.16s}.hero__actions{animation-delay:.24s}.hero__backdrop{animation-delay:80ms}@keyframes heroIn{0%{opacity:0;transform:translateY(34px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=1120px){.nav{display:none}.mobile-toggle{display:grid}.nav.is-open{border:1px solid var(--color-line);border-radius:var(--radius-lg);color:#f2f7f4;background:var(--gradient-brand-dark);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);gap:4px;padding:18px;display:grid;position:fixed;top:82px;left:20px;right:20px}.nav.is-open a{padding:13px 10px}.hero__grid,.page-hero__grid,.visual-band,.story__grid{grid-template-columns:1fr}.hero:after{background:linear-gradient(90deg,#020504f0 0%,#020504b8 50%,#0205045c 100%),linear-gradient(#02050414,#f7f9f6 96%)}.authority,.card-grid,.case-grid,.tier-grid,.feature-grid,.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-head{grid-template-columns:1fr;align-items:start}.story__sticky{position:static}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.container,.container-wide{width:min(calc(100% - 28px), var(--container))}h1{letter-spacing:-.035em;font-size:clamp(2.35rem,12vw,3.75rem)}h2{font-size:clamp(2rem,11vw,3.25rem)}.header-actions .btn{display:none}.header-inner{width:min(100% - 24px,1080px);min-height:56px;padding-inline:16px 8px}.hero{min-height:auto;padding-top:calc(var(--header-h) + 34px);padding-bottom:42px}.hero:after{background:linear-gradient(#020504db 0%,#020504a3 54%,#f7f9f6 100%),linear-gradient(90deg,#020504f0,#0205044d)}.hero__grid{min-height:auto;padding-block:28px 0;position:relative}.hero__copy{opacity:1;transform:none}.hero__backdrop img{object-position:66% 50%;opacity:.74;width:100%;height:100%;inset:0;transform:scale(1.02)}.hero__metrics,.authority,.card-grid,.case-grid,.tier-grid,.feature-grid,.process-grid,.lead-form{grid-template-columns:1fr}.visual-band__image img{min-height:280px}.story-card{grid-template-columns:1fr;min-height:auto}.footer-grid,.footer-bottom{flex-direction:column;grid-template-columns:1fr}.hero-sequence{height:300svh;min-height:1700px}.hero-sequence__sticky{min-height:100svh}.hero-sequence__sticky:before{background:linear-gradient(#010302e0 0%,#0103028a 52%,#010302eb 100%),linear-gradient(90deg,#010302eb,#0103023d)}.hero-sequence__content{align-items:start;min-height:100svh;padding-top:clamp(138px,22svh,178px);padding-bottom:84px}.hero-sequence .hero__copy{max-width:100%;opacity:calc(1 - (var(--hero-progress,0) * .36));transform:translate3d(0, calc(var(--hero-progress,0) * -18px), 0)}.hero-sequence .hero__copy:before{inset:-18px -12px}.hero-sequence .hero__title{font-size:clamp(2.15rem,10vw,3.2rem);line-height:1.02}.hero-sequence .lead{font-size:1rem}.hero-floating-ui .terminal-box{width:auto;opacity:calc(.86 - (var(--hero-progress,0) * .72));padding:11px 12px;inset:82px 14px auto}.terminal-box strong{font-size:.9rem}.terminal-box small{display:none}.floating-card{opacity:0;width:auto;padding:12px;left:14px;right:14px}.floating-card--lead{top:auto;bottom:30%}.floating-card--crm{top:auto;bottom:19%}.floating-card--deploy{bottom:9%}.hero-sequence[data-stage=lead] .floating-card--lead{opacity:.98}.hero-sequence[data-stage=crm] .floating-card--lead{opacity:.98;transform:translate(0,0)scale(1)}.hero-sequence[data-stage=crm] .floating-card--crm{opacity:.98}.hero-sequence[data-stage=deploy] .floating-card--lead,.hero-sequence[data-stage=deploy] .floating-card--crm{opacity:.98;transform:translate(0,0)scale(1)}.hero-sequence[data-stage=deploy] .floating-card--deploy{opacity:.98}.hero-progress-terminal{display:none}body:after,.scanline-overlay{opacity:.1}}@media (pointer:coarse){body,a,button,input,textarea,select,[role=button]{cursor:auto}}

/* Mobile hero scroll narrative override: boot -> title fade -> stacked cards. */
@media (max-width: 760px) {
  .hero-sequence {
    height: 360svh;
    min-height: 2150px;
  }

  .hero-sequence__content {
    align-items: start;
    padding-top: clamp(150px, 26svh, 210px);
  }

  .hero-sequence .hero__copy {
    opacity: clamp(0, calc((var(--hero-progress, 0) - .12) * 9), calc((.52 - var(--hero-progress, 0)) * 7));
    transform: translate3d(0, calc((var(--hero-progress, 0) - .26) * -42px), 0);
    pointer-events: none;
  }

  .hero-sequence .hero__actions {
    pointer-events: auto;
  }

  .hero-floating-ui .terminal-box {
    opacity: clamp(.12, calc(1 - (var(--hero-progress, 0) * 1.7)), .96);
  }

  .floating-card {
    left: 14px;
    right: 14px;
    width: auto;
    min-height: 84px;
    padding: 12px 14px;
    transform: translate3d(0, 18px, 0) scale(.98);
  }

  .floating-card--lead {
    bottom: 210px;
  }

  .floating-card--crm {
    bottom: 112px;
  }

  .floating-card--deploy {
    bottom: 14px;
  }

  .hero-sequence[data-stage="lead"] .floating-card--lead,
  .hero-sequence[data-stage="crm"] .floating-card--lead,
  .hero-sequence[data-stage="crm"] .floating-card--crm,
  .hero-sequence[data-stage="deploy"] .floating-card--lead,
  .hero-sequence[data-stage="deploy"] .floating-card--crm,
  .hero-sequence[data-stage="deploy"] .floating-card--deploy {
    opacity: .98;
    transform: translate3d(0, 0, 0) scale(1);
  }
}


/* Refinamento solicitado: tipografia cyberpunk, foco mobile da porta e cards no lugar do titulo. */
:root {
  --font-sans: "Rajdhani", Inter, ui-sans-serif, system-ui, sans-serif;
  --font-display: "Orbitron", "Rajdhani", ui-sans-serif, system-ui, sans-serif;
  --font-pixel: "Share Tech Mono", "Rajdhani", ui-monospace, monospace;
  --font-terminal: "Share Tech Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;
}

/* Clareia a cena da hero sem perder contraste dos cards. */
.hero-sequence__canvas {
  filter: brightness(1.28) contrast(1.06) saturate(1.12);
}
.hero-sequence__fallback {
  filter: brightness(.96) saturate(1.12) contrast(1.08);
  opacity: .9;
}
@media (max-width: 760px) {
  .hero-sequence__canvas {
    image-rendering: auto;
    filter: brightness(1.26) contrast(1.08) saturate(1.12);
  }
  .hero-sequence__sticky:before {
    background:
      linear-gradient(#0103029c 0%, #01030242 48%, #010302a8 100%),
      linear-gradient(90deg, #0103029c, #01030220);
  }
  .hero-sequence__sticky:after {
    opacity: .18;
  }
}

/* Mais dois cards na narrativa mobile da hero. */
.floating-card--automation {
  top: 62%;
  right: min(18vw, 280px);
}
.floating-card--support {
  bottom: 7%;
  right: min(28vw, 460px);
}
@media (max-width: 760px) {
  .floating-card {
    min-height: 82px;
    padding: 11px 15px;
    bottom: auto;
  }
  .floating-card--lead {
    top: clamp(252px, 26svh, 300px);
  }
  .floating-card--crm {
    top: calc(clamp(252px, 26svh, 300px) + 112px);
  }
  .floating-card--deploy {
    top: calc(clamp(252px, 26svh, 300px) + 224px);
  }
  .floating-card--automation {
    top: calc(clamp(252px, 26svh, 300px) + 336px);
  }
  .floating-card--support {
    top: calc(clamp(252px, 26svh, 300px) + 448px);
    bottom: auto;
  }
  .floating-card strong {
    font-size: 1rem;
  }
  .floating-card small,
  .status-pill {
    font-size: .7rem;
  }
  .hero-sequence[data-stage="deploy"] .floating-card--automation,
  .hero-sequence[data-stage="deploy"] .floating-card--support {
    opacity: .98;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

/* Timeline cumulativa: cada card entra no seu momento. */
.hero-sequence[data-stage="intro"] .floating-card,
.hero-sequence[data-stage="lead"] .floating-card--crm,
.hero-sequence[data-stage="lead"] .floating-card--deploy,
.hero-sequence[data-stage="lead"] .floating-card--automation,
.hero-sequence[data-stage="lead"] .floating-card--support,
.hero-sequence[data-stage="crm"] .floating-card--deploy,
.hero-sequence[data-stage="crm"] .floating-card--automation,
.hero-sequence[data-stage="crm"] .floating-card--support,
.hero-sequence[data-stage="deploy"] .floating-card--automation,
.hero-sequence[data-stage="deploy"] .floating-card--support,
.hero-sequence[data-stage="automation"] .floating-card--support {
  opacity: 0;
  transform: translate3d(0, 18px, 0) scale(.985);
}

.hero-sequence[data-stage="lead"] .floating-card--lead,
.hero-sequence[data-stage="crm"] .floating-card--lead,
.hero-sequence[data-stage="crm"] .floating-card--crm,
.hero-sequence[data-stage="deploy"] .floating-card--lead,
.hero-sequence[data-stage="deploy"] .floating-card--crm,
.hero-sequence[data-stage="deploy"] .floating-card--deploy,
.hero-sequence[data-stage="automation"] .floating-card--lead,
.hero-sequence[data-stage="automation"] .floating-card--crm,
.hero-sequence[data-stage="automation"] .floating-card--deploy,
.hero-sequence[data-stage="automation"] .floating-card--automation,
.hero-sequence[data-stage="support"] .floating-card {
  opacity: .98;
  transform: translate3d(0, 0, 0) scale(1);
}

/* Desktop: coluna única de cards à direita e terminal boot como faixa de sistema. */
@media (min-width: 761px) {
  .hero-progress-terminal,
  .floating-card {
    width: min(340px, 27vw);
    right: min(7vw, 110px);
    left: auto;
  }

  .floating-card {
    padding: 14px 16px;
    transform: translate3d(34px, 0, 0) scale(.985);
  }

  .floating-card--lead {
    top: 13.5%;
    bottom: auto;
  }

  .floating-card--crm {
    top: calc(13.5% + 96px);
    bottom: auto;
  }

  .floating-card--deploy {
    top: calc(13.5% + 192px);
    bottom: auto;
  }

  .floating-card--automation {
    top: calc(13.5% + 288px);
    bottom: auto;
  }

  .floating-card--support {
    top: calc(13.5% + 384px);
    bottom: auto;
  }

  .hero-progress-terminal {
    bottom: clamp(28px, 5vh, 54px);
  }

  .terminal-box.hero-terminal {
    left: min(7vw, 96px);
    bottom: clamp(28px, 5vh, 54px);
    width: min(62vw, 760px);
    padding: 18px 22px;
  }

  .terminal-box.hero-terminal span {
    letter-spacing: .1em;
  }

  .terminal-box.hero-terminal strong {
    font-size: clamp(1rem, 1.2vw, 1.15rem);
  }

  .terminal-box.hero-terminal small {
    display: block;
    max-width: 100%;
    white-space: normal;
  }
}
body,
p,
.lead,
.section-head p,
.service-card p,
.case-card p,
.feature-card p,
.step-card p,
.authority__item span,
.footer-col a,
.footer-col p {
  font-family: var(--font-sans);
  letter-spacing: .01em;
}
h1,
h2,
h3,
.hero__title,
.case-card h3,
.service-card h3,
.feature-card h3 {
  font-family: var(--font-display);
  letter-spacing: .005em;
  font-weight: 700;
}
.eyebrow,
.card-kicker,
.pixel-label,
.status-pill,
.btn,
.terminal-box,
.floating-card small,
.tag-list span {
  font-family: var(--font-terminal);
  letter-spacing: .08em;
}
@media (max-width: 760px) {
  .hero-sequence__fallback {
    object-position: 50% 50%;
  }
  .hero-sequence .hero__copy {
    opacity: clamp(0, calc((var(--hero-progress, 0) - .12) * 9), calc((.52 - var(--hero-progress, 0)) * 7));
    transform: translate3d(0, calc((var(--hero-progress, 0) - .26) * -42px), 0);
  }
  .hero-floating-ui {
    z-index: 8;
  }
  .floating-card {
    left: 14px;
    right: 14px;
    width: auto;
    min-height: 94px;
    padding: 14px 16px;
    bottom: auto;
  }
  .floating-card--lead {
    top: clamp(230px, 27svh, 310px);
  }
  .floating-card--crm {
    top: calc(clamp(230px, 27svh, 310px) + 112px);
  }
  .floating-card--deploy {
    top: calc(clamp(230px, 27svh, 310px) + 224px);
  }
  .floating-card strong {
    font-size: 1.12rem;
  }
}

/* Mobile final polish: zoom leve no frame vertical e cards mais separados. */
@media (max-width: 760px) {
  .hero-sequence {
    height: 340svh;
    min-height: 2200px;
  }

  .hero-sequence__canvas {
    filter: brightness(1.22) contrast(1.1) saturate(1.12);
  }

  .floating-card {
    min-height: 76px;
    padding: 10px 14px;
  }

  .floating-card--lead {
    top: clamp(238px, 25svh, 292px);
  }

  .floating-card--crm {
    top: calc(clamp(238px, 25svh, 292px) + 92px);
  }

  .floating-card--deploy {
    top: calc(clamp(238px, 25svh, 292px) + 184px);
  }

  .floating-card--automation {
    top: calc(clamp(238px, 25svh, 292px) + 276px);
  }

  .floating-card--support {
    top: calc(clamp(238px, 25svh, 292px) + 368px);
    bottom: auto;
  }

  .floating-card strong {
    font-size: .98rem;
    margin-top: 4px;
  }

  .floating-card small,
  .status-pill {
    font-size: .66rem;
  }
}