:root{--blue:#2c59a1;--blue-dark:#234a87;--ink:#10151d;--text:#3b4351;--muted:#6b7280;--bg:#fff;--bg-alt:#f5f6f8;--border:#e2e5ea;--border-strong:#10151d;--font:"Source Sans 3", "Helvetica Neue", Helvetica, Arial, sans-serif;--container:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:17px;line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}h1,h2,h3,h4{color:var(--ink);letter-spacing:-.01em;margin:0;line-height:1.1}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px}.btn{font-family:var(--font);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:2px;padding:10px 22px;font-size:15px;font-weight:600;transition:all .2s;display:inline-block}.btn-lg{padding:14px 32px;font-size:17px}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-dark)}.btn-ghost{color:var(--ink)}.btn-ghost:hover{color:var(--blue)}.btn-outline{border-color:var(--border-strong);color:var(--ink)}.btn-outline:hover{background:var(--ink);color:#fff}.btn-invert{color:var(--blue);background:#fff}.btn-invert:hover{background:#e8edf6}.btn-outline-invert{color:#fff;border-color:#fff9}.btn-outline-invert:hover{background:#ffffff1a;border-color:#fff}.site-header{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);background:#fffffff0;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:32px;height:68px;display:flex}.brand img{width:auto;height:24px}.main-nav{color:var(--ink);align-items:center;gap:28px;font-size:15px;font-weight:600;display:flex}.main-nav>a:hover{color:var(--blue)}.nav-actions{align-items:center;gap:12px;margin-left:12px;display:flex}.lang-toggle{border:1px solid var(--border-strong);border-radius:2px;display:flex;overflow:hidden}.lang-toggle button{font-family:var(--font);letter-spacing:.04em;color:var(--ink);cursor:pointer;background:0 0;border:0;padding:5px 10px;font-size:13px;font-weight:700}.lang-toggle button.active{background:var(--ink);color:#fff}.menu-btn{border:1px solid var(--border-strong);cursor:pointer;background:0 0;border-radius:2px;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:8px;display:none}.menu-btn span{background:var(--ink);height:2px;display:block}.hero{border-bottom:1px solid var(--border);padding:96px 0 0;position:relative;overflow:hidden}.hero .container{position:relative}.hero-illustration{opacity:.3;pointer-events:none;background-position:top;background-repeat:no-repeat;background-size:contain;position:absolute;inset:0}.kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin:0 0 24px;font-size:13px;font-weight:700}.hero h1{letter-spacing:-.02em;max-width:15ch;font-size:clamp(40px,6.5vw,76px);font-weight:800}.lede{max-width:58ch;margin:24px 0 36px;font-size:clamp(18px,2vw,22px);font-weight:300}.cta-row{flex-wrap:wrap;gap:14px;display:flex}.hero-note{color:var(--muted);margin:18px 0 0;font-size:14px}.hero-shot{border:1px solid var(--border-strong);border-bottom:0;margin-top:64px;line-height:0;position:relative}.hero-shot img{width:100%}.hero-shot .hero-shot-dark{opacity:0;transition:opacity .5s;position:absolute;inset:0}.hero-shot:hover .hero-shot-dark{opacity:1}.stats{border-bottom:1px solid var(--border)}.stats-grid{grid-template-columns:repeat(4,1fr);display:grid}.stat{border-left:1px solid var(--border);padding:40px 24px 40px 0}.stat:first-child{border-left:0;padding-left:0}.stat+.stat{padding-left:24px}.stat-value{color:var(--ink);font-size:48px;font-weight:800;line-height:1;display:block}.stat-label{color:var(--muted);margin-top:10px;font-size:14px;font-weight:400;display:block}.section{border-bottom:1px solid var(--border);padding:112px 0}.section-alt{background:var(--bg-alt)}.section-label{letter-spacing:.14em;text-transform:uppercase;color:var(--blue);border-top:2px solid var(--border-strong);min-width:220px;margin:0 0 28px;padding-top:16px;font-size:13px;font-weight:700;display:inline-block}.section h2{letter-spacing:-.015em;max-width:24ch;font-size:clamp(30px,4vw,48px);font-weight:800}.section-sub{max-width:60ch;margin:20px 0 0;font-size:19px;font-weight:300}.split{grid-template-columns:1.1fr 1fr;align-items:start;gap:64px;display:grid}.split-body p{margin:0 0 20px;font-size:18px}.split-body p:last-child{margin-bottom:0}.feature-grid{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:1px;margin-top:56px;display:grid}.feature{background:var(--bg);padding:32px 28px 36px}.feature-num{letter-spacing:.1em;color:var(--blue);font-size:13px;font-weight:700}.feature h3{margin:14px 0 10px;font-size:21px;font-weight:700}.feature p{margin:0 0 18px;font-size:15px}.feature ul{margin:0;padding:0;list-style:none}.feature li{color:var(--muted);border-top:1px solid var(--border);padding:7px 0 7px 18px;font-size:14px;position:relative}.feature li:before{content:"";background:var(--blue);width:8px;height:2px;position:absolute;top:14px;left:0}.section-indo{position:relative;overflow:hidden}.section-indo .container{position:relative}.batik{opacity:.3;pointer-events:none;width:min(560px,60vw);height:min(400px,45vw);position:absolute;top:0;right:0;-webkit-mask-image:radial-gradient(120% 120% at 100% 0,#000 35%,#0000 72%);mask-image:radial-gradient(120% 120% at 100% 0,#000 35%,#0000 72%)}.local-grid{grid-template-columns:repeat(3,1fr);gap:40px 48px;margin-top:56px;display:grid}.local-item{border-top:2px solid var(--border-strong);padding-top:18px}.local-item h3{font-size:18px;font-weight:700}.local-item p{margin:8px 0 0;font-size:15px}.section-dark{background:var(--ink);border-bottom:0}.section-dark .section-label{color:#8fb0e6;border-top-color:#ffffffe6}.section-dark h2{color:#fff}.why-grid{grid-template-columns:repeat(2,1fr);gap:56px 64px;margin-top:56px;display:grid}.why-item{border-top:1px solid #ffffff40;padding-top:20px}.why-num{letter-spacing:.1em;color:#8fb0e6;font-size:13px;font-weight:700}.why-item h3{color:#fff;margin:10px 0 12px;font-size:22px;font-weight:700}.why-item p{color:#aeb6c2;margin:0;font-size:15.5px}.device-row{align-items:flex-end;gap:48px;margin-top:64px;display:flex}.device{min-width:0;margin:0}.device-laptop{flex:0 52%}.device-tablet{flex:0 28%}.device-phone{flex:0 13%}.device-screen{border:5px solid var(--ink);background:var(--bg);line-height:0;position:relative;overflow:hidden}.device-screen img{object-fit:cover;width:100%;height:100%}.device-screen .screen-dark{opacity:0;transition:opacity .5s;position:absolute;inset:0}.device:hover .screen-dark{opacity:1}.device-laptop .device-screen{aspect-ratio:16/10;border-radius:8px 8px 0 0}.laptop-base{background:var(--ink);border-radius:0 0 8px 8px;width:112%;height:12px;margin-left:-6%}.device-tablet .device-screen{border-radius:12px}.device-phone .device-screen{border-radius:14px}.device figcaption{color:var(--ink);letter-spacing:.02em;margin-top:14px;font-size:14px;font-weight:600}.device-points{grid-template-columns:repeat(3,1fr);gap:40px 48px;margin-top:72px;display:grid}.device-point{border-top:2px solid var(--border-strong);padding-top:18px}.device-point h3{font-size:18px;font-weight:700}.device-point p{margin:8px 0 0;font-size:15px}.faq-list{border-top:1px solid var(--border);max-width:880px;margin-top:48px}.faq-item{border-bottom:1px solid var(--border)}.faq-item summary{color:var(--ink);cursor:pointer;justify-content:space-between;align-items:center;gap:24px;padding:22px 0;font-size:18px;font-weight:600;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--blue);flex-shrink:0;font-size:26px;font-weight:300;line-height:1}.faq-item[open] summary:after{content:"−"}.faq-item p{max-width:72ch;margin:0;padding:0 40px 24px 0;font-size:16px}.mid-cta{border-bottom:1px solid var(--border);padding:44px 0}.mid-cta p{color:var(--ink);text-align:center;margin:0;font-size:19px;font-weight:600}.mid-cta a{color:var(--blue);white-space:nowrap}.mid-cta a:hover{text-decoration:underline}.roadmap-grid{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:1px;margin-top:56px;display:grid}.roadmap-item{background:var(--bg);padding:28px}.roadmap-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.roadmap-item h3{font-size:18px;font-weight:700}.roadmap-item p{color:var(--muted);margin:0;font-size:14.5px}.badge{letter-spacing:.08em;text-transform:uppercase;color:var(--blue);border:1px solid var(--blue);white-space:nowrap;border-radius:2px;padding:3px 8px;font-size:11px;font-weight:700}.cta-banner{background:var(--blue);text-align:left;padding:104px 0}.cta-banner h2{color:#fff;max-width:20ch;font-size:clamp(30px,4vw,48px);font-weight:800}.cta-banner p{color:#d4dff2;margin:18px 0 36px;font-size:19px;font-weight:300}.site-footer{background:var(--bg);border-top:1px solid var(--border);padding:72px 0 0}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:48px;padding-bottom:56px;display:grid}.footer-brand img{width:auto;height:22px}.footer-brand p{color:var(--muted);margin:16px 0 0;font-size:15px}.footer-col h4{letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px;font-size:13px;font-weight:700}.footer-col a{color:var(--text);padding:4px 0;font-size:15px;display:block}.footer-col a:hover{color:var(--blue)}.footer-bottom{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;padding-top:24px;padding-bottom:24px;font-size:13.5px;display:flex}@media (width<=1000px){.feature-grid,.roadmap-grid,.local-grid{grid-template-columns:repeat(2,1fr)}.device-points{grid-template-columns:1fr;gap:28px}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat{padding:28px 24px}.stat:first-child{padding-left:0}.stat:nth-child(odd){border-left:0;padding-left:0}.split{grid-template-columns:1fr;gap:32px}}@media (width<=820px){.menu-btn{display:flex}.main-nav{background:var(--bg);border-bottom:1px solid var(--border);flex-direction:column;align-items:flex-start;gap:0;padding:8px 24px 24px;display:none;position:absolute;top:68px;left:0;right:0}.main-nav.open{display:flex}.main-nav>a{border-bottom:1px solid var(--border);width:100%;padding:14px 0}.nav-actions{flex-wrap:wrap;width:100%;margin:20px 0 0}.section{padding:72px 0}.hero{padding-top:64px}.why-grid{grid-template-columns:1fr;gap:40px}.device-row{flex-wrap:wrap;gap:32px}.device-laptop{flex:100%}.device-tablet{flex:50%}.device-phone{flex:28%}.footer-grid{grid-template-columns:1fr;gap:36px}}@media (width<=560px){.feature-grid,.roadmap-grid,.local-grid,.stats-grid{grid-template-columns:1fr}.stat{border-left:0;border-top:1px solid var(--border);padding:24px 0}.stat:first-child{border-top:0}.cta-row .btn{text-align:center;width:100%}.footer-bottom{flex-direction:column;align-items:flex-start;gap:8px}}