:root{--blue:#1265ff;--teal:#11bdb3;--green:#58d322;--navy:#071b5f;--ink:#122033;--muted:#5d6c80;--line:#e5edf6;--soft:#f5f9ff;--white:#fff;--shadow:0 24px 80px rgba(7,27,95,.12);--radius:26px;--max:1180px;--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);color:var(--ink);background:#fff;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}p{margin:0 0 1rem;color:var(--muted)}ul{margin:0;padding-left:1.15rem}.container{width:min(var(--max),calc(100% - 32px));margin-inline:auto}.skip{position:absolute;left:-999px;top:auto}.skip:focus{left:16px;top:16px;background:#fff;padding:10px 14px;border-radius:12px;z-index:99}.topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:saturate(180%) blur(16px);border-bottom:1px solid rgba(229,237,246,.9)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand img{width:178px;height:auto}.brand small{display:none;color:var(--muted);font-weight:700}.navlinks{display:flex;align-items:center;gap:20px;font-weight:800;font-size:.95rem}.navlinks a{color:#23324a}.navlinks a:hover,.navlinks a[aria-current="page"]{color:var(--blue)}.rightnav{display:flex;align-items:center;gap:10px}.lang{display:flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:999px;padding:4px;background:#fff}.lang a{font-size:.78rem;font-weight:900;padding:7px 10px;border-radius:999px;color:#516173}.lang a.active{background:linear-gradient(135deg,var(--blue),var(--teal));color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:999px;padding:12px 18px;background:linear-gradient(135deg,var(--blue),var(--teal));color:#fff;font-weight:900;box-shadow:0 12px 30px rgba(18,101,255,.22);cursor:pointer}.btn.alt{background:#fff;color:var(--navy);border:1px solid var(--line);box-shadow:none}.btn.dark{background:var(--navy)}.btn.small{padding:9px 13px;font-size:.88rem}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 10% 0,#eaf3ff 0,transparent 32%),radial-gradient(circle at 90% 10%,#e9fff5 0,transparent 30%),linear-gradient(180deg,#fbfdff,#fff);padding:78px 0 64px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr);gap:44px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 13px;color:#39506d;font-weight:900;font-size:.88rem}.eyebrow b{color:var(--blue)}h1,h2,h3{color:var(--navy);line-height:1.12;margin:0 0 16px;letter-spacing:-.035em}h1{font-size:clamp(2.45rem,6vw,5.25rem)}h2{font-size:clamp(2rem,4vw,3.45rem)}h3{font-size:1.32rem}.lead{font-size:clamp(1.08rem,2vw,1.32rem);color:#324764;max-width:760px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.trust-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}.trust{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;box-shadow:0 10px 32px rgba(7,27,95,.06)}.trust strong{display:block;color:var(--navy);font-size:1.25rem}.trust span{font-size:.85rem;color:var(--muted);font-weight:750}.hero-card{background:#fff;border:1px solid var(--line);border-radius:34px;padding:30px;box-shadow:var(--shadow);position:relative}.hero-logo{width:min(360px,80%);margin:0 auto 20px}.app-orbit{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.orbit-item{border:1px solid var(--line);border-radius:20px;padding:15px;background:linear-gradient(180deg,#fff,#f8fbff)}.orbit-item b{display:block;color:var(--navy)}.orbit-item span{font-size:.88rem;color:var(--muted)}.section{padding:72px 0}.section.soft{background:var(--soft)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.section-head p{max-width:650px}.grid{display:grid;gap:18px}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-4{grid-template-columns:repeat(4,1fr)}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 16px 42px rgba(7,27,95,.06)}.card:hover{transform:translateY(-2px);transition:transform .2s ease}.feature-icon{width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,var(--blue),var(--teal));color:#fff;display:grid;place-items:center;font-weight:950;margin-bottom:14px}.product-card{background:#fff;border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:0 16px 42px rgba(7,27,95,.06);display:flex;flex-direction:column}.product-card img{aspect-ratio:16/10;object-fit:cover;background:#f8fbff}.product-body{padding:20px;display:flex;flex-direction:column;gap:10px;flex:1}.badge{display:inline-flex;align-items:center;width:max-content;padding:5px 10px;border-radius:999px;background:#ecf7ff;color:#1455c9;font-weight:900;font-size:.76rem}.price{font-weight:950;color:#0f766e}.product-actions{margin-top:auto;display:flex;gap:8px;flex-wrap:wrap}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 22px}.filter-btn{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 13px;font-weight:900;color:#45566c;cursor:pointer}.filter-btn.active{background:var(--navy);color:#fff}.searchbox{width:100%;border:1px solid var(--line);border-radius:18px;padding:15px 16px;font:inherit;font-weight:700;margin-bottom:16px}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:start}.list-check{list-style:none;padding:0;display:grid;gap:12px}.list-check li{position:relative;padding-left:32px;color:#34465d}.list-check li:before{content:"✓";position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;background:#e9fff5;color:#15803d;display:grid;place-items:center;font-weight:950;font-size:.8rem}.steps{counter-reset:step;display:grid;gap:16px}.step{counter-increment:step;display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px}.step:before{content:counter(step);width:42px;height:42px;border-radius:15px;background:linear-gradient(135deg,var(--blue),var(--teal));color:#fff;display:grid;place-items:center;font-weight:950}.article{max-width:820px;margin:auto}.article h1{font-size:clamp(2.1rem,4vw,3.7rem)}.article h2{font-size:1.75rem;margin-top:36px}.article p,.article li{font-size:1.06rem;color:#33445a}.article-meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-weight:800;margin-bottom:18px}.toc{background:#f8fbff;border:1px solid var(--line);border-radius:22px;padding:18px;margin:24px 0}.cta-band{background:linear-gradient(135deg,var(--navy),#0b57d0 55%,#10bdae);color:#fff;border-radius:34px;padding:38px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;overflow:hidden}.cta-band h2,.cta-band p{color:#fff}.footer{background:#07162f;color:#d9e8ff;padding:58px 0 110px}.footer a{color:#d9e8ff}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:26px}.footer h3,.footer h4{color:#fff}.footer p{color:#b9c7da}.footer ul{list-style:none;padding:0;display:grid;gap:9px}.bottom-nav{position:fixed;left:10px;right:10px;bottom:10px;z-index:60;display:none;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:24px;box-shadow:0 18px 55px rgba(7,27,95,.18);padding:8px}.bottom-nav a{flex:1;display:grid;place-items:center;gap:2px;font-size:.72rem;font-weight:900;color:#607087;border-radius:18px;padding:7px 3px}.bottom-nav a b{font-size:1.2rem;line-height:1}.bottom-nav a.active{background:#eef6ff;color:var(--blue)}.mini-table{width:100%;border-collapse:collapse;background:#fff;border-radius:20px;overflow:hidden;border:1px solid var(--line)}.mini-table th,.mini-table td{padding:13px;border-bottom:1px solid var(--line);text-align:left}.mini-table th{background:#f5f9ff;color:var(--navy)}.hide{display:none!important}@media(max-width:900px){body{padding-bottom:88px}.nav{height:68px}.brand img{width:148px}.navlinks{display:none}.rightnav .btn{display:none}.hero{padding:44px 0 40px}.hero-grid,.split{grid-template-columns:1fr}.trust-row{grid-template-columns:repeat(2,1fr)}.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}.section{padding:54px 0}.section-head{display:block}.hero-card{padding:22px}.cta-band{grid-template-columns:1fr;padding:28px}.footer-grid{grid-template-columns:1fr}.bottom-nav{display:flex}.filters{overflow:auto;flex-wrap:nowrap;padding-bottom:4px}.filter-btn{white-space:nowrap}.product-actions .btn{width:100%}}@media(min-width:901px){.mobile-only{display:none!important}}

/* v4 conversion, pricing, solution and brief components */
.kpi-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}.kpi{border:1px solid var(--line);background:#fff;border-radius:22px;padding:18px;box-shadow:0 12px 34px rgba(7,27,95,.06)}.kpi b{display:block;color:var(--navy);font-size:1.45rem}.kpi span{color:var(--muted);font-weight:750;font-size:.92rem}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.choice-card{position:relative;overflow:hidden}.choice-card:after{content:"";position:absolute;right:-44px;top:-44px;width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,rgba(18,101,255,.1),rgba(17,189,179,.18));}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.price-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:24px;box-shadow:0 16px 42px rgba(7,27,95,.06);display:flex;flex-direction:column;gap:12px}.price-card.featured{border:2px solid rgba(18,101,255,.45);box-shadow:var(--shadow)}.price-card .amount{font-size:1.35rem;font-weight:950;color:var(--navy)}.price-card .note{font-size:.88rem;color:var(--muted);font-weight:750}.compare{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.compare .bad{border-color:#ffd8d8;background:#fffafa}.compare .good{border-color:#c8f7dc;background:#fbfffd}.pill-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.pill{display:inline-flex;border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 10px;font-size:.84rem;font-weight:900;color:#40526a}.brief-form{display:grid;gap:14px}.brief-form label{display:grid;gap:7px;font-weight:900;color:var(--navy)}.brief-form input,.brief-form textarea,.brief-form select{width:100%;border:1px solid var(--line);border-radius:18px;padding:14px 15px;font:inherit;color:var(--ink);background:#fff}.brief-form textarea{min-height:118px;resize:vertical}.brief-output{white-space:pre-wrap;background:#07162f;color:#eaf3ff;border-radius:24px;padding:20px;min-height:160px;overflow:auto}.brief-output:empty:before{content:"Isi form, lalu klik tombol untuk membuat ringkasan brief.";color:#9fb5d6}.en .brief-output:empty:before{content:"Fill the form, then click the button to generate a project brief."}.roadmap{display:grid;gap:14px}.roadmap-item{display:grid;grid-template-columns:130px 1fr;gap:16px;align-items:start;border:1px solid var(--line);border-radius:22px;padding:18px;background:#fff}.roadmap-item b{color:var(--blue)}.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.mini-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 12px 34px rgba(7,27,95,.06)}.sticky-wa{position:fixed;right:16px;bottom:102px;z-index:59;display:inline-flex;align-items:center;gap:8px;background:#0f766e;color:#fff;font-weight:950;border-radius:999px;padding:12px 15px;box-shadow:0 18px 45px rgba(15,118,110,.28)}@media(max-width:900px){.kpi-strip,.choice-grid,.pricing-grid,.compare,.case-grid{grid-template-columns:1fr}.roadmap-item{grid-template-columns:1fr}.mini-cta{display:grid}.sticky-wa{right:12px;bottom:94px;padding:10px 12px}.sticky-wa span{display:none}}


/* v5 clean hero, animated language switcher, and premium footer */
.lang{position:relative;gap:5px;padding:5px;border-radius:999px;background:rgba(255,255,255,.9);box-shadow:0 10px 28px rgba(7,27,95,.06);overflow:hidden}.lang:before{content:"";position:absolute;inset:-1px;background:linear-gradient(120deg,rgba(18,101,255,.18),rgba(17,189,179,.16),rgba(88,211,34,.14));opacity:.55;animation:langSweep 4.6s linear infinite;z-index:0}.lang a{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;padding:7px 10px}.lang .flag{font-size:1rem;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.12));transform-origin:50% 85%}.lang a.active{box-shadow:0 10px 24px rgba(18,101,255,.22);animation:activeLangPulse 2.8s ease-in-out infinite}.lang a.active .flag{animation:flagWave 1.9s ease-in-out infinite}.lang a:not(.active):hover{background:#f4f9ff;color:var(--blue)}@keyframes langSweep{0%{transform:translateX(-22%)}50%{transform:translateX(22%)}100%{transform:translateX(-22%)}}@keyframes flagWave{0%,100%{transform:rotate(0) translateY(0)}25%{transform:rotate(-8deg) translateY(-1px)}75%{transform:rotate(8deg) translateY(-1px)}}@keyframes activeLangPulse{0%,100%{box-shadow:0 10px 24px rgba(18,101,255,.16)}50%{box-shadow:0 14px 34px rgba(17,189,179,.26)}}
.hero-v5{padding:64px 0 56px;background:radial-gradient(circle at 8% 8%,rgba(18,101,255,.13),transparent 28%),radial-gradient(circle at 88% 8%,rgba(17,189,179,.16),transparent 30%),linear-gradient(135deg,#fbfdff 0%,#f8fbff 48%,#effff8 100%)}.hero-v5:before{content:"";position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.75) 42%,transparent 62%);animation:heroShine 11s ease-in-out infinite;pointer-events:none}.hero-grid-v5{grid-template-columns:minmax(0,1fr) minmax(340px,.78fr);gap:38px;position:relative;z-index:1}.hero-kicker{flex-wrap:wrap;gap:7px}.hero-kicker span{display:inline-flex;align-items:center}.hero-v5 h1{font-size:clamp(2.65rem,4.65vw,4.35rem);line-height:1.04;letter-spacing:-.052em;max-width:780px;margin-bottom:20px}.hero-v5 .lead{font-size:clamp(1.04rem,1.55vw,1.2rem);line-height:1.72;max-width:740px}.hero-proof{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:22px}.hero-proof div{background:rgba(255,255,255,.82);border:1px solid rgba(229,237,246,.95);border-radius:19px;padding:13px 14px;box-shadow:0 14px 38px rgba(7,27,95,.06)}.hero-proof strong{display:block;color:var(--navy);font-size:1.05rem}.hero-proof span{display:block;color:var(--muted);font-weight:750;font-size:.82rem;line-height:1.35}.ecosystem-card{min-height:438px;display:grid;place-items:center;overflow:hidden;padding:28px;animation:floatCard 6.5s ease-in-out infinite}.ecosystem-card:before{content:"";position:absolute;inset:22px;border:1px dashed rgba(18,101,255,.18);border-radius:30px;animation:ringSpin 26s linear infinite}.ecosystem-ring{position:absolute;width:74%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(17,189,179,.22);box-shadow:inset 0 0 38px rgba(18,101,255,.08),0 0 42px rgba(17,189,179,.12);animation:pulseRing 4.8s ease-in-out infinite}.ecosystem-logo{position:relative;z-index:2;width:min(270px,70%);border-radius:28px;filter:drop-shadow(0 24px 34px rgba(7,27,95,.15))}.eco-node{position:absolute;z-index:3;border:1px solid rgba(229,237,246,.95);background:rgba(255,255,255,.92);backdrop-filter:blur(10px);box-shadow:0 15px 36px rgba(7,27,95,.12);border-radius:999px;padding:8px 12px;font-weight:950;color:var(--navy);font-size:.86rem;animation:nodeFloat 5.4s ease-in-out infinite}.eco-node.n1{left:8%;top:17%;animation-delay:.1s}.eco-node.n2{right:9%;top:18%;animation-delay:.6s}.eco-node.n3{right:3%;top:49%;animation-delay:1s}.eco-node.n4{right:15%;bottom:18%;animation-delay:1.4s}.eco-node.n5{left:12%;bottom:17%;animation-delay:1.8s}.eco-node.n6{left:4%;top:52%;animation-delay:2.2s}.status-console{position:absolute;left:28px;right:28px;bottom:26px;z-index:4;display:flex;align-items:center;gap:10px;border:1px solid rgba(229,237,246,.92);background:rgba(7,22,47,.94);color:#eaf3ff;border-radius:18px;padding:12px 14px;box-shadow:0 20px 38px rgba(7,22,47,.18);overflow:hidden}.status-console .dot{width:9px;height:9px;border-radius:50%;background:#58d322;box-shadow:0 0 0 6px rgba(88,211,34,.13);animation:statusDot 1.8s ease-in-out infinite}.ticker{position:relative;height:1.35em;flex:1;overflow:hidden;font-weight:850;font-size:.9rem}.ticker span{position:absolute;left:0;right:0;opacity:0;transform:translateY(16px);animation:tickerText 8s ease-in-out infinite}.ticker span:nth-child(2){animation-delay:2s}.ticker span:nth-child(3){animation-delay:4s}.ticker span:nth-child(4){animation-delay:6s}@keyframes heroShine{0%,100%{transform:translateX(-10%) rotate(0deg);opacity:.35}50%{transform:translateX(16%) rotate(6deg);opacity:.65}}@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes ringSpin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes pulseRing{0%,100%{transform:scale(.98);opacity:.78}50%{transform:scale(1.035);opacity:1}}@keyframes nodeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes statusDot{0%,100%{opacity:.75;transform:scale(.9)}50%{opacity:1;transform:scale(1.14)}}@keyframes tickerText{0%{opacity:0;transform:translateY(16px)}8%,23%{opacity:1;transform:translateY(0)}31%,100%{opacity:0;transform:translateY(-16px)}}
.footer-v5{position:relative;overflow:hidden;background:radial-gradient(circle at 10% 10%,rgba(18,101,255,.28),transparent 28%),radial-gradient(circle at 92% 0,rgba(17,189,179,.24),transparent 30%),#07162f;padding:44px 0 112px}.footer-glow{position:absolute;inset:auto -10% -36% -10%;height:280px;background:linear-gradient(90deg,rgba(18,101,255,.2),rgba(17,189,179,.22),rgba(88,211,34,.16));filter:blur(46px);animation:footerGlow 9s ease-in-out infinite}.footer-cta{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);border-radius:32px;padding:28px;margin-bottom:34px;box-shadow:0 28px 80px rgba(0,0,0,.22)}.footer-cta h2{font-size:clamp(1.7rem,3vw,2.65rem);color:#fff;margin-bottom:10px}.footer-cta p{max-width:760px;color:#c9d8ee}.footer-kicker{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.14);color:#dbeafe}.footer-kicker b{color:#7dd3fc}.footer-grid-v5{position:relative;z-index:1;grid-template-columns:1.45fr repeat(3,1fr);gap:30px;padding-top:4px}.footer-logo{width:222px;background:#fff;border-radius:20px;padding:9px;margin-bottom:18px;box-shadow:0 20px 42px rgba(0,0,0,.18)}.footer-brand h3{max-width:470px}.footer-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.footer-chip-row span{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);color:#eaf3ff;border-radius:999px;padding:6px 9px;font-size:.8rem;font-weight:900}.footer-v5 li a{display:inline-flex;transition:transform .18s ease,color .18s ease}.footer-v5 li a:hover{transform:translateX(3px);color:#7dd3fc}.footer-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.1);margin-top:32px;padding-top:18px;color:#9fb5d6;font-weight:750;font-size:.9rem}@keyframes footerGlow{0%,100%{transform:translateX(-3%) scale(1)}50%{transform:translateX(4%) scale(1.08)}}
@media(max-width:900px){.topbar{position:sticky}.rightnav{gap:6px}.lang a{padding:7px 9px}.lang-text{font-size:.72rem}.hero-v5{padding:38px 0 34px}.hero-grid-v5{grid-template-columns:1fr;gap:24px}.hero-v5 h1{font-size:clamp(2.25rem,10.8vw,3.45rem);line-height:1.05;letter-spacing:-.055em}.hero-v5 .lead{font-size:1.02rem}.hero-actions .btn{width:100%}.hero-proof{grid-template-columns:repeat(2,1fr)}.ecosystem-card{min-height:326px;padding:20px}.ecosystem-logo{width:min(210px,68%)}.eco-node{font-size:.75rem;padding:6px 9px}.status-console{left:18px;right:18px;bottom:18px}.footer-cta{grid-template-columns:1fr;padding:22px;border-radius:26px}.footer-grid-v5{grid-template-columns:1fr}.footer-bottom{display:grid}.footer-logo{width:190px}.brand img{width:150px}.brand small{display:none!important}}@media(max-width:520px){.container{width:min(var(--max),calc(100% - 26px))}.hero-kicker{font-size:.76rem;border-radius:18px}.hero-kicker span:nth-of-type(n+4){display:none}.hero-proof{gap:8px}.hero-proof div{padding:11px}.eco-node.n1{left:5%;top:15%}.eco-node.n2{right:5%;top:16%}.eco-node.n3{right:3%;top:44%}.eco-node.n4{right:9%;bottom:22%}.eco-node.n5{left:8%;bottom:20%}.eco-node.n6{left:3%;top:45%}.bottom-nav{left:8px;right:8px;bottom:8px}.bottom-nav a{font-size:.68rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}


/* WhatsApp floating bubble v6 */
.wa-float{position:fixed;right:22px;bottom:24px;z-index:80;display:flex;align-items:center;gap:10px;min-height:58px;padding:10px 16px 10px 10px;border-radius:999px;background:linear-gradient(135deg,#25d366,#16a34a);color:#fff;font-weight:950;box-shadow:0 18px 50px rgba(22,163,74,.32),0 6px 18px rgba(7,27,95,.15);border:1px solid rgba(255,255,255,.38);isolation:isolate;transform:translateZ(0);animation:waFloat 4.8s ease-in-out infinite}.wa-float:before{content:"";position:absolute;inset:-7px;border-radius:999px;background:rgba(37,211,102,.22);z-index:-1;animation:waPulse 2.2s ease-out infinite}.wa-float:after{content:"";position:absolute;inset:1px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.24),rgba(255,255,255,0));pointer-events:none}.wa-float:hover{transform:translateY(-3px);box-shadow:0 24px 64px rgba(22,163,74,.42),0 10px 28px rgba(7,27,95,.18)}.wa-float:focus-visible{outline:4px solid rgba(37,211,102,.28);outline-offset:4px}.wa-icon{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#16a34a;box-shadow:inset 0 0 0 1px rgba(22,163,74,.08);font-weight:1000;letter-spacing:-.08em;animation:waIcon 2.6s ease-in-out infinite}.wa-icon svg{width:23px;height:23px;display:block}.wa-text{display:grid;line-height:1.12}.wa-text b{font-size:.96rem;color:#fff}.wa-text small{font-size:.72rem;color:rgba(255,255,255,.86);font-weight:850}.wa-dots{display:inline-flex;gap:3px;margin-left:2px;vertical-align:middle}.wa-dots i{width:4px;height:4px;border-radius:50%;background:#fff;opacity:.75;animation:waDots 1.2s ease-in-out infinite}.wa-dots i:nth-child(2){animation-delay:.16s}.wa-dots i:nth-child(3){animation-delay:.32s}@keyframes waFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes waPulse{0%{transform:scale(.92);opacity:.75}70%{transform:scale(1.18);opacity:0}100%{transform:scale(1.18);opacity:0}}@keyframes waIcon{0%,100%{transform:rotate(0) scale(1)}10%{transform:rotate(-8deg) scale(1.04)}20%{transform:rotate(7deg) scale(1.04)}30%{transform:rotate(0) scale(1)}}@keyframes waDots{0%,80%,100%{transform:translateY(0);opacity:.5}40%{transform:translateY(-4px);opacity:1}}@media(max-width:900px){.wa-float{right:14px;bottom:96px;min-height:54px;padding:8px 12px 8px 8px}.wa-icon{width:38px;height:38px}.wa-text b{font-size:.86rem}.wa-text small{font-size:.68rem}}@media(max-width:420px){.wa-float{padding:8px;bottom:98px}.wa-text{display:none}.wa-icon{width:42px;height:42px}}@media(prefers-reduced-motion:reduce){.wa-float,.wa-float:before,.wa-icon,.wa-dots i{animation:none!important}}@media print{.wa-float{display:none!important}}


/* v7: unique footer, WhatsApp bubble, and AI Product Radar */
.footer-v7{position:relative;overflow:hidden;background:linear-gradient(145deg,#050c20 0%,#071b5f 52%,#062a42 100%);padding:52px 0 112px;color:#d9e8ff}.footer-v7:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.45));pointer-events:none}.footer-aurora{position:absolute;inset:-20% -12% auto -12%;height:430px;background:radial-gradient(circle at 18% 38%,rgba(18,101,255,.38),transparent 34%),radial-gradient(circle at 72% 16%,rgba(17,189,179,.34),transparent 32%),radial-gradient(circle at 50% 74%,rgba(88,211,34,.16),transparent 26%);filter:blur(44px);animation:footerAurora 10s ease-in-out infinite}.footer-wrap-v7{position:relative;z-index:1}.footer-command{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:24px;align-items:stretch;margin-bottom:26px}.footer-command-copy,.footer-radar,.footer-lane{border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.055));box-shadow:0 28px 90px rgba(0,0,0,.25);backdrop-filter:blur(16px)}.footer-command-copy{border-radius:34px;padding:30px}.footer-command-copy h2{color:#fff;font-size:clamp(1.9rem,3.2vw,3rem);max-width:860px}.footer-command-copy p{color:#c9d8ee;max-width:780px}.footer-command-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.footer-dark-alt{background:rgba(255,255,255,.09)!important;color:#fff!important;border-color:rgba(255,255,255,.16)!important}.footer-radar{position:relative;min-height:300px;border-radius:34px;display:grid;place-items:center;overflow:hidden}.footer-radar:before{content:"";position:absolute;width:260px;aspect-ratio:1;border-radius:50%;border:1px solid rgba(125,211,252,.24);box-shadow:0 0 0 34px rgba(125,211,252,.035),0 0 0 72px rgba(17,189,179,.025);animation:radarSweep 9s linear infinite}.footer-radar:after{content:"";position:absolute;width:2px;height:46%;background:linear-gradient(180deg,rgba(125,211,252,.75),transparent);top:50%;left:50%;transform-origin:top center;animation:radarLine 5.5s linear infinite}.footer-radar img{position:relative;z-index:2;width:190px;background:#fff;border-radius:22px;padding:8px;box-shadow:0 22px 50px rgba(0,0,0,.25)}.radar-node{position:absolute;z-index:3;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.12);color:#fff;border-radius:999px;padding:7px 10px;font-weight:950;font-size:.78rem;box-shadow:0 12px 28px rgba(0,0,0,.18);animation:nodeGlow 3.2s ease-in-out infinite}.radar-node.r1{top:13%;left:12%}.radar-node.r2{top:14%;right:11%;animation-delay:.4s}.radar-node.r3{top:47%;right:5%;animation-delay:.8s}.radar-node.r4{bottom:14%;right:16%;animation-delay:1.2s}.radar-node.r5{bottom:15%;left:14%;animation-delay:1.6s}.radar-node.r6{top:48%;left:6%;animation-delay:2s}.footer-lanes{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:16px}.footer-lane{border-radius:28px;padding:22px}.footer-lane h3,.footer-lane h4{color:#fff}.footer-lane p{color:#bdd0ea}.footer-lane ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}.footer-lane a{color:#d9e8ff;display:inline-flex;transition:transform .18s ease,color .18s ease}.footer-lane a:hover{transform:translateX(4px);color:#7dd3fc}.footer-pulse-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.footer-pulse-row span{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.075);border-radius:999px;padding:6px 9px;color:#eaf3ff;font-size:.78rem;font-weight:900}.footer-bottom-v7{position:relative;z-index:1;margin-top:20px;border-top:1px solid rgba(255,255,255,.11);padding-top:18px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:#a8bbd8;font-size:.9rem;font-weight:800}@keyframes footerAurora{0%,100%{transform:translateX(-2%) scale(1)}50%{transform:translateX(3%) scale(1.06)}}@keyframes radarSweep{0%,100%{transform:scale(.97);opacity:.72}50%{transform:scale(1.04);opacity:1}}@keyframes radarLine{0%{transform:rotate(0deg);opacity:.2}10%{opacity:.85}100%{transform:rotate(360deg);opacity:.2}}@keyframes nodeGlow{0%,100%{transform:translateY(0);box-shadow:0 12px 28px rgba(0,0,0,.18)}50%{transform:translateY(-5px);box-shadow:0 18px 36px rgba(17,189,179,.2)}}
.idea-radar-section{background:radial-gradient(circle at 90% 10%,#e9fff5 0,transparent 28%),linear-gradient(180deg,#fff,#f6faff)}.idea-radar{display:grid;grid-template-columns:minmax(0,.92fr) minmax(320px,1.08fr);gap:28px;align-items:center;border:1px solid var(--line);background:rgba(255,255,255,.82);box-shadow:0 24px 80px rgba(7,27,95,.08);border-radius:36px;padding:28px;overflow:hidden}.idea-radar-copy h2{font-size:clamp(1.9rem,3.4vw,3.25rem)}.radar-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.radar-board{position:relative;min-height:390px;border-radius:30px;background:radial-gradient(circle at center,rgba(18,101,255,.1),transparent 36%),linear-gradient(145deg,#071b5f,#0b57d0 54%,#10bdae);overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}.radar-board:before{content:"";position:absolute;inset:44px;border:1px dashed rgba(255,255,255,.32);border-radius:50%;animation:ringSpin 28s linear infinite}.radar-board:after{content:"";position:absolute;inset:88px;border:1px solid rgba(255,255,255,.18);border-radius:50%}.radar-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:145px;height:145px;border-radius:34px;display:grid;place-items:center;text-align:center;background:#fff;color:var(--navy);font-weight:1000;line-height:1.1;box-shadow:0 24px 70px rgba(0,0,0,.23)}.radar-core small{display:block;color:var(--muted);font-size:.72rem;margin-top:6px}.radar-card{position:absolute;z-index:3;display:grid;gap:2px;width:162px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.92);border-radius:18px;padding:12px;color:var(--navy);box-shadow:0 16px 40px rgba(0,0,0,.18);animation:nodeFloat 5.6s ease-in-out infinite}.radar-card b{font-size:1.05rem}.radar-card span{font-size:.78rem;color:#4b5f77;font-weight:780;line-height:1.35}.rc1{top:28px;left:50%;transform:translateX(-50%)}.rc2{right:26px;top:48%;animation-delay:.6s}.rc3{bottom:28px;left:50%;transform:translateX(-50%);animation-delay:1.2s}.rc4{left:26px;top:48%;animation-delay:1.8s}
.wa-v7 .wa-ping{position:absolute;right:0;top:-6px;z-index:4;width:22px;height:22px;border-radius:50%;background:#ef4444;color:#fff;display:grid;place-items:center;font-size:.72rem;font-weight:1000;border:2px solid #fff;box-shadow:0 10px 22px rgba(239,68,68,.35);animation:waBadge 1.8s ease-in-out infinite}.wa-v7{background:linear-gradient(135deg,#16a34a,#25d366 48%,#0f766e)}.wa-v7 .wa-text small{white-space:nowrap}.bottom-nav-v7 a{position:relative}.bottom-nav-v7 a:first-child:before{content:"";position:absolute;top:6px;width:5px;height:5px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 5px rgba(17,189,179,.12)}@keyframes waBadge{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
@media(max-width:900px){.footer-command,.footer-lanes,.idea-radar{grid-template-columns:1fr}.footer-command-copy{padding:24px;border-radius:28px}.footer-radar{min-height:270px}.footer-lane{border-radius:24px}.radar-board{min-height:360px}.radar-card{width:138px}.footer-v7{padding-bottom:116px}}@media(max-width:520px){.idea-radar{padding:18px;border-radius:28px}.radar-board{min-height:325px}.radar-core{width:118px;height:118px;border-radius:26px}.radar-card{width:118px;padding:10px}.radar-card span{font-size:.7rem}.rc2{right:10px}.rc4{left:10px}.footer-radar img{width:156px}.radar-node{font-size:.68rem}.footer-command-actions .btn{width:100%}.footer-bottom-v7{font-size:.82rem}.wa-v7 .wa-ping{right:-3px;top:-5px}}
@media(prefers-reduced-motion:reduce){.footer-aurora,.footer-radar:before,.footer-radar:after,.radar-node,.radar-board:before,.radar-card,.wa-v7 .wa-ping{animation:none!important}}
/* v25: premium WhatsApp support capsule */
.wa-float.wa-v7{right:24px;bottom:24px;min-height:64px;padding:9px 16px 9px 9px;gap:12px;border-radius:999px;background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,0) 34%),linear-gradient(135deg,#075e54 0%,#128c7e 38%,#25d366 100%);border:1px solid rgba(255,255,255,.42);box-shadow:0 20px 60px rgba(18,140,126,.34),0 8px 22px rgba(7,18,63,.18),inset 0 1px 0 rgba(255,255,255,.35);overflow:visible;animation:waCapsuleFloat 5.8s ease-in-out infinite}.wa-float.wa-v7:before{inset:-10px;background:radial-gradient(circle at 26% 50%,rgba(37,211,102,.34),transparent 28%),conic-gradient(from 120deg,transparent,rgba(37,211,102,.18),transparent 42%);filter:blur(.2px);animation:waHaloOrbit 3.8s ease-in-out infinite}.wa-float.wa-v7:after{inset:2px;border-radius:999px;background:linear-gradient(100deg,transparent 4%,rgba(255,255,255,.28) 18%,transparent 36%),linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0));transform:translateX(-36%);animation:waSupportScan 5.8s cubic-bezier(.65,0,.2,1) infinite}.wa-v7 .wa-icon{position:relative;z-index:2;width:46px;height:46px;background:#fff;color:#22c55e;box-shadow:inset 0 0 0 1px rgba(37,211,102,.18),0 12px 28px rgba(7,18,63,.18);letter-spacing:0;animation:waIconBreath 3.2s ease-in-out infinite}.wa-v7 .wa-icon svg{width:28px;height:28px;fill:currentColor}.wa-v7 .wa-text{position:relative;z-index:2;padding-right:3px}.wa-v7 .wa-text b{font-size:.98rem;letter-spacing:.01em}.wa-v7 .wa-text small{display:flex;align-items:center;gap:6px;color:rgba(255,255,255,.9);font-size:.72rem}.wa-v7 .wa-text small:before{content:"";width:7px;height:7px;border-radius:999px;background:#9cffb7;box-shadow:0 0 0 4px rgba(156,255,183,.14),0 0 16px rgba(156,255,183,.76);animation:waOnlineDot 1.8s ease-in-out infinite}.wa-v7 .wa-ping{right:-3px;top:-7px;width:24px;height:24px;background:linear-gradient(135deg,#ff5b5b,#ef4444);border:2px solid #fff;animation:waTicketPop 2.4s ease-in-out infinite}@keyframes waCapsuleFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes waHaloOrbit{0%,100%{transform:scale(.96);opacity:.52}50%{transform:scale(1.08);opacity:.82}}@keyframes waSupportScan{0%,58%{opacity:0;transform:translateX(-48%)}68%{opacity:.7}82%{opacity:.08;transform:translateX(42%)}100%{opacity:0;transform:translateX(42%)}}@keyframes waIconBreath{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes waOnlineDot{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.18);opacity:1}}@keyframes waTicketPop{0%,100%{transform:scale(1)}45%{transform:scale(1.12)}55%{transform:scale(.98)}}@media(max-width:900px){.wa-float.wa-v7{right:14px;bottom:96px;min-height:58px;padding:8px 12px 8px 8px;gap:9px}.wa-v7 .wa-icon{width:42px;height:42px}.wa-v7 .wa-icon svg{width:25px;height:25px}.wa-v7 .wa-text b{font-size:.86rem}.wa-v7 .wa-text small{font-size:.68rem}}@media(max-width:420px){.wa-float.wa-v7{padding:8px;bottom:98px}.wa-v7 .wa-text{display:none}.wa-v7 .wa-icon{width:44px;height:44px}.wa-v7 .wa-ping{right:-5px;top:-6px}}@media(prefers-reduced-motion:reduce){.wa-float.wa-v7,.wa-float.wa-v7:before,.wa-float.wa-v7:after,.wa-v7 .wa-icon,.wa-v7 .wa-text small:before,.wa-v7 .wa-ping{animation:none!important}}


/* v8: solution map, switchboard UI, and footer refinement */
.footer-v8{position:relative;overflow:hidden;background:linear-gradient(145deg,#030816 0%,#061a5a 48%,#062e43 100%);padding:52px 0 112px;color:#d9e8ff}.footer-v8 .footer-command-copy{border-radius:36px}.footer-v8 .footer-command-copy h2{letter-spacing:-.045em}.keyword-hero{background:radial-gradient(circle at 14% 18%,rgba(17,189,179,.18),transparent 30%),radial-gradient(circle at 90% 20%,rgba(18,101,255,.16),transparent 28%),linear-gradient(180deg,#fff,#f7fbff)}.keyword-note{align-items:center}.keyword-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}.keyword-card{position:relative;border:1px solid var(--line);background:linear-gradient(180deg,#fff,#f8fbff);border-radius:22px;padding:16px;box-shadow:0 14px 36px rgba(7,27,95,.06);min-height:190px;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.keyword-card:before{content:"";position:absolute;right:-30px;top:-34px;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,rgba(18,101,255,.13),transparent 68%)}.keyword-card:hover{transform:translateY(-4px);box-shadow:0 20px 48px rgba(7,27,95,.1);border-color:rgba(18,101,255,.22)}.keyword-card span{display:inline-flex;border:1px solid rgba(18,101,255,.13);background:#eef5ff;color:var(--blue);border-radius:999px;padding:5px 8px;font-weight:950;font-size:.72rem}.keyword-card h3{font-size:1.02rem;margin:12px 0 8px;letter-spacing:-.02em}.keyword-card p{font-size:.9rem;color:var(--muted);line-height:1.55}.keyword-card a{font-weight:950;font-size:.86rem;color:var(--blue)}.switchboard-section{background:linear-gradient(180deg,#f7fbff,#fff)}.switchboard{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:24px;align-items:center;border:1px solid var(--line);border-radius:36px;padding:28px;background:radial-gradient(circle at 100% 0,rgba(17,189,179,.12),transparent 34%),#fff;box-shadow:0 24px 80px rgba(7,27,95,.07)}.switchboard h2{font-size:clamp(1.85rem,3vw,3rem)}.switch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.switch-grid a{position:relative;overflow:hidden;border:1px solid rgba(18,101,255,.13);border-radius:22px;padding:16px;background:linear-gradient(145deg,#fff,#f2f7ff);box-shadow:0 12px 30px rgba(7,27,95,.06);color:var(--ink);font-weight:900;transition:transform .18s ease,box-shadow .18s ease}.switch-grid a:before{content:attr(data-path);position:absolute;right:12px;top:10px;color:rgba(18,101,255,.16);font-weight:1000;font-size:1.65rem}.switch-grid a:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(18,101,255,.12)}.switch-grid b{display:block;color:var(--blue);margin-top:10px;font-size:.92rem}.lang .flag{display:inline-block;animation:flagPulse 2.8s ease-in-out infinite}.lang a:not(.active) .flag{animation:none}@keyframes flagPulse{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-2px) rotate(-5deg)}}@media(max-width:1100px){.keyword-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:780px){.keyword-grid,.switchboard,.switch-grid{grid-template-columns:1fr}.keyword-card{min-height:auto}.switchboard{padding:20px;border-radius:28px}}@media(prefers-reduced-motion:reduce){.lang .flag,.keyword-card,.switch-grid a{animation:none!important;transition:none!important}}


/* v9 human-mode polish: launch compass and footer copy refinements */
.launch-compass{background:radial-gradient(circle at 8% 0,rgba(18,101,255,.11),transparent 28%),radial-gradient(circle at 94% 20%,rgba(17,189,179,.13),transparent 30%),#f7fbff}.compass-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.compass-card{position:relative;overflow:hidden;border:1px solid var(--line);background:linear-gradient(180deg,#fff,#f8fbff);border-radius:26px;padding:20px;box-shadow:0 16px 44px rgba(7,27,95,.07);min-height:210px}.compass-card:before{content:"";position:absolute;right:-46px;top:-46px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(18,101,255,.12),transparent 67%);animation:compassGlow 6s ease-in-out infinite}.compass-card b{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:16px;background:linear-gradient(135deg,var(--blue),var(--teal));color:#fff;margin-bottom:18px}.compass-card h3{font-size:1.18rem}.compass-card p{font-size:.94rem}.footer-v8 .footer-command-copy{background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.055));box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 24px 80px rgba(0,0,0,.2)}.footer-v8 .footer-lane{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}@keyframes compassGlow{0%,100%{transform:scale(.96);opacity:.72}50%{transform:scale(1.08);opacity:1}}@media(max-width:900px){.compass-grid{grid-template-columns:1fr 1fr}.compass-card{min-height:auto}}@media(max-width:540px){.compass-grid{grid-template-columns:1fr}.compass-card{border-radius:22px}}@media(prefers-reduced-motion:reduce){.compass-card:before{animation:none!important}}


/* v10: contact founder profile, cleanup after removing duplicate WhatsApp bubble */
.profile-section{background:radial-gradient(circle at 12% 8%,rgba(18,101,255,.09),transparent 32%),linear-gradient(180deg,#fff,#f7fbff)}
.profile-card{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);gap:30px;align-items:center;border:1px solid var(--line);background:rgba(255,255,255,.88);border-radius:36px;padding:24px;box-shadow:0 24px 80px rgba(7,27,95,.09);overflow:hidden;position:relative}
.profile-card:before{content:"";position:absolute;right:-120px;top:-120px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(17,189,179,.18),transparent 68%);pointer-events:none;animation:profileGlow 7s ease-in-out infinite}
.profile-photo-wrap{position:relative;border-radius:30px;overflow:hidden;background:#eef6ff;box-shadow:0 18px 50px rgba(7,27,95,.13);isolation:isolate}
.profile-photo-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(7,27,95,.2));pointer-events:none}
.profile-photo{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center top}
.public-impact-photo{aspect-ratio:620/1102;object-fit:contain;background:#fff}
.impact-visual-card{align-self:center;display:block;width:min(250px,28vw);border-radius:24px;overflow:hidden;background:#fff;border:1px solid rgba(255,255,255,.22);box-shadow:0 20px 52px rgba(0,0,0,.22)}
.impact-visual-card img{width:100%;aspect-ratio:620/1102;object-fit:cover}
.profile-copy{position:relative;z-index:1}.profile-copy h2{font-size:clamp(2.2rem,4vw,3.8rem);margin-top:16px}.lead-small{font-size:1.18rem;color:#314966;max-width:760px}.profile-points{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 24px}.profile-points span{border:1px solid rgba(18,101,255,.14);background:#eef6ff;color:var(--navy);border-radius:999px;padding:8px 11px;font-size:.86rem;font-weight:950}.founder-band{background:linear-gradient(135deg,#071b5f,#0b57d0 52%,#0f766e)}
@keyframes profileGlow{0%,100%{transform:scale(.96);opacity:.72}50%{transform:scale(1.08);opacity:1}}
@media(max-width:900px){.profile-card{grid-template-columns:1fr;border-radius:30px;padding:18px}.profile-photo{max-height:560px}.public-impact-photo{max-height:none}.impact-visual-card{width:min(100%,360px);justify-self:start}.profile-copy h2{font-size:2.35rem}.lead-small{font-size:1.06rem}}
@media(prefers-reduced-motion:reduce){.profile-card:before{animation:none!important}}

/* v11: workflow-first homepage positioning */
.before-after-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.before-after-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:0 18px 48px rgba(7,27,95,.07);padding:22px;display:grid;gap:16px}
.before-after-card:before{content:"";position:absolute;right:-52px;top:-52px;width:132px;height:132px;border-radius:50%;background:radial-gradient(circle,rgba(17,189,179,.16),transparent 67%)}
.before-after-card>span{position:relative;z-index:1;width:max-content;border:1px solid rgba(18,101,255,.14);background:#eef6ff;color:var(--blue);border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:950}
.ba-columns{position:relative;z-index:1;display:grid;gap:12px}
.ba-columns p{margin:0;border:1px solid var(--line);border-radius:18px;padding:14px;background:#f8fbff;font-size:.94rem;line-height:1.55}
.ba-columns b{display:block;color:var(--navy);margin-bottom:4px}
.before-after-card a{position:relative;z-index:1;color:var(--blue);font-weight:950}
.starter-paths .card{background:linear-gradient(180deg,#fff,#f8fbff)}
.founder-note-section{background:radial-gradient(circle at 10% 20%,rgba(18,101,255,.12),transparent 30%),radial-gradient(circle at 90% 0,rgba(17,189,179,.16),transparent 34%),#fff}
.founder-note{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;border:1px solid var(--line);border-radius:36px;background:linear-gradient(135deg,#fff,#f7fbff);box-shadow:0 24px 80px rgba(7,27,95,.08);padding:30px}
.founder-note h2{font-size:clamp(1.85rem,3.4vw,3.25rem)}
.founder-note p{max-width:820px;font-size:1.05rem}
@media(max-width:900px){.before-after-grid{grid-template-columns:1fr}.founder-note{grid-template-columns:1fr;border-radius:28px;padding:22px}.founder-note .btn{width:100%}}

.ai-console-section{background:linear-gradient(180deg,#fff,#f6faff)}
.ai-console{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);gap:22px;align-items:stretch;border:1px solid var(--line);border-radius:38px;background:radial-gradient(circle at 85% 0,rgba(17,189,179,.13),transparent 36%),linear-gradient(135deg,#071b5f,#0b57d0 58%,#0f766e);box-shadow:0 28px 90px rgba(7,27,95,.15);padding:24px;overflow:hidden}
.ai-console-copy{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);border-radius:30px;padding:26px;color:#fff;backdrop-filter:blur(14px)}
.ai-console-copy h2{color:#fff;font-size:clamp(2rem,3.5vw,3.4rem)}
.ai-console-copy p{color:#d9e8ff;max-width:760px}
.ai-console-copy .eyebrow{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.18);color:#eaf3ff}
.ai-console-copy .eyebrow b{color:#7dd3fc}
.ai-console-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}
.ai-console-form label{display:grid;gap:7px;color:#eaf3ff;font-weight:900}
.ai-console-form label:nth-child(3){grid-column:1/-1}
.ai-console-form input,.ai-console-form select,.ai-console-form textarea{width:100%;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(255,255,255,.94);color:var(--ink);font:inherit;padding:13px 14px}
.ai-console-form textarea{min-height:116px;resize:vertical}
.ai-console-form button{width:max-content}
.blueprint-card{position:relative;display:flex;flex-direction:column;gap:12px;border:1px solid rgba(255,255,255,.14);border-radius:30px;background:#fff;padding:24px;box-shadow:0 24px 70px rgba(0,0,0,.18);min-height:100%}
.blueprint-card:before{content:"";position:absolute;right:-64px;top:-64px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(18,101,255,.16),transparent 67%)}
.blueprint-top{position:relative;z-index:1;display:flex;align-items:center;gap:10px;color:var(--navy)}
.blueprint-top .dot{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 7px rgba(88,211,34,.14)}
.blueprint-card h3,.blueprint-card p,.blueprint-card ul,.blueprint-card a{position:relative;z-index:1}
.blueprint-card h3{font-size:1.55rem}
.blueprint-card ul{display:grid;gap:8px;margin:0 0 4px;padding-left:1.1rem;color:#34465d}
.blueprint-card li{padding-left:2px}
.blueprint-card .btn{margin-top:auto;width:max-content}
@media(max-width:900px){.ai-console{grid-template-columns:1fr;border-radius:30px;padding:16px}.ai-console-copy,.blueprint-card{border-radius:24px;padding:20px}.ai-console-form{grid-template-columns:1fr}.ai-console-form button,.blueprint-card .btn{width:100%}}

/* v12: cleaner homepage rhythm and mobile-first density */
.hero-v5{padding:58px 0 46px}
.hero-v5 h1{letter-spacing:-.028em;line-height:1.07;max-width:820px}
.hero-v5 .lead{max-width:720px;line-height:1.66}
.hero-actions,.radar-actions,.footer-command-actions{align-items:center}
.hero-proof div,.before-after-card,.switch-grid a,.starter-paths .card{border-radius:18px}
.hero-proof strong{text-transform:none}
.ai-console,.idea-radar,.switchboard,.founder-note,.cta-band{border-radius:28px}
.ai-console-copy,.blueprint-card{border-radius:22px}
.ai-console-copy h2,.idea-radar-copy h2,.founder-note h2{letter-spacing:-.025em;line-height:1.12}
.blueprint-card h3{line-height:1.18}
.switchboard{align-items:start}
.switch-grid a{min-height:96px}
.starter-paths .card{min-height:0}
.founder-note p{line-height:1.7}
.public-impact-section{background:radial-gradient(circle at 8% 20%,rgba(88,211,34,.12),transparent 30%),radial-gradient(circle at 92% 0,rgba(18,101,255,.11),transparent 34%),#f7fbff}
.public-impact{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.45fr) auto;gap:22px;align-items:center;border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,#fff,#f8fcff);box-shadow:0 20px 64px rgba(7,27,95,.08);padding:28px}
.public-impact h2{font-size:clamp(1.85rem,3vw,2.85rem);line-height:1.12;letter-spacing:-.025em}
.public-impact p{max-width:820px;line-height:1.7}
.impact-list{display:grid;gap:8px}
.impact-list span{border:1px solid rgba(18,101,255,.13);background:#eef6ff;color:var(--navy);border-radius:999px;padding:8px 11px;font-size:.84rem;font-weight:950}
@media(max-width:900px){
  .section{padding:42px 0}
  .hero-v5{padding:30px 0 24px}
  .hero-grid-v5{gap:18px}
  .hero-v5 h1{font-size:clamp(2.08rem,9.6vw,3rem);letter-spacing:-.026em}
  .hero-v5 .lead{font-size:1rem;line-height:1.62}
  .hero-kicker{gap:6px}
  .hero-proof{display:none}
  .ecosystem-card{display:none}
  .ai-console-section{padding-top:28px}
  .ai-console{gap:14px;border-radius:24px;padding:14px}
  .ai-console-copy,.blueprint-card{padding:18px;border-radius:20px}
  .ai-console-copy h2{font-size:clamp(1.72rem,8vw,2.35rem)}
  .ai-console-copy p{font-size:.98rem;line-height:1.62}
  .ai-console-form{gap:10px;margin-top:16px}
  .ai-console-form input,.ai-console-form select,.ai-console-form textarea{border-radius:14px;padding:12px}
  .ai-console-form textarea{min-height:96px}
  .idea-radar,.switchboard,.founder-note{border-radius:24px;padding:18px;box-shadow:0 14px 42px rgba(7,27,95,.07)}
  .public-impact{grid-template-columns:1fr;border-radius:24px;padding:20px;box-shadow:0 14px 42px rgba(7,27,95,.07)}
  .public-impact .btn{width:100%}
  .impact-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .radar-board{display:none}
  .radar-actions .btn,.switchboard .btn,.founder-note .btn,.cta-band .btn{width:100%}
  .before-after-card{padding:18px;border-radius:20px}
  .switch-grid{gap:10px}
  .switch-grid a{min-height:auto;padding:14px}
  .switch-grid a:before{font-size:1.2rem;top:8px;right:10px}
  .starter-paths{gap:12px}
  .cta-band{padding:22px}
}
@media(max-width:520px){
  .container{width:min(var(--max),calc(100% - 28px))}
  .section{padding:34px 0}
  .hero-v5 h1{font-size:clamp(2rem,10vw,2.55rem)}
  .hero-actions{gap:9px}
  .hero-proof div{padding:10px;border-radius:14px}
  .hero-proof strong{font-size:.92rem}
  .hero-proof span{font-size:.74rem}
  .ai-console{margin-inline:-2px}
  .blueprint-card ul{gap:6px}
  .idea-radar-copy h2,.switchboard h2,.founder-note h2{font-size:clamp(1.58rem,7.4vw,2.1rem)}
  .before-after-grid{gap:12px}
  .ba-columns p{padding:12px;border-radius:14px}
  .footer-command-copy h2{font-size:clamp(1.55rem,8vw,2.1rem)}
  .impact-list{grid-template-columns:1fr}
}

/* v13: consistent animated hero system and lighter typography */
:root{--font:Aptos,"Segoe UI Variable","Segoe UI",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Arial,sans-serif}
body{font-weight:400}
h1,h2,h3{font-weight:640;letter-spacing:-.014em}
h1{font-size:clamp(2.35rem,5.4vw,4.65rem)}
h2{font-size:clamp(1.9rem,3.6vw,3.05rem)}
h3{font-weight:620}
.lead{font-weight:400}
.navlinks,.btn,.eyebrow,.badge,.filter-btn,.price,.feature-icon,.lang a{font-weight:760}
.hero,.hero-v5,.keyword-hero{isolation:isolate;background:linear-gradient(135deg,#f8fbff 0%,#ffffff 46%,#effff8 100%)!important}
.hero:before,.hero-v5:before,.keyword-hero:before{content:"";position:absolute;inset:-36% -18%;z-index:0;pointer-events:none;background:radial-gradient(circle at 18% 24%,rgba(18,101,255,.2),transparent 24%),radial-gradient(circle at 78% 16%,rgba(17,189,179,.2),transparent 26%),radial-gradient(circle at 58% 84%,rgba(88,211,34,.13),transparent 26%),conic-gradient(from 145deg at 50% 50%,rgba(18,101,255,.08),rgba(17,189,179,.1),rgba(88,211,34,.06),rgba(18,101,255,.08));filter:blur(2px);animation:heroAuroraFlow 14s ease-in-out infinite}
.hero:after,.hero-v5:after,.keyword-hero:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(18,101,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(17,189,179,.04) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,.12));animation:heroGridDrift 18s linear infinite}
.hero>.container,.hero .container,.hero-grid,.hero-grid-v5{position:relative;z-index:1}
.hero h1,.hero-v5 h1,.article h1{font-weight:620;letter-spacing:-.014em;line-height:1.1}
.hero-v5 h1{font-size:clamp(2.45rem,4.35vw,4rem);max-width:850px}
.hero .lead,.hero-v5 .lead{line-height:1.68}
.eyebrow{box-shadow:0 10px 28px rgba(7,27,95,.05);backdrop-filter:blur(10px)}
.hero-card,.ecosystem-card{backdrop-filter:blur(14px);background:rgba(255,255,255,.82)}
@keyframes heroAuroraFlow{0%,100%{transform:translate3d(-1.5%,0,0) scale(1);opacity:.86}45%{transform:translate3d(2.5%,1.5%,0) scale(1.04);opacity:1}70%{transform:translate3d(-.5%,2%,0) scale(1.02);opacity:.92}}
@keyframes heroGridDrift{0%{background-position:0 0,0 0}100%{background-position:42px 42px,42px 42px}}
@media(max-width:900px){
  h1{font-size:clamp(2rem,8.8vw,3rem)}
  h2{font-size:clamp(1.65rem,7vw,2.25rem)}
  .hero,.hero-v5{padding:34px 0 32px}
  .hero-v5 h1{font-size:clamp(2rem,9.2vw,2.85rem);line-height:1.1;letter-spacing:-.016em}
  .hero:after,.hero-v5:after,.keyword-hero:after{background-size:34px 34px}
}
@media(prefers-reduced-motion:reduce){.hero:before,.hero:after,.hero-v5:before,.hero-v5:after,.keyword-hero:before,.keyword-hero:after{animation:none!important}}

/* v14: signature animated buttons, tuned to TernakApp.id logo colors */
.btn{position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(255,255,255,.42);background:linear-gradient(135deg,var(--blue) 0%,#1683ff 34%,var(--teal) 72%,var(--green) 115%);font-weight:780;letter-spacing:.005em;box-shadow:0 16px 38px rgba(18,101,255,.22),inset 0 1px 0 rgba(255,255,255,.28);transform:translateZ(0);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,color .22s ease}
.btn:before{content:"";position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.24),rgba(255,255,255,0) 56%);z-index:-1;pointer-events:none}
.btn:after{content:"";position:absolute;top:-80%;bottom:-80%;left:-35%;width:30%;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.52),transparent);transform:rotate(18deg) translateX(-220%);z-index:-1;pointer-events:none}
.btn:hover{transform:translateY(-3px);box-shadow:0 22px 54px rgba(18,101,255,.28),0 8px 22px rgba(17,189,179,.18),inset 0 1px 0 rgba(255,255,255,.32)}
.btn:hover:after{animation:buttonShine .78s ease forwards}
.btn:active{transform:translateY(-1px) scale(.99)}
.btn:focus-visible{outline:4px solid rgba(17,189,179,.22);outline-offset:4px}
.btn.alt{background:rgba(255,255,255,.88);color:var(--navy);border:1px solid rgba(18,101,255,.14);box-shadow:0 12px 28px rgba(7,27,95,.06),inset 0 1px 0 rgba(255,255,255,.8)}
.btn.alt:before{background:linear-gradient(135deg,rgba(18,101,255,.08),rgba(17,189,179,.08),rgba(88,211,34,.07))}
.btn.alt:hover{border-color:rgba(17,189,179,.34);box-shadow:0 18px 42px rgba(7,27,95,.1),0 6px 18px rgba(17,189,179,.12)}
.btn.small{font-weight:760}
.hero-actions .btn,.cta-band .btn,.footer-command-actions .btn,.public-impact .btn{min-height:48px;padding-inline:20px}
.product-actions .btn.small,.card .btn.small{min-height:38px}
.btn.dark,.footer-dark-alt{background:linear-gradient(135deg,#071b5f,#0b57d0 58%,#0f766e)!important;color:#fff!important;border-color:rgba(255,255,255,.16)!important}
@keyframes buttonShine{0%{transform:rotate(18deg) translateX(-220%)}100%{transform:rotate(18deg) translateX(520%)}}
@media(prefers-reduced-motion:reduce){.btn,.btn:hover{transition:none;transform:none}.btn:hover:after{animation:none}}

/* v16: anti-template layer - command deck, bio-digital buttons, blueprint form */
.btn{min-height:44px;border-radius:16px}.btn-orbit:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#58d322;top:7px;left:18px;box-shadow:0 0 18px rgba(88,211,34,.75);animation:orbitMini 3.8s linear infinite}.btn-data{background-image:linear-gradient(135deg,#1265ff,#11bdb3),repeating-linear-gradient(90deg,transparent 0 12px,rgba(255,255,255,.28) 12px 14px)}.btn-magnetic:after{content:" ->";display:inline-block;margin-left:8px;transition:transform .2s ease}.btn-magnetic:hover:after{transform:translateX(5px)}.btn-circuit{clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.btn-breath{animation:buttonBreath 3.6s ease-in-out infinite}.btn-liquid{background:#fff!important;color:#1265ff!important;border:1px solid rgba(18,101,255,.2)!important}.btn-liquid:after{content:"";position:absolute;inset:auto 0 0;height:0;background:linear-gradient(135deg,rgba(18,101,255,.12),rgba(17,189,179,.18));z-index:-1;transition:height .24s ease}.btn-liquid:hover:after{height:100%}.btn-command{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;border-radius:12px}.btn-command:after{content:"_";margin-left:6px;animation:cursorBlink 1s steps(2,end) infinite}.btn-ghost{background:transparent!important;color:#1265ff!important;box-shadow:none;border:1px solid rgba(18,101,255,.14)!important}.btn-ghost:after{content:"";position:absolute;left:14px;right:14px;bottom:8px;height:1px;background:linear-gradient(90deg,transparent,#11bdb3,transparent);transform:scaleX(.25);transition:transform .2s ease}.btn-ghost:hover:after{transform:scaleX(1)}
.command-hero{min-height:auto;padding:74px 0 46px}.command-hero .hero-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);align-items:center}.command-hero h1{max-width:760px;font-size:clamp(2.1rem,4.5vw,4.45rem);line-height:1.01}.command-trust{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.command-trust span,.metric-chip,.system-route span{border:1px solid rgba(18,101,255,.14);background:rgba(255,255,255,.72);border-radius:999px;padding:8px 10px;color:#07123f;font-weight:850;font-size:.84rem}.command-deck{position:relative;border:1px solid rgba(18,101,255,.16);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(238,250,255,.78));box-shadow:0 28px 80px rgba(18,101,255,.18);padding:18px;overflow:hidden}.command-deck:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(18,101,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(17,189,179,.055) 1px,transparent 1px);background-size:24px 24px;animation:gridDrift 16s linear infinite}.deck-top,.node-grid,.command-bar,.metric-row{position:relative;z-index:1}.deck-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.window-dots{display:flex;gap:6px}.window-dots i{width:9px;height:9px;border-radius:50%;background:#1265ff}.status-ready{border-radius:999px;padding:6px 10px;background:#e7fff5;color:#057765;font-weight:900}.node-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.node-card{min-height:78px;border:1px solid rgba(18,101,255,.14);border-radius:18px;background:rgba(255,255,255,.82);padding:12px;box-shadow:0 14px 34px rgba(7,18,63,.08);animation:cardBreathe 4s ease-in-out infinite}.node-card b{display:block;color:#07123f}.node-card span{color:#52617a;font-size:.9rem}.node-card:nth-child(2){animation-delay:.25s}.node-card:nth-child(3){animation-delay:.5s}.node-card:nth-child(4){animation-delay:.75s}.node-card:nth-child(5){grid-column:1/-1}.command-bar{margin-top:12px;border-radius:16px;background:#07123f;color:#dff9ff;padding:13px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:800}.command-bar:after{content:"";display:inline-block;width:8px;height:18px;margin-left:6px;background:#58d322;vertical-align:-3px;animation:cursorBlink 1s steps(2,end) infinite}.metric-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.data-dot{position:absolute;z-index:2;width:9px;height:9px;border-radius:50%;background:#11bdb3;box-shadow:0 0 18px #11bdb3;animation:dataDotMove 5.4s linear infinite}
.global-bonus,.trust-layer,.app-finder,.usecase-map,.mini-demo,.decision-panel,.security-grid{display:grid;gap:20px}.global-bonus{grid-template-columns:1fr 1fr;align-items:center}.system-route{display:flex;gap:8px;flex-wrap:wrap}.trust-layer{grid-template-columns:repeat(3,1fr)}.delivery-tile,.finder-card,.usecase-card,.demo-panel,.security-list li{border:1px solid rgba(18,101,255,.12);border-radius:20px;background:#fff;padding:18px;box-shadow:0 14px 34px rgba(7,18,63,.06)}.app-finder{grid-template-columns:minmax(0,1fr) minmax(280px,.75fr)}.finder-options{display:flex;gap:8px;flex-wrap:wrap}.finder-chip{min-height:44px;border:1px solid rgba(18,101,255,.16);border-radius:999px;background:#fff;padding:9px 12px;font-weight:850;color:#07123f;cursor:pointer}.finder-chip.active{background:linear-gradient(135deg,#1265ff,#11bdb3);color:#fff}.finder-result{border-radius:22px;background:#07123f;color:#fff;padding:20px}.finder-result h1,.finder-result h2,.finder-result h3,.finder-result h4,.finder-result p,.finder-result span{color:#fff}.finder-result p{color:#d9e8ff}.finder-result span{color:#9ee8df}.finder-result ::selection{background:rgba(125,211,252,.35);color:#fff}.usecase-map{grid-template-columns:repeat(5,1fr)}.usecase-card{cursor:pointer}.usecase-card.active{border-color:#11bdb3;box-shadow:0 18px 42px rgba(17,189,179,.16)}.mini-demo{grid-template-columns:1fr 1fr}.demo-chat{display:grid;gap:9px}.demo-bubble{max-width:88%;border-radius:18px;padding:10px 12px;background:#eef6ff}.demo-bubble.out{justify-self:end;background:#dffaf4}.decision-panel{grid-template-columns:1fr auto;align-items:center;border:1px solid rgba(18,101,255,.13);border-radius:28px;background:linear-gradient(135deg,#fff,#f0fbff);padding:26px;box-shadow:0 20px 48px rgba(7,18,63,.08)}.security-grid{grid-template-columns:.85fr 1.15fr}.security-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.security-list li b,.security-list li span{display:block}.footer-simple{padding:32px 0;color:#d9e8ff}.footer-simple a{color:#fff}.blueprint-form{display:grid;gap:14px}.chip-group{display:flex;gap:8px;flex-wrap:wrap}.chip-toggle{min-height:44px;border-radius:999px;border:1px solid rgba(18,101,255,.14);background:#fff;color:#07123f;font-weight:850;padding:9px 12px}.chip-toggle.active{background:#1265ff;color:#fff}.blueprint-summary{position:sticky;top:96px}.sr-honeypot{position:absolute;left:-9999px;opacity:0;pointer-events:none}
@keyframes orbitMini{0%{transform:translate(0,0)}25%{transform:translate(72px,0)}50%{transform:translate(72px,28px)}75%{transform:translate(0,28px)}100%{transform:translate(0,0)}}@keyframes buttonBreath{0%,100%{box-shadow:0 12px 28px rgba(17,189,179,.16)}50%{box-shadow:0 18px 44px rgba(17,189,179,.34)}}@keyframes cursorBlink{50%{opacity:0}}@keyframes gridDrift{to{background-position:48px 48px}}@keyframes cardBreathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes dataDotMove{0%{top:14%;left:8%}25%{top:14%;left:86%}50%{top:68%;left:86%}75%{top:68%;left:10%}100%{top:14%;left:8%}}
@media(max-width:900px){.command-hero{padding:50px 0 34px}.command-hero .hero-grid,.global-bonus,.app-finder,.mini-demo,.security-grid{grid-template-columns:1fr}.command-hero h1{font-size:clamp(2rem,10vw,3rem)}.node-grid,.trust-layer,.usecase-map{grid-template-columns:1fr}.command-deck{border-radius:22px}.decision-panel{grid-template-columns:1fr;padding:20px}.blueprint-summary{position:static}}
@media(prefers-reduced-motion:reduce){.btn-orbit:after,.btn-breath,.command-deck:before,.node-card,.command-bar:after,.data-dot{animation:none!important;transition:none!important}}

/* v17: consistent command-style heroes for inner pages */
.command-hero-sub{position:relative;overflow:hidden;padding:56px 0 42px!important;background:linear-gradient(135deg,#f8fbff 0%,#fff 42%,#f1fffb 100%)!important}.command-hero-sub>.container{position:relative;z-index:2}.command-hero-sub:before{content:"";position:absolute;inset:-28% -14%;background:radial-gradient(circle at 14% 18%,rgba(18,101,255,.18),transparent 25%),radial-gradient(circle at 86% 22%,rgba(17,189,179,.16),transparent 26%),radial-gradient(circle at 58% 88%,rgba(88,211,34,.11),transparent 25%);animation:heroAuroraFlow 14s ease-in-out infinite;pointer-events:none}.command-hero-sub:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(18,101,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(17,189,179,.045) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(180deg,rgba(0,0,0,.65),rgba(0,0,0,.1));animation:heroGridDrift 18s linear infinite;pointer-events:none}.command-hero-sub h1{max-width:900px;font-size:clamp(2rem,4vw,3.75rem);line-height:1.05;letter-spacing:-.012em}.command-hero-sub .lead{max-width:820px}.command-hero-sub .hero-grid{align-items:center}.command-hero-sub .hero-card{border-radius:26px;border:1px solid rgba(18,101,255,.13);box-shadow:0 20px 56px rgba(18,101,255,.12);background:rgba(255,255,255,.82)}.command-hero-sub .hero-actions .btn:first-child,.command-hero-sub .cta-band .btn:first-child{animation:buttonBreath 4s ease-in-out infinite}.hero-command-panel{position:relative;z-index:3;right:auto;bottom:auto;width:min(100%,520px);grid-column:1/-1;margin:20px 0 0;border:1px solid rgba(18,101,255,.16);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(239,250,255,.78));box-shadow:0 20px 52px rgba(7,18,63,.12);backdrop-filter:blur(14px);padding:14px;overflow:hidden}.hero-grid>.hero-command-panel,.split>.hero-command-panel{justify-self:start}.command-hero-sub .container>.hero-command-panel{margin-inline:0}.hero-command-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(17,189,179,.12),transparent);transform:translateX(-100%);animation:statusScan 4.6s ease-in-out infinite}.mini-deck-top,.mini-node-row,.hero-command-panel code,.mini-chip-row{position:relative;z-index:1}.mini-deck-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.mini-deck-top span{font-weight:900;color:#52617a}.mini-deck-top b{border-radius:999px;background:#e7fff5;color:#057765;padding:5px 9px;font-size:.78rem}.mini-node-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:10px}.mini-node-row span{border:1px solid rgba(18,101,255,.12);background:#fff;border-radius:999px;padding:6px 9px;font-weight:850;font-size:.8rem;color:#07123f}.mini-node-row i{width:16px;height:2px;background:linear-gradient(90deg,#1265ff,#11bdb3);border-radius:999px}.hero-command-panel code{display:block;border-radius:12px;background:#07123f;color:#dff9ff;padding:10px 11px;font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-command-panel code:after{content:"_";color:#58d322;animation:cursorBlink 1s steps(2,end) infinite}.mini-chip-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.mini-chip-row span{font-size:.72rem;font-weight:850;color:#057765;background:#e7fff5;border-radius:999px;padding:5px 7px}.page-hero.command-hero-sub{padding-bottom:42px!important}
@keyframes statusScan{0%,100%{transform:translateX(-110%);opacity:.1}45%{opacity:1}70%{transform:translateX(110%);opacity:.1}}
@media(max-width:1100px){.hero-command-panel{width:100%;max-width:520px}.command-hero-sub{padding-bottom:34px!important}}
@media(max-width:900px){.command-hero-sub{padding:34px 0 24px!important}.command-hero-sub h1{font-size:clamp(1.9rem,8.1vw,2.65rem)}.hero-command-panel{border-radius:18px;padding:10px;margin-top:12px}.mini-deck-top{margin-bottom:7px}.mini-node-row{gap:5px;margin-bottom:0}.mini-node-row span{font-size:.72rem;padding:5px 7px}.mini-node-row i{width:10px}.hero-command-panel code,.mini-chip-row{display:none}.command-hero-sub .kpi-strip{gap:8px}.command-hero-sub .kpi{padding:10px}}
@media(prefers-reduced-motion:reduce){.command-hero-sub:before,.command-hero-sub:after,.hero-command-panel:before,.hero-command-panel code:after,.command-hero-sub .hero-actions .btn:first-child{animation:none!important}}

/* v20: balanced inner-page hero layout */
.command-hero-sub{padding:58px 0 50px!important}
.command-hero-sub>.container:not(.hero-grid):not(.split){display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,460px);gap:42px;align-items:center}
.command-hero-sub>.container:not(.hero-grid):not(.split)>:not(.hero-command-panel){grid-column:1}
.command-hero-sub>.container:not(.hero-grid):not(.split)>.hero-command-panel{grid-column:2;grid-row:1 / span 8;align-self:center;justify-self:end;margin:0;width:100%;max-width:460px}
.command-hero-sub .hero-grid,.command-hero-sub .split{gap:34px;align-items:center}
.command-hero-sub .hero-grid>.hero-command-panel,.command-hero-sub .split>.hero-command-panel{grid-column:1;grid-row:auto;justify-self:start;width:100%;max-width:520px;margin-top:2px}
.command-hero-sub h1{max-width:760px;font-size:clamp(2.15rem,3.6vw,3.55rem);line-height:1.06}
.command-hero-sub .lead{max-width:720px;font-size:clamp(1rem,1.55vw,1.18rem);line-height:1.62}
.command-hero-sub .kpi-strip{max-width:820px}
.hero-command-panel{min-height:184px;display:flex;flex-direction:column;justify-content:center}
.hero-command-panel:after{content:"";position:absolute;right:-38px;bottom:-42px;width:132px;height:132px;border-radius:50%;background:radial-gradient(circle,rgba(18,101,255,.16),transparent 68%);pointer-events:none}
.mini-node-row{align-items:center}.hero-command-panel code{margin-top:2px}
@media(min-width:1101px){.command-hero-sub .hero-grid>.hero-command-panel,.command-hero-sub .split>.hero-command-panel{max-width:460px}.command-hero-sub .hero-grid>.hero-card+ .hero-command-panel,.command-hero-sub .split>.card+ .hero-command-panel{margin-top:-6px}}
@media(max-width:760px){.command-hero-sub>.container:not(.hero-grid):not(.split){grid-template-columns:1fr}.command-hero-sub>.container:not(.hero-grid):not(.split)>.hero-command-panel{grid-column:1;grid-row:auto;justify-self:start;margin-top:14px;max-width:520px}.hero-command-panel{min-height:auto}}
@media(max-width:900px){.command-hero-sub{padding:36px 0 28px!important}.command-hero-sub>.container:not(.hero-grid):not(.split),.command-hero-sub .hero-grid,.command-hero-sub .split{gap:18px}.command-hero-sub h1{font-size:clamp(1.9rem,8vw,2.65rem);max-width:100%}.command-hero-sub .lead{max-width:100%}.command-hero-sub .hero-grid>.hero-command-panel,.command-hero-sub .split>.hero-command-panel{max-width:100%;margin-top:0}.hero-command-panel{min-height:auto}}

/* v22: tighten inner hero spacing */
.command-hero-sub{padding:42px 0 26px!important}
.command-hero-sub+.section{padding-top:36px}
.command-hero-sub h1{font-size:clamp(2.05rem,3.25vw,3.25rem);margin-bottom:18px}
.command-hero-sub .lead{margin-bottom:0}
.command-hero-sub>.container:not(.hero-grid):not(.split){gap:32px}
.hero-command-panel{min-height:150px;padding:12px 14px}
.mini-deck-top{margin-bottom:8px}.mini-node-row{margin-bottom:8px}.mini-chip-row{margin-top:7px}
.hero-command-panel code{padding:9px 10px}
@media(max-width:900px){.command-hero-sub{padding:30px 0 18px!important}.command-hero-sub+.section{padding-top:28px}.command-hero-sub h1{font-size:clamp(1.85rem,7.8vw,2.5rem);margin-bottom:14px}.hero-command-panel{padding:10px;min-height:auto}}

/* v23: compact mobile heroes without removing the product context */
@media(max-width:900px){
  .command-hero{padding:34px 0 22px}
  .command-hero .hero-grid{gap:16px}
  .command-hero h1{font-size:clamp(1.95rem,8.6vw,2.7rem);line-height:1.04}
  .command-hero .lead{font-size:1rem;line-height:1.55;margin-bottom:0}
  .command-trust,.metric-row{display:none}
  .command-deck{padding:12px;border-radius:20px}
  .node-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .node-card{min-height:58px;padding:9px;border-radius:14px}
  .node-card:nth-child(5){display:none}
  .command-bar{font-size:.74rem;padding:10px;border-radius:12px}
  .command-hero-sub{padding:24px 0 14px!important}
  .command-hero-sub+.section{padding-top:22px}
  .command-hero-sub .hero-grid,.command-hero-sub .split{gap:12px}
  .command-hero-sub h1{font-size:clamp(1.78rem,7.2vw,2.28rem);line-height:1.08;margin-bottom:10px}
  .command-hero-sub .lead{font-size:.98rem;line-height:1.52}
  .command-hero-sub .hero-actions{margin:16px 0}
  .command-hero-sub .trust-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
  .command-hero-sub .trust{padding:9px;border-radius:14px}
  .command-hero-sub .trust strong{font-size:1rem}
  .command-hero-sub .trust span{font-size:.74rem}
  .command-hero-sub .kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
  .command-hero-sub .kpi{padding:9px;border-radius:14px}
  .command-hero-sub .hero-card{padding:12px;border-radius:18px}
  .command-hero-sub .hero-card img{max-height:170px;object-fit:contain}
  .hero-command-panel{min-height:auto;padding:8px 10px;border-radius:16px}
  .mini-deck-top{margin-bottom:6px}
  .mini-node-row{gap:5px;margin-bottom:0}
  .mini-node-row span{font-size:.7rem;padding:5px 7px}
  .mini-node-row i{width:9px}
}

/* v24: premium animated brand mark */
.brand{
  position:relative;
  isolation:isolate;
  padding:6px 10px 6px 0;
  border-radius:20px;
}
.brand img{
  position:relative;
  z-index:2;
  transform-origin:34px 50%;
  filter:drop-shadow(0 0 0 rgba(18,101,255,0));
  animation:brandLogoPresence 7.2s ease-in-out infinite;
}
.brand:before{
  content:"";
  position:absolute;
  z-index:1;
  left:-8px;
  top:50%;
  width:44px;
  height:44px;
  border-radius:16px;
  background:
    radial-gradient(circle at 30% 28%,rgba(255,255,255,.9),transparent 18%),
    linear-gradient(135deg,rgba(18,101,255,.18),rgba(17,189,179,.16),rgba(88,211,34,.12));
  box-shadow:0 0 0 1px rgba(18,101,255,.08),0 16px 36px rgba(18,101,255,.12);
  opacity:.42;
  transform:translateY(-50%) scale(.82);
  animation:brandCorePulse 6.8s ease-in-out infinite;
}
.brand:after{
  content:"";
  position:absolute;
  z-index:3;
  left:-2px;
  top:50%;
  width:7px;
  height:7px;
  border-radius:999px;
  background:#11bdb3;
  box-shadow:
    22px -18px 0 rgba(18,101,255,.9),
    45px 16px 0 rgba(88,211,34,.82),
    78px -9px 0 rgba(17,189,179,.72);
  opacity:0;
  transform:translateY(-50%) scale(.7);
  animation:brandSignalNodes 7.2s ease-in-out infinite;
}
.brand img+small:before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:50%;
  height:120%;
  pointer-events:none;
  background:linear-gradient(105deg,transparent 12%,rgba(255,255,255,.85) 28%,rgba(17,189,179,.18) 38%,transparent 54%);
  transform:translate(-140%,-50%) skewX(-14deg);
  mix-blend-mode:screen;
  opacity:0;
  animation:brandDataSweep 6.8s cubic-bezier(.65,0,.2,1) infinite;
}
@keyframes brandLogoPresence{
  0%,68%,100%{filter:drop-shadow(0 0 0 rgba(18,101,255,0));transform:translateY(0) scale(1)}
  76%{filter:drop-shadow(0 7px 18px rgba(18,101,255,.16));transform:translateY(-1px) scale(1.012)}
  84%{filter:drop-shadow(0 0 0 rgba(18,101,255,0));transform:translateY(0) scale(1)}
}
@keyframes brandCorePulse{
  0%,64%,100%{opacity:.34;transform:translateY(-50%) scale(.82) rotate(0deg)}
  72%{opacity:.72;transform:translateY(-50%) scale(1) rotate(4deg)}
  82%{opacity:.46;transform:translateY(-50%) scale(.9) rotate(0deg)}
}
@keyframes brandSignalNodes{
  0%,58%,100%{opacity:0;transform:translateY(-50%) scale(.58)}
  66%{opacity:.92;transform:translateY(-50%) scale(1)}
  74%{opacity:.55;transform:translateY(-50%) scale(.82)}
  80%{opacity:0;transform:translateY(-50%) scale(.58)}
}
@keyframes brandDataSweep{
  0%,54%{opacity:0;transform:translate(-145%,-50%) skewX(-14deg)}
  62%{opacity:.72}
  76%{opacity:.18;transform:translate(145%,-50%) skewX(-14deg)}
  82%,100%{opacity:0;transform:translate(145%,-50%) skewX(-14deg)}
}
.brand:hover img{
  animation-duration:3.8s;
  filter:drop-shadow(0 8px 22px rgba(18,101,255,.18));
}
.brand:hover:before,
.brand:hover:after{
  animation-duration:3.8s;
}
@media(max-width:900px){
  .brand{padding-right:6px}
  .brand:before{width:38px;height:38px;border-radius:14px;left:-7px}
  .brand:after{box-shadow:18px -15px 0 rgba(18,101,255,.85),36px 13px 0 rgba(88,211,34,.72),62px -7px 0 rgba(17,189,179,.66)}
}
@media(prefers-reduced-motion:reduce){
  .brand img,.brand:before,.brand:after,.brand img+small:before{animation:none!important}
}