:root{--bg:#f3f4f6;--bg-elevated:#fff;--bg-muted:#e9ebef;--ink:#0b1220;--ink-soft:#1c2434;--text:#121826;--text-secondary:#4b5565;--text-tertiary:#6b7280;--line:#dde1e7;--line-strong:#c8ced8;--brand:#e8452b;--brand-hover:#cf3a22;--brand-soft:#e8452b14;--brand-ring:#e8452b38;--whatsapp:#25d366;--whatsapp-hover:#1ebe57;--whatsapp-ring:#25d36638;--navy:#0f2744;--navy-soft:#0f27440f;--success:#0f766e;--radius:12px;--radius-lg:18px;--nav-h:68px;--max:1120px;--font-display:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang HK", "Microsoft JhengHei", sans-serif;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang HK", "Microsoft JhengHei", sans-serif;--ease:cubic-bezier(.22, 1, .36, 1);--shadow-sm:0 1px 2px #0b12200a, 0 4px 12px #0b12200a;--shadow-md:0 8px 24px #0b12200f;--shadow-lg:0 20px 48px #0b122014}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.65;overflow-x:hidden}img,svg,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}.container{width:min(100% - 2.5rem, var(--max));margin-inline:auto}.page-bg{pointer-events:none;z-index:0;background:linear-gradient(180deg, #f7f8fa 0%, var(--bg) 40%, #eef0f3 100%);position:fixed;inset:0}.page-bg:before{content:"";opacity:.4;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:72px 72px;position:absolute;inset:0;mask-image:radial-gradient(70% 55% at 50% 0,#000 10%,#0000 75%)}.page-bg .blob{display:none}.site{z-index:1;position:relative}.eyebrow{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--brand);align-items:center;gap:.55rem;font-size:.72rem;font-weight:700;display:inline-flex}.eyebrow:before{content:"";background:var(--brand);width:1.1rem;height:1.5px}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);margin:0;font-weight:700;line-height:1.15}h1{letter-spacing:-.035em;font-size:clamp(2.2rem,4.8vw,3.35rem)}h2{font-size:clamp(1.7rem,3.2vw,2.25rem)}h3{font-size:1.15rem}.lead{color:var(--text-secondary);max-width:38rem;font-size:1.05rem;line-height:1.7}.section{padding:clamp(4.25rem,9vw,6.5rem) 0}.section-head{max-width:38rem;margin-bottom:clamp(2rem,4vw,2.75rem)}.section-head .lead{margin-top:.9rem}.btn{min-height:2.85rem;font-family:var(--font-display);letter-spacing:-.01em;transition:transform .25s var(--ease), background .2s ease, border-color .2s ease, box-shadow .25s var(--ease), color .2s ease;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.25rem;font-size:.92rem;font-weight:600;display:inline-flex}.btn:focus-visible,.nav-link:focus-visible,.logo:focus-visible,.audience-chip:focus-visible,.contact-mail:focus-visible,.contact-whatsapp:focus-visible,.pathway-map a:focus-visible,.footer a:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 1px 0 #ffffff1f inset, 0 8px 20px var(--brand-ring)}.btn-primary:hover{background:var(--brand-hover);box-shadow:0 1px 0 #ffffff1f inset, 0 12px 28px var(--brand-ring);transform:translateY(-1px)}.btn-shine:after{display:none}.btn-ghost{border:1px solid var(--line-strong);background:var(--bg-elevated);color:var(--ink);box-shadow:var(--shadow-sm)}.btn-ghost:hover{border-color:var(--ink);background:var(--bg-elevated);transform:translateY(-1px)}#solutions .btn-ghost:hover{border-color:var(--brand-hover);background:var(--brand-hover);color:#fff}.btn-row{flex-wrap:wrap;gap:.7rem;display:flex}.nav{z-index:50;height:var(--nav-h);backdrop-filter:none;box-shadow:none;background:0 0;border-bottom:1px solid #0000;align-items:center;transition:background .3s,border-color .3s,box-shadow .3s,backdrop-filter .3s;display:flex;position:fixed;top:0;left:0;right:0}.nav.is-scrolled,.nav.is-open{backdrop-filter:blur(14px)saturate(1.1);border-bottom-color:var(--line);background:#ffffffeb;box-shadow:0 1px #0b122008}.nav:not(.is-scrolled):not(.is-open) .logo{color:#fff}.nav:not(.is-scrolled):not(.is-open) .nav-link{color:#ffffffd1}.nav:not(.is-scrolled):not(.is-open) .nav-link:hover{color:#fff}.nav:not(.is-scrolled):not(.is-open) .nav-link:after{background:#fff}.nav:not(.is-scrolled):not(.is-open) .nav-toggle{background:#ffffff1f;border-color:#ffffff47}.nav:not(.is-scrolled):not(.is-open) .nav-toggle span{background:#fff}.nav-inner{width:min(100% - 2.5rem, var(--max));justify-content:space-between;align-items:center;gap:1rem;margin-inline:auto;display:flex}.logo{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);align-items:center;gap:.65rem;font-size:1.02rem;font-weight:700;transition:color .3s;display:flex}.logo img,.logo svg{object-fit:contain;width:42px;height:24px;box-shadow:none;background:0 0;border-radius:0;flex-shrink:0}.logo:hover img{opacity:.85;transform:none}.nav-links{align-items:center;gap:1.75rem;margin:0;padding:0;list-style:none;display:none}.nav-link{font-family:var(--font-display);color:var(--text-secondary);font-size:.88rem;font-weight:500;transition:color .3s;position:relative}.nav-link:after{content:"";background:var(--ink);width:0;height:1px;transition:width .28s var(--ease);pointer-events:none;position:absolute;bottom:-5px;left:0}.nav-link:hover{color:var(--ink)}.nav-link:hover:after{width:100%}.nav-cta{display:none}.nav-toggle{border:1px solid var(--line);background:var(--bg-elevated);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:42px;height:42px;transition:background .3s,border-color .3s;display:flex}.nav-toggle span{background:var(--ink);width:16px;height:1.5px;transition:transform .25s,opacity .25s,background .3s;display:block}.nav.is-open .nav-toggle span:first-child{transform:translateY(6.5px)rotate(45deg)}.nav.is-open .nav-toggle span:nth-child(2){opacity:0}.nav.is-open .nav-toggle span:nth-child(3){transform:translateY(-6.5px)rotate(-45deg)}.mobile-panel{top:var(--nav-h);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);box-shadow:var(--shadow-md);background:#fffffffa;padding:.75rem 1.25rem 1.25rem;display:none;position:absolute;left:0;right:0}.nav.is-open .mobile-panel{display:block}.mobile-panel a{border-bottom:1px solid var(--line);color:var(--text-secondary);font-family:var(--font-display);padding:.85rem 0;font-weight:500;display:block}.mobile-panel .btn{color:#fff;border-bottom:0;justify-content:center;align-items:center;width:100%;min-height:2.85rem;margin-top:1rem;padding:.7rem 1.25rem;font-weight:600;display:flex}@media (width>=900px){.nav-links,.nav-cta{display:flex}.nav-toggle,.mobile-panel{display:none!important}}.contact{isolation:isolate;color:#fffc;background:radial-gradient(60% 50% at 15% 20%,#e8452b29,#0000 58%),radial-gradient(50% 45% at 90% 80%,#4678b41f,#0000 55%),linear-gradient(#070b14 0%,#0b1220 48%,#0e1628 100%);padding:clamp(4.25rem,9vw,6.5rem) 0;position:relative;overflow:hidden}.contact-atmosphere{z-index:0;pointer-events:none;position:absolute;inset:0}.contact-glow{filter:blur(56px);opacity:.55;border-radius:50%;position:absolute}.contact-glow--a{background:#e8452b38;width:min(46vw,440px);height:min(46vw,440px);top:-8%;left:-6%}.contact-glow--b{background:#5a8cc824;width:min(40vw,380px);height:min(40vw,380px);bottom:-10%;right:-8%}.contact-grid{opacity:.2;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;mask-image:radial-gradient(70% 65% at 50% 40%,#000 15%,#0000 75%)}.contact-wrap{z-index:1;position:relative}.contact-layout{align-items:stretch;gap:1.75rem;display:grid}@media (width>=900px){.contact-layout{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:center;gap:2rem}}.contact-copy .eyebrow{color:#ff8f7a}.contact-copy .eyebrow:before{background:#ff8f7a}.contact-copy h2{letter-spacing:-.035em;color:#fff;max-width:none;margin:.85rem 0 0;font-size:clamp(1.9rem,4vw,2.75rem);line-height:1.12}.contact-copy .lead{color:#ffffffad;max-width:34rem;margin:1.05rem 0 0}.contact-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.contact-btn-ghost{color:#fff;box-shadow:none;background:0 0;border-color:#ffffff47}.contact-btn-ghost:hover{background:#ffffff14;border-color:#ffffff8c}.contact-card{backdrop-filter:blur(14px)saturate(1.15);background:linear-gradient(160deg,#ffffff14,#ffffff05),#0c121eb8;border:1px solid #ffffff1f;border-radius:20px;gap:1rem;padding:clamp(1.25rem,3vw,1.65rem);display:grid;box-shadow:inset 0 1px #ffffff0f,0 24px 60px #00000059}.contact-card-kicker{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:#ffffff73;margin:0;font-size:.68rem;font-weight:700}.contact-mail{transition:border-color .25s ease, background .25s ease, transform .3s var(--ease);background:linear-gradient(135deg,#e8452b29,#0000 60%),#ffffff08;border:1px solid #e8452b47;border-radius:14px;grid-template-columns:1fr auto;grid-template-areas:"label arrow""addr arrow";align-items:center;gap:.15rem .75rem;padding:1rem 1.05rem;display:grid}.contact-mail:hover{background:linear-gradient(135deg,#e8452b38,#0000 60%),#ffffff0d;border-color:#ff8f7a8c;transform:translateY(-2px)}.contact-mail-label{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:#ff8f7a;grid-area:label;font-size:.68rem;font-weight:700}.contact-mail-addr{font-family:var(--font-display);letter-spacing:-.02em;color:#fff;word-break:break-all;grid-area:addr;font-size:clamp(.98rem,1.6vw,1.12rem);font-weight:700}.contact-mail-arrow{color:#ff8f7a;transition:transform .3s var(--ease);grid-area:arrow;font-size:1.25rem}.contact-mail:hover .contact-mail-arrow{transform:translate(4px)}.contact-whatsapp{transition:border-color .25s ease, background .25s ease, transform .3s var(--ease);background:linear-gradient(135deg,#25d3662e,#0000 60%),#ffffff08;border:1px solid #25d36666;border-radius:14px;grid-template-columns:1fr auto;grid-template-areas:"label arrow""value arrow";align-items:center;gap:.15rem .75rem;padding:1rem 1.05rem;display:grid}.contact-whatsapp:hover{background:linear-gradient(135deg,#25d36642,#0000 60%),#ffffff0d;border-color:#73e595b3;transform:translateY(-2px)}.contact-channel-label{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:#76e69a;grid-area:label;font-size:.68rem;font-weight:700}.contact-channel-value{font-family:var(--font-display);letter-spacing:-.02em;color:#fff;grid-area:value;font-size:clamp(.98rem,1.6vw,1.12rem);font-weight:700}.contact-channel-arrow{color:#76e69a;transition:transform .3s var(--ease);grid-area:arrow;font-size:1.25rem}.contact-whatsapp:hover .contact-channel-arrow{transform:translate(4px)}.contact-meta{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.contact-meta>div{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:.75rem .85rem}.contact-meta-label{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:#ffffff6b;margin-bottom:.25rem;font-size:.66rem;font-weight:700;display:block}.contact-meta strong{font-family:var(--font-display);color:#ffffffe6;font-size:.9rem;font-weight:600}.contact-footnote{color:#ffffff80;margin:0;font-size:.84rem;line-height:1.5}.footer{border-top:1px solid var(--line);background:var(--bg-elevated);padding:2.5rem 0 2rem}.footer-grid{gap:1.5rem;display:grid}@media (width>=720px){.footer-grid{grid-template-columns:1.5fr 1fr 1fr}}.footer .logo{margin-bottom:.7rem}.footer p{color:var(--text-tertiary);max-width:28ch;margin:0;font-size:.9rem}.footer h4{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);margin:0 0 .7rem;font-size:.72rem;font-weight:700}.footer ul{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.footer a{color:var(--text-secondary);font-size:.9rem;transition:color .2s}.footer a:hover{color:var(--brand)}.footer-bottom{border-top:1px solid var(--line);color:var(--text-tertiary);font-size:.78rem;font-family:var(--font-display);flex-wrap:wrap;justify-content:space-between;gap:.75rem;margin-top:2rem;padding-top:1.15rem;display:flex}.whatsapp-float{right:max(1.25rem, env(safe-area-inset-right));bottom:max(1.25rem, env(safe-area-inset-bottom));z-index:40;background:var(--whatsapp);color:#fff;width:3.5rem;height:3.5rem;box-shadow:0 6px 16px var(--whatsapp-ring);transition:transform .25s var(--ease), background .2s ease, box-shadow .25s var(--ease);border-radius:50%;place-items:center;display:grid;position:fixed}.whatsapp-float:hover{background:var(--whatsapp-hover);box-shadow:0 8px 20px var(--whatsapp-ring);transform:translateY(-2px)scale(1.02)}.whatsapp-float:focus-visible{outline:2px solid var(--whatsapp-hover);outline-offset:3px}.whatsapp-float svg{width:2.1rem;height:2.1rem}.reveal{opacity:0;transition:opacity .7s var(--ease), transform .7s var(--ease);transition-delay:calc(var(--i,0) * 70ms);transform:translateY(20px)}.reveal.is-in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.hero-in{opacity:1;transition:none;animation:none;transform:none}.hero-scroll i{animation:none}.btn-primary:hover,.product-card:hover,.audience-chip:hover,.ah-gap-card:hover,.ah-role:hover,.contact-mail:hover,.contact-whatsapp:hover,.whatsapp-float:hover,.contact-mail:hover .contact-mail-arrow,.contact-whatsapp:hover .contact-channel-arrow,.product-card:hover .product-media img,.audience-profile:hover .audience-profile-media img{transform:none}}