.landing-body{overflow-x:hidden}.site-nav{position:sticky;top:16px;z-index:20;width:min(1180px,calc(100% - 28px));margin:16px auto 0;border-radius:28px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:18px}.site-nav nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.site-nav nav a{font-weight:850;color:var(--muted);font-size:.93rem}.site-nav nav .nav-pill{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.11);color:#fff}.site-nav nav .solid{background:rgba(10,132,255,.95)}.landing-main{position:relative;z-index:1;width:min(1180px,calc(100% - 32px));margin:0 auto;padding:48px 0 78px}.hero-section{min-height:calc(100vh - 126px);display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:54px}.hero-copy h1{font-size:clamp(3rem,7vw,6.9rem);letter-spacing:-.08em;line-height:.91;margin:20px 0 22px;max-width:10ch}.lead{font-size:clamp(1.05rem,1.8vw,1.22rem);color:var(--muted);line-height:1.75;max-width:64ch}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:28px}.data-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-radius:30px;padding:10px;margin-top:24px;max-width:640px}.data-strip div{border-radius:22px;background:rgba(255,255,255,.055);padding:16px}.data-strip span{display:block;color:var(--muted);font-weight:750;font-size:.86rem}.data-strip strong{display:block;font-size:2.15rem;letter-spacing:-.05em;margin-top:5px}.product-visual{position:relative;min-height:610px}.browser-frame{position:absolute;inset:32px 0 18px;border-radius:38px;padding:14px;transform:perspective(1150px) rotateY(-7deg) rotateX(3deg);overflow:hidden}.browser-bar{height:36px;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.86rem;font-weight:800}.browser-bar i{width:11px;height:11px;border-radius:999px;background:rgba(255,255,255,.34)}.browser-bar i:first-child{background:var(--red)}.browser-bar i:nth-child(2){background:var(--yellow)}.browser-bar i:nth-child(3){background:var(--green)}.browser-bar span{margin-left:8px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.055)}.mock-viewer{position:relative;height:calc(100% - 36px);border-radius:28px;overflow:hidden;background:#0b111b}.mock-sky{position:absolute;inset:0;background:radial-gradient(circle at 54% 36%,rgba(255,212,150,.42),transparent 14%),linear-gradient(180deg,#579fff 0,#15263a 43%,#0e181d 70%,#081016 100%)}.mock-sky:after{content:"";position:absolute;inset:auto -5% 0;height:42%;background:linear-gradient(135deg,#243b2f,#0c221d);clip-path:polygon(0 27%,20% 12%,44% 25%,65% 6%,100% 20%,100% 100%,0 100%)}.mock-street{position:absolute;left:50%;bottom:-12%;width:78%;height:58%;transform:translateX(-50%);background:linear-gradient(90deg,transparent 0 45%,rgba(255,255,255,.56) 45% 46%,transparent 46% 54%,rgba(255,255,255,.56) 54% 55%,transparent 55% 100%);clip-path:polygon(43% 0,57% 0,100% 100%,0 100%);opacity:.85}.mock-top{position:absolute;left:18px;right:18px;top:18px;border-radius:24px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between}.mock-top b{font-size:1rem}.mock-top small{color:var(--muted);font-weight:800}.mock-map{position:absolute;right:18px;bottom:20px;width:205px;height:150px;border-radius:24px;overflow:hidden}.mock-map:before{content:"";position:absolute;inset:16px;border-radius:18px;background:linear-gradient(135deg,rgba(10,132,255,.20),rgba(52,211,153,.16))}.mock-map em{position:absolute;width:120px;height:62px;left:34px;top:47px;border-left:4px solid var(--blue-2);border-bottom:4px solid var(--blue-2);border-radius:0 0 0 34px;transform:skewX(-14deg)}.mock-map em:nth-child(2){left:88px;top:36px;width:62px;height:76px;border-color:var(--yellow)}.mock-map strong:before,.mock-map strong:after{content:"";position:absolute;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 0 0 8px rgba(10,132,255,.24)}.mock-map strong:before{left:44px;top:42px}.mock-map strong:after{right:38px;bottom:31px;background:var(--green);box-shadow:0 0 0 8px rgba(52,211,153,.22)}.mock-rail{position:absolute;left:22px;right:248px;bottom:20px;border-radius:999px;padding:12px;display:flex;gap:10px}.mock-rail span{height:40px;flex:1;border-radius:999px;background:rgba(255,255,255,.11)}.mock-rail span:first-child{background:rgba(10,132,255,.82)}.mock-hotspot{position:absolute;left:50%;top:50%;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:rgba(10,132,255,.94);border:3px solid #fff;font-weight:900;box-shadow:0 18px 42px rgba(0,0,0,.38);animation:pulse 2s infinite}.floating-card{position:absolute;z-index:2;border-radius:24px;padding:16px 18px;min-width:210px}.floating-card b{display:block}.floating-card span{display:block;margin-top:4px;color:var(--muted);font-weight:750}.card-a{left:-16px;bottom:74px}.card-b{right:-8px;top:78px}@keyframes pulse{50%{transform:translateY(-4px);box-shadow:0 24px 56px rgba(10,132,255,.28)}}.section-heading{max-width:760px;margin:32px 0 22px}.section-heading h2,.architecture h2,.deploy-card h2,.cta-card h2{font-size:clamp(2rem,4.6vw,4.3rem);letter-spacing:-.065em;line-height:1.0;margin:12px 0}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{border-radius:32px;padding:26px;min-height:330px;display:flex;flex-direction:column}.card-number{width:48px;height:48px;border-radius:18px;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-weight:950;color:var(--blue-2)}.product-card h3{font-size:1.55rem;margin:24px 0 10px}.product-card p{color:var(--muted);line-height:1.68;margin:0}.product-card a{margin-top:auto;width:max-content;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.12);font-weight:900}.product-card.featured{background:linear-gradient(180deg,rgba(10,132,255,.22),rgba(255,255,255,.065));border-color:rgba(104,199,255,.28)}.architecture{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;margin:64px 0;border-radius:38px;padding:32px}.architecture p{color:var(--muted);line-height:1.72;font-size:1.02rem}.architecture code,.deploy-section code{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);padding:2px 6px;border-radius:8px;color:#d7ecff}.flow-list{display:grid;gap:13px}.flow-list div{display:grid;grid-template-columns:44px 1fr;gap:4px 14px;align-items:start;border-radius:24px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);padding:16px}.flow-list b{grid-row:span 2;width:40px;height:40px;border-radius:16px;display:grid;place-items:center;background:rgba(10,132,255,.18);color:#cfe9ff}.flow-list span{color:var(--muted);line-height:1.45}.deploy-section{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}.deploy-card,.cta-card{border-radius:34px;padding:28px}.deploy-card ul{margin:18px 0 0;padding-left:18px;color:var(--muted);line-height:1.8}.deploy-card li{margin:9px 0}.cta-card p{color:var(--muted);line-height:1.65}@media(max-width:980px){.site-nav{position:relative;top:auto}.hero-section,.architecture,.deploy-section{grid-template-columns:1fr}.product-visual{min-height:540px}.browser-frame{transform:none}.product-grid{grid-template-columns:1fr}.mock-rail{right:22px}.mock-map{width:175px}.floating-card{position:relative;display:inline-block;margin:8px}.card-a,.card-b{left:auto;right:auto;top:auto;bottom:auto}}@media(max-width:680px){.site-nav{align-items:flex-start;flex-direction:column}.site-nav nav{width:100%}.landing-main{width:min(100% - 24px,1180px);padding-top:32px}.hero-copy h1{font-size:3.25rem}.data-strip{grid-template-columns:1fr}.product-visual{min-height:430px}.browser-frame{inset:8px 0}.mock-map{display:none}.mock-rail{left:14px;right:14px}.architecture,.deploy-card,.cta-card{padding:22px;border-radius:28px}}


/* v4 landing: admin menu must be unmistakable */
.admin-access-panel{margin:34px auto 0;max-width:1180px;display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:stretch}.admin-access-panel .big-admin-card{padding:26px;border-radius:34px;background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(232,243,255,.76));border:1px solid rgba(255,255,255,.75);box-shadow:0 30px 80px rgba(15,23,42,.14)}.admin-access-panel h2{font-size:clamp(28px,4vw,52px);line-height:.98;margin:10px 0}.admin-menu-list{display:grid;gap:10px}.admin-menu-list a{display:flex;justify-content:space-between;align-items:center;padding:16px;border-radius:22px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.85);text-decoration:none;color:#0f172a;font-weight:900}.admin-menu-list small{display:block;color:#64748b;font-weight:700;margin-top:3px}.admin-menu-list a::after{content:'→';font-size:22px}.hero-section::before{content:'LANDING PAGE';position:absolute;right:4vw;top:18px;font-size:13px;font-weight:1000;letter-spacing:.22em;color:rgba(10,132,255,.70)}
@media(max-width:980px){.admin-access-panel{grid-template-columns:1fr}}

/* v6 INSPEKTA branding + UPT profile landing */
.inspekta-landing .site-nav{border-color:rgba(104,199,255,.24)}
.inspekta-landing .logo-badge{font-size:.95rem;letter-spacing:-.08em}
.inspekta-landing .hero-copy h1{max-width:12.6ch}
.inspekta-landing .mini-lead{font-size:1rem;max-width:62ch;margin-top:10px;color:rgba(248,251,255,.58)}
.inspekta-hero{position:relative}
.inspekta-hero::before{content:'INSPEKTA IRIGASI';position:absolute;right:3vw;top:10px;font-size:13px;font-weight:1000;letter-spacing:.22em;color:rgba(104,199,255,.72)}
.inspekta-device{position:absolute;inset:32px 0 18px;border-radius:38px;padding:14px;transform:perspective(1150px) rotateY(-7deg) rotateX(3deg);overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.055))}
.inspekta-device .mock-hotspot{width:72px;height:72px;font-size:.78rem;letter-spacing:.02em}
.upt-profile{margin:56px 0 26px;border-radius:42px;padding:34px;display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:stretch;background:linear-gradient(135deg,rgba(8,14,24,.86),rgba(9,31,48,.72));border-color:rgba(104,199,255,.22)}
.upt-profile h2{font-size:clamp(2rem,4.4vw,4.15rem);line-height:1;letter-spacing:-.07em;margin:12px 0 18px}
.upt-profile p{color:var(--muted);line-height:1.75;font-size:1.02rem;margin:0;max-width:72ch}
.profile-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.profile-tags span{border-radius:999px;padding:10px 13px;background:rgba(104,199,255,.10);border:1px solid rgba(104,199,255,.18);color:#dff4ff;font-weight:900;font-size:.88rem}
.profile-card-stack{display:grid;gap:14px}.profile-stat-card{position:relative;overflow:hidden;border-radius:30px;padding:22px;background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.055));border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow-soft)}.profile-stat-card:after{content:'';position:absolute;right:-26px;top:-26px;width:110px;height:110px;border-radius:50%;background:rgba(10,132,255,.18)}.profile-stat-card span{display:block;text-transform:uppercase;letter-spacing:.13em;font-size:.72rem;color:var(--muted-2);font-weight:1000}.profile-stat-card strong{display:block;margin:8px 0 8px;font-size:2.1rem;letter-spacing:-.06em;color:#fff}.profile-stat-card p{font-size:.94rem;line-height:1.55;color:var(--muted);max-width:none}
.problem-section{margin:56px 0}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.inspekta-landing .admin-access-panel .big-admin-card{background:linear-gradient(135deg,rgba(10,132,255,.22),rgba(52,211,153,.13));border:1px solid rgba(104,199,255,.22);box-shadow:var(--shadow);color:#fff}.inspekta-landing .admin-access-panel .big-admin-card .lead{color:var(--muted)}.inspekta-landing .admin-menu-list a{background:rgba(10,16,26,.78);color:#fff;border-color:rgba(255,255,255,.12)}.inspekta-landing .admin-menu-list small{color:var(--muted)}.inspekta-landing .route-proof{background:rgba(8,14,24,.70);border:1px solid rgba(255,255,255,.10)}.inspekta-landing .route-proof a{background:rgba(255,255,255,.075);color:#fff;border:1px solid rgba(255,255,255,.09)}.inspekta-landing .route-proof a span{color:var(--muted)}
@media(max-width:980px){.upt-profile,.problem-grid{grid-template-columns:1fr}.inspekta-device{transform:none}.inspekta-hero::before{display:none}}
@media(max-width:680px){.upt-profile{padding:22px;border-radius:30px}.profile-stat-card{border-radius:24px}.inspekta-device{inset:8px 0}.inspekta-landing .hero-copy h1{font-size:3.05rem}}

/* v14 landing: clean institutional look, simpler spacing and calmer colors */
.site-nav{border-radius:20px;padding:10px 12px;background:rgba(18,28,25,.90);box-shadow:0 10px 26px rgba(0,0,0,.16)}.site-nav nav a{font-weight:680;color:rgba(246,243,234,.70)}.site-nav nav .nav-pill{background:rgba(246,243,234,.07);border-color:rgba(230,224,211,.13);color:#f6f3ea}.site-nav nav .solid{background:#2d7468;border-color:rgba(246,243,234,.20)}.landing-main{padding:40px 0 70px}.hero-section{gap:42px}.hero-copy h1{font-size:clamp(2.8rem,6vw,5.6rem);letter-spacing:-.06em;line-height:.96;max-width:13ch}.lead{color:rgba(246,243,234,.70);line-height:1.68}.inspekta-landing .mini-lead{color:rgba(246,243,234,.58)}.hero-actions{margin-top:24px}.data-strip{border-radius:20px;padding:8px;background:rgba(18,28,25,.86)}.data-strip div{border-radius:15px;background:rgba(246,243,234,.055)}.data-strip strong{font-size:1.75rem}.product-visual{min-height:540px}.browser-frame,.inspekta-device{border-radius:24px;transform:none;background:rgba(18,28,25,.86);box-shadow:0 14px 36px rgba(0,0,0,.18)}.mock-viewer{border-radius:18px}.mock-top,.mock-map,.mock-rail,.floating-card{border-radius:16px}.mock-sky{background:linear-gradient(180deg,#8fb8c6 0,#6f9288 42%,#314338 70%,#17251f 100%)}.mock-sky:after{background:linear-gradient(135deg,#506747,#20382f)}.mock-hotspot{background:#2d7468;box-shadow:0 14px 32px rgba(0,0,0,.25);animation:none}.floating-card{background:rgba(18,28,25,.88);box-shadow:var(--shadow-soft)}.section-heading h2,.architecture h2,.deploy-card h2,.cta-card h2{font-size:clamp(1.8rem,3.8vw,3.3rem);letter-spacing:-.045em}.product-grid{gap:14px}.product-card{border-radius:22px;padding:22px;min-height:285px;background:rgba(18,28,25,.86);box-shadow:var(--shadow-soft)}.product-card.featured{background:rgba(37,72,62,.86);border-color:rgba(230,224,211,.13)}.card-number{border-radius:13px;background:rgba(246,243,234,.07);color:#c9d5c8}.product-card h3{font-size:1.35rem;margin:20px 0 9px}.product-card p{line-height:1.62}.product-card a{background:rgba(246,243,234,.07);border-color:rgba(230,224,211,.12);font-weight:760}.architecture,.deploy-card,.cta-card,.upt-profile{border-radius:24px;background:rgba(18,28,25,.86);box-shadow:var(--shadow-soft)}.architecture{padding:26px}.flow-list div{border-radius:17px;background:rgba(246,243,234,.052)}.flow-list b{background:rgba(79,143,107,.15);color:#d7e1d0}.deploy-card,.cta-card{padding:24px}.upt-profile{padding:28px;background:rgba(18,28,25,.88)}.upt-profile h2{font-size:clamp(1.8rem,3.8vw,3.35rem);letter-spacing:-.05em}.profile-tags span{background:rgba(79,143,107,.12);border-color:rgba(79,143,107,.22);color:#d7e1d0}.profile-stat-card{border-radius:20px;background:rgba(246,243,234,.055);box-shadow:none}.profile-stat-card:after{background:rgba(79,143,107,.12)}.profile-stat-card strong{font-size:1.75rem}.admin-access-panel .big-admin-card,.inspekta-landing .admin-access-panel .big-admin-card{border-radius:24px;background:rgba(37,72,62,.86);box-shadow:var(--shadow-soft);border-color:rgba(230,224,211,.13)}.admin-access-panel h2{font-size:clamp(1.8rem,3.8vw,3.3rem)}.inspekta-landing .admin-menu-list a{border-radius:16px;background:rgba(18,28,25,.78);border-color:rgba(230,224,211,.12)}.route-proof{border-radius:20px}.route-proof a{border-radius:15px}

/* v15 landing — warmer, cleaner, less generated-looking */
.landing-body{background:#f4f1e8;color:#17211e}.site-nav{background:#fff;border:1px solid rgba(34,51,46,.10);box-shadow:0 8px 28px rgba(31,43,39,.08);border-radius:20px;top:12px}.site-nav nav a{color:#4f5f5a;font-weight:680}.site-nav nav .nav-pill{background:#f7f4ed;color:#17211e;border-color:rgba(34,51,46,.10);border-radius:12px}.site-nav nav .solid{background:#1f6b58;color:#fff;border-color:#1f6b58}.landing-main{padding-top:44px}.hero-section{gap:42px}.hero-copy h1{color:#17211e;font-weight:830;letter-spacing:-.055em}.hero-copy .lead{color:rgba(23,33,30,.68);font-weight:480}.hero-actions .btn{border-radius:13px}.data-strip,.product-card,.profile-card-stack,.deploy-card,.cta-card,.architecture,.floating-card,.inspekta-device,.route-proof{background:#fff!important;border:1px solid rgba(34,51,46,.10)!important;box-shadow:0 10px 30px rgba(31,43,39,.08)!important}.product-card,.deploy-card,.profile-stat-card{border-radius:18px}.section-heading h2,.profile-copy h2,.cta-card h2{color:#17211e;font-weight:820;letter-spacing:-.04em}.section-heading p,.profile-copy p,.product-card p,.deploy-card p,.cta-card p,.mini-lead{color:rgba(23,33,30,.65);font-weight:480}.card-number{background:#e8f0ec;color:#1f6b58;border-radius:11px}.profile-tags span,.flow-list li,.route-proof a{background:#f7f4ed;color:#17211e;border-color:rgba(34,51,46,.10);border-radius:13px}.route-proof a span{color:#66756f}.menu-admin-badge{background:#1f6b58;color:#fff;box-shadow:none}.mock-viewer,.mock-map{background:#f7f4ed;border-color:rgba(34,51,46,.10)}.mock-street{background:linear-gradient(180deg,#dfeae5,#f6f1e5)}.mock-sky{background:#b9d4d5}.mock-rail{background:#fff}.mock-hotspot{background:#1f6b58}.browser-bar{background:#f7f4ed}.admin-access-panel{background:#173c34!important;color:#fff;border-color:#173c34!important}.big-admin-card{background:#fff!important}.profile-stat-card{background:#f7f4ed;border:1px solid rgba(34,51,46,.10)}.profile-stat-card strong{color:#173c34}.app-watermark{background:#fff;color:#5d6b66}
@media(max-width:900px){.site-nav{position:relative;top:auto}.hero-section{grid-template-columns:1fr}.site-nav{align-items:flex-start;flex-direction:column}.site-nav nav{width:100%}}


/* v16 — Landing page layout seperti product page Apple */
.landing-body{background:#f5f5f7!important;color:#1d1d1f!important;overflow-x:hidden}.site-nav{position:sticky;top:0;z-index:1000;max-width:none;width:100%;margin:0;padding:0 22px;height:48px;border-radius:0!important;background:rgba(255,255,255,.78)!important;border:0!important;border-bottom:1px solid rgba(0,0,0,.08)!important;box-shadow:none!important;display:flex;justify-content:center;align-items:center;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px)}.site-nav::after{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:1px solid rgba(255,255,255,.55)}.site-nav .logo-wrap{position:absolute;left:max(22px,calc((100vw - 1120px)/2));height:48px}.site-nav .logo-wrap p{display:none}.site-nav .logo-wrap strong{font-size:.86rem;white-space:nowrap}.site-nav .logo-badge{width:28px;height:28px;border-radius:8px;font-size:.62rem}.site-nav nav{display:flex;gap:26px;align-items:center;height:48px}.site-nav nav a{font-size:.78rem;color:#1d1d1f!important;font-weight:500;opacity:.78;line-height:48px}.site-nav nav a:hover{opacity:1}.site-nav nav .nav-pill{height:30px;line-height:30px;padding:0 13px;border-radius:999px;background:#f5f5f7!important;border:0!important;color:#1d1d1f!important;opacity:1}.site-nav nav .solid{background:#1d1d1f!important;color:#fff!important}
.landing-main{max-width:none;margin:0;padding:0}.hero-section{max-width:1200px;margin:0 auto;min-height:calc(100vh - 48px);padding:92px 28px 78px!important;display:flex!important;flex-direction:column;align-items:center;text-align:center;gap:28px;position:relative}.inspekta-hero::before,.hero-section::before{display:none!important}.hero-copy{max-width:930px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.hero-copy .eyebrow{order:0;margin-bottom:16px;font-size:.82rem;color:#86868b}.hero-copy h1{max-width:980px!important;margin:0 auto 22px!important;font-size:clamp(54px,8.4vw,116px)!important;line-height:.91!important;letter-spacing:-.075em!important;font-weight:800!important;color:#1d1d1f!important;text-wrap:balance}.hero-copy .lead{max-width:760px;margin:0 auto 14px!important;color:#6e6e73!important;font-size:clamp(18px,1.55vw,24px)!important;line-height:1.32!important;font-weight:500!important;text-wrap:balance}.hero-copy .lead strong{color:#1d1d1f;font-weight:700}.hero-copy .mini-lead{font-size:17px!important;line-height:1.46!important;max-width:700px!important;color:#6e6e73!important}.hero-actions{margin-top:18px;display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.hero-actions .btn{height:44px;padding:0 22px;font-size:15px}.data-strip{order:10;width:min(720px,100%);margin:18px auto 0!important;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;padding:0!important;border-radius:22px!important;overflow:hidden;background:#fff!important;border:1px solid rgba(0,0,0,.08)!important;box-shadow:0 12px 34px rgba(0,0,0,.07)!important}.data-strip div{background:#fff!important;border:0!important;padding:20px 18px!important;text-align:center}.data-strip span{display:block;color:#86868b;font-size:13px;font-weight:600}.data-strip strong{display:block;color:#1d1d1f;font-size:32px;line-height:1.1;font-weight:700;margin-top:5px}.product-visual{width:min(1020px,100%);min-height:500px!important;margin:20px auto 0;position:relative;perspective:1200px}.inspekta-device{position:relative!important;inset:auto!important;width:100%;height:500px;border-radius:38px!important;padding:14px!important;overflow:hidden;background:#111!important;border:1px solid rgba(0,0,0,.10)!important;box-shadow:0 34px 90px rgba(0,0,0,.16)!important;transform:none!important}.browser-bar{height:34px;border-radius:22px;background:#f5f5f7!important;border:0!important;color:#6e6e73!important;display:flex;align-items:center;gap:8px;padding:0 14px}.browser-bar i{width:10px;height:10px;border-radius:50%;background:#d1d1d6!important}.browser-bar i:nth-child(1){background:#ff5f57!important}.browser-bar i:nth-child(2){background:#febc2e!important}.browser-bar i:nth-child(3){background:#28c840!important}.browser-bar span{margin-left:8px;font-size:12px;font-weight:600}.mock-viewer{height:calc(100% - 42px);border-radius:28px!important;background:#eaf3f2!important;border:0!important;overflow:hidden}.mock-sky{background:linear-gradient(180deg,#b9dbe0 0%,#d9eeef 56%,#eef2ec 57%,#f4efe7 100%)!important}.mock-sky::after{background:linear-gradient(135deg,#40644e,#9bb58f)!important;clip-path:polygon(0 68%,33% 55%,60% 70%,100% 45%,100% 100%,0 100%)}.mock-street{background:linear-gradient(180deg,rgba(255,255,255,.0),rgba(255,255,255,.72))!important}.mock-top,.mock-map,.mock-rail{background:rgba(255,255,255,.86)!important;border:1px solid rgba(0,0,0,.07)!important;box-shadow:0 12px 30px rgba(0,0,0,.09)!important;color:#1d1d1f!important}.mock-hotspot{background:#0071e3!important;color:#fff!important;box-shadow:0 14px 30px rgba(0,113,227,.22)!important;animation:none!important}.floating-card{background:#fff!important;color:#1d1d1f!important;border:1px solid rgba(0,0,0,.08)!important;box-shadow:0 18px 45px rgba(0,0,0,.13)!important;border-radius:18px!important;padding:16px 18px!important}.floating-card b{font-weight:700}.floating-card span{color:#6e6e73}.card-a{left:-22px!important;bottom:76px!important}.card-b{right:-16px!important;top:78px!important}.route-proof{max-width:1120px;margin:20px auto 86px!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.route-proof a{background:#fff!important;border:1px solid rgba(0,0,0,.08)!important;border-radius:22px!important;padding:22px!important;display:block;text-align:left;box-shadow:none!important;color:#1d1d1f!important}.route-proof a::after{content:"→";float:right;color:#86868b}.route-proof a strong{display:block;font-size:19px}.route-proof a span{display:block;margin-top:6px;color:#86868b;font-size:13px}.route-proof a:hover{transform:none!important;background:#fafafa!important}
.upt-profile,.problem-section,.product-section,.architecture,.deploy-section,.admin-access-panel{max-width:1120px;margin:0 auto 28px!important;padding-left:28px;padding-right:28px}.section-heading{text-align:center;max-width:860px;margin:0 auto 28px}.section-heading h2,.upt-profile h2,.architecture h2,.deploy-card h2,.cta-card h2,.admin-access-panel h2{font-size:clamp(38px,5.2vw,72px)!important;line-height:.98!important;letter-spacing:-.055em!important;font-weight:800!important;color:#1d1d1f!important;text-wrap:balance}.section-heading p,.product-card p,.profile-copy p,.architecture p,.deploy-card p,.cta-card p,.admin-access-panel p{color:#6e6e73!important;font-size:17px;line-height:1.5}.upt-profile{display:grid;grid-template-columns:1fr!important;gap:26px;background:#fff!important;border-radius:34px!important;padding:56px!important;border:1px solid rgba(0,0,0,.08)!important;box-shadow:none!important}.profile-copy{text-align:center;max-width:850px;margin:auto}.profile-tags{justify-content:center}.profile-tags span{background:#f5f5f7!important;color:#1d1d1f!important;border:0!important;border-radius:999px;padding:10px 14px;font-weight:600}.profile-card-stack{display:grid!important;grid-template-columns:repeat(3,1fr);gap:16px;background:transparent!important;border:0!important;box-shadow:none!important}.profile-stat-card{background:#f5f5f7!important;border:0!important;border-radius:24px!important;padding:28px!important;box-shadow:none!important;text-align:left}.profile-stat-card::after{display:none}.profile-stat-card span{color:#86868b!important;font-size:12px;font-weight:700}.profile-stat-card strong{color:#1d1d1f!important;font-size:36px!important;font-weight:800}.profile-stat-card p{color:#6e6e73!important;font-size:15px!important}.problem-grid,.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{background:#fff!important;border:0!important;border-radius:28px!important;padding:34px!important;min-height:320px;box-shadow:none!important;color:#1d1d1f!important;display:flex;flex-direction:column}.product-card.featured{background:#1d1d1f!important;color:#fff!important}.product-card.featured h3,.product-card.featured .card-number{color:#fff!important}.product-card.featured p{color:rgba(255,255,255,.70)!important}.product-card h3{font-size:28px!important;line-height:1.05;letter-spacing:-.035em;margin:28px 0 12px!important}.product-card p{font-size:16px!important}.product-card a{margin-top:auto;display:inline-flex;align-self:flex-start;background:transparent!important;border:0!important;color:#0071e3!important;padding:0!important;font-weight:600}.product-card a::after{content:" ›"}.card-number{background:#f5f5f7!important;color:#86868b!important;border-radius:999px!important;width:44px;height:44px;display:grid;place-items:center;font-size:13px;font-weight:700}.admin-access-panel{display:grid;grid-template-columns:1.08fr .92fr;gap:18px;background:transparent!important;border:0!important;box-shadow:none!important}.big-admin-card,.admin-menu-list{background:#fff!important;border:0!important;border-radius:32px!important;padding:38px!important;box-shadow:none!important;color:#1d1d1f!important}.menu-admin-badge{background:#1d1d1f!important;color:#fff!important;box-shadow:none!important;font-size:12px;padding:8px 12px}.inspekta-landing .admin-menu-list a,.admin-menu-list a{background:#f5f5f7!important;border:0!important;border-radius:18px!important;color:#1d1d1f!important;padding:18px 20px}.admin-menu-list small{color:#86868b!important}.architecture{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;background:#fff!important;border-radius:34px!important;padding:56px!important;border:0!important;box-shadow:none!important}.flow-list div{background:#f5f5f7!important;border:0!important;border-radius:20px!important}.flow-list b{background:#1d1d1f!important;color:#fff!important}.deploy-section{display:grid;grid-template-columns:1fr 1fr;gap:18px}.deploy-card,.cta-card{background:#fff!important;border:0!important;border-radius:32px!important;padding:40px!important;box-shadow:none!important}.deploy-card ul{color:#6e6e73}.deploy-card code,.architecture code{background:#f5f5f7;color:#1d1d1f;border-radius:8px;padding:3px 6px}.app-watermark{display:none!important}
@media(max-width:980px){.site-nav{height:auto;min-height:52px;padding:10px 16px;justify-content:flex-start}.site-nav .logo-wrap{position:relative;left:auto}.site-nav nav{margin-left:auto;gap:10px;overflow:auto}.site-nav nav a:not(.nav-pill){display:none}.hero-section{padding-top:64px!important}.hero-copy h1{font-size:clamp(48px,13vw,82px)!important}.hero-copy .lead{font-size:19px!important}.product-visual{min-height:380px!important}.inspekta-device{height:380px}.profile-card-stack,.problem-grid,.product-grid,.admin-access-panel,.architecture,.deploy-section{grid-template-columns:1fr!important}.upt-profile,.architecture{padding:34px!important}.route-proof{grid-template-columns:1fr;margin-left:18px!important;margin-right:18px!important}.card-a,.card-b{display:none}.data-strip{grid-template-columns:1fr}}
@media(max-width:600px){.hero-section{padding:54px 18px 48px!important}.hero-copy h1{font-size:46px!important}.hero-copy .lead{font-size:17px!important}.inspekta-device{height:320px;border-radius:26px!important}.mock-viewer{border-radius:20px!important}.upt-profile,.architecture,.deploy-card,.cta-card,.big-admin-card,.admin-menu-list{padding:24px!important;border-radius:24px!important}.product-card{padding:26px!important;min-height:auto}.section-heading h2,.upt-profile h2,.architecture h2,.deploy-card h2,.cta-card h2,.admin-access-panel h2{font-size:36px!important}.site-nav nav .nav-pill{padding:0 10px}}

/* v17 — Balanced Apple-like layout: right side is no longer empty.
   Focus: tata letak landing page, not feature logic. */
@media (min-width: 981px) {
  .inspekta-landing .landing-main {
    width: 100%;
    overflow-x: hidden;
  }

  .inspekta-landing .hero-section {
    width: min(1380px, calc(100vw - 96px)) !important;
    max-width: 1380px !important;
    min-height: calc(100vh - 72px) !important;
    margin: 0 auto !important;
    padding: 112px 0 56px !important;
    display: grid !important;
    grid-template-columns: minmax(440px, 0.94fr) minmax(520px, 1.06fr) !important;
    align-items: center !important;
    gap: clamp(42px, 5vw, 96px) !important;
    text-align: left !important;
  }

  .inspekta-landing .hero-copy {
    width: 100% !important;
    max-width: 610px !important;
    min-width: 0 !important;
    margin: 0 !important;
    align-items: flex-start !important;
    text-align: left !important;
    z-index: 2 !important;
  }

  .inspekta-landing .hero-copy .eyebrow {
    margin-bottom: 18px !important;
    letter-spacing: .16em !important;
    color: #777b80 !important;
  }

  .inspekta-landing .hero-copy h1 {
    max-width: 610px !important;
    margin: 0 0 20px !important;
    font-size: clamp(58px, 5.25vw, 92px) !important;
    line-height: .93 !important;
    letter-spacing: -.07em !important;
    text-align: left !important;
    text-wrap: balance;
  }

  .inspekta-landing .hero-copy .lead {
    max-width: 560px !important;
    margin: 0 0 12px !important;
    font-size: clamp(17px, 1.25vw, 22px) !important;
    line-height: 1.42 !important;
    text-align: left !important;
    color: #62666c !important;
  }

  .inspekta-landing .hero-copy .mini-lead {
    max-width: 520px !important;
    font-size: 16px !important;
    line-height: 1.54 !important;
  }

  .inspekta-landing .hero-actions {
    justify-content: flex-start !important;
    margin-top: 22px !important;
  }

  .inspekta-landing .data-strip {
    width: min(540px, 100%) !important;
    margin: 24px 0 0 !important;
    border-radius: 24px !important;
  }

  .inspekta-landing .data-strip div {
    padding: 18px 16px !important;
    text-align: left !important;
  }

  .inspekta-landing .data-strip strong {
    font-size: 28px !important;
  }

  .inspekta-landing .product-visual {
    width: 100% !important;
    min-height: 560px !important;
    height: min(58vw, 610px) !important;
    margin: 0 !important;
    display: grid !important;
    place-items: center !important;
    position: relative !important;
  }

  .inspekta-landing .product-visual::before {
    content: "";
    position: absolute;
    width: min(720px, 100%);
    aspect-ratio: 1.05;
    border-radius: 46% 54% 42% 58% / 48% 42% 58% 52%;
    background:
      radial-gradient(circle at 62% 32%, rgba(0, 113, 227, .16), transparent 34%),
      radial-gradient(circle at 28% 70%, rgba(52, 199, 89, .14), transparent 35%),
      linear-gradient(135deg, rgba(255,255,255,.92), rgba(245,245,247,.62));
    filter: blur(.1px);
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.04), 0 38px 100px rgba(0,0,0,.08);
    transform: rotate(-4deg);
    z-index: 0;
  }

  .inspekta-landing .inspekta-device {
    position: relative !important;
    z-index: 2 !important;
    width: min(760px, 100%) !important;
    height: clamp(390px, 37vw, 500px) !important;
    border-radius: 34px !important;
    transform: none !important;
    margin: 0 !important;
  }

  .inspekta-landing .mock-viewer {
    position: relative !important;
  }

  .inspekta-landing .mock-top {
    top: 24px !important;
    left: 24px !important;
    width: min(360px, calc(100% - 48px)) !important;
    height: 58px !important;
  }

  .inspekta-landing .mock-map {
    right: 28px !important;
    bottom: 28px !important;
    width: 188px !important;
    height: 120px !important;
  }

  .inspekta-landing .mock-rail {
    left: 28px !important;
    right: 248px !important;
    bottom: 28px !important;
  }

  .inspekta-landing .mock-hotspot {
    left: 50% !important;
    top: 51% !important;
  }

  .inspekta-landing .floating-card {
    z-index: 3 !important;
    max-width: 265px !important;
  }

  .inspekta-landing .card-a {
    left: 0 !important;
    bottom: 96px !important;
  }

  .inspekta-landing .card-b {
    right: 0 !important;
    top: 92px !important;
  }

  .inspekta-landing .route-proof {
    margin-top: 0 !important;
  }
}

@media (min-width: 1280px) {
  .inspekta-landing .site-nav {
    width: min(1180px, calc(100vw - 64px)) !important;
  }

  .inspekta-landing .hero-section {
    grid-template-columns: minmax(500px, 0.88fr) minmax(660px, 1.12fr) !important;
  }
}

@media (min-width: 981px) and (max-width: 1180px) {
  .inspekta-landing .hero-section {
    width: min(1080px, calc(100vw - 48px)) !important;
    grid-template-columns: minmax(380px, .9fr) minmax(470px, 1.1fr) !important;
    gap: 36px !important;
  }

  .inspekta-landing .hero-copy h1 {
    font-size: clamp(50px, 5.4vw, 72px) !important;
  }

  .inspekta-landing .product-visual {
    min-height: 500px !important;
  }

  .inspekta-landing .card-a {
    left: 10px !important;
    bottom: 78px !important;
  }

  .inspekta-landing .card-b {
    right: 8px !important;
    top: 80px !important;
  }
}

@media (max-width: 980px) {
  .inspekta-landing .hero-section {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }

  .inspekta-landing .product-visual {
    margin-top: 10px !important;
  }
}

/* v19 — Landing navbar + hero layout fix
   Tujuan: memperbaiki logo/menu yang tumpang tindih dan mengisi komposisi kanan layar
   tanpa mengubah fitur, route, API, admin, atau viewer. */
@media (min-width: 981px) {
  .inspekta-landing .site-nav,
  .site-nav {
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    width: 100% !important;
    max-width: none !important;
    height: 52px !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding-left: max(28px, calc((100vw - 1240px) / 2)) !important;
    padding-right: max(28px, calc((100vw - 1240px) / 2)) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 28px !important;
    border-radius: 0 !important;
    background: rgba(255,255,255,.84) !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(0,0,0,.08) !important;
    box-shadow: none !important;
    backdrop-filter: saturate(180%) blur(20px) !important;
    -webkit-backdrop-filter: saturate(180%) blur(20px) !important;
  }

  .inspekta-landing .site-nav .logo-wrap,
  .site-nav .logo-wrap {
    position: static !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    height: 52px !important;
    min-width: 210px !important;
    max-width: 280px !important;
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    overflow: hidden !important;
    z-index: 2 !important;
  }

  .inspekta-landing .site-nav .logo-badge,
  .site-nav .logo-badge {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    border-radius: 8px !important;
    font-size: .64rem !important;
  }

  .inspekta-landing .site-nav .logo-wrap strong,
  .site-nav .logo-wrap strong {
    display: block !important;
    max-width: 210px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: .88rem !important;
    line-height: 1.05 !important;
    color: #1d1d1f !important;
  }

  .inspekta-landing .site-nav .logo-wrap p,
  .site-nav .logo-wrap p {
    display: none !important;
  }

  .inspekta-landing .site-nav nav,
  .site-nav nav {
    position: static !important;
    height: 52px !important;
    margin-left: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 22px !important;
    flex: 0 1 auto !important;
    max-width: calc(100vw - 360px) !important;
    overflow: visible !important;
    white-space: nowrap !important;
  }

  .inspekta-landing .site-nav nav a,
  .site-nav nav a {
    height: 52px !important;
    line-height: 52px !important;
    font-size: .78rem !important;
    font-weight: 520 !important;
    letter-spacing: -.01em !important;
    color: #1d1d1f !important;
    opacity: .76 !important;
  }

  .inspekta-landing .site-nav nav .nav-pill,
  .site-nav nav .nav-pill {
    height: 32px !important;
    line-height: 32px !important;
    padding: 0 16px !important;
    border-radius: 999px !important;
    background: #f2f2f4 !important;
    border: 0 !important;
    opacity: 1 !important;
    color: #1d1d1f !important;
    font-weight: 640 !important;
  }

  .inspekta-landing .site-nav nav .solid,
  .site-nav nav .solid {
    background: #1d1d1f !important;
    color: #fff !important;
  }

  .inspekta-landing .landing-main {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 0 82px !important;
    overflow-x: hidden !important;
  }

  .inspekta-landing .hero-section {
    width: min(1280px, calc(100vw - 88px)) !important;
    max-width: 1280px !important;
    min-height: calc(100vh - 52px) !important;
    margin: 0 auto !important;
    padding: 74px 0 58px !important;
    display: grid !important;
    grid-template-columns: minmax(430px, .9fr) minmax(520px, 1.1fr) !important;
    align-items: center !important;
    gap: clamp(40px, 5vw, 86px) !important;
  }

  .inspekta-landing .hero-copy {
    max-width: 560px !important;
  }

  .inspekta-landing .hero-copy h1 {
    max-width: 560px !important;
    font-size: clamp(58px, 4.9vw, 84px) !important;
    line-height: .95 !important;
    letter-spacing: -.065em !important;
    margin-bottom: 18px !important;
  }

  .inspekta-landing .hero-copy .lead {
    max-width: 535px !important;
    font-size: clamp(17px, 1.15vw, 20px) !important;
    line-height: 1.48 !important;
  }

  .inspekta-landing .hero-copy .mini-lead {
    max-width: 500px !important;
    font-size: 15.5px !important;
    line-height: 1.55 !important;
  }

  .inspekta-landing .product-visual {
    min-height: 560px !important;
    height: min(56vw, 620px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
  }

  .inspekta-landing .product-visual::before {
    width: min(720px, 95%) !important;
    transform: rotate(-2deg) scale(.98) !important;
    opacity: .92 !important;
  }

  .inspekta-landing .inspekta-device {
    width: min(710px, 100%) !important;
    height: clamp(390px, 34vw, 500px) !important;
  }
}

@media (min-width: 981px) and (max-width: 1120px) {
  .inspekta-landing .site-nav,
  .site-nav {
    padding-left: 22px !important;
    padding-right: 22px !important;
    gap: 18px !important;
  }

  .inspekta-landing .site-nav .logo-wrap,
  .site-nav .logo-wrap {
    min-width: 172px !important;
  }

  .inspekta-landing .site-nav .logo-wrap strong,
  .site-nav .logo-wrap strong {
    max-width: 145px !important;
  }

  .inspekta-landing .site-nav nav,
  .site-nav nav {
    gap: 14px !important;
    max-width: calc(100vw - 240px) !important;
  }

  .inspekta-landing .hero-section {
    width: min(1040px, calc(100vw - 48px)) !important;
    grid-template-columns: minmax(360px, .86fr) minmax(440px, 1.14fr) !important;
    gap: 36px !important;
  }

  .inspekta-landing .hero-copy h1 {
    font-size: clamp(48px, 5vw, 66px) !important;
  }
}

@media (max-width: 980px) {
  .inspekta-landing .site-nav,
  .site-nav {
    position: sticky !important;
    top: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: none !important;
    border-radius: 0 !important;
    padding: 10px 16px !important;
    display: flex !important;
    align-items: center !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    gap: 12px !important;
    background: rgba(255,255,255,.88) !important;
    border-bottom: 1px solid rgba(0,0,0,.08) !important;
  }

  .inspekta-landing .site-nav .logo-wrap,
  .site-nav .logo-wrap {
    position: static !important;
    left: auto !important;
    height: auto !important;
    min-width: 0 !important;
  }

  .inspekta-landing .site-nav .logo-wrap p,
  .site-nav .logo-wrap p {
    display: none !important;
  }

  .inspekta-landing .site-nav nav,
  .site-nav nav {
    display: flex !important;
    width: auto !important;
    margin-left: auto !important;
    gap: 8px !important;
    overflow: visible !important;
  }

  .inspekta-landing .site-nav nav a:not(.nav-pill),
  .site-nav nav a:not(.nav-pill) {
    display: none !important;
  }

  .inspekta-landing .site-nav nav .nav-pill,
  .site-nav nav .nav-pill {
    height: 32px !important;
    line-height: 32px !important;
    padding: 0 12px !important;
  }

  .inspekta-landing .hero-section {
    padding-top: 56px !important;
  }
}

/* v20 — landing narrative/report positioning refinement */
@media (min-width: 981px){
  .inspekta-landing .hero-section{grid-template-columns:minmax(470px,.86fr) minmax(620px,1.14fr)!important;gap:clamp(56px,6vw,110px)!important;}
  .inspekta-landing .product-visual{transform:translateY(8px)}
  .inspekta-landing .hero-copy h1{max-width:620px!important;font-size:clamp(60px,5.05vw,88px)!important;}
  .inspekta-landing .hero-copy .lead{font-size:clamp(18px,1.2vw,21px)!important;}
}
.inspekta-landing .product-card.featured{background:linear-gradient(180deg,#1d1d1f,#2a2f2b)!important}
.inspekta-landing .btn-primary{background:#1f6f5b!important;color:#fff!important;box-shadow:none!important}
.inspekta-landing .btn-secondary{background:#fff!important;color:#1d1d1f!important;border:1px solid rgba(0,0,0,.12)!important;box-shadow:none!important}

/* v21 — Landing layout dibenahi: komposisi dua kolom stabil, tidak ada area kosong besar. */
:root{--v21-bg:#f5f5f7;--v21-text:#1d1d1f;--v21-muted:#6e6e73;--v21-line:#e5e5ea;--v21-blue:#0071e3;--v21-green:#1f6f5b;}
html{scroll-behavior:smooth}.landing-body,.inspekta-landing{background:var(--v21-bg)!important;color:var(--v21-text)!important;overflow-x:hidden}.landing-body .noise{display:none!important}
.site-nav{position:sticky!important;top:0!important;z-index:1000!important;width:100%!important;max-width:none!important;height:52px!important;margin:0!important;padding:0 clamp(18px,5vw,72px)!important;border-radius:0!important;background:rgba(255,255,255,.82)!important;border:0!important;border-bottom:1px solid rgba(0,0,0,.08)!important;box-shadow:none!important;backdrop-filter:saturate(180%) blur(20px)!important;-webkit-backdrop-filter:saturate(180%) blur(20px)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;}
.site-nav .logo-wrap{position:static!important;left:auto!important;display:flex!important;align-items:center!important;gap:10px!important;min-width:220px!important;color:var(--v21-text)!important;text-decoration:none!important}.site-nav .logo-badge{width:28px!important;height:28px!important;border-radius:7px!important;background:#1d1d1f!important;color:#fff!important;font-size:.7rem!important;box-shadow:none!important}.site-nav strong{font-size:.86rem!important;color:var(--v21-text)!important}.site-nav p{display:none!important}.site-nav nav{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:clamp(14px,2vw,28px)!important;margin:0!important}.site-nav nav a{height:32px!important;display:inline-flex!important;align-items:center!important;padding:0!important;background:transparent!important;border:0!important;color:#1d1d1f!important;border-radius:999px!important;font-size:.82rem!important;font-weight:600!important;text-decoration:none!important;white-space:nowrap!important}.site-nav nav a:hover{color:#0071e3!important}.site-nav .nav-pill{padding:0 14px!important;background:#ececf1!important;color:#1d1d1f!important}.site-nav .nav-pill.solid{background:#1d1d1f!important;color:#fff!important}
.landing-main{width:100%!important;margin:0!important}.hero-section.inspekta-hero{width:min(1440px,calc(100vw - 96px))!important;max-width:1440px!important;margin:0 auto!important;min-height:calc(100vh - 52px)!important;padding:clamp(52px,6vw,90px) 0 clamp(42px,6vw,82px)!important;display:grid!important;grid-template-columns:minmax(430px,.95fr) minmax(520px,1.05fr)!important;gap:clamp(48px,6vw,110px)!important;align-items:center!important;text-align:left!important}.hero-copy{max-width:620px!important;margin:0!important;align-items:flex-start!important;text-align:left!important;z-index:3}.hero-copy .eyebrow{font-size:.72rem!important;letter-spacing:.18em!important;color:#8e8e93!important;margin-bottom:18px!important}.hero-copy h1{font-size:clamp(56px,5.6vw,96px)!important;line-height:.92!important;letter-spacing:-.075em!important;font-weight:800!important;margin:0 0 20px!important;text-align:left!important;color:var(--v21-text)!important;text-wrap:balance}.hero-copy .lead{font-size:clamp(17px,1.22vw,21px)!important;line-height:1.45!important;color:var(--v21-muted)!important;text-align:left!important;max-width:590px!important;margin:0 0 12px!important}.hero-copy .mini-lead{font-size:15px!important;max-width:530px!important}.hero-actions{justify-content:flex-start!important;margin-top:22px!important;gap:12px!important}.btn{border-radius:999px!important;box-shadow:none!important}.btn-primary{background:#0071e3!important;border-color:#0071e3!important;color:#fff!important}.btn-secondary{background:#fff!important;color:#1d1d1f!important;border:1px solid #d2d2d7!important}.data-strip{width:min(560px,100%)!important;margin:24px 0 0!important;background:#fff!important;border:1px solid var(--v21-line)!important;border-radius:22px!important;box-shadow:0 18px 46px rgba(0,0,0,.06)!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important}.data-strip div{text-align:left!important;padding:18px 20px!important;border-right:1px solid var(--v21-line)!important}.data-strip div:last-child{border-right:0!important}.data-strip span{font-size:.72rem!important;color:#8e8e93!important}.data-strip strong{font-size:30px!important;color:#1d1d1f!important}.product-visual{position:relative!important;min-height:620px!important;height:min(60vw,680px)!important;display:grid!important;place-items:center!important;margin:0!important;isolation:isolate}.product-visual::before{content:'';position:absolute;inset:6% 0 8% 7%;border-radius:52px;background:linear-gradient(145deg,#ffffff,#f1f4f5);box-shadow:0 40px 90px rgba(0,0,0,.08);z-index:0}.product-visual::after{content:'';position:absolute;right:-4%;top:10%;width:38%;height:44%;border-radius:999px;background:radial-gradient(circle,rgba(0,113,227,.12),transparent 68%);z-index:0}.inspekta-device{position:relative!important;z-index:2!important;width:min(720px,100%)!important;height:clamp(420px,38vw,540px)!important;margin:0!important;border-radius:32px!important;background:#fff!important;border:10px solid #1d1d1f!important;box-shadow:0 28px 80px rgba(0,0,0,.18)!important;overflow:hidden!important;transform:none!important}.browser-bar{height:34px!important;background:#f5f5f7!important;border-bottom:1px solid #e5e5ea!important;color:#6e6e73!important}.mock-viewer{height:calc(100% - 34px)!important;border-radius:0!important;background:linear-gradient(180deg,#dff3f5 0 50%,#8aa17e 50% 65%,#294537 65% 100%)!important}.mock-top{top:22px!important;left:22px!important;height:58px!important;border-radius:18px!important;background:rgba(255,255,255,.88)!important;color:#1d1d1f!important;box-shadow:0 12px 28px rgba(0,0,0,.10)!important}.mock-map{right:24px!important;bottom:24px!important;width:190px!important;height:126px!important;background:rgba(255,255,255,.88)!important;box-shadow:0 12px 28px rgba(0,0,0,.10)!important}.mock-rail{left:24px!important;right:250px!important;bottom:24px!important;background:rgba(255,255,255,.86)!important}.mock-hotspot{background:#1f6f5b!important;box-shadow:0 0 0 8px rgba(31,111,91,.14)!important}.floating-card{z-index:4!important;background:rgba(255,255,255,.88)!important;border:1px solid #e5e5ea!important;border-radius:18px!important;box-shadow:0 18px 40px rgba(0,0,0,.10)!important;color:#1d1d1f!important}.card-a{left:-22px!important;bottom:22%!important}.card-b{right:-12px!important;top:18%!important}.floating-card span{color:#6e6e73!important}.route-proof{width:min(1120px,calc(100vw - 48px))!important;margin:0 auto 32px!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:14px!important}.route-proof a{background:#fff!important;border:1px solid var(--v21-line)!important;border-radius:24px!important;padding:22px!important;text-decoration:none!important;color:#1d1d1f!important;box-shadow:none!important}.route-proof a strong{font-size:18px!important}.route-proof a span{color:#6e6e73!important}.upt-profile,.problem-section,.product-section,.architecture,.deploy-section,.admin-access-panel{width:min(1120px,calc(100vw - 48px))!important;max-width:1120px!important;margin:0 auto 34px!important}.upt-profile,.architecture{background:#fff!important;border:1px solid var(--v21-line)!important;border-radius:32px!important;box-shadow:none!important;padding:48px!important}.section-heading h2,.upt-profile h2,.architecture h2,.deploy-card h2,.cta-card h2,.admin-access-panel h2{font-size:clamp(34px,4.2vw,60px)!important;line-height:1!important;letter-spacing:-.055em!important;color:#1d1d1f!important}.problem-grid,.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}.product-card,.profile-stat-card,.deploy-card,.cta-card,.big-admin-card,.inspekta-landing .admin-menu-list{background:#fff!important;border:1px solid var(--v21-line)!important;border-radius:26px!important;box-shadow:none!important;color:#1d1d1f!important}.product-card.featured{background:#1d1d1f!important;border-color:#1d1d1f!important;color:#fff!important}.product-card{padding:30px!important;min-height:280px!important}.product-card h3{font-size:25px!important}.product-card p,.profile-copy p,.architecture p,.deploy-card p,.cta-card p,.admin-access-panel p{color:#6e6e73!important}.admin-access-panel{grid-template-columns:1fr 1fr!important;gap:16px!important}.app-watermark{display:none!important}
@media(max-width:1100px){.hero-section.inspekta-hero{width:min(980px,calc(100vw - 40px))!important;grid-template-columns:1fr!important;gap:32px!important;min-height:auto!important;padding-top:56px!important}.hero-copy{max-width:820px!important;text-align:center!important;align-items:center!important;margin:auto!important}.hero-copy h1,.hero-copy .lead{text-align:center!important}.hero-actions{justify-content:center!important}.data-strip{margin-left:auto!important;margin-right:auto!important}.product-visual{min-height:460px!important;height:520px!important}.inspekta-device{height:420px!important}.route-proof,.problem-grid,.product-grid,.profile-card-stack,.admin-access-panel,.architecture,.deploy-section{grid-template-columns:1fr!important}.card-a,.card-b{display:none!important}.site-nav nav a:not(.nav-pill){display:none!important}.site-nav .logo-wrap{min-width:auto!important}}
@media(max-width:640px){.site-nav{padding:0 12px!important}.site-nav strong{display:none!important}.site-nav nav{gap:8px!important}.site-nav .nav-pill{padding:0 10px!important}.hero-section.inspekta-hero{width:calc(100vw - 28px)!important}.hero-copy h1{font-size:46px!important}.hero-copy .lead{font-size:16px!important}.data-strip{grid-template-columns:1fr!important}.data-strip div{border-right:0!important;border-bottom:1px solid var(--v21-line)!important}.data-strip div:last-child{border-bottom:0!important}.product-visual{height:380px!important;min-height:380px!important}.inspekta-device{height:310px!important;border-width:7px!important;border-radius:24px!important}.upt-profile,.architecture{padding:28px!important}.route-proof,.upt-profile,.problem-section,.product-section,.architecture,.deploy-section,.admin-access-panel{width:calc(100vw - 28px)!important}.product-card{min-height:auto!important;padding:24px!important}.mock-map,.mock-rail{display:none!important}}