:root{--navy:#05005b;--navy-light:#14108c;--gold:#f5b42a;--gold-light:#ffd166;--bg:#f4f4f4;--white:#fff;--dark:#121230;--text:#1a1a1a;--muted:#6b7280;--border:rgba(5,0,91,0.1);--border-dark:rgba(255,255,255,0.12);--success:#1ba672;--warning:#b7791f;--error:#c0392b;--font-display:'Plus Jakarta Sans',-apple-system,sans-serif;--font-body:'Inter',-apple-system,sans-serif;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--shadow-sm:0 1px 2px rgba(5,0,91,0.06);--shadow-md:0 8px 30px rgba(5,0,91,0.08);--shadow-lg:0 20px 60px rgba(5,0,91,0.14);--container:1200px;--transition:.25s cubic-bezier(0.4,0,0.2,1)}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;width:100%;overflow-x:clip}body{font-family:var(--font-body);color:var(--text);background:var(--white);line-height:1.6;-webkit-font-smoothing:antialiased;width:100%;overflow-x:clip}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit;transition:var(--transition)}ul{list-style:none}button{font-family:inherit;cursor:pointer;border:0;background:0}h1,h2,h3,h4{font-family:var(--font-display);color:var(--navy);line-height:1.15;font-weight:800;letter-spacing:-.01em}h1{font-size:clamp(2.4rem,5vw,3.6rem);font-weight:800;letter-spacing:-.02em}h2{font-size:clamp(1.8rem,3.2vw,2.4rem)}h3{font-size:1.25rem}p{color:var(--muted)}.container{max-width:var(--container);margin:0 auto;padding:0 28px}.section{padding:96px 0}.section-tight{padding:64px 0}.bg-alt{background:var(--bg)}.bg-dark{background:var(--dark);color:rgba(255,255,255,0.82)}.bg-dark h1,.bg-dark h2,.bg-dark h3,.bg-dark h4{color:var(--white)}.bg-dark p{color:rgba(255,255,255,0.65)}.bg-navy{background:var(--navy);color:rgba(255,255,255,0.85);position:relative;overflow:hidden}.bg-navy::before{content:'';position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(245,180,42,0.14),transparent 70%);top:-220px;right:-100px;border-radius:50%;filter:blur(50px);animation:orbFloat 10s ease-in-out infinite;pointer-events:none}.bg-navy .container{position:relative;z-index:1}.bg-navy h1,.bg-navy h2,.bg-navy h3{color:var(--white)}.bg-navy p{color:rgba(255,255,255,0.68)}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:.82rem;font-weight:700;color:var(--gold);margin-bottom:16px}.eyebrow::before{content:'';width:18px;height:2px;background:var(--gold);display:inline-block}.text-center{text-align:center}.max-w-620{max-width:620px}.max-w-720{max-width:720px}.mx-auto{margin-left:auto;margin-right:auto}.btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-display);font-weight:700;font-size:.95rem;padding:14px 28px;border-radius:var(--radius-sm);transition:transform .25s cubic-bezier(0.34,1.56,0.64,1),box-shadow var(--transition),background var(--transition),border-color var(--transition),color var(--transition);white-space:nowrap;position:relative;overflow:hidden}.btn::before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,0.35) 45%,transparent 70%);transform:translateX(-120%);transition:transform .55s ease}.btn:hover::before{transform:translateX(120%)}.btn i{transition:transform .25s ease}.btn:hover i.fa-arrow-right{transform:translateX(3px)}.btn-primary{background:var(--gold);color:var(--navy)}.btn-primary:hover{background:var(--gold-light);transform:translateY(-2px) scale(1.015);box-shadow:0 10px 24px rgba(245,180,42,0.35)}.btn-outline{background:transparent;color:var(--navy);border:1.5px solid var(--border)}.btn-outline:hover{border-color:var(--navy);background:rgba(5,0,91,0.03);transform:translateY(-2px)}.bg-dark .btn-outline,.bg-navy .btn-outline{color:var(--white);border-color:rgba(255,255,255,0.25)}.bg-dark .btn-outline:hover,.bg-navy .btn-outline:hover{border-color:var(--white);background:rgba(255,255,255,0.06);transform:translateY(-2px)}.btn-ghost{color:var(--navy);font-weight:700;font-size:.92rem}.bg-dark .btn-ghost,.bg-navy .btn-ghost{color:var(--white)}.btn-block{width:100%;justify-content:center}.btn-sm{padding:10px 20px;font-size:.88rem}header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,0.85);backdrop-filter:blur(14px) saturate(1.6);-webkit-backdrop-filter:blur(14px) saturate(1.6);border-bottom:1px solid transparent;transition:background var(--transition),box-shadow var(--transition),border-color var(--transition)}header.scrolled{background:rgba(255,255,255,0.96);border-color:var(--border);box-shadow:0 8px 30px rgba(5,0,91,0.06)}header .container{display:flex;align-items:center;justify-content:space-between;height:84px;transition:height var(--transition)}header.scrolled .container{height:68px}.logo{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:800;font-size:1.2rem;color:var(--navy)}.logo img{width:32px;height:32px;transition:transform .4s cubic-bezier(0.34,1.56,0.64,1)}.logo:hover img{transform:rotate(-8deg) scale(1.08)}.logo span{color:var(--gold)}nav#mainNav{display:flex;align-items:center;gap:8px}nav#mainNav>a{font-family:var(--font-display);font-size:.9rem;font-weight:700;letter-spacing:.01em;color:var(--text);position:relative;padding:10px 16px;border-radius:100px;transition:color var(--transition),background var(--transition)}nav#mainNav>a:not(.nav-portal)::after{content:'';position:absolute;bottom:4px;left:16px;right:16px;height:2px;background:var(--gold);border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(0.65,0,0.35,1)}nav#mainNav>a:not(.nav-portal):hover{color:var(--navy);background:rgba(5,0,91,0.045)}nav#mainNav>a:hover::after,nav#mainNav>a.active::after{transform:scaleX(1)}nav#mainNav>a.active{color:var(--navy)}.nav-portal{background:var(--navy);color:var(--white) !important;padding:11px 22px !important;border-radius:100px !important;font-weight:700 !important;font-size:.88rem !important;display:inline-flex;align-items:center;gap:8px;margin-left:10px;position:relative;overflow:hidden;box-shadow:0 4px 14px rgba(5,0,91,0.22)}.nav-portal::before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,0.25) 45%,transparent 70%);transform:translateX(-100%);transition:transform .6s ease}.nav-portal:hover{background:var(--navy-light);transform:translateY(-1px);box-shadow:0 8px 22px rgba(5,0,91,0.3)}.nav-portal:hover::before{transform:translateX(100%)}.has-dropdown{position:relative}.dropdown-panel{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(10px);background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:18px;width:460px;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s cubic-bezier(0.34,1.56,0.64,1)}.has-dropdown:hover .dropdown-panel,.has-dropdown:focus-within .dropdown-panel{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(6px)}.dropdown-panel .dd-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.dropdown-panel a.dd-item{display:flex;flex-direction:column;gap:10px;padding:18px 16px;border-radius:var(--radius-md);color:var(--text);border:1px solid transparent;background:var(--bg);transition:var(--transition)}.dropdown-panel a.dd-item:hover{background:var(--white);border-color:var(--gold);transform:translateY(-2px);box-shadow:var(--shadow-md)}.dropdown-panel a.dd-item i{color:var(--navy);background:rgba(245,180,42,0.15);width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:var(--transition)}.dropdown-panel a.dd-item:hover i{background:var(--gold);color:var(--navy);transform:scale(1.08) rotate(-4deg)}.dropdown-panel .dd-title{font-family:var(--font-display);font-weight:800;font-size:.92rem;color:var(--navy);display:flex;align-items:center;gap:6px}.dropdown-panel .dd-sub{font-size:.78rem;color:var(--muted);line-height:1.4}.dropdown-panel .dd-status{font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:100px;text-transform:uppercase;letter-spacing:.03em}.dropdown-panel .dd-status.live{background:rgba(27,166,114,0.12);color:#12734f}.dropdown-panel .dd-status.soon{background:rgba(245,180,42,0.18);color:#9a6b0a}.dropdown-panel .dd-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-top:1px solid var(--border);margin-top:4px;font-size:.82rem;font-weight:700;color:var(--navy);border-radius:var(--radius-sm)}.dropdown-panel .dd-footer:hover{background:var(--bg)}.dropdown-panel .dd-footer i{transition:transform .25s ease}.dropdown-panel .dd-footer:hover i{transform:translateX(4px)}.hamburger{display:none;flex-direction:column;gap:5px;width:26px}.hamburger span{display:block;height:2px;background:var(--navy);border-radius:2px;transition:var(--transition)}.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-overlay{display:none;position:fixed;inset:0;background:rgba(5,0,91,0.35);backdrop-filter:blur(3px);z-index:999}.nav-overlay.open{display:block}@media(max-width:960px){.dropdown-panel{display:none}#mainNav{position:fixed;top:0;right:0;width:min(340px,85vw);height:100dvh;background:var(--white);flex-direction:column;align-items:flex-start;padding:90px 30px 110px;gap:4px;transform:translateX(100%);transition:transform .4s cubic-bezier(0.65,0,0.35,1);overflow-y:auto;z-index:1000}#mainNav.open{transform:translateX(0)}#mainNav>a{width:100%;padding:14px 4px;border-bottom:1px solid var(--border);border-radius:0}#mainNav>a::after{display:none}#mainNav .has-dropdown .dropdown-panel{display:block;position:static;opacity:1;pointer-events:auto;width:auto;transform:none;box-shadow:none;border:0;padding:8px 0 0 4px;margin-top:0}#mainNav .dd-grid{grid-template-columns:1fr}.nav-portal{margin-top:14px;margin-left:0;justify-content:center}.hamburger{display:flex}}footer{background:var(--dark);color:rgba(255,255,255,0.6);padding:72px 0 28px}footer .footer-grid{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:40px;padding-bottom:48px;border-bottom:1px solid var(--border-dark)}footer h4{color:var(--white);font-size:.85rem;font-weight:700;margin-bottom:16px;letter-spacing:.02em}.social-icon{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:center;margin:0 !important;color:rgba(255,255,255,0.7);transition:var(--transition)}.social-icon:hover{background:var(--gold);color:var(--navy);transform:translateY(-3px)}footer a{display:block;color:rgba(255,255,255,0.55);font-size:.9rem;margin-bottom:10px}footer a:hover{color:var(--gold)}footer .footer-logo{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:800;color:var(--white);font-size:1.1rem;margin-bottom:14px}footer .footer-logo img{width:28px;height:28px}footer .footer-logo span{color:var(--gold)}footer .footer-desc{font-size:.88rem;max-width:280px;margin-bottom:18px}.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:24px;font-size:.82rem}.footer-bottom a{display:inline;margin-right:18px;margin-bottom:0}@media(max-width:900px){footer .footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){footer .footer-grid{grid-template-columns:1fr}}.breadcrumb-bar{background:var(--bg);border-bottom:1px solid var(--border);padding:14px 0}.breadcrumb-bar ol{list-style:none;display:flex;gap:8px;flex-wrap:wrap;font-size:.85rem;color:var(--muted)}.breadcrumb-bar a{color:var(--muted);font-weight:500}.breadcrumb-bar a:hover{color:var(--navy)}.breadcrumb-bar li[aria-current="page"]{color:var(--navy);font-weight:600}.hero{padding:84px 0 96px;background:linear-gradient(180deg,#fafaff 0,var(--white) 100%);position:relative;overflow:hidden}.hero::before,.hero::after{content:'';position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;z-index:0}.hero::before{width:420px;height:420px;background:radial-gradient(circle,rgba(245,180,42,0.16),transparent 70%);top:-160px;right:6%;animation:orbFloat 9s ease-in-out infinite}.hero::after{width:320px;height:320px;background:radial-gradient(circle,rgba(5,0,91,0.08),transparent 70%);bottom:-120px;left:-60px;animation:orbFloat 11s ease-in-out infinite reverse}.hero .container{position:relative;z-index:1}@keyframes orbFloat{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-20px,24px) scale(1.08)}}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center}.hero h1{margin-bottom:22px}.hero p.lead{font-size:1.15rem;max-width:520px;margin-bottom:34px;line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:40px}.hero-meta{display:flex;gap:28px;flex-wrap:wrap}.hero-meta div strong{display:block;font-family:var(--font-display);color:var(--navy);font-size:1.3rem}.hero-meta div span{font-size:.82rem;color:var(--muted)}@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero p.lead{max-width:100%}}.eco-diagram{display:flex;flex-direction:column;align-items:center;padding:40px 0 10px}.eco-root{background:var(--navy);color:var(--white);font-family:var(--font-display);font-weight:800;padding:16px 32px;border-radius:var(--radius-md);box-shadow:var(--shadow-lg),0 0 0 0 rgba(245,180,42,0.4);font-size:1.05rem;z-index:2;animation:ecoPulse 3s ease-in-out infinite}@keyframes ecoPulse{0%,100%{box-shadow:var(--shadow-lg),0 0 0 0 rgba(245,180,42,0.35)}50%{box-shadow:var(--shadow-lg),0 0 0 10px rgba(245,180,42,0)}}.eco-stem{width:2px;height:36px;background:var(--border)}.eco-branch-row{display:flex;justify-content:center;width:100%;max-width:760px;position:relative}.eco-branch-row::before{content:'';position:absolute;top:0;left:16.6%;right:16.6%;height:2px;background:var(--border)}.eco-branch{flex:1;display:flex;flex-direction:column;align-items:center;padding-top:36px;position:relative}.eco-branch::before{content:'';position:absolute;top:0;left:50%;width:2px;height:36px;background:var(--border)}.eco-node{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-md);padding:18px 22px;text-align:center;box-shadow:var(--shadow-sm);min-width:150px;transition:transform .3s cubic-bezier(0.34,1.56,0.64,1),border-color var(--transition),box-shadow var(--transition)}.eco-node:hover{border-color:var(--gold);box-shadow:var(--shadow-md);transform:translateY(-4px) scale(1.03)}.eco-node i{transition:transform .3s ease}.eco-node:hover i{transform:scale(1.15)}.eco-node i{color:var(--gold);font-size:1.3rem;margin-bottom:8px;display:block}.eco-node strong{font-family:var(--font-display);color:var(--navy);font-size:.95rem;display:block}.eco-node span{font-size:.76rem;color:var(--muted)}.eco-sub-row{display:flex;gap:16px;margin-top:20px}.eco-sub-row .eco-node{min-width:110px;padding:12px 16px}@media(max-width:760px){.eco-branch-row{flex-direction:column;gap:28px}.eco-branch-row::before{display:none}.eco-branch{padding-top:0}.eco-branch::before{height:24px}}.card-grid{display:grid;gap:24px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);padding:30px;transition:transform .3s cubic-bezier(0.34,1.56,0.64,1),box-shadow var(--transition),border-color var(--transition)}.card:hover{border-color:var(--gold);box-shadow:var(--shadow-md);transform:translateY(-6px)}.card i.card-icon{color:var(--gold);font-size:1.5rem;margin-bottom:16px;display:block;transition:transform .35s cubic-bezier(0.34,1.56,0.64,1)}.card:hover i.card-icon{transform:scale(1.15) rotate(-6deg)}.card h3{margin-bottom:10px;font-size:1.1rem}.card p{font-size:.92rem}@media(max-width:900px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.product-card{display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);margin-bottom:32px;transition:box-shadow var(--transition),transform var(--transition)}.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.product-card .mock-window{transition:transform .45s cubic-bezier(0.34,1.56,0.64,1)}.product-card:hover .mock-window{transform:translateY(-6px) scale(1.02)}.product-card.reverse{grid-template-columns:1fr 1fr}.product-card.reverse .product-visual{order:2}.product-card-body{padding:52px;display:flex;flex-direction:column;justify-content:center}.product-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(245,180,42,0.12);color:#9a6b0a;font-family:var(--font-display);font-size:.75rem;font-weight:700;padding:5px 12px;border-radius:100px;margin-bottom:16px;width:fit-content}.product-badge.live{background:rgba(27,166,114,0.12);color:#12734f}.product-card-body h3{font-size:1.6rem;margin-bottom:12px}.product-card-body p.desc{margin-bottom:20px}.product-card-body ul{margin-bottom:26px}.product-card-body ul li{font-size:.9rem;color:var(--text);padding:6px 0;display:flex;align-items:flex-start;gap:10px}.product-card-body ul li i{color:var(--gold);margin-top:4px;font-size:.8rem}.product-visual{background:linear-gradient(135deg,var(--navy) 0,#1a1470 100%);display:flex;align-items:center;justify-content:center;padding:36px;position:relative;min-height:320px}.mock-window{background:var(--white);border-radius:var(--radius-md);width:100%;max-width:380px;box-shadow:0 24px 60px rgba(0,0,0,0.35);overflow:hidden}.mock-titlebar{background:#ededf2;padding:10px 14px;display:flex;gap:6px}.mock-titlebar span{width:9px;height:9px;border-radius:50%;background:#d3d3dc}.mock-body{padding:18px}.mock-row{height:10px;background:#ececf3;border-radius:4px;margin-bottom:10px}.mock-row.w-60{width:60%}.mock-row.w-80{width:80%}.mock-row.w-40{width:40%}.mock-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.mock-stat{background:var(--bg);border-radius:8px;padding:10px}.mock-stat strong{display:block;color:var(--navy);font-family:var(--font-display);font-size:1rem}.mock-stat span{font-size:.65rem;color:var(--muted)}.mock-chart{height:70px;display:flex;align-items:flex-end;gap:5px;margin-top:10px}.mock-chart div{flex:1;background:linear-gradient(180deg,var(--gold),#F5B42A80);border-radius:3px 3px 0 0}@media(max-width:860px){.product-card,.product-card.reverse{grid-template-columns:1fr}.product-card.reverse .product-visual{order:0}.product-card-body{padding:36px 28px}}.flow{display:flex;flex-wrap:wrap;justify-content:center;gap:0}.flow-step{display:flex;align-items:center}.flow-node{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-md);padding:16px 22px;text-align:center;min-width:130px;box-shadow:var(--shadow-sm)}.flow-node strong{display:block;font-family:var(--font-display);color:var(--navy);font-size:.88rem}.flow-arrow{color:var(--gold);font-size:1.2rem;padding:0 14px}@media(max-width:760px){.flow{flex-direction:column;align-items:center}.flow-arrow{transform:rotate(90deg);padding:6px 0}}.step-list{counter-reset:step}.step-item{display:flex;gap:20px;padding:24px 0;border-bottom:1px solid var(--border)}.step-item:last-child{border-bottom:0}.step-num{counter-increment:step;font-family:var(--font-display);font-weight:800;color:var(--gold);font-size:1.4rem;min-width:44px}.step-num::before{content:counter(step,decimal-leading-zero)}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.85rem;font-weight:600;color:var(--navy);margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:13px 16px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.95rem;color:var(--text);background:var(--white);transition:var(--transition)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:0;border-color:var(--gold)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:620px){.form-row{grid-template-columns:1fr}}.form-success{text-align:center;padding:48px 24px}.form-success-icon{width:64px;height:64px;border-radius:50%;background:rgba(27,166,114,0.12);color:var(--success);font-size:1.7rem;display:flex;align-items:center;justify-content:center;margin:0 auto 18px}.form-error-message{display:none;align-items:center;gap:10px;background:rgba(192,57,43,0.08);border:1px solid rgba(192,57,43,0.25);color:#922b21;padding:14px 18px;border-radius:var(--radius-sm);font-size:.9rem;margin-bottom:20px}.form-error-message.show{display:flex}.status-badge{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;padding:5px 12px;border-radius:100px;font-family:var(--font-display)}.status-badge.live{background:rgba(27,166,114,0.12);color:#12734f}.status-badge.soon{background:rgba(245,180,42,0.15);color:#9a6b0a}.status-badge::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}.blog-filter{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:40px}.blog-filter a{font-size:.85rem;font-weight:600;padding:8px 16px;border-radius:100px;border:1px solid var(--border);color:var(--muted);transition:var(--transition)}.blog-filter a.active,.blog-filter a:hover{background:var(--navy);color:var(--white);border-color:var(--navy);transform:translateY(-1px)}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.blog-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;transition:transform .3s cubic-bezier(0.34,1.56,0.64,1),box-shadow var(--transition),border-color var(--transition);display:flex;flex-direction:column}.blog-card:hover{border-color:var(--gold);box-shadow:var(--shadow-lg);transform:translateY(-6px)}.blog-card-media{height:150px;background:linear-gradient(135deg,var(--navy),#1a1470);display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--gold);overflow:hidden}.blog-card-media i{transition:transform .4s ease}.blog-card:hover .blog-card-media i{transform:scale(1.2) rotate(-5deg)}.blog-card-body{padding:22px 24px 26px;display:flex;flex-direction:column;flex:1}.blog-card-category{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}.blog-card h3{font-size:1.05rem;margin-bottom:10px;line-height:1.35;transition:color var(--transition)}.blog-card:hover h3{color:var(--navy)}.blog-card p{font-size:.88rem;margin-bottom:14px;flex:1}.blog-card-meta{font-size:.76rem;color:var(--muted);display:flex;gap:8px;margin-bottom:12px}.blog-card-link{color:var(--navy);font-weight:700;font-size:.86rem;display:inline-flex;align-items:center;gap:6px}.blog-card-link i{transition:transform .25s ease}.blog-card:hover .blog-card-link i{transform:translateX(5px)}.blog-card.featured{grid-column:span 3;grid-template-columns:1.1fr 1fr;display:grid}.blog-card.featured .blog-card-media{height:100%;font-size:3rem}.blog-card.featured .blog-card-body{padding:36px 40px;justify-content:center}.blog-card.featured h3{font-size:1.5rem}@media(max-width:960px){.blog-grid{grid-template-columns:repeat(2,1fr)}.blog-card.featured{grid-column:span 2;grid-template-columns:1fr}}@media(max-width:620px){.blog-grid{grid-template-columns:1fr}.blog-card.featured{grid-template-columns:1fr}.blog-card.featured .blog-card-media{height:160px}}.article-toc{background:var(--bg);border-radius:var(--radius-md);padding:22px 26px;margin-bottom:36px}.article-toc h4{font-size:.82rem;text-transform:uppercase;letter-spacing:.05em;color:var(--navy);margin-bottom:12px}.article-toc ol{list-style:decimal;padding-left:18px}.article-toc li{font-size:.9rem;padding:4px 0}.article-toc a{color:var(--muted)}.article-toc a:hover{color:var(--navy)}.prose{color:var(--text);line-height:1.8;font-size:1rem}.prose .updated-tag{display:inline-block;font-size:.85rem;color:var(--muted);background:var(--bg);padding:6px 14px;border-radius:var(--radius-sm);margin-bottom:32px}.prose h2{font-size:1.5rem;margin:44px 0 16px}.prose h2:first-of-type{margin-top:0}.prose h3{font-size:1.15rem;margin:28px 0 10px}.prose p{margin-bottom:16px;color:var(--text)}.prose ul,.prose ol{margin:0 0 20px;padding-left:22px}.prose ul{list-style:disc}.prose ol{list-style:decimal}.prose li{margin-bottom:10px}.prose strong{color:var(--navy)}.prose a{color:var(--navy);font-weight:600;text-decoration:underline;text-decoration-color:var(--gold)}.prose .cta-box{background:var(--bg);border-radius:var(--radius-md);border:1px solid var(--border);padding:32px;text-align:center;margin-top:48px}.related-articles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media(max-width:760px){.related-articles{grid-template-columns:1fr}}.blog-post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:16px;color:var(--muted);font-size:.9rem}.blog-post-meta span{display:inline-flex;align-items:center;gap:6px}.prose .legal-updated{display:inline-block;font-size:.85rem;color:var(--muted);background:var(--bg);padding:6px 14px;border-radius:var(--radius-sm);margin-bottom:32px}.prose .legal-contact-box{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px 28px;margin-top:12px}.prose .legal-contact-box p{margin-bottom:6px}.prose .legal-contact-box p:last-child{margin-bottom:0}.prose .legal-table-wrap{overflow-x:auto;margin:0 0 24px;border:1px solid var(--border);border-radius:var(--radius-sm)}.prose table{width:100%;border-collapse:collapse;font-size:.92rem;min-width:480px}.prose th{background:var(--bg);color:var(--navy);font-weight:700;text-align:left;padding:12px 16px;border-bottom:1px solid var(--border)}.prose td{padding:12px 16px;border-bottom:1px solid var(--border);vertical-align:top}.prose tr:last-child td{border-bottom:0}.share-row{display:flex;align-items:center;gap:12px;margin:32px 0;padding:20px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.share-row a{width:38px;height:38px;border-radius:50%;background:var(--bg);display:flex;align-items:center;justify-content:center;color:var(--navy)}.share-row a:hover{background:var(--navy);color:var(--white)}.author-box{display:flex;align-items:center;gap:16px;padding:24px;background:var(--bg);border-radius:var(--radius-md);margin:32px 0}.author-avatar{width:48px;height:48px;border-radius:50%;background:var(--navy);color:var(--white);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;flex-shrink:0}.whatsapp-float{position:fixed;bottom:24px;right:24px;z-index:900;width:58px;height:58px;border-radius:50%;background:#25d366;color:white;display:flex;align-items:center;justify-content:center;font-size:1.6rem;box-shadow:0 8px 24px rgba(37,211,102,0.4)}@media(max-width:768px){.whatsapp-float{display:none}.sticky-cta-bar{display:grid;grid-template-columns:1fr 1fr 1.3fr;position:fixed;bottom:0;left:0;right:0;z-index:950;background:var(--navy);box-shadow:0 -6px 24px rgba(0,0,0,0.2);padding:10px max(10px,env(safe-area-inset-left)) max(10px,env(safe-area-inset-bottom));gap:8px}.sticky-cta-bar a{display:flex;flex-direction:column;align-items:center;gap:3px;color:rgba(255,255,255,0.85);font-size:.7rem;font-weight:600;padding:8px 4px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,0.15)}.sticky-cta-bar a i{font-size:1.1rem}.sticky-cta-bar a.sticky-book{background:var(--gold);color:var(--navy);border-color:transparent}}@media(min-width:769px){.sticky-cta-bar{display:none}}.coming-soon-hero{min-height:70vh;display:flex;align-items:center;justify-content:center;text-align:center}.coming-soon-icon{width:88px;height:88px;border-radius:50%;background:rgba(245,180,42,0.12);color:var(--gold);font-size:2.2rem;display:flex;align-items:center;justify-content:center;margin:0 auto 28px}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.skip-link{position:absolute;top:-60px;left:16px;background:var(--navy);color:var(--white);padding:12px 20px;border-radius:var(--radius-sm);font-weight:600;font-size:.9rem;z-index:2000;transition:top .2s ease}.skip-link:focus{top:16px}:root{--surface:#f0f1f6;--surface-2:#e9ebf3;--ink:#17172b;--glow-blue:rgba(20,16,140,.18);--glow-gold:rgba(245,180,42,.18);--glass:rgba(255,255,255,.72)}body{background:radial-gradient(circle at 8% 12%,rgba(20,16,140,.07),transparent 26rem),radial-gradient(circle at 92% 18%,rgba(245,180,42,.09),transparent 24rem),linear-gradient(180deg,#f0f1f6 0,#f7f7fa 38%,#eef0f6 100%);color:var(--ink)}main section:not(.bg-dark):not(.bg-navy){position:relative}main section:not(.bg-dark):not(.bg-navy)::after{content:"";position:absolute;inset:auto 0 -1px;height:1px;background:linear-gradient(90deg,transparent,rgba(5,0,91,.10),transparent);pointer-events:none}.card,.blog-card,.product-card,.step-item{box-shadow:0 12px 36px rgba(5,0,91,.07);border:1px solid rgba(5,0,91,.07);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease,border-color .35s ease;will-change:transform}.card:hover,.blog-card:hover,.product-card:hover,.step-item:hover{transform:translateY(-7px);box-shadow:0 22px 55px rgba(5,0,91,.13);border-color:rgba(245,180,42,.42)}.btn,.button,.cta,.nav-cta{position:relative;overflow:hidden;isolation:isolate;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.btn:hover,.button:hover,.cta:hover,.nav-cta:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(5,0,91,.16)}.ripple{position:absolute;width:14px;height:14px;border-radius:50%;background:rgba(255,255,255,.48);transform:translate(-50%,-50%) scale(0);animation:ttRipple .65s ease-out forwards;pointer-events:none;z-index:3}@keyframes ttRipple{to{transform:translate(-50%,-50%) scale(16);opacity:0}}@keyframes ttFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-10px,0)}}@keyframes ttPulse{0%,100%{box-shadow:0 0 0 0 rgba(245,180,42,.16)}50%{box-shadow:0 0 0 14px rgba(245,180,42,0)}}.hero,.hero-section{position:relative;overflow:hidden}.hero::before,.hero-section::before{content:"";position:absolute;width:38rem;height:38rem;right:-15rem;top:-14rem;background:radial-gradient(circle,rgba(245,180,42,.17),rgba(245,180,42,0) 68%);filter:blur(4px);animation:ttFloat 8s ease-in-out infinite;pointer-events:none}.hero::after,.hero-section::after{content:"";position:absolute;width:28rem;height:28rem;left:-14rem;bottom:-13rem;background:radial-gradient(circle,rgba(20,16,140,.13),rgba(20,16,140,0) 70%);pointer-events:none}.hero>*,.hero-section>*{position:relative;z-index:1}.glass,.glass-card{background:var(--glass);border:1px solid rgba(255,255,255,.72);box-shadow:0 20px 60px rgba(5,0,91,.10);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.bg-alt{background:radial-gradient(circle at 80% 15%,rgba(245,180,42,.10),transparent 20rem),linear-gradient(135deg,#eceef5 0,#f6f6f8 55%,#e9ebf2 100%)}.bg-navy,.bg-dark{background-image:radial-gradient(circle at 15% 20%,rgba(67,57,255,.20),transparent 25rem),radial-gradient(circle at 85% 70%,rgba(245,180,42,.13),transparent 23rem),linear-gradient(135deg,#05005b 0,#090747 52%,#121230 100%)}.reveal-on-scroll{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.reveal-on-scroll.is-visible{opacity:1;transform:none}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:9999;transform-origin:left center;transform:scaleX(0);background:linear-gradient(90deg,#05005b,#4339ff,#f5b42a)}.tt-toast{position:fixed;right:22px;bottom:22px;z-index:9998;width:min(360px,calc(100vw - 32px));padding:16px 18px;border-radius:16px;background:rgba(18,18,48,.94);color:#fff;box-shadow:0 20px 60px rgba(0,0,0,.24);transform:translateY(24px);opacity:0;pointer-events:none;transition:.35s ease;backdrop-filter:blur(14px)}.tt-toast.show{transform:none;opacity:1;pointer-events:auto}.tt-toast strong{display:block;color:#fff;margin-bottom:3px}.tt-toast span{color:rgba(255,255,255,.72);font-size:.9rem}@media(max-width:768px){html{font-size:15px}.container{padding-left:18px;padding-right:18px}.section{padding:68px 0}.section-tight{padding:48px 0}h1{font-size:clamp(2.15rem,10vw,3rem);line-height:1.08}h2{font-size:clamp(1.65rem,7vw,2.2rem)}.card,.blog-card,.product-card,.step-item{box-shadow:0 8px 24px rgba(5,0,91,.06)}.tt-toast{right:16px;bottom:16px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto !important;animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important}.reveal-on-scroll{opacity:1 !important;transform:none !important}}.product-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 22%,rgba(245,180,42,.16),transparent 26%),radial-gradient(circle at 15% 70%,rgba(55,70,220,.12),transparent 30%),var(--bg)}.product-hero::before{content:"";position:absolute;inset:-20%;background:linear-gradient(120deg,transparent 20%,rgba(5,0,91,.035) 48%,transparent 70%);transform:rotate(-8deg);pointer-events:none}.product-hero-salez::after,.product-hero-socialz::after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-150px;top:20px;background:radial-gradient(circle,rgba(245,180,42,.17),transparent 68%);filter:blur(4px);pointer-events:none}.product-hero-socialz::after{background:radial-gradient(circle,rgba(88,72,255,.17),transparent 68%)}.product-hero .container{position:relative;z-index:1}.product-hero h1{max-width:760px;letter-spacing:-.045em}.product-proof-row{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:24px;font-size:.78rem;color:var(--muted)}.product-proof-row i{color:var(--gold);margin-right:6px}.section-intro{max-width:820px;margin-bottom:42px}.section-intro h2{margin-top:8px}.section-intro p{font-size:1.03rem;line-height:1.8;margin-top:14px}.section-heading-wide{max-width:820px;margin:0 auto 48px}.section-heading-wide p{margin-top:14px;font-size:1rem}.feature-card{position:relative;overflow:hidden;min-height:220px}.feature-card::after{content:"";position:absolute;width:120px;height:120px;right:-45px;bottom:-45px;border-radius:50%;background:radial-gradient(circle,rgba(245,180,42,.13),transparent 70%);pointer-events:none}.feature-label{display:inline-flex;margin-top:14px;padding:5px 9px;border-radius:999px;background:rgba(5,0,91,.055);color:var(--muted);font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.product-deep-section{padding-top:90px;padding-bottom:90px}.split-feature{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.eyebrow-light{color:rgba(255,255,255,.68) !important}.split-feature h2{font-size:clamp(2rem,4vw,3.2rem)}.split-feature p{color:rgba(255,255,255,.72);font-size:1rem;line-height:1.85;max-width:680px}.feature-stack{display:flex;flex-direction:column;gap:12px}.feature-stack>div{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:start;padding:17px 18px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.045);border-radius:14px;transition:transform .25s ease,background .25s ease,border-color .25s ease}.feature-stack>div:hover{transform:translateX(5px);background:rgba(255,255,255,.075);border-color:rgba(245,180,42,.32)}.feature-stack strong{color:var(--gold);font-family:var(--font-display);font-size:1.1rem}.feature-stack span{color:rgba(255,255,255,.76);line-height:1.6;font-size:.88rem}.feature-stack b{color:#fff}.product-cta{background:radial-gradient(circle at 50% 0,rgba(245,180,42,.13),transparent 34%),linear-gradient(180deg,#f1f2f7,var(--bg))}.product-problem-grid .card{min-height:210px}.product-dashboard{transform:perspective(1000px) rotateY(-2deg) rotateX(1deg);transition:transform .5s ease,box-shadow .5s ease}.product-dashboard:hover{transform:perspective(1000px) rotateY(0) rotateX(0) translateY(-7px);box-shadow:0 30px 70px rgba(5,0,91,.16) !important}.mock-titlebar strong{margin-left:auto;font-size:.62rem;color:#777}@media(max-width:860px){.split-feature{grid-template-columns:1fr;gap:40px}.product-hero h1{letter-spacing:-.035em}.product-proof-row{gap:8px 14px}.product-deep-section{padding-top:70px;padding-bottom:70px}}@media(max-width:560px){.product-proof-row{display:grid;grid-template-columns:1fr 1fr}.feature-card{min-height:0}.product-dashboard{transform:none}.product-hero::after{width:220px;height:220px;right:-100px}.section-intro p{font-size:.96rem}}:root{--canvas:#eef0f3;--canvas-deep:#e6e8ed;--surface:#f8f9fa;--surface-strong:#fff;--ink:#111318;--ink-soft:#454a55;--line:rgba(17,19,24,.10);--line-strong:rgba(17,19,24,.16);--accent-blue:#355cff;--accent-violet:#7657ff;--accent-cyan:#20b8d8;--accent-gold:#e9a91b;--accent-red:#ef5964;--shadow-soft:0 14px 40px rgba(17,19,24,.07);--shadow-premium:0 26px 80px rgba(17,19,24,.12)}body{background:radial-gradient(circle at 6% 4%,rgba(53,92,255,.055),transparent 25rem),radial-gradient(circle at 94% 26%,rgba(118,87,255,.045),transparent 28rem),linear-gradient(180deg,#f1f2f4 0,#f7f8f9 46%,#eceef1 100%);color:var(--ink)}h1,h2,h3,h4{color:var(--ink)}p{color:var(--ink-soft)}.container{max-width:1240px}.section{padding:104px 0}.section-tight{padding:68px 0}.bg-alt{background:linear-gradient(135deg,#e9ebef 0,#f7f8f9 48%,#e7e9ed 100%)}.hero,.hero-section,.product-hero{background:transparent !important}.hero::before,.hero-section::before,.product-hero::before{width:42rem;height:42rem;right:-17rem;top:-19rem;background:radial-gradient(circle,rgba(53,92,255,.13),rgba(118,87,255,.045) 35%,transparent 70%);filter:blur(12px)}.hero::after,.hero-section::after,.product-hero::after{width:34rem;height:34rem;left:-18rem;bottom:-18rem;background:radial-gradient(circle,rgba(32,184,216,.08),transparent 68%)}header{background:rgba(246,247,248,.82);border-bottom-color:rgba(17,19,24,.05)}header.scrolled{background:rgba(246,247,248,.94);border-color:var(--line)}.logo{color:var(--ink)}.logo span{color:var(--ink)}nav#mainNav>a{color:#292d35}nav#mainNav>a:not(.nav-portal)::after{background:linear-gradient(90deg,var(--accent-blue),var(--accent-violet))}.nav-portal{background:#111318 !important;box-shadow:0 8px 22px rgba(17,19,24,.18)}.nav-portal:hover{background:#292d35 !important}.btn-primary{background:#111318;color:#fff;box-shadow:0 8px 22px rgba(17,19,24,.15)}.btn-primary:hover{background:#292d35;box-shadow:0 14px 32px rgba(17,19,24,.22)}.btn-outline{border-color:var(--line-strong);color:var(--ink);background:rgba(255,255,255,.28)}.btn-outline:hover{border-color:#111318;background:#fff}.btn-ghost{color:var(--ink)}.eyebrow{color:#5a6170}.eyebrow::before{background:linear-gradient(90deg,var(--accent-blue),var(--accent-violet))}.card,.blog-card,.product-card,.step-item{background:rgba(255,255,255,.86);border:1px solid rgba(17,19,24,.085);box-shadow:var(--shadow-soft)}.card:hover,.blog-card:hover,.product-card:hover,.step-item:hover{border-color:rgba(53,92,255,.25);box-shadow:var(--shadow-premium);transform:translateY(-5px)}.card i.card-icon{color:#252a33}.card:hover i.card-icon{color:var(--accent-blue)}.feature-card{background:rgba(255,255,255,.90)}.feature-card::before{content:"";position:absolute;left:0;top:0;width:42%;height:2px;background:linear-gradient(90deg,var(--accent-blue),var(--accent-violet),transparent);opacity:.85}.feature-card::after{background:radial-gradient(circle,rgba(53,92,255,.09),transparent 70%)}.feature-label{background:#eef0f3;color:#59606d;border:1px solid rgba(17,19,24,.06)}.product-hero-salez::after{background:radial-gradient(circle,rgba(53,92,255,.13),rgba(32,184,216,.035) 42%,transparent 70%)}.product-hero-socialz::after{background:radial-gradient(circle,rgba(118,87,255,.13),rgba(239,89,100,.035) 42%,transparent 70%)}.product-hero-salez .status-badge{color:#2345c7 !important;background:rgba(53,92,255,.08) !important;border-color:rgba(53,92,255,.15) !important}.product-hero-socialz .status-badge{color:#6848d8 !important;background:rgba(118,87,255,.08) !important;border-color:rgba(118,87,255,.15) !important}.product-hero h1{color:#0e1015}.product-proof-row i{color:var(--accent-blue)}.bg-navy,.bg-dark{background:radial-gradient(circle at 15% 10%,rgba(53,92,255,.18),transparent 28rem),radial-gradient(circle at 86% 82%,rgba(118,87,255,.13),transparent 30rem),linear-gradient(135deg,#0d0f14 0,#151821 52%,#0b0d11 100%)}.bg-navy::before{background:radial-gradient(circle,rgba(53,92,255,.12),transparent 70%)}.bg-navy h1,.bg-navy h2,.bg-navy h3,.bg-dark h1,.bg-dark h2,.bg-dark h3{color:#fff}.bg-navy p,.bg-dark p{color:rgba(255,255,255,.68)}.product-deep-section{position:relative;overflow:hidden}.product-deep-section::after{content:"";position:absolute;inset:auto -10% -55% 35%;height:70%;background:radial-gradient(circle,rgba(53,92,255,.11),transparent 66%);pointer-events:none}.product-deep-section .container{position:relative;z-index:1}.feature-stack>div{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.10)}.feature-stack>div:hover{background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.20)}.feature-stack strong{color:#fff}.product-cta{background:radial-gradient(circle at 20% 0,rgba(53,92,255,.08),transparent 24rem),radial-gradient(circle at 82% 100%,rgba(118,87,255,.07),transparent 24rem),linear-gradient(180deg,#eef0f3,#f7f8f9)}.product-dashboard{border:1px solid rgba(17,19,24,.10) !important;box-shadow:0 30px 90px rgba(17,19,24,.14) !important}.mock-titlebar{background:#151821 !important;color:#fff !important}.mock-body{background:#f6f7f8 !important}.mock-stat{background:#fff !important;border:1px solid rgba(17,19,24,.07) !important}.mock-chart div{background:linear-gradient(180deg,#355cff,#20b8d8) !important}@media(max-width:760px){.section{padding:72px 0}.section-intro{margin-bottom:30px}.card-grid{gap:16px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr !important}.card{padding:23px 20px;border-radius:18px}.feature-card{min-height:auto;padding:24px 20px}.feature-card h3{font-size:1.08rem}.feature-card p{max-width:42rem}.product-problem-grid .card{min-height:auto}.product-problem-grid .card+.card{margin-top:0}.section-heading-wide{margin-bottom:32px}.split-feature{gap:30px}.feature-stack{gap:10px}.feature-stack>div{grid-template-columns:34px 1fr;padding:15px 14px}.product-proof-row{grid-template-columns:1fr !important;gap:9px}.product-dashboard{margin-top:14px}}@media(min-width:761px) and (max-width:1020px){.grid-3{grid-template-columns:repeat(2,1fr)}.grid-3>:last-child:nth-child(3n+1){grid-column:1/-1;max-width:calc(50% - 12px);margin:0 auto}}@media(hover:none){.card:hover,.blog-card:hover,.product-card:hover,.step-item:hover{transform:none;box-shadow:var(--shadow-soft)}.product-dashboard:hover{transform:none}}.nav-overlay{background:rgba(8,10,14,.44);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}@media(max-width:960px){header .container{height:72px;padding-left:18px;padding-right:18px}header.scrolled .container{height:64px}.hamburger{display:flex;position:relative;z-index:1102;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid rgba(17,19,24,.10);border-radius:12px;background:rgba(255,255,255,.72);cursor:pointer;flex-shrink:0}.hamburger span{width:18px;height:2px;background:#111318}#mainNav{top:0;right:0;width:min(380px,92vw);height:100dvh;max-height:100dvh;padding:0 22px 34px;gap:0;overflow-y:auto;overscroll-behavior:contain;background:linear-gradient(180deg,#f8f9fa 0,#eef0f3 100%);border-left:1px solid rgba(17,19,24,.08);box-shadow:-28px 0 70px rgba(0,0,0,.16);transform:translate3d(102%,0,0);transition:transform .38s cubic-bezier(.22,.8,.22,1);z-index:1101}#mainNav.open{transform:translate3d(0,0,0)}#mainNav::before{content:'Ttrafik Ads';display:block;padding:25px 2px 20px;font-family:var(--font-display);font-weight:800;font-size:1.08rem;letter-spacing:-.02em;color:#111318;border-bottom:1px solid rgba(17,19,24,.09);margin-bottom:8px}#mainNav>a,#mainNav .has-dropdown>a{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:54px;padding:13px 2px;border-bottom:1px solid rgba(17,19,24,.08);border-radius:0;color:#20242c;font-size:.96rem;font-weight:700;background:transparent}#mainNav>a:hover,#mainNav .has-dropdown>a:hover{background:transparent;color:#111318}#mainNav>a::after,#mainNav .has-dropdown>a::after{display:none}#mainNav .has-dropdown{width:100%}#mainNav .dropdown-panel{display:block;position:static;width:100%;padding:9px 0 4px;margin:0;opacity:1;pointer-events:auto;transform:none;box-shadow:none;border:0;background:transparent}#mainNav .dd-grid{display:grid;grid-template-columns:1fr;gap:8px;margin:0}#mainNav .dd-item{display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;column-gap:11px;row-gap:2px;padding:12px 11px !important;border:1px solid rgba(17,19,24,.07) !important;border-radius:14px !important;background:rgba(255,255,255,.72) !important;box-shadow:none !important;transform:none !important}#mainNav .dd-item i{grid-row:1 / span 2;width:38px;height:38px;margin-top:1px;background:#eef0f3;color:#20242c}#mainNav .dd-title{font-size:.88rem}#mainNav .dd-sub{font-size:.72rem;line-height:1.4}#mainNav .dd-footer{margin-top:8px;padding:13px 2px;border-top:1px solid rgba(17,19,24,.08);font-size:.78rem}#mainNav .nav-portal{margin:16px 0 0 !important;width:100%;min-height:50px;justify-content:center;border-radius:13px !important}.nav-overlay.open{display:block}}@media(max-width:420px){#mainNav{width:94vw;padding-left:18px;padding-right:18px}.logo{font-size:1.05rem;gap:7px}.logo img{width:28px;height:28px}.hamburger{width:42px;height:42px}}.mock-chart{position:relative;display:flex;align-items:flex-end;gap:7px;height:112px !important;margin-top:18px;padding:18px 10px 7px;border:1px solid rgba(17,19,24,.07);border-radius:12px;background:linear-gradient(180deg,#fafbfc,#f0f2f5);overflow:hidden}.mock-chart::before{content:'';position:absolute;left:10px;right:10px;top:30px;height:1px;background:rgba(17,19,24,.06);box-shadow:0 25px 0 rgba(17,19,24,.05),0 50px 0 rgba(17,19,24,.05)}.mock-chart::after{content:'';position:absolute;left:10px;right:10px;bottom:7px;height:1px;background:rgba(17,19,24,.10)}.mock-chart>div:not(.chart-reading){position:relative;z-index:2;flex:1;min-width:5px !important;height:var(--bar-height,50%) !important;border-radius:5px 5px 2px 2px !important;background:linear-gradient(180deg,#355cff,#20b8d8) !important;transform-origin:bottom;animation:ttChartRise .65s ease both,ttChartBreath 2.8s ease-in-out infinite;box-shadow:0 5px 14px rgba(53,92,255,.12)}.mock-chart>div:nth-child(2){animation-delay:.06s,.18s}.mock-chart>div:nth-child(3){animation-delay:.12s,.36s}.mock-chart>div:nth-child(4){animation-delay:.18s,.54s}.mock-chart>div:nth-child(5){animation-delay:.24s,.72s}.mock-chart>div:nth-child(6){animation-delay:.30s,.90s}.mock-chart>div:nth-child(7){animation-delay:.36s,1.08s}.chart-reading{position:absolute !important;top:8px;right:10px;z-index:5 !important;height:auto !important;width:auto !important;display:flex;align-items:center;gap:6px;padding:4px 7px;border-radius:999px !important;background:rgba(255,255,255,.88);border:1px solid rgba(17,19,24,.08);font-size:.56rem !important;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#59606d !important;box-shadow:0 4px 12px rgba(17,19,24,.06)}.chart-reading::before{content:'';width:5px;height:5px;border-radius:50%;background:#20a66b;box-shadow:0 0 0 4px rgba(32,166,107,.10);animation:ttLivePulse 1.5s infinite}@keyframes ttChartRise{from{transform:scaleY(.12);opacity:.35}to{transform:scaleY(1);opacity:1}}@keyframes ttChartBreath{0%,100%{filter:saturate(.92);transform:scaleY(1)}50%{filter:saturate(1.12);transform:scaleY(.94)}}@keyframes ttLivePulse{0%,100%{opacity:1}50%{opacity:.35}}@media(max-width:760px){.mock-window{width:100%;max-width:100%;overflow:hidden}.mock-body{padding:14px !important}.mock-stat-grid{grid-template-columns:1fr !important;gap:8px !important}.mock-stat{min-width:0 !important}.mock-stat strong{font-size:1rem !important}.mock-stat span{font-size:.64rem !important}.mock-chart{height:96px !important;gap:5px;padding-left:7px;padding-right:7px}.mock-chart::before{left:7px;right:7px}.mock-chart::after{left:7px;right:7px}.product-dashboard{width:100% !important;max-width:100% !important}}@media(prefers-reduced-motion:reduce){.mock-chart>div:not(.chart-reading),.chart-reading::before{animation:none !important}}@media(max-width:960px){#mainNav .mobile-nav-close{position:absolute;top:17px;right:18px;display:flex;width:40px;height:40px;align-items:center;justify-content:center;border:1px solid rgba(17,19,24,.10);border-radius:11px;background:#fff;cursor:pointer;z-index:3}#mainNav .mobile-nav-close span{position:absolute;width:17px;height:2px;background:#111318;border-radius:2px}#mainNav .mobile-nav-close span:first-child{transform:rotate(45deg)}#mainNav .mobile-nav-close span:last-child{transform:rotate(-45deg)}#mainNav::before{padding-right:52px}}:root{--canvas:#f4f4f4;--canvas-deep:#ececec;--surface:#fff;--surface-strong:#fff;--ink:#1a1a1a;--ink-soft:#555a65;--line:rgba(5,0,91,.10);--line-strong:rgba(5,0,91,.18);--brand-navy:#05005b;--brand-gold:#f5b42a;--brand-dark:#121230;--brand-muted:#6b7280;--shadow-soft:0 12px 32px rgba(18,18,48,.07);--shadow-premium:0 22px 60px rgba(18,18,48,.12)}html{background:var(--canvas)}body{background:radial-gradient(circle at 92% 7%,rgba(245,180,42,.10),transparent 24rem),radial-gradient(circle at 6% 26%,rgba(5,0,91,.055),transparent 26rem),linear-gradient(180deg,#f7f7f7 0,#f4f4f4 52%,#eee 100%);color:var(--ink)}h1,h2,h3,h4,h5,h6{color:var(--brand-dark)}p{color:var(--ink-soft)}strong,b{color:inherit}.bg-alt{background:linear-gradient(135deg,#f4f4f4 0,#fff 52%,#f0f0f0 100%)}.hero,.hero-section,.product-hero{background:transparent !important}.hero::before,.hero-section::before,.product-hero::before{width:38rem;height:38rem;right:-16rem;top:-18rem;background:radial-gradient(circle,rgba(5,0,91,.11),rgba(5,0,91,.035) 38%,transparent 70%);filter:none}.hero::after,.hero-section::after,.product-hero::after{width:28rem;height:28rem;left:-15rem;bottom:-16rem;background:radial-gradient(circle,rgba(245,180,42,.12),transparent 70%);filter:none}header{background:rgba(255,255,255,.90);border-bottom-color:rgba(5,0,91,.07)}header.scrolled{background:rgba(255,255,255,.97);border-bottom-color:rgba(5,0,91,.11)}.logo{color:var(--brand-navy)}.logo span{color:var(--brand-dark)}nav#mainNav>a{color:var(--brand-dark)}nav#mainNav>a:hover{color:var(--brand-navy)}nav#mainNav>a:not(.nav-portal)::after{background:var(--brand-gold)}.nav-portal{background:var(--brand-navy) !important;color:#fff !important;box-shadow:0 8px 20px rgba(5,0,91,.18)}.nav-portal:hover{background:#0a0780 !important}.btn-primary{background:var(--brand-navy);color:#fff;box-shadow:0 8px 22px rgba(5,0,91,.16)}.btn-primary:hover{background:#0a0780;box-shadow:0 14px 30px rgba(5,0,91,.22)}.btn-outline{border-color:rgba(5,0,91,.20);color:var(--brand-navy);background:rgba(255,255,255,.66)}.btn-outline:hover{border-color:var(--brand-gold);background:#fff;color:var(--brand-navy)}.btn-ghost{color:var(--brand-navy)}.eyebrow{color:var(--brand-navy)}.eyebrow::before{background:var(--brand-gold)}.card,.blog-card,.product-card,.step-item{background:rgba(255,255,255,.94);border:1px solid rgba(5,0,91,.085);box-shadow:var(--shadow-soft)}.card:hover,.blog-card:hover,.product-card:hover,.step-item:hover{border-color:rgba(245,180,42,.42);box-shadow:var(--shadow-premium);transform:translateY(-5px)}.card i.card-icon{color:var(--brand-navy)}.card:hover i.card-icon{color:var(--brand-gold)}.feature-card{background:#fff}.feature-card::before{background:linear-gradient(90deg,var(--brand-navy),var(--brand-gold),transparent);opacity:1}.feature-card::after{background:radial-gradient(circle,rgba(245,180,42,.10),transparent 70%)}.feature-label{background:rgba(5,0,91,.045);color:var(--brand-navy);border:1px solid rgba(5,0,91,.07)}.product-hero-salez::after,.product-hero-socialz::after{background:radial-gradient(circle,rgba(5,0,91,.10),rgba(245,180,42,.055) 42%,transparent 70%)}.product-hero-salez .status-badge{color:var(--brand-navy) !important;background:rgba(5,0,91,.055) !important;border-color:rgba(5,0,91,.14) !important}.product-hero-socialz .status-badge{color:var(--brand-navy) !important;background:rgba(245,180,42,.11) !important;border-color:rgba(245,180,42,.28) !important}.product-hero h1{color:var(--brand-dark)}.product-proof-row i{color:var(--brand-gold)}.bg-navy,.bg-dark{background:radial-gradient(circle at 82% 14%,rgba(245,180,42,.09),transparent 25rem),linear-gradient(135deg,#040448 0,#05005b 55%,#08084a 100%)}.bg-navy::before{background:radial-gradient(circle,rgba(245,180,42,.07),transparent 70%)}.bg-navy h1,.bg-navy h2,.bg-navy h3,.bg-dark h1,.bg-dark h2,.bg-dark h3{color:#fff}.bg-navy p,.bg-dark p{color:rgba(255,255,255,.72)}.product-deep-section::after{background:radial-gradient(circle,rgba(245,180,42,.09),transparent 66%)}.feature-stack>div{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.12)}.feature-stack>div:hover{background:rgba(255,255,255,.075);border-color:rgba(245,180,42,.35)}.feature-stack strong{color:var(--brand-gold)}.product-cta{background:radial-gradient(circle at 22% 0,rgba(245,180,42,.10),transparent 24rem),linear-gradient(180deg,#f0f0f0,#f7f7f7)}.product-dashboard{border:1px solid rgba(5,0,91,.12) !important;box-shadow:0 30px 90px rgba(18,18,48,.14) !important}.mock-titlebar{background:var(--brand-dark) !important;color:#fff !important}.mock-body{background:#f7f7f7 !important}.mock-stat{background:#fff !important;border:1px solid rgba(5,0,91,.07) !important}.mock-stat strong{color:var(--brand-navy) !important}.mock-chart{border-color:rgba(5,0,91,.08);background:linear-gradient(180deg,#fff,#f1f1f3)}.mock-chart>div:not(.chart-reading){background:linear-gradient(180deg,var(--brand-navy),#15117b) !important;box-shadow:0 5px 14px rgba(5,0,91,.13)}.mock-chart>div:nth-child(6):not(.chart-reading){background:linear-gradient(180deg,var(--brand-gold),#dfa11c) !important}.chart-reading{color:var(--brand-navy) !important;background:rgba(255,255,255,.93);border-color:rgba(5,0,91,.10)}.chart-reading::before{background:var(--brand-gold);box-shadow:0 0 0 4px rgba(245,180,42,.12)}.nav-overlay{background:rgba(5,0,91,.34);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}@media(max-width:960px){.hamburger{background:#fff;border-color:rgba(5,0,91,.12)}.hamburger span{background:var(--brand-navy)}#mainNav{background:linear-gradient(180deg,#fff 0,#f4f4f4 100%);border-left-color:rgba(5,0,91,.10);box-shadow:-28px 0 70px rgba(5,0,91,.20)}#mainNav::before{content:none;display:none}#mainNav>a,#mainNav .has-dropdown>a{color:var(--brand-dark);border-bottom-color:rgba(5,0,91,.09)}#mainNav>a:hover,#mainNav .has-dropdown>a:hover{color:var(--brand-navy)}#mainNav .dd-item{border-color:rgba(5,0,91,.08) !important;background:#fff !important}#mainNav .dd-item:hover{border-color:rgba(245,180,42,.35) !important}#mainNav .dd-item i{background:rgba(5,0,91,.055);color:var(--brand-navy)}#mainNav .dd-title{color:var(--brand-navy)}#mainNav .dd-sub{color:var(--brand-muted)}#mainNav .dd-footer{border-top-color:rgba(5,0,91,.09);color:var(--brand-muted)}#mainNav .nav-portal{background:var(--brand-navy) !important;color:#fff !important}#mainNav .mobile-nav-close{border-color:rgba(5,0,91,.12);background:#fff}#mainNav .mobile-nav-close span{background:var(--brand-navy)}}@media(max-width:760px){.card-grid{gap:16px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr !important}.card,.blog-card,.product-card,.step-item{width:100%;min-width:0}.card{padding:22px 19px;border-radius:17px}.feature-card{padding:23px 19px}.feature-card h3{max-width:28rem}.product-problem-grid .card{min-height:0}.product-dashboard,.mock-window{width:100% !important;max-width:100% !important;min-width:0 !important}.mock-body{padding:13px !important}.mock-stat-grid{grid-template-columns:1fr !important}.mock-chart{width:100%;max-width:100%;height:96px !important}}@media(prefers-reduced-motion:reduce){.mock-chart>div:not(.chart-reading),.chart-reading::before{animation:none !important}}.home-page{background:#f4f4f4}.home-page header{position:relative;z-index:60}.home-page .section{padding-top:clamp(88px,9vw,138px);padding-bottom:clamp(88px,9vw,138px)}.home-hero{position:relative;overflow:hidden;background:#05005b;color:#fff;padding:clamp(72px,8vw,130px) 0 92px}.home-hero::before{content:"";position:absolute;width:52vw;height:52vw;max-width:760px;max-height:760px;right:-14vw;top:-24vw;border-radius:50%;background:radial-gradient(circle,rgba(245,180,42,.20),rgba(245,180,42,.05) 38%,transparent 70%);pointer-events:none}.home-hero::after{content:"";position:absolute;width:48vw;height:48vw;max-width:680px;max-height:680px;left:-20vw;bottom:-35vw;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 68%);pointer-events:none}.home-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:clamp(44px,7vw,100px);align-items:center}.home-hero-copy{max-width:720px}.home-kicker{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.76);font-size:.76rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.home-kicker span{width:8px;height:8px;border-radius:50%;background:var(--brand-gold);box-shadow:0 0 0 5px rgba(245,180,42,.12)}.home-hero h1{margin:24px 0 24px;color:#fff;font-size:clamp(3.4rem,6.9vw,7rem);line-height:.94;letter-spacing:-.065em;max-width:780px}.home-hero h1 em{font-style:normal;color:var(--brand-gold)}.home-hero-lead{max-width:650px;margin:0;color:rgba(255,255,255,.74);font-size:clamp(1rem,1.55vw,1.22rem);line-height:1.8}.home-page .home-hero .btn-outline{border-color:rgba(255,255,255,.28);background:transparent;color:#fff}.home-page .home-hero .btn-outline:hover{border-color:var(--brand-gold);background:rgba(255,255,255,.06);color:#fff}.home-hero-note{display:flex;align-items:center;gap:12px;margin-top:28px;color:rgba(255,255,255,.46);font-size:.75rem}.home-hero-visual{position:relative;min-height:560px;display:flex;align-items:center;justify-content:center}.home-orbit{position:absolute;border:1px solid rgba(255,255,255,.10);border-radius:50%;pointer-events:none}.home-orbit-one{width:560px;height:560px}.home-orbit-two{width:430px;height:430px;border-color:rgba(245,180,42,.18);transform:rotate(22deg)}.hero-dashboard-shell{position:relative;width:min(100%,620px);border:1px solid rgba(255,255,255,.15);border-radius:26px;overflow:hidden;background:rgba(13,13,55,.82);box-shadow:0 40px 90px rgba(0,0,0,.28);backdrop-filter:blur(14px);transform:rotate(-2.4deg)}.hero-dashboard-top{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035)}.hero-dashboard-brand{font-size:.72rem;color:rgba(255,255,255,.68);font-weight:700;letter-spacing:.04em}.hero-dashboard-brand span{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--brand-gold)}.hero-dashboard-window-actions{display:flex;gap:6px}.hero-dashboard-window-actions i{display:block;width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.18)}.hero-dashboard-body{padding:24px}.hero-dashboard-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.hero-dashboard-heading small{display:block;font-size:.58rem;color:rgba(255,255,255,.38);letter-spacing:.12em}.hero-dashboard-heading strong{display:block;margin-top:5px;font-size:1.15rem;color:#fff}.hero-live{display:inline-flex;gap:7px;align-items:center;color:rgba(255,255,255,.62);font-size:.68rem}.hero-live b{width:6px;height:6px;border-radius:50%;background:var(--brand-gold);box-shadow:0 0 0 4px rgba(245,180,42,.10)}.hero-metric-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.hero-metric-strip>div{padding:13px 14px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.04)}.hero-metric-strip span{display:block;font-size:.64rem;color:rgba(255,255,255,.42)}.hero-metric-strip strong{display:block;margin-top:5px;color:#fff;font-size:1.15rem}.hero-live-chart{height:210px !important;margin-top:16px;border:1px solid rgba(255,255,255,.07) !important;background:rgba(255,255,255,.025) !important}.hero-live-chart::before{background:linear-gradient(to top,rgba(245,180,42,.12),transparent) !important}.hero-live-chart::after{background:rgba(255,255,255,.12) !important}.hero-live-chart>.chart-reading{background:rgba(5,0,91,.88) !important;color:rgba(255,255,255,.78) !important;border-color:rgba(255,255,255,.10) !important}.hero-live-chart>div:not(.chart-reading){background:linear-gradient(180deg,#f5b42a,#d89a08) !important;box-shadow:0 8px 18px rgba(245,180,42,.12) !important}.hero-dashboard-footer{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px;color:rgba(255,255,255,.47);font-size:.67rem}.hero-dashboard-footer span{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:var(--brand-gold)}.home-float-tag{position:absolute;padding:10px 14px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.06);backdrop-filter:blur(10px);font-size:.65rem;font-weight:800;color:var(--brand-gold);box-shadow:0 18px 40px rgba(0,0,0,.18)}.home-float-tag span{margin-left:5px;color:rgba(255,255,255,.76);font-weight:600}.tag-acquire{left:2%;top:13%}.tag-convert{right:-3%;top:48%}.tag-grow{left:10%;bottom:11%}.home-statement{background:#fff}.home-statement-grid{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;max-width:1060px;margin:0 auto}.home-section-index{font-size:1rem;color:var(--brand-gold);font-weight:800;letter-spacing:.08em;padding-top:8px}.home-statement h2{max-width:850px;margin:13px 0 22px;font-size:clamp(2.5rem,5vw,5.4rem);line-height:.98;letter-spacing:-.055em;color:var(--brand-dark)}.home-statement-copy{max-width:800px;font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.85}.home-system{background:#f4f4f4}.home-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:54px}.home-section-head>div{max-width:800px}.home-section-head h2{margin-top:14px;font-size:clamp(2.3rem,4.8vw,5rem);line-height:.98;letter-spacing:-.055em}.home-section-head>p{max-width:450px;font-size:1rem;line-height:1.8;color:var(--brand-muted)}.system-rows{border-top:1px solid rgba(5,0,91,.12)}.system-row{display:grid;grid-template-columns:62px 48px minmax(0,1fr) auto;gap:24px;align-items:center;padding:30px 0;border-bottom:1px solid rgba(5,0,91,.12);transition:padding .25s ease,background .25s ease}.system-row:hover{padding-left:14px;padding-right:14px;background:rgba(255,255,255,.62)}.system-row-number{color:var(--brand-gold);font-weight:800;letter-spacing:.06em}.system-row-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#fff;border:1px solid rgba(5,0,91,.09);color:var(--brand-navy)}.system-row-main h3{font-size:1.26rem;margin:0 0 7px}.system-row-main p{margin:0;max-width:720px;line-height:1.7}.system-row-link{font-size:.78rem;color:var(--brand-navy);font-weight:800;white-space:nowrap}.system-row-link i{margin-left:7px;color:var(--brand-gold)}.home-product-section{padding:clamp(90px,10vw,145px) 0;overflow:hidden}.home-product-salez{background:#fff}.home-product-socialz{background:#f4f4f4}.home-product-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(430px,1.14fr);gap:clamp(48px,7vw,110px);align-items:center}.home-product-grid.reverse{grid-template-columns:minmax(430px,1.14fr) minmax(0,.86fr)}.home-product-grid.reverse .home-product-copy{grid-column:2}.home-product-grid.reverse .home-product-visual{grid-column:1;grid-row:1}.product-index{display:block;color:var(--brand-gold);font-size:.72rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.product-title-line{display:flex;align-items:center;gap:10px;margin-top:16px;font-size:.92rem;font-weight:800;color:var(--brand-navy)}.product-status-dot{width:8px;height:8px;border-radius:50%;background:#20a66b}.product-status-dot.soon{background:var(--brand-gold)}.home-product-copy h2{max-width:650px;margin:20px 0 20px;font-size:clamp(2.5rem,4.7vw,5.2rem);line-height:.98;letter-spacing:-.055em}.home-product-copy>p{max-width:600px;font-size:1.03rem;line-height:1.85}.text-link{display:inline-flex;align-items:center;gap:9px;margin-top:28px;color:var(--brand-navy);font-size:.84rem;font-weight:800}.text-link i{color:var(--brand-gold);transition:transform .2s ease}.text-link:hover i{transform:translateX(4px)}.home-product-visual{position:relative}.product-frame{position:relative;border:1px solid rgba(5,0,91,.10);border-radius:26px;background:#fff;box-shadow:0 34px 80px rgba(18,18,48,.12);overflow:hidden;transform:rotate(2deg)}.home-product-salez .product-frame{transform:rotate(2deg)}.home-product-socialz .product-frame{transform:rotate(-2deg)}.product-frame-top{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid rgba(5,0,91,.08);font-size:.7rem;color:var(--brand-muted);font-weight:700}.product-frame-body{padding:22px}.product-mini-metrics,.socialz-board{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.product-mini-metrics>div,.socialz-board>div{padding:16px;border:1px solid rgba(5,0,91,.07);border-radius:15px;background:#f8f8f8}.product-mini-metrics small,.socialz-board small{display:block;color:var(--brand-muted);font-size:.62rem}.product-mini-metrics strong,.socialz-board strong{display:block;margin-top:6px;color:var(--brand-navy);font-size:1rem}.product-frame .mock-chart{height:235px !important;margin-top:14px;border-color:rgba(5,0,91,.08) !important}.product-frame .mock-chart>div:not(.chart-reading){background:linear-gradient(180deg,#05005b,#201b88) !important;box-shadow:0 8px 18px rgba(5,0,91,.10) !important}.product-frame .mock-chart>.chart-reading{color:var(--brand-navy) !important;background:#fff !important}.product-frame-bottom{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:18px;color:var(--brand-muted);font-size:.66rem;font-weight:800}.product-frame-bottom b{color:var(--brand-gold)}.home-flow{background:#05005b;color:#fff;padding:clamp(90px,10vw,135px) 0;overflow:hidden}.home-flow-intro{max-width:850px}.home-flow-intro h2{margin:14px 0 18px;color:#fff;font-size:clamp(2.7rem,5.1vw,5.6rem);line-height:.96;letter-spacing:-.06em}.home-flow-intro p{max-width:650px;color:rgba(255,255,255,.67);font-size:1rem;line-height:1.8}.home-flow-track{display:grid;grid-template-columns:repeat(6,1fr);align-items:center;gap:12px;margin-top:60px}.home-flow-step{min-width:0}.home-flow-step span{display:block;color:rgba(255,255,255,.34);font-size:.68rem;font-weight:800;letter-spacing:.08em}.home-flow-step strong{display:block;margin-top:10px;color:#fff;font-size:.9rem}.home-flow-track>i{color:var(--brand-gold);font-size:.75rem;text-align:center}.home-flow-step.final{padding:16px;border:1px solid rgba(245,180,42,.34);border-radius:16px;background:rgba(245,180,42,.06)}.home-capabilities{background:#fff}.home-section-head.narrow{margin-bottom:28px}.capability-list{border-top:1px solid rgba(5,0,91,.12)}.capability-item{display:grid;grid-template-columns:50px minmax(170px,.55fr) minmax(0,1fr) 25px;gap:22px;align-items:center;padding:23px 0;border-bottom:1px solid rgba(5,0,91,.12);color:var(--ink);transition:padding .22s ease,background .22s ease}.capability-item:hover{padding-left:12px;padding-right:12px;background:#f8f8f8}.capability-item span{color:var(--brand-gold);font-size:.72rem;font-weight:800}.capability-item strong{font-size:1.03rem}.capability-item em{font-style:normal;color:var(--brand-muted);font-size:.9rem}.capability-item i{justify-self:end;color:var(--brand-navy);font-size:.78rem}.home-insights{background:#f4f4f4}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.insight-card{display:flex;flex-direction:column;min-height:310px;padding:26px;border:1px solid rgba(5,0,91,.08);background:#fff;color:var(--ink);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.insight-card:hover{transform:translateY(-5px);border-color:rgba(245,180,42,.38);box-shadow:0 22px 45px rgba(18,18,48,.08)}.insight-card>span{color:var(--brand-navy);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.insight-card h3{margin:24px 0 auto;font-size:1.34rem;line-height:1.18;letter-spacing:-.025em}.insight-card b{display:flex;align-items:center;gap:8px;margin-top:28px;color:var(--brand-navy);font-size:.76rem}.insight-card b i{color:var(--brand-gold)}.home-final-cta{padding:clamp(90px,10vw,140px) 0;background:#fff}.home-final-inner{max-width:900px;margin:0 auto;text-align:center}.home-final-inner h2{margin:15px auto 20px;max-width:850px;font-size:clamp(2.9rem,6vw,6.5rem);line-height:.95;letter-spacing:-.06em}.home-final-inner p{max-width:620px;margin:0 auto;font-size:1rem;line-height:1.8}@media(max-width:1050px){.home-hero-grid,.home-product-grid,.home-product-grid.reverse{grid-template-columns:1fr;gap:56px}.home-product-grid.reverse .home-product-copy,.home-product-grid.reverse .home-product-visual{grid-column:auto;grid-row:auto}.home-product-grid.reverse .home-product-copy{order:1}.home-product-grid.reverse .home-product-visual{order:2}.home-hero-visual{min-height:500px}.home-orbit-one{width:500px;height:500px}.home-orbit-two{width:390px;height:390px}.home-flow-track{grid-template-columns:repeat(3,1fr);row-gap:22px}.home-flow-track>i{display:none}}@media(max-width:760px){.home-page .section{padding-top:76px;padding-bottom:76px}.home-hero{padding:64px 0 76px}.home-hero-grid{gap:42px}.home-hero h1{font-size:clamp(3.15rem,15vw,5.2rem)}.home-hero-lead{font-size:1rem;line-height:1.72}.home-hero .hero-actions{display:grid;grid-template-columns:1fr;gap:10px}.home-hero .hero-actions .btn{width:100%;justify-content:center}.home-hero-note{flex-wrap:wrap;gap:8px}.home-hero-visual{min-height:450px}.hero-dashboard-shell{transform:none;border-radius:20px}.hero-dashboard-body{padding:17px}.hero-metric-strip{grid-template-columns:1fr}.hero-live-chart{height:180px !important}.home-orbit-one{width:420px;height:420px}.home-orbit-two{width:330px;height:330px}.home-float-tag{display:none}.home-statement-grid{grid-template-columns:1fr;gap:8px}.home-section-head{display:block;margin-bottom:38px}.home-section-head>p{margin-top:20px}.home-section-head h2{font-size:clamp(2.5rem,12vw,4.2rem)}.system-row{grid-template-columns:42px 42px minmax(0,1fr);gap:13px;padding:22px 0}.system-row-link{grid-column:3;grid-row:2;font-size:.7rem}.system-row-icon{width:42px;height:42px;border-radius:12px}.system-row-main h3{font-size:1.08rem}.system-row-main p{font-size:.9rem;line-height:1.62}.home-product-section{padding:82px 0}.home-product-copy h2{font-size:clamp(2.5rem,12vw,4.2rem)}.product-frame{transform:none !important;border-radius:20px}.product-frame-body{padding:15px}.product-mini-metrics,.socialz-board{grid-template-columns:1fr}.product-frame .mock-chart{height:190px !important}.product-frame-bottom{flex-wrap:wrap;gap:8px}.home-flow{padding:78px 0}.home-flow-intro h2{font-size:clamp(2.7rem,13vw,4.5rem)}.home-flow-track{grid-template-columns:1fr;gap:0;margin-top:38px}.home-flow-track>i{display:none}.home-flow-step{display:flex;align-items:center;gap:16px;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.10)}.home-flow-step span{width:28px}.home-flow-step strong{margin-top:0}.home-flow-step.final{border-radius:0;border-color:rgba(245,180,42,.32);padding:17px 12px}.capability-item{grid-template-columns:36px 1fr 20px;gap:12px;padding:20px 0}.capability-item em{grid-column:2;grid-row:2;font-size:.83rem;line-height:1.55}.capability-item i{grid-column:3;grid-row:1}.capability-item strong{font-size:.98rem}.insight-grid{grid-template-columns:1fr}.insight-card{min-height:240px}.home-final-cta{padding:78px 0}.home-final-inner h2{font-size:clamp(3rem,14vw,5rem)}}@media(max-width:430px){.home-hero{padding-top:52px}.home-hero h1{font-size:3.05rem}.hero-dashboard-shell{margin:0 -4px}.hero-dashboard-body{padding:14px}.hero-dashboard-top{padding:0 13px}.hero-dashboard-footer{gap:10px}.home-product-copy h2{font-size:2.85rem}.home-final-inner h2{font-size:3rem}}:root{--brand-navy:#05005b;--brand-gold:#f5b42a;--brand-bg:#f4f4f4;--brand-white:#fff;--brand-dark:#121230;--brand-text:#1a1a1a;--brand-muted:#6b7280;--line:rgba(5,0,91,.12);--line-dark:rgba(255,255,255,.14);--shadow-premium:0 30px 90px rgba(18,18,48,.13);--container:1240px}body{background:#fff;color:var(--brand-text);overflow-x:clip}.container{max-width:var(--container);padding-left:28px;padding-right:28px}.section{padding:clamp(86px,9vw,132px) 0}.breadcrumb-bar{display:none !important}.site-header{background:rgba(255,255,255,.92) !important;border-bottom:1px solid rgba(5,0,91,.08) !important;backdrop-filter:blur(18px) !important;-webkit-backdrop-filter:blur(18px) !important}.site-header.scrolled{background:rgba(255,255,255,.98) !important;box-shadow:0 10px 30px rgba(18,18,48,.08) !important}.header-inner{height:78px !important}.logo{font-size:1.1rem !important;gap:7px !important;letter-spacing:-.03em}.logo span{color:var(--brand-navy) !important}.logo b{color:var(--brand-gold)}nav#mainNav{gap:2px !important}nav#mainNav>a:not(.nav-portal),nav#mainNav .nav-group>a{font-size:.82rem !important;padding:10px 11px !important;border-radius:8px !important;color:var(--brand-text) !important}nav#mainNav>a:hover,nav#mainNav .nav-group>a:hover{background:rgba(5,0,91,.045) !important;color:var(--brand-navy) !important}nav#mainNav>a:not(.nav-portal)::after{display:none !important}.nav-group>a i{font-size:.6rem;margin-left:5px;color:var(--brand-muted)}.nav-talk{font-weight:800 !important;color:var(--brand-navy) !important;margin-left:7px}.nav-portal{background:var(--brand-navy) !important;border-radius:8px !important;box-shadow:none !important;margin-left:4px !important;padding:11px 15px !important}.nav-portal:hover{background:#08047b !important}.mobile-nav-head{display:none}.dropdown-panel.mega-panel{width:630px !important;left:0 !important;transform:translateY(12px) !important;padding:20px !important;border-radius:18px !important;box-shadow:0 28px 80px rgba(18,18,48,.18) !important}.has-dropdown:hover .mega-panel,.has-dropdown:focus-within .mega-panel{transform:translateY(5px) !important}.mega-head{display:flex;justify-content:space-between;align-items:end;padding:0 2px 14px;margin-bottom:13px;border-bottom:1px solid var(--line)}.mega-head span{font:800 .78rem/1 var(--font-display);text-transform:uppercase;letter-spacing:.11em;color:var(--brand-navy)}.mega-head small{color:var(--brand-muted);font-size:.68rem}.mega-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mega-item{display:grid !important;grid-template-columns:42px 1fr;column-gap:11px;padding:13px !important;border:1px solid transparent !important;background:#f8f8fa !important;border-radius:12px !important}.mega-item:hover{border-color:rgba(245,180,42,.5) !important;background:#fff !important;transform:none !important}.mega-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(5,0,91,.07);color:var(--brand-navy);grid-row:span 2}.mega-item strong{color:var(--brand-navy);font-size:.8rem}.mega-item small{font-size:.66rem;line-height:1.45;color:var(--brand-muted)}.mega-product strong em{font-style:normal;color:var(--brand-gold);font-size:.62rem;margin-left:5px}.mega-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:14px 2px 0;margin-top:11px;color:var(--brand-navy) !important;font-size:.72rem;font-weight:800}.mini-panel{width:420px !important}.company-panel{width:450px !important}.platform-hero{background:var(--brand-navy);color:#fff;position:relative;overflow:hidden}.platform-hero:before{content:"";position:absolute;inset:auto -10% -40% 20%;height:80%;background:radial-gradient(circle,rgba(245,180,42,.18),transparent 62%);filter:blur(30px)}.hero-v4-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(460px,1.08fr);gap:clamp(50px,7vw,110px);align-items:center;min-height:calc(100vh - 78px);padding-top:72px;padding-bottom:88px;position:relative;z-index:1}.hero-v4-copy{max-width:760px}.hero-v4-copy h1{font-size:clamp(3.7rem,6.7vw,7.2rem);line-height:.91;letter-spacing:-.065em;color:#fff;margin:16px 0 25px}.hero-v4-copy h1 em{font-style:normal;color:var(--brand-gold)}.hero-v4-copy p{max-width:660px;color:rgba(255,255,255,.7);font-size:1.08rem;line-height:1.8}.kicker{display:inline-flex;align-items:center;gap:8px;color:var(--brand-navy);font:800 .71rem/1 var(--font-display);text-transform:uppercase;letter-spacing:.12em}.kicker:before{content:"";width:17px;height:2px;background:var(--brand-gold)}.kicker.light{color:#fff}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.light-btn{color:#fff !important;border-color:rgba(255,255,255,.28) !important}.hero-proof{display:flex;flex-wrap:wrap;gap:0;margin-top:38px;border-top:1px solid rgba(255,255,255,.13);padding-top:17px}.hero-proof span{color:rgba(255,255,255,.6);font-size:.7rem;font-weight:700;padding-right:23px;margin-right:23px;border-right:1px solid rgba(255,255,255,.15)}.hero-proof span:last-child{border-right:0}.hero-v4-visual{position:relative}.hero-float-chip{position:absolute;right:18px;bottom:-14px;padding:10px 12px;background:#fff;color:var(--brand-navy);border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.15);font-size:.67rem;font-weight:800}.hero-float-chip span{display:inline-block;width:7px;height:7px;background:#1ba672;border-radius:50%;margin-right:7px}.ui-shell{background:#fff;border:1px solid rgba(255,255,255,.14);border-radius:22px;overflow:hidden;box-shadow:0 35px 100px rgba(0,0,0,.22);transform:rotate(1.4deg)}.ui-shell.social{transform:rotate(-1.3deg)}.ui-top{height:50px;padding:0 18px;display:flex;align-items:center;gap:12px;background:#0e0e28;color:#fff}.ui-dots{display:flex;gap:5px}.ui-dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.2)}.ui-top strong{font-size:.72rem}.ui-top span{margin-left:auto;color:rgba(255,255,255,.45);font-size:.62rem}.ui-body{display:grid;grid-template-columns:52px 1fr;min-height:420px;background:#f8f8fa}.ui-side{padding:20px 14px;display:flex;flex-direction:column;gap:16px;border-right:1px solid rgba(5,0,91,.07);background:#f3f3f7}.ui-side span{height:8px;border-radius:20px;background:rgba(5,0,91,.12)}.ui-side .ui-side-active{background:var(--brand-gold)}.ui-main{padding:21px}.ui-toolbar{display:flex;justify-content:space-between;align-items:flex-end}.ui-toolbar small{display:block;font-size:.58rem;color:var(--brand-muted)}.ui-toolbar strong{display:block;font-size:.9rem;color:var(--brand-navy);margin-top:3px}.ui-toolbar>b{font-size:.56rem;background:rgba(27,166,114,.1);color:#1ba672;padding:6px 8px;border-radius:20px}.ui-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px}.ui-metrics>div{padding:13px;background:#fff;border:1px solid rgba(5,0,91,.07);border-radius:13px}.ui-metrics small{display:block;color:var(--brand-muted);font-size:.56rem}.ui-metrics strong{display:block;color:var(--brand-navy);font-size:.94rem;margin:4px 0}.ui-metrics span{color:#1ba672;font-size:.55rem}.ui-chart{margin-top:12px;padding:13px;background:#fff;border:1px solid rgba(5,0,91,.07);border-radius:14px}.ui-chart-head{display:flex;justify-content:space-between;font-size:.6rem;color:var(--brand-muted)}.ui-chart-head b{color:var(--brand-navy)}.bars{height:165px;display:flex;align-items:flex-end;gap:8px;padding:17px 6px 5px}.bars i{display:block;flex:1;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,var(--brand-gold),#dfa11c);box-shadow:0 9px 17px rgba(245,180,42,.18);height:var(--bar-height,50%);transition:height 1.6s ease}.social-bars i{background:linear-gradient(180deg,var(--brand-navy),#171372)}.ui-chart-foot{display:flex;justify-content:space-between;font-size:.48rem;color:#9a9ba8}.ui-list{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.ui-list>div{display:grid;grid-template-columns:7px 1fr;column-gap:8px;padding:10px;background:#fff;border:1px solid rgba(5,0,91,.06);border-radius:11px}.ui-list>div span{width:7px;height:7px;background:var(--brand-gold);border-radius:50%;margin-top:4px;grid-row:span 2}.ui-list b{font-size:.6rem;color:var(--brand-navy)}.ui-list small{font-size:.52rem;color:var(--brand-muted)}.statement-section{padding:clamp(95px,11vw,150px) 0;background:#fff}.section-index{font:800 .68rem/1 var(--font-display);letter-spacing:.11em;text-transform:uppercase;color:var(--brand-gold);margin-bottom:24px}.statement-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.7fr);gap:80px;align-items:start}.statement-grid h2{font-size:clamp(2.8rem,5.3vw,6rem);line-height:.96;letter-spacing:-.055em;color:var(--brand-navy);max-width:780px}.statement-grid p{font-size:1.02rem;line-height:1.85;max-width:520px}.feature-rail{padding:clamp(90px,10vw,130px) 0;background:#f4f4f4}.section-head-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.55fr);gap:50px;align-items:end;margin-bottom:46px}.section-head-row h2{margin-top:16px;font-size:clamp(2.7rem,5vw,5.5rem);line-height:.96;letter-spacing:-.06em}.section-head-row>p{font-size:1rem;line-height:1.75;max-width:510px;justify-self:end}.rail-list,.service-rows,.solution-rows,.capability-rows,.product-rows,.product-link-rows,.process-list{border-top:1px solid var(--line)}.rail-item,.service-rows>a,.solution-rows>a,.capability-rows>a,.capability-rows>div,.product-rows>div,.product-link-rows>a,.process-list>div{display:grid;grid-template-columns:46px 32px minmax(0,1fr) 20px;gap:18px;align-items:center;padding:23px 0;border-bottom:1px solid var(--line);transition:.24s ease}.rail-item:hover,.service-rows>a:hover,.solution-rows>a:hover,.capability-rows>a:hover,.product-link-rows>a:hover{padding-left:14px;padding-right:14px;background:rgba(255,255,255,.65)}.rail-item>span,.service-rows>a>span,.solution-rows>a>span,.capability-rows span,.product-rows span,.product-link-rows>a span,.process-list span{font:800 .65rem/1 var(--font-display);color:var(--brand-gold)}.rail-item>i:first-of-type{width:32px;height:32px;display:grid;place-items:center;color:var(--brand-navy);background:#fff;border:1px solid var(--line);border-radius:10px;font-size:.75rem}.rail-item strong,.service-rows>a strong,.solution-rows>a strong,.capability-rows strong,.product-rows strong,.product-link-rows>a span{font:800 1rem/1.3 var(--font-display);color:var(--brand-navy)}.rail-item p,.service-rows>a em,.solution-rows>a em,.capability-rows em,.product-rows p,.product-link-rows>a em{margin:5px 0 0;color:var(--brand-muted);font-style:normal;font-size:.86rem;line-height:1.55}.rail-item>i:last-child,.service-rows>a>i,.solution-rows>a>i,.capability-rows>div>i,.capability-rows>a>i,.product-rows>div>i,.product-link-rows>a>i{justify-self:end;color:var(--brand-navy);font-size:.72rem}.product-showcase{padding:clamp(90px,11vw,150px) 0;background:#fff;overflow:hidden}.product-showcase.alt{background:#f4f4f4}.product-showcase-grid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(470px,1.22fr);gap:clamp(55px,8vw,110px);align-items:center}.product-showcase-grid.reverse{grid-template-columns:minmax(470px,1.22fr) minmax(0,.78fr)}.showcase-copy h2,.product-page-copy h2{font-size:clamp(2.9rem,5.2vw,5.7rem);line-height:.95;letter-spacing:-.06em;margin:18px 0 22px;color:var(--brand-navy)}.showcase-copy p,.product-page-copy p{font-size:1rem;line-height:1.84;max-width:620px}.showcase-visual{padding:15px}.status-line{display:inline-flex;align-items:center;gap:7px;margin-top:18px;font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--brand-navy)}.status-line i{width:8px;height:8px;border-radius:50%;background:#1ba672}.status-line.soon i{background:var(--brand-gold)}.text-arrow{display:inline-flex;align-items:center;gap:9px;margin-top:28px;color:var(--brand-navy);font:800 .78rem/1 var(--font-display)}.text-arrow i{color:var(--brand-gold);transition:.2s}.text-arrow:hover i{transform:translateX(4px)}.dark-journey{padding:clamp(92px,10vw,135px) 0;background:var(--brand-navy);color:#fff;overflow:hidden}.dark-journey h2{font-size:clamp(3.2rem,6.1vw,7rem);line-height:.9;letter-spacing:-.065em;color:#fff}.journey-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.55fr);gap:50px;align-items:end}.journey-intro p,.journey-copy{color:rgba(255,255,255,.65);max-width:520px;line-height:1.8}.journey-track{display:grid;grid-template-columns:1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr;align-items:center;gap:8px;margin-top:58px}.journey-track>div{min-height:76px;padding:15px;border:1px solid rgba(255,255,255,.12);border-radius:14px}.journey-track span{display:block;color:rgba(255,255,255,.4);font-size:.6rem;font-weight:800}.journey-track strong{display:block;margin-top:14px;font-size:.84rem}.journey-track>i{color:var(--brand-gold);text-align:center;font-size:.72rem}.journey-final{border-color:rgba(245,180,42,.45) !important;background:rgba(245,180,42,.06)}.journey-final strong{color:var(--brand-gold)}.compact-journey h2{max-width:900px;margin-bottom:18px}.journey-pills{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:35px}.journey-pills span{padding:12px 16px;border:1px solid rgba(255,255,255,.16);border-radius:999px;font-weight:800;font-size:.76rem}.journey-pills i{color:var(--brand-gold);font-size:.68rem}.capabilities-section{padding:clamp(92px,10vw,135px) 0;background:#fff}.capabilities-section .section-head-row{margin-bottom:30px}.capability-rows>div,.capability-rows>a{grid-template-columns:44px minmax(190px,.6fr) minmax(0,1fr) 20px}.insights-section{padding:clamp(90px,10vw,135px) 0;background:#f4f4f4}.insight-feature-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.insight-feature{display:flex;flex-direction:column;min-height:420px;padding:34px;background:var(--brand-navy);color:#fff;border-radius:24px}.insight-feature span,.insight-side span{font:800 .66rem/1 var(--font-display);letter-spacing:.09em;text-transform:uppercase}.insight-feature h3{font-size:clamp(2.1rem,3.5vw,4rem);line-height:.98;letter-spacing:-.05em;color:#fff;margin-top:25px;max-width:680px}.insight-feature p{color:rgba(255,255,255,.66);max-width:560px;line-height:1.75;margin:20px 0 auto}.insight-feature b{font-size:.74rem}.insight-feature b i{color:var(--brand-gold);margin-left:6px}.insight-side{display:grid;grid-template-columns:1fr;gap:1px;background:var(--line);border:1px solid var(--line)}.insight-side a{background:#fff;padding:22px 24px;display:flex;flex-direction:column;justify-content:center;min-height:0}.insight-side a:hover{background:#fafafb}.insight-side span{color:var(--brand-navy)}.insight-side strong{font-size:1.04rem;line-height:1.25;color:var(--brand-text);margin-top:10px}.insight-side i{color:var(--brand-gold);margin-top:15px}.final-banner{padding:clamp(100px,12vw,170px) 0;background:#fff}.final-banner .container{max-width:1000px;text-align:center}.final-banner h2{font-size:clamp(4rem,8vw,8.5rem);line-height:.88;letter-spacing:-.075em;color:var(--brand-navy);margin:16px auto 24px}.final-banner h2 em{font-style:normal;color:var(--brand-gold)}.final-banner p{max-width:600px;margin:0 auto 30px;line-height:1.8}.final-banner.compact{padding:105px 0}.final-banner.compact h2{font-size:clamp(3rem,6vw,6rem);max-width:900px}.final-banner.compact p{margin-bottom:28px}.page-hero{padding:clamp(100px,11vw,150px) 0 80px;background:#fff}.page-hero.dark-hero{background:var(--brand-navy);color:#fff}.page-hero h1{font-size:clamp(3.6rem,7vw,7.3rem);line-height:.9;letter-spacing:-.065em;color:var(--brand-navy);max-width:1000px;margin-top:15px}.dark-hero h1{color:#fff}.page-hero p{max-width:720px;font-size:1.05rem;line-height:1.8;margin-top:24px}.dark-hero p{color:rgba(255,255,255,.68)}.hero-wide{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(250px,.5fr);gap:75px;align-items:end}.hero-side-note{padding-left:20px;border-left:2px solid var(--brand-gold)}.hero-side-note span{display:block;color:var(--brand-muted);font-size:.64rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.hero-side-note strong{display:block;margin-top:9px;color:var(--brand-navy);font:800 1.45rem/1.05 var(--font-display)}.hero-side-note.light strong{color:#fff}.service-list-section,.solution-index,.work-library,.product-index-intro,.product-narrative,.product-dashboard-section,.product-product-section,.story-section,.system-section,.product-band,.insight-hub{padding:clamp(86px,10vw,130px) 0;background:#fff}.service-list-section.alt,.work-process.alt,.product-product-section.alt,.system-section.alt,.insight-hub{background:#f4f4f4}.service-list-section .section-head-row,.solution-index .section-head-row,.work-library .section-head-row,.product-index-intro .section-head-row,.product-narrative .section-head-row,.product-dashboard-section .section-head-row,.story-section .section-head-row{margin-bottom:40px}.service-rows>a{grid-template-columns:46px minmax(190px,.5fr) minmax(0,1fr) 20px}.service-rows>a em{font-size:.9rem}.two-column-story{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:100px}.two-column-story h2{font-size:clamp(2.7rem,4.8vw,5.2rem);line-height:.95;letter-spacing:-.055em;color:var(--brand-navy)}.two-column-story p{font-size:1.02rem;line-height:1.85;margin-bottom:19px}.numbered-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.numbered-panels article{padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:315px}.numbered-panels span{color:var(--brand-gold);font:800 .7rem/1 var(--font-display)}.numbered-panels i{display:block;color:var(--brand-navy);font-size:1.2rem;margin:55px 0 18px}.numbered-panels h3{font-size:1.3rem}.numbered-panels p{font-size:.9rem;line-height:1.7;margin-top:8px}.quote-band{padding:clamp(100px,11vw,145px) 0;background:var(--brand-dark);color:#fff}.quote-band blockquote{max-width:1100px;font:800 clamp(3rem,6.1vw,7rem)/.92 var(--font-display);letter-spacing:-.065em;color:#fff}.quote-band p{color:rgba(255,255,255,.62);max-width:620px;margin-top:25px;line-height:1.75}.product-link-rows>a{grid-template-columns:170px 1fr 20px}.process-band{padding:clamp(90px,10vw,125px) 0;background:var(--brand-navy);color:#fff}.process-band h2{color:#fff;font-size:clamp(3rem,5vw,5rem);letter-spacing:-.06em;max-width:820px}.process-track{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.12);margin-top:50px}.process-track>div{background:var(--brand-navy);padding:28px}.process-track span{color:var(--brand-gold);font:800 .68rem/1 var(--font-display)}.process-track strong{display:block;font-size:1.05rem;margin:32px 0 9px}.process-track p{color:rgba(255,255,255,.6);font-size:.86rem;line-height:1.65}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.work-grid article{min-height:350px;padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column}.work-grid article span{color:var(--brand-gold);font:800 .68rem/1 var(--font-display)}.work-grid article small{margin-top:auto;color:var(--brand-muted);text-transform:uppercase;font-size:.63rem;font-weight:800;letter-spacing:.09em}.work-grid h3{margin-top:8px;font-size:1.55rem}.work-grid p{font-size:.9rem;line-height:1.7;margin-top:10px;max-width:490px}.work-grid a{margin-top:22px;color:var(--brand-navy);font-size:.74rem;font-weight:800}.work-grid a i{color:var(--brand-gold);margin-left:5px}.work-process{padding:clamp(85px,10vw,125px) 0}.work-process-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:90px}.work-process h2{font-size:clamp(3rem,5vw,5.2rem);line-height:.96;letter-spacing:-.055em}.work-process p{line-height:1.8}.process-list>div{grid-template-columns:46px 150px 1fr}.process-list b{font-size:1rem;color:var(--brand-navy)}.process-list p{font-size:.82rem}.ecosystem-lines>div{display:grid;grid-template-columns:48px 200px 1fr;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.ecosystem-lines span{color:var(--brand-gold);font:800 .65rem/1 var(--font-display)}.ecosystem-lines strong{color:var(--brand-navy)}.ecosystem-lines em{font-style:normal;color:var(--brand-muted);font-size:.88rem}.product-page-grid,.product-hero-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(460px,1.18fr);gap:clamp(50px,8vw,100px);align-items:center}.product-page-grid.reverse{grid-template-columns:minmax(460px,1.18fr) minmax(0,.82fr)}.product-page-copy h2{max-width:700px}.product-page-copy p{max-width:620px}.product-hero-v4{padding:clamp(95px,11vw,150px) 0;background:#f4f4f4}.product-hero-v4.social-product{background:#fff}.product-hero-v4 h1{font-size:clamp(3.7rem,6.2vw,6.9rem);line-height:.91;letter-spacing:-.065em;color:var(--brand-navy);margin:14px 0 24px}.product-hero-v4 p{max-width:670px;font-size:1.06rem;line-height:1.82}.product-proof{display:flex;gap:24px;margin-top:34px;flex-wrap:wrap}.product-proof span{font-size:.68rem;font-weight:800;color:var(--brand-muted);text-transform:uppercase;letter-spacing:.07em}.product-proof b{color:var(--brand-gold);margin-right:6px}.product-hero-v4 .ui-shell{transform:rotate(1.2deg)}.product-narrative .section-head-row h2,.product-dashboard-section .section-head-row h2{font-size:clamp(2.6rem,4.9vw,5rem);max-width:900px}.product-rows>div{grid-template-columns:46px 230px 1fr}.product-rows p{font-size:.87rem}.large-ui{max-width:1050px;margin:0 auto}.large-ui .ui-shell{transform:rotate(0);box-shadow:0 45px 100px rgba(18,18,48,.14)}.ui-caption{text-align:center;margin-top:12px;color:var(--brand-muted);font-size:.62rem}.product-index-intro .section-head-row h2{font-size:clamp(2.8rem,5vw,5.3rem)}.topic-strip{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:28px}.topic-strip a{padding:8px 12px;border:1px solid var(--line);border-radius:999px;color:var(--brand-muted);font-size:.68rem;font-weight:800}.topic-strip a.active,.topic-strip a:hover{background:var(--brand-navy);border-color:var(--brand-navy);color:#fff}.featured-article{display:grid;grid-template-columns:1.15fr .85fr;min-height:420px;background:var(--brand-navy);color:#fff}.featured-article-copy{padding:42px;display:flex;flex-direction:column;align-items:flex-start}.featured-article-copy h2{font-size:clamp(2.6rem,4.6vw,5rem);line-height:.96;letter-spacing:-.055em;color:#fff;margin:20px 0}.featured-article-copy p{color:rgba(255,255,255,.67);max-width:630px;line-height:1.8;margin-bottom:auto}.featured-article-copy b{font-size:.75rem;margin-top:25px}.featured-article-copy b i{color:var(--brand-gold);margin-left:5px}.featured-article-visual{background:linear-gradient(145deg,#05005b,#121230);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.featured-article-visual:after{content:"";position:absolute;width:440px;height:440px;border-radius:50%;border:1px solid rgba(245,180,42,.22);box-shadow:0 0 0 35px rgba(245,180,42,.03),0 0 0 80px rgba(245,180,42,.02)}.featured-article-visual i{font-size:4rem;color:var(--brand-gold);position:relative;z-index:1}.featured-article-visual span{position:absolute;bottom:25px;left:25px;color:rgba(255,255,255,.4);font-size:.62rem;text-transform:uppercase;letter-spacing:.11em}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:34px}.article-card{padding:26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:260px;display:flex;flex-direction:column;background:#fff}.article-card span{color:var(--brand-navy);font:800 .64rem/1 var(--font-display);text-transform:uppercase;letter-spacing:.08em}.article-card h3{font-size:1.16rem;line-height:1.23;margin-top:18px;color:var(--brand-text)}.article-card p{font-size:.85rem;line-height:1.7;margin:12px 0 auto}.article-card>i{color:var(--brand-gold);margin-top:20px}.contact-hero{padding:clamp(95px,11vw,140px) 0;background:var(--brand-navy);color:#fff}.contact-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(420px,1.15fr);gap:80px;align-items:start}.contact-hero h1{font-size:clamp(3.8rem,6.5vw,6.9rem);line-height:.9;letter-spacing:-.065em;color:#fff;margin:15px 0 25px}.contact-hero>.container>div:first-child p{color:rgba(255,255,255,.68);font-size:1.03rem;line-height:1.8;max-width:610px}.contact-points{margin-top:45px;border-top:1px solid rgba(255,255,255,.13)}.contact-points div{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.13)}.contact-points span{display:block;color:rgba(255,255,255,.38);font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.contact-points strong{display:block;margin-top:5px;color:#fff;font-size:.9rem}.contact-form-shell{padding:28px;background:#fff;border-radius:20px;box-shadow:0 35px 90px rgba(0,0,0,.18)}.contact-form-shell label{color:var(--brand-navy)}.contact-form-shell .btn-primary{background:var(--brand-navy);color:#fff}.form-success h3{color:var(--brand-navy)}.site-footer{padding:75px 0 25px;background:var(--brand-dark);color:#fff}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding-bottom:55px;border-bottom:1px solid rgba(255,255,255,.11)}.footer-logo{display:flex;align-items:center;gap:7px;font:800 1.05rem/1 var(--font-display)}.footer-logo span{color:#fff}.footer-logo b{color:var(--brand-gold)}.footer-brand p{max-width:410px;color:rgba(255,255,255,.55);line-height:1.7;font-size:.86rem;margin:18px 0}.footer-arrow-link{color:#fff;font-size:.73rem;font-weight:800}.footer-arrow-link i{color:var(--brand-gold);margin-left:5px}.footer-col{display:flex;flex-direction:column;gap:10px}.footer-label{color:rgba(255,255,255,.36);font-size:.61rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;margin-bottom:4px}.footer-col a{color:rgba(255,255,255,.72);font-size:.76rem}.footer-col a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:22px;color:rgba(255,255,255,.38);font-size:.65rem}.footer-social{display:flex;gap:15px}.footer-social a{color:rgba(255,255,255,.5)}.footer-social a:hover{color:#fff}.sticky-cta-bar{display:none}main article,.article-body{max-width:840px;margin:0 auto}.blog-post-meta{display:flex;flex-wrap:wrap;gap:16px;color:var(--brand-muted);font-size:.72rem}.policy-content,.terms-content{max-width:850px;margin:0 auto}.policy-content h2,.terms-content h2{margin:32px 0 10px}.policy-content p,.terms-content p,.policy-content li,.terms-content li{line-height:1.8}.skip-link{z-index:2000}@media(max-width:1040px){.nav-talk,.nav-text-link{display:none}.hero-v4-grid,.product-showcase-grid,.product-showcase-grid.reverse,.product-page-grid,.product-page-grid.reverse,.contact-grid{grid-template-columns:1fr}.hero-v4-visual{max-width:760px;width:100%;margin:0 auto}.product-showcase-grid.reverse .showcase-copy{order:1}.product-showcase-grid.reverse .showcase-visual{order:2}.statement-grid,.two-column-story,.work-process-grid{grid-template-columns:1fr;gap:34px}.journey-track{grid-template-columns:repeat(3,1fr);row-gap:18px}.journey-track>i{display:none}.process-track{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:1.5fr 1fr 1fr}.contact-grid{gap:45px}.featured-article{grid-template-columns:1fr}.featured-article-visual{min-height:260px}.article-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.container{padding-left:18px;padding-right:18px}.section{padding:75px 0}.header-inner{height:70px !important}.hamburger{display:grid !important;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:10px;background:#fff}.hamburger span{background:var(--brand-navy) !important}.nav-overlay{background:rgba(5,0,91,.45) !important;backdrop-filter:blur(5px) !important}.mobile-nav-head{display:flex;align-items:center;justify-content:space-between;padding:17px 4px 16px;border-bottom:1px solid var(--line);color:var(--brand-navy);font:800 .85rem/1 var(--font-display)}#mainNav{background:#fff !important;border-left:1px solid var(--line) !important;box-shadow:-25px 0 65px rgba(18,18,48,.18) !important;padding:0 18px 28px !important;overflow-y:auto}.mobile-nav-close{position:static !important;width:34px;height:34px;border:1px solid var(--line) !important;border-radius:9px;background:#fff !important;display:grid !important;place-items:center}.mobile-nav-close span{width:14px;height:1.5px;background:var(--brand-navy) !important}.mobile-nav-close span:first-child{transform:rotate(45deg)}.mobile-nav-close span:last-child{transform:rotate(-45deg)}#mainNav>a,#mainNav .nav-group>a{display:flex !important;justify-content:space-between !important;padding:15px 5px !important;border-bottom:1px solid var(--line);border-radius:0 !important;font-size:.86rem !important}.mega-panel,.dropdown-panel.mega-panel{position:static !important;width:auto !important;transform:none !important;box-shadow:none !important;border:0 !important;padding:4px 0 8px !important;background:#f7f7fa !important;display:block;opacity:1;pointer-events:auto;border-radius:12px !important}.mega-head{display:none}.mega-grid{grid-template-columns:1fr;gap:1px}.mega-item{grid-template-columns:38px 1fr;padding:12px !important;background:#fff !important;border-bottom:1px solid var(--line) !important;border-radius:0 !important}.mega-icon{width:38px;height:38px;border-radius:9px}.mega-footer{padding:12px 4px 0;margin-top:5px}.mini-panel{width:auto !important}.nav-portal{margin-top:12px !important;justify-content:center !important;border-bottom:0 !important}.platform-hero{min-height:auto}.hero-v4-grid{padding:70px 0 80px;min-height:0;gap:45px}.hero-v4-copy h1{font-size:clamp(3.2rem,15vw,5.4rem)}.hero-v4-copy p{font-size:1rem}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .btn{width:100%;justify-content:center}.hero-proof{gap:12px}.hero-proof span{padding-right:12px;margin-right:0;font-size:.62rem}.ui-shell{transform:none !important;border-radius:17px}.ui-body{grid-template-columns:42px 1fr;min-height:340px}.ui-side{padding:17px 10px;gap:13px}.ui-main{padding:13px}.ui-metrics{grid-template-columns:1fr}.ui-chart{overflow:hidden}.bars{height:145px;gap:5px}.ui-list{grid-template-columns:1fr}.hero-float-chip{display:none}.statement-section{padding:78px 0}.statement-grid h2{font-size:clamp(2.7rem,13vw,4.5rem)}.section-head-row,.hero-wide{grid-template-columns:1fr;gap:20px;align-items:start}.section-head-row h2{font-size:clamp(2.6rem,12vw,4.2rem)}.section-head-row>p{justify-self:start}.rail-item,.service-rows>a,.solution-rows>a,.capability-rows>a,.capability-rows>div,.product-rows>div,.product-link-rows>a{grid-template-columns:35px 1fr 18px;gap:12px;padding:19px 0}.rail-item>i:first-of-type{width:30px;height:30px}.rail-item>div,.service-rows>a em,.solution-rows>a em,.capability-rows em,.product-rows p,.product-link-rows>a em{grid-column:2}.rail-item p{font-size:.8rem}.product-showcase{padding:78px 0}.showcase-copy h2,.product-page-copy h2{font-size:clamp(2.7rem,13vw,4.4rem)}.showcase-visual{padding:0}.dark-journey{padding:80px 0}.journey-intro h2{font-size:clamp(3rem,14vw,4.7rem)}.journey-track{grid-template-columns:1fr;gap:0;margin-top:34px}.journey-track>div{min-height:0;padding:16px 0;border-radius:0;border-width:0 0 1px}.journey-track>div.journey-final{padding:16px 10px}.capability-rows>div,.capability-rows>a{grid-template-columns:35px 1fr 18px}.insight-feature-grid{grid-template-columns:1fr}.insight-feature{min-height:360px;padding:27px}.insight-feature h3{font-size:2.3rem}.insight-side a{min-height:155px}.final-banner{padding:80px 0}.final-banner h2{font-size:clamp(3.6rem,16vw,5.8rem)}.page-hero{padding:85px 0 65px}.page-hero h1{font-size:clamp(3.3rem,15vw,5.3rem)}.hero-wide{gap:26px}.numbered-panels,.work-grid{grid-template-columns:1fr}.numbered-panels article{min-height:0}.process-track{grid-template-columns:1fr}.process-track>div{padding:22px}.product-hero-v4{padding:75px 0}.product-hero-v4 h1{font-size:clamp(3.4rem,15vw,5.6rem)}.product-proof{gap:14px}.product-page-grid,.product-page-grid.reverse{grid-template-columns:1fr}.product-page-grid.reverse>div:first-child{order:2}.product-page-grid.reverse>div:last-child{order:1}.product-narrative,.product-dashboard-section,.product-product-section,.product-index-intro{padding:78px 0}.product-rows>div{grid-template-columns:35px 1fr}.product-rows>div p{grid-column:2}.ecosystem-lines>div{grid-template-columns:35px 1fr}.ecosystem-lines em{grid-column:2}.featured-article-copy{padding:28px}.featured-article-copy h2{font-size:2.6rem}.article-grid{grid-template-columns:1fr}.article-card{min-height:220px}.contact-hero{padding:75px 0}.contact-hero h1{font-size:clamp(3.5rem,15vw,5.5rem)}.contact-form-shell{padding:20px}.footer-top{grid-template-columns:1fr 1fr;gap:28px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;align-items:flex-start}.footer-social{gap:12px}.sticky-cta-bar{display:grid;position:fixed;left:10px;right:10px;bottom:10px;z-index:1100;grid-template-columns:1fr 1.2fr 1.2fr;border:1px solid rgba(5,0,91,.12);border-radius:13px;overflow:hidden;background:#fff;box-shadow:0 14px 38px rgba(18,18,48,.18)}.sticky-cta-bar a{display:flex;justify-content:center;align-items:center;gap:7px;padding:12px 8px;font-size:.65rem;font-weight:800;color:var(--brand-navy);border-right:1px solid var(--line)}.sticky-cta-bar a:last-child{border-right:0;background:var(--brand-gold)}.whatsapp-float{display:none}}@media(max-width:420px){.hero-v4-copy h1{font-size:3.1rem}.product-hero-v4 h1{font-size:3.25rem}.ui-metrics>div{display:grid;grid-template-columns:1fr auto;column-gap:8px}.ui-metrics small{grid-column:1}.ui-metrics strong{grid-column:1;grid-row:2}.ui-metrics span{grid-column:2;grid-row:2;align-self:end}.footer-top{grid-template-columns:1fr}.footer-brand{grid-column:auto}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto !important;animation-duration:.01ms !important;transition-duration:.01ms !important}}
/* ---------- MOBILE SIDEBAR FIX (collapsible submenus, single close control, momentum scroll) ---------- */
@media(max-width:960px){
  #mainNav{-webkit-overflow-scrolling:touch}
  #mainNav .has-dropdown .dropdown-panel{display:none!important;opacity:0!important;pointer-events:none!important}
  #mainNav .has-dropdown.mobile-expanded .dropdown-panel{display:block!important;opacity:1!important;pointer-events:auto!important}
  #mainNav .has-dropdown>a i.fa-chevron-down{transition:transform .25s ease}
  #mainNav .has-dropdown.mobile-expanded>a i.fa-chevron-down{transform:rotate(180deg)}
}
@media(max-width:760px){
  .hamburger.open{visibility:hidden!important}
  body.nav-open .sticky-cta-bar{display:none!important}
  #mainNav{padding-bottom:max(34px,env(safe-area-inset-bottom) + 24px)!important}
}

/* =========================================================
   TTRAFIK PREMIUM V5 — ambient tech layer + interaction polish
   ========================================================= */
:root{
  --tech-blue:#3f5cff;
  --tech-cyan:#23d9ff;
  --tech-purple:#8b5cf6;
  --tech-glow:rgba(35,217,255,.18);
  --premium-ease:cubic-bezier(.16,1,.3,1);
}
body{
  position:relative;
  isolation:isolate;
}
body:before{
  content:"";
  position:fixed;
  inset:-25%;
  z-index:-3;
  pointer-events:none;
  background:
    radial-gradient(circle at 12% 18%,rgba(63,92,255,.055),transparent 24%),
    radial-gradient(circle at 86% 32%,rgba(35,217,255,.045),transparent 22%),
    radial-gradient(circle at 55% 92%,rgba(139,92,246,.045),transparent 24%);
  animation:ttrafikAmbient 18s ease-in-out infinite alternate;
}
body:after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  opacity:.18;
  background-image:
    linear-gradient(rgba(5,0,91,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(5,0,91,.035) 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:linear-gradient(to bottom,transparent,black 12%,black 78%,transparent);
}
@keyframes ttrafikAmbient{
  0%{transform:translate3d(-2%,0,0) scale(1)}
  100%{transform:translate3d(2%,1.5%,0) scale(1.06)}
}

/* Header: more "product studio" feel */
.site-header{
  transition:background .35s var(--premium-ease),box-shadow .35s var(--premium-ease),border-color .35s var(--premium-ease),transform .35s var(--premium-ease)!important;
}
.site-header:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(63,92,255,.3),rgba(245,180,42,.35),transparent);
  opacity:.55;
  pointer-events:none;
}
nav#mainNav>a:not(.nav-portal),nav#mainNav .nav-group>a{
  position:relative;
}
nav#mainNav>a:not(.nav-portal):before,nav#mainNav .nav-group>a:before{
  content:"";
  position:absolute;
  left:11px;right:11px;bottom:5px;height:1px;
  background:linear-gradient(90deg,var(--tech-blue),var(--brand-gold));
  transform:scaleX(0);transform-origin:center;
  transition:transform .3s var(--premium-ease);
}
nav#mainNav>a:hover:before,nav#mainNav .nav-group>a:hover:before,
nav#mainNav>a:focus-visible:before,nav#mainNav .nav-group>a:focus-visible:before{transform:scaleX(1)}

/* Premium hero: animated mesh + grid + light streak */
.platform-hero{
  background:
    radial-gradient(circle at 72% 25%,rgba(63,92,255,.28),transparent 28%),
    radial-gradient(circle at 94% 78%,rgba(35,217,255,.12),transparent 26%),
    linear-gradient(135deg,#030238 0%,#05005b 48%,#09066c 100%)!important;
}
.platform-hero:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.24;
  background:
    linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(to bottom,black 0%,transparent 88%);
  animation:heroGrid 24s linear infinite;
}
@keyframes heroGrid{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(44px,44px,0)}
}
.hero-v4-grid:before{
  content:"";
  position:absolute;
  width:520px;height:520px;
  right:26%;top:8%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(35,217,255,.12),transparent 68%);
  filter:blur(10px);
  animation:heroOrb 9s ease-in-out infinite alternate;
  pointer-events:none;
}
@keyframes heroOrb{
  from{transform:translate3d(-25px,-10px,0) scale(.92)}
  to{transform:translate3d(35px,30px,0) scale(1.08)}
}
.hero-v4-copy,.hero-v4-visual{position:relative;z-index:2}
.hero-v4-copy h1{
  text-wrap:balance;
  text-shadow:0 12px 50px rgba(0,0,0,.2);
}
.hero-v4-copy h1 em{
  background:linear-gradient(100deg,#f5b42a 0%,#ffd166 38%,#23d9ff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  background-size:180% auto;
  animation:goldShift 6s ease-in-out infinite alternate;
}
@keyframes goldShift{from{background-position:0%}to{background-position:100%}}
.hero-v4-copy p{max-width:640px}

/* Dashboard becomes a believable floating product surface */
.hero-v4-visual:before,.showcase-visual:before{
  content:"";
  position:absolute;
  inset:8% -4% -8%;
  border-radius:30px;
  background:radial-gradient(circle,rgba(35,217,255,.16),transparent 62%);
  filter:blur(26px);
  z-index:-1;
  pointer-events:none;
}
.ui-shell{
  transition:transform .55s var(--premium-ease),box-shadow .55s var(--premium-ease);
  will-change:transform;
  box-shadow:0 35px 100px rgba(0,0,0,.24),0 0 0 1px rgba(255,255,255,.05),0 0 70px rgba(35,217,255,.08);
}
.ui-shell:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(115deg,rgba(255,255,255,.12),transparent 25%,transparent 70%,rgba(35,217,255,.05));
  opacity:.55;
}
.hero-float-chip{
  border:1px solid rgba(5,0,91,.08);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

/* Cards / rows feel more interactive without becoming gimmicky */
.rail-item,.capability-rows>a,.article-card,.insight-side a,.numbered-panels article,.service-rows>a,.solution-rows>a{
  transition:transform .35s var(--premium-ease),background .35s var(--premium-ease),box-shadow .35s var(--premium-ease),border-color .35s var(--premium-ease);
}
.rail-item:hover,.capability-rows>a:hover,.article-card:hover,.insight-side a:hover,.numbered-panels article:hover,.service-rows>a:hover,.solution-rows>a:hover{
  transform:translateY(-4px);
}
.rail-item:hover{box-shadow:0 18px 45px rgba(5,0,91,.08)}
.capability-rows>a:hover{background:linear-gradient(90deg,rgba(63,92,255,.045),transparent)}
.article-card:hover{box-shadow:0 18px 45px rgba(5,0,91,.08)}

/* CTA polish */
.btn-primary{
  box-shadow:0 12px 30px rgba(5,0,91,.16);
}
.btn-primary:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 18px 40px rgba(5,0,91,.22)!important;
}
.btn-outline:hover{transform:translateY(-3px)}

/* Section dividers become subtle tech rails */
.statement-section,.feature-rail,.capabilities-section,.insights-section{
  position:relative;
}
.statement-section:before,.feature-rail:before,.capabilities-section:before,.insights-section:before{
  content:"";
  position:absolute;
  top:0;left:50%;width:min(1180px,calc(100% - 36px));height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(5,0,91,.1),transparent);
}

/* Scroll reveal upgrade */
.reveal-up{
  opacity:0;transform:translateY(24px);
  transition:opacity .8s var(--premium-ease),transform .8s var(--premium-ease);
}
.reveal-up.in-view{opacity:1;transform:none}

/* Floating contact control */
.whatsapp-float{
  transition:transform .3s var(--premium-ease),box-shadow .3s var(--premium-ease)!important;
}
.whatsapp-float:hover{
  transform:translateY(-5px) scale(1.05)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.22)!important;
}

/* Touch devices should never get hover-driven visual clutter */
@media (hover:none){
  .rail-item:hover,.capability-rows>a:hover,.article-card:hover,.insight-side a:hover,.numbered-panels article:hover,.service-rows>a:hover,.solution-rows>a:hover{transform:none}
}
@media(max-width:760px){
  body:after{background-size:38px 38px;opacity:.12}
  .platform-hero:after{background-size:32px 32px}
  .hero-v4-grid:before{width:360px;height:360px;right:-25%;top:12%}
  .hero-v4-copy h1{letter-spacing:-.055em}
  .ui-shell{box-shadow:0 25px 60px rgba(0,0,0,.2),0 0 35px rgba(35,217,255,.06)}
}
@media(prefers-reduced-motion:reduce){
  body:before,.platform-hero:after,.hero-v4-grid:before,.hero-v4-copy h1 em{animation:none!important}
}

/* ---------- MOBILE NAV REFINEMENT V6 ---------- */
@media (max-width:760px){
  /* Cleaner, premium menu trigger — no heavy hamburger box */
  .hamburger{
    display:flex !important;
    width:46px !important;
    height:46px !important;
    padding:0 !important;
    border:1px solid rgba(5,0,91,.14) !important;
    border-radius:50% !important;
    background:rgba(255,255,255,.92) !important;
    box-shadow:0 6px 20px rgba(5,0,91,.08) !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px !important;
    position:relative;
    transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
  }
  .hamburger:hover{transform:translateY(-1px);box-shadow:0 9px 24px rgba(5,0,91,.13) !important;border-color:rgba(5,0,91,.25) !important}
  .hamburger span{
    display:block !important;
    width:17px !important;
    height:1.8px !important;
    margin:0 !important;
    background:var(--brand-navy) !important;
    border-radius:999px !important;
    transition:transform .28s ease, opacity .2s ease, width .28s ease !important;
  }
  .hamburger span:nth-child(2){width:12px !important;align-self:flex-end;margin-right:14px !important}
  .hamburger.open{visibility:hidden !important;pointer-events:none !important}

  /* Sidenav close control: fixed neatly in the upper-right corner */
  #mainNav{position:fixed !important;top:0 !important;right:0 !important;height:100dvh !important;padding:0 18px 28px !important}
  .mobile-nav-head{
    position:relative !important;
    min-height:76px !important;
    padding:20px 48px 16px 4px !important;
    border-bottom:1px solid var(--line) !important;
    display:flex !important;
    align-items:center !important;
  }
  .mobile-nav-close{
    position:absolute !important;
    top:18px !important;
    right:0 !important;
    width:38px !important;
    height:38px !important;
    margin:0 !important;
    padding:0 !important;
    border:1px solid rgba(5,0,91,.13) !important;
    border-radius:50% !important;
    background:#fff !important;
    box-shadow:0 5px 18px rgba(5,0,91,.08) !important;
    display:grid !important;
    place-items:center !important;
    z-index:2;
  }
  .mobile-nav-close span{
    position:absolute !important;
    width:14px !important;
    height:1.6px !important;
    margin:0 !important;
    background:var(--brand-navy) !important;
    border-radius:999px !important;
  }
  .mobile-nav-close span:first-child{transform:rotate(45deg) !important}
  .mobile-nav-close span:last-child{transform:rotate(-45deg) !important}
  .mobile-nav-close:hover{border-color:rgba(5,0,91,.28) !important;transform:rotate(4deg)}
}

/* =========================================================
   TTRAFIK MOBILE EXPERIENCE V7 — depth, atmosphere, scroll choreography
   ========================================================= */
:root{
  --electric-blue:#2f6bff;
  --electric-cyan:#28d9ff;
  --electric-violet:#7a5cff;
  --blue-ink:#07105b;
  --glass-white:rgba(255,255,255,.76);
  --mobile-ease:cubic-bezier(.16,1,.3,1);
}

/* The page gets a subtle moving light field rather than a flat background. */
body{
  --scroll-shift:0px;
  --scroll-glow:.10;
}
body:before{
  background:
    radial-gradient(circle at calc(8% + var(--scroll-shift)) 10%,rgba(47,107,255,var(--scroll-glow)),transparent 25%),
    radial-gradient(circle at calc(92% - var(--scroll-shift)) 40%,rgba(40,217,255,calc(var(--scroll-glow) * .72)),transparent 23%),
    radial-gradient(circle at 52% 92%,rgba(122,92,255,.055),transparent 28%);
}

/* Scroll-progress hairline. */
.ttrafik-scroll-progress{
  position:fixed;
  top:0;left:0;
  width:100%;height:2px;
  z-index:3000;
  pointer-events:none;
  background:transparent;
}
.ttrafik-scroll-progress span{
  display:block;
  width:0%;height:100%;
  background:linear-gradient(90deg,var(--electric-blue),var(--electric-cyan),var(--brand-gold));
  box-shadow:0 0 16px rgba(47,107,255,.45);
}

/* A second, very soft physical light sheet behind touch surfaces. */
.ttrafik-mobile-light{
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.75;
  background:
    radial-gradient(circle at var(--light-x,65%) var(--light-y,18%),rgba(47,107,255,.075),transparent 19%),
    radial-gradient(circle at calc(var(--light-x,65%) - 22%) calc(var(--light-y,18%) + 55%),rgba(40,217,255,.035),transparent 22%);
  transition:background-position .3s ease;
}

/* High-end glass edge on cards/rows. */
.rail-item,.service-rows>a,.solution-rows>a,.capability-rows>a,.article-card,.insight-side a,.numbered-panels article,.product-rows>div,.product-link-rows>a{
  position:relative;
  isolation:isolate;
}
.rail-item::after,.service-rows>a::after,.solution-rows>a::after,.capability-rows>a::after,.article-card::after,.insight-side a::after,.numbered-panels article::after,.product-rows>div::after,.product-link-rows>a::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(135deg,rgba(47,107,255,.12),transparent 38%,rgba(40,217,255,.035));
  transition:opacity .45s var(--mobile-ease);
  z-index:-1;
}
.rail-item:active::after,.service-rows>a:active::after,.solution-rows>a:active::after,.capability-rows>a:active::after,.article-card:active::after,.insight-side a:active::after,.numbered-panels article:active::after,.product-rows>div:active::after,.product-link-rows>a:active::after,
.touch-pressed::after{opacity:1}

/* Product surfaces: extra screen glass, blue rim light and floating status tab. */
.ui-shell{
  position:relative;
  isolation:isolate;
  border:1px solid rgba(255,255,255,.07);
}
.ui-shell::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(47,107,255,.28),transparent 55%,rgba(40,217,255,.12));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
  z-index:5;
}
.ui-shell::after{
  mix-blend-mode:screen;
}

/* Dark sections gain the same atmospheric language as the hero. */
.dark-journey,.page-hero.dark-hero,.contact-hero{
  background:
    radial-gradient(circle at 86% 16%,rgba(47,107,255,.24),transparent 24%),
    radial-gradient(circle at 16% 78%,rgba(40,217,255,.10),transparent 25%),
    linear-gradient(135deg,#030238,#05005b 55%,#080963)!important;
}
.dark-journey::before,.contact-hero::before,.page-hero.dark-hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.18;
  background:
    linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 92%);
}

/* Mobile-first scroll reveals: more dimensional than a simple fade. */
.mobile-reveal{
  opacity:0;
  transform:translate3d(0,30px,0) scale(.985);
  filter:blur(7px);
  transition:
    opacity .82s var(--mobile-ease),
    transform .82s var(--mobile-ease),
    filter .82s var(--mobile-ease);
}
.mobile-reveal.mobile-visible{
  opacity:1;
  transform:none;
  filter:none;
}
.mobile-reveal[data-stagger="1"]{transition-delay:.05s}
.mobile-reveal[data-stagger="2"]{transition-delay:.10s}
.mobile-reveal[data-stagger="3"]{transition-delay:.15s}
.mobile-reveal[data-stagger="4"]{transition-delay:.20s}

/* =========================================================
   MOBILE-SPECIFIC COMPOSITION
   ========================================================= */
@media (max-width:760px){
  html{scroll-padding-top:74px}
  body{background:linear-gradient(180deg,#f9fbff 0%,#f4f5fb 26%,#f5f6fa 100%)}
  .container{padding-left:18px;padding-right:18px}
  .section{padding:78px 0}

  header.site-header{
    background:rgba(250,252,255,.80)!important;
    border-bottom-color:rgba(47,107,255,.10)!important;
    box-shadow:0 8px 28px rgba(5,0,91,.06)!important;
  }
  header.site-header.scrolled{
    background:rgba(255,255,255,.92)!important;
    box-shadow:0 12px 30px rgba(5,0,91,.08)!important;
  }
  .header-inner{height:72px!important}
  .logo{gap:8px;font-size:1.05rem}
  .logo img{width:29px;height:29px}

  /* The blue atmosphere is stronger on the phone where the visual field is otherwise narrow. */
  .platform-hero{
    min-height:calc(100svh - 72px)!important;
    display:flex;
    align-items:center;
    overflow:hidden;
    background:
      radial-gradient(circle at 78% 24%,rgba(47,107,255,.36),transparent 33%),
      radial-gradient(circle at 8% 72%,rgba(40,217,255,.12),transparent 29%),
      linear-gradient(145deg,#02032f 0%,#05005b 50%,#0b126d 100%)!important;
  }
  .platform-hero::after{opacity:.18;background-size:30px 30px}
  .hero-v4-grid{padding:58px 0 70px;gap:38px}
  .hero-v4-copy .kicker{letter-spacing:.15em}
  .hero-v4-copy h1{
    font-size:clamp(3.35rem,15.5vw,5.6rem)!important;
    line-height:.88;
    letter-spacing:-.062em;
    text-wrap:balance;
    max-width:11ch;
  }
  .hero-v4-copy p{
    font-size:.98rem;
    line-height:1.72;
    color:rgba(255,255,255,.72);
    max-width:34rem;
  }
  .hero-actions{gap:10px}
  .hero-actions .btn{min-height:52px;border-radius:13px}
  .hero-proof{
    margin-top:24px;
    display:flex;
    flex-wrap:wrap;
    gap:9px;
  }
  .hero-proof span{
    padding:8px 11px!important;
    margin:0!important;
    border:1px solid rgba(255,255,255,.12);
    background:rgba(255,255,255,.055);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    border-radius:999px;
    color:rgba(255,255,255,.78);
  }

  /* Physical dashboard stack: the card appears to sit above the page. */
  .hero-v4-visual,.showcase-visual{padding:12px 5px 16px!important}
  .hero-v4-visual::before,.showcase-visual::before{
    inset:4% -8% -10%;
    background:
      radial-gradient(circle at 50% 45%,rgba(47,107,255,.29),transparent 53%),
      radial-gradient(circle at 70% 80%,rgba(40,217,255,.14),transparent 30%);
    filter:blur(24px);
  }
  .hero-v4-visual::after,.showcase-visual::after{
    content:"LIVE • PERFORMANCE VIEW";
    position:absolute;
    top:-2px;
    right:6px;
    z-index:4;
    padding:8px 11px;
    border-radius:999px;
    font:800 .52rem/1 var(--font-display);
    letter-spacing:.10em;
    color:#eaf2ff;
    background:linear-gradient(135deg,rgba(27,44,143,.92),rgba(12,119,255,.78));
    border:1px solid rgba(255,255,255,.16);
    box-shadow:0 12px 28px rgba(3,15,85,.30),0 0 25px rgba(40,217,255,.15);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
  }
  .showcase-visual::after{content:"PRODUCT SYSTEM • LIVE UI"}
  .ui-shell{
    border-radius:20px!important;
    transform:none!important;
    box-shadow:
      0 28px 65px rgba(0,0,0,.24),
      0 10px 25px rgba(5,0,91,.12),
      0 0 55px rgba(47,107,255,.11)!important;
  }
  .ui-shell::before{opacity:.75}
  .ui-top{min-height:46px!important}
  .ui-body{min-height:316px!important;grid-template-columns:38px 1fr!important}
  .ui-side{padding:14px 8px!important;gap:12px!important}
  .ui-main{padding:11px!important}
  .ui-toolbar strong{font-size:.82rem!important}
  .ui-toolbar b{font-size:.55rem!important}
  .ui-metrics>div{
    background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(47,107,255,.035))!important;
    border-color:rgba(5,0,91,.06)!important;
    border-radius:12px!important;
  }
  .ui-chart{
    border-radius:13px!important;
    background:
      linear-gradient(rgba(47,107,255,.07) 1px,transparent 1px),
      linear-gradient(90deg,rgba(47,107,255,.07) 1px,transparent 1px),
      #fff!important;
    background-size:24px 24px!important;
  }

  /* Type rhythm / section transitions. */
  .statement-section,.capabilities-section,.insights-section,.feature-rail,.product-showcase,.final-banner{
    position:relative;
    overflow:hidden;
  }
  .statement-section::after,.capabilities-section::after,.insights-section::after,.feature-rail::after,.product-showcase::after,.final-banner::after{
    content:"";
    position:absolute;
    width:280px;height:280px;
    border-radius:50%;
    pointer-events:none;
    filter:blur(42px);
    opacity:.25;
    background:radial-gradient(circle,rgba(47,107,255,.22),transparent 68%);
  }
  .statement-section::after,.feature-rail::after{right:-150px;top:12%}
  .capabilities-section::after,.product-showcase::after{left:-160px;bottom:4%}
  .insights-section::after,.final-banner::after{right:-150px;bottom:-60px}

  .section-head-row{margin-bottom:32px!important}
  .section-head-row h2,.statement-grid h2,.showcase-copy h2,.product-page-copy h2{
    font-size:clamp(2.7rem,12.7vw,4.6rem)!important;
    line-height:.92!important;
    letter-spacing:-.062em!important;
  }
  .section-index{margin-bottom:19px}

  /* Rows become tactile cards instead of bare lines. */
  .rail-list,.service-rows,.solution-rows,.capability-rows,.product-rows,.product-link-rows,.process-list{
    border-top:0!important;
    display:grid;
    gap:10px;
  }
  .rail-item,.service-rows>a,.solution-rows>a,.capability-rows>a,.capability-rows>div,.product-rows>div,.product-link-rows>a,.process-list>div{
    grid-template-columns:28px 1fr 18px!important;
    gap:10px!important;
    min-height:92px;
    padding:18px 15px!important;
    border:1px solid rgba(5,0,91,.08)!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.72)!important;
    box-shadow:0 10px 28px rgba(5,0,91,.045)!important;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    overflow:hidden;
  }
  .rail-item::before,.service-rows>a::before,.solution-rows>a::before,.capability-rows>a::before,.product-rows>div::before,.product-link-rows>a::before,.process-list>div::before{
    content:"";
    position:absolute;
    left:0;top:12px;bottom:12px;
    width:3px;
    border-radius:0 5px 5px 0;
    background:linear-gradient(180deg,var(--electric-blue),var(--electric-cyan));
    opacity:.25;
    transition:opacity .35s ease,box-shadow .35s ease;
  }
  .rail-item:active::before,.service-rows>a:active::before,.solution-rows>a:active::before,.capability-rows>a:active::before,.touch-pressed::before{opacity:1;box-shadow:0 0 18px rgba(47,107,255,.35)}
  .rail-item>i:first-of-type{width:28px;height:28px;border-radius:9px;background:linear-gradient(145deg,#fff,#eef3ff);border-color:rgba(47,107,255,.10)}
  .rail-item>div,.service-rows>a em,.solution-rows>a em,.capability-rows em,.product-rows p,.product-link-rows>a em{grid-column:2!important}
  .rail-item p{font-size:.79rem!important;line-height:1.55!important}
  .rail-item>i:last-child,.service-rows>a>i,.solution-rows>a>i,.capability-rows>div>i,.capability-rows>a>i,.product-rows>div>i,.product-link-rows>a>i{font-size:.7rem!important}

  /* Journey: make the process feel like a connected product flow. */
  .dark-journey{padding:82px 0!important}
  .journey-intro h2{font-size:clamp(3.1rem,14vw,4.8rem)!important}
  .journey-track{gap:8px!important;margin-top:30px!important}
  .journey-track>div{
    position:relative;
    min-height:62px!important;
    padding:15px 15px 14px!important;
    border:1px solid rgba(255,255,255,.11)!important;
    border-radius:15px!important;
    background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(47,107,255,.06))!important;
    overflow:hidden;
  }
  .journey-track>div::after{
    content:"";
    position:absolute;inset:auto -12% -55% 30%;height:90px;
    background:radial-gradient(circle,rgba(40,217,255,.14),transparent 66%);
    pointer-events:none;
  }
  .journey-track>i{transform:rotate(90deg);font-size:.62rem}
  .journey-final{background:linear-gradient(135deg,rgba(47,107,255,.16),rgba(40,217,255,.07))!important;border-color:rgba(47,107,255,.38)!important}

  /* Insight cards: stronger blue energy with a physical inset edge. */
  .insight-feature{min-height:400px!important;padding:26px!important;border-radius:22px!important;background:
    radial-gradient(circle at 86% 16%,rgba(40,217,255,.18),transparent 28%),
    linear-gradient(145deg,#05005b 0%,#101a8f 100%)!important;
    box-shadow:0 24px 60px rgba(5,0,91,.18)!important;
  }
  .insight-feature::after{
    content:"";position:absolute;inset:1px;border-radius:inherit;border:1px solid rgba(255,255,255,.10);pointer-events:none;
  }
  .insight-feature h3{font-size:clamp(2.25rem,10vw,3.3rem)!important}
  .insight-side{gap:10px!important;background:transparent!important;border:0!important}
  .insight-side a{min-height:145px!important;border:1px solid rgba(5,0,91,.08);border-radius:16px;background:rgba(255,255,255,.82);box-shadow:0 10px 26px rgba(5,0,91,.045)}

  /* CTA: one large blue atmospheric panel at the end. */
  .final-banner{
    background:
      radial-gradient(circle at 50% 0%,rgba(47,107,255,.10),transparent 34%),
      linear-gradient(180deg,#fff,#f3f6ff)!important;
  }
  .final-banner .container{position:relative}
  .final-banner .container::before{
    content:"";
    position:absolute;left:50%;top:9%;transform:translateX(-50%);
    width:240px;height:240px;border-radius:50%;
    background:radial-gradient(circle,rgba(40,217,255,.12),transparent 67%);
    filter:blur(20px);pointer-events:none;
  }
  .final-banner h2{font-size:clamp(3.6rem,16vw,5.9rem)!important;position:relative}

  /* Sticky CTA becomes an actual floating glass dock. */
  .sticky-cta-bar{
    left:10px!important;right:10px!important;bottom:10px!important;
    border:1px solid rgba(47,107,255,.18)!important;
    border-radius:18px!important;
    background:rgba(9,14,60,.86)!important;
    box-shadow:0 18px 55px rgba(0,0,0,.24),0 0 30px rgba(47,107,255,.10)!important;
    backdrop-filter:blur(18px) saturate(1.35)!important;
    -webkit-backdrop-filter:blur(18px) saturate(1.35)!important;
    overflow:hidden!important;
  }
  .sticky-cta-bar a{
    min-height:52px!important;
    color:rgba(255,255,255,.82)!important;
    border-right-color:rgba(255,255,255,.08)!important;
    font-size:.63rem!important;
  }
  .sticky-cta-bar a:last-child{
    background:linear-gradient(135deg,var(--electric-blue),#5c78ff)!important;
    color:#fff!important;
  }

  /* Navigation is now a glassy blue-tinged sheet, not a plain white drawer. */
  #mainNav{
    width:min(390px,92vw)!important;
    background:
      radial-gradient(circle at 90% 8%,rgba(47,107,255,.10),transparent 25%),
      linear-gradient(180deg,#fafdff 0%,#f6f8ff 100%)!important;
    border-left:1px solid rgba(47,107,255,.10)!important;
    box-shadow:-28px 0 70px rgba(5,0,91,.18)!important;
  }
  #mainNav::after{
    content:"";
    position:absolute;right:0;top:78px;bottom:0;width:1px;
    background:linear-gradient(180deg,rgba(47,107,255,.45),transparent 45%,rgba(40,217,255,.35));
    pointer-events:none;
  }
  .mobile-nav-head{
    min-height:78px!important;
    border-bottom-color:rgba(47,107,255,.10)!important;
  }
  .mobile-nav-close{
    border-color:rgba(47,107,255,.14)!important;
    background:rgba(255,255,255,.88)!important;
    box-shadow:0 8px 24px rgba(47,107,255,.08)!important;
  }
  #mainNav>a,#mainNav .nav-group>a{
    min-height:54px!important;
    align-items:center!important;
    border-bottom-color:rgba(5,0,91,.08)!important;
  }
  #mainNav>a:active,#mainNav .nav-group>a:active{background:rgba(47,107,255,.055)!important}
  #mainNav .mobile-expanded>a{color:var(--electric-blue)!important}
  #mainNav .mega-panel{border:1px solid rgba(47,107,255,.08)!important;background:rgba(240,245,255,.84)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.65)!important}
  #mainNav .mega-item{background:rgba(255,255,255,.72)!important;border-bottom-color:rgba(47,107,255,.07)!important}

  /* Phones under 430px: reduce density without losing the effect system. */
}

@media (max-width:430px){
  .hero-v4-grid{padding-top:48px!important;padding-bottom:62px!important}
  .hero-v4-copy h1{font-size:3.08rem!important}
  .hero-v4-copy p{font-size:.94rem!important}
  .hero-proof span{font-size:.58rem!important}
  .ui-body{min-height:296px!important}
  .ui-metrics>div{padding:9px!important}
  .ui-chart{min-height:168px!important}
  .sticky-cta-bar a{font-size:.59rem!important;gap:5px!important}
  .rail-item,.service-rows>a,.solution-rows>a,.capability-rows>a,.capability-rows>div,.product-rows>div,.product-link-rows>a,.process-list>div{min-height:88px}
}

@media(prefers-reduced-motion:reduce){
  .mobile-reveal{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
  .ttrafik-mobile-light{display:none}
}


/* =========================================================
   SALEZ + SOCIALZ PRODUCT-PAGE RESPONSIVE PASS
   Mobile-first refinements: no horizontal squeeze, cleaner
   dashboard density, stronger touch surfaces, and safer CTA
   spacing across phone / tablet breakpoints.
   ========================================================= */
.product-salez-page,.product-socialz-page{--product-blue:#2f6bff;--product-cyan:#28d9ff;--product-deep:#05005b}
.product-salez-page .product-hero-v4,
.product-socialz-page .product-hero-v4{
  position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 84% 8%,rgba(47,107,255,.18),transparent 28%),
    radial-gradient(circle at 14% 74%,rgba(40,217,255,.08),transparent 26%),
    linear-gradient(180deg,#fbfcff 0%,#f2f5ff 100%);
}
.product-salez-page .product-hero-v4::before,
.product-socialz-page .product-hero-v4::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;
  background:linear-gradient(120deg,transparent 22%,rgba(47,107,255,.04) 48%,transparent 70%);
  background-size:220% 100%;animation:productSheen 11s ease-in-out infinite;
}
@keyframes productSheen{0%,100%{background-position:140% 0}50%{background-position:-40% 0}}
.product-salez-page .product-hero-v4> .container,
.product-socialz-page .product-hero-v4> .container{position:relative;z-index:1}
.product-salez-page .product-hero-v4 h1,
.product-socialz-page .product-hero-v4 h1{max-width:12ch}
.product-salez-page .product-proof,
.product-socialz-page .product-proof{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:28px}
.product-salez-page .product-proof span,
.product-socialz-page .product-proof span{
  min-width:0;display:flex;align-items:center;gap:9px;padding:10px 12px;
  border-right:1px solid rgba(5,0,91,.08);font-size:.68rem;letter-spacing:.02em;
}
.product-salez-page .product-proof span:last-child,
.product-socialz-page .product-proof span:last-child{border-right:0}
.product-salez-page .product-proof b,
.product-socialz-page .product-proof b{font-size:.56rem;color:var(--product-blue);letter-spacing:.08em}
.product-salez-page .large-ui,
.product-socialz-page .large-ui{width:100%;overflow:visible}
.product-salez-page .product-narrative,
.product-socialz-page .product-narrative,
.product-salez-page .product-dashboard-section,
.product-socialz-page .product-dashboard-section,
.product-salez-page .capabilities-section,
.product-socialz-page .capabilities-section{position:relative;overflow:hidden}
.product-salez-page .product-narrative::before,
.product-socialz-page .product-narrative::before,
.product-salez-page .product-dashboard-section::before,
.product-socialz-page .product-dashboard-section::before,
.product-salez-page .capabilities-section::before,
.product-socialz-page .capabilities-section::before{
  content:"";position:absolute;inset:auto -120px 18% auto;width:280px;height:280px;border-radius:50%;
  background:radial-gradient(circle,rgba(47,107,255,.09),transparent 68%);filter:blur(25px);pointer-events:none
}
.product-salez-page .product-rows>div,
.product-socialz-page .product-rows>div,
.product-salez-page .capability-rows>div,
.product-socialz-page .capability-rows>div{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease,background .28s ease}
.product-salez-page .product-rows>div:focus-within,
.product-socialz-page .product-rows>div:focus-within,
.product-salez-page .capability-rows>div:focus-within,
.product-socialz-page .capability-rows>div:focus-within{border-color:rgba(47,107,255,.28)!important}
.product-salez-page .dark-journey,.product-socialz-page .dark-journey{position:relative;overflow:hidden}
.product-salez-page .dark-journey::after,.product-socialz-page .dark-journey::after{
  content:"";position:absolute;right:-120px;top:12%;width:300px;height:300px;border-radius:50%;
  background:radial-gradient(circle,rgba(47,107,255,.16),transparent 68%);filter:blur(20px);pointer-events:none
}
.product-salez-page .journey-pills,.product-socialz-page .journey-pills{position:relative;z-index:1}

@media (max-width:1040px){
  .product-salez-page .product-hero-grid,
  .product-socialz-page .product-hero-grid{grid-template-columns:1fr;gap:44px}
  .product-salez-page .product-hero-grid>div:first-child,
  .product-socialz-page .product-hero-grid>div:first-child{max-width:780px}
  .product-salez-page .product-hero-grid>div:last-child,
  .product-socialz-page .product-hero-grid>div:last-child{max-width:860px;width:100%;margin:0 auto}
  .product-salez-page .product-dashboard-section .section-head-row,
  .product-socialz-page .product-dashboard-section .section-head-row{max-width:860px}
}

@media (max-width:760px){
  .product-salez-page,.product-socialz-page{padding-bottom:86px}
  .product-salez-page .product-hero-v4,
  .product-socialz-page .product-hero-v4{
    padding:48px 0 68px!important;
    background:
      radial-gradient(circle at 85% 12%,rgba(47,107,255,.18),transparent 34%),
      radial-gradient(circle at 6% 65%,rgba(40,217,255,.09),transparent 28%),
      linear-gradient(180deg,#fbfcff 0%,#f0f4ff 100%);
  }
  .product-salez-page .product-hero-grid,
  .product-socialz-page .product-hero-grid{gap:34px!important}
  .product-salez-page .product-hero-v4 h1,
  .product-socialz-page .product-hero-v4 h1{
    max-width:10.5ch!important;font-size:clamp(3rem,14.2vw,4.6rem)!important;
    line-height:.9!important;letter-spacing:-.065em!important;text-wrap:balance
  }
  .product-salez-page .product-hero-v4 p,
  .product-socialz-page .product-hero-v4 p{font-size:.95rem!important;line-height:1.7!important;max-width:38rem}
  .product-salez-page .hero-actions,
  .product-socialz-page .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .product-salez-page .hero-actions .btn,
  .product-socialz-page .hero-actions .btn{width:100%!important;min-height:54px;justify-content:center}

  /* Proof rail becomes a 2 x 2 touch panel rather than a cramped inline row. */
  .product-salez-page .product-proof,
  .product-socialz-page .product-proof{
    grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:22px!important
  }
  .product-salez-page .product-proof span,
  .product-socialz-page .product-proof span{
    min-height:46px;padding:9px 11px!important;border:1px solid rgba(5,0,91,.08)!important;
    border-radius:12px;background:rgba(255,255,255,.66);box-shadow:0 8px 22px rgba(5,0,91,.035)
  }

  /* Dashboard: eliminate tiny desktop artifacts and preserve readable hierarchy. */
  .product-salez-page .ui-shell,
  .product-socialz-page .ui-shell{width:100%!important;max-width:100%!important;border-radius:19px!important}
  .product-salez-page .ui-body,
  .product-socialz-page .ui-body{grid-template-columns:34px minmax(0,1fr)!important;min-height:0!important}
  .product-salez-page .ui-side,
  .product-socialz-page .ui-side{padding:13px 7px!important;gap:11px!important}
  .product-salez-page .ui-side span,
  .product-socialz-page .ui-side span{width:16px!important;height:16px!important}
  .product-salez-page .ui-main,
  .product-socialz-page .ui-main{padding:10px!important;min-width:0!important;overflow:hidden}
  .product-salez-page .ui-toolbar,
  .product-socialz-page .ui-toolbar{gap:8px!important;align-items:flex-start!important}
  .product-salez-page .ui-toolbar>div,
  .product-socialz-page .ui-toolbar>div{min-width:0}
  .product-salez-page .ui-toolbar strong,
  .product-socialz-page .ui-toolbar strong{display:block;max-width:22ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.78rem!important}
  .product-salez-page .ui-toolbar b,
  .product-socialz-page .ui-toolbar b{flex:0 0 auto;padding:6px 7px;border-radius:999px;background:rgba(47,107,255,.08);color:var(--product-blue);white-space:nowrap}
  .product-salez-page .ui-metrics,
  .product-socialz-page .ui-metrics{grid-template-columns:1fr 1fr!important;gap:7px!important}
  .product-salez-page .ui-metrics>div,
  .product-socialz-page .ui-metrics>div{min-width:0;padding:9px!important;border-radius:11px!important}
  .product-salez-page .ui-metrics>div:last-child,
  .product-socialz-page .ui-metrics>div:last-child{grid-column:1/-1;display:grid!important;grid-template-columns:1fr auto;align-items:center;column-gap:8px}
  .product-salez-page .ui-metrics>div:last-child small,
  .product-socialz-page .ui-metrics>div:last-child small{grid-column:1;grid-row:1}
  .product-salez-page .ui-metrics>div:last-child strong,
  .product-socialz-page .ui-metrics>div:last-child strong{grid-column:1;grid-row:2}
  .product-salez-page .ui-metrics>div:last-child span,
  .product-socialz-page .ui-metrics>div:last-child span{grid-column:2;grid-row:1/3;align-self:center;text-align:right}
  .product-salez-page .ui-chart,
  .product-socialz-page .ui-chart{min-height:170px!important;padding:10px!important;margin-top:8px!important;border-radius:13px!important}
  .product-salez-page .bars,
  .product-socialz-page .bars{height:112px!important;gap:4px!important}
  .product-salez-page .ui-chart-foot,
  .product-socialz-page .ui-chart-foot{font-size:.45rem!important;gap:4px!important}
  .product-salez-page .ui-chart-foot span:nth-child(even),
  .product-socialz-page .ui-chart-foot span:nth-child(even){opacity:.55}
  .product-salez-page .ui-list,
  .product-socialz-page .ui-list{grid-template-columns:1fr!important;gap:6px!important;margin-top:7px!important}
  .product-salez-page .ui-list>div,
  .product-socialz-page .ui-list>div{min-width:0;padding:8px 9px!important;display:grid;grid-template-columns:8px 1fr;column-gap:7px;align-items:center}
  .product-salez-page .ui-list>div small,
  .product-socialz-page .ui-list>div small{grid-column:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .product-salez-page .ui-list>div span,
  .product-socialz-page .ui-list>div span{grid-row:1/3}

  .product-salez-page .product-narrative,
  .product-socialz-page .product-narrative,
  .product-salez-page .product-dashboard-section,
  .product-socialz-page .product-dashboard-section,
  .product-salez-page .capabilities-section,
  .product-socialz-page .capabilities-section{padding:70px 0!important}
  .product-salez-page .section-head-row,
  .product-socialz-page .section-head-row{margin-bottom:28px!important}
  .product-salez-page .section-head-row h2,
  .product-socialz-page .section-head-row h2{font-size:clamp(2.6rem,11.7vw,4rem)!important;line-height:.94!important}
  .product-salez-page .section-head-row>p,
  .product-socialz-page .section-head-row>p{font-size:.9rem!important;line-height:1.7!important}

  /* Rows are full surfaces on touch, with enough breathing room for long copy. */
  .product-salez-page .product-rows,
  .product-socialz-page .product-rows,
  .product-salez-page .capability-rows,
  .product-socialz-page .capability-rows{gap:10px!important}
  .product-salez-page .product-rows>div,
  .product-socialz-page .product-rows>div,
  .product-salez-page .capability-rows>div,
  .product-socialz-page .capability-rows>div{
    grid-template-columns:28px minmax(0,1fr)!important;
    min-height:0!important;padding:17px 14px!important;border-radius:16px!important;
    background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(244,247,255,.74))!important;
    box-shadow:0 10px 28px rgba(5,0,91,.05)!important
  }
  .product-salez-page .product-rows>div span,
  .product-socialz-page .product-rows>div span,
  .product-salez-page .capability-rows>div span,
  .product-socialz-page .capability-rows>div span{font-size:.62rem!important}
  .product-salez-page .product-rows strong,
  .product-socialz-page .product-rows strong,
  .product-salez-page .capability-rows strong,
  .product-socialz-page .capability-rows strong{font-size:.92rem!important;line-height:1.25!important}
  .product-salez-page .product-rows p,
  .product-socialz-page .product-rows p,
  .product-salez-page .capability-rows em,
  .product-socialz-page .capability-rows em{font-size:.75rem!important;line-height:1.55!important;margin-top:4px;display:block}

  /* The process chain scrolls instead of wrapping into awkward tiny pills. */
  .product-salez-page .journey-pills,
  .product-socialz-page .journey-pills{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;padding:4px 2px 9px!important;scrollbar-width:none!important}
  .product-salez-page .journey-pills::-webkit-scrollbar,
  .product-socialz-page .journey-pills::-webkit-scrollbar{display:none}
  .product-salez-page .journey-pills span,
  .product-socialz-page .journey-pills span{flex:0 0 auto;scroll-snap-align:start}
  .product-salez-page .journey-pills i,
  .product-socialz-page .journey-pills i{flex:0 0 auto}
  .product-salez-page .final-banner.compact,
  .product-socialz-page .final-banner.compact{padding:70px 0 92px!important}
  .product-salez-page .final-banner h2,
  .product-socialz-page .final-banner h2{font-size:clamp(3rem,13.5vw,4.3rem)!important;line-height:.92!important}
}

@media (max-width:520px){
  .product-salez-page .product-hero-v4 h1,
  .product-socialz-page .product-hero-v4 h1{font-size:clamp(2.75rem,13.8vw,3.8rem)!important}
  .product-salez-page .ui-top,
  .product-socialz-page .ui-top{padding:0 10px!important}
  .product-salez-page .ui-top>span,
  .product-socialz-page .ui-top>span{max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .product-salez-page .ui-chart-head span,
  .product-socialz-page .ui-chart-head span{font-size:.62rem!important}
  .product-salez-page .ui-chart-head b,
  .product-socialz-page .ui-chart-head b{font-size:.5rem!important}
}

@media (max-width:390px){
  .product-salez-page .product-hero-v4,
  .product-socialz-page .product-hero-v4{padding-top:42px!important}
  .product-salez-page .hero-proof span,
  .product-socialz-page .hero-proof span{font-size:.6rem!important}
  .product-salez-page .ui-body,
  .product-socialz-page .ui-body{grid-template-columns:30px minmax(0,1fr)!important}
  .product-salez-page .ui-main,
  .product-socialz-page .ui-main{padding:8px!important}
  .product-salez-page .ui-metrics>div,
  .product-socialz-page .ui-metrics>div{padding:8px!important}
  .product-salez-page .ui-metrics small,
  .product-socialz-page .ui-metrics small{font-size:.48rem!important}
  .product-salez-page .ui-metrics strong,
  .product-socialz-page .ui-metrics strong{font-size:.78rem!important}
  .product-salez-page .ui-metrics span,
  .product-socialz-page .ui-metrics span{font-size:.46rem!important}
  .product-salez-page .ui-chart,
  .product-socialz-page .ui-chart{min-height:156px!important;padding:8px!important}
  .product-salez-page .bars,
  .product-socialz-page .bars{height:98px!important}
  .product-salez-page .ui-list b,
  .product-socialz-page .ui-list b{font-size:.58rem!important}
  .product-salez-page .ui-list small,
  .product-socialz-page .ui-list small{font-size:.48rem!important}
}

@media (min-width:761px) and (max-width:1040px){
  .product-salez-page .product-hero-v4,
  .product-socialz-page .product-hero-v4{padding:72px 0 88px}
  .product-salez-page .product-hero-v4 h1,
  .product-socialz-page .product-hero-v4 h1{font-size:clamp(3.8rem,7.5vw,5.6rem)}
  .product-salez-page .product-proof,
  .product-socialz-page .product-proof{max-width:720px}
  .product-salez-page .ui-body,
  .product-socialz-page .ui-body{min-height:410px}
}

@media (pointer:coarse){
  .product-salez-page .btn:hover,
  .product-socialz-page .btn:hover{transform:none!important}
  .product-salez-page .product-rows>div:active,
  .product-socialz-page .product-rows>div:active,
  .product-salez-page .capability-rows>div:active,
  .product-socialz-page .capability-rows>div:active{transform:translateY(1px) scale(.998)}
}

@media(prefers-reduced-motion:reduce){
  .product-salez-page .product-hero-v4::before,
  .product-socialz-page .product-hero-v4::before{animation:none!important}
}

/* ========================================================================
   FINAL RESPONSIVE QA PASS — all-page mobile/tablet hardening
   Centralized last-pass overrides for consistent small-screen composition.
   ======================================================================== */

*,*::before,*::after{min-width:0}
img,svg,video,canvas,iframe{max-width:100%}
button,input,select,textarea{font:inherit}
input,select,textarea{max-width:100%}

@media (max-width:1040px){
  .container > *,
  .grid-2 > *, .grid-3 > *, .grid-4 > *,
  .hero-wide > *, .two-column-story > *, .statement-grid > *,
  .section-head-row > *, .contact-grid > *, .work-process-grid > *,
  .featured-article > *, .article-grid > *, .product-page-grid > *,
  .product-showcase-grid > *, .home-hero-grid > *, .home-product-grid > *,
  .footer-top > *{min-width:0}

  .hero-wide,.two-column-story,.statement-grid,.contact-grid,
  .work-process-grid,.featured-article,.product-page-grid,
  .product-showcase-grid,.home-product-grid,.home-hero-grid{grid-template-columns:minmax(0,1fr)!important}

  .hero-wide,.two-column-story{gap:40px}
  .contact-grid{gap:34px}
}

@media (max-width:760px){
  :root{
    --mobile-gutter:clamp(16px,5vw,21px);
    --mobile-section:clamp(62px,17vw,82px);
  }

  html{width:100%;max-width:100%;overflow-x:hidden;overflow-x:clip}
  body{width:100%;max-width:100%;overflow-x:hidden;overflow-x:clip}
  body.nav-open{overflow:hidden;touch-action:none}
  .container{width:100%;max-width:none;padding-inline:var(--mobile-gutter)!important}
  .section,.section-tight{padding-block:var(--mobile-section)!important}

  h1,h2,h3,h4,p,a,li,button,label,input,select,textarea{overflow-wrap:break-word}
  h1,h2,h3,h4{max-width:100%;text-wrap:balance}
  p,li{max-width:68ch}
  h1{font-size:clamp(2.6rem,12vw,4.35rem);line-height:.96;letter-spacing:-.045em}
  h2{font-size:clamp(2rem,9.5vw,3.2rem);line-height:.98;letter-spacing:-.045em}
  h3{font-size:1.08rem;line-height:1.25}
  p{font-size:.95rem;line-height:1.72}
  .kicker,.eyebrow,.section-index{font-size:.68rem;letter-spacing:.08em}

  /* Header / nav */
  header.site-header .header-inner,header .container{height:68px!important}
  .header-inner{padding-inline:var(--mobile-gutter)!important}
  .logo{min-width:0;max-width:72%;gap:7px!important;font-size:1rem!important}
  .logo img{width:30px!important;height:30px!important;flex:0 0 30px}
  .logo span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .hamburger{display:flex!important;position:relative;z-index:1102;width:46px!important;height:46px!important;flex:0 0 46px!important;align-items:center;justify-content:center;gap:5px!important;border:1px solid rgba(5,0,91,.10);border-radius:14px;background:rgba(255,255,255,.78);box-shadow:0 9px 22px rgba(5,0,91,.09)}
  .hamburger span{width:17px!important;height:2px!important}
  .hamburger span:nth-child(2){width:11px!important;align-self:center}
  .hamburger.open{background:rgba(5,0,91,.05)}
  #mainNav{width:min(390px,92vw)!important;max-width:390px!important;padding:82px 18px max(110px,calc(84px + env(safe-area-inset-bottom)))!important;border-left:1px solid rgba(47,107,255,.12);box-shadow:-28px 0 80px rgba(5,0,91,.18);overscroll-behavior:contain}
  #mainNav::after{background:linear-gradient(180deg,rgba(47,107,255,.65),rgba(47,107,255,0))!important}
  .mobile-nav-head{padding-bottom:14px!important;margin-bottom:2px!important}
  .mobile-nav-close{top:max(14px,env(safe-area-inset-top))!important;right:14px!important;width:40px!important;height:40px!important;border-radius:13px!important}
  #mainNav>a,#mainNav .nav-group>a{min-height:52px!important;padding:14px 7px!important;font-size:.92rem!important}
  #mainNav .mega-panel{margin:4px 0 8px!important;padding:10px!important;border-radius:16px!important}
  #mainNav .mega-grid{gap:8px!important}
  #mainNav .mega-item{padding:11px!important;grid-template-columns:38px minmax(0,1fr)!important}
  #mainNav .mega-item .mega-sub{line-height:1.45!important}
  #mainNav .nav-portal{min-height:48px!important;margin-top:12px!important}

  /* CTAs */
  .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;width:100%}
  .hero-actions .btn,.final-banner .btn,.contact-form-shell .btn{width:100%!important;min-height:50px;justify-content:center;padding-inline:18px}
  .btn{max-width:100%;white-space:normal;text-align:center}

  /* Section headings */
  .section-head-row,.home-section-head{grid-template-columns:1fr!important;gap:16px!important;align-items:start!important;margin-bottom:28px!important}
  .section-head-row h2,.home-section-head h2{max-width:10.5ch}
  .section-head-row>p,.home-section-head>p{max-width:48ch;margin-top:0!important}
  .hero-side-note{width:100%;padding:15px 0 0 16px;border-left:2px solid var(--brand-gold)}
  .hero-side-note strong{font-size:1.2rem;line-height:1.08}

  /* Physical row cards */
  .rail-list,.service-rows,.solution-rows,.capability-rows,.product-rows,.product-link-rows,.process-list{display:grid!important;gap:10px!important}
  .rail-item,.service-rows>a,.solution-rows>a,.capability-rows>a,.capability-rows>div,.product-rows>div,.product-link-rows>a,.process-list>div{
    position:relative;display:grid!important;grid-template-columns:30px minmax(0,1fr) 18px!important;
    gap:9px 11px!important;padding:18px 15px!important;border:1px solid rgba(47,107,255,.11)!important;
    border-radius:17px!important;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(244,247,255,.84))!important;
    box-shadow:0 11px 30px rgba(5,0,91,.055),inset 0 1px 0 rgba(255,255,255,.72)!important;
    overflow:hidden;transform:translateZ(0)
  }
  .rail-item::before,.service-rows>a::before,.solution-rows>a::before,.capability-rows>a::before,.capability-rows>div::before,.product-rows>div::before,.product-link-rows>a::before,.process-list>div::before{
    content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 5px 5px 0;background:linear-gradient(180deg,#2f6bff,#23d9ff);opacity:.8
  }
  .rail-item>div,.service-rows>a em,.solution-rows>a em,.capability-rows em,.product-rows p,.product-link-rows>a em{grid-column:2!important}
  .rail-item>i:last-child,.service-rows>a>i,.solution-rows>a>i,.capability-rows>div>i,.capability-rows>a>i,.product-rows>div>i,.product-link-rows>a>i{grid-column:3!important;grid-row:1!important;align-self:start!important;margin-top:3px}
  .rail-item>span,.service-rows>a>span,.solution-rows>a>span{align-self:start}
  .rail-item strong,.service-rows>a strong,.solution-rows>a strong,.capability-rows strong,.product-rows strong,.product-link-rows>a span{font-size:.98rem!important;line-height:1.28!important}
  .rail-item p,.service-rows>a em,.solution-rows>a em,.capability-rows em,.product-rows p,.product-link-rows>a em,.process-list p{font-size:.78rem!important;line-height:1.58!important;margin-top:1px!important}

  /* Homepage */
  .home-page .section{padding-block:var(--mobile-section)!important}
  .home-hero{padding:52px 0 68px!important}
  .home-hero-grid{gap:34px!important}
  .home-hero h1{font-size:clamp(2.9rem,13.4vw,4rem)!important;line-height:.92!important;max-width:10.3ch!important}
  .home-hero-lead{font-size:.98rem!important;line-height:1.7!important}
  .home-hero-visual{min-height:0!important;padding-top:4px}
  .hero-dashboard-shell{width:100%!important;max-width:100%!important;margin:0!important;border-radius:20px!important}
  .hero-dashboard-body{padding:11px!important}
  .hero-dashboard-top{padding:0 10px!important}
  .hero-metric-strip{gap:7px!important}
  .home-statement-grid{grid-template-columns:1fr!important;gap:10px!important}
  .system-row{grid-template-columns:42px minmax(0,1fr)!important;gap:12px!important;padding:17px 0!important}
  .system-row-link{grid-column:2!important;grid-row:2!important}
  .home-product-grid,.home-product-grid.reverse{grid-template-columns:1fr!important;gap:34px!important}
  .home-product-copy h2{font-size:clamp(2.55rem,12.2vw,4rem)!important;max-width:10.5ch}
  .product-frame{width:100%!important;border-radius:20px!important}
  .product-frame-body{padding:11px!important}
  .product-mini-metrics,.socialz-board{grid-template-columns:1fr!important}
  .home-flow-track{grid-template-columns:1fr!important}
  .home-final-inner h2{font-size:clamp(3rem,13.8vw,4.6rem)!important;max-width:10ch!important}

  /* General page heroes */
  .page-hero,.contact-hero,.product-hero-v4{padding:64px 0 58px!important}
  .page-hero h1,.contact-hero h1,.product-hero-v4 h1{font-size:clamp(2.8rem,13vw,4.4rem)!important;line-height:.94!important;max-width:11ch}
  .page-hero p,.contact-hero p,.product-hero-v4 p{font-size:.96rem!important;line-height:1.72!important}
  .hero{padding:66px 0 58px!important}
  .hero h1{font-size:clamp(2.7rem,12.7vw,4.2rem)!important;line-height:.95!important}
  .hero-v4-grid,.product-hero-grid{grid-template-columns:1fr!important;gap:30px!important;padding:60px 0 64px!important;min-height:0!important}
  .hero-v4-copy h1{font-size:clamp(3rem,13vw,4.3rem)!important;max-width:10.5ch!important}
  .hero-v4-visual,.showcase-visual{padding:0!important}

  /* Dashboard / visual modules */
  .ui-shell{width:100%!important;max-width:100%!important;border-radius:18px!important;transform:none!important}
  .ui-body{grid-template-columns:34px minmax(0,1fr)!important}
  .ui-main{min-width:0!important;overflow:hidden!important;padding:10px!important}
  .ui-toolbar{min-width:0!important}
  .ui-toolbar strong{font-size:.76rem!important;max-width:18ch!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .ui-toolbar b{font-size:.58rem!important;flex:0 0 auto}
  .ui-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .ui-metrics>div{min-width:0!important;padding:9px!important;border-radius:11px!important}
  .ui-metrics>div:last-child{grid-column:1/-1}
  .ui-chart{min-width:0!important;min-height:155px!important;overflow:hidden!important}
  .bars{height:100px!important}
  .ui-chart-foot{white-space:nowrap;overflow:hidden}
  .ui-list{grid-template-columns:1fr!important}
  .ui-list>div{min-width:0!important}
  .hero-proof,.product-proof{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .hero-proof span,.product-proof span{min-width:0!important;min-height:45px!important;padding:9px 10px!important;text-align:left}

  /* Product / feature stacking */
  .product-showcase,.product-narrative,.product-dashboard-section,.product-product-section,
  .service-list-section,.solution-index,.work-library,.story-section,.system-section,.product-band,.insight-hub{padding-block:var(--mobile-section)!important}
  .product-showcase-grid,.product-showcase-grid.reverse,.product-page-grid,.product-page-grid.reverse{grid-template-columns:1fr!important;gap:28px!important}
  .product-page-grid.reverse>div:first-child{order:2}
  .product-page-grid.reverse>div:last-child{order:1}
  .showcase-copy h2,.product-page-copy h2{font-size:clamp(2.5rem,12.2vw,4.1rem)!important;max-width:10.3ch}
  .showcase-copy p,.product-page-copy p{font-size:.96rem!important;line-height:1.72!important}
  .status-line{margin-top:14px!important}

  /* About / Services / Solutions / Work */
  .two-column-story{grid-template-columns:1fr!important;gap:24px!important}
  .two-column-story h2{font-size:clamp(2.45rem,11.5vw,4rem)!important;max-width:10.5ch}
  .two-column-story p{font-size:.96rem!important;line-height:1.75!important}
  .service-rows>a,.solution-rows>a{min-height:96px}
  .capability-item{grid-template-columns:34px minmax(0,1fr) 18px!important;gap:10px!important;padding:16px 0!important}
  .capability-item em{grid-column:2!important;grid-row:2!important}
  .work-grid,.numbered-panels{grid-template-columns:1fr!important;border-left:0!important;border-top:0!important;gap:10px!important}
  .work-grid article,.numbered-panels article{min-height:0!important;padding:23px 18px!important;border:1px solid rgba(47,107,255,.11)!important;border-radius:17px!important;background:linear-gradient(145deg,#fff,#f5f8ff)!important;box-shadow:0 12px 30px rgba(5,0,91,.055)!important}
  .numbered-panels i{margin:34px 0 15px!important}
  .process-track{grid-template-columns:1fr!important;gap:10px!important;background:transparent!important;margin-top:32px!important}
  .process-track>div{padding:22px 18px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:17px!important}
  .work-process-grid{grid-template-columns:1fr!important;gap:28px!important}
  .process-list{gap:9px!important}
  .ecosystem-lines>div{grid-template-columns:30px minmax(0,1fr)!important;gap:11px!important;padding:16px 0!important}
  .ecosystem-lines em{grid-column:2!important}

  /* Dark journeys and quotes */
  .journey-intro{grid-template-columns:1fr!important;gap:18px!important}
  .journey-intro h2,.dark-journey h2,.quote-band blockquote{font-size:clamp(2.7rem,12.6vw,4.6rem)!important;max-width:10.5ch!important}
  .journey-track{grid-template-columns:1fr!important;gap:8px!important;margin-top:28px!important}
  .journey-track>div{min-height:64px!important;padding:15px!important}
  .journey-track>i{display:none!important}
  .quote-band{padding-block:76px!important}

  /* Blog */
  .featured-article{grid-template-columns:1fr!important;min-height:0!important;border-radius:20px!important;overflow:hidden}
  .featured-article-visual{min-height:190px!important}
  .featured-article-copy{padding:24px 20px!important}
  .featured-article-copy h2{font-size:clamp(2.3rem,10.8vw,3.6rem)!important}
  .article-grid,.related-articles{grid-template-columns:1fr!important;gap:10px!important;border:0!important}
  .article-card{min-height:0!important;padding:20px 17px!important;border:1px solid rgba(47,107,255,.11)!important;border-radius:17px!important;box-shadow:0 10px 28px rgba(5,0,91,.05)!important}
  .blog-grid{grid-template-columns:1fr!important;gap:12px!important}
  .blog-card{border-radius:17px!important}
  .blog-card.featured{grid-template-columns:1fr!important;grid-column:auto!important}
  .blog-card.featured .blog-card-media{height:170px!important}
  .blog-card.featured .blog-card-body{padding:24px 20px!important}
  .blog-card-body{padding:18px 17px 20px!important}
  .blog-card h3{font-size:1.05rem!important}
  .blog-post-meta{gap:9px 14px!important;font-size:.68rem!important}
  main article,.article-body{max-width:none!important}
  .prose{font-size:.96rem!important;line-height:1.8!important;max-width:100%!important}
  .prose h2{font-size:clamp(1.8rem,8vw,2.5rem)!important;margin-top:34px!important}
  .prose h3{font-size:1.18rem!important;margin-top:25px!important}
  .prose ul,.prose ol{padding-left:1.2rem!important}
  .prose li{padding-left:.1rem!important;margin-bottom:7px}
  .prose blockquote{margin-inline:0!important;padding:17px!important;border-radius:14px!important}
  .prose table{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;border:1px solid var(--border)!important;border-radius:13px!important}
  .prose table th,.prose table td{min-width:140px!important;padding:10px 12px!important;font-size:.78rem!important}
  .share-row{flex-wrap:wrap!important;padding-block:18px!important}
  .author-box{align-items:flex-start!important;padding:18px!important}
  .cta-box{padding:22px 17px!important;margin-top:34px!important;border-radius:16px!important}

  /* Contact */
  .contact-grid{grid-template-columns:1fr!important;gap:26px!important}
  .contact-points{margin-top:28px!important}
  .contact-form-shell{padding:17px!important;border-radius:18px!important}
  .form-row{grid-template-columns:1fr!important;gap:0!important}
  .form-group{margin-bottom:15px!important}
  .form-group label{display:block;margin-bottom:7px;font-size:.75rem!important}
  .form-group input,.form-group select,.form-group textarea{width:100%!important;min-width:0!important;border-radius:12px!important;padding:12px 13px!important;font-size:16px!important}
  .form-group textarea{min-height:150px;resize:vertical}

  /* Policies / footer */
  .policy-content,.terms-content{max-width:100%!important}
  .policy-content h2,.terms-content h2{font-size:1.55rem!important;line-height:1.15!important;margin-top:30px!important}
  .policy-content p,.terms-content p,.policy-content li,.terms-content li{font-size:.92rem!important;line-height:1.8!important}
  .footer-top{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px 16px!important;padding-bottom:38px!important}
  .footer-brand{grid-column:1/-1!important}
  .footer-brand p{max-width:none!important;font-size:.82rem!important}
  .footer-col{gap:8px!important}
  .footer-col a{font-size:.75rem!important;line-height:1.45!important}
  .footer-bottom{padding-top:19px!important;gap:10px!important;font-size:.62rem!important}
  .footer-social{gap:10px!important}

  /* Sticky mobile actions: safe-area + content clearance */
  .sticky-cta-bar{left:10px!important;right:10px!important;bottom:max(10px,env(safe-area-inset-bottom))!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important}
  .sticky-cta-bar a{min-width:0!important;min-height:55px!important;padding:8px 5px!important;font-size:.64rem!important;line-height:1.1!important;white-space:normal!important;text-align:center}
  .sticky-cta-bar a i{font-size:.9rem!important}
  body:has(.sticky-cta-bar),body.has-sticky-cta{padding-bottom:96px!important}
  body.nav-open .sticky-cta-bar{opacity:.35;pointer-events:none;transform:translateY(8px)}

  /* Touch / focus */
  a,button,.btn,input,select,textarea{outline-offset:3px}
  :focus-visible{outline:2px solid #2f6bff!important;outline-offset:3px!important}
}

@media (max-width:430px){
  .container,.header-inner{padding-inline:16px!important}
  .home-hero h1,.hero-v4-copy h1{font-size:clamp(2.78rem,13vw,3.4rem)!important}
  .page-hero h1,.contact-hero h1,.product-hero-v4 h1{font-size:clamp(2.65rem,12.7vw,3.65rem)!important}
  .section-head-row h2,.home-section-head h2{max-width:9.6ch}
  .rail-item,.service-rows>a,.solution-rows>a,.capability-rows>a,.capability-rows>div,.product-rows>div,.product-link-rows>a{padding:16px 14px!important}
  .rail-item strong,.service-rows>a strong,.solution-rows>a strong,.capability-rows strong,.product-rows strong,.product-link-rows>a span{font-size:.94rem!important}
  .rail-item p,.service-rows>a em,.solution-rows>a em,.capability-rows em,.product-rows p,.product-link-rows>a em{font-size:.75rem!important}
  .footer-top{grid-template-columns:1fr!important}
  .footer-brand{grid-column:auto!important}
  .sticky-cta-bar{left:7px!important;right:7px!important}
  .sticky-cta-bar a{font-size:.6rem!important}
}

@media (max-width:360px){
  .container,.header-inner{padding-inline:14px!important}
  .hamburger{width:44px!important;height:44px!important;flex-basis:44px!important}
  .logo img{width:28px!important;height:28px!important;flex-basis:28px}
  .ui-body{grid-template-columns:30px minmax(0,1fr)!important}
  .ui-main{padding:8px!important}
  .ui-metrics>div{padding:8px!important}
  .hero-proof,.product-proof{grid-template-columns:1fr!important}
  .hero-proof span,.product-proof span{min-height:42px!important}
  .sticky-cta-bar a{min-height:52px!important;padding-inline:3px!important}
}

@media (hover:none){
  .rail-item:hover,.service-rows>a:hover,.solution-rows>a:hover,.capability-rows>a:hover,.article-card:hover,.insight-side a:hover,.work-grid article:hover,.numbered-panels article:hover{transform:none!important;box-shadow:0 11px 30px rgba(5,0,91,.055)!important}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  .sticky-cta-bar,.rail-item,.service-rows>a,.solution-rows>a,.capability-rows>a,.capability-rows>div,.article-card{transition:none!important}
}

@media(max-width:760px){
  .prose-table-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:13px;border:1px solid var(--border)}
  .prose-table-scroll .prose table,.prose-table-scroll table{display:table!important;width:max-content!important;min-width:560px!important;max-width:none!important;overflow:visible!important;border:0!important;border-radius:0!important}
  .prose-table-scroll table th,.prose-table-scroll table td{white-space:normal}
}