:root{--bg:#fff;--bg-soft:#f5f7f3;--ink:#0b1a12;--ink-2:#46534b;--ink-3:#7a857d;--line:#e6e9e3;--line-2:#d6dbd2;--brand:#12946b;--brand-strong:#0e7a58;--brand-deep:#0a5e44;--brand-ink:#06301f;--brand-soft:#e6f4ee;--brand-soft-2:#d6ece2;--on-brand:#fff;--shadow-sm:0 1px 2px #0b1a120d,0 2px 6px #0b1a120a;--shadow-md:0 10px 30px -12px #0b1a1229;--shadow-lg:0 30px 60px -24px #0b1a123d;--shadow-phone:0 40px 80px -32px #06301f6b;--r-btn:14px;--r-card:22px;--r-block:32px;--sans:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--maxw:1200px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--sans);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.55;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}svg{display:block}.container{max-width:var(--maxw);margin:0 auto;padding:0 28px}.reveal{opacity:0;transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);transform:translateY(22px)}.reveal.in{opacity:1;transform:none}h1,h2,h3{letter-spacing:-.02em;font-weight:800;line-height:1.05}.label{color:var(--brand-strong);letter-spacing:0;margin-bottom:16px;font-size:.82rem;font-weight:700}.section-head{max-width:680px;margin-bottom:52px}.section-head.center{text-align:center;margin-inline:auto}h2.title{color:var(--ink);font-size:clamp(2rem,4.4vw,3.2rem);font-weight:800}.section-head p.sub{color:var(--ink-2);margin-top:16px;font-size:1.12rem;font-weight:500}section{padding:clamp(72px,9vw,130px) 0;position:relative}.btn{font-family:var(--sans);border-radius:var(--r-btn);cursor:pointer;white-space:nowrap;border:2px solid #0000;justify-content:center;align-items:center;gap:10px;padding:17px 30px;font-size:1.02rem;font-weight:700;transition:transform .16s,background .16s,box-shadow .16s,border-color .16s,color .16s;display:inline-flex}.btn svg{width:19px;height:19px}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 10px 24px -10px #12946bb3}.btn-primary:hover{background:var(--brand-strong);transform:translateY(-2px);box-shadow:0 16px 30px -12px #12946bb3}.btn-outline{color:var(--ink);border-color:var(--line-2);background:#fff}.btn-outline:hover{border-color:var(--ink);transform:translateY(-2px)}.btn-onbrand{color:var(--brand-deep);background:#fff}.btn-onbrand:hover{transform:translateY(-2px);box-shadow:0 16px 30px -10px #00000040}.btn-ghost-onbrand{color:#fff;background:#ffffff1f;border-color:#fff6}.btn-ghost-onbrand:hover{background:#fff3;transform:translateY(-2px)}.btn-sm{border-radius:11px;padding:11px 20px;font-size:.95rem}.ico{background:var(--brand-soft);width:52px;height:52px;color:var(--brand-strong);border-radius:15px;flex:none;place-items:center;display:grid}.ico svg{stroke-width:1.9px;width:26px;height:26px}.ico-sm{border-radius:13px;width:44px;height:44px}.ico-sm svg{width:22px;height:22px}.nav{z-index:900;border-bottom:1px solid #0000;padding:16px 0;transition:background .3s,box-shadow .3s,border-color .3s;position:fixed;inset:0 0 auto}.nav.scrolled{-webkit-backdrop-filter:saturate(180%)blur(14px);border-bottom-color:var(--line);background:#ffffffdb}.nav-inner{justify-content:space-between;align-items:center;gap:24px;display:flex}.brand{z-index:2;align-items:center;gap:11px;display:flex;position:relative}.brand-mark{border-radius:11px;width:38px;height:38px}.brand-name{letter-spacing:-.02em;font-size:1.28rem;font-weight:800}.nav-menu{align-items:center;gap:30px;list-style:none;display:flex}.nav-menu a:not(.btn){color:var(--ink-2);font-size:.96rem;font-weight:600;transition:color .2s}.nav-menu a:not(.btn):hover{color:var(--ink)}.nav-backdrop{display:none}.nav-burger{cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:42px;height:42px;display:none}.nav-burger span{background:var(--ink);border-radius:3px;width:23px;height:2.5px;transition:all .3s}.nav-burger.active span:first-child{transform:translateY(7.5px)rotate(45deg)}.nav-burger.active span:nth-child(2){opacity:0}.nav-burger.active span:nth-child(3){transform:translateY(-7.5px)rotate(-45deg)}.hero{padding-top:clamp(122px,15vw,170px);padding-bottom:clamp(56px,7vw,96px)}.hero-inner{grid-template-columns:1.02fr .98fr;align-items:center;gap:48px;display:grid}.hero-h1{letter-spacing:-.035em;color:var(--ink);font-size:clamp(2.7rem,6.4vw,4.6rem);font-weight:800}.hero-h1 .accent{color:var(--brand)}.hero p.lead{color:var(--ink-2);max-width:31em;margin-top:22px;font-size:clamp(1.06rem,1.5vw,1.24rem);font-weight:500;line-height:1.6}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.hero-trust{flex-wrap:wrap;align-items:center;gap:20px;margin-top:30px;display:flex}.hero-trust .t{color:var(--ink-2);align-items:center;gap:8px;font-size:.92rem;font-weight:600;display:flex}.hero-trust .t svg{width:18px;height:18px;color:var(--brand);stroke-width:2.2px}.hero-stage{position:relative}.hero-block{background:var(--brand);border-radius:var(--r-block);aspect-ratio:5/5.4;position:relative;overflow:hidden}.hero-block:after{content:"";background:radial-gradient(120% 90% at 80% 10%,#ffffff24,#0000 60%);position:absolute;inset:0}.hero-block .grid-dots{opacity:.5;background-image:radial-gradient(#ffffff29 1.4px,#0000 1.4px);background-size:22px 22px;position:absolute;inset:0}.hero-phone{z-index:2;width:62%;filter:drop-shadow(var(--shadow-phone));border-radius:30px;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.hero-phone-2{z-index:3;width:40%;filter:drop-shadow(var(--shadow-phone));border-radius:22px;position:absolute;bottom:6%;right:-6%}.topics{padding:40px 0 8px}.topics-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.chip{border:1.5px solid var(--line-2);color:var(--ink-2);border-radius:999px;padding:9px 18px;font-size:.92rem;font-weight:600}.about-grid{grid-template-columns:.9fr 1.1fr;align-items:start;gap:56px;display:grid}.about-lead p{color:var(--ink-2);margin-top:20px;font-size:1.1rem;font-weight:500;line-height:1.62}.vcards{grid-template-columns:1fr 1fr;gap:16px;display:grid}.vcard{background:var(--bg);border:1.5px solid var(--line);border-radius:var(--r-card);padding:26px 24px;transition:transform .2s,box-shadow .2s,border-color .2s}.vcard:hover{box-shadow:var(--shadow-md);border-color:var(--line-2);transform:translateY(-4px)}.vcard h3{margin:18px 0 8px;font-size:1.14rem;font-weight:700}.vcard p{color:var(--ink-3);font-size:.96rem;font-weight:500;line-height:1.5}.exp{background:var(--bg-soft)}.exp-row{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.exp-row+.exp-row{margin-top:clamp(60px,8vw,104px)}.exp-row--rev .exp-text{order:2}.exp-text h3{letter-spacing:-.03em;margin-top:22px;font-size:clamp(1.7rem,3vw,2.3rem);font-weight:800}.exp-text p{color:var(--ink-2);max-width:34em;margin-top:15px;font-size:1.05rem;font-weight:500;line-height:1.6}.tags{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.tag{color:var(--brand-ink);background:var(--brand-soft);border-radius:10px;padding:8px 15px;font-size:.86rem;font-weight:600}.exp-media{justify-content:center;display:flex}.exp-frame{background:linear-gradient(160deg,var(--brand-soft),var(--bg-soft));border:1.5px solid var(--line);border-radius:var(--r-block);place-items:center;width:100%;padding:40px;display:grid}.exp-row--rev .exp-frame{background:linear-gradient(160deg,var(--brand-soft-2),var(--bg-soft))}.exp-phone{width:min(260px,70%);filter:drop-shadow(var(--shadow-phone));border-radius:26px}.band{background:var(--brand);color:#fff}.band .label{color:#ffffffd9}.band h2.title{color:#fff}.band .metrics{grid-template-columns:repeat(4,1fr);gap:30px;margin-bottom:52px;display:grid}.metric-n{letter-spacing:-.03em;font-size:clamp(2.4rem,4.4vw,3.4rem);font-weight:800}.metric-label{color:#ffffffe6;margin-top:10px;font-size:.98rem;font-weight:600}.metric-src{color:#ffffff9e;margin-top:5px;font-size:.8rem;font-weight:500}.opps{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.opp{border-radius:var(--r-card);background:#ffffff1a;border:1.5px solid #ffffff29;padding:28px 26px;transition:transform .2s,background .2s}.opp:hover{background:#ffffff26;transform:translateY(-4px)}.opp .ico{color:#fff;background:#ffffff29;margin-bottom:16px}.opp h3{margin-bottom:8px;font-size:1.28rem;font-weight:700}.opp p{color:#ffffffd1;font-size:.96rem;font-weight:500;line-height:1.55}.gallery-grid{grid-template-columns:repeat(6,1fr);gap:16px;display:grid}.shot{background:var(--bg-soft);border:1.5px solid var(--line);cursor:pointer;border-radius:18px;padding:12px 12px 42px;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative}.shot:hover{box-shadow:var(--shadow-md);border-color:var(--brand);transform:translateY(-5px)}.shot-img{border-radius:10px;width:100%}.shot-cap{text-align:center;color:var(--ink-3);font-size:.8rem;font-weight:700;position:absolute;bottom:13px;left:0;right:0}.steps{background:var(--bg-soft)}.steps-row{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.step{background:var(--bg);border:1.5px solid var(--line);border-radius:var(--r-block);text-align:center;padding:34px 30px;transition:transform .2s,box-shadow .2s}.step:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.step-n{color:#fff;background:var(--brand);border-radius:13px;place-items:center;width:42px;height:42px;margin:0 auto 22px;font-size:1.05rem;font-weight:800;display:grid}.step-img{filter:drop-shadow(0 22px 40px #06301f3d);border-radius:20px;width:150px;margin:0 auto 22px}.step h3{letter-spacing:-.02em;margin-bottom:11px;font-size:1.34rem;font-weight:800}.step p{color:var(--ink-2);font-size:.98rem;font-weight:500;line-height:1.55}.bento{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.tile{background:var(--bg);border:1.5px solid var(--line);border-radius:var(--r-card);flex-direction:column;padding:30px 28px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.tile:hover{box-shadow:var(--shadow-md);border-color:var(--line-2);transform:translateY(-4px)}.tile h3{margin:16px 0 8px;font-size:1.16rem;font-weight:700}.tile p{color:var(--ink-2);font-size:.96rem;font-weight:500;line-height:1.5}.tile--feature{background:var(--brand);color:#fff;border-color:#0000;grid-area:span 2/span 2;justify-content:space-between}.tile--feature h3{font-size:clamp(1.5rem,2.3vw,2rem);font-weight:800}.tile--feature p{color:#ffffffdb;font-size:1.02rem}.tile--feature .ico{color:#fff;background:#ffffff29}.tile--feature .tile-media{align-self:center;margin-top:24px}.tile--feature .tile-media img{filter:drop-shadow(0 30px 50px #00000059);border-radius:20px;width:172px}.tile--wide{grid-column:span 2}.cta{padding-bottom:clamp(80px,10vw,140px)}.cta-block{background:var(--brand);color:#fff;border-radius:var(--r-block);grid-template-columns:1.1fr 1fr;align-items:center;gap:48px;padding:clamp(40px,6vw,72px);display:grid;position:relative;overflow:hidden}.cta-block:after{content:"";pointer-events:none;background:radial-gradient(90% 120% at 90% 0,#ffffff1f,#0000 55%);position:absolute;inset:0}.cta-text{z-index:1;position:relative}.cta-text .label{color:#ffffffd9}.cta-text h2{letter-spacing:-.03em;color:#fff;font-size:clamp(1.9rem,3.4vw,2.8rem);font-weight:800}.cta-text p{color:#ffffffd9;margin-top:16px;font-size:1.05rem;font-weight:500;line-height:1.55}.cta-text .platform-note{color:#fff;margin-top:14px;font-size:.98rem;font-weight:600}.contact-methods{z-index:1;flex-direction:column;gap:12px;display:flex;position:relative}.contact-card{background:#ffffff1a;border:1.5px solid #ffffff2e;border-radius:15px;align-items:center;gap:14px;padding:16px 20px;transition:transform .2s,background .2s;display:flex}.contact-card:hover{background:#ffffff29;transform:translateY(-3px)}.contact-card .ico-sm{color:#fff;background:#ffffff2e}.contact-lines{flex-direction:column;display:flex}.contact-label{color:#ffffffbf;font-size:.8rem;font-weight:600}.contact-value{color:#fff;overflow-wrap:anywhere;font-size:1.02rem;font-weight:700}.contact-note{z-index:1;color:#fffc;margin-top:14px;font-size:.9rem;position:relative}.footer{border-top:1px solid var(--line);padding:52px 0 40px}.foot-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.foot-brand{align-items:center;gap:11px;display:flex}.foot-brand img{border-radius:9px;width:34px;height:34px}.foot-brand span{letter-spacing:-.02em;font-size:1.18rem;font-weight:800}.foot-links{flex-wrap:wrap;gap:24px;display:flex}.foot-links a{color:var(--ink-2);font-size:.94rem;font-weight:600;transition:color .2s}.foot-links a:hover{color:var(--brand-strong)}.foot-base{border-top:1px solid var(--line);color:var(--ink-3);text-align:center;margin-top:30px;padding-top:22px;font-size:.88rem;font-weight:500}.lightbox-overlay{z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#08140ee6;justify-content:center;align-items:center;padding:40px;display:flex;position:fixed;inset:0}.lightbox-content{max-width:90vw;max-height:84vh}.lightbox-image{filter:drop-shadow(0 40px 70px #00000080);border-radius:20px;max-width:100%;max-height:84vh}.lightbox-close,.lightbox-nav{color:#fff;cursor:pointer;background:#ffffff1f;border:1.5px solid #ffffff3d;border-radius:13px;place-items:center;width:48px;height:48px;transition:background .2s;display:grid;position:absolute}.lightbox-close svg,.lightbox-nav svg{width:22px;height:22px}.lightbox-close:hover,.lightbox-nav:hover{background:#ffffff3d}.lightbox-close{top:26px;right:26px}.lightbox-prev{top:50%;left:26px;transform:translateY(-50%)}.lightbox-next{top:50%;right:26px;transform:translateY(-50%)}.lightbox-hint{text-align:center;color:#ffffffb3;font-size:.85rem;position:absolute;bottom:22px;left:0;right:0}.mobile-hint{display:none}@media (max-width:960px){.nav-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);visibility:hidden;box-shadow:var(--shadow-lg);background:#fffffffa;flex-direction:column;align-items:stretch;gap:6px;padding:88px 28px 30px;transition:transform .34s,visibility .34s;position:fixed;inset:0 0 auto;transform:translateY(-100%)}.nav-menu.active{visibility:visible;transform:none}.nav-menu a:not(.btn){border-bottom:1px solid var(--line);padding:13px 4px;font-size:1.06rem}.nav-menu .btn{justify-content:center;margin-top:8px}.nav-backdrop{z-index:-1;background:#0b1a1259;animation:.3s backdrop-in;display:block;position:fixed;inset:0}@keyframes backdrop-in{0%{opacity:0}}.nav-burger{display:flex}.hero-inner{grid-template-columns:1fr;gap:36px}.hero-phone-2{right:0}.about-grid{grid-template-columns:1fr;gap:40px}.exp-row,.exp-row--rev{grid-template-columns:1fr;gap:30px}.exp-row--rev .exp-text{order:0}.exp-media{order:-1}.exp-text p{max-width:none}.band .metrics{grid-template-columns:repeat(2,1fr);gap:28px}.opps{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(3,1fr)}.steps-row{grid-template-columns:1fr}.bento{grid-template-columns:repeat(2,1fr)}.tile--feature{grid-area:auto/span 2}.tile--wide{grid-column:span 2}.cta-block{grid-template-columns:1fr;gap:34px}}@media (max-width:560px){.container{padding:0 20px}.gallery-grid{grid-template-columns:repeat(2,1fr)}.vcards,.bento{grid-template-columns:1fr}.tile--feature,.tile--wide{grid-column:auto}.hero-actions{width:100%}.hero-actions .btn{flex:1}.lightbox-close{top:14px;right:14px}.lightbox-prev{left:12px}.lightbox-next{right:12px}.desktop-hint{display:none}.mobile-hint{display:block}}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}