@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Space Grotesk", "Inter", system-ui, sans-serif;--blue: #2f7df6;--cyan: #1fc6e6;--violet: #8257f5;--green: #18a877;--red: #e0556b;--amber: #d99425;--radius: 22px;--maxw: 1180px}.theme-light{--bg: #eef3fb;--bg-2: #e6edf8;--surface: #ffffff;--surface-strong: #ffffff;--surface-solid: #ffffff;--panel: #0b1530;--text: #0b1430;--text-muted: #46536f;--text-faint: #6a7693;--border: rgba(16, 32, 70, .09);--border-strong: rgba(16, 32, 70, .14);--shadow: 0 22px 60px -34px rgba(20, 40, 90, .4);--shadow-card: 0 18px 44px -30px rgba(22, 44, 96, .35);--glow-a: rgba(47, 125, 246, .1);--glow-b: rgba(31, 198, 230, .09);--glow-c: rgba(130, 87, 245, .09);--chip: rgba(16, 32, 70, .045);--grid-line: rgba(16, 40, 90, .032)}.theme-dark{--bg: #070c1a;--bg-2: #0a1020;--surface: #121d3a;--surface-strong: #16223f;--surface-solid: #0f1a33;--panel: #0a1226;--text: #eef3ff;--text-muted: #aab6d4;--text-faint: #8493b8;--border: rgba(140, 170, 230, .13);--border-strong: rgba(140, 170, 230, .22);--shadow: 0 28px 66px -34px rgba(0, 0, 0, .82);--shadow-card: 0 24px 56px -32px rgba(0, 0, 0, .7);--glow-a: rgba(47, 125, 246, .22);--glow-b: rgba(31, 198, 230, .15);--glow-c: rgba(130, 87, 245, .2);--chip: rgba(150, 175, 230, .09);--grid-line: rgba(120, 160, 235, .05);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-fast: .28s;--dur-med: .45s}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px;background:var(--bg);overflow-x:hidden}body{margin:0;font-family:var(--font-sans);color:var(--text);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.1;letter-spacing:-.02em;margin:0;font-weight:600}h1{letter-spacing:-.035em}p{margin:0}a{color:inherit;text-decoration:none;transition:color var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out)}button{font-family:inherit;cursor:pointer}::selection{background:color-mix(in oklab,var(--blue) 32%,transparent);color:var(--text)}:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--blue);border-radius:8px}a,button,[role=button]{-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}.app{position:relative;min-height:100vh;isolation:isolate}.ambient{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.ambient:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:88px 88px;mask-image:radial-gradient(circle at 50% 22%,#000 0%,transparent 68%);-webkit-mask-image:radial-gradient(circle at 50% 22%,#000 0%,transparent 68%)}.blob{position:absolute;border-radius:50%;filter:blur(120px);opacity:.8}.blob-1{width:620px;height:620px;top:-160px;right:-120px;background:radial-gradient(circle,var(--glow-b),transparent 70%);animation:float1 28s ease-in-out infinite}.blob-2{width:580px;height:580px;top:760px;left:-160px;background:radial-gradient(circle,var(--glow-c),transparent 72%);animation:float2 32s ease-in-out infinite}@keyframes float1{0%,to{transform:translate(0)}50%{transform:translate(-30px,36px)}}@keyframes float2{0%,to{transform:translate(0)}50%{transform:translate(34px,30px)}}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 clamp(16px,4vw,40px)}section{padding:clamp(64px,8vw,104px) 0;position:relative}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);background:var(--chip);border:1px solid var(--border);padding:6px 12px;border-radius:999px}.section-head{max-width:730px}.section-title{font-size:clamp(27px,4vw,40px);margin-top:0}.section-intro{color:var(--text-muted);font-size:16.5px;margin-top:16px;max-width:660px}.section-intro+.section-intro{margin-top:12px}.glass{position:relative;background:var(--surface);backdrop-filter:blur(26px) saturate(150%);-webkit-backdrop-filter:blur(26px) saturate(150%);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card),inset 0 1px #ffffff80}.theme-dark .glass{box-shadow:var(--shadow-card),inset 0 1px #ffffff0f}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:600;padding:12px 20px;border-radius:12px;border:1px solid transparent;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out);white-space:nowrap}.btn:active{transform:translateY(0) scale(.97);transition-duration:.1s}.btn-primary{color:#fff;background:var(--panel);box-shadow:0 14px 30px -16px #0b1430b3,inset 0 1px #ffffff1f}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 36px -14px #0b1430cc,inset 0 1px #ffffff1f}.theme-dark .btn-primary{color:#0b1430;background:#eef3ff;box-shadow:0 14px 30px -16px #000000b3}.theme-dark .btn-primary:hover{box-shadow:0 18px 36px -14px #000c}.btn-ghost{color:var(--text);background:var(--surface);border:1px solid var(--border-strong)}.btn-ghost:hover{transform:translateY(-2px);border-color:var(--blue)}.header{position:fixed;top:14px;left:0;right:0;z-index:100;display:flex;justify-content:center;padding:0 16px}.header-pill{width:100%;max-width:1120px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:8px 10px 8px 18px;border-radius:16px;background:var(--surface-strong);backdrop-filter:blur(30px) saturate(165%);-webkit-backdrop-filter:blur(30px) saturate(165%);border:1px solid var(--border-strong);box-shadow:0 12px 36px -24px #14285a6b,inset 0 1px #ffffff80;transition:box-shadow .3s ease,border-color .3s ease,background .3s ease}.theme-light .header-pill{background:#ffffffbd}.theme-dark .header-pill{background:#0c142aa8;box-shadow:0 12px 36px -24px #0009,inset 0 1px #ffffff0d}.header-pill.scrolled{box-shadow:0 22px 54px -28px #0f1e4b80,inset 0 1px #ffffff80}.theme-light .header-pill.scrolled{background:#ffffffe6}.theme-dark .header-pill.scrolled{background:#0c142adb;box-shadow:0 22px 54px -28px #000000b3,inset 0 1px #ffffff0d}.brand{display:flex;align-items:center;flex-shrink:0;transition:transform .2s ease;margin-left:-10px}.brand:hover{transform:translateY(-1px)}.brand-logo{height:30px;width:auto;display:block;object-fit:contain;object-position:left center;transition:filter .25s ease,transform .25s ease}.brand:hover .brand-logo{transform:scale(1.03)}.theme-light .brand-logo{filter:drop-shadow(0 2px 6px rgba(12,21,48,.18))}.theme-dark .brand-logo{filter:brightness(0) invert(1) drop-shadow(0 2px 10px rgba(120,160,255,.35))}.nav-links{display:flex;align-items:center;justify-content:center;gap:4px}.nav-links a{font-size:14px;font-weight:500;color:var(--text-muted);padding:7px 11px;border-radius:9px;transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.nav-links a:hover{color:var(--text);background:var(--chip)}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--chip);border:1px solid var(--border);color:var(--text);transition:border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.icon-btn:hover{border-color:var(--blue);transform:translateY(-2px)}.icon-btn:active{transform:translateY(0) scale(.94);transition-duration:.1s}.header-cta{padding:9px 16px;font-size:13.5px;border-radius:11px}.hamburger{display:none}.mobile-menu{position:fixed;top:66px;left:16px;right:16px;z-index:99;padding:10px;border-radius:18px;display:flex;flex-direction:column;gap:2px;background:var(--surface-strong);backdrop-filter:blur(30px) saturate(160%);-webkit-backdrop-filter:blur(30px) saturate(160%);border:1px solid var(--border-strong);box-shadow:var(--shadow),inset 0 1px #fff6}.theme-light .mobile-menu{background:#ffffffe6}.theme-dark .mobile-menu{background:#0c142ae6;box-shadow:var(--shadow),inset 0 1px #ffffff0d}.mobile-menu a{padding:11px 14px;border-radius:11px;font-weight:500;font-size:14.5px;color:var(--text-muted)}.mobile-menu a:hover{background:var(--chip);color:var(--text)}.mobile-menu .btn{margin-top:8px;width:100%}.hero{padding-top:138px;padding-bottom:48px}.hero-grid{display:grid;grid-template-columns:.82fr 1fr;gap:52px;align-items:center}.badge{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);padding:7px 14px;border-radius:999px}.badge .dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #18a8772e}.hero h1{font-size:clamp(33px,5vw,52px);font-weight:600;margin-top:0}.hero-sub{font-size:clamp(16px,2vw,18px);color:var(--text-muted);margin-top:18px;max-width:480px;line-height:1.55}.hero-body{color:var(--text-faint);margin-top:12px;max-width:480px;font-size:14.5px;line-height:1.55}.typing-line{display:flex;align-items:center;gap:8px;margin-top:18px;height:20px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13.5px;color:var(--text-muted)}.typing-prompt{color:var(--blue);font-weight:700}.typing-caret{width:2px;height:15px;background:var(--blue);border-radius:1px;animation:caretBlink 1s steps(1) infinite}@keyframes caretBlink{0%,50%{opacity:1}50.01%,to{opacity:0}}.tech-line{display:block;margin-top:18px;font-size:15px;font-weight:700;color:var(--text)}.hero-actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.hero-email{display:flex;align-items:center;gap:8px;margin-top:18px;font-size:14px;color:var(--text-muted);word-break:break-word}.hero-email svg{color:var(--text-faint);flex-shrink:0}.hero-email a{color:var(--blue);font-weight:600}.hero-visual{position:relative;display:block}.svg-defs{position:absolute;width:0;height:0;pointer-events:none}.hv-panel{position:relative;height:400px;background:radial-gradient(130% 100% at 50% 2%,#18294f,#0b1334 46%,#05091a);-webkit-clip-path:url(#heroShield);clip-path:url(#heroShield);box-shadow:inset 0 1px #ffffff1a,inset 0 0 90px -20px #3c78ff33;filter:drop-shadow(0 46px 60px rgba(8,22,78,.55));overflow:hidden}.hv-panel:before{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(40% 40% at 30% 30%,rgba(60,130,255,.22),transparent 60%),radial-gradient(38% 38% at 72% 22%,rgba(130,87,245,.2),transparent 60%),radial-gradient(36% 36% at 60% 70%,rgba(31,198,230,.14),transparent 62%);filter:blur(20px);animation:auraDrift 16s ease-in-out infinite alternate;pointer-events:none}.hv-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(80% 60% at 50% 120%,rgba(0,0,0,.4),transparent 60%);pointer-events:none}@keyframes auraDrift{0%{transform:translate(0) scale(1)}50%{transform:translate(3%,-2%) scale(1.06)}to{transform:translate(-3%,2%) scale(1.03)}}.hv-glow{position:absolute;width:420px;height:420px;top:-40px;left:50%;transform:translate(-50%);background:radial-gradient(circle,rgba(60,130,255,.46),rgba(130,87,245,.2) 45%,transparent 70%);filter:blur(34px);animation:heroGlow 8s ease-in-out infinite;pointer-events:none}@keyframes heroGlow{0%,to{opacity:.8;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.08)}}.hv-rings{position:absolute;top:188px;left:50%;width:0;height:0;transform:translate(-50%,-50%);perspective:760px;pointer-events:none}.hv-rings .ring{position:absolute;left:0;top:0;border-radius:50%;border:1px solid rgba(120,170,255,.2);transform:translate(-50%,-50%) rotate(-20deg) rotateX(68deg);transform-style:preserve-3d}.ring-1{width:250px;height:250px}.ring-2{width:360px;height:360px;border-color:#78aaff21}.ring-3{width:468px;height:468px;border-color:#78aaff14}.orbit-dot{position:absolute;left:0;top:0;width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px 2px #1fc6e6d9}.od-1{transform:translate(118px,-36px);animation:sparkPulse 4s ease-in-out infinite}.od-2{transform:translate(-156px,22px);background:var(--violet);box-shadow:0 0 10px 2px #8257f5d9;animation:sparkPulse 4s ease-in-out infinite 1.4s}.od-3{transform:translate(176px,48px);background:var(--blue);box-shadow:0 0 10px 2px #3c82ffd9;animation:sparkPulse 4s ease-in-out infinite 2.6s}.hv-shield{position:absolute;top:74px;left:50%;transform:translate(-50%);width:222px;height:222px;z-index:2;animation:shieldFloat 6s ease-in-out infinite}.hv-shield img{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 14px 40px rgba(90,110,255,.5))}@keyframes shieldFloat{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-9px)}}@keyframes sparkPulse{0%,to{opacity:.3}50%{opacity:1}}.hv-flow{position:relative;z-index:3;margin:-104px -34px 0;display:flex;align-items:center;justify-content:center;gap:0}.hv-card{position:relative;flex:1 1 0;min-width:0;min-height:138px;padding:14px 13px;display:flex;flex-direction:column;border-radius:18px;background:linear-gradient(135deg,#ffffffdb,#e4edffc7);backdrop-filter:blur(42px) saturate(200%);-webkit-backdrop-filter:blur(42px) saturate(200%);border:1px solid rgba(255,255,255,.7);box-shadow:0 22px 46px -22px #14285a80,inset 0 1px #ffffffd9;align-self:center;transition:transform .25s ease,box-shadow .25s ease}.hv-card:hover{transform:translateY(-3px)}.theme-dark .hv-card{background:linear-gradient(135deg,#243058db,#18203ec7);border-color:#78a0f54d;box-shadow:0 20px 44px -24px #000000b3,inset 0 1px #ffffff1f}.hvc-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;background:var(--chip);border:1px solid var(--border);color:var(--text);margin-bottom:10px}.theme-dark .hvc-icon{background:#78a0ff24;border-color:#8caaeb33;color:#9ec5ff}.hvc-icon.accent{background:linear-gradient(135deg,var(--blue),var(--violet));border-color:transparent;color:#fff}.theme-dark .hvc-icon.accent{color:#fff}.hvc-label{color:var(--text);font-weight:600;font-size:14px}.hvc-sub{color:var(--text-muted);font-size:12px;margin-top:3px;line-height:1.4}.hv-card.decision{flex:1.3 1 0;align-self:center;z-index:4;padding:20px;border-radius:20px;background:linear-gradient(135deg,#162040d6,#0c1228c7);backdrop-filter:blur(40px) saturate(195%);-webkit-backdrop-filter:blur(40px) saturate(195%);border:1px solid rgba(130,165,245,.32);box-shadow:0 34px 64px -26px #0c1c5acc,inset 0 1px #ffffff1a}.theme-dark .hv-card.decision{background:#0e162eb3}.hv-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:13px}.hv-rows li{display:flex;align-items:center;gap:11px;font-size:14.5px;font-weight:600;color:#eaf1ff}.hvr-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;flex-shrink:0}.hvr-icon.approve{color:#34d399;background:#18a8772e}.hvr-icon.block{color:#f87186;background:#e0556b2e}.hvr-icon.review{color:#f5bd55;background:#d994252e}.hvr-icon.log{color:#7eb6ff;background:#2f7df633}.hv-conn{position:relative;align-self:center;flex:0 0 26px;height:2px;margin:0 2px;background-image:radial-gradient(circle,rgba(130,165,245,.65) 38%,transparent 40%);background-size:7px 2px;background-repeat:repeat-x;background-position:center}.hv-conn:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px 2px #1fc6e6bf;animation:connPulse 3s ease-in-out infinite}.hv-conn:nth-of-type(4):after{animation-delay:1s}@keyframes connPulse{0%,to{opacity:.55}50%{opacity:1}}#product{padding-top:18px}.explain-card{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:48px;padding:40px 44px}.ex-copy h2{font-size:clamp(24px,3vw,31px);margin:0}.ex-copy p{color:var(--text-muted);margin-top:14px;font-size:14.5px;line-height:1.6;max-width:48ch}.ex-flow{display:flex;flex-direction:column;align-items:stretch;gap:0}.flow-step{display:flex;flex-direction:column;align-items:center}.flow-node{width:100%;display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:16px;background:var(--surface-solid);border:1px solid var(--border)}.theme-dark .flow-node{background:#ffffff08}.flow-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:42px;height:42px;border-radius:12px;background:var(--chip);border:1px solid var(--border);color:var(--blue)}.theme-dark .flow-icon{background:#ffffff0d}.flow-text{display:flex;flex-direction:column;gap:2px}.flow-label{font-size:14px;font-weight:600;color:var(--text)}.flow-sub{font-size:12.5px;color:var(--text-faint)}.flow-node.mid{background:linear-gradient(160deg,#0e1733,#1a2a5e);border-color:#78a0f580;box-shadow:0 18px 40px -22px #1e46c8b3}.flow-node.mid .flow-label,.flow-node.mid .flow-sub{color:#fff}.flow-node.mid .flow-sub{color:#ffffffb3}.flow-node.mid .flow-icon{background:linear-gradient(135deg,var(--blue),var(--violet));border-color:transparent;color:#fff}.flow-conn{width:0;height:18px;border-left:2px dotted rgba(120,160,245,.5)}.problem-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:44px}.problem-endline{margin-top:28px;padding:20px 24px;border-radius:16px;border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:center;font-size:clamp(16px,2vw,18px);font-weight:600;color:var(--text);text-wrap:balance}.risk-card{display:flex;gap:14px;padding:20px;border-radius:16px;background:var(--surface);border:1px solid var(--border);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.risk-card:hover{transform:translateY(-3px);border-color:var(--border-strong);box-shadow:var(--shadow)}.risk-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:11px;background:var(--chip);border:1px solid var(--border);flex-shrink:0}.risk-card h3{font-size:16px}.risk-card p{color:var(--text-muted);font-size:13.5px;margin-top:7px;line-height:1.5}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px}.card{padding:24px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform var(--dur-med) var(--ease-out),border-color var(--dur-med) var(--ease-out),box-shadow var(--dur-med) var(--ease-out)}.card:hover{transform:translateY(-4px);border-color:var(--border-strong);box-shadow:var(--shadow)}.card-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;background:var(--chip);border:1px solid var(--border)}.card h3{font-size:17px}.card p{color:var(--text-muted);margin-top:10px;font-size:14.5px}.card .support{color:var(--text-faint);font-size:13px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.ic-blue{color:var(--blue)}.ic-cyan{color:var(--cyan)}.ic-violet{color:var(--violet)}.ic-amber{color:var(--amber)}.ic-red{color:var(--red)}.ic-green{color:var(--green)}.modules-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:40px}.module-group{padding:22px}.mg-label{display:inline-flex;align-items:center;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);background:var(--chip);border:1px solid var(--border);padding:5px 12px;border-radius:999px}.mg-modules{margin-top:18px;display:grid;gap:14px}.module-row{display:flex;gap:13px;padding:16px;border-radius:13px;background:var(--chip);border:1px solid var(--border);transition:border-color .18s ease,transform .18s ease}.module-row:hover{border-color:var(--border-strong);transform:translate(3px)}.module-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:11px;background:var(--surface-solid);border:1px solid var(--border);flex-shrink:0}.theme-dark .module-icon{background:#ffffff0a}.module-row h3{font-size:15.5px}.module-row p{color:var(--text-muted);font-size:13px;margin-top:6px;line-height:1.5}.console-section{position:relative;overflow:hidden}.console-section-glow{position:absolute;width:720px;height:480px;top:30%;left:50%;transform:translate(-50%);background:radial-gradient(circle,var(--glow-c),transparent 68%);filter:blur(60px);opacity:.7;pointer-events:none;z-index:0}.console-section .container{position:relative;z-index:1}.console{margin-top:36px;border-radius:22px;overflow:hidden;background:linear-gradient(160deg,#0b1530,#070c1c);border:1px solid rgba(120,160,240,.2);box-shadow:0 40px 90px -60px #0a194666,inset 0 1px #ffffff0f,inset 0 0 90px -30px #3c78ff38}.console-bar{display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid rgba(140,170,235,.12)}.dots{display:flex;gap:7px}.dots span{width:11px;height:11px;border-radius:50%;display:block}.dots span:nth-child(1){background:#ff5f57}.dots span:nth-child(2){background:#febc2e}.dots span:nth-child(3){background:#28c840}.console-bar .c-title{color:#cdd8f2;font-size:13.5px;font-weight:500}.status-chip{margin-left:auto;font-size:12.5px;font-weight:600;padding:5px 12px;border-radius:999px;color:#fcd38f;background:#d9942529;border:1px solid rgba(217,148,37,.4)}.console-tabs{display:flex;gap:4px;padding:12px 18px 0;overflow-x:auto}.console-tabs button{background:none;border:none;color:#8294bd;font-size:13.5px;font-weight:500;padding:9px 14px;border-radius:9px 9px 0 0;white-space:nowrap;border-bottom:2px solid transparent}.console-tabs button.active{color:#eaf1ff;background:#ffffff0a;border-bottom-color:var(--blue)}.console-body{display:grid;grid-template-columns:1.25fr 1fr;gap:18px;padding:22px}.console-panel{background:#ffffff08;border:1px solid rgba(140,170,235,.14);border-radius:14px;padding:18px}.console-panel .cp-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}.console-panel .cp-head h4{color:#eaf1ff;font-size:15px}.console-panel .cp-head span{color:#7e90ba;font-size:12px}.detail-row{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid rgba(140,170,235,.08);font-size:13.5px}.detail-row:last-child{border-bottom:none}.detail-row .dr-label{color:#8294bd}.detail-row .dr-value{color:#e3ebff;font-weight:500;text-align:right}.risk-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.risk-chip{font-size:12px;font-weight:500;padding:5px 11px;border-radius:999px;color:#fcaf9f;background:#e0785524;border:1px solid rgba(224,120,85,.32)}.decision-btns{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.decision-btns button{flex:1;min-width:110px;padding:10px;border-radius:10px;font-size:13.5px;font-weight:600;border:1px solid transparent;background:#ffffff0d;color:#cdd8f2;transition:transform .15s ease,border-color .15s ease}.decision-btns button:hover{transform:translateY(-2px)}.decision-btns .b-approve:hover{border-color:var(--green);color:#6ee7b7}.decision-btns .b-block:hover{border-color:var(--red);color:#fca5b4}.decision-btns .b-review:hover{border-color:var(--amber);color:#fcd38f}.timeline{position:relative;margin-top:4px}.tl-item{position:relative;padding-left:26px;padding-bottom:16px}.tl-item:before{content:"";position:absolute;left:4px;top:5px;width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 4px #1fc6e629}.tl-item:after{content:"";position:absolute;left:8px;top:16px;bottom:0;width:1px;background:#8caaeb33}.tl-item:last-child{padding-bottom:0}.tl-item:last-child:after{display:none}.tl-time{font-size:11.5px;color:#7e90ba;font-family:ui-monospace,monospace}.tl-text{color:#d7e0f7;font-size:13.5px;margin-top:2px}.console-note{padding:14px 22px 18px;color:#8294bd;font-size:13px;border-top:1px solid rgba(140,170,235,.1)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:44px;position:relative}.step{position:relative;display:flex;flex-direction:column;padding:26px 22px;border-radius:18px;background:var(--surface);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);border:1px solid var(--border);box-shadow:var(--shadow-card),inset 0 1px #ffffff73}.theme-dark .step{box-shadow:var(--shadow-card),inset 0 1px #ffffff0d}.step-num{font-size:12.5px;font-weight:700;font-family:ui-monospace,monospace;color:var(--blue)}.step-icon{margin:10px 0;color:var(--cyan)}.step h3{font-size:16.5px;line-height:1.3}.step p{color:var(--text-muted);font-size:13.5px;margin-top:10px;line-height:1.55}.st-pending{--st: var(--amber)}.st-approved{--st: var(--green)}.st-blocked{--st: var(--red)}.st-revision{--st: var(--amber)}.simulator{margin-top:40px;border-radius:20px;overflow:hidden;background:var(--surface);border:1px solid var(--border-strong);box-shadow:0 40px 90px -50px #0f1e5099;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:border-color .4s ease,box-shadow .4s ease}.simulator{border-color:color-mix(in srgb,var(--st) 36%,var(--border));box-shadow:0 40px 90px -50px color-mix(in srgb,var(--st) 45%,transparent)}.sim-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--st) 7%,transparent)}.sim-title{font-weight:600;font-size:14px;font-family:var(--font-display)}.sim-status{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--st)}.sim-dot{width:10px;height:10px;border-radius:50%;background:var(--st);box-shadow:0 0 0 4px color-mix(in srgb,var(--st) 22%,transparent)}.sim-body{display:grid;grid-template-columns:1fr 1fr}.sim-scenario{padding:26px;border-right:1px solid var(--border)}.sim-eyebrow{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);font-weight:700}.sim-scenario h3{font-size:18px;margin-top:10px}.sim-fields{margin-top:18px}.sim-row{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--border);font-size:13.5px}.sim-row:last-child{border-bottom:none}.sim-row .sim-label{color:var(--text-faint)}.sim-row .sim-value{color:var(--text);font-weight:500;text-align:right}.sim-decision{padding:26px;display:flex;flex-direction:column}.sim-message{color:var(--text-muted);font-size:14.5px;margin-top:12px;min-height:42px}.sim-btns{display:flex;gap:9px;margin-top:16px;flex-wrap:wrap}.sim-btns button{flex:1;min-width:96px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px;border-radius:11px;font-size:13.5px;font-weight:600;border:1px solid var(--border-strong);background:var(--surface-solid);color:var(--text);transition:transform .15s ease,border-color .15s ease,background .15s ease}.theme-dark .sim-btns button{background:#ffffff0a}.sim-btns button:hover{transform:translateY(-2px)}.sim-approve:hover{border-color:var(--green);background:color-mix(in srgb,var(--green) 14%,var(--surface));color:var(--green)}.sim-block:hover{border-color:var(--red);background:color-mix(in srgb,var(--red) 14%,var(--surface));color:var(--red)}.sim-review:hover{border-color:var(--amber);background:color-mix(in srgb,var(--amber) 14%,var(--surface));color:var(--amber)}.sim-audit{margin-top:22px;padding-top:18px;border-top:1px solid var(--border)}.sa-title{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.sim-audit-list{list-style:none;margin:14px 0 0;padding:0}.sim-audit-list li{position:relative;padding-left:22px;padding-bottom:11px;font-size:13px;color:var(--text-muted)}.sim-audit-list li:before{content:"";position:absolute;left:3px;top:6px;width:7px;height:7px;border-radius:50%;background:var(--blue)}.sim-audit-list li:after{content:"";position:absolute;left:6px;top:13px;bottom:0;width:1px;background:var(--border-strong)}.sim-audit-list li:last-child{padding-bottom:0}.sim-audit-list li:last-child:after{display:none}.sim-audit-list .sa-decision{color:var(--st);font-weight:600}.sim-audit-list .sa-decision:before{background:var(--st);box-shadow:0 0 0 3px color-mix(in srgb,var(--st) 22%,transparent)}.demo-note{margin:22px auto 0;color:var(--text-faint);font-size:13.5px;text-align:center;max-width:680px}.tag{display:inline-flex;align-items:center;font-size:12px;font-weight:600;padding:4px 11px;border-radius:999px;margin-top:16px;color:var(--blue);background:var(--chip);border:1px solid var(--border)}.usecase-card{position:relative;display:flex;flex-direction:column;padding-bottom:64px}.usecase-card .tag{position:absolute;left:24px;bottom:24px;margin-top:0;align-self:flex-start}.audience-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:40px}.audience-row{display:flex;gap:14px;padding:20px;border-radius:15px;background:var(--surface);border:1px solid var(--border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform .18s ease,border-color .18s ease}.audience-row:hover{transform:translateY(-3px);border-color:var(--border-strong)}.ar-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:11px;background:var(--chip);border:1px solid var(--border);flex-shrink:0}.audience-row h3{font-size:15.5px}.audience-row p{color:var(--text-muted);font-size:13.5px;margin-top:6px;line-height:1.5}.audience-row .ar-detail{color:var(--text-faint);font-size:12.5px;margin-top:8px}.security-panel{padding:40px;margin-top:12px}.security-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:32px}.principle{padding:20px;border-radius:14px;background:var(--chip);border:1px solid var(--border)}.principle .p-icon{color:var(--green);margin-bottom:12px}.principle h3{font-size:15px}.principle p{color:var(--text-muted);font-size:13px;margin-top:8px}.honest-note{margin-top:26px;padding:22px 24px;border-radius:16px;border:1px dashed var(--border-strong);background:color-mix(in srgb,var(--blue) 6%,transparent)}.honest-note h4{font-size:15px;display:flex;align-items:center;gap:8px}.honest-note p{color:var(--text-muted);font-size:14px;margin-top:10px}.roadmap{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}.road-card{display:flex;flex-direction:column;padding:24px 22px}.road-top{display:flex;align-items:center;justify-content:flex-start;margin-bottom:16px}.road-label{display:inline-flex;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;border-radius:999px}.road-0 .road-label{color:var(--blue);background:color-mix(in srgb,var(--blue) 12%,transparent);border:1px solid color-mix(in srgb,var(--blue) 28%,transparent)}.road-1 .road-label{color:var(--cyan);background:color-mix(in srgb,var(--cyan) 12%,transparent);border:1px solid color-mix(in srgb,var(--cyan) 28%,transparent)}.road-2 .road-label{color:var(--violet);background:color-mix(in srgb,var(--violet) 12%,transparent);border:1px solid color-mix(in srgb,var(--violet) 26%,transparent)}.road-card h3{font-size:17px;margin:0}.road-card p{color:var(--text-muted);margin-top:10px;font-size:14px;line-height:1.55}.road-card .road-detail{color:var(--text-faint);font-size:12.5px;margin-top:12px;line-height:1.5}.form-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;margin-top:44px;align-items:start}.form-left h2{font-size:clamp(24px,3.4vw,32px)}.form-left p{color:var(--text-muted);margin-top:16px;font-size:15.5px}.email-card{margin-top:22px;padding:18px;display:flex;align-items:center;gap:14px}.email-card .ec-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--chip);border:1px solid var(--border);color:var(--blue);flex-shrink:0}.email-card .ec-label{font-size:12px;color:var(--text-faint)}.email-card a{color:var(--blue);font-weight:600;font-size:15px;word-break:break-all}.bestfit{margin-top:18px;padding:20px}.bestfit h4{font-size:15px}.bestfit>p{color:var(--text-muted);font-size:14px;margin-top:8px}.bestfit ul{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:9px}.bestfit li{display:flex;align-items:flex-start;gap:9px;font-size:13.5px;color:var(--text-muted)}.bestfit li svg{color:var(--green);flex-shrink:0;margin-top:2px}.form-card{padding:28px}.form-card h3{font-size:19px}.form-card .fc-intro{color:var(--text-muted);font-size:14px;margin-top:8px}.form-fields{margin-top:20px;display:grid;gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field label{font-size:13px;font-weight:500;color:var(--text)}.field input,.field textarea,.field select{font-family:inherit;font-size:14.5px;color:var(--text);background:var(--surface-solid);border:1px solid var(--border-strong);border-radius:11px;padding:11px 13px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.theme-dark .field input,.theme-dark .field textarea,.theme-dark .field select{background:#081022b3}.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 18%,transparent)}.field textarea{resize:vertical;min-height:84px}.form-note{color:var(--text-faint);font-size:12.5px;margin-top:14px;text-align:center}.form-success{padding:40px 28px;text-align:center}.form-success .fs-icon{width:64px;height:64px;border-radius:50%;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;color:var(--green);background:color-mix(in srgb,var(--green) 14%,transparent);border:1px solid color-mix(in srgb,var(--green) 40%,transparent)}.form-success h3{font-size:20px}.form-success p{color:var(--text-muted);margin-top:12px;font-size:15px}.cta-card{position:relative;display:grid;grid-template-columns:96px 1fr auto;align-items:center;gap:32px;padding:40px 44px;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--blue) 12%,var(--surface)),color-mix(in srgb,var(--violet) 12%,var(--surface)))}.cta-card:before{content:"";position:absolute;width:360px;height:360px;top:-120px;right:-80px;background:radial-gradient(circle,var(--glow-b),transparent 70%);opacity:.6;pointer-events:none}.cta-card>*{position:relative;z-index:1}.cta-card .cta-shield{width:92px;height:92px;justify-self:center;border-radius:18px;filter:drop-shadow(0 8px 26px rgba(60,130,255,.5));animation:ctaShieldFloat 6s ease-in-out infinite}@keyframes ctaShieldFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.cta-card h2{font-size:clamp(22px,3.4vw,32px)}.cta-card p{color:var(--text-muted);margin-top:12px;font-size:15.5px;max-width:560px}.cta-right{display:flex;flex-direction:column;gap:12px;align-items:stretch}.cta-right .cta-email{font-size:13.5px;color:var(--text-faint);text-align:center}.cta-right .cta-email a{color:var(--blue);font-weight:600}.footer{border-top:1px solid var(--border);padding:54px 0 36px;margin-top:30px}.footer-top{display:grid;grid-template-columns:1.4fr 1.6fr 1fr;gap:32px}.footer-brand{margin-left:-10px}.footer-logo{height:34px}.footer-brand p{color:var(--text-faint);font-size:13.5px;margin-top:12px;max-width:260px}.footer-links{display:flex;flex-wrap:wrap;gap:10px 26px;align-content:flex-start}.footer-links a{color:var(--text-muted);font-size:14px}.footer-links a:hover{color:var(--blue)}.footer-contact{text-align:right}.footer-contact .fc-label{font-size:12px;color:var(--text-faint)}.footer-contact a{color:var(--blue);font-weight:600;font-size:15px;word-break:break-all}.trust-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px;padding-top:26px;border-top:1px solid var(--border)}.trust-chip{font-size:12.5px;color:var(--text-muted);background:var(--chip);border:1px solid var(--border);padding:6px 13px;border-radius:999px}.footer-bottom{margin-top:24px;color:var(--text-faint);font-size:13px}@media (max-width: 980px){.header-pill{grid-template-columns:1fr auto}.nav-links,.header-cta{display:none}.hamburger{display:inline-flex}.brand-logo{height:30px}.hero-grid{grid-template-columns:1fr;gap:36px}.grid-4{grid-template-columns:repeat(2,1fr)}.console-body{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr);gap:18px}.workflow-grid.reveal-stagger{grid-template-columns:repeat(3,1fr)}.workflow-grid.reveal-stagger>:last-child:nth-child(3n-2){grid-column:2}.workflow-grid.reveal-stagger>:nth-last-child(2):nth-child(3n-2){grid-column:1 / 2;margin-left:50%}.roadmap{grid-template-columns:1fr;gap:14px}.sim-body{grid-template-columns:1fr}.sim-scenario{border-right:none;border-bottom:1px solid var(--border)}.security-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.explain-card{grid-template-columns:1fr;gap:32px;padding:32px}.ex-copy p{max-width:none}.ex-flow{max-width:460px}.hv-flow{flex-wrap:wrap;gap:10px;margin-top:-56px}.hv-card,.hv-card.decision{flex:1 1 130px}.hv-conn{display:none}.problem-cards{grid-template-columns:repeat(2,1fr)}.modules-grid,.audience-list{grid-template-columns:1fr}.cta-card{grid-template-columns:1fr;text-align:center;justify-items:center}.cta-card p{margin-left:auto;margin-right:auto}.footer-top{grid-template-columns:1fr;gap:24px}.footer-contact{text-align:left}}@media (max-width: 768px){.workflow-grid.reveal-stagger{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){section{padding:44px 0}.hero{padding-top:96px}.hero-visual{display:none}.reveal-left,.reveal-right{transform:translateY(22px)}.steps,.grid-3,.grid-4,.security-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.explain-card,.security-panel,.cta-card,.form-card{padding:24px}.hv-panel{height:300px}.hv-flow{flex-direction:column;flex-wrap:nowrap;margin-top:-48px}.hv-card,.hv-card.decision{width:100%;flex:none;align-self:stretch}.workflow-grid.reveal-stagger{grid-template-columns:1fr}.after-card{flex-direction:column;align-items:flex-start;gap:10px}.after-price{text-align:left}.problem-cards{grid-template-columns:1fr}.detail-row,.sim-row{flex-direction:column;gap:2px}.detail-row .dr-value,.sim-row .sim-value{text-align:left}.sim-btns button{min-width:0}.cta-right{width:100%}}:root{--reveal-ease: cubic-bezier(.16, 1, .3, 1);--reveal-dur: 1.1s}.reveal{opacity:0;filter:blur(12px);transform:translateY(28px) scale(.985);transition:opacity var(--reveal-dur) var(--reveal-ease),transform var(--reveal-dur) var(--reveal-ease),filter var(--reveal-dur) var(--reveal-ease);will-change:opacity,transform,filter}.reveal-up{transform:translateY(28px) scale(.985)}.reveal-left{transform:translate(-40px) scale(.985)}.reveal-right{transform:translate(40px) scale(.985)}.reveal-blur{filter:blur(18px);transform:translateY(24px) scale(.985)}.reveal-scale{transform:scale(.94)}.reveal.is-visible{opacity:1;transform:none;filter:blur(0)}.reveal.is-out-up{opacity:0;filter:blur(12px);transform:translateY(-28px) scale(.985)}.reveal.is-out-down{opacity:0;filter:blur(12px);transform:translateY(28px) scale(.985)}.reveal-stagger>*{opacity:0;filter:blur(10px);transform:translateY(24px) scale(.985);transition:opacity .95s var(--reveal-ease),transform .95s var(--reveal-ease),filter .95s var(--reveal-ease);will-change:opacity,transform,filter}.reveal-stagger.is-visible>*{opacity:1;transform:none;filter:blur(0)}.reveal-stagger.is-out-up>*{opacity:0;filter:blur(10px);transform:translateY(-24px) scale(.985)}.reveal-stagger.is-out-down>*{opacity:0;filter:blur(10px);transform:translateY(24px) scale(.985)}.reveal-stagger.is-visible>*:nth-child(1){transition-delay:0ms}.reveal-stagger.is-visible>*:nth-child(2){transition-delay:80ms}.reveal-stagger.is-visible>*:nth-child(3){transition-delay:.16s}.reveal-stagger.is-visible>*:nth-child(4){transition-delay:.24s}.reveal-stagger.is-visible>*:nth-child(5){transition-delay:.32s}.reveal-stagger.is-visible>*:nth-child(6){transition-delay:.4s}.reveal-stagger.is-visible>*:nth-child(7){transition-delay:.48s}.reveal-stagger.is-visible>*:nth-child(8){transition-delay:.56s}.reveal-stagger.is-visible>*:nth-child(9){transition-delay:.64s}.reveal-stagger.is-visible>*:nth-child(n+10){transition-delay:.72s}.hero-fineprint{color:var(--text-faint);font-size:13.5px;line-height:1.55;margin-top:18px;max-width:520px}.ex-bullets{margin:20px 0 0;padding:0;list-style:none;display:grid;gap:14px}.ex-bullets li{display:flex;align-items:flex-start;gap:11px;font-size:14.5px;color:var(--text-muted)}.ex-bullets li svg{color:var(--green);flex-shrink:0;margin-top:3px}.ex-bullet-text{display:flex;flex-direction:column;gap:2px}.ex-bullet-text strong{color:var(--text);font-weight:600;font-size:14.5px}.ex-bullet-text span{color:var(--text-muted);font-size:13.5px;line-height:1.55}.workflow-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:44px}.workflow-card{display:flex;flex-direction:column;align-items:stretch;gap:7px;padding:18px 16px;height:100%}.workflow-card .card-icon{width:38px;height:38px;margin-bottom:2px}.workflow-card h3{font-size:14.5px;line-height:1.3}.workflow-card .wc-body{color:var(--text-muted);font-size:13px;line-height:1.5;flex:1}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}.price-card{position:relative;display:flex;flex-direction:column;padding:26px}.price-card.recommended{border-color:var(--blue);box-shadow:var(--shadow-card),0 0 0 1px var(--blue) inset}.price-name-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.price-badge{flex-shrink:0;display:inline-flex;align-items:center;white-space:nowrap;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:var(--blue);padding:4px 11px;border-radius:999px;box-shadow:0 0 0 1px color-mix(in oklab,var(--blue) 50%,transparent),0 4px 14px -4px #2563ebb3}.theme-dark .price-badge{color:#0b1430}.price-name{font-size:16px}.price-amount{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;margin-top:12px;font-size:30px;font-weight:700;color:var(--text)}.price-note{font-size:13px;font-weight:500;color:var(--text-faint)}.price-body{color:var(--text-muted);font-size:14px;line-height:1.5;margin-top:12px;min-height:63px}.price-bestfor{margin-top:14px;font-size:13px;line-height:1.5;color:var(--text-muted);min-height:40px}.price-bestfor span{font-weight:700;color:var(--text)}.price-includes{margin:18px 0 0;padding:18px 0 0;border-top:1px solid var(--border);list-style:none;display:grid;gap:10px;flex:1}.price-includes li{display:flex;align-items:flex-start;gap:9px;font-size:13.5px;color:var(--text)}.price-includes li svg{flex-shrink:0;margin-top:2px}.price-includes li.feat-yes{color:var(--text)}.price-includes li.feat-yes svg{color:var(--green)}.price-includes li.feat-no{color:var(--text-faint)}.price-includes li.feat-no svg{color:var(--text-faint);opacity:.6}.price-cta{width:100%;margin-top:22px}.after-audit{margin-top:28px}.after-audit-head{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);margin-bottom:16px}.after-audit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.after-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 22px}.after-info h4{font-size:15px}.after-info p{color:var(--text-muted);font-size:13.5px;margin-top:4px}.after-price{display:flex;align-items:baseline;gap:5px;flex-shrink:0;font-size:20px;font-weight:700;color:var(--text);text-align:right}.deliverables-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:44px}.deliverable-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:20px 18px;height:100%}.deliverable-check{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border-radius:11px;background:color-mix(in oklab,var(--green) 13%,transparent);border:1px solid color-mix(in oklab,var(--green) 32%,transparent)}.deliverable-check svg{color:var(--green)}.deliverable-card h3{font-size:14.5px;line-height:1.3}.deliverable-card p{color:var(--text-muted);font-size:13px;line-height:1.5}.deliverables-notes{display:grid;gap:14px;align-content:start;margin-top:20px;padding:22px 24px;border-radius:16px;border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.deliverables-notes p{display:flex;align-items:flex-start;gap:9px;font-size:13.5px;color:var(--text-muted)}.deliverables-notes p svg{color:var(--blue);flex-shrink:0;margin-top:2px}#faq .section-head,.faq-list{max-width:900px;margin-left:auto;margin-right:auto}#faq .section-head{text-align:center}#faq .section-intro{margin-left:auto;margin-right:auto}.faq-list{display:grid;gap:12px;margin-top:40px}.faq-item{padding:0 22px}.faq-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;text-align:left;background:none;border:0;cursor:pointer;padding:18px 0;font-size:16px;font-weight:600;color:var(--text);font-family:inherit}.faq-icon{color:var(--text-muted);flex-shrink:0;transition:transform .3s cubic-bezier(.22,1,.36,1),color .3s ease}.faq-item.open .faq-icon{transform:rotate(135deg);color:var(--blue)}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .34s cubic-bezier(.22,1,.36,1)}.faq-item.open .faq-answer{grid-template-rows:1fr}.faq-answer-inner{overflow:hidden;opacity:0;transition:opacity .3s ease}.faq-item.open .faq-answer-inner{opacity:1}.faq-item p{color:var(--text-muted);font-size:14.5px;line-height:1.6;padding:0 48px 20px 0;margin:0;max-width:none;overflow-wrap:break-word;word-break:break-word}@media (max-width: 900px){.pricing-grid{grid-template-columns:1fr;max-width:460px;margin-left:auto;margin-right:auto}.after-audit{max-width:460px;margin-left:auto;margin-right:auto}.deliverables-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.pricing-grid,.after-audit-grid,.deliverables-list{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.blob{animation:none}.ambient:after{animation:none}html{scroll-behavior:auto}.reveal,.reveal-stagger>*{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (hover: hover) and (pointer: fine){.card,.price-card,.after-card,.step,.flow-node,.audience-row,.faq-item,.risk-card,.hv-card{--reveal-x: 50%;--reveal-y: 50%;position:relative;overflow:hidden;isolation:isolate}.step{overflow:visible}.card>*,.price-card>*,.after-card>*,.step>*,.flow-node>*,.audience-row>*,.faq-item>*,.risk-card>*,.hv-card>*{position:relative;z-index:1}.card:before,.price-card:before,.after-card:before,.step:before,.flow-node:before,.audience-row:before,.faq-item:before,.risk-card:before,.hv-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;pointer-events:none;z-index:2;opacity:0;background:radial-gradient(150px circle at var(--reveal-x) var(--reveal-y),rgba(230,243,255,.38) 0%,rgba(126,182,255,.18) 22%,rgba(84,140,255,.07) 42%,transparent 68%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transition:opacity .18s ease}.card:after,.price-card:after,.after-card:after,.step:after,.flow-node:after,.audience-row:after,.faq-item:after,.risk-card:after,.hv-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:0;opacity:0;background:radial-gradient(135px circle at var(--reveal-x) var(--reveal-y),rgba(170,205,255,.06) 0%,rgba(82,139,255,.04) 34%,transparent 72%);transition:opacity .18s ease}.card.fluent-reveal-active:before,.price-card.fluent-reveal-active:before,.after-card.fluent-reveal-active:before,.step.fluent-reveal-active:before,.flow-node.fluent-reveal-active:before,.audience-row.fluent-reveal-active:before,.faq-item.fluent-reveal-active:before,.risk-card.fluent-reveal-active:before,.hv-card.fluent-reveal-active:before{opacity:.34}.card.fluent-reveal-active:after,.price-card.fluent-reveal-active:after,.after-card.fluent-reveal-active:after,.step.fluent-reveal-active:after,.flow-node.fluent-reveal-active:after,.audience-row.fluent-reveal-active:after,.faq-item.fluent-reveal-active:after,.risk-card.fluent-reveal-active:after,.hv-card.fluent-reveal-active:after{opacity:.28}}

/* v24: simplified centered hero with visual removed */
.hero{padding-top:clamp(150px,16vh,190px)!important;padding-bottom:clamp(94px,13vw,160px)!important;min-height:min(720px,88vh);display:flex;align-items:center}
.hero .container.hero-grid{display:flex!important;align-items:center!important;justify-content:center!important;max-width:980px!important;text-align:center!important;gap:0!important;margin-left:auto!important;margin-right:auto!important}
.hero-copy{width:100%!important;max-width:860px!important;margin:0 auto!important;display:flex!important;flex-direction:column!important;align-items:center!important}
.hero h1{max-width:840px!important;margin:0 auto!important;text-align:center!important;font-size:clamp(42px,7vw,76px)!important;line-height:1.02!important;letter-spacing:-.045em!important}
.hero-sub{max-width:720px!important;margin:clamp(20px,2.4vw,28px) auto 0!important;text-align:center!important;font-size:clamp(17px,2vw,21px)!important;line-height:1.55!important;color:var(--text-muted)!important}
.hero-body,.typing-line,.hero-actions,.hero-email,.hero-fineprint,.hero-visual,.svg-defs{display:none!important}
@media (max-width:900px){.hero{min-height:auto!important;padding-top:clamp(128px,18vh,164px)!important;padding-bottom:clamp(78px,13vw,120px)!important}.hero .container.hero-grid{max-width:760px!important}.hero h1{font-size:clamp(38px,8.5vw,62px)!important}.hero-sub{max-width:640px!important;font-size:clamp(16px,2.5vw,19px)!important}}
@media (max-width:520px){.hero{padding-top:118px!important;padding-bottom:82px!important}.hero .container.hero-grid{padding-left:20px!important;padding-right:20px!important}.hero h1{font-size:clamp(36px,11vw,48px)!important;line-height:1.05!important}.hero-sub{font-size:16px!important;line-height:1.58!important;margin-top:18px!important}}


/* v25: centered hero with CTA buttons restored and tighter premium proportions */
.hero{padding-top:clamp(138px,15vh,178px)!important;padding-bottom:clamp(84px,10vw,132px)!important;min-height:min(700px,86vh)!important;display:flex!important;align-items:center!important}
.hero .container.hero-grid{display:flex!important;align-items:center!important;justify-content:center!important;max-width:1120px!important;text-align:center!important;gap:0!important;margin-left:auto!important;margin-right:auto!important}
.hero-copy{width:100%!important;max-width:1050px!important;margin:0 auto!important;display:flex!important;flex-direction:column!important;align-items:center!important}
.hero h1{max-width:1040px!important;margin:0 auto!important;text-align:center!important;font-size:clamp(44px,6.5vw,78px)!important;line-height:1.02!important;letter-spacing:-.05em!important}
.hero-sub{max-width:620px!important;margin:clamp(20px,2.2vw,26px) auto 0!important;text-align:center!important;font-size:clamp(16px,1.65vw,20px)!important;line-height:1.58!important;color:var(--text-muted)!important}
.hero-actions{display:flex!important;justify-content:center!important;align-items:center!important;gap:14px!important;margin-top:clamp(28px,3vw,34px)!important;flex-wrap:wrap!important}
.hero-actions .btn{min-width:190px!important;padding:14px 24px!important;border-radius:14px!important;font-size:15.5px!important}
.hero-body,.typing-line,.hero-email,.hero-fineprint,.hero-visual,.svg-defs{display:none!important}
@media (max-width:900px){.hero{min-height:auto!important;padding-top:clamp(124px,17vh,158px)!important;padding-bottom:clamp(72px,11vw,108px)!important}.hero .container.hero-grid{max-width:820px!important}.hero h1{max-width:760px!important;font-size:clamp(38px,8vw,62px)!important}.hero-sub{max-width:600px!important;font-size:clamp(16px,2.4vw,19px)!important}.hero-actions .btn{min-width:180px!important}}
@media (max-width:520px){.hero{padding-top:112px!important;padding-bottom:72px!important}.hero .container.hero-grid{padding-left:20px!important;padding-right:20px!important}.hero h1{font-size:clamp(36px,10.5vw,48px)!important;line-height:1.06!important;max-width:100%!important}.hero-sub{font-size:16px!important;line-height:1.58!important;margin-top:18px!important;max-width:100%!important}.hero-actions{flex-direction:column!important;width:100%!important;gap:12px!important;margin-top:26px!important}.hero-actions .btn{width:100%!important;max-width:320px!important;min-width:0!important}}

.flow-node.mid .flow-icon{background-image:url('/auctinel-review-icon.png');background-size:78% 78%;background-repeat:no-repeat;background-position:center;color:transparent;padding:0}
.flow-node.mid .flow-icon svg{display:none!important}


/* v28 hero and page spacing balance fixes */
:root{
  --maxw: 1240px;
}

.header{
  top: 18px;
  padding-left: clamp(16px, 4vw, 42px);
  padding-right: clamp(16px, 4vw, 42px);
}

.header-pill{
  max-width: 1260px;
  min-height: 62px;
  padding: 8px 12px 8px 22px;
}

.hero{
  min-height: min(760px, 92svh);
  display: flex;
  align-items: center;
  padding-top: clamp(132px, 15vh, 170px);
  padding-bottom: clamp(88px, 11vh, 132px);
}

.hero .container{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.hero-grid{
  width: 100%;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
}

.hero-copy{
  width: 100%;
  max-width: 1120px;
  margin-inline: auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.hero h1{
  max-width: 1080px;
  margin: 0 auto;
  font-size: clamp(44px, 6.2vw, 82px);
  line-height: 1.08;
  letter-spacing: -0.055em;
  text-wrap: balance;
}

.hero-actions{
  justify-content: center;
  align-items: center;
  gap: 16px;
  margin-top: clamp(28px, 4vh, 40px);
}

.hero-actions .btn{
  min-width: 224px;
  min-height: 62px;
  border-radius: 15px;
  padding: 16px 26px;
  font-size: 16px;
}

.hero-visual{
  display: none !important;
}

main > section:not(.hero){
  padding-top: clamp(76px, 8vw, 112px);
  padding-bottom: clamp(76px, 8vw, 112px);
}

.section-head{
  margin-inline: auto;
  text-align: center;
}

.section-head .section-intro{
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 1024px){
  .header-pill{
    max-width: calc(100vw - 32px);
  }

  .hero{
    min-height: min(700px, 88svh);
    padding-top: 126px;
    padding-bottom: 86px;
  }

  .hero h1{
    max-width: 840px;
    font-size: clamp(42px, 7vw, 66px);
  }
}

@media (max-width: 768px){
  .header{
    top: 12px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .header-pill{
    min-height: 56px;
    padding: 8px 10px 8px 16px;
    border-radius: 15px;
  }

  .hero{
    min-height: auto;
    padding-top: 118px;
    padding-bottom: 72px;
  }

  .hero h1{
    max-width: 620px;
    font-size: clamp(38px, 10vw, 56px);
    line-height: 1.1;
  }

  .hero-actions{
    margin-top: 28px;
    width: 100%;
    max-width: 420px;
    gap: 12px;
  }

  .hero-actions .btn{
    min-width: 0;
    flex: 1 1 100%;
    width: 100%;
    min-height: 56px;
  }

  main > section:not(.hero){
    padding-top: 64px;
    padding-bottom: 64px;
  }
}

@media (max-width: 430px){
  .hero{
    padding-top: 108px;
    padding-bottom: 58px;
  }

  .hero h1{
    font-size: clamp(34px, 11vw, 46px);
    letter-spacing: -0.045em;
  }

  .hero-actions{
    max-width: 100%;
  }

  .hero-actions .btn{
    font-size: 15px;
    min-height: 54px;
  }
}

@media (max-width: 360px){
  .hero h1{
    font-size: 33px;
  }

  .hero-actions .btn{
    padding-left: 16px;
    padding-right: 16px;
  }
}


/* v29 hero centering and mobile readability pass */
.header{
  left: 0;
  right: 0;
  width: 100%;
}

.header-pill{
  width: min(100%, 1260px);
  margin-inline: auto;
}

.hero{
  min-height: 100svh;
  padding-top: 96px;
  padding-bottom: 56px;
  display: flex;
  align-items: center;
}

.hero .container{
  min-height: calc(100svh - 152px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.hero-grid{
  display: flex !important;
  width: 100%;
  justify-content: center;
  align-items: center;
}

.hero-copy{
  width: 100%;
  max-width: 1120px;
  margin-inline: auto;
  text-align: center;
  align-items: center;
  justify-content: center;
}

.hero h1{
  width: 100%;
  max-width: 1060px;
  margin-inline: auto;
  font-size: clamp(56px, 5.85vw, 86px);
  line-height: 1.06;
  letter-spacing: -0.058em;
  text-wrap: balance;
}

.hero-actions{
  margin-top: clamp(32px, 4.5vh, 46px);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
}

.hero-actions .btn{
  min-width: 226px;
  min-height: 62px;
  font-size: 16.5px;
  border-radius: 15px;
}

.hero-visual{
  display: none !important;
}

@media (max-width: 1024px){
  .hero{
    min-height: 88svh;
    padding-top: 118px;
    padding-bottom: 70px;
  }

  .hero .container{
    min-height: auto;
  }

  .hero h1{
    max-width: 850px;
    font-size: clamp(48px, 7vw, 68px);
    line-height: 1.08;
  }
}

@media (max-width: 768px){
  .hero{
    min-height: auto;
    padding-top: 116px;
    padding-bottom: 68px;
    align-items: flex-start;
  }

  .hero .container{
    align-items: flex-start;
    justify-content: flex-start;
  }

  .hero-grid{
    justify-content: flex-start;
    align-items: flex-start;
  }

  .hero-copy{
    max-width: 100%;
    text-align: left;
    align-items: flex-start;
  }

  .hero h1{
    max-width: 100%;
    margin-inline: 0;
    text-align: left;
    font-size: clamp(42px, 10.8vw, 58px);
    line-height: 1.07;
    letter-spacing: -0.052em;
    text-wrap: balance;
  }

  .hero-actions{
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    max-width: 440px;
    margin-top: 30px;
    gap: 12px;
  }

  .hero-actions .btn{
    flex: 1 1 0;
    min-width: 0;
    min-height: 58px;
    font-size: 15.8px;
    padding: 15px 18px;
  }
}

@media (max-width: 540px){
  .hero{
    padding-top: 104px;
    padding-bottom: 58px;
  }

  .hero h1{
    font-size: clamp(40px, 11vw, 52px);
    line-height: 1.08;
  }

  .hero-actions{
    flex-direction: column;
    max-width: 100%;
    gap: 12px;
  }

  .hero-actions .btn{
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 390px){
  .hero h1{
    font-size: clamp(36px, 11.3vw, 44px);
  }

  .hero-actions .btn{
    min-height: 56px;
    font-size: 15px;
  }
}

@media (max-width: 340px){
  .hero h1{
    font-size: 34px;
  }
}

/* v30 mobile conversion fixes: left-aligned hero + single-column cards */
@media (max-width: 768px){
  .container{
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .header{
    top: 14px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .header-pill{
    min-height: 58px !important;
    border-radius: 18px !important;
  }

  .brand-logo{
    height: 30px !important;
  }

  .hero{
    min-height: 100svh !important;
    padding-top: 112px !important;
    padding-bottom: 54px !important;
    display: flex !important;
    align-items: center !important;
  }

  .hero .container,
  .hero .container.hero-grid,
  .hero-grid{
    width: 100% !important;
    min-height: calc(100svh - 166px) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    text-align: left !important;
  }

  .hero-copy{
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    text-align: left !important;
  }

  .hero h1{
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    text-align: left !important;
    font-size: clamp(42px, 11vw, 56px) !important;
    line-height: 1.06 !important;
    letter-spacing: -0.052em !important;
    text-wrap: balance !important;
  }

  .hero-sub{
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: left !important;
  }

  .hero-actions{
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 30px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    gap: 12px !important;
  }

  .hero-actions .btn{
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 58px !important;
    justify-content: center !important;
    font-size: 16px !important;
  }

  .workflow-grid,
  .workflow-grid.reveal-stagger,
  .deliverables-grid,
  .pricing-grid,
  .after-audit-grid,
  .problem-cards,
  .grid-3,
  .grid-4,
  .steps,
  .security-grid,
  .modules-grid,
  .audience-list,
  .form-grid{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .workflow-grid.reveal-stagger > *,
  .workflow-grid.reveal-stagger > :last-child,
  .workflow-grid.reveal-stagger > :last-child:nth-child(3n-2),
  .workflow-grid.reveal-stagger > :nth-last-child(2):nth-child(3n-2){
    grid-column: auto !important;
    margin-left: 0 !important;
  }

  .card,
  .workflow-card,
  .deliverable-card,
  .price-card,
  .after-card,
  .risk-card,
  .glass{
    width: 100% !important;
    max-width: none !important;
  }

  .workflow-card,
  .deliverable-card{
    padding: 22px 20px !important;
  }

  .workflow-card h3,
  .deliverable-card h3{
    font-size: 18px !important;
    line-height: 1.25 !important;
  }

  .workflow-card .wc-body,
  .deliverable-card p{
    font-size: 15px !important;
    line-height: 1.55 !important;
  }

  .after-card{
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
  }

  .after-price{
    width: 100% !important;
    text-align: left !important;
    justify-content: flex-start !important;
  }
}

@media (max-width: 420px){
  .hero h1{
    font-size: clamp(39px, 11.3vw, 47px) !important;
    line-height: 1.07 !important;
  }

  .hero-actions .btn{
    min-height: 56px !important;
    font-size: 15.5px !important;
  }
}

@media (max-width: 360px){
  .hero h1{
    font-size: 37px !important;
  }
}


/* v31 mobile hero spacing + button arrangement pass */
@media (max-width: 768px){
  .hero{
    min-height: auto !important;
    padding-top: 132px !important;
    padding-bottom: 78px !important;
    display: block !important;
    align-items: initial !important;
  }

  .hero .container,
  .hero .container.hero-grid,
  .hero-grid{
    min-height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    text-align: left !important;
  }

  .hero-copy{
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
  }

  .hero h1{
    width: 100% !important;
    max-width: 380px !important;
    margin: 0 !important;
    text-align: left !important;
    font-size: clamp(37px, 9.8vw, 44px) !important;
    line-height: 1.12 !important;
    letter-spacing: -0.046em !important;
    text-wrap: pretty !important;
  }

  .hero-actions{
    width: auto !important;
    max-width: 100% !important;
    margin-top: 34px !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 10px !important;
  }

  .hero-actions .btn{
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
    min-height: 48px !important;
    padding: 12px 17px !important;
    border-radius: 14px !important;
    font-size: 14.5px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }

  .workflow-grid,
  .deliverables-grid,
  .pricing-grid,
  .after-audit-grid,
  .problem-cards,
  .grid-3,
  .grid-4,
  .steps,
  .security-grid,
  .modules-grid,
  .audience-list,
  .form-grid{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .workflow-grid > *,
  .deliverables-grid > *,
  .pricing-grid > *,
  .after-audit-grid > *,
  .problem-cards > *,
  .grid-3 > *,
  .grid-4 > *,
  .steps > *,
  .security-grid > *,
  .modules-grid > *,
  .audience-list > *,
  .form-grid > *{
    grid-column: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .workflow-card,
  .deliverable-card,
  .price-card,
  .after-card,
  .risk-card,
  .card{
    width: 100% !important;
    max-width: 100% !important;
    padding: 20px !important;
  }
}

@media (max-width: 390px){
  .hero{
    padding-top: 124px !important;
    padding-bottom: 68px !important;
  }

  .hero h1{
    max-width: 330px !important;
    font-size: clamp(34px, 9.7vw, 38px) !important;
    line-height: 1.13 !important;
  }

  .hero-actions{
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
    max-width: 292px !important;
    gap: 10px !important;
  }

  .hero-actions .btn{
    width: 100% !important;
    justify-content: center !important;
    min-height: 48px !important;
  }
}

/* v32 mobile nav dropdown fix: keep menu below header and away from browser dock */
@media (max-width: 768px){
  .mobile-menu{
    position: fixed !important;
    top: 92px !important;
    left: 20px !important;
    right: 20px !important;
    bottom: auto !important;
    width: auto !important;
    max-height: calc(100dvh - 122px) !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    z-index: 99 !important;
    padding: 14px !important;
    padding-bottom: calc(14px + env(safe-area-inset-bottom)) !important;
    border-radius: 20px !important;
    gap: 4px !important;
  }

  .mobile-menu a:not(.btn){
    min-height: 42px !important;
    display: flex !important;
    align-items: center !important;
    padding: 8px 14px !important;
    border-radius: 12px !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
  }

  .mobile-menu .btn{
    width: 100% !important;
    min-height: 48px !important;
    margin-top: 8px !important;
    padding: 12px 16px !important;
    border-radius: 14px !important;
    font-size: 15.5px !important;
  }
}

@media (max-width: 390px){
  .mobile-menu{
    top: 88px !important;
    left: 18px !important;
    right: 18px !important;
    max-height: calc(100dvh - 116px) !important;
    padding: 12px !important;
  }

  .mobile-menu a:not(.btn){
    min-height: 40px !important;
    padding: 7px 12px !important;
    font-size: 15.5px !important;
  }

  .mobile-menu .btn{
    min-height: 46px !important;
  }
}

/* v33 mobile hero structured card layout */
@media (max-width: 768px){
  .hero{
    min-height: auto !important;
    padding-top: 104px !important;
    padding-bottom: 54px !important;
    display: block !important;
  }

  .hero .container,
  .hero .container.hero-grid,
  .hero-grid{
    min-height: auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .hero-copy{
    width: 100% !important;
    max-width: 350px !important;
    margin: 0 auto !important;
    padding: 34px 20px 24px !important;
    min-height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    border-radius: 34px !important;
    background: linear-gradient(180deg, rgba(18,29,58,.92), rgba(9,16,34,.94)) !important;
    border: 1px solid rgba(140,170,230,.20) !important;
    box-shadow: 0 30px 70px -42px rgba(0,0,0,.95), inset 0 1px 0 rgba(255,255,255,.08) !important;
    position: relative !important;
    overflow: hidden !important;
  }

  .hero-copy::before{
    content: "" !important;
    width: 118px !important;
    height: 118px !important;
    display: block !important;
    flex: 0 0 auto !important;
    margin: 0 auto 24px !important;
    background-image: url('/hero-auctinel-card-icon.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    filter: drop-shadow(0 18px 28px rgba(47,125,246,.20)) !important;
  }

  .hero-copy::after{
    content: "" !important;
    width: 58px !important;
    height: 2px !important;
    order: 3 !important;
    margin: 18px auto 0 !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, transparent, rgba(238,243,255,.70), transparent) !important;
  }

  .hero h1{
    width: 100% !important;
    max-width: 300px !important;
    margin: 0 auto !important;
    text-align: center !important;
    font-size: clamp(31px, 8.6vw, 40px) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.045em !important;
    text-wrap: balance !important;
  }

  .hero-actions{
    order: 4 !important;
    width: 100% !important;
    max-width: 278px !important;
    margin: 32px auto 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: center !important;
    gap: 11px !important;
  }

  .hero-actions .btn{
    width: 100% !important;
    min-width: 0 !important;
    max-width: 278px !important;
    min-height: 52px !important;
    padding: 13px 16px !important;
    border-radius: 15px !important;
    font-size: 15px !important;
    line-height: 1.12 !important;
    justify-content: center !important;
    white-space: nowrap !important;
  }

  .hero-actions .btn svg{
    width: 16px !important;
    height: 16px !important;
  }
}

@media (max-width: 390px){
  .hero{
    padding-top: 96px !important;
    padding-bottom: 46px !important;
  }

  .hero .container,
  .hero .container.hero-grid,
  .hero-grid{
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .hero-copy{
    max-width: 326px !important;
    padding: 30px 18px 22px !important;
    border-radius: 30px !important;
  }

  .hero-copy::before{
    width: 104px !important;
    height: 104px !important;
    margin-bottom: 22px !important;
  }

  .hero h1{
    max-width: 280px !important;
    font-size: clamp(29px, 8.4vw, 35px) !important;
    line-height: 1.1 !important;
  }

  .hero-actions{
    max-width: 258px !important;
    margin-top: 28px !important;
  }

  .hero-actions .btn{
    max-width: 258px !important;
    min-height: 50px !important;
    font-size: 14.5px !important;
  }
}

@media (max-width: 340px){
  .hero-copy{
    max-width: 300px !important;
    padding: 26px 16px 20px !important;
  }

  .hero h1{
    font-size: 28px !important;
  }

  .hero-actions{
    max-width: 236px !important;
  }

  .hero-actions .btn{
    max-width: 236px !important;
    font-size: 14px !important;
  }
}

/* Auctinel form delivery and success-card fixes */
#contact .form-grid{align-items:stretch!important;}
#contact .form-left,#contact .form-card{height:100%;}
#contact .form-card{min-width:0;}
#contact .form-card.form-card-submitted{display:flex;align-items:center;justify-content:center;min-height:100%;}
#contact .form-card.form-card-submitted .form-success{width:100%;min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:44px 28px;text-align:center;}
#contact .form-success .success-note{margin-top:10px;font-size:13px;color:var(--text-faint);}
#contact .form-error{margin:2px 0 0;color:#ff9dad;background:rgba(224,85,107,.12);border:1px solid rgba(224,85,107,.32);border-radius:12px;padding:10px 12px;font-size:13px;line-height:1.45;}
#contact .form-fields button[disabled]{opacity:.72;cursor:not-allowed;transform:none!important;}
@media (max-width:900px){#contact .form-card.form-card-submitted{min-height:360px!important;}#contact .form-card.form-card-submitted .form-success{min-height:260px;}}
@media (max-width:640px){#contact .form-card.form-card-submitted{min-height:320px!important;}#contact .form-card.form-card-submitted .form-success{padding:34px 18px;}}

/* v6 Auctinel form validation + success animation fix */
#contact .form-card{
  transition: height .58s cubic-bezier(.16,1,.3,1), min-height .58s cubic-bezier(.16,1,.3,1), transform .42s cubic-bezier(.16,1,.3,1), filter .42s cubic-bezier(.16,1,.3,1), opacity .42s cubic-bezier(.16,1,.3,1) !important;
  overflow: hidden !important;
}

#contact .form-card.form-card-sending .form-fields,
#contact .form-card.form-card-sending > h3,
#contact .form-card.form-card-sending > .fc-intro{
  filter: blur(7px) !important;
  opacity: .32 !important;
  transform: scale(.985) !important;
  transition: filter .28s ease, opacity .28s ease, transform .28s ease !important;
  pointer-events: none !important;
}

#contact .form-card.form-card-submitted{
  min-height: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 28px !important;
}

#contact .form-card.form-card-submitted .form-success{
  width: 100% !important;
  min-height: 0 !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 28px !important;
  text-align: center !important;
  opacity: 0;
  filter: blur(16px);
  transform: translateY(18px) scale(.975);
  transition: opacity .52s cubic-bezier(.16,1,.3,1), filter .52s cubic-bezier(.16,1,.3,1), transform .52s cubic-bezier(.16,1,.3,1);
}

#contact .form-card.form-success-visible .form-success{
  opacity: 1 !important;
  filter: blur(0) !important;
  transform: translateY(0) scale(1) !important;
}

#contact .form-success .success-note{
  display: none !important;
}

#contact .form-error{
  margin: 2px 0 0 !important;
  color: #ff9dad !important;
  background: rgba(224,85,107,.12) !important;
  border: 1px solid rgba(224,85,107,.32) !important;
  border-radius: 12px !important;
  padding: 10px 12px !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

#contact .field input.field-invalid,
#contact .field textarea.field-invalid,
#contact .field select.field-invalid,
#contact .field input[aria-invalid="true"],
#contact .field textarea[aria-invalid="true"],
#contact .field select[aria-invalid="true"]{
  border-color: #e0556b !important;
  box-shadow: 0 0 0 3px rgba(224,85,107,.18) !important;
}

#contact .form-fields button[disabled]{
  opacity: .72 !important;
  cursor: not-allowed !important;
  transform: none !important;
}

@media (max-width: 900px){
  #contact .form-card.form-card-submitted{
    height: auto !important;
    min-height: 300px !important;
  }
}

@media (max-width: 640px){
  #contact .form-card.form-card-submitted{
    height: auto !important;
    min-height: 280px !important;
    padding: 22px !important;
  }
  #contact .form-card.form-card-submitted .form-success{
    padding: 24px 12px !important;
  }
}


/* v7 success card compact height fix */
#contact .form-card.form-card-submitted{
  align-self: start !important;
  max-height: 520px !important;
}
#contact .form-card.form-card-submitted .form-success{
  min-height: 0 !important;
  height: 100% !important;
}
@media (max-width: 900px){
  #contact .form-card.form-card-submitted{
    max-height: none !important;
  }
}

/* v8 success message true-center fix */
#contact .form-card.form-card-submitted{
  position: relative !important;
  display: block !important;
  padding: 0 !important;
  overflow: hidden !important;
}

#contact .form-card.form-card-submitted .form-success{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 34px 28px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

#contact .form-card.form-card-submitted .form-success .fs-icon{
  flex: 0 0 auto !important;
  margin: 0 0 18px !important;
}

#contact .form-card.form-card-submitted .form-success h3,
#contact .form-card.form-card-submitted .form-success p{
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (max-width: 640px){
  #contact .form-card.form-card-submitted .form-success{
    padding: 28px 20px !important;
  }
}

/* v41 tablet-desktop layout fix
   Keep the full desktop header and desktop-style hero on tablet widths.
   The compact card/mobile menu treatment now only applies on real mobile screens. */
@media (min-width: 641px) and (max-width: 980px){
  .header{
    top: 18px !important;
    padding-left: clamp(16px, 4vw, 42px) !important;
    padding-right: clamp(16px, 4vw, 42px) !important;
  }

  .header-pill{
    max-width: 1260px !important;
    min-height: 62px !important;
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 8px 12px 8px 22px !important;
    border-radius: 16px !important;
  }

  .nav-links{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
  }

  .nav-links a{
    display: inline-flex !important;
    font-size: 13px !important;
    padding: 7px 8px !important;
    white-space: nowrap !important;
  }

  .header-actions{
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
  }

  .header-cta{
    display: inline-flex !important;
    padding: 9px 13px !important;
    font-size: 13px !important;
    white-space: nowrap !important;
  }

  .hamburger,
  .mobile-menu{
    display: none !important;
  }

  .brand-logo{
    height: 30px !important;
  }

  .hero{
    min-height: min(760px, 92svh) !important;
    display: flex !important;
    align-items: center !important;
    padding-top: clamp(132px, 15vh, 170px) !important;
    padding-bottom: clamp(88px, 11vh, 132px) !important;
  }

  .hero .container,
  .hero .container.hero-grid,
  .hero-grid{
    width: 100% !important;
    max-width: 1120px !important;
    min-height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding-left: clamp(24px, 4vw, 40px) !important;
    padding-right: clamp(24px, 4vw, 40px) !important;
  }

  .hero-copy{
    width: 100% !important;
    max-width: 1120px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    min-height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  .hero-copy::before,
  .hero-copy::after{
    content: none !important;
    display: none !important;
  }

  .hero h1{
    width: 100% !important;
    max-width: 1080px !important;
    margin: 0 auto !important;
    text-align: center !important;
    font-size: clamp(44px, 6.2vw, 82px) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.055em !important;
    text-wrap: balance !important;
  }

  .hero-actions{
    order: initial !important;
    width: auto !important;
    max-width: none !important;
    margin: clamp(28px, 4vh, 40px) auto 0 !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 16px !important;
  }

  .hero-actions .btn{
    width: auto !important;
    max-width: none !important;
    min-width: 224px !important;
    min-height: 62px !important;
    padding: 16px 26px !important;
    border-radius: 15px !important;
    font-size: 16px !important;
    justify-content: center !important;
  }

  .problem-cards,
  .grid-4,
  .deliverables-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .workflow-grid,
  .workflow-grid.reveal-stagger{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px){
  .nav-links,
  .header-cta{
    display: none !important;
  }
  .hamburger{
    display: inline-flex !important;
  }
}

/* v42 full tablet equals desktop layout
   Tablet and narrow laptop screens should keep the desktop page structure.
   Mobile-only stacked/card treatment begins below 641px. */
@media (min-width: 641px) and (max-width: 1180px){
  .header{
    top: 18px !important;
    padding-left: clamp(16px, 3vw, 40px) !important;
    padding-right: clamp(16px, 3vw, 40px) !important;
  }

  .header-pill{
    width: min(100%, 1260px) !important;
    max-width: 1260px !important;
    min-height: 62px !important;
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;
    align-items: center !important;
    gap: clamp(10px, 1.6vw, 18px) !important;
    padding: 8px 12px 8px 22px !important;
    border-radius: 16px !important;
  }

  .brand-logo{
    height: 30px !important;
  }

  .nav-links{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
    min-width: 0 !important;
  }

  .nav-links a{
    display: inline-flex !important;
    white-space: nowrap !important;
    font-size: clamp(12px, 1.35vw, 14px) !important;
    padding: 7px clamp(6px, .9vw, 10px) !important;
  }

  .header-actions{
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
  }

  .header-cta{
    display: inline-flex !important;
    white-space: nowrap !important;
    font-size: clamp(12px, 1.3vw, 13.5px) !important;
    padding: 9px clamp(10px, 1.4vw, 16px) !important;
  }

  .hamburger,
  .mobile-menu{
    display: none !important;
  }

  section,
  main > section:not(.hero){
    padding-top: clamp(64px, 8vw, 104px) !important;
    padding-bottom: clamp(64px, 8vw, 104px) !important;
  }

  .container{
    max-width: var(--maxw) !important;
    padding-left: clamp(24px, 4vw, 40px) !important;
    padding-right: clamp(24px, 4vw, 40px) !important;
  }

  .hero{
    min-height: min(820px, 96svh) !important;
    display: flex !important;
    align-items: center !important;
    padding-top: clamp(138px, 15vh, 184px) !important;
    padding-bottom: clamp(86px, 12vh, 150px) !important;
  }

  .hero .container,
  .hero .container.hero-grid,
  .hero-grid{
    width: 100% !important;
    max-width: 1120px !important;
    min-height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .hero-copy{
    width: 100% !important;
    max-width: 1120px !important;
    min-height: auto !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  .hero-copy::before,
  .hero-copy::after{
    content: none !important;
    display: none !important;
  }

  .hero h1{
    width: 100% !important;
    max-width: 1060px !important;
    margin: 0 auto !important;
    text-align: center !important;
    font-size: clamp(50px, 5.8vw, 86px) !important;
    line-height: 1.06 !important;
    letter-spacing: -0.058em !important;
    text-wrap: balance !important;
  }

  .hero-sub{
    max-width: 720px !important;
    margin: clamp(20px, 2.4vw, 28px) auto 0 !important;
    text-align: center !important;
  }

  .hero-actions{
    order: initial !important;
    width: auto !important;
    max-width: none !important;
    margin: clamp(32px, 4.5vh, 46px) auto 0 !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 16px !important;
  }

  .hero-actions .btn{
    width: auto !important;
    max-width: none !important;
    min-width: 226px !important;
    min-height: 62px !important;
    padding: 16px 26px !important;
    border-radius: 15px !important;
    font-size: 16px !important;
    justify-content: center !important;
  }

  .hero-visual{
    display: none !important;
  }

  .problem-cards{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .grid-3,
  .pricing-grid,
  .roadmap{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .grid-4,
  .steps,
  .deliverables-grid{
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .workflow-grid,
  .workflow-grid.reveal-stagger,
  .security-grid{
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }

  .modules-grid,
  .audience-list,
  .after-audit-grid,
  .sim-body{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .form-grid{
    grid-template-columns: .85fr 1.15fr !important;
    align-items: start !important;
    gap: 28px !important;
  }

  .explain-card{
    grid-template-columns: 1.05fr .95fr !important;
    gap: 48px !important;
    padding: 40px 44px !important;
  }

  .cta-card{
    grid-template-columns: 96px 1fr auto !important;
    text-align: left !important;
    justify-items: stretch !important;
    gap: 32px !important;
    padding: 40px 44px !important;
  }

  .cta-card p{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .footer-top{
    grid-template-columns: 1.4fr 1.6fr 1fr !important;
    gap: 32px !important;
  }

  .footer-contact{
    text-align: right !important;
  }

  .workflow-grid.reveal-stagger > *,
  .workflow-grid.reveal-stagger > :last-child,
  .workflow-grid.reveal-stagger > :last-child:nth-child(3n-2),
  .workflow-grid.reveal-stagger > :nth-last-child(2):nth-child(3n-2),
  .grid-3 > *,
  .grid-4 > *,
  .steps > *,
  .pricing-grid > *,
  .deliverables-grid > *,
  .problem-cards > *,
  .form-grid > *{
    grid-column: auto !important;
    width: auto !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .after-card{
    flex-direction: row !important;
    align-items: center !important;
  }

  .after-price{
    width: auto !important;
    text-align: right !important;
    justify-content: flex-end !important;
  }
}

@media (max-width: 640px){
  .nav-links,
  .header-cta{
    display: none !important;
  }
  .hamburger{
    display: inline-flex !important;
  }
}


/* v43 tablet header uses mobile menu button only
   Tablet/narrow laptop keeps the desktop page layout, but the header dock uses
   the compact hamburger dropdown so the nav does not look crowded. */
@media (min-width: 641px) and (max-width: 1180px){
  .header-pill{
    grid-template-columns: 1fr auto !important;
    gap: 14px !important;
  }

  .nav-links,
  .header-cta{
    display: none !important;
  }

  .header-actions{
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
  }

  .hamburger{
    display: inline-flex !important;
  }

  .mobile-menu{
    display: flex !important;
    top: 92px !important;
    left: clamp(16px, 3vw, 40px) !important;
    right: clamp(16px, 3vw, 40px) !important;
    max-width: 1260px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .mobile-menu a:not(.btn){
    padding: 12px 16px !important;
    font-size: 14.5px !important;
  }

  .mobile-menu .btn{
    margin-top: 8px !important;
    width: 100% !important;
  }
}

/* v44 tablet section layout refinement
   Tablet keeps desktop-style page/hero, but dense card sections use the cleaner mobile/tablet card layout. */
@media (min-width: 641px) and (max-width: 1180px){
  /* Keep tablet sections contained so cards do not spill off screen */
  #how .steps,
  #use-cases .workflow-grid,
  #use-cases .workflow-grid.reveal-stagger,
  #pricing .pricing-grid,
  #pricing .after-audit-grid,
  #pricing .deliverables-grid{
    width: 100% !important;
    max-width: 920px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow: visible !important;
  }

  /* Audit process: mobile-style cards, but tablet efficient */
  #how .steps{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
  }

  #how .step{
    min-width: 0 !important;
    width: 100% !important;
    max-width: none !important;
    padding: 24px 22px !important;
  }

  /* Workflows section: do not use 5 tiny desktop columns on tablet */
  #use-cases .workflow-grid,
  #use-cases .workflow-grid.reveal-stagger{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
  }

  #use-cases .workflow-grid > *,
  #use-cases .workflow-grid.reveal-stagger > *,
  #use-cases .workflow-grid.reveal-stagger > :last-child,
  #use-cases .workflow-grid.reveal-stagger > :last-child:nth-child(3n-2),
  #use-cases .workflow-grid.reveal-stagger > :nth-last-child(2):nth-child(3n-2){
    grid-column: auto !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  #use-cases .workflow-card{
    min-width: 0 !important;
    width: 100% !important;
    max-width: none !important;
    padding: 22px 20px !important;
  }

  /* Pricing: stack like mobile so the £149 card is clean and not squeezed */
  #pricing .pricing-grid{
    grid-template-columns: 1fr !important;
    max-width: 620px !important;
    gap: 18px !important;
  }

  #pricing .price-card{
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    padding: 26px 24px !important;
  }

  /* After-audit options: mobile style, but keep pricing readable */
  #pricing .after-audit{
    max-width: 620px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  #pricing .after-audit-grid{
    grid-template-columns: 1fr !important;
    max-width: 620px !important;
    gap: 16px !important;
  }

  #pricing .after-card{
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    padding: 22px 24px !important;
  }

  #pricing .after-price{
    width: 100% !important;
    text-align: left !important;
    justify-content: flex-start !important;
    white-space: normal !important;
  }

  /* Deliverables: readable tablet cards instead of 4 tight desktop columns */
  #pricing .deliverables-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
  }

  #pricing .deliverable-card{
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    padding: 22px 20px !important;
  }
}

@media (min-width: 641px) and (max-width: 760px){
  #how .steps,
  #use-cases .workflow-grid,
  #use-cases .workflow-grid.reveal-stagger,
  #pricing .deliverables-grid{
    grid-template-columns: 1fr !important;
    max-width: 620px !important;
  }
}

/* Auctinel header logo and content-protection refinements */
.brand-logo{height:32px;max-width:190px;object-fit:contain}
html,body,body *:not(input):not(textarea):not(select):not(option){-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important}
img,svg,video,canvas{-webkit-user-drag:none!important;user-drag:none!important}
input,textarea,select,option{-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;user-select:text!important}