/*
Theme Name: AspKom Eixil
Theme URI: https://theaspkom.com/
Author: AspKom Eixil Consulting Private Limited
Author URI: https://theaspkom.com/
Description: AspKom Eixil — CSS-first responsive nutraceutical consulting, formulation, editorial SEO and lead-generation theme.
Version: 3.4.0
Requires at least: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: aspkom
Tags: blog, business, e-commerce, accessibility-ready, custom-logo, custom-menu, featured-images, translation-ready, wide-blocks
*/

:root{
 --ak-ink:#101417;--ak-ink-soft:#20272b;--ak-paper:#f5f7f4;--ak-white:#fff;
 --ak-green:#08785b;--ak-green-dark:#064d3b;--ak-lime:#d7ef76;--ak-mint:#dff3eb;
 --ak-gold:#d7ad55;--ak-muted:#647078;--ak-line:#dbe3df;
 --ak-shadow:0 20px 70px rgba(16,20,23,.12);
 --ak-radius:24px;--ak-radius-sm:14px;--ak-max:1280px;--ak-reading:780px;
 --ak-gap:clamp(18px,2vw,28px);--ak-transition:180ms ease;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ak-paper);color:var(--ak-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65;overflow-x:hidden}
img,svg,video,canvas{max-width:100%;height:auto} iframe{max-width:100%}
a{color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--ak-lime);outline-offset:3px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ak-skip{position:absolute;left:-9999px;top:auto}.ak-skip:focus{left:16px;top:16px;z-index:9999;background:#fff;padding:12px 16px;border-radius:10px}
.ak-container{width:min(calc(100% - 40px),var(--ak-max));margin-inline:auto}.ak-narrow{width:min(calc(100% - 40px),var(--ak-reading));margin-inline:auto}

/* Global shell */
.ak-topbar{background:var(--ak-green-dark);color:#e3f3ed;font-size:12px;letter-spacing:.035em}.ak-topbar-inner{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:20px}.ak-topbar a{text-decoration:none;color:#fff;font-weight:800}
.ak-header{position:sticky;top:0;z-index:100;background:rgba(245,247,244,.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(219,227,223,.9);isolation:isolate}
.admin-bar .ak-header{top:32px}.ak-header-inner{min-height:84px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;position:relative}
.ak-brand{display:inline-flex;align-items:center;min-width:155px;text-decoration:none}.ak-brand img{display:block;width:auto;height:auto;max-width:205px;max-height:58px;object-fit:contain}
.ak-nav{justify-self:center}.ak-nav>div>ul,.ak-nav>ul{display:flex;align-items:center;justify-content:center;gap:2px;list-style:none;margin:0;padding:0}.ak-nav li{position:relative}.ak-nav a{display:flex;align-items:center;gap:5px;padding:11px 12px;text-decoration:none;font-size:13px;font-weight:800;color:var(--ak-ink-soft);border-radius:11px;white-space:nowrap}.ak-nav a:hover,.ak-nav .current-menu-item>a,.ak-nav .current_page_item>a{background:#e7efeb;color:var(--ak-green)}
.ak-nav .menu-item-has-children>a:after{content:"⌄";font-size:13px;line-height:1;transition:transform var(--ak-transition)}.ak-nav .menu-item-has-children:hover>a:after,.ak-nav .menu-item-has-children:focus-within>a:after{transform:rotate(180deg)}
.ak-nav ul ul{position:absolute;left:0;top:calc(100% + 8px);min-width:245px;visibility:hidden;opacity:0;transform:translateY(-5px);transition:opacity var(--ak-transition),transform var(--ak-transition),visibility var(--ak-transition);background:#fff;border:1px solid var(--ak-line);border-radius:16px;box-shadow:var(--ak-shadow);padding:8px;list-style:none;z-index:200}
.ak-nav ul ul:before{content:"";position:absolute;left:18px;top:-6px;width:12px;height:12px;background:#fff;border-left:1px solid var(--ak-line);border-top:1px solid var(--ak-line);transform:rotate(45deg)}
.ak-nav ul ul li{width:100%}.ak-nav ul ul a{width:100%;padding:11px 12px;white-space:normal;justify-content:space-between}.ak-nav ul ul ul{left:calc(100% + 8px);top:-8px}.ak-nav ul ul ul:before{left:-6px;top:18px}.ak-nav li:hover>ul,.ak-nav li:focus-within>ul{visibility:visible;opacity:1;transform:translateY(0)}
.ak-nav ul ul li.menu-item-has-children>a:after{content:"›";font-size:16px;transform:none}.ak-menu-toggle{display:none;border:1px solid var(--ak-line);background:#fff;border-radius:12px;padding:9px 11px}.ak-menu-toggle span{display:block;width:22px;height:2px;background:var(--ak-ink);margin:4px 0}
.ak-header-cta,.ak-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;text-decoration:none;background:var(--ak-green);color:#fff;padding:12px 18px;border-radius:12px;font-weight:850;font-size:13px;cursor:pointer;transition:transform var(--ak-transition),background var(--ak-transition),box-shadow var(--ak-transition)}
.ak-header-cta:hover,.ak-button:hover{background:var(--ak-green-dark);transform:translateY(-1px);box-shadow:0 10px 24px rgba(6,77,59,.18)}.ak-button.alt{background:var(--ak-ink)}.ak-button.lime{background:var(--ak-lime);color:var(--ak-ink)}.ak-button.ghost{background:transparent;color:var(--ak-ink);border:1px solid var(--ak-line)}

/* Homepage hero */
.ak-hero-slider{position:relative;background:var(--ak-ink);color:#fff;overflow:hidden}.ak-slider-track{display:flex;transition:transform 650ms cubic-bezier(.22,.8,.24,1);will-change:transform}.ak-slide{min-width:100%;position:relative;isolation:isolate}.ak-slide:before{content:"";position:absolute;inset:0;z-index:-2;background:var(--slide-bg,linear-gradient(135deg,#063d30,#08785b))}.ak-slide:after{content:"";position:absolute;width:min(48vw,620px);height:min(48vw,620px);right:-11%;top:-22%;border-radius:50%;border:100px solid rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);z-index:-1}.ak-slide-inner{min-height:clamp(520px,72vh,700px);display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);align-items:center;gap:60px;padding:70px 0}.ak-slide-copy{max-width:780px}.ak-slide-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.16em;font-weight:900;color:var(--slide-accent,#d7ef76);margin:0 0 16px}.ak-slide h1,.ak-slide h2{font-size:clamp(42px,5.4vw,76px);line-height:1.01;letter-spacing:-.055em;margin:0 0 20px}.ak-slide h1 span,.ak-slide h2 span{color:var(--slide-accent,#d7ef76)}.ak-slide-lead{font-size:clamp(17px,1.7vw,21px);line-height:1.55;color:rgba(255,255,255,.8);max-width:720px;margin:0 0 28px}.ak-slide-actions{display:flex;flex-wrap:wrap;gap:11px}.ak-slide-visual{min-height:340px;display:grid;place-items:center;position:relative}.ak-visual-core{width:min(360px,70vw);aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,255,255,.22);display:grid;place-items:center;position:relative}.ak-visual-core:before,.ak-visual-core:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.17)}.ak-visual-core:before{inset:14%}.ak-visual-core:after{inset:28%}.ak-visual-label{width:48%;aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.09);backdrop-filter:blur(8px);display:grid;place-items:center;text-align:center;padding:20px;font-weight:900;font-size:15px;letter-spacing:.02em}.ak-orbit{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--slide-accent,#d7ef76);box-shadow:0 0 30px var(--slide-accent,#d7ef76)}.ak-orbit.o1{top:8%;left:51%}.ak-orbit.o2{bottom:16%;left:9%}.ak-orbit.o3{right:8%;top:58%}.ak-slider-nav{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);width:min(calc(100% - 40px),var(--ak-max));display:flex;align-items:center;justify-content:space-between;gap:18px;pointer-events:none}.ak-slider-dots{display:flex;gap:7px;pointer-events:auto}.ak-slider-dot{width:9px;height:9px;border-radius:50%;border:0;background:rgba(255,255,255,.35);padding:0}.ak-slider-dot.is-active{width:30px;border-radius:10px;background:var(--ak-lime)}.ak-slider-arrow{pointer-events:auto;width:42px;height:42px;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.14);color:#fff;border-radius:50%;font-size:20px}.ak-slider-arrows{display:flex;gap:8px}.ak-slider-progress{position:absolute;left:0;bottom:0;height:3px;background:var(--ak-lime);width:20%;transition:width 650ms ease}

/* Shared content components */
.ak-component-surface{isolation:isolate}.ak-section{padding:82px 0}.ak-section.alt{background:#fff}.ak-section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.ak-section-head>div{max-width:760px}.ak-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.16em;font-weight:900;color:var(--ak-green);margin:0 0 13px}.ak-section-head h2{font-size:clamp(31px,4vw,51px);line-height:1.05;letter-spacing:-.045em;margin:0}.ak-section-head p{max-width:610px;color:var(--ak-muted);margin:0}
.ak-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ak-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.ak-card{background:#fff;border:1px solid var(--ak-line);border-radius:var(--ak-radius);padding:28px;transition:transform var(--ak-transition),box-shadow var(--ak-transition),border-color var(--ak-transition)}.ak-card:hover{transform:translateY(-4px);box-shadow:var(--ak-shadow);border-color:#c3d5cd}.ak-card-index{font-size:11px;font-weight:900;color:var(--ak-green);letter-spacing:.1em}.ak-card h2,.ak-card h3{font-size:22px;line-height:1.2;margin:13px 0 9px}.ak-card h2 a,.ak-card h3 a{text-decoration:none}.ak-card p{color:var(--ak-muted);margin:0}.ak-text-link{display:inline-flex;margin-top:18px;font-weight:900;color:var(--ak-green);text-decoration:none}.ak-text-link:hover{text-decoration:underline}
.ak-launch{background:var(--ak-green-dark);color:#fff;border-radius:32px;padding:56px;position:relative;overflow:hidden}.ak-launch:before{content:"";position:absolute;right:-130px;top:-140px;width:460px;height:460px;border-radius:50%;border:100px solid rgba(215,239,118,.11)}.ak-launch:after{content:"";position:absolute;left:-130px;bottom:-180px;width:420px;height:420px;border-radius:50%;border:1px solid rgba(255,255,255,.14)}.ak-launch-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.ak-launch h2{font-size:clamp(36px,4.3vw,58px);line-height:1.02;letter-spacing:-.05em;margin:0 0 16px}.ak-launch p{color:#cbe2da;font-size:18px}.ak-points{display:grid;grid-template-columns:1fr 1fr;gap:10px;list-style:none;padding:0;margin:0}.ak-points li{padding:15px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);border-radius:13px;color:#edf5f2;font-weight:750}
.ak-articles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ak-article{padding:28px;border:1px solid var(--ak-line);border-radius:var(--ak-radius);background:#fff}.ak-article.featured{grid-column:span 2;grid-row:span 2;background:var(--ak-ink);color:#fff}.ak-article.featured p{color:#c7d2ce}.ak-meta{font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:var(--ak-green)}.ak-article.featured .ak-meta{color:var(--ak-lime)}.ak-article h3{font-size:25px;line-height:1.12;margin:13px 0}.ak-article.featured h3{font-size:clamp(31px,3.3vw,49px)}.ak-article h3 a{text-decoration:none}.ak-article p{color:var(--ak-muted)}.ak-band{background:var(--ak-lime);color:var(--ak-ink);padding:35px 0}.ak-band-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.ak-band h2{margin:0;font-size:clamp(26px,3vw,40px);letter-spacing:-.04em}

/* Page shell: THEME owns the H1 and hero. Content starts below it. */
.ak-page-hero{position:relative;overflow:hidden;padding:70px 0 58px;color:#fff;text-align:center;background:radial-gradient(circle at 14% 15%,rgba(215,239,118,.18),transparent 25%),radial-gradient(circle at 88% 84%,rgba(63,180,145,.22),transparent 30%),linear-gradient(135deg,#063b2e 0%,#0b5c48 48%,#101417 100%);border-bottom:0}.ak-page-hero-pattern{position:absolute;inset:0;pointer-events:none;opacity:.65;background:linear-gradient(90deg,transparent 0 49.7%,rgba(255,255,255,.055) 50%,transparent 50.3%),linear-gradient(0deg,transparent 0 49.7%,rgba(255,255,255,.035) 50%,transparent 50.3%);background-size:72px 72px;mask-image:linear-gradient(to bottom,black,transparent)}.ak-page-hero-inner{position:relative;z-index:1}.ak-page-eyebrow{margin:0 0 13px;color:var(--ak-lime);font-size:11px;font-weight:900;letter-spacing:.17em;text-transform:uppercase}.ak-page-hero h1{font-size:clamp(44px,6vw,78px);line-height:1.01;letter-spacing:-.055em;margin:0 auto 14px;max-width:1000px;text-wrap:balance}.ak-page-description{color:#d7e7e1;font-size:18px;max-width:820px;margin:0 auto}.ak-page-hero--editorial{padding-bottom:64px}.ak-page-hero--archive h1{font-size:clamp(40px,5vw,68px)}
.ak-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;font-size:12px;line-height:1.4;color:#b7d2c9;margin:0 auto 25px}.ak-breadcrumbs a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(215,239,118,.35)}.ak-breadcrumbs a:hover{color:var(--ak-lime);border-color:var(--ak-lime)}.ak-breadcrumb-separator{opacity:.55}
.ak-page-content{background:var(--ak-paper)}.ak-page-content-inner{padding-top:0;padding-bottom:40px}.ak-page-article{max-width:1180px;margin:0 auto}.ak-page-article>.wp-block-group:first-child,.ak-page-article>section:first-child,.ak-page-article>.ak-section:first-child{margin-top:0}.ak-page-article h2,.ak-page-article h3{scroll-margin-top:110px}.ak-page-article p,.ak-page-article li{overflow-wrap:anywhere}
/* If an older Reach HTML block with its own hero is still pasted, the theme shell wins. */
.ak-page-content .ak-reach>.ak-reach-hero:first-child{display:none!important}.ak-page-content .ak-reach>.ak-reach-hero:first-child + *{margin-top:0}

/* Article shell */
.ak-post-header{position:relative;overflow:hidden;padding:78px 0 66px;color:#fff;text-align:center;background:radial-gradient(circle at 12% 25%,rgba(215,239,118,.20),transparent 24%),radial-gradient(circle at 88% 20%,rgba(51,174,138,.24),transparent 26%),linear-gradient(135deg,#052f25 0%,#075943 52%,#111619 100%)}.ak-post-header:before,.ak-post-header:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.ak-post-header:before{width:420px;height:420px;right:-150px;top:-250px;border:1px solid rgba(215,239,118,.25);box-shadow:0 0 0 48px rgba(215,239,118,.035),0 0 0 96px rgba(215,239,118,.02)}.ak-post-header:after{width:260px;height:260px;left:-120px;bottom:-170px;border:54px solid rgba(255,255,255,.035)}.ak-post-header-glow{position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 49.7%,rgba(255,255,255,.025) 50%,transparent 50.3%);background-size:100% 56px}.ak-post-header-inner{position:relative;z-index:2;text-align:center}.ak-post-header h1{font-size:clamp(42px,6vw,78px);line-height:1.015;letter-spacing:-.055em;margin:0 auto 22px;max-width:1060px;text-wrap:balance}.ak-post-excerpt{font-size:clamp(17px,2vw,21px);line-height:1.55;color:#d1e3dc;max-width:820px;margin:0 auto}.ak-post-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 18px;font-size:12px;color:#b7cbc4;margin-top:25px}.ak-post-meta span{position:relative}.ak-post-meta span+span:before{content:"•";margin-right:18px;color:var(--ak-lime)}.ak-featured-media{margin-top:32px}.ak-featured-media img{display:block;width:100%;border-radius:var(--ak-radius)}.ak-post-content{padding-bottom:50px}.ak-post-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;align-items:start}.ak-content-inner{min-width:0}.ak-prose{font-size:18px;line-height:1.8}.ak-prose h2{font-size:clamp(30px,4vw,44px);line-height:1.1;letter-spacing:-.04em;margin:1.6em 0 .55em}.ak-prose h3{font-size:clamp(23px,3vw,32px);line-height:1.15;margin:1.5em 0 .5em}.ak-prose p,.ak-prose ul,.ak-prose ol{margin:0 0 1.15em}.ak-prose a{color:var(--ak-green);font-weight:750}.ak-prose blockquote{margin:28px 0;padding:22px 26px;border-left:4px solid var(--ak-green);background:#eaf2ee;border-radius:0 14px 14px 0}.ak-prose img{border-radius:16px}.ak-empty-state{padding:50px;border:1px solid var(--ak-line);border-radius:var(--ak-radius);background:#fff}.ak-pagination{display:flex;justify-content:center;gap:8px;margin-top:35px;flex-wrap:wrap}.ak-pagination a,.ak-pagination span{padding:9px 13px;border:1px solid var(--ak-line);background:#fff;border-radius:9px;text-decoration:none}.ak-pagination .current{background:var(--ak-green);color:#fff;border-color:var(--ak-green)}

/* Sidebar/widgets */
.ak-sidebar{position:sticky;top:112px;min-width:0}.ak-widget{background:#fff;border:1px solid var(--ak-line);border-radius:18px;padding:20px;margin-bottom:16px}.ak-widget h2,.ak-widget .widget-title{font-size:17px;margin:0 0 13px}.ak-widget ul{list-style:none;margin:0;padding:0}.ak-widget li{padding:8px 0;border-bottom:1px solid #edf1ef}.ak-widget li:last-child{border-bottom:0}.ak-widget a{text-decoration:none}.ak-widget a:hover{color:var(--ak-green)}.ak-search{display:flex;gap:6px}.ak-search input{width:100%;min-width:0;border:1px solid var(--ak-line);border-radius:10px;padding:10px}.ak-search button{width:42px;border:0;border-radius:10px;background:var(--ak-green);color:#fff}

/* Persistent contact */
.ak-contact{position:fixed;right:18px;bottom:18px;z-index:90;display:flex;gap:8px}.ak-contact a{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 14px;border-radius:13px;background:var(--ak-green);color:#fff;text-decoration:none;font-size:12px;font-weight:850;box-shadow:0 12px 30px rgba(0,0,0,.16);transition:transform var(--ak-transition),box-shadow var(--ak-transition)}.ak-contact a:last-child{background:var(--ak-ink)}.ak-contact a:hover{transform:translateY(-2px);box-shadow:0 16px 35px rgba(0,0,0,.22)}

/* Footer */
.ak-footer{background:#0e1715;color:#d8e4df;padding:65px 0 25px}.ak-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}.ak-footer .ak-brand{margin-bottom:15px}.ak-footer .ak-brand img{filter:brightness(0) invert(1);max-width:180px}.ak-footer h3{color:#fff;margin:0 0 13px;font-size:14px}.ak-footer p{color:#aebdb7;font-size:14px}.ak-footer ul{list-style:none;margin:0;padding:0}.ak-footer li{margin:7px 0}.ak-footer a{text-decoration:none}.ak-footer a:hover{color:var(--ak-lime)}.ak-footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:40px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);font-size:12px;color:#8ea19a}
.ak-404{text-align:center;padding:110px 0}.ak-404 h1{font-size:clamp(60px,10vw,130px);line-height:1;margin:0;color:var(--ak-green)}

/* Responsive */
@media(max-width:1120px){
 .ak-header-inner{grid-template-columns:auto auto}.ak-nav{grid-column:1/-1;grid-row:2;display:none;justify-self:stretch;z-index:20}.ak-nav.is-open{display:block}.ak-nav>div>ul,.ak-nav>ul{display:block}.ak-nav ul ul{position:static;visibility:visible;opacity:1;transform:none;display:none;box-shadow:none;border:0;background:#f7f9f7;padding-left:14px}.ak-nav ul ul:before{display:none}.ak-nav li.menu-item-has-children.is-open>ul{display:block}.ak-nav .menu-item-has-children>a:after{margin-left:auto}.ak-menu-toggle{display:block;justify-self:end}.ak-header-cta{display:none}.ak-slide-inner{grid-template-columns:1fr 340px;gap:30px}.ak-grid-4{grid-template-columns:1fr 1fr}.ak-sidebar{top:105px}
}
@media(max-width:800px){
 .ak-container{width:min(calc(100% - 28px),var(--ak-max))}.ak-narrow{width:min(calc(100% - 28px),var(--ak-reading))}.ak-topbar-inner{justify-content:center;text-align:center}.ak-topbar .ak-top-right{display:none}.ak-header-inner{min-height:76px}.ak-brand{justify-self:center;margin-inline:auto}.ak-brand img{max-width:175px;max-height:52px}.ak-menu-toggle{position:absolute;right:0;top:50%;transform:translateY(-50%)}
 .ak-slide-inner{min-height:620px;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:52px 0 88px}.ak-slide-copy{max-width:100%}.ak-slide-actions{justify-content:center}.ak-slide-visual{min-height:230px}.ak-visual-core{width:245px}.ak-slide:after{width:330px;height:330px;border-width:60px;right:-150px;top:-80px}.ak-slider-nav{bottom:18px}.ak-slider-arrows{display:none}
 .ak-section{padding:60px 0}.ak-section-head{display:block}.ak-section-head .ak-text-link{margin-top:16px}.ak-grid-3,.ak-grid-4,.ak-launch-grid,.ak-articles{grid-template-columns:1fr}.ak-article.featured{grid-row:auto;grid-column:auto}.ak-launch{padding:34px 24px}.ak-points{grid-template-columns:1fr}.ak-band-inner{display:block}.ak-band .ak-button{margin-top:16px}.ak-footer-grid{grid-template-columns:1fr 1fr}.ak-footer-bottom{display:block}.ak-post-layout,.ak-editorial-layout{grid-template-columns:1fr}.ak-sidebar{position:static}.ak-post-header{padding-top:50px}.ak-page-hero{padding:56px 0 46px}.ak-page-hero h1,.ak-post-header h1{font-size:clamp(38px,10.5vw,58px)}.ak-breadcrumbs{font-size:11px;gap:6px;margin-bottom:20px}.ak-post-meta span+span:before{margin-right:10px}.ak-prose{font-size:17px}
 .ak-contact{left:12px;right:12px;bottom:12px;display:grid;grid-template-columns:1fr 1fr}.ak-contact a{justify-content:center;padding:11px 8px}.ak-contact a span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media(max-width:470px){
 .admin-bar .ak-header{top:46px}.ak-footer-grid{grid-template-columns:1fr}.ak-header-inner{grid-template-columns:1fr}.ak-brand img{max-width:160px}.ak-menu-toggle{right:0}.ak-slide h1,.ak-slide h2{font-size:40px}.ak-slide-lead{font-size:16px}.ak-slide-actions .ak-button{width:100%}.ak-contact a{font-size:11px}.ak-post-meta{display:grid;gap:5px}.ak-post-meta span+span:before{display:none}.ak-page-description{font-size:16px}.ak-page-hero h1,.ak-post-header h1{font-size:39px}.ak-section-head h2{font-size:34px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ak-slider-track{transition:none!important}.ak-card,.ak-button,.ak-contact a{transition:none!important}}


/* =========================================================
   aspkom v2.0.6 — Interaction, Navigation & Resilience Layer
   ========================================================= */
:root{
  --ak-header-height:84px;
  --ak-focus-ring:0 0 0 4px rgba(215,239,118,.32),0 0 0 2px var(--ak-lime);
  --ak-glass:rgba(255,255,255,.78);
}
html{scroll-padding-top:calc(var(--ak-header-height) + 20px);text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
::selection{background:var(--ak-lime);color:var(--ak-ink)}

/* Better keyboard/focus treatment without changing mouse aesthetics. */
.ak-nav a:focus-visible,.ak-menu-toggle:focus-visible,.ak-header-cta:focus-visible,.ak-button:focus-visible{
  outline:none;box-shadow:var(--ak-focus-ring);
}

/* =========================================================
   PREMIUM MENU ITEM — add class in WP Appearance > Menus
   ak-menu-featured
   Optional: ak-menu-nexus / ak-menu-launchpad / ak-menu-commons
   ========================================================= */
.ak-nav li.ak-menu-featured > a{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  color:#fff;
  padding-inline:15px;
  background:linear-gradient(135deg,var(--ak-green-dark),var(--ak-green));
  box-shadow:0 8px 20px rgba(6,77,59,.18),inset 0 1px 0 rgba(255,255,255,.17);
  transition:transform 220ms ease,box-shadow 220ms ease,background 220ms ease;
}
.ak-nav li.ak-menu-featured > a::before{
  content:"";
  position:absolute;
  z-index:-1;
  width:130%;height:180%;
  left:-145%;top:-40%;
  transform:rotate(18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);
  transition:left 600ms cubic-bezier(.2,.75,.2,1);
}
.ak-nav li.ak-menu-featured > a::after{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.16);
  pointer-events:none;
}
.ak-nav li.ak-menu-featured > a:hover,
.ak-nav li.ak-menu-featured:focus-within > a,
.ak-nav li.ak-menu-featured.current-menu-item > a,
.ak-nav li.ak-menu-featured.current-menu-ancestor > a{
  transform:translateY(-2px);
  background:linear-gradient(135deg,#075943,#0b8b69);
  box-shadow:0 13px 30px rgba(6,77,59,.26),0 0 0 1px rgba(215,239,118,.24);
}
.ak-nav li.ak-menu-featured > a:hover::before,
.ak-nav li.ak-menu-featured:focus-within > a::before{left:125%}
.ak-nav li.ak-menu-featured > a:focus-visible{outline:3px solid var(--ak-lime);outline-offset:3px}

/* Distinct semantic glow variants. */
.ak-nav li.ak-menu-nexus > a{--menu-accent:#8fe3ff}
.ak-nav li.ak-menu-launchpad > a{--menu-accent:#d7ef76}
.ak-nav li.ak-menu-commons > a{--menu-accent:#f0b8ff}
.ak-nav li.ak-menu-featured > a::after{box-shadow:0 0 18px color-mix(in srgb,var(--menu-accent,#d7ef76) 35%,transparent)}

/* Active menu item marker: visual hierarchy without keyword stuffing. */
.ak-nav li.current-menu-item:not(.ak-menu-featured) > a::before,
.ak-nav li.current-menu-ancestor:not(.ak-menu-featured) > a::before{
  content:"";
  position:absolute;
  left:12px;right:12px;bottom:5px;
  height:2px;border-radius:3px;
  background:linear-gradient(90deg,var(--ak-green),var(--ak-lime));
  transform-origin:left center;
  animation:ak-nav-marker-in 320ms ease both;
}
@keyframes ak-nav-marker-in{from{transform:scaleX(.2);opacity:0}to{transform:scaleX(1);opacity:1}}

/* Mobile nav becomes a deliberate glass panel rather than a plain list. */
.ak-nav-backdrop{
  position:fixed;inset:0;z-index:96;
  border:0;padding:0;margin:0;
  background:rgba(7,16,13,.42);
  backdrop-filter:blur(5px);
}
.ak-nav-backdrop[hidden]{display:none}
.ak-header{z-index:100}
.ak-menu-lock{overflow:hidden}

.ak-menu-toggle{position:relative;z-index:110;transition:background 180ms ease,box-shadow 180ms ease,transform 180ms ease}
.ak-menu-toggle span{transition:transform 200ms ease,opacity 160ms ease}
.ak-menu-toggle.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.ak-menu-toggle.is-open span:nth-child(2){opacity:0}
.ak-menu-toggle.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

@media(max-width:1120px){
  .ak-nav{position:absolute;left:0;right:0;top:calc(100% + 10px);padding:10px;max-height:min(76vh,680px);overflow:auto;border:1px solid rgba(219,227,223,.95);border-radius:20px;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 25px 70px rgba(16,20,23,.18)}
  .ak-nav.is-open{display:block;animation:ak-nav-panel-in 180ms ease both}
  @keyframes ak-nav-panel-in{from{opacity:0;transform:translateY(-7px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
  .ak-nav > div > ul,.ak-nav > ul{display:block}
  .ak-nav li{margin:2px 0}
  .ak-nav a{min-height:46px;padding:12px 13px}
  .ak-nav ul ul{margin:4px 0 8px;padding:6px 6px 6px 12px;border-left:2px solid var(--ak-line);border-radius:0 12px 12px 0;background:#f7faf8}
  .ak-nav ul ul a{min-height:42px}
  .ak-nav li.ak-menu-featured > a{transform:none;box-shadow:0 8px 20px rgba(6,77,59,.15)}
  .ak-nav li.current-menu-item:not(.ak-menu-featured) > a::before,.ak-nav li.current-menu-ancestor:not(.ak-menu-featured) > a::before{left:9px;right:auto;bottom:9px;width:3px;height:26px}
}

/* Stronger content containment for unpredictable Gutenberg/plugin blocks. */
.ak-page-article,.ak-content-inner,.ak-card,.ak-widget{min-width:0}
.ak-page-article table,.ak-content-inner table{max-width:100%;overflow-x:auto;display:block;border-collapse:collapse}
.ak-page-article pre,.ak-content-inner pre{max-width:100%;overflow:auto}
.ak-page-article iframe,.ak-content-inner iframe{width:100%;border:0}

/* More resilient responsive tables / media. */
.ak-prose img,.ak-page-article img{max-width:100%;height:auto}
.ak-prose figure,.ak-page-article figure{max-width:100%;margin-inline:0}

/* Reduce fixed contact bar interference with browser safe areas. */
.ak-contact{bottom:max(18px,env(safe-area-inset-bottom));}

@media(max-width:800px){
  .ak-contact{bottom:max(12px,env(safe-area-inset-bottom));}
}

/* Color-mix fallback: browsers without it retain the base border. */
@supports not (color:color-mix(in srgb,white,black)){
  .ak-nav li.ak-menu-featured > a::after{box-shadow:none}
}

@media(prefers-reduced-motion:reduce){
  .ak-nav li.ak-menu-featured > a,
  .ak-menu-toggle span{transition:none}
  .ak-nav li.current-menu-item > a::before,
  .ak-nav li.current-menu-ancestor > a::before,
  .ak-nav.is-open{animation:none}
}


/* =========================================================
   aspkom v2.0.6 — Mobile UX / Navigation Refinement
   Design intent: premium, touch-first, one-row header.
   ========================================================= */

/* Desktop header baseline */
.ak-header-inner{min-height:82px}
.ak-brand{flex-shrink:0}

/* Submenu control is created by navigation.js on mobile. Hidden on desktop. */
.ak-submenu-toggle{display:none}

@media (max-width:1120px){
  .ak-header-inner{
    min-height:78px;
    grid-template-columns:minmax(0,1fr) auto;
    gap:16px;
  }

  .ak-brand{justify-self:start;margin:0}
  .ak-brand img{max-width:220px;max-height:64px}

  .ak-menu-toggle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    justify-self:end;
    width:52px;
    height:52px;
    padding:0;
    border-radius:15px;
    border:1px solid rgba(219,227,223,.95);
    background:rgba(255,255,255,.94);
    box-shadow:0 8px 24px rgba(16,20,23,.08);
  }

  .ak-menu-toggle:hover,
  .ak-menu-toggle.is-open{
    background:#eaf2ee;
    box-shadow:0 12px 28px rgba(6,77,59,.14);
  }

  .ak-menu-toggle span{width:24px;height:2px;margin:4px 0}

  .ak-nav{
    left:0;
    right:0;
    top:calc(100% + 8px);
    width:100%;
    max-height:calc(100dvh - 94px);
    padding:10px;
    border-radius:22px;
    background:rgba(255,255,255,.98);
    box-shadow:0 28px 80px rgba(16,20,23,.22);
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }

  .ak-nav > div > ul,
  .ak-nav > ul{display:block;margin:0;padding:0}

  .ak-nav li{margin:3px 0}
  .ak-nav a{
    min-height:54px;
    padding:14px 15px;
    border-radius:14px;
    font-size:15px;
    line-height:1.25;
    -webkit-tap-highlight-color:transparent;
  }

  /* A parent becomes a two-control row: label navigates, chevron expands. */
  .ak-nav li.menu-item-has-children{
    display:grid;
    grid-template-columns:minmax(0,1fr) 50px;
    align-items:stretch;
    gap:6px;
  }

  .ak-nav li.menu-item-has-children > a{
    min-width:0;
  }

  .ak-nav li.menu-item-has-children > a:after{display:none}

  .ak-submenu-toggle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:50px;
    min-height:54px;
    border:1px solid var(--ak-line);
    border-radius:14px;
    background:#f7faf8;
    color:var(--ak-green);
    font-weight:900;
    -webkit-tap-highlight-color:transparent;
    transition:background 180ms ease,transform 180ms ease,box-shadow 180ms ease;
  }

  .ak-submenu-toggle span{
    display:block;
    font-size:19px;
    line-height:1;
    transition:transform 180ms ease;
  }

  .ak-nav li.is-open > .ak-submenu-toggle{
    background:#e7f1ec;
    box-shadow:inset 0 0 0 1px rgba(8,120,91,.12);
  }

  .ak-nav li.is-open > .ak-submenu-toggle span{transform:rotate(180deg)}

  .ak-nav ul ul{
    grid-column:1 / -1;
    width:100%;
    margin:1px 0 8px;
    padding:7px 0 7px 12px;
    border-left:3px solid var(--ak-line);
    border-radius:0 15px 15px 0;
    background:#f6f9f7;
  }

  .ak-nav ul ul li{
    display:grid;
    grid-template-columns:minmax(0,1fr) 46px;
    gap:5px;
  }

  .ak-nav ul ul a{
    min-height:48px;
    padding:12px 13px;
    font-size:14px;
  }

  .ak-nav ul ul .ak-submenu-toggle{
    min-width:46px;
    min-height:48px;
    border-radius:12px;
  }

  /* Featured items remain visually prominent without shrinking tap targets. */
  .ak-nav li.ak-menu-featured > a{
    color:#fff;
    min-height:56px;
    background:linear-gradient(135deg,var(--ak-green-dark),var(--ak-green));
    box-shadow:0 9px 22px rgba(6,77,59,.17),inset 0 1px 0 rgba(255,255,255,.15);
  }

  .ak-nav li.ak-menu-featured > a:hover,
  .ak-nav li.ak-menu-featured > a:focus-visible{
    transform:none;
  }

  .ak-nav li.ak-menu-featured > .ak-submenu-toggle{
    min-height:56px;
    background:#e9f4ef;
  }

  /* Submenu premium class support: parent item class may live at any depth. */
  .ak-nav ul ul li.ak-menu-featured > a{
    background:linear-gradient(135deg,var(--ak-green-dark),var(--ak-green));
  }

  .ak-nav a:active,
  .ak-submenu-toggle:active{
    transform:scale(.985);
  }

  /* Make menu labels and controls clearly separate from the backdrop. */
  .ak-nav.is-open{animation:ak-nav-panel-in 190ms cubic-bezier(.2,.8,.2,1) both}


  /* Header becomes the first visual object below browser chrome. */
  .ak-header{top:0}
  .admin-bar .ak-header{top:46px}

  /* Give fixed contact dock breathing room so it cannot cover the final CTA. */
  main{padding-bottom:82px}
}

@media (max-width:800px){
  .ak-topbar{display:none}
  .ak-container{width:min(calc(100% - 24px),var(--ak-max))}
  .ak-header-inner{min-height:76px}
  .ak-brand img{max-width:225px;max-height:64px}
  .ak-menu-toggle{width:50px;height:50px}
  .ak-nav{max-height:calc(100dvh - 90px);border-radius:20px}

  .ak-contact{
    left:10px;
    right:10px;
    bottom:max(10px,env(safe-area-inset-bottom));
    gap:7px;
    padding:0;
  }

  .ak-contact a{
    min-height:46px;
    padding:10px 9px;
    border-radius:14px;
    font-size:11px;
  }
}

@media (max-width:470px){
  .ak-header-inner{grid-template-columns:minmax(0,1fr) auto;gap:10px}
  .ak-brand img{max-width:225px;max-height:64px}
  .ak-brand{min-width:0}
  .ak-menu-toggle{width:48px;height:48px;border-radius:14px}
  .ak-nav{top:calc(100% + 7px);padding:8px;max-height:calc(100dvh - 86px)}
  .ak-nav a{font-size:14px;min-height:52px;padding:13px 14px}
  .ak-nav li.menu-item-has-children{grid-template-columns:minmax(0,1fr) 48px}
  .ak-submenu-toggle{min-width:48px;min-height:52px}
  .ak-contact a{font-size:10.5px;min-height:44px}
}

@media (prefers-reduced-motion:reduce){
  .ak-submenu-toggle span{transition:none}
  .ak-nav.is-open{animation:none}
}

/* =========================================================
   aspkom v2.0.6 — MOBILE APP EXPERIENCE
   Mobile is a first-class interface, not a collapsed desktop site.
   ========================================================= */
:root{
  --ak-mobile-header-height:74px;
  --ak-mobile-dock-height:72px;
  --ak-mobile-surface:#f5f7f4;
  --ak-mobile-card:#ffffff;
  --ak-mobile-radius:24px;
}

/* Clean app-like header: brand + one primary action. */
@media (max-width:1120px){
  body{padding-bottom:0}
  .ak-header{
    height:var(--ak-mobile-header-height);
    min-height:var(--ak-mobile-header-height);
    background:rgba(250,252,250,.94);
    border-bottom:1px solid rgba(16,20,23,.07);
    box-shadow:0 5px 24px rgba(16,20,23,.05);
  }
  .ak-header.is-menu-open{box-shadow:none}
  .ak-header-inner{
    width:min(calc(100% - 28px),var(--ak-max));
    height:var(--ak-mobile-header-height);
    min-height:var(--ak-mobile-header-height);
    grid-template-columns:minmax(0,1fr) auto;
    gap:14px;
  }
  .ak-brand{
    min-width:0;
    width:max-content;
    max-width:calc(100% - 66px);
    margin:0;
    justify-self:start;
    display:flex;
    align-items:center;
  }
  .ak-brand img{
    width:auto;
    height:auto;
    max-width:220px;
    max-height:58px;
    object-fit:contain;
  }
  .ak-menu-toggle{
    width:50px;
    height:50px;
    flex:0 0 50px;
    border-radius:16px;
    border:1px solid rgba(6,77,59,.12);
    background:#fff;
    box-shadow:0 7px 22px rgba(6,77,59,.11);
  }
  .ak-menu-toggle:hover{transform:none}
  .ak-menu-toggle.is-open{background:var(--ak-green-dark);border-color:var(--ak-green-dark);box-shadow:0 10px 28px rgba(6,77,59,.25)}
  .ak-menu-toggle span{background:var(--ak-ink);height:2px;width:23px}
  .ak-menu-toggle.is-open span{background:#fff}

  /* Full-height app navigation sheet. */
  .ak-nav{
    position:fixed !important;
    z-index:120;
    top:var(--ak-mobile-header-height) !important;
    right:0 !important;
    bottom:0 !important;
    left:0 !important;
    width:100% !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    border:0 !important;
    border-radius:28px 28px 0 0 !important;
    background:
      radial-gradient(circle at 100% 0%,rgba(8,120,91,.10),transparent 30%),
      radial-gradient(circle at 0% 72%,rgba(215,239,118,.13),transparent 26%),
      var(--ak-mobile-surface);
    box-shadow:0 -20px 60px rgba(16,20,23,.16);
    transform:translateY(18px);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:transform 260ms cubic-bezier(.2,.8,.2,1),opacity 180ms ease,visibility 0s linear 260ms;
  }
  .ak-nav.is-open{
    display:block;
    transform:translateY(0);
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transition:transform 300ms cubic-bezier(.16,.84,.24,1),opacity 180ms ease;
  }
  .ak-mobile-nav-head{
    position:sticky;
    top:0;
    z-index:5;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    min-height:78px;
    padding:16px max(20px,calc((100vw - var(--ak-max))/2 + 20px));
    background:rgba(245,247,244,.88);
    border-bottom:1px solid rgba(16,20,23,.07);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
  }
  .ak-mobile-nav-kicker{
    display:block;
    margin-bottom:3px;
    color:var(--ak-green);
    font-size:10px;
    font-weight:900;
    letter-spacing:.16em;
  }
  .ak-mobile-nav-head strong{display:block;color:var(--ak-ink);font-size:18px;line-height:1.2}
  .ak-mobile-nav-close{
    width:42px;height:42px;flex:0 0 42px;
    border:1px solid var(--ak-line);
    border-radius:14px;
    background:#fff;color:var(--ak-ink);
    font-size:27px;line-height:1;
    box-shadow:0 5px 16px rgba(16,20,23,.07);
  }
  .ak-nav > div > ul,.ak-nav > ul{width:min(calc(100% - 32px),620px);margin:0 auto;padding:18px 0 10px}
  .ak-nav li{margin:7px 0}
  .ak-nav a{min-height:56px;padding:15px 16px;border-radius:17px;font-size:16px;font-weight:800;background:rgba(255,255,255,.84);border:1px solid rgba(16,20,23,.06);box-shadow:0 5px 18px rgba(16,20,23,.045)}
  .ak-nav a:hover,.ak-nav .current-menu-item>a,.ak-nav .current_page_item>a{background:#fff;color:var(--ak-green);transform:none}
  .ak-nav li.menu-item-has-children{display:grid;grid-template-columns:minmax(0,1fr) 54px;gap:7px;align-items:stretch}
  .ak-nav li.menu-item-has-children>a{min-width:0}
  .ak-nav li.menu-item-has-children>a:after{display:none}
  .ak-submenu-toggle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:54px;min-width:54px;height:56px;min-height:56px;
    border:1px solid rgba(6,77,59,.12);
    border-radius:17px;
    background:#fff;color:var(--ak-green);
    box-shadow:0 5px 18px rgba(16,20,23,.045);
  }
  .ak-submenu-toggle span{font-size:21px;transition:transform 220ms ease}
  .ak-nav li.is-open>.ak-submenu-toggle{background:#e7f2ed;box-shadow:inset 0 0 0 1px rgba(8,120,91,.12)}
  .ak-nav li.is-open>.ak-submenu-toggle span{transform:rotate(180deg)}

  /* Smooth accordion submenus instead of display:none jumps. */
  .ak-nav ul ul{
    grid-column:1 / -1;
    position:static;
    display:block !important;
    width:100%;
    min-width:0;
    max-height:0;
    margin:0;
    padding:0 0 0 13px;
    overflow:hidden;
    visibility:visible;
    opacity:1;
    transform:none;
    border:0;
    border-left:2px solid #cfdcd5;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    transition:max-height 280ms cubic-bezier(.2,.8,.2,1),padding 220ms ease;
  }
  .ak-nav li.is-open>ul{max-height:1600px;padding-top:5px;padding-bottom:3px}
  .ak-nav ul ul li{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:6px;margin:5px 0}
  .ak-nav ul ul a{min-height:49px;padding:13px 14px;font-size:14px;border-radius:14px;background:rgba(255,255,255,.62);box-shadow:none}
  .ak-nav ul ul .ak-submenu-toggle{width:48px;min-width:48px;height:49px;min-height:49px;border-radius:14px;box-shadow:none}

  /* Premium menu cards on mobile. */
  .ak-nav li.ak-menu-featured{position:relative}
  .ak-nav li.ak-menu-featured>a{
    min-height:62px;
    padding:16px 17px;
    color:#fff;
    background:linear-gradient(135deg,#063f31,#0a8b69);
    border-color:rgba(215,239,118,.18);
    box-shadow:0 12px 28px rgba(6,77,59,.20),inset 0 1px 0 rgba(255,255,255,.15);
  }
  .ak-nav li.ak-menu-featured>a::before{left:-130%;width:80%;height:220%;opacity:.7}
  .ak-nav li.ak-menu-featured>a::after{border-radius:15px}
  .ak-nav li.ak-menu-featured>a:hover::before{left:150%}
  .ak-nav li.ak-menu-featured>.ak-submenu-toggle{height:62px;min-height:62px;background:#e7f3ee;border-color:rgba(6,77,59,.12)}
  .ak-nav ul ul li.ak-menu-featured>a{min-height:52px;background:linear-gradient(135deg,#0a6049,#0b8a69);color:#fff}

  .ak-mobile-nav-foot{
    display:flex;flex-wrap:wrap;gap:7px;
    width:min(calc(100% - 32px),620px);
    margin:8px auto 0;
    padding:16px 0 calc(30px + env(safe-area-inset-bottom));
  }
  .ak-mobile-nav-foot span{padding:7px 10px;border-radius:999px;background:#e8eee9;color:#5d6b63;font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}

  .ak-nav-backdrop{z-index:110;background:rgba(6,18,14,.58);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}

  /* Mobile app dock: persistent high-intent navigation. */
  .ak-mobile-dock{
    position:fixed;
    z-index:105;
    left:10px;right:10px;
    bottom:max(10px,env(safe-area-inset-bottom));
    height:var(--ak-mobile-dock-height);
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:4px;
    padding:6px;
    border:1px solid rgba(255,255,255,.7);
    border-radius:22px;
    background:rgba(255,255,255,.86);
    box-shadow:0 15px 40px rgba(16,20,23,.18),0 2px 8px rgba(16,20,23,.08);
    backdrop-filter:blur(22px);
    -webkit-backdrop-filter:blur(22px);
  }
  .ak-mobile-dock-item{
    position:relative;
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:2px;
    border:0;
    border-radius:16px;
    background:transparent;
    color:#65716b;
    text-decoration:none;
    font-size:10px;
    font-weight:850;
    line-height:1.1;
    -webkit-tap-highlight-color:transparent;
  }
  .ak-mobile-dock-item:hover{background:#eef3ef;color:var(--ak-green)}
  .ak-mobile-dock-item.is-active{background:#e8f3ed;color:var(--ak-green)}
  .ak-dock-icon{font-size:21px;line-height:1;font-weight:700}
  .ak-dock-icon svg{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .ak-mobile-dock-item.ak-dock-chat{background:var(--ak-green);color:#fff;box-shadow:0 8px 18px rgba(6,77,59,.22)}
  .ak-mobile-dock-item.ak-dock-chat:hover{background:var(--ak-green-dark);color:#fff}

  /* Content is allowed to breathe above the floating dock. */
  main{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
  .ak-contact{display:none}
  .ak-band,.ak-launch{border-radius:24px}

  /* App-like article/page hero. */
  .ak-page-hero,.ak-post-header{border-radius:0 0 30px 30px;overflow:hidden}
  .ak-page-hero-inner,.ak-post-header-inner{padding-top:46px;padding-bottom:46px}
  .ak-page-hero h1,.ak-post-header h1{font-size:clamp(34px,10vw,52px);line-height:.99;letter-spacing:-.045em}
  .ak-page-description,.ak-post-excerpt{font-size:16px;line-height:1.65}
  .ak-section{padding-block:42px}
  .ak-section-head h2{font-size:clamp(29px,8vw,42px);line-height:1.02}
  .ak-card,.ak-article{border-radius:21px}
}

@media(max-width:470px){
  :root{--ak-mobile-header-height:70px;--ak-mobile-dock-height:68px}
  .ak-header-inner{width:calc(100% - 22px);gap:9px}
  .ak-brand img{max-width:210px;max-height:56px}
  .ak-menu-toggle{width:48px;height:48px;flex-basis:48px;border-radius:15px}
  .ak-nav{top:var(--ak-mobile-header-height) !important;border-radius:24px 24px 0 0 !important}
  .ak-mobile-nav-head{min-height:72px;padding:14px 17px}
  .ak-mobile-nav-head strong{font-size:17px}
  .ak-nav > div > ul,.ak-nav > ul{width:calc(100% - 24px);padding-top:14px}
  .ak-nav a{min-height:54px;padding:14px;font-size:15px}
  .ak-nav li.menu-item-has-children{grid-template-columns:minmax(0,1fr) 50px;gap:6px}
  .ak-submenu-toggle{width:50px;min-width:50px;height:54px;min-height:54px}
  .ak-nav li.ak-menu-featured>a{min-height:60px}
  .ak-nav li.ak-menu-featured>.ak-submenu-toggle{height:60px;min-height:60px}
  .ak-mobile-nav-foot{width:calc(100% - 24px)}
  .ak-mobile-dock{left:7px;right:7px;bottom:max(7px,env(safe-area-inset-bottom));border-radius:21px}
  .ak-mobile-dock-item{font-size:9px}
  .ak-dock-icon{font-size:20px}
  .ak-dock-icon svg{width:20px;height:20px}
  main{padding-bottom:calc(90px + env(safe-area-inset-bottom))}
}

@media(min-width:1121px){
  .ak-mobile-nav-head,.ak-mobile-nav-foot,.ak-mobile-dock{display:none}
}

@media(prefers-reduced-motion:reduce){
  .ak-nav,.ak-nav ul ul,.ak-submenu-toggle span{transition:none !important}
}
@media(max-width:1120px){
  .ak-nav ul ul li.menu-item-has-children > a::after{display:none !important}
}

/* v2.0.6 final mobile polish */
@media(max-width:1120px){
  .ak-topbar{display:none}
  .ak-mobile-dock{display:grid}
}
@media(max-width:470px){
  .ak-brand img{width:clamp(190px,60vw,240px);max-width:240px;max-height:58px}
}


/* =========================================================
   ASPKOM v2.0.6 — Mobile Product Interface / Right Drawer
   UX direction: mobile app shell, not a collapsed website.
   ========================================================= */

/* Keep the brand row visually intentional at every compact width. */
@media (max-width:1120px){
  :root{
    --ak-mobile-header-height:76px;
    --ak-mobile-drawer-width:min(68vw,460px);
  }

  .ak-header{
    z-index:100;
    background:rgba(247,249,247,.94);
  }

  .ak-header-inner{
    min-height:var(--ak-mobile-header-height);
    grid-template-columns:minmax(0,1fr) auto;
    gap:14px;
    width:min(calc(100% - 24px),var(--ak-max));
  }

  .ak-brand{
    display:flex;
    align-items:center;
    justify-self:start;
    min-width:0;
  }

  .ak-brand img{
    display:block;
    width:auto;
    max-width:min(62vw,240px);
    max-height:58px;
  }

  /* Branded menu control: visual identity + clear affordance, not a random icon. */
  .ak-menu-toggle{
    position:relative;
    z-index:140;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    width:auto;
    min-width:72px;
    height:50px;
    padding:0 12px;
    border:1px solid rgba(6,77,59,.14);
    border-radius:17px;
    background:linear-gradient(145deg,#ffffff,#edf4f0);
    color:var(--ak-green-dark);
    box-shadow:0 8px 24px rgba(6,77,59,.11),inset 0 1px 0 rgba(255,255,255,.95);
    -webkit-tap-highlight-color:transparent;
  }

  .ak-menu-toggle::before{
    content:"";
    position:absolute;
    inset:-3px;
    z-index:-1;
    border-radius:20px;
    background:linear-gradient(135deg,rgba(215,239,118,.45),transparent 48%,rgba(6,77,59,.12));
    opacity:.75;
  }

  .ak-menu-toggle-visual{
    position:relative;
    display:grid;
    place-items:center;
    width:28px;
    height:28px;
    border:1px solid rgba(6,77,59,.16);
    border-radius:50%;
    background:#f8fbf9;
    box-shadow:inset 0 0 0 4px rgba(6,77,59,.035),0 4px 10px rgba(6,77,59,.08);
  }

  .ak-menu-toggle-visual i{
    position:absolute;
    left:7px;
    width:14px;
    height:2px;
    border-radius:10px;
    background:var(--ak-green-dark);
    transition:transform 220ms ease,opacity 160ms ease,width 180ms ease;
  }

  .ak-menu-toggle-visual i:nth-child(1){transform:translateY(-5px)}
  .ak-menu-toggle-visual i:nth-child(2){transform:translateY(0);width:10px}
  .ak-menu-toggle-visual i:nth-child(3){transform:translateY(5px)}

  .ak-menu-toggle-visual em{
    position:absolute;
    width:5px;
    height:5px;
    right:1px;
    top:2px;
    border-radius:50%;
    background:var(--ak-lime);
    box-shadow:0 0 0 3px rgba(215,239,118,.22),0 0 12px rgba(215,239,118,.55);
  }

  .ak-menu-toggle-label{
    display:inline !important;
    width:auto !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    font-size:11px;
    font-weight:900;
    letter-spacing:.07em;
    text-transform:uppercase;
  }

  .ak-menu-toggle.is-open{
    background:linear-gradient(145deg,#073f32,#0a8062);
    color:#fff;
    border-color:rgba(215,239,118,.25);
    box-shadow:0 10px 28px rgba(6,77,59,.26);
  }

  .ak-menu-toggle.is-open .ak-menu-toggle-visual{
    border-color:rgba(255,255,255,.2);
    background:rgba(255,255,255,.09);
  }

  .ak-menu-toggle.is-open .ak-menu-toggle-visual i{background:#fff}
  .ak-menu-toggle.is-open .ak-menu-toggle-visual i:nth-child(1){transform:translateY(0) rotate(45deg)}
  .ak-menu-toggle.is-open .ak-menu-toggle-visual i:nth-child(2){opacity:0;transform:translateX(6px)}
  .ak-menu-toggle.is-open .ak-menu-toggle-visual i:nth-child(3){transform:translateY(0) rotate(-45deg)}
  .ak-menu-toggle.is-open .ak-menu-toggle-visual em{background:#d7ef76}

  /* Drawer: deliberately occupies the right ~2/3, leaving visual context on the left. */
  .ak-nav{
    position:fixed !important;
    z-index:130;
    top:0 !important;
    right:0 !important;
    left:auto !important;
    bottom:0 !important;
    width:var(--ak-mobile-drawer-width) !important;
    height:100dvh !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    visibility:hidden;
    opacity:0;
    pointer-events:none;
    transform:translate3d(105%,0,0) !important;
    border:0 !important;
    border-left:1px solid rgba(255,255,255,.55) !important;
    border-radius:30px 0 0 30px !important;
    background:
      radial-gradient(circle at 100% 0%,rgba(8,120,91,.14),transparent 32%),
      radial-gradient(circle at 0% 75%,rgba(215,239,118,.12),transparent 30%),
      rgba(247,250,248,.985) !important;
    box-shadow:-22px 0 70px rgba(9,27,21,.24),inset 1px 0 0 rgba(255,255,255,.8);
    backdrop-filter:blur(24px);
    -webkit-backdrop-filter:blur(24px);
    transition:transform 360ms cubic-bezier(.16,.84,.24,1),opacity 220ms ease,visibility 0s linear 360ms;
  }

  .ak-nav.is-open{
    display:block !important;
    visibility:visible;
    opacity:1;
    pointer-events:auto;
    transform:translate3d(0,0,0) !important;
    transition:transform 380ms cubic-bezier(.16,.84,.24,1),opacity 220ms ease;
  }

  .ak-nav::after{
    content:"";
    display:block;
    height:max(24px,env(safe-area-inset-bottom));
  }

  .ak-mobile-nav-head{
    position:sticky;
    top:0;
    z-index:8;
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:92px;
    padding:calc(14px + env(safe-area-inset-top)) 22px 14px;
    background:rgba(247,250,248,.82);
    border-bottom:1px solid rgba(6,77,59,.08);
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
  }

  .ak-mobile-nav-head::before{
    content:"";
    position:absolute;
    left:22px;
    top:12px;
    width:34px;
    height:3px;
    border-radius:10px;
    background:linear-gradient(90deg,var(--ak-green),var(--ak-lime));
  }

  .ak-mobile-nav-kicker{font-size:9px;letter-spacing:.18em}
  .ak-mobile-nav-head strong{font-size:18px;letter-spacing:-.02em}

  .ak-mobile-nav-close{
    position:relative;
    width:46px;
    height:46px;
    flex:0 0 46px;
    border:1px solid rgba(6,77,59,.13);
    border-radius:15px;
    background:#fff;
    color:var(--ak-green-dark);
    box-shadow:0 8px 20px rgba(6,77,59,.09);
    font-size:0;
  }

  .ak-mobile-nav-close::before,
  .ak-mobile-nav-close::after{
    content:"";
    position:absolute;
    left:13px;
    top:21px;
    width:19px;
    height:2px;
    border-radius:10px;
    background:currentColor;
  }
  .ak-mobile-nav-close::before{transform:rotate(45deg)}
  .ak-mobile-nav-close::after{transform:rotate(-45deg)}

  .ak-nav > div > ul,
  .ak-nav > ul{
    display:block;
    width:calc(100% - 32px);
    max-width:none;
    margin:0 auto;
    padding:18px 0 8px;
  }

  .ak-nav li{margin:8px 0}

  .ak-nav a{
    min-height:58px;
    padding:15px 16px;
    border-radius:17px;
    font-size:15px;
    line-height:1.25;
    background:rgba(255,255,255,.8);
    border:1px solid rgba(6,77,59,.07);
    box-shadow:0 6px 20px rgba(16,20,23,.045);
  }

  .ak-nav a:active{transform:scale(.985)}

  /* Parent destination and submenu control are deliberately independent. */
  .ak-nav li.menu-item-has-children{
    display:grid;
    grid-template-columns:minmax(0,1fr) 52px;
    gap:7px;
    align-items:stretch;
  }

  .ak-nav li.menu-item-has-children > a{min-width:0}
  .ak-nav li.menu-item-has-children > a::after{display:none !important}

  .ak-submenu-toggle{
    display:grid !important;
    place-items:center;
    width:52px;
    min-width:52px;
    height:58px;
    min-height:58px;
    padding:0;
    border:1px solid rgba(6,77,59,.12);
    border-radius:17px;
    background:linear-gradient(145deg,#fff,#edf4f0);
    color:var(--ak-green);
    box-shadow:0 6px 20px rgba(16,20,23,.055);
  }

  .ak-submenu-glyph{
    position:relative;
    width:18px;
    height:18px;
  }

  .ak-submenu-glyph i{
    position:absolute;
    left:3px;
    top:7px;
    width:9px;
    height:2px;
    border-radius:10px;
    background:currentColor;
    transition:transform 200ms ease;
  }
  .ak-submenu-glyph i:first-child{transform:rotate(45deg) translateX(3px)}
  .ak-submenu-glyph i:last-child{transform:rotate(-45deg) translateX(-3px)}

  .ak-nav li.is-open > .ak-submenu-toggle{
    background:#e4f1eb;
    box-shadow:inset 0 0 0 1px rgba(8,120,91,.12);
  }
  .ak-nav li.is-open > .ak-submenu-toggle .ak-submenu-glyph i:first-child{transform:rotate(-45deg) translateX(3px)}
  .ak-nav li.is-open > .ak-submenu-toggle .ak-submenu-glyph i:last-child{transform:rotate(45deg) translateX(-3px)}

  .ak-nav ul ul{
    grid-column:1 / -1;
    position:static !important;
    display:block !important;
    width:100%;
    min-width:0;
    max-height:0;
    margin:0;
    padding:0 0 0 13px;
    overflow:hidden;
    visibility:visible;
    opacity:1;
    transform:none !important;
    border:0;
    border-left:2px solid #cfdcd5;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    transition:max-height 300ms cubic-bezier(.2,.8,.2,1),padding 220ms ease;
  }

  .ak-nav li.is-open > ul{max-height:1800px;padding-top:5px;padding-bottom:4px}

  .ak-nav ul ul li{
    display:grid;
    grid-template-columns:minmax(0,1fr) 48px;
    gap:6px;
    margin:5px 0;
  }

  .ak-nav ul ul a{
    min-height:50px;
    padding:13px 14px;
    border-radius:14px;
    background:rgba(255,255,255,.68);
    box-shadow:none;
    font-size:14px;
  }

  .ak-nav ul ul .ak-submenu-toggle{
    width:48px;
    min-width:48px;
    height:50px;
    min-height:50px;
    border-radius:14px;
  }

  /* Premium menu cards: unmistakable hierarchy on mobile. */
  .ak-nav li.ak-menu-featured > a{
    min-height:64px;
    color:#fff !important;
    background:linear-gradient(135deg,#063f31,#0a8b69) !important;
    border-color:rgba(215,239,118,.18);
    box-shadow:0 14px 30px rgba(6,77,59,.21),inset 0 1px 0 rgba(255,255,255,.16);
  }

  .ak-nav li.ak-menu-featured > .ak-submenu-toggle{
    height:64px;
    min-height:64px;
    background:#e7f3ee;
  }

  .ak-nav ul ul li.ak-menu-featured > a{
    min-height:54px;
    background:linear-gradient(135deg,#0a6049,#0b8a69) !important;
  }

  /* The drawer is above the backdrop; backdrop intentionally leaves left-side context visible. */
  .ak-nav-backdrop{
    position:fixed;
    z-index:90;
    inset:0;
    background:rgba(4,16,12,.48);
    backdrop-filter:blur(3px);
    -webkit-backdrop-filter:blur(3px);
    cursor:pointer;
  }

  .ak-menu-lock{overflow:hidden;touch-action:none}
  body.ak-v206::before{pointer-events:none}

  /* Persistent app dock stays below the drawer when menu is open. */
  .ak-mobile-dock{z-index:80}
  .ak-header.is-menu-open .ak-mobile-dock{z-index:80}

  main{padding-bottom:calc(98px + env(safe-area-inset-bottom))}
}

@media(max-width:470px){
  :root{--ak-mobile-header-height:72px;--ak-mobile-drawer-width:min(68vw,330px)}

  .ak-header-inner{min-height:72px;width:calc(100% - 18px);gap:9px}
  .ak-brand img{max-width:61vw;max-height:54px}

  .ak-menu-toggle{
    min-width:68px;
    width:68px;
    height:48px;
    padding:0 9px;
    border-radius:16px;
  }

  .ak-menu-toggle-label{display:inline !important;width:auto !important;height:auto !important;background:transparent !important;margin:0 !important;padding:0 !important;font-size:9px}
  .ak-menu-toggle-visual{width:27px;height:27px}

  .ak-mobile-nav-head{min-height:88px;padding-left:18px;padding-right:16px}
  .ak-mobile-nav-head::before{left:18px}
  .ak-mobile-nav-head strong{font-size:16px}
  .ak-mobile-nav-close{width:44px;height:44px;flex-basis:44px}

  .ak-nav > div > ul,
  .ak-nav > ul{width:calc(100% - 24px);padding-top:15px}
  .ak-nav a{min-height:56px;font-size:14px;padding:14px}
  .ak-submenu-toggle{width:50px;min-width:50px;height:56px;min-height:56px}
  .ak-nav li.menu-item-has-children{grid-template-columns:minmax(0,1fr) 50px}

  .ak-mobile-dock{left:7px;right:7px;bottom:max(7px,env(safe-area-inset-bottom))}
}

@media(prefers-reduced-motion:reduce){
  .ak-menu-toggle-visual i,
  .ak-nav,
  .ak-submenu-glyph i{transition:none !important}
}

/* =========================================================
   ASPKOM 2.1.0 — Premium Conversion / Narrative Layer
   Designed around a Discover → Build → Scale → Launch journey.
   ========================================================= */
:root{
  --ak-canvas:#f4f7f3;
  --ak-forest:#063b2e;
  --ak-forest-2:#08251f;
  --ak-lime:#d7ef76;
  --ak-cyan:#8fe3ff;
  --ak-text:#0f1916;
  --ak-muted:#66736f;
  --ak-border:#dbe6df;
  --ak-shadow-premium:0 28px 80px rgba(4,37,29,.14);
  --ak-radius-xl:30px;
}
body{background:var(--ak-canvas);color:var(--ak-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.ak-container{width:min(calc(100% - 48px),1320px)}
.ak-topbar{background:#063b2e;border-bottom:1px solid rgba(255,255,255,.08)}
.ak-topbar-inner{min-height:36px;font-size:11px;letter-spacing:.045em}
.ak-topbar-message b{color:var(--ak-lime);padding:0 5px}
.ak-top-divider{opacity:.35;margin:0 10px}
.ak-header{background:rgba(249,251,249,.86);border-bottom:1px solid rgba(6,59,46,.10);box-shadow:0 8px 32px rgba(5,37,29,.05)}
.ak-header-inner{min-height:88px;grid-template-columns:auto 1fr auto;gap:26px}
.ak-brand{min-width:190px}
.ak-brand img{max-width:220px;max-height:62px}
.ak-nav>div>ul,.ak-nav>ul{gap:4px}
.ak-nav a{font-size:13px;padding:12px 13px;border-radius:13px;color:#27332f}
.ak-nav a:hover,.ak-nav .current-menu-item>a,.ak-nav .current_page_item>a{background:#e8f0eb;color:var(--ak-forest)}
.ak-header-actions{display:flex;align-items:center;gap:9px}
.ak-header-whatsapp{height:44px;width:44px;display:grid;place-items:center;border:1px solid var(--ak-border);border-radius:13px;text-decoration:none;background:#fff;color:var(--ak-forest);box-shadow:0 8px 20px rgba(6,59,46,.06)}
.ak-header-whatsapp svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ak-header-whatsapp span{display:none}
.ak-build-cta{min-height:50px;padding:8px 13px 8px 10px;border-radius:17px;background:linear-gradient(135deg,#07523f,#0b8165);box-shadow:0 13px 28px rgba(6,77,59,.20),inset 0 1px 0 rgba(255,255,255,.16)}
.ak-build-cta:hover{background:linear-gradient(135deg,#064837,#0a765e);box-shadow:0 16px 34px rgba(6,77,59,.25)}
.ak-build-cta>span:nth-child(2){display:flex;flex-direction:column;line-height:1.05}
.ak-build-cta small{font-size:8px;letter-spacing:.17em;color:rgba(255,255,255,.67);font-weight:900;margin-bottom:4px}
.ak-build-cta b{font-size:12px;white-space:nowrap}
.ak-build-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(215,239,118,.12);border:1px solid rgba(215,239,118,.25);position:relative;flex:0 0 34px}
.ak-build-icon:before{content:"";position:absolute;inset:7px;border:1px solid var(--ak-lime);border-radius:50%;box-shadow:0 0 18px rgba(215,239,118,.18)}
.ak-build-icon i{position:absolute;width:12px;height:1.5px;background:var(--ak-lime);left:11px}
.ak-build-icon i:nth-child(1){top:11px}.ak-build-icon i:nth-child(2){top:16px;width:9px;left:13px}.ak-build-icon i:nth-child(3){top:21px;width:12px}
.ak-build-arrow{font-size:19px;color:var(--ak-lime);margin-left:5px}

/* Hero */
.ak-hero-slider{background:#07120f;isolation:isolate}
.ak-slide{overflow:hidden}
.ak-slide:before{opacity:1}
.ak-slide:after{width:min(58vw,780px);height:min(58vw,780px);right:-17%;top:-31%;border-width:125px;border-color:rgba(255,255,255,.055);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.ak-slide-inner{min-height:clamp(610px,78vh,780px);grid-template-columns:minmax(0,1.04fr) minmax(420px,.96fr);gap:50px;padding:72px 0 92px}
.ak-slide-copy{max-width:820px;position:relative;z-index:2}
.ak-slide-kicker{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.19em;margin-bottom:18px}
.ak-kicker-line{display:inline-block;width:38px;height:1px;background:var(--slide-accent)}
.ak-slide h1,.ak-slide h2{font-size:clamp(48px,5.7vw,86px);line-height:.99;letter-spacing:-.065em;max-width:850px;text-wrap:balance;margin-bottom:23px}
.ak-slide-lead{font-size:clamp(17px,1.55vw,21px);max-width:710px;color:rgba(255,255,255,.76);line-height:1.58;margin-bottom:30px}
.ak-slide-actions{gap:12px}
.ak-button{min-height:50px;padding:13px 18px;border-radius:14px;font-size:13px;letter-spacing:-.01em}
.ak-hero-primary{box-shadow:0 10px 30px rgba(0,0,0,.14)}
.ak-hero-primary span{font-size:17px;line-height:1}
.hero-whatsapp{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.22);color:#fff!important;backdrop-filter:blur(10px)}
.hero-whatsapp:hover{background:rgba(255,255,255,.13);box-shadow:0 10px 25px rgba(0,0,0,.16)}
.hero-whatsapp svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ak-slide-proof{display:flex;align-items:center;gap:10px;margin-top:25px;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.55);font-weight:800}
.ak-slide-proof i{display:block;width:3px;height:3px;border-radius:50%;background:var(--slide-accent);box-shadow:0 0 10px var(--slide-accent)}
.ak-hero-noise{position:absolute;inset:0;pointer-events:none;opacity:.08;background-image:radial-gradient(rgba(255,255,255,.35) .6px,transparent .6px);background-size:7px 7px;mask-image:linear-gradient(90deg,rgba(0,0,0,.8),transparent 90%)}
.ak-slide-visual{min-height:420px;position:relative;display:grid;place-items:center}
.ak-visual-grid{position:absolute;inset:8% 0 5%;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:46px 46px;mask-image:radial-gradient(circle at 50% 50%,black 15%,transparent 72%)}
.ak-visual-core{width:min(440px,76vw);border:1px solid rgba(255,255,255,.19);box-shadow:inset 0 0 100px rgba(255,255,255,.02),0 40px 80px rgba(0,0,0,.18);background:radial-gradient(circle,rgba(255,255,255,.03),transparent 62%)}
.ak-visual-core:before{inset:11%;border-color:rgba(255,255,255,.14)}
.ak-visual-core:after{inset:24%;border-color:rgba(255,255,255,.11)}
.ak-visual-label{width:44%;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.12);box-shadow:0 16px 50px rgba(0,0,0,.15);font-size:14px;line-height:1.2}
.ak-visual-label small,.ak-visual-label span{display:block;font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.5);font-weight:800}
.ak-visual-label strong{display:block;color:#fff;font-size:15px;margin:6px 0}
.ak-orbit{width:11px;height:11px;box-shadow:0 0 28px var(--slide-accent),0 0 4px var(--slide-accent)}
.ak-orbit.o1{top:7%;left:49%}.ak-orbit.o2{bottom:12%;left:8%}.ak-orbit.o3{right:7%;top:56%}.ak-orbit.o4{bottom:31%;right:19%}
.ak-visual-caption{position:absolute;right:3%;bottom:2%;display:flex;gap:9px;align-items:center;font-size:9px;letter-spacing:.14em;color:rgba(255,255,255,.44);text-transform:uppercase}
.ak-visual-caption b{font-size:10px;color:rgba(255,255,255,.7)}.ak-visual-caption em{font-style:normal;color:var(--slide-accent);margin:0 2px}
.ak-slider-nav{bottom:29px}
.ak-slider-story{display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.53);font-size:9px;text-transform:uppercase;letter-spacing:.18em}
.ak-slider-story b{color:#fff;font-size:10px;letter-spacing:.12em}
.ak-slider-controls{display:flex;align-items:center;gap:14px}
.ak-slider-dot{height:5px;width:17px;border-radius:8px;background:rgba(255,255,255,.24)}.ak-slider-dot.is-active{width:38px;background:var(--ak-lime)}
.ak-slider-arrow{width:43px;height:43px;border-radius:13px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15)}
.ak-slider-progress{height:3px;background:var(--ak-lime);box-shadow:0 0 14px rgba(215,239,118,.3)}

/* Ecosystem strip */
.ak-ecosystem{background:#f9fbf9;border-bottom:1px solid var(--ak-border)}
.ak-ecosystem-head{display:flex;justify-content:space-between;align-items:center;padding:16px 0 11px;color:var(--ak-forest);text-transform:uppercase;letter-spacing:.16em;font-weight:900;font-size:9px}
.ak-ecosystem-head small{font-weight:800;color:#83918c;letter-spacing:.06em;text-transform:none}
.ak-ecosystem-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--ak-border)}
.ak-ecosystem-grid a{min-height:78px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:16px 14px 16px 0;border-right:1px solid var(--ak-border);text-decoration:none;transition:transform 180ms ease,background 180ms ease}
.ak-ecosystem-grid a:nth-child(4n+1){padding-left:0}
.ak-ecosystem-grid a:nth-child(n+5){border-top:1px solid var(--ak-border)}
.ak-ecosystem-grid a:nth-child(4n){border-right:0;padding-right:0}
.ak-ecosystem-grid a:hover{transform:translateY(-2px);background:#f2f7f3}
.ak-ecosystem-grid span{font-size:9px;font-weight:900;letter-spacing:.08em;color:#97a39e}
.ak-ecosystem-grid b{font-size:12px;color:#1d2a25}.ak-ecosystem-grid em{font-style:normal;color:var(--ak-green);font-size:16px}
.ak-ecosystem-grid .ak-ecosystem-wa{background:#eaf2ed;padding-left:15px;border-right:0}.ak-ecosystem-grid .ak-ecosystem-wa b{color:var(--ak-forest)}

/* Story sections */
.ak-section-light{background:#f4f7f3}
.ak-section-dark{background:#07120f;color:#fff}
.ak-section{padding:100px 0}
.ak-split-head{align-items:end;margin-bottom:42px}
.ak-section-head h2{font-size:clamp(35px,4.3vw,58px);letter-spacing:-.055em;line-height:1.01}
.ak-section-head h2 span{color:var(--ak-green)}
.ak-section-head>div{max-width:860px}.ak-section-head p{font-size:15px;line-height:1.75}
.ak-journey-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.ak-journey-card{min-height:390px;border-radius:26px;padding:28px;position:relative;overflow:hidden;border:1px solid var(--ak-border);background:#fff;transition:transform 220ms ease,box-shadow 220ms ease}
.ak-journey-card:hover{transform:translateY(-7px);box-shadow:var(--ak-shadow-premium)}
.ak-journey-card:after{content:"";position:absolute;right:-45px;bottom:-75px;width:190px;height:190px;border-radius:50%;border:50px solid rgba(6,59,46,.055)}
.ak-journey-card h3{font-size:34px;line-height:1.03;letter-spacing:-.05em;margin:15px 0 12px;max-width:330px}.ak-journey-card p{max-width:310px;color:var(--ak-muted)}
.ak-journey-number{position:absolute;right:26px;top:22px;font-size:82px;line-height:1;font-weight:950;letter-spacing:-.09em;color:rgba(6,59,46,.06)}
.ak-journey-a{background:linear-gradient(145deg,#fff,#f5fbf7)}.ak-journey-b{background:linear-gradient(145deg,#eef8ff,#fff)}.ak-journey-c{background:linear-gradient(145deg,#fffdf3,#fff)}
.ak-journey-b .ak-card-index{color:#1670a2}.ak-journey-c .ak-card-index{color:#a26b00}

.ak-launch-premium{border-radius:30px;background:radial-gradient(circle at 82% 22%,rgba(215,239,118,.10),transparent 23%),linear-gradient(145deg,#0c3f31,#07130f);padding:58px;min-height:470px;display:grid;grid-template-columns:1.06fr .94fr;gap:48px;align-items:end;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 40px 100px rgba(0,0,0,.22)}
.ak-launch-premium:before{content:"";position:absolute;right:-90px;top:-110px;width:430px;height:430px;border-radius:50%;border:80px solid rgba(255,255,255,.035)}
.ak-launch-content{position:relative;z-index:2}.ak-launch-content h2{font-size:clamp(54px,6vw,94px);line-height:.9;letter-spacing:-.065em;margin:8px 0 17px}.ak-launch-content>p:not(.ak-kicker){max-width:650px;color:rgba(255,255,255,.72);font-size:17px;line-height:1.65}.ak-launch-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.dark-ghost{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.19);color:#fff!important}.dark-ghost:hover{background:rgba(255,255,255,.1)}
.ak-launch-stages{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.16);position:relative;z-index:2}.ak-launch-stages span{padding:17px 0;border-bottom:1px solid rgba(255,255,255,.11);font-size:13px;color:rgba(255,255,255,.65);display:flex;gap:12px;align-items:center}.ak-launch-stages span:nth-child(odd){margin-right:18px}.ak-launch-stages b{color:var(--ak-lime);font-size:10px;letter-spacing:.13em}

/* Articles */
.ak-articles{display:grid;grid-template-columns:1.3fr .7fr .7fr;grid-auto-rows:1fr;gap:15px}.ak-article{min-width:0;background:#fff;border:1px solid var(--ak-border);border-radius:23px;padding:28px;transition:transform 200ms ease,box-shadow 200ms ease}.ak-article:hover{transform:translateY(-5px);box-shadow:var(--ak-shadow-premium)}.ak-article.featured{grid-row:span 2;background:linear-gradient(145deg,#0c4132,#08231c);color:#fff;border-color:transparent}.ak-article-meta{display:flex;gap:12px;align-items:center;color:#8b9691;font-size:10px;text-transform:uppercase;letter-spacing:.13em;font-weight:900}.ak-article.featured .ak-article-meta{color:rgba(255,255,255,.52)}.ak-article h3{font-size:24px;line-height:1.08;letter-spacing:-.035em;margin:15px 0 11px}.ak-article.featured h3{font-size:37px;max-width:480px}.ak-article h3 a{text-decoration:none}.ak-article p{color:var(--ak-muted);font-size:14px}.ak-article.featured p{color:rgba(255,255,255,.68);font-size:15px}.ak-article.featured .ak-text-link{color:var(--ak-lime)}
.ak-empty-state{background:#fff;border:1px solid var(--ak-border);border-radius:25px;padding:38px}

/* Final CTA */
.ak-cta-band{background:#d7ef76;color:#102018;position:relative;overflow:hidden}.ak-cta-band:after{content:"";position:absolute;right:-80px;top:-130px;width:360px;height:360px;border:70px solid rgba(6,59,46,.08);border-radius:50%}.ak-band-inner{min-height:240px;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;z-index:1}.ak-band-inner>div:first-child span{font-size:10px;font-weight:900;letter-spacing:.17em;text-transform:uppercase;color:#557038}.ak-band-inner h2{font-size:clamp(36px,4.5vw,64px);line-height:.98;letter-spacing:-.055em;margin:7px 0 0;max-width:720px}.ak-band-actions{display:flex;gap:10px;flex-wrap:wrap}.ak-band-actions .ak-button{white-space:nowrap}.ak-band-actions .lime{background:#071c15;color:#fff}.ak-band-actions .lime:hover{background:#0b2d22}.band-outline{background:transparent;border:1px solid rgba(7,28,21,.3);color:#071c15!important}.band-outline:hover{background:rgba(7,28,21,.08);box-shadow:none}

/* Mobile dock: icon-only, deliberately thumb-friendly */
.ak-mobile-dock{display:none}
@media(max-width:1120px){
  .ak-header-inner{grid-template-columns:auto 1fr auto;min-height:82px}
  .ak-brand{justify-self:start;margin:0}.ak-header-actions{display:none}.ak-menu-toggle{display:inline-flex;justify-self:end;align-items:center;gap:9px;border:1px solid #d4e0da;background:rgba(255,255,255,.82);padding:10px 15px;border-radius:17px;box-shadow:0 8px 24px rgba(6,59,46,.08)}
  .ak-menu-toggle-label{font-size:11px;text-transform:uppercase;letter-spacing:.15em;font-weight:900}.ak-menu-toggle-visual{margin:0}.ak-menu-toggle-visual i{background:var(--ak-forest)}
  .ak-nav{top:calc(100% + 11px);border-radius:25px;padding:11px;background:rgba(251,253,251,.98);box-shadow:0 30px 90px rgba(3,28,21,.20);border-color:#d7e4dd}
  .ak-nav a{font-size:14px;padding:13px 14px;min-height:49px}
  .ak-slide-inner{grid-template-columns:minmax(0,1fr) 360px;gap:25px;min-height:650px}.ak-slide h1,.ak-slide h2{font-size:clamp(43px,6.7vw,72px)}.ak-slide-visual{min-height:340px}.ak-visual-core{width:min(340px,52vw)}
  .ak-ecosystem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ak-ecosystem-grid a{padding-left:14px}.ak-ecosystem-grid a:nth-child(4n+1){padding-left:14px}.ak-ecosystem-grid a:nth-child(2n){border-right:0;padding-right:14px}.ak-ecosystem-grid a:nth-child(n+5){border-top:1px solid var(--ak-border)}
  .ak-journey-grid{grid-template-columns:1fr 1fr}.ak-journey-card:last-child{grid-column:1/-1;min-height:320px}.ak-articles{grid-template-columns:1fr 1fr}.ak-article.featured{grid-column:1/-1;grid-row:auto}.ak-launch-premium{grid-template-columns:1fr;padding:45px;gap:30px}
}
@media(max-width:800px){
  .ak-container{width:min(calc(100% - 28px),1320px)}.ak-topbar{display:none}.ak-header-inner{min-height:74px}.ak-brand img{max-width:173px;max-height:51px}.ak-brand{min-width:0}.ak-menu-toggle{padding:10px 12px;border-radius:15px}.ak-menu-toggle-label{font-size:10px}
  .ak-slide-inner{min-height:700px;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:45px 0 105px;gap:14px}.ak-slide-copy{max-width:100%}.ak-slide-kicker{justify-content:center}.ak-slide h1,.ak-slide h2{font-size:clamp(38px,10.7vw,55px);max-width:95%;margin-inline:auto}.ak-slide-lead{font-size:16px;max-width:650px;margin-inline:auto}.ak-slide-actions{justify-content:center}.ak-hero-primary,.hero-whatsapp{min-height:49px}.ak-slide-proof{justify-content:center}.ak-slide-visual{min-height:225px;width:100%}.ak-visual-core{width:min(255px,70vw)}.ak-visual-caption{right:50%;transform:translateX(50%);bottom:0}.ak-hero-noise{opacity:.05}.ak-slide:after{width:430px;height:430px;border-width:80px;right:-220px;top:-100px}
  .ak-slider-story{display:none}.ak-slider-nav{bottom:16px}.ak-slider-controls{width:100%;justify-content:center}.ak-slider-arrows{display:none}.ak-slider-dot{height:4px;width:14px}.ak-slider-dot.is-active{width:31px}
  .ak-ecosystem-head{padding:13px 0 10px}.ak-ecosystem-head small{display:none}.ak-ecosystem-grid{grid-template-columns:1fr}.ak-ecosystem-grid a,.ak-ecosystem-grid a:nth-child(n+5){border-right:0;border-top:1px solid var(--ak-border)!important;padding:15px 0;min-height:64px}.ak-ecosystem-grid a:first-child{border-top:0!important}
  .ak-section{padding:67px 0}.ak-section-head,.ak-split-head{display:block;margin-bottom:30px}.ak-section-head h2{font-size:38px}.ak-section-head p{font-size:15px;margin-top:16px}.ak-journey-grid{grid-template-columns:1fr}.ak-journey-card,.ak-journey-card:last-child{grid-column:auto;min-height:320px}.ak-launch-premium{padding:32px 25px;border-radius:25px;min-height:0}.ak-launch-content h2{font-size:58px}.ak-launch-content>p:not(.ak-kicker){font-size:16px}.ak-launch-stages{grid-template-columns:1fr}.ak-launch-stages span:nth-child(odd){margin-right:0}
  .ak-articles{grid-template-columns:1fr}.ak-article.featured{grid-column:auto}.ak-article.featured h3{font-size:33px}.ak-cta-band{padding:10px 0}.ak-band-inner{min-height:310px;display:block;padding:42px 0 88px}.ak-band-inner h2{font-size:42px}.ak-band-actions{margin-top:25px;display:grid;grid-template-columns:1fr}.ak-band-actions .ak-button{width:100%}
  .ak-mobile-dock{position:fixed;display:grid;grid-template-columns:repeat(3,1fr);left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:94;padding:8px;border-radius:22px;border:1px solid rgba(8,56,44,.08);background:rgba(249,252,250,.92);backdrop-filter:blur(18px);box-shadow:0 20px 55px rgba(4,33,25,.18)}
  .ak-mobile-dock-item{height:54px;display:grid;place-items:center;border-radius:16px;text-decoration:none;color:#60706a;transition:transform 160ms ease,background 160ms ease,color 160ms ease}.ak-mobile-dock-item:hover,.ak-mobile-dock-item.is-active{background:#e6f0eb;color:var(--ak-green);transform:translateY(-1px)}.ak-mobile-dock-item.ak-dock-build{background:var(--ak-green);color:#fff;box-shadow:0 10px 24px rgba(6,77,59,.18)}
  .ak-dock-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ak-mobile-dock-item span:not(.ak-dock-icon){display:none}
  body{padding-bottom:92px}.ak-contact{display:none}
}
@media(max-width:470px){
  .ak-header-inner{grid-template-columns:1fr auto}.ak-brand img{max-width:156px}.ak-menu-toggle-label{display:none}.ak-menu-toggle{width:47px;height:47px;padding:0;display:grid;place-items:center}.ak-menu-toggle-visual{margin:0}
  .ak-slide-inner{min-height:690px;padding-bottom:98px}.ak-slide h1,.ak-slide h2{font-size:39px}.ak-slide-lead{font-size:15px;line-height:1.52}.ak-slide-actions{flex-direction:column;align-items:stretch}.ak-slide-actions .ak-button{width:100%}.ak-slide-proof{font-size:8px;margin-top:19px}.ak-slide-visual{min-height:205px}.ak-visual-core{width:225px}.ak-visual-caption{font-size:8px}.ak-visual-caption b{font-size:8px}.ak-ecosystem-grid b{font-size:11px}.ak-section-head h2{font-size:34px}.ak-launch-content h2{font-size:51px}.ak-launch-stages span{font-size:12px}.ak-article{padding:23px}.ak-article.featured h3{font-size:30px}
}
@media(prefers-reduced-motion:reduce){.ak-journey-card,.ak-article,.ak-ecosystem-grid a,.ak-mobile-dock-item{transition:none!important}}


/* ================================================================
   ASPKOM 2.1.1 — Editorial Intelligence Feed + Link Integrity
   ================================================================ */
.ak-editorial-feed{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.85fr);gap:16px;margin-top:28px;align-items:stretch}
.ak-editorial-card{position:relative;overflow:hidden;min-width:0;display:flex;gap:22px;padding:28px 28px 26px;background:#fff;border:1px solid var(--ak-line);border-radius:26px;min-height:250px;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.ak-editorial-card:hover{transform:translateY(-5px);box-shadow:0 22px 65px rgba(16,20,23,.12);border-color:#c8d8d1}
.ak-editorial-card.is-lead{grid-row:span 2;min-height:520px;background:linear-gradient(145deg,#073d30 0%,#08271f 60%,#101817 100%);border-color:transparent;color:#fff;padding:34px}
.ak-editorial-index{font-size:13px;font-weight:950;letter-spacing:.08em;color:#9aa9a3;line-height:1;padding-top:2px;min-width:32px}
.is-lead .ak-editorial-index{color:var(--ak-lime);font-size:16px}
.ak-editorial-content{position:relative;z-index:2;min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.ak-editorial-card .ak-article-meta{margin-bottom:3px}
.ak-editorial-card h3{margin:12px 0 10px;font-size:clamp(22px,2.2vw,31px);line-height:1.08;letter-spacing:-.035em;max-width:680px}
.ak-editorial-card h3 a{text-decoration:none;color:inherit}
.ak-editorial-card p{margin:0;max-width:650px;font-size:14px;line-height:1.7;color:var(--ak-muted)}
.ak-editorial-card.is-lead h3{font-size:clamp(34px,3.8vw,58px);max-width:720px;margin-top:18px}
.ak-editorial-card.is-lead p{font-size:16px;color:rgba(255,255,255,.72);max-width:650px}
.ak-editorial-read{display:inline-flex;align-items:center;gap:11px;margin-top:auto;padding-top:22px;text-decoration:none;color:var(--ak-green);font-size:12px;font-weight:900;letter-spacing:.03em;text-transform:uppercase}
.ak-editorial-read b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid currentColor;font-size:15px;transition:transform .2s ease}
.ak-editorial-read:hover b{transform:translate(3px,-3px)}
.is-lead .ak-editorial-read{color:var(--ak-lime)}
.ak-editorial-signal{position:absolute;right:-18px;bottom:-24px;width:125px;height:125px;border:1px solid rgba(8,120,91,.13);border-radius:50%}
.ak-editorial-signal:before,.ak-editorial-signal:after{content:"";position:absolute;border:1px solid rgba(8,120,91,.12);border-radius:50%;inset:18px}
.ak-editorial-signal:after{inset:36px;background:rgba(8,120,91,.035)}
.ak-editorial-signal i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--ak-green);z-index:2}
.ak-editorial-signal i:nth-child(1){top:10px;left:56px}.ak-editorial-signal i:nth-child(2){right:8px;top:58px}.ak-editorial-signal i:nth-child(3){left:17px;bottom:23px}
.is-lead .ak-editorial-signal{width:250px;height:250px;right:-62px;bottom:-66px;border-color:rgba(215,239,118,.16)}
.is-lead .ak-editorial-signal:before,.is-lead .ak-editorial-signal:after{border-color:rgba(215,239,118,.13)}
.is-lead .ak-editorial-signal:after{background:rgba(215,239,118,.025)}
.is-lead .ak-editorial-signal i{background:var(--ak-lime)}

@media (max-width:900px){
 .ak-editorial-feed{grid-template-columns:1fr 1fr}
 .ak-editorial-card.is-lead{grid-column:1/-1;grid-row:auto;min-height:390px}
 .ak-editorial-card.is-lead h3{font-size:clamp(31px,5vw,46px)}
}
@media (max-width:640px){
 .ak-editorial-feed{grid-template-columns:1fr;gap:12px;margin-top:22px}
 .ak-editorial-card,.ak-editorial-card.is-lead{min-height:0;padding:23px 21px;border-radius:21px;gap:13px}
 .ak-editorial-card.is-lead{min-height:370px}
 .ak-editorial-card h3,.ak-editorial-card.is-lead h3{font-size:28px;line-height:1.06;margin-top:12px}
 .ak-editorial-card.is-lead h3{font-size:36px}
 .ak-editorial-card p,.ak-editorial-card.is-lead p{font-size:14px}
 .ak-editorial-index{min-width:25px;font-size:11px}
 .ak-editorial-signal{width:100px;height:100px;right:-30px;bottom:-30px}
 .is-lead .ak-editorial-signal{width:165px;height:165px;right:-45px;bottom:-45px}
}

/* =========================================================
   AspKom 2.2 — Search / AI Entity Intelligence UI
   ========================================================= */
.ak-entity-context-wrap{margin-top:0}
.ak-entity-map{margin:0 0 34px;padding:24px;border:1px solid #dbe5df;border-radius:24px;background:linear-gradient(145deg,#f9fcfa,#eef6f1);position:relative;overflow:hidden}
.ak-entity-map:after{content:"";position:absolute;right:-90px;top:-110px;width:250px;height:250px;border-radius:50%;border:55px solid rgba(6,59,46,.045);pointer-events:none}
.ak-entity-map-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:17px;position:relative;z-index:1}
.ak-entity-map-head .ak-kicker{margin:0 0 5px}.ak-entity-map-head h2{font-size:27px;letter-spacing:-.035em;margin:0}.ak-entity-map-head>span{font-size:9px;text-transform:uppercase;letter-spacing:.13em;font-weight:900;color:#82918b}
.ak-entity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;position:relative;z-index:1}
.ak-entity-node{padding:13px 14px;border:1px solid #dbe5df;border-radius:14px;background:#fff;min-width:0}.ak-entity-node span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:#71827b;margin-bottom:5px}.ak-entity-node strong{display:block;font-size:13px;line-height:1.4;color:#15231e}.ak-entity-node.ak-entity-company{background:#063b2e;color:#fff;border-color:#063b2e}.ak-entity-node.ak-entity-company span{color:#b7d4c9}.ak-entity-node.ak-entity-company strong{color:#fff}
.ak-knowledge-architecture{background:#f7faf8;border-top:1px solid #e0e8e3;border-bottom:1px solid #e0e8e3}.ak-knowledge-flow{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;background:#dce6e0;border:1px solid #dce6e0;border-radius:22px;overflow:hidden}.ak-knowledge-flow>a,.ak-knowledge-flow>div{background:#fff;padding:17px 15px;min-height:116px;text-decoration:none;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s ease,background .2s ease}.ak-knowledge-flow>a:hover{background:#eff7f2;transform:translateY(-3px);position:relative;z-index:2}.ak-knowledge-flow span{font-size:9px;font-weight:900;letter-spacing:.12em;color:#91a09a}.ak-knowledge-flow b{font-size:13px;color:#173028}.ak-knowledge-flow em{font-size:10px;font-style:normal;line-height:1.35;color:#718079}.ak-knowledge-flow .ak-knowledge-convert{background:#063b2e}.ak-knowledge-flow .ak-knowledge-convert span,.ak-knowledge-flow .ak-knowledge-convert b,.ak-knowledge-flow .ak-knowledge-convert em{color:#fff}.ak-knowledge-flow .ak-knowledge-convert em{color:#d7ef76}
.ak-faq-section{background:#fff}.ak-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ak-faq-item{border:1px solid #dce5e0;border-radius:18px;background:#fff;overflow:hidden}.ak-faq-item summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:35px 1fr 28px;gap:11px;align-items:center;padding:18px 19px}.ak-faq-item summary::-webkit-details-marker{display:none}.ak-faq-item summary>span{font-size:9px;color:#8b9993;font-weight:900;letter-spacing:.1em}.ak-faq-item summary strong{font-size:14px;line-height:1.35;color:#16241f}.ak-faq-item summary b{font-size:20px;font-weight:500;color:#08785c;text-align:center;transition:transform .2s ease}.ak-faq-item[open] summary b{transform:rotate(45deg)}.ak-faq-answer{padding:0 19px 18px 65px;color:#5d6b65;font-size:14px;line-height:1.65}.ak-faq-answer p{margin:0 0 10px}.ak-faq-answer a{font-size:11px;font-weight:900;text-decoration:none;color:#08785c}
.ak-reviews-section{background:#f5f8f6}.ak-review-slider{overflow:hidden}.ak-review-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:3px 2px 10px}.ak-review-track::-webkit-scrollbar{display:none}.ak-review-card{flex:0 0 min(430px,88vw);scroll-snap-align:start;border:1px solid #dbe5df;border-radius:24px;background:#fff;padding:25px;box-shadow:0 12px 38px rgba(15,45,35,.07)}.ak-review-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px}.ak-review-stars{font-size:14px;letter-spacing:2px;color:#a56d00}.ak-review-top>span:last-child{font-size:8px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:#80918a}.ak-review-card blockquote{margin:0 0 24px;font-size:19px;line-height:1.42;letter-spacing:-.02em;color:#1a2a23}.ak-review-context{display:grid;grid-template-columns:1fr auto;gap:5px 12px;padding-top:15px;border-top:1px solid #e4ebe7}.ak-review-context strong{font-size:13px}.ak-review-context span{font-size:11px;color:#7a8983;text-align:right}.ak-review-context b{grid-column:1/-1;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#08785c}.ak-review-source{display:inline-block;margin-top:14px;font-size:10px;font-weight:900;color:#08785c;text-decoration:none}.ak-review-controls{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:13px}.ak-review-controls button{width:40px;height:40px;border:1px solid #d5e1db;background:#fff;border-radius:50%;cursor:pointer;font-size:17px;color:#0a6f55}.ak-review-controls span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:#80918a;margin:0 7px}
.ak-footer-context{font-size:10px!important;color:rgba(255,255,255,.46)!important;line-height:1.5;margin-top:-6px!important}
@media(max-width:1050px){.ak-knowledge-flow{grid-template-columns:repeat(4,minmax(0,1fr))}.ak-entity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.ak-entity-map{padding:19px;border-radius:20px}.ak-entity-map-head{display:block}.ak-entity-map-head>span{display:block;margin-top:8px}.ak-entity-grid{grid-template-columns:1fr}.ak-knowledge-flow{grid-template-columns:1fr 1fr}.ak-knowledge-flow>a,.ak-knowledge-flow>div{min-height:100px}.ak-faq-grid{grid-template-columns:1fr}.ak-faq-item summary{grid-template-columns:29px 1fr 24px;padding:16px}.ak-faq-answer{padding:0 16px 17px 45px}.ak-review-card{flex-basis:86vw}.ak-footer-context{display:none}}
@media(prefers-reduced-motion:reduce){.ak-knowledge-flow>a,.ak-review-controls button{transition:none}}


/* =====================================================================
   ASPKOM EIXIL 3.1.0 — editorial product-development design system
   Focus: clear commercial hierarchy, CSS-first visuals, responsive reading,
   accessible interaction and low-dependency rendering.
   ===================================================================== */
:root {
  --ax-ink: #13241f;
  --ax-forest: #0c4939;
  --ax-green: #08775a;
  --ax-mint: #e4f0e9;
  --ax-lime: #d9f07c;
  --ax-paper: #f7f8f4;
  --ax-white: #ffffff;
  --ax-muted: #5d6d66;
  --ax-line: #d8e2db;
  --ax-line-dark: rgba(255,255,255,.16);
  --ax-radius: 22px;
  --ax-radius-xl: 32px;
  --ax-shadow: 0 24px 60px rgba(16, 42, 32, .09);
  --ax-content: 1240px;
  --ax-reading: 790px;
  --ax-motion: cubic-bezier(.22,.72,.22,1);
}
html { scroll-behavior: smooth; scroll-padding-top: 104px; }
body { background: var(--ax-paper); color: var(--ax-ink); }
body, button, input, select, textarea { font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
::selection { color: var(--ax-ink); background: var(--ax-lime); }
a { text-underline-offset: .19em; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid #9abd35; outline-offset: 3px; }
.ak-container { width: min(calc(100% - clamp(28px, 5.5vw, 88px)), var(--ax-content)); }
.ak-narrow { width: min(calc(100% - clamp(28px, 5.5vw, 88px)), var(--ax-reading)); }
.ak-topbar { background: #0d211a; color: #d7e7dd; border: 0; font-size: 11px; letter-spacing: .025em; }
.ak-topbar-inner { min-height: 34px; }
.ak-topbar a { color: #eaf4ed; }
.ak-header { background: rgba(250,251,247,.94); border-bottom: 1px solid rgba(201,215,205,.8); box-shadow: 0 6px 22px rgba(10,30,22,.025); }
.ak-header-inner { min-height: 78px; gap: clamp(14px, 2vw, 30px); }
.ak-brand { min-width: 140px; }
.ak-brand img { max-width: 166px; max-height: 58px; width: auto; height: auto; object-fit: contain; }
.ak-nav { font-size: 13px; }
.ak-nav a { color: #30473d; font-weight: 650; }
.ak-nav a:hover, .ak-nav .current-menu-item > a, .ak-nav .current_page_item > a { color: var(--ax-green); }
.ak-header-cta { border-radius: 13px; box-shadow: 0 7px 20px rgba(8,119,90,.12); }
.ak-header-whatsapp { border-radius: 12px; }
.ak-mobile-dock { grid-template-columns: repeat(4, minmax(0,1fr)); height: auto; min-height: 68px; align-items: stretch; padding: 7px; gap: 5px; border-color: rgba(204,218,207,.9); background: rgba(250,252,248,.94); }
.ak-mobile-dock-item { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 2px; border-radius: 15px; color: #385246; text-decoration: none; min-height: 52px; }
.ak-mobile-dock-item:hover, .ak-mobile-dock-item:focus-visible { background: var(--ax-mint); color: var(--ax-forest); }
.ak-dock-icon svg { width: 20px; height: 20px; }
.ak-dock-label { display: block; font-size: 10px; line-height: 1.2; font-weight: 750; letter-spacing: .01em; }
/* New homepage */
.ax-home { overflow: clip; }
.ax-container { width: min(calc(100% - clamp(28px, 6vw, 96px)), var(--ax-content)); margin-inline: auto; }
.ax-hero { position: relative; overflow: hidden; background: #0c2018; color: #f7fbf5; isolation: isolate; }
.ax-hero:before { content: ""; position: absolute; z-index: -2; width: 80vw; height: 80vw; min-width: 720px; min-height: 720px; border-radius: 50%; right: -23vw; top: -44vw; background: radial-gradient(circle, rgba(36,116,81,.48), rgba(15,57,40,.15) 43%, transparent 68%); }
.ax-hero-grid { position: absolute; inset: 0; z-index: -1; opacity: .16; pointer-events: none; background-image: linear-gradient(rgba(227,242,229,.1) 1px, transparent 1px),linear-gradient(90deg,rgba(227,242,229,.1) 1px,transparent 1px); background-size: 52px 52px; mask-image: linear-gradient(90deg, transparent 0%, black 48%, black 100%); }
.ax-hero-layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(380px,.87fr); align-items: center; gap: clamp(32px,5.7vw,90px); padding-block: clamp(70px,9vw,126px) clamp(76px,8vw,110px); }
.ax-hero-copy { position: relative; z-index: 2; max-width: 710px; }
.ax-eyebrow, .ax-kicker { display: flex; align-items: center; gap: 10px; margin: 0 0 22px; color: #adcfb7; font-size: 10px; font-weight: 800; letter-spacing: .14em; line-height: 1.5; text-transform: uppercase; }
.ax-eyebrow-dot { width: 7px; height: 7px; background: var(--ax-lime); border-radius: 50%; box-shadow: 0 0 0 5px rgba(217,240,124,.12); flex: 0 0 auto; }
.ax-hero h1 { max-width: 760px; margin: 0; color: #f6faf5; font-size: clamp(46px,6.3vw,88px); font-weight: 650; line-height: .99; letter-spacing: -.065em; text-wrap: balance; }
.ax-hero h1 em { display: block; color: var(--ax-lime); font-style: normal; }
.ax-hero-lead { max-width: 600px; margin: 26px 0 0; color: #c5d6ca; font-size: clamp(16px,1.4vw,19px); line-height: 1.7; }
.ax-hero-actions { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 30px; }
.ax-button { display: inline-flex; align-items: center; justify-content: center; gap: 15px; min-height: 52px; padding: 13px 19px; border: 1px solid transparent; border-radius: 13px; font-size: 13px; font-weight: 760; line-height: 1.2; text-align: center; text-decoration: none; transition: transform .2s var(--ax-motion), background .2s ease, border-color .2s ease, box-shadow .2s ease; }
.ax-button:hover { transform: translateY(-2px); }
.ax-button-primary { color: #152218; background: var(--ax-lime); box-shadow: 0 12px 28px rgba(180,212,82,.15); }
.ax-button-primary:hover { color: #101c14; background: #e6f9a1; box-shadow: 0 16px 30px rgba(180,212,82,.22); }
.ax-button-secondary { color: var(--ax-ink); background: #fff; border-color: #e1e9e2; }
.ax-button-secondary:hover { background: #f0f6ef; border-color: #bfcec2; }
.ax-button-on-dark { color: #f4faf5; background: rgba(255,255,255,.035); border-color: rgba(255,255,255,.26); }
.ax-button-on-dark:hover { background: rgba(255,255,255,.1); }
.ax-hero-notes { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 31px; color: #a9c0b0; font-size: 11px; font-weight: 650; }
.ax-hero-notes i { display: block; width: 3px; height: 3px; border-radius: 50%; background: #809b89; }
.ax-hero-art { position: relative; min-width: 0; border: 1px solid rgba(223,243,225,.2); border-radius: 28px; background: linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.018)); box-shadow: 0 35px 100px rgba(0,0,0,.15),inset 0 1px rgba(255,255,255,.08); backdrop-filter: blur(6px); }
.ax-art-topline, .ax-art-footer { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 16px 19px; color: #9cb7a4; font-size: 9px; font-weight: 800; letter-spacing: .13em; }
.ax-art-topline { border-bottom: 1px solid rgba(225,242,226,.12); }
.ax-art-topline span:last-child { color: #6f9b7c; }
.ax-art-canvas { position: relative; min-height: 410px; overflow: hidden; }
.ax-art-canvas:before { content: ""; position: absolute; inset: 0; opacity: .25; background-image: radial-gradient(rgba(229,244,226,.65) .7px, transparent .7px); background-size: 19px 19px; mask-image: radial-gradient(ellipse, black 20%, transparent 77%); }
.ax-art-orbit { position: absolute; left: 50%; top: 48%; border: 1px solid rgba(195,232,190,.22); border-radius: 50%; transform: translate(-50%,-50%) rotate(-18deg); }
.ax-orbit-one { width: 185px; height: 185px; }
.ax-orbit-two { width: 285px; height: 285px; transform: translate(-50%,-50%) rotate(26deg); border-style: dashed; }
.ax-orbit-three { width: 370px; height: 370px; transform: translate(-50%,-50%) rotate(-38deg); border-color: rgba(195,232,190,.1); }
.ax-art-cross { position: absolute; background: rgba(195,232,190,.12); }
.ax-cross-x { height: 1px; left: 8%; right: 8%; top: 48%; }
.ax-cross-y { width: 1px; top: 7%; bottom: 7%; left: 50%; }
.ax-art-core { position: absolute; z-index: 2; left: 50%; top: 48%; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 145px; height: 145px; padding: 15px; border: 1px solid rgba(220,242,206,.57); border-radius: 50%; transform: translate(-50%,-50%); text-align: center; color: #122519; background: radial-gradient(circle at 35% 28%, #f0ffc3, #d4eb82 72%); box-shadow: 0 0 0 12px rgba(217,240,124,.045),0 18px 48px rgba(0,0,0,.2); }
.ax-core-overline { font-size: 8px; font-weight: 900; letter-spacing: .13em; }
.ax-art-core strong { margin: 5px 0 4px; font-size: 30px; letter-spacing: -.05em; line-height: 1; }
.ax-art-core small { font-size: 8px; font-weight: 800; letter-spacing: .03em; }
.ax-art-node { position: absolute; z-index: 3; min-width: 122px; padding: 11px 12px 12px; border: 1px solid rgba(220,242,226,.18); border-radius: 13px; background: rgba(10,34,24,.88); box-shadow: 0 12px 30px rgba(0,0,0,.13); }
.ax-node-mark { display: inline-grid; place-items: center; width: 22px; height: 22px; margin-right: 6px; border-radius: 7px; color: #173521; background: #d8ef90; font-size: 9px; font-weight: 900; vertical-align: middle; }
.ax-art-node b { color: #f0f6ef; font-size: 12px; }
.ax-art-node small { display: block; margin: 7px 0 0; color: #9bb7a4; font-size: 9px; }
.ax-node-market { left: 4%; top: 12%; }
.ax-node-formula { right: 4%; top: 17%; }
.ax-node-feasibility { left: 3%; bottom: 12%; }
.ax-node-launch { right: 3%; bottom: 10%; }
.ax-art-coordinate { position: absolute; color: #759d82; font-size: 8px; font-weight: 800; letter-spacing: .12em; }
.ax-coordinate-a { top: 4%; left: 5%; }
.ax-coordinate-b { right: 5%; bottom: 4%; }
.ax-art-footer { border-top: 1px solid rgba(225,242,226,.12); color: #6f907a; }
.ax-art-footer-line { flex: 1; height: 1px; background: rgba(201,234,196,.26); }
.ax-art-footer strong { color: var(--ax-lime); }
.ax-hero-bottom { border-top: 1px solid rgba(255,255,255,.1); background: rgba(255,255,255,.025); }
.ax-hero-bottom-inner { display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 47px; color: #91ad9a; font-size: 9px; font-weight: 800; letter-spacing: .12em; }
.ax-hero-bottom-inner b { color: var(--ax-lime); padding-inline: 5px; }
.ax-start-section, .ax-capabilities-section, .ax-journal-section, .ax-faq-section { padding-block: clamp(72px,8vw,112px); }
.ax-start-section { background: #fbfcf8; }
.ax-section-intro { margin-bottom: 34px; }
.ax-intro-split { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(280px,.8fr); align-items: end; gap: 55px; }
.ax-section-intro .ax-kicker { margin-bottom: 15px; color: var(--ax-green); }
.ax-section-intro h2, .ax-faq-layout h2 { max-width: 780px; margin: 0; color: var(--ax-ink); font-size: clamp(32px,4.4vw,55px); font-weight: 650; line-height: 1.06; letter-spacing: -.055em; text-wrap: balance; }
.ax-section-intro h2 span, .ax-faq-layout h2 span { color: var(--ax-green); }
.ax-section-intro > p, .ax-intro-split > p { max-width: 560px; margin: 0; color: var(--ax-muted); font-size: 15px; line-height: 1.75; }
.ax-start-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 15px; }
.ax-start-card { position: relative; display: flex; flex-direction: column; min-height: 346px; padding: clamp(22px,2.6vw,32px); overflow: hidden; border: 1px solid #dce5de; border-radius: var(--ax-radius); background: #fff; transition: transform .25s var(--ax-motion), box-shadow .25s var(--ax-motion), border-color .25s ease; }
.ax-start-card:hover { transform: translateY(-5px); border-color: #b6cdbd; box-shadow: var(--ax-shadow); }
.ax-start-featured { background: #eaf4ea; border-color: #d7e7d7; }
.ax-card-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.ax-step { color: #75887a; font-size: 9px; font-weight: 900; letter-spacing: .13em; }
.ax-card-glyph { display: grid; place-items: center; width: 31px; height: 31px; border: 1px solid #d4e1d5; border-radius: 50%; color: #305e45; font-size: 16px; }
.ax-card-geometry { position: relative; width: 100%; height: 67px; margin: 17px 0 14px; overflow: hidden; color: #35815a; }
.ax-geometry-rings i { position: absolute; left: 22px; top: 50%; width: 58px; height: 58px; border: 1px solid #6eaa7f; border-radius: 50%; transform: translateY(-50%); }
.ax-geometry-rings i:nth-child(2) { left: 43px; width: 46px; height: 46px; border-color: #97be87; }
.ax-geometry-rings i:nth-child(3) { left: 59px; width: 32px; height: 32px; border-color: #c0d96f; background: rgba(217,240,124,.24); }
.ax-geometry-formula { display: grid; grid-template-columns: repeat(9,10px); align-content: center; gap: 6px; padding-left: 22px; }
.ax-geometry-formula i { width: 10px; height: 10px; border: 1px solid #8eb59a; border-radius: 3px; transform: rotate(45deg); }
.ax-geometry-formula i:nth-child(2n) { background: #d9edc5; border-color: #d9edc5; }
.ax-geometry-formula i:nth-child(3n) { border-radius: 50%; background: #478b62; border-color: #478b62; }
.ax-geometry-steps { display: flex; align-items: center; gap: 8px; padding-left: 22px; }
.ax-geometry-steps i { display: block; width: 44px; height: 36px; border: 1px solid #b4cfc0; border-radius: 8px; transform: skewY(-10deg); }
.ax-geometry-steps i:nth-child(2) { transform: translateY(-6px) skewY(-10deg); background: #eef7e4; }
.ax-geometry-steps i:nth-child(3) { transform: translateY(-12px) skewY(-10deg); background: #deefbb; }
.ax-geometry-steps i:nth-child(4) { transform: translateY(-18px) skewY(-10deg); background: #c5e38c; }
.ax-start-card h3 { max-width: 17ch; margin: 0 0 10px; color: var(--ax-ink); font-size: clamp(22px,2vw,27px); font-weight: 650; line-height: 1.13; letter-spacing: -.04em; }
.ax-start-card p { margin: 0 0 25px; color: #5d6d64; font-size: 13px; line-height: 1.7; }
.ax-arrow-link { display: inline-flex; align-items: center; gap: 13px; width: fit-content; margin-top: auto; color: var(--ax-green); font-size: 12px; font-weight: 800; text-decoration: none; }
.ax-arrow-link span { display: inline-block; transition: transform .2s ease; }
.ax-arrow-link:hover span { transform: translateX(4px); }
.ax-method-section { position: relative; overflow: hidden; padding-block: clamp(76px,9vw,120px); color: #eef5ee; background: #10251c; }
.ax-method-section:before { content: ""; position: absolute; top: -260px; right: -180px; width: 600px; height: 600px; border: 1px solid rgba(217,240,124,.12); border-radius: 50%; box-shadow: 0 0 0 50px rgba(217,240,124,.025),0 0 0 100px rgba(217,240,124,.02); pointer-events: none; }
.ax-intro-light .ax-kicker { color: var(--ax-lime); }
.ax-intro-light h2 { color: #f2f7f0; }
.ax-intro-light h2 span { color: var(--ax-lime); }
.ax-intro-light > p { color: #b7c9bc; }
.ax-method-list { position: relative; margin-top: 44px; border-top: 1px solid var(--ax-line-dark); }
.ax-method-row { display: grid; grid-template-columns: 58px minmax(185px,.8fr) minmax(240px,1.15fr) 115px; align-items: center; gap: 26px; padding: 24px 8px; border-bottom: 1px solid var(--ax-line-dark); transition: background .2s ease; }
.ax-method-row:hover { background: rgba(255,255,255,.025); }
.ax-method-no { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid rgba(217,240,124,.4); border-radius: 50%; color: var(--ax-lime); font-size: 11px; font-weight: 850; }
.ax-method-title > span { color: #85a893; font-size: 8px; font-weight: 900; letter-spacing: .14em; }
.ax-method-title h3 { margin: 5px 0 0; color: #f4f8f3; font-size: clamp(18px,2vw,24px); font-weight: 630; letter-spacing: -.035em; }
.ax-method-row > p { margin: 0; color: #b2c5b7; font-size: 13px; line-height: 1.7; }
.ax-method-status { justify-self: end; color: #9ab7a1; font-size: 8px; font-weight: 900; letter-spacing: .12em; text-align: right; }
.ax-method-note { display: flex; align-items: flex-start; gap: 13px; max-width: 880px; margin-top: 27px; padding: 17px 19px; border: 1px solid rgba(255,255,255,.1); border-radius: 13px; background: rgba(255,255,255,.035); }
.ax-note-icon { display: grid; place-items: center; flex: 0 0 auto; width: 22px; height: 22px; border-radius: 50%; color: #17261b; background: var(--ax-lime); font-size: 12px; font-weight: 900; }
.ax-method-note p { margin: 0; color: #bbcdc0; font-size: 11px; line-height: 1.7; }
.ax-method-note strong { color: #eff8ed; }
.ax-capabilities-section { background: #f0f4ee; }
.ax-capabilities-section .ax-section-intro { max-width: 850px; }
.ax-section-subtitle { margin: 18px 0 0; color: var(--ax-muted); font-size: 15px; line-height: 1.75; }
.ax-capability-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin-top: 38px; }
.ax-capability { position: relative; display: flex; flex-direction: column; min-height: 300px; padding: 23px; border: 1px solid #d7e2d8; border-radius: 19px; color: inherit; background: rgba(255,255,255,.68); text-decoration: none; transition: transform .22s var(--ax-motion), background .22s ease, box-shadow .22s ease; }
.ax-capability:hover { transform: translateY(-4px); background: #fff; box-shadow: 0 20px 45px rgba(17,57,38,.07); }
.ax-capability-index { color: #849587; font-size: 9px; font-weight: 900; letter-spacing: .13em; }
.ax-capability-icon { display: grid; place-items: center; width: 49px; height: 49px; margin: 27px 0 21px; border: 1px solid #b9d0be; border-radius: 15px; color: var(--ax-green); background: #eaf4e9; font-size: 26px; line-height: 1; }
.ax-capability h3 { margin: 0 0 9px; color: var(--ax-ink); font-size: 19px; font-weight: 680; line-height: 1.15; letter-spacing: -.035em; }
.ax-capability p { margin: 0 0 22px; color: var(--ax-muted); font-size: 12px; line-height: 1.7; }
.ax-capability-link { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 13px; border-top: 1px solid #e0e8e0; color: var(--ax-green); font-size: 10px; font-weight: 850; }
.ax-capability-link b { font-size: 16px; }
.ax-journal-section { background: #fbfcf8; }
.ax-journal-intro-copy { display: flex; flex-direction: column; align-items: flex-start; gap: 15px; }
.ax-journal-intro-copy p { margin: 0; color: var(--ax-muted); font-size: 14px; line-height: 1.75; }
.ax-journal-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin-top: 38px; }
.ax-journal-card { display: flex; flex-direction: column; min-height: 295px; padding: 24px; border: 1px solid #dce5dd; border-radius: 19px; background: #fff; transition: border-color .2s ease, transform .2s var(--ax-motion), box-shadow .2s ease; }
.ax-journal-card:hover { border-color: #b9d0bf; transform: translateY(-3px); box-shadow: 0 18px 45px rgba(18,56,40,.06); }
.ax-journal-card-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 15px; border-bottom: 1px solid #e5ebe5; color: #788a7d; font-size: 9px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.ax-journal-card h3 { margin: 22px 0 11px; font-size: clamp(20px,2vw,24px); font-weight: 650; line-height: 1.15; letter-spacing: -.04em; }
.ax-journal-card h3 a { color: var(--ax-ink); text-decoration: none; }
.ax-journal-card h3 a:hover { color: var(--ax-green); }
.ax-journal-card > p { margin: 0 0 25px; color: var(--ax-muted); font-size: 12px; line-height: 1.75; }
.ax-journal-card-bottom { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-top: auto; padding-top: 15px; border-top: 1px solid #e5ebe5; color: #7c8b80; font-size: 9px; }
.ax-journal-card-bottom a { color: var(--ax-green); font-size: 10px; font-weight: 850; text-decoration: none; }
.ax-faq-section { background: #f0f4ee; }
.ax-faq-layout { display: grid; grid-template-columns: minmax(0,.82fr) minmax(0,1.18fr); align-items: start; gap: clamp(35px,7vw,110px); }
.ax-faq-intro { max-width: 420px; margin: 19px 0 26px; color: var(--ax-muted); font-size: 14px; line-height: 1.8; }
.ax-faq-layout .ax-kicker { color: var(--ax-green); }
.ax-faq-list { border-top: 1px solid #d5e0d7; }
.ax-faq-list details { border-bottom: 1px solid #d5e0d7; }
.ax-faq-list summary { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 20px 0; color: var(--ax-ink); font-size: 14px; font-weight: 700; line-height: 1.45; cursor: pointer; list-style: none; }
.ax-faq-list summary::-webkit-details-marker { display: none; }
.ax-faq-list summary span { display: grid; place-items: center; flex: 0 0 auto; width: 29px; height: 29px; border: 1px solid #c9d7cc; border-radius: 50%; color: var(--ax-green); font-size: 18px; font-weight: 450; transition: transform .2s ease, background .2s ease; }
.ax-faq-list details[open] summary span { transform: rotate(45deg); background: #e0efdb; }
.ax-faq-list details p { max-width: 650px; margin: -2px 45px 20px 0; color: var(--ax-muted); font-size: 12px; line-height: 1.8; }
.ax-final-cta { padding: 0 0 clamp(70px,8vw,110px); background: #f0f4ee; }
.ax-final-panel { position: relative; min-height: 350px; overflow: hidden; display: grid; grid-template-columns: .52fr 1fr; align-items: center; gap: 30px; padding: clamp(30px,5vw,68px); border-radius: var(--ax-radius-xl); color: #f5f9f3; background: #0e271b; }
.ax-final-panel:after { content: ""; position: absolute; right: -140px; top: -270px; width: 620px; height: 620px; border: 1px solid rgba(217,240,124,.18); border-radius: 50%; box-shadow: 0 0 0 50px rgba(217,240,124,.035),0 0 0 100px rgba(217,240,124,.025),0 0 0 150px rgba(217,240,124,.018); pointer-events: none; }
.ax-final-decoration { position: relative; z-index: 1; display: grid; place-items: center; width: min(100%,230px); aspect-ratio: 1; border: 1px solid rgba(220,242,224,.16); border-radius: 50%; background: radial-gradient(circle at center,rgba(217,240,124,.12),transparent 60%); }
.ax-final-decoration i { position: absolute; width: 72%; height: 72%; border: 1px solid rgba(217,240,124,.36); border-radius: 50%; transform: rotate(45deg) scaleX(.62); }
.ax-final-decoration i:nth-child(2) { transform: rotate(-45deg) scaleX(.62); border-color: rgba(217,240,124,.24); }
.ax-final-decoration i:nth-child(3) { width: 22%; height: 22%; background: var(--ax-lime); border: 0; box-shadow: 0 0 0 12px rgba(217,240,124,.08); }
.ax-final-decoration span { position: absolute; bottom: 16%; color: #a1c0a6; font-size: 8px; font-weight: 900; letter-spacing: .2em; }
.ax-final-copy { position: relative; z-index: 2; }
.ax-final-copy .ax-kicker { color: var(--ax-lime); }
.ax-final-copy h2 { max-width: 680px; margin: 0; color: #f7faf5; font-size: clamp(34px,4.7vw,57px); font-weight: 650; line-height: 1.03; letter-spacing: -.055em; }
.ax-final-copy h2 em { color: var(--ax-lime); font-style: normal; }
.ax-final-copy > p:not(.ax-kicker) { max-width: 590px; margin: 17px 0 0; color: #bcd0bf; font-size: 14px; line-height: 1.75; }
/* Article system */
.ax-article-hero { position: relative; overflow: hidden; padding: clamp(52px,7vw,92px) 0 54px; color: #f5f9f4; background: radial-gradient(circle at 92% 5%, rgba(62,140,85,.26), transparent 27%),linear-gradient(135deg,#10251b,#0d3828 58%,#13281d); }
.ax-article-hero:after { content: ""; position: absolute; right: -120px; bottom: -270px; width: 560px; height: 560px; border: 1px solid rgba(217,240,124,.13); border-radius: 50%; box-shadow: 0 0 0 45px rgba(217,240,124,.025),0 0 0 90px rgba(217,240,124,.018); pointer-events: none; }
.ax-article-hero-inner { position: relative; z-index: 2; max-width: 980px; }
.ax-article-hero .ak-breadcrumbs, .ax-article-hero nav[aria-label*="readcrumb"] { color: #a8c3af; font-size: 11px; }
.ax-article-category { margin-top: 34px; color: var(--ax-lime); font-size: 10px; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
.ax-article-hero h1 { max-width: 940px; margin: 16px 0 0; color: #f5faf4; font-size: clamp(38px,5.6vw,70px); font-weight: 650; line-height: 1.02; letter-spacing: -.06em; text-wrap: balance; }
.ax-article-deck { max-width: 750px; margin: 22px 0 0; color: #c0d2c4; font-size: clamp(16px,1.7vw,19px); line-height: 1.7; }
.ax-article-meta { display: flex; flex-wrap: wrap; gap: 9px 19px; margin-top: 25px; color: #a6bfad; font-size: 10px; font-weight: 650; }
.ax-article-meta span + span { position: relative; }
.ax-article-meta span + span:before { content: ""; position: absolute; left: -11px; top: 50%; width: 3px; height: 3px; border-radius: 50%; background: #8ca994; }
.ax-article-hero-mark { position: absolute; right: max(30px,calc((100vw - var(--ax-content))/2)); bottom: 24px; z-index: 1; display: flex; align-items: center; gap: 9px; color: rgba(197,220,198,.55); font-size: 8px; font-weight: 900; letter-spacing: .16em; }
.ax-article-hero-mark i { width: 34px; height: 1px; background: rgba(217,240,124,.5); }
.ax-article-main { position: relative; background: #fbfcf8; }
.ax-reading-progress { position: absolute; z-index: 20; top: 0; left: 0; right: 0; height: 3px; pointer-events: none; }
.ax-reading-progress span { display: block; height: 100%; width: 100%; transform: scaleX(0); transform-origin: left; background: var(--ax-green); }
.ax-article-grid { display: grid; grid-template-columns: minmax(0,820px) minmax(220px,270px); justify-content: space-between; align-items: start; gap: clamp(35px,5vw,80px); padding-block: 55px 90px; }
.ax-article-content { min-width: 0; }
.ax-article-featured { margin: 0 0 34px; }
.ax-article-featured img { display: block; width: 100%; height: auto; max-height: 520px; object-fit: cover; border-radius: 20px; }
.ax-article-featured figcaption { margin-top: 9px; color: #738279; font-size: 11px; }
.ax-article-toc { margin: 0 0 35px; padding: 21px 23px; border: 1px solid #dbe5dc; border-radius: 17px; background: #f4f8f2; }
.ax-article-toc[hidden] { display: none !important; }
.ax-toc-heading { display: flex; justify-content: space-between; align-items: center; gap: 18px; margin-bottom: 12px; color: var(--ax-green); font-size: 10px; font-weight: 900; letter-spacing: .13em; }
.ax-toc-heading button { border: 0; padding: 4px 0; color: #61786a; background: transparent; font-size: 10px; cursor: pointer; }
.ax-article-toc ol { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px 25px; margin: 0; padding-left: 18px; }
.ax-article-toc li { padding-left: 3px; color: #8ca193; font-size: 11px; line-height: 1.5; }
.ax-article-toc a { color: #304c3d; text-decoration: none; }
.ax-article-toc a:hover { color: var(--ax-green); text-decoration: underline; }
.ax-article-toc .ax-toc-subitem { margin-left: 12px; font-size: 10px; }
.ax-article-toc.is-collapsed ol { display: none; }
.ax-article-prose { min-width: 0; color: #2d4035; font-size: 17px; line-height: 1.82; overflow-wrap: anywhere; }
.ax-article-prose > * { max-width: 100%; }
.ax-article-prose > * + * { margin-top: 1.05em; }
.ax-article-prose h2 { margin-top: 2.35em; margin-bottom: .55em; color: var(--ax-ink); font-size: clamp(26px,3.1vw,37px); font-weight: 660; line-height: 1.14; letter-spacing: -.045em; text-wrap: balance; }
.ax-article-prose h3 { margin-top: 1.8em; margin-bottom: .45em; color: #193c2b; font-size: clamp(20px,2.4vw,26px); font-weight: 680; line-height: 1.25; letter-spacing: -.03em; }
.ax-article-prose h4 { margin-top: 1.6em; color: #234331; font-size: 18px; }
.ax-article-prose p { margin-bottom: 1.05em; }
.ax-article-prose ul, .ax-article-prose ol { padding-left: 1.35em; }
.ax-article-prose li { margin: .38em 0; padding-left: .18em; }
.ax-article-prose li::marker { color: var(--ax-green); }
.ax-article-prose a { color: #08775a; font-weight: 650; text-decoration-thickness: 1px; }
.ax-article-prose strong { color: #1a3226; }
.ax-article-prose blockquote { margin: 1.8em 0; padding: 20px 23px; border-left: 3px solid var(--ax-green); border-radius: 0 14px 14px 0; color: #244332; background: #eef5ec; font-size: 1.03em; }
.ax-article-prose table { display: block; width: 100%; max-width: 100%; overflow-x: auto; border-collapse: separate; border-spacing: 0; border: 1px solid #d8e4da; border-radius: 12px; font-size: 13px; }
.ax-article-prose th, .ax-article-prose td { min-width: 120px; padding: 12px 14px; border-right: 1px solid #d8e4da; border-bottom: 1px solid #d8e4da; text-align: left; vertical-align: top; }
.ax-article-prose th { color: #173b2a; background: #eaf3e8; font-weight: 800; }
.ax-article-prose tr:last-child td { border-bottom: 0; }
.ax-article-prose tr > *:last-child { border-right: 0; }
.ax-article-prose img, .ax-article-prose video, .ax-article-prose iframe { max-width: 100%; height: auto; }
.ax-article-prose img { border-radius: 12px; }
.ax-article-aside { min-width: 0; }
.ax-aside-sticky { position: sticky; top: 112px; display: grid; gap: 14px; }
.ax-aside-card { padding: 22px; border: 1px solid #d8e4d9; border-radius: 17px; background: #eef5eb; }
.ax-aside-label { color: #6d8572; font-size: 9px; font-weight: 900; letter-spacing: .13em; }
.ax-aside-card h2 { margin: 13px 0 9px; color: #173625; font-size: 23px; font-weight: 680; line-height: 1.12; letter-spacing: -.04em; }
.ax-aside-card p { margin: 0 0 17px; color: #5d7162; font-size: 12px; line-height: 1.7; }
.ax-aside-link { display: flex; justify-content: space-between; align-items: center; gap: 10px; color: var(--ax-green); font-size: 11px; font-weight: 850; text-decoration: none; }
.ax-aside-links { display: grid; gap: 0; padding: 18px 20px; border: 1px solid #dfe7df; border-radius: 17px; background: #fff; }
.ax-aside-links .ax-aside-label { margin-bottom: 9px; }
.ax-aside-links a { display: flex; justify-content: space-between; gap: 9px; padding: 12px 0; border-top: 1px solid #e9eee9; color: #334c3b; font-size: 11px; font-weight: 650; text-decoration: none; }
.ax-aside-links a:hover { color: var(--ax-green); }
.ax-article-conversion { display: grid; grid-template-columns: 130px minmax(0,1fr); gap: 22px; margin: 52px 0 22px; padding: clamp(24px,4vw,36px); border: 1px solid #d5e3d6; border-radius: 22px; background: radial-gradient(circle at 100% 0%,rgba(217,240,124,.26),transparent 36%),#eef5eb; }
.ax-conversion-index { color: #79947e; font-size: 9px; font-weight: 900; letter-spacing: .12em; }
.ax-article-conversion .ax-kicker { margin-bottom: 11px; color: var(--ax-green); font-size: 9px; }
.ax-article-conversion h2 { margin: 0; color: var(--ax-ink); font-size: clamp(24px,3vw,33px); font-weight: 680; line-height: 1.12; letter-spacing: -.04em; }
.ax-article-conversion p:not(.ax-kicker) { margin: 11px 0 0; color: #5c7061; font-size: 13px; line-height: 1.75; }
.ax-conversion-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 19px; }
.ax-conversion-actions .ax-button { min-height: 44px; font-size: 11px; }
/* Existing generic content templates receive the same visual system */
.ak-page-hero { text-align: left; padding: clamp(48px,6vw,78px) 0; background: radial-gradient(circle at 84% 12%,rgba(76,145,91,.25),transparent 24%),linear-gradient(125deg,#10251b,#0b4935 65%,#183526); }
.ak-page-hero:after { content: ""; position: absolute; right: -120px; bottom: -240px; width: 490px; height: 490px; border: 1px solid rgba(217,240,124,.15); border-radius: 50%; box-shadow: 0 0 0 45px rgba(217,240,124,.025),0 0 0 90px rgba(217,240,124,.018); }
.ak-page-hero-inner { position: relative; z-index: 1; }
.ak-page-hero h1 { max-width: 900px; font-size: clamp(36px,5vw,62px); letter-spacing: -.055em; line-height: 1.04; text-align: left; }
.ak-page-description { max-width: 760px; margin: 18px 0 0; color: #c2d6c7; font-size: 16px; line-height: 1.7; text-align: left; }
.ak-page-content, .ak-post-content { background: #fbfcf8; }
.ak-page-content-inner { width: min(calc(100% - clamp(28px,5.5vw,88px)),var(--ax-content)); padding-block: clamp(38px,5vw,68px) 90px; }
.ak-page-article { max-width: 900px; margin-inline: auto; color: #2d4035; font-size: 16px; line-height: 1.8; }
.ak-page-article > * + * { margin-top: 1.1em; }
.ak-page-article h2 { margin-top: 2em; color: var(--ax-ink); font-size: clamp(26px,3.4vw,38px); line-height: 1.16; letter-spacing: -.045em; }
.ak-page-article h3 { margin-top: 1.6em; color: #1b402c; font-size: clamp(20px,2.4vw,26px); line-height: 1.25; letter-spacing: -.03em; }
.ak-page-article a { color: var(--ax-green); font-weight: 650; }
.ak-page-article img { max-width: 100%; height: auto; border-radius: 14px; }
.ak-page-article table { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; font-size: 13px; }
.ak-page-article th, .ak-page-article td { padding: 11px 13px; border: 1px solid var(--ax-line); text-align: left; }
.ak-page-article th { background: #eaf3e8; }
.ak-contact { background: #eef5eb; border-top: 1px solid #dce7dd; }
.ak-footer { background: #0d2018; color: #bdd0c2; padding: 60px 0 23px; }
.ak-footer h3 { color: #f3f8f2; font-size: 13px; }
.ak-footer .ak-brand img { filter: brightness(0) invert(1); opacity: .94; }
.ak-footer a { color: #dce9de; }
.ak-footer a:hover { color: var(--ax-lime); }
.ak-footer-bottom { border-top-color: rgba(255,255,255,.13); color: #89a493; }
.ak-footer-context { color: #8fac97; }
.ak-footer-grid { gap: clamp(24px,4vw,55px); }
.ak-cta-band { background: #eef5eb; }
.ak-button, .ak-text-link { text-underline-offset: 3px; }
.ak-prose, .ak-content-inner { min-width: 0; }
/* Focus and responsiveness */
.ax-button:focus-visible, .ax-arrow-link:focus-visible, .ax-capability:focus-visible, .ax-journal-card a:focus-visible, .ax-faq-list summary:focus-visible { outline: 3px solid #95b93d; outline-offset: 4px; }
.ax-article-prose h2, .ax-article-prose h3, .ak-page-article h2, .ak-page-article h3 { scroll-margin-top: 110px; text-wrap: balance; }
@media (max-width: 1120px) {
  .ax-hero-layout { grid-template-columns: minmax(0,1fr) minmax(330px,.8fr); gap: 32px; }
  .ax-art-canvas { min-height: 370px; }
  .ax-node-market { left: 2%; } .ax-node-formula { right: 2%; }
  .ax-capability-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .ax-capability { min-height: 260px; }
  .ax-method-row { grid-template-columns: 48px minmax(175px,.8fr) minmax(200px,1.1fr); gap: 20px; }
  .ax-method-status { display: none; }
}
@media (max-width: 800px) {
  .ak-topbar { display: none; }
  .ak-header-inner { min-height: 68px; }
  .ak-brand img { max-width: 142px; max-height: 48px; }
  .ak-header-actions { gap: 8px; }
  .ak-header-whatsapp { display: none; }
  .ak-header-cta { max-width: 164px; padding: 8px 10px; }
  .ak-header-cta small { display: none; }
  .ak-header-cta b { font-size: 11px; }
  .ak-build-arrow { display: none; }
  .ax-hero-layout { grid-template-columns: minmax(0,1fr); gap: 40px; padding-block: 64px 60px; }
  .ax-hero-copy { max-width: 780px; }
  .ax-hero h1 { max-width: 720px; font-size: clamp(43px,8.4vw,69px); }
  .ax-hero-lead { max-width: 660px; font-size: 16px; }
  .ax-hero-art { max-width: 630px; width: 100%; margin-inline: auto; }
  .ax-art-canvas { min-height: 390px; }
  .ax-hero-bottom-inner { align-items: flex-start; flex-direction: column; justify-content: center; gap: 7px; padding-block: 13px; font-size: 8px; }
  .ax-intro-split, .ax-faq-layout { grid-template-columns: minmax(0,1fr); gap: 21px; }
  .ax-section-intro h2, .ax-faq-layout h2 { font-size: clamp(33px,6.5vw,48px); }
  .ax-start-grid { grid-template-columns: minmax(0,1fr); }
  .ax-start-card { min-height: 0; padding: 25px; }
  .ax-card-geometry { height: 52px; margin-block: 13px 8px; }
  .ax-start-card h3 { max-width: none; }
  .ax-method-row { grid-template-columns: 44px minmax(0,1fr); gap: 14px 16px; padding: 20px 0; }
  .ax-method-title { grid-column: 2; grid-row: 1; }
  .ax-method-no { grid-column: 1; grid-row: 1; width: 38px; height: 38px; }
  .ax-method-row > p { grid-column: 2; }
  .ax-capability-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .ax-capability { padding: 19px; min-height: 265px; }
  .ax-capability-icon { margin: 20px 0 16px; }
  .ax-journal-grid { grid-template-columns: minmax(0,1fr); }
  .ax-journal-card { min-height: 0; }
  .ax-journal-intro-copy { align-items: flex-start; }
  .ax-final-panel { grid-template-columns: minmax(0,1fr); gap: 25px; padding: 30px; }
  .ax-final-decoration { width: 105px; }
  .ax-final-decoration span { font-size: 6px; }
  .ax-final-copy h2 { font-size: clamp(33px,7vw,48px); }
  .ax-article-hero { padding: 44px 0 46px; }
  .ax-article-category { margin-top: 26px; }
  .ax-article-hero h1 { font-size: clamp(34px,7.5vw,54px); }
  .ax-article-hero-mark { display: none; }
  .ax-article-grid { grid-template-columns: minmax(0,1fr); gap: 35px; padding-block: 33px 70px; }
  .ax-article-aside { order: 2; }
  .ax-aside-sticky { position: static; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; }
  .ax-article-conversion { grid-template-columns: minmax(0,1fr); gap: 12px; }
  .ax-conversion-index { font-size: 8px; }
  .ax-article-prose { font-size: 16px; line-height: 1.78; }
  .ax-article-toc ol { grid-template-columns: minmax(0,1fr); }
  .ax-article-meta { gap: 8px 17px; }
  .ak-page-hero { padding-block: 45px; }
  .ak-page-content-inner { padding-block: 35px 75px; }
  .ak-footer { padding-bottom: 100px; }
  body { padding-bottom: 86px; }
}
@media (max-width: 480px) {
  .ax-container { width: min(calc(100% - 36px), var(--ax-content)); }
  .ax-hero-layout { padding-block: 53px 42px; gap: 30px; }
  .ax-eyebrow { align-items: flex-start; font-size: 8px; letter-spacing: .1em; }
  .ax-hero h1 { font-size: clamp(39px,11.2vw,51px); }
  .ax-hero-lead { margin-top: 19px; font-size: 14px; line-height: 1.72; }
  .ax-hero-actions { align-items: stretch; flex-direction: column; margin-top: 23px; }
  .ax-button { width: 100%; min-height: 49px; }
  .ax-hero-notes { gap: 7px; font-size: 9px; }
  .ax-art-topline, .ax-art-footer { padding-inline: 12px; font-size: 7px; }
  .ax-art-canvas { min-height: 330px; }
  .ax-orbit-one { width: 135px; height: 135px; }
  .ax-orbit-two { width: 225px; height: 225px; }
  .ax-orbit-three { width: 290px; height: 290px; }
  .ax-art-core { width: 108px; height: 108px; }
  .ax-art-core strong { font-size: 25px; }
  .ax-art-core small { font-size: 6px; }
  .ax-art-node { min-width: 100px; padding: 8px; border-radius: 9px; }
  .ax-art-node b { font-size: 10px; }
  .ax-art-node small { font-size: 8px; }
  .ax-node-mark { width: 18px; height: 18px; font-size: 8px; }
  .ax-node-market { left: 2%; top: 9%; }
  .ax-node-formula { right: 2%; top: 12%; }
  .ax-node-feasibility { left: 2%; bottom: 8%; }
  .ax-node-launch { right: 2%; bottom: 7%; }
  .ax-art-coordinate { font-size: 6px; }
  .ax-hero-bottom-inner { font-size: 7px; }
  .ax-start-section, .ax-method-section, .ax-capabilities-section, .ax-journal-section, .ax-faq-section { padding-block: 58px; }
  .ax-section-intro h2, .ax-faq-layout h2 { font-size: 34px; }
  .ax-method-row { gap: 12px; }
  .ax-method-title h3 { font-size: 18px; }
  .ax-method-row > p { font-size: 12px; }
  .ax-capability-grid { grid-template-columns: minmax(0,1fr); }
  .ax-capability { min-height: 0; padding: 22px; }
  .ax-capability-icon { margin-block: 18px 14px; }
  .ax-final-cta { padding-bottom: 58px; }
  .ax-final-panel { padding: 25px 22px; border-radius: 22px; }
  .ax-final-copy h2 { font-size: 35px; }
  .ax-aside-sticky { grid-template-columns: minmax(0,1fr); }
  .ax-article-hero h1 { font-size: 35px; }
  .ax-article-meta { font-size: 9px; }
  .ax-article-prose { font-size: 15px; }
  .ax-article-conversion { padding: 23px 19px; }
  .ax-conversion-actions { flex-direction: column; }
  .ak-footer-grid { grid-template-columns: minmax(0,1fr); }
  .ak-mobile-dock { left: 9px; right: 9px; bottom: max(8px, env(safe-area-inset-bottom)); min-height: 65px; border-radius: 19px; }
  .ak-mobile-dock-item { min-height: 49px; }
  .ak-dock-label { font-size: 9px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
}
@media (hover: none) {
  .ax-start-card:hover, .ax-capability:hover, .ax-journal-card:hover, .ax-button:hover { transform: none; }
}

.ax-article-context { padding-top: 28px; }
.ax-article-context .ak-entity-context-wrap { width: 100%; }
.ax-article-context .ak-entity-map { margin-block: 0; border-radius: 18px; }


/* 3.2.0 content-quality pass: readable long-form measure and restrained page summary. */
.ak-page-summary{max-width:var(--ax-content,1120px);margin:0 auto clamp(22px,3vw,38px);padding:17px 21px;border:1px solid #d9e4dc;border-left:3px solid #246b4e;border-radius:12px;background:#f7faf7;color:#25372e}
.ak-page-summary p{margin:0;font-size:15px;line-height:1.7}
.ak-page-summary .ak-page-summary-label{margin-bottom:5px;color:#527261;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.ak-page-article{max-width:1120px}
.ak-page-article p,.ak-page-article li{line-height:1.78}
.ak-page-article table{width:100%;border-collapse:collapse;margin:24px 0;font-size:14px;line-height:1.55;overflow-wrap:anywhere}
.ak-page-article th,.ak-page-article td{padding:12px 14px;border:1px solid #dce5df;text-align:left;vertical-align:top}
.ak-page-article th{background:#edf4ef;color:#183d2c;font-weight:750}
.ak-page-article tr:nth-child(even) td{background:#fafcfb}
.ak-page-article img{max-width:100%;height:auto;border-radius:12px}
.ak-page-article figure{margin:28px 0}
.ak-page-article figcaption{margin-top:8px;color:#66776e;font-size:13px;line-height:1.5}
.ak-page-article blockquote{margin:26px 0;padding:18px 22px;border-left:3px solid #2b7656;background:#f4f8f5;border-radius:0 12px 12px 0}
.ak-page-article :where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #9bca63;outline-offset:3px}
@media(max-width:700px){.ak-page-summary{padding:15px 16px;margin-bottom:22px}.ak-page-summary p{font-size:14px}.ak-page-article table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}}
@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

.ak-page-next-step{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:clamp(32px,5vw,58px) auto 0;padding:clamp(22px,3vw,34px);border:1px solid #dbe5de;border-radius:18px;background:linear-gradient(135deg,#f7faf7,#edf4ef)}
.ak-page-next-step-copy{max-width:650px}.ak-page-next-step-eyebrow{margin:0 0 8px;color:#527261;font-size:10px;font-weight:850;letter-spacing:.12em}.ak-page-next-step h2{margin:0 0 8px;color:#16392a;font-size:clamp(22px,2.4vw,30px);line-height:1.15;letter-spacing:-.035em}.ak-page-next-step-copy>p:last-child{margin:0;color:#52645a;font-size:14px;line-height:1.7}.ak-page-next-step-link{flex:0 0 auto;display:inline-flex;align-items:center;gap:12px;padding:13px 17px;border-radius:9px;background:#123d2b;color:#fff;text-decoration:none;font-size:13px;font-weight:750}.ak-page-next-step-link:hover{background:#20583f;color:#fff}
@media(max-width:700px){.ak-page-next-step{align-items:flex-start;flex-direction:column;gap:18px}.ak-page-next-step-link{width:100%;justify-content:space-between}}

/* AspKom Eixil 3.3.0 — responsive hero slider, network footprint and clearer navigation */
:root{--ax-paper:#f8faf7;--ax-ink:#0f172a;--ax-botanical:#0d2818;--ax-green:#10b981;--ax-action:#f59e0b}
.ax-slider-container{padding-block:clamp(28px,4vw,48px) 24px;position:relative;z-index:1}
.ax-slider-topline{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:clamp(26px,4vw,48px)}
.ax-slider-topline .ax-eyebrow{margin:0;color:#bdd1c2}
.ax-slider-count{display:flex;align-items:center;gap:8px;color:#a8c3b2;font:600 12px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}
.ax-slider-count span{color:#f7fbf5;font-size:16px}.ax-slider-count i{font-style:normal;opacity:.5}
.ax-slider-viewport{position:relative;min-height:420px}
.ax-slide{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:center;gap:clamp(32px,5vw,76px);min-height:420px;animation:ax-slide-in .42s ease both}
.ax-slide[hidden]{display:none!important}.ax-slide-copy{max-width:720px;position:relative;z-index:2}
.ax-slide-kicker{margin:0 0 20px;color:#9ac5a8;font:700 11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em}
.ax-slide h1,.ax-slide h2{max-width:780px;margin:0;color:#f6faf5;font-size:clamp(42px,5.4vw,76px);font-weight:650;line-height:1.01;letter-spacing:-.06em;text-wrap:balance}
.ax-slide h1 em,.ax-slide h2 em{display:block;color:var(--ax-lime,#d7ef76);font-style:normal}
.ax-slide .ax-hero-lead{max-width:620px;margin-top:23px;color:#c5d6ca;font-size:clamp(16px,1.25vw,18px);line-height:1.72}
.ax-slide .ax-hero-actions{margin-top:28px}
.ax-slide-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}
.ax-slide-tags span{padding:8px 11px;border:1px solid rgba(218,238,222,.19);border-radius:999px;color:#c7d9cc;background:rgba(255,255,255,.035);font-size:11px;font-weight:600;line-height:1.2}
.ax-slider-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:24px;padding-top:19px;border-top:1px solid rgba(225,243,228,.15)}
.ax-slider-tabs{display:flex;flex-wrap:wrap;gap:7px}.ax-slider-tabs button{display:flex;align-items:center;gap:8px;min-height:42px;padding:9px 13px;border:1px solid rgba(223,243,225,.16);border-radius:9px;color:#c5d6ca;background:rgba(255,255,255,.025);font-size:12px;font-weight:600;line-height:1.2;font-family:inherit;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.ax-slider-tabs button span{font:600 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#88a996}
.ax-slider-tabs button:hover,.ax-slider-tabs button:focus-visible{border-color:#8cb99a;outline:none}.ax-slider-tabs button.is-active{border-color:rgba(215,239,118,.62);background:rgba(215,239,118,.1);color:#f8fcef}.ax-slider-tabs button.is-active span{color:var(--ax-lime,#d7ef76)}
.ax-slider-arrows{display:flex;gap:8px;flex-shrink:0}.ax-slider-arrows button{width:42px;height:42px;border:1px solid rgba(223,243,225,.22);border-radius:50%;background:transparent;color:#f6faf5;font-size:19px;cursor:pointer;transition:background .2s,border-color .2s}.ax-slider-arrows button:hover,.ax-slider-arrows button:focus-visible{background:rgba(255,255,255,.1);border-color:#a4c7ad;outline:2px solid transparent}
.ax-slide-visual{position:relative;min-height:365px;overflow:hidden;border:1px solid rgba(225,243,228,.2);border-radius:26px;background:radial-gradient(ellipse at 48% 35%,rgba(36,116,81,.34),transparent 54%),linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.015));box-shadow:0 28px 75px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.07)}
.ax-visual-orbit{position:absolute;left:50%;top:48%;border:1px solid rgba(192,226,200,.23);border-radius:50%;transform:translate(-50%,-50%) rotate(-25deg)}.orbit-a{width:76%;height:47%}.orbit-b{width:57%;height:79%;transform:translate(-50%,-50%) rotate(32deg)}
.ax-visual-core{position:absolute;left:50%;top:48%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:210px;height:210px;padding:20px;border:1px solid rgba(215,239,118,.35);border-radius:50%;background:radial-gradient(circle,rgba(22,78,51,.95),rgba(9,36,25,.82));box-shadow:0 0 0 12px rgba(255,255,255,.025),0 0 55px rgba(16,185,129,.13);text-align:center;transform:translate(-50%,-50%)}
.ax-visual-core small,.ax-lab-label,.ax-scale-caption small,.ax-botanical-spec small{color:#9fc4aa;font:700 9px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em}.ax-visual-core strong{color:#f5fbf3;font-size:24px;letter-spacing:-.05em}.ax-visual-core strong i{color:var(--ax-lime,#d7ef76);font-style:normal;padding-inline:4px}.ax-visual-core span{color:#adc8b5;font-size:10px}
.ax-visual-chip{position:absolute;padding:10px 12px;border:1px solid rgba(224,243,227,.19);border-radius:9px;background:rgba(11,39,27,.85);color:#d5e5d8;font:700 9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;box-shadow:0 10px 24px rgba(0,0,0,.14)}.chip-one{top:17%;left:8%}.chip-two{right:7%;top:28%}.chip-three{bottom:14%;left:26%}
.ax-lab-card{position:absolute;inset:12% 10%;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:clamp(18px,2.5vw,30px);border:1px solid rgba(224,243,227,.19);border-radius:18px;background:rgba(8,34,23,.65);box-shadow:0 20px 45px rgba(0,0,0,.12)}.ax-lab-label{margin-bottom:7px}.ax-lab-step{display:grid;grid-template-columns:34px 1fr 12px;align-items:center;gap:12px;padding:13px 12px;border:1px solid rgba(222,241,225,.1);border-radius:10px;background:rgba(255,255,255,.025);color:#e4eee6;font-size:12px}.ax-lab-step b{color:var(--ax-lime,#d7ef76);font:700 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.ax-lab-step i{width:7px;height:7px;border-radius:50%;background:#7ecb9b}.ax-lab-card>small{margin-top:5px;color:#8faf9a;font-size:10px;line-height:1.5}
.ax-scale-bars{position:absolute;inset:16% 9% 35%;display:flex;align-items:flex-end;justify-content:center;gap:12px;border-bottom:1px solid rgba(223,243,225,.22)}.ax-scale-bars>div{display:flex;flex:1;max-width:68px;flex-direction:column;align-items:center;gap:10px}.ax-scale-bars i{display:block;width:100%;height:var(--bar-height,40%);min-height:30px;border:1px solid rgba(215,239,118,.35);border-radius:8px 8px 2px 2px;background:linear-gradient(180deg,rgba(16,185,129,.56),rgba(16,185,129,.06))}.ax-scale-bars>div:nth-child(1) i{height:25%}.ax-scale-bars>div:nth-child(2) i{height:43%}.ax-scale-bars>div:nth-child(3) i{height:65%}.ax-scale-bars>div:nth-child(4) i{height:90%;background:linear-gradient(180deg,rgba(215,239,118,.72),rgba(16,185,129,.12))}.ax-scale-bars span{color:#9fbea9;font:700 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em}.ax-scale-caption{position:absolute;left:10%;right:10%;bottom:11%;display:flex;flex-direction:column;gap:8px}.ax-scale-caption strong{color:#f3faf3;font-size:clamp(20px,2.3vw,29px);letter-spacing:-.04em}.ax-scale-caption>span{color:#a9c5b1;font-size:11px}
.ax-growth-ring{position:absolute;left:50%;top:48%;border:1px solid rgba(166,212,178,.24);border-radius:50%;transform:translate(-50%,-50%)}.ring-1{width:70%;aspect-ratio:1}.ring-2{width:48%;aspect-ratio:1;border-style:dashed}.ax-growth-core{position:absolute;left:50%;top:48%;display:flex;align-items:center;gap:12px;padding:20px 24px;border:1px solid rgba(215,239,118,.32);border-radius:14px;background:rgba(8,34,23,.87);color:#f6faf5;transform:translate(-50%,-50%);font-size:12px;font-weight:750;white-space:nowrap}.ax-growth-core b{color:var(--ax-lime,#d7ef76);font-size:20px}.ax-growth-note{position:absolute;padding:9px 11px;border:1px solid rgba(222,241,225,.18);border-radius:8px;background:#0e3021;color:#cde0d1;font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em}.note-a{left:12%;top:21%}.note-b{right:9%;top:35%}.note-c{left:30%;bottom:13%}
.ax-botanical-disc{position:absolute;border-radius:50%;border:1px solid rgba(215,239,118,.26);background:radial-gradient(circle at 30% 25%,rgba(121,176,107,.32),rgba(15,68,42,.1) 68%)}.disc-1{width:250px;height:250px;left:10%;top:16%}.disc-2{width:170px;height:170px;right:9%;bottom:10%;background:radial-gradient(circle at 30% 25%,rgba(215,239,118,.2),rgba(15,68,42,.08) 70%)}.ax-botanical-leaf{position:absolute;width:86px;height:146px;border:1px solid rgba(176,220,153,.45);border-radius:100% 0 100% 0;background:linear-gradient(135deg,rgba(124,182,106,.55),rgba(15,77,44,.2));transform:rotate(28deg)}.leaf-1{left:30%;top:21%}.leaf-2{left:45%;top:38%;width:60px;height:110px;transform:rotate(70deg)}.ax-botanical-spec{position:absolute;right:7%;top:15%;bottom:15%;width:44%;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:20px;border:1px solid rgba(224,243,227,.19);border-radius:15px;background:rgba(8,34,23,.8);box-shadow:0 20px 45px rgba(0,0,0,.12)}.ax-botanical-spec strong{color:#f1f8f1;font-size:15px}.ax-botanical-spec span{margin-bottom:9px;color:#a9c6b1;font-size:10px;line-height:1.5}
.ax-footprint-section{padding:clamp(65px,8vw,112px) 0;background:var(--ax-paper,#f8faf7);color:var(--ax-ink,#0f172a)}.ax-footprint-section .ax-section-intro{margin-bottom:30px}.ax-footprint-section .ax-section-intro h2{max-width:780px}.ax-footprint-section .ax-section-intro>p{max-width:500px;color:#647067;line-height:1.7}.ax-footprint-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.ax-footprint-card{min-width:0;padding:23px;border:1px solid #e0e7e1;border-radius:17px;background:#fff;box-shadow:0 8px 24px rgba(15,40,25,.025);transition:transform .2s,border-color .2s,box-shadow .2s}.ax-footprint-card:hover{transform:translateY(-3px);border-color:#a8cfb4;box-shadow:0 14px 30px rgba(15,40,25,.07)}.ax-footprint-primary{background:#eff7f0;border-color:#c9dfce}.ax-footprint-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:25px}.ax-footprint-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#103d29;color:#d7ef76;font-size:12px;font-weight:800;letter-spacing:-.04em}.ax-footprint-type{color:#68776c;font:700 8px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-align:right}.ax-footprint-card h3{margin:0 0 8px;color:#10291b;font-size:19px;letter-spacing:-.04em}.ax-footprint-card p{min-height:46px;margin:0;color:#657269;font-size:13px;line-height:1.65}.ax-footprint-meta{display:flex;flex-direction:column;gap:5px;margin-top:20px;padding-top:15px;border-top:1px solid #d4e5d7}.ax-footprint-meta span{color:#68776c;font-size:10px}.ax-footprint-meta strong{color:#103d29;font-size:13px}.ax-manufacturing-network{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr) auto;align-items:center;gap:30px;margin-top:20px;padding:clamp(23px,3vw,36px);border-radius:19px;background:#10291d;color:#f3f8f3}.ax-network-heading .ax-kicker{margin:0 0 10px;color:#a8c7b0}.ax-network-heading h3{margin:0 0 10px;color:#f3f8f3;font-size:clamp(21px,2.2vw,29px);letter-spacing:-.04em}.ax-network-heading>p:last-child{margin:0;color:#b1c8b7;font-size:12px;line-height:1.65}.ax-network-list{display:grid;gap:13px}.ax-network-item{display:flex;align-items:flex-start;gap:11px}.ax-network-dot{width:8px;height:8px;flex:0 0 8px;margin-top:5px;border-radius:50%;background:var(--ax-lime,#d7ef76);box-shadow:0 0 0 4px rgba(215,239,118,.09)}.ax-network-item div{display:flex;flex-direction:column;gap:4px}.ax-network-item strong{color:#f5fbf5;font-size:13px}.ax-network-item span:not(.ax-network-dot){color:#afc6b5;font-size:11px;line-height:1.5}.ax-manufacturing-network>.ax-button{white-space:nowrap;align-self:center}
/* Breadcrumbs: compact, readable and aligned to the content edge. */
.ak-page-hero-inner .ak-breadcrumbs,.ax-article-hero .ak-breadcrumbs,.ax-article-hero nav[aria-label*="readcrumb"]{justify-content:flex-start;width:fit-content;max-width:100%;margin:0 0 23px;padding:9px 13px;border:1px solid rgba(224,243,227,.17);border-radius:999px;background:rgba(255,255,255,.045);color:#c2d8c8;font-size:11px;line-height:1.4;backdrop-filter:blur(8px)}
.ak-page-hero-inner .ak-breadcrumbs a,.ax-article-hero .ak-breadcrumbs a,.ax-article-hero nav[aria-label*="readcrumb"] a{border-bottom:0;color:#dcebe0;text-decoration:none}.ak-page-hero-inner .ak-breadcrumbs a:hover,.ax-article-hero .ak-breadcrumbs a:hover{color:var(--ax-lime,#d7ef76)}
.ak-page-hero-inner .ak-breadcrumbs [aria-current="page"],.ax-article-hero .ak-breadcrumbs [aria-current="page"]{color:#f8fbf8;font-weight:650}
@keyframes ax-slide-in{from{opacity:.35;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1120px){.ax-slide{grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:26px}.ax-slide h1,.ax-slide h2{font-size:clamp(39px,5.5vw,63px)}.ax-slide-visual{min-height:330px}.ax-footprint-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ax-manufacturing-network{grid-template-columns:1fr 1.2fr}.ax-manufacturing-network>.ax-button{grid-column:1/-1;justify-self:start}}
@media(max-width:800px){.ax-slider-container{padding-top:26px}.ax-slider-topline{margin-bottom:24px}.ax-slider-viewport{min-height:0}.ax-slide{grid-template-columns:1fr;gap:25px;min-height:0}.ax-slide h1,.ax-slide h2{font-size:clamp(38px,8vw,58px)}.ax-slide .ax-hero-lead{font-size:16px}.ax-slide-visual{width:100%;max-width:620px;min-height:310px;margin-inline:auto}.ax-slider-controls{align-items:flex-start}.ax-slider-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.ax-slider-tabs button{justify-content:flex-start;min-height:46px}.ax-slider-arrows{padding-top:2px}.ax-footprint-grid{gap:10px}.ax-footprint-card{padding:18px}.ax-manufacturing-network{grid-template-columns:1fr;gap:22px}.ax-manufacturing-network>.ax-button{grid-column:auto}.ak-page-hero-inner .ak-breadcrumbs,.ax-article-hero .ak-breadcrumbs{border-radius:12px}}
@media(max-width:480px){.ax-slider-topline{align-items:flex-start;gap:8px}.ax-slider-topline .ax-eyebrow{max-width:75%;font-size:9px;letter-spacing:.08em}.ax-slider-count{font-size:10px}.ax-slide h1,.ax-slide h2{font-size:clamp(35px,10.2vw,47px);letter-spacing:-.055em}.ax-slide-kicker{font-size:9px;margin-bottom:14px}.ax-slide .ax-hero-lead{margin-top:17px;font-size:15px;line-height:1.65}.ax-slide .ax-hero-actions{margin-top:21px}.ax-slide .ax-hero-actions .ax-button{width:100%;justify-content:center}.ax-slide-tags{gap:6px;margin-top:19px}.ax-slide-tags span{font-size:10px;padding:7px 9px}.ax-slide-visual{min-height:270px;border-radius:19px}.ax-visual-core{width:168px;height:168px}.ax-visual-core strong{font-size:20px}.ax-visual-chip{font-size:8px;padding:8px}.ax-lab-card{inset:8% 6%;gap:8px;padding:15px}.ax-lab-step{padding:10px;font-size:11px}.ax-slider-controls{gap:8px;flex-direction:column}.ax-slider-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.ax-slider-tabs button{padding:9px 10px;font-size:11px}.ax-slider-arrows{align-self:flex-end}.ax-footprint-grid{grid-template-columns:1fr}.ax-footprint-card p{min-height:0}.ax-footprint-card-head{margin-bottom:17px}.ax-network-heading h3{font-size:24px}.ax-manufacturing-network>.ax-button{width:100%;justify-content:center}.ax-hero-bottom-inner{gap:7px}.ax-hero-bottom-inner strong{color:#f5fbf5}}
@media(prefers-reduced-motion:reduce){.ax-slide{animation:none}.ax-footprint-card,.ax-slider-tabs button,.ax-slider-arrows button{transition:none}}
@media(max-width:800px){.ak-mobile-dock{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ak-mobile-dock-item{min-height:52px;height:auto;display:flex;align-items:center;justify-content:center;gap:9px;padding:10px 12px}.ak-mobile-dock-item span:not(.ak-dock-icon){display:inline!important;font-size:12px;font-weight:750;letter-spacing:0}.ak-mobile-dock-item .ak-dock-icon svg{width:21px;height:21px}.ak-mobile-dock-item.ak-dock-chat{background:#103d29;color:#fff}.ak-mobile-dock-item.ak-dock-build{background:#d7ef76;color:#10291d;box-shadow:0 10px 24px rgba(6,77,59,.15)}}
@media(max-width:380px){.ak-mobile-dock-item{gap:6px;padding:9px 7px}.ak-mobile-dock-item span:not(.ak-dock-icon){font-size:10px}}


/* ======================================================================
   ASPKOM EIXIL 3.4.0 — production polish and content system safeguards
   Kept additive to preserve legacy page-builder and block content styling.
   ====================================================================== */
:root {
  --ax-focus: #f2c94c;
  --ax-surface: #ffffff;
  --ax-soft-border: #dce6de;
  --ax-text-muted: #586a60;
  --ax-reading-width: 790px;
}

/* Consistent reading and content surfaces for Gutenberg and legacy content. */
.ak-page-content-inner { min-width: 0; }
.ak-page-article { min-width: 0; overflow-wrap: anywhere; }
.ak-page-article > * { max-width: 100%; }
.ak-page-article > p,
.ak-page-article > ul,
.ak-page-article > ol,
.ak-page-article > blockquote,
.ak-page-article > dl { max-width: var(--ax-reading-width); }
.ak-page-article p,
.ak-page-article li,
.ak-page-article dd { line-height: 1.78; }
.ak-page-article h2,
.ak-page-article h3,
.ak-page-article h4,
.ax-article-prose h2,
.ax-article-prose h3,
.ax-article-prose h4 { scroll-margin-top: 118px; text-wrap: pretty; }
.ak-page-article img,
.ak-page-article video,
.ak-page-article iframe,
.ax-article-prose img,
.ax-article-prose video,
.ax-article-prose iframe { max-width: 100%; }
.ak-page-article figure,
.ax-article-prose figure { margin-inline: 0; }
.ak-page-article figcaption,
.ax-article-prose figcaption { margin-top: 8px; color: var(--ax-muted); font-size: 13px; line-height: 1.55; }

/* Breadcrumbs remain a compact navigational aid, not a second hero. */
.ak-breadcrumbs { width: fit-content; max-width: 100%; justify-content: flex-start; overflow-wrap: anywhere; }
.ak-breadcrumbs > a,
.ak-breadcrumbs > span { min-width: 0; }
.ak-breadcrumbs [aria-current="page"] { font-weight: 700; }
.ak-breadcrumbs a:focus-visible,
.ak-page-hero a:focus-visible,
.ax-article-hero a:focus-visible,
.ax-slider-tabs button:focus-visible,
.ax-slider-arrows button:focus-visible { outline: 3px solid var(--ax-focus); outline-offset: 3px; }

/* Tables should be scannable on desktop and safely scrollable on narrow devices. */
.ak-page-article table,
.ax-article-prose table { width: 100%; max-width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid var(--ax-line); border-radius: 12px; background: #fff; }
.ak-page-article table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.ak-page-article th,
.ak-page-article td,
.ax-article-prose th,
.ax-article-prose td { padding: 12px 14px; border-bottom: 1px solid #e6ece7; border-right: 1px solid #e6ece7; text-align: left; vertical-align: top; }
.ak-page-article th,
.ax-article-prose th { background: #edf4ee; color: #173d2b; font-size: .86em; font-weight: 800; }
.ak-page-article tr:last-child td,
.ax-article-prose tr:last-child td { border-bottom: 0; }
.ak-page-article td:last-child,
.ak-page-article th:last-child,
.ax-article-prose td:last-child,
.ax-article-prose th:last-child { border-right: 0; }
.ak-page-article table caption,
.ax-article-prose table caption { padding: 10px 12px; color: var(--ax-text-muted); text-align: left; font-size: 13px; }

/* Form controls: consistent visual states without styling provider-specific internals. */
.ak-page-article form,
.ax-article-prose form { max-width: 100%; }
.ak-page-article input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="hidden"]),
.ak-page-article select,
.ak-page-article textarea,
.ax-article-prose input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="hidden"]),
.ax-article-prose select,
.ax-article-prose textarea,
.ak-search input { min-height: 46px; max-width: 100%; border: 1px solid #cbd9cf; border-radius: 10px; padding: 11px 13px; background: #fff; color: #14251c; }
.ak-page-article textarea,
.ax-article-prose textarea { min-height: 130px; resize: vertical; }
.ak-page-article button,
.ax-article-prose button,
.ak-search button { min-height: 44px; }
.ak-page-article input:focus-visible,
.ak-page-article select:focus-visible,
.ak-page-article textarea:focus-visible,
.ax-article-prose input:focus-visible,
.ax-article-prose select:focus-visible,
.ax-article-prose textarea:focus-visible,
.ak-search input:focus-visible { outline: 3px solid var(--ax-focus); outline-offset: 2px; border-color: #587e60; }
.ak-page-article [aria-invalid="true"],
.ax-article-prose [aria-invalid="true"] { border-color: #b42318; box-shadow: 0 0 0 1px #b42318; }

/* Search / index / 404 layout consistency. */
.ak-search-page { display: flex; gap: 10px; width: min(100%, 800px); margin: 0 0 35px; }
.ak-search-page input { flex: 1; min-width: 0; }
.ak-search-page button { flex: 0 0 auto; border: 0; padding: 10px 22px; border-radius: 10px; background: var(--ax-green); color: #fff; font-weight: 800; }
.ak-search-results-heading { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin: 0 0 20px; color: var(--ax-text-muted); }
.ak-search-results-heading p { margin: 0; }
.ak-search-thumb,
.ak-post-card-thumb { display: block; margin: -1px -1px 18px; overflow: hidden; border-radius: 15px 15px 0 0; background: #e8f0e9; }
.ak-search-thumb img,
.ak-post-card-thumb img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.ak-post-card h2 a { text-decoration: none; }
.ak-post-card h2 a:hover { color: var(--ax-green); }
.ak-search-results-grid .ak-card { min-width: 0; }
.ak-404-page .ak-404 { min-height: 60vh; display: grid; align-items: center; padding: clamp(60px, 9vw, 130px) 0; }
.ak-404 .ak-breadcrumbs { margin-bottom: 28px; color: var(--ax-text-muted); }
.ak-404 h1 { max-width: 850px; margin-inline: auto; font-size: clamp(42px, 6.2vw, 74px); letter-spacing: -.055em; line-height: 1.02; text-wrap: balance; }
.ak-404 > .ak-container > p:not(.ak-kicker) { max-width: 620px; margin: 18px auto 28px; color: var(--ax-text-muted); }
.ak-404-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.ak-404-actions .ak-button.ghost { border: 1px solid var(--ax-line); background: transparent; color: var(--ax-ink); }
.ak-search-results-grid .ak-card p { line-height: 1.65; }

/* Do not force hover-only feedback onto touch users; honor reduced motion. */
@media (hover: hover) and (pointer: fine) {
  .ak-page-article a:not(.ak-button):hover,
  .ax-article-prose a:not(.ax-button):hover { text-decoration-thickness: 2px; }
}
@media (max-width: 800px) {
  .ak-search-page { gap: 7px; }
  .ak-search-page input { width: 100%; font-size: 16px; }
  .ak-search-page button { padding-inline: 14px; }
  .ak-search-results-heading { display: block; }
  .ak-search-results-heading > * + * { margin-top: 8px; }
  .ak-page-article table { font-size: 13px; }
  .ak-page-article th, .ak-page-article td,
  .ax-article-prose th, .ax-article-prose td { padding: 10px 11px; }
  .ak-404-actions { display: grid; grid-template-columns: 1fr; width: min(100%, 390px); margin-inline: auto; }
  .ak-404-actions .ak-button { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  .ak-header, .ak-nav, .ak-mobile-dock, .ak-mobile-dock-item,
  .ax-slide, .ax-footprint-card, .ax-start-card, .ax-capability,
  .ax-journal-card, .ax-slider-tabs button, .ax-slider-arrows button,
  .ak-button, .ak-header-cta, .ak-contact a {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}
@media print {
  .ak-topbar, .ak-header, .ak-contact, .ak-mobile-dock, .ak-header-actions,
  .ax-slider-controls, .ax-article-aside, .ax-reading-progress, .ak-page-next-step,
  .ak-footer { display: none !important; }
  body, main, article { background: #fff !important; color: #111 !important; box-shadow: none !important; }
  .ak-container, .ax-container, .ak-narrow { width: 100% !important; max-width: none !important; }
  a { color: #111 !important; text-decoration: underline !important; }
}