:root{--color-ink:#0f172a;--color-ink-2:#1e293b;--color-muted:#64748b;--color-line:#e2e8f0;--color-bg:#f7f5f1;--color-bg-2:#fff;--color-accent:#23a3e5;--color-accent-2:#0e7bb8;--color-soft:#a0dbea;--color-tag-bg:#e6f4fb;--font-display:"Poppins", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Manrope", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--fs-eyebrow:13px;--fs-body:16px;--fs-lead:18px;--fs-h3:clamp(20px, 2vw, 24px);--fs-h2:clamp(28px, 3.2vw, 40px);--fs-h1:clamp(36px, 5vw, 60px);--ls-display:-.02em;--ls-eyebrow:.16em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--radius:14px;--radius-lg:22px;--radius-pill:999px;--shadow:0 14px 40px -16px #0f172a2e;--shadow-sm:0 4px 12px -4px #0f172a14;--container-max:1180px;--container-pad:28px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--fs-body);color:var(--color-ink);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.6}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:var(--ls-display);color:var(--color-ink);margin:0 0 var(--space-4);font-weight:700;line-height:1.12}h1{font-size:var(--fs-h1);font-weight:800}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3);font-weight:600}p{margin:0 0 var(--space-4);color:var(--color-muted)}p.lead{font-size:var(--fs-lead);color:var(--color-ink-2)}a{color:var(--color-accent);text-decoration:none;transition:color .15s}a:hover{color:var(--color-accent-2)}img{max-width:100%;height:auto;display:block}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:4px}.container{max-width:var(--container-max);padding:0 var(--container-pad);margin:0 auto}section{padding:var(--space-9) 0}@media (width<=880px){section{padding:var(--space-8) 0}}.eyebrow{font-family:var(--font-display);font-size:var(--fs-eyebrow);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--color-accent-2);background:var(--color-tag-bg);border-radius:var(--radius-pill);margin-bottom:var(--space-4);padding:4px 12px;font-weight:600;display:inline-block}.section-header{max-width:720px;margin:0 auto var(--space-7);text-align:center}.section-header.left{text-align:left;margin-left:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);background:var(--color-accent);color:#fff;font-family:var(--font-body);cursor:pointer;white-space:nowrap;border:1.5px solid #0000;padding:14px 28px;font-size:15px;font-weight:600;line-height:1;text-decoration:none;transition:background .15s,transform .15s,box-shadow .15s;display:inline-flex}.btn:hover{background:var(--color-accent-2);color:#fff;transform:translateY(-1px)}.btn.outline{color:var(--color-ink);border-color:var(--color-line);background:0 0}.btn.outline:hover{border-color:var(--color-ink);background:var(--color-ink);color:#fff}.btn.ghost{color:var(--color-accent);background:0 0;padding:14px 20px}.btn.ghost:hover{color:var(--color-accent-2);background:var(--color-tag-bg)}.btn.lg{padding:18px 36px;font-size:16px}.btn.sm{padding:10px 18px;font-size:14px}.card{background:var(--color-bg-2);border:1px solid var(--color-line);border-radius:var(--radius);padding:var(--space-6);transition:transform .2s,box-shadow .2s,border-color .2s}.card:hover{box-shadow:var(--shadow);border-color:#0000;transform:translateY(-3px)}.card .icon-wrap{border-radius:var(--radius);background:var(--color-tag-bg);width:56px;height:56px;color:var(--color-accent-2);margin-bottom:var(--space-4);justify-content:center;align-items:center;display:inline-flex}.card .icon-wrap svg{width:30px;height:30px}.card h3{margin-bottom:var(--space-3)}.card p{margin-bottom:0;font-size:15px}.card.dark{background:var(--color-ink);border-color:var(--color-ink-2);color:var(--color-bg)}.card.dark h3{color:#fff}.card.dark p{color:#ffffffb8}.card.dark .icon-wrap{color:var(--color-soft);background:#ffffff0f}.grid{gap:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.cols-4{grid-template-columns:repeat(4,1fr)}@media (width<=880px){.grid,.grid.cols-4{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.grid,.grid.cols-2,.grid.cols-4{grid-template-columns:1fr}}.hero{background:radial-gradient(1100px 600px at 100% -20%, var(--color-tag-bg), transparent 60%), radial-gradient(900px 500px at -10% 120%, #a0dbea59, transparent 60%), var(--color-bg);padding:var(--space-9) 0 var(--space-9);overflow:hidden}.hero .container{position:relative}.hero-grid{gap:var(--space-8);grid-template-columns:1.05fr 1fr;align-items:center;display:grid}.hero h1{margin-bottom:var(--space-5);color:var(--color-ink)}.hero h1 .accent{color:var(--color-accent-2)}.hero p.lead{max-width:540px;margin-bottom:var(--space-6)}.hero-cta{gap:var(--space-3);flex-wrap:wrap;display:flex}.hero-visual{aspect-ratio:4/3;border-radius:var(--radius-lg);background:var(--color-ink);box-shadow:var(--shadow);position:relative;overflow:hidden}.hero-visual:before{content:"";background:radial-gradient(circle at 30% 30%, #a0dbea59, transparent 60%), radial-gradient(circle at 70% 70%, #23a3e559, transparent 60%), var(--color-ink);position:absolute;inset:0}.hero-visual .hotspot{background:var(--color-accent);border:3px solid #fff;border-radius:50%;width:18px;height:18px;animation:2.6s ease-out infinite hotspot-pulse;position:absolute;box-shadow:0 0 #23a3e58c}.hero-visual .hotspot.h1{top:30%;left:28%}.hero-visual .hotspot.h2{animation-delay:.6s;top:58%;left:62%}.hero-visual .hotspot.h3{animation-delay:1.2s;top:22%;left:70%}@keyframes hotspot-pulse{0%{box-shadow:0 0 #23a3e58c}70%{box-shadow:0 0 0 18px #23a3e500}to{box-shadow:0 0 #23a3e500}}@media (prefers-reduced-motion:reduce){.hero-visual .hotspot{animation:none}}@media (width<=880px){.hero-grid{gap:var(--space-6);grid-template-columns:1fr}.hero-visual{aspect-ratio:16/11}}.site-nav{z-index:50;-webkit-backdrop-filter:saturate(140%)blur(14px);backdrop-filter:saturate(140%)blur(14px);border-bottom:1px solid var(--color-line);background:#f7f5f1eb;position:sticky;top:0}.site-nav .container{padding-top:var(--space-4);padding-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.site-nav .brand{align-items:center;gap:var(--space-2);font-family:var(--font-display);letter-spacing:var(--ls-display);color:var(--color-ink);font-size:18px;font-weight:700;display:inline-flex}.site-nav .brand svg{width:32px;height:32px}.site-nav .brand .brand-suffix{color:var(--color-accent-2)}.site-nav nav ul{gap:var(--space-5);align-items:center;margin:0;padding:0;list-style:none;display:flex}.site-nav nav a{color:var(--color-ink-2);font-size:15px;font-weight:500}.site-nav nav a:hover{color:var(--color-accent-2)}.site-nav nav a.lang-switch{border:1px solid var(--color-line);border-radius:var(--radius-pill);letter-spacing:.08em;color:var(--color-muted);padding:6px 10px;font-size:12px;font-weight:700}.site-nav nav a.lang-switch:hover{color:var(--color-ink);border-color:var(--color-ink)}@media (width<=720px){.site-nav nav ul li:not(:last-child):not(:nth-last-child(2)){display:none}}.site-footer{background:var(--color-ink);color:#ffffffb8;padding:var(--space-8) 0 var(--space-6);border-top:4px solid var(--color-accent)}.site-footer .container{gap:var(--space-6);grid-template-columns:1.4fr 1fr 1fr;display:grid}.site-footer h4{color:#fff;text-transform:uppercase;letter-spacing:var(--ls-eyebrow);margin-bottom:var(--space-4);font-size:15px}.site-footer a{color:#ffffffd1}.site-footer a:hover{color:var(--color-soft)}.site-footer ul{margin:0;padding:0;list-style:none}.site-footer ul li{margin-bottom:var(--space-2);font-size:14px}.site-footer .legal{margin-top:var(--space-6);padding-top:var(--space-5);color:#ffffff80;border-top:1px solid #ffffff14;font-size:13px}.site-footer .legal .container{justify-content:space-between;gap:var(--space-5);flex-wrap:wrap;display:flex}@media (width<=720px){.site-footer .container{grid-template-columns:1fr}}.tracks{background:var(--color-bg-2);border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line)}.tracks-grid{gap:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.track{background:var(--color-bg);border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:var(--space-7);transition:border-color .2s,transform .2s,box-shadow .2s;position:relative;overflow:hidden}.track:hover{border-color:var(--color-accent);box-shadow:var(--shadow);transform:translateY(-3px)}.track.dark{background:var(--color-ink);border-color:var(--color-ink-2);color:var(--color-bg)}.track.dark h3{color:#fff}.track.dark p,.track.dark li{color:#ffffffb8}.track.dark .icon-wrap{color:var(--color-soft);background:#ffffff0f}.track .icon-wrap{border-radius:var(--radius);background:var(--color-tag-bg);width:56px;height:56px;color:var(--color-accent-2);margin-bottom:var(--space-5);justify-content:center;align-items:center;display:inline-flex}.track .icon-wrap svg{width:32px;height:32px}.track ul{margin:var(--space-4) 0 var(--space-5);padding:0;list-style:none}.track ul li{margin-bottom:var(--space-2);padding-left:22px;font-size:15px;position:relative}.track ul li:before{content:"";background:var(--color-accent);border-radius:50%;width:8px;height:8px;position:absolute;top:8px;left:0}.track.dark ul li:before{background:var(--color-soft)}@media (width<=880px){.tracks-grid{grid-template-columns:1fr}}.form-card{background:var(--color-bg-2);border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:var(--space-7)}.form-row{margin-bottom:var(--space-4)}.form-row label{font-family:var(--font-display);color:var(--color-ink-2);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-row input,.form-row textarea,.form-row select{width:100%;font-family:var(--font-body);color:var(--color-ink);background:var(--color-bg);border:1.5px solid var(--color-line);border-radius:var(--radius);padding:12px 14px;font-size:15px;transition:border-color .15s,background .15s}.form-row input:focus,.form-row textarea:focus,.form-row select:focus{border-color:var(--color-accent);background:#fff;outline:none}.form-row.honeypot{position:absolute;left:-10000px}.form-success{background:var(--color-tag-bg);border:1px solid var(--color-soft);color:var(--color-ink);padding:var(--space-5);border-radius:var(--radius)}.form-success h3{color:var(--color-accent-2);margin-bottom:var(--space-2)}.form-error{color:#7f1d1d;padding:var(--space-3) var(--space-4);border-radius:var(--radius);margin-bottom:var(--space-4);background:#fee2e2;border:1px solid #fca5a5;font-size:14px}.cta-band{background:radial-gradient(900px 400px at 0% 0%, #23a3e52e, transparent 60%), radial-gradient(700px 300px at 100% 100%, #a0dbea2e, transparent 60%), var(--color-ink);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-7);text-align:center;color:#fff}.cta-band h2{color:#fff;margin-bottom:var(--space-3)}.cta-band p{color:#ffffffb8;max-width:560px;margin:0 auto var(--space-5)}.cta-band .btn{background:var(--color-accent)}.cta-band .btn:hover{background:var(--color-accent-2)}.mockup-browser{background:var(--color-bg-2);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 24px 60px -20px #0f172a52,0 4px 14px #0f172a14}.mockup-chrome{border-bottom:1px solid var(--color-line);background:linear-gradient(#f1f5f9,#e2e8f0);align-items:center;gap:14px;height:36px;padding:0 14px;display:flex}.mockup-chrome .dot{border-radius:50%;width:12px;height:12px}.mockup-chrome .dot.r{background:#fb7185}.mockup-chrome .dot.y{background:#fbbf24}.mockup-chrome .dot.g{background:#34d399}.mockup-chrome .url{border:1px solid var(--color-line);height:22px;line-height:22px;font:500 11px/22px var(--font-body);color:var(--color-muted);white-space:nowrap;text-overflow:ellipsis;background:#fff;border-radius:999px;flex:1;padding:0 14px;overflow:hidden}.mockup-chrome .url .lock{color:#16a34a;margin-right:4px}.mockup-viewer{aspect-ratio:16/9;background-color:var(--color-ink);background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative;overflow:hidden}.mockup-viewer:after{content:"";pointer-events:none;background:radial-gradient(#0000 40%,#0f172a40 100%);position:absolute;inset:0}.mockup-hotspot{background:var(--color-accent);z-index:3;cursor:pointer;border:3px solid #fff;border-radius:50%;width:22px;height:22px;animation:2.4s ease-out infinite mockup-pulse;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 #23a3e58c,0 4px 12px #0f172a66}.mockup-hotspot.h1{top:56%;left:28%}.mockup-hotspot.h2{animation-delay:.7s;top:50%;left:60%}.mockup-hotspot.h3{animation-delay:1.4s;top:62%;left:82%}@keyframes mockup-pulse{0%{box-shadow:0 0 #23a3e58c,0 4px 12px #0f172a66}70%{box-shadow:0 0 0 22px #23a3e500,0 4px 12px #0f172a66}to{box-shadow:0 0 #23a3e500,0 4px 12px #0f172a66}}@media (prefers-reduced-motion:reduce){.mockup-hotspot{animation:none}}.mockup-infopin{color:#fff;width:30px;height:30px;font:700 16px/30px var(--font-display);text-align:center;z-index:3;background:#0f172aeb;border:2px solid #fff9;border-radius:50%;position:absolute;top:26%;left:44%;box-shadow:0 4px 12px #0f172a66}.mockup-minimap{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;background:#0f172aeb;border-radius:12px;width:30%;max-width:220px;padding:10px;position:absolute;top:14px;right:14px;box-shadow:0 8px 24px #0f172a66}.mockup-minimap-plan{aspect-ratio:4/3;background:#ffffff14 50%/cover;border-radius:6px;position:relative;overflow:hidden}.mockup-minimap-plan.fallback{background-color:#0f172a66;background-image:linear-gradient(#ffffffd9,#ffffffd9 2px,#0000 2px),linear-gradient(90deg,#ffffffd9,#ffffffd9 2px,#0000 2px),radial-gradient(circle at 18% 18%,#ffffff0a,#0000 50%);background-position:50%,50% 0,0 0;background-repeat:no-repeat;background-size:100% 50%,50% 100%,100% 100%}.mockup-minimap-plan.fallback:before,.mockup-minimap-plan.fallback:after{content:"";background:#ffffffd9;position:absolute}.mockup-minimap-plan.fallback:before{background:0 0;border:2px solid #ffffffd9;inset:8%}.mockup-minimap-plan.fallback:after{width:2px;top:8%;bottom:50%;left:50%}.mockup-minimap .pin{background:var(--color-soft);border:1.5px solid var(--color-accent);z-index:2;border-radius:50%;width:11px;height:11px;position:absolute;transform:translate(-50%,-50%)}.mockup-minimap .pin.current{background:var(--color-accent);z-index:3;box-shadow:0 0 0 4px #23a3e580}.mockup-timeline-strip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;background:#0f172aeb;border-radius:999px;gap:4px;padding:6px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0f172a66}.mockup-timeline-strip .btn-mini{font:600 11px/1 var(--font-body);color:#ffffffb8;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:7px 16px}.mockup-timeline-strip .btn-mini.active{background:var(--color-accent);color:#fff}.mockup-phone{aspect-ratio:9/19;background:linear-gradient(#1e293b,#0f172a);border-radius:36px;width:240px;margin:0 auto;padding:8px;position:relative;box-shadow:0 30px 60px -20px #0f172a80,inset 0 0 0 2px #ffffff14}.mockup-phone-screen{background-color:var(--color-ink);background-position:50%;background-size:cover;border-radius:28px;width:100%;height:100%;position:relative;overflow:hidden}.mockup-phone:before{content:"";z-index:2;background:#000;border-radius:999px;width:90px;height:22px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.mockup-phone-screen:after{content:"";pointer-events:none;background:radial-gradient(#0000 30%,#0f172a40 100%);position:absolute;inset:0}.phone-minimap{z-index:3;background:#0f172aeb;border-radius:8px;width:38%;padding:6px;position:absolute;top:18%;right:6%}.phone-minimap>div{aspect-ratio:4/3;background:#ffffff0f 0 0/cover;border-radius:4px;position:relative}.phone-minimap .pin{background:var(--color-accent);border-radius:50%;width:7px;height:7px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #23a3e573}.phone-timeline{z-index:3;background:#0f172aeb;border-radius:999px;justify-content:center;gap:3px;padding:4px;display:flex;position:absolute;bottom:8%;left:8%;right:8%}.phone-timeline .btn{color:#fff9;font:600 9px/1 var(--font-body);white-space:nowrap;border-radius:999px;padding:5px 10px}.phone-timeline .btn.active{background:var(--color-accent);color:#fff}.phone-hotspot{background:var(--color-accent);z-index:3;border:2px solid #fff;border-radius:50%;width:14px;height:14px;animation:2.4s ease-out infinite mockup-pulse;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 #23a3e58c}.mockup-ba{border-radius:var(--radius);aspect-ratio:21/7;grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.mockup-ba>div{border-radius:var(--radius);background-position:50%;background-size:cover;background-color:var(--color-ink);position:relative;overflow:hidden;box-shadow:0 8px 24px -8px #0f172a52}.mockup-ba>div:after{content:"";pointer-events:none;background:linear-gradient(#0000 50%,#0f172a99 100%);position:absolute;inset:0}.mockup-ba>div .label{color:#fff;font:600 10px/1 var(--font-display);z-index:2;letter-spacing:.06em;text-transform:uppercase;background:#0f172aeb;border-radius:999px;padding:6px 10px;position:absolute;bottom:10px;left:10px}.mockup-ba>div .stage-num{background:var(--color-accent);color:#fff;width:22px;height:22px;font:700 12px/22px var(--font-display);text-align:center;z-index:2;border-radius:50%;position:absolute;top:10px;right:10px}@media (width<=720px){.mockup-minimap{width:38%}.mockup-timeline-strip .btn-mini{padding:5px 10px;font-size:10px}.mockup-ba{aspect-ratio:auto;grid-template-columns:1fr;gap:8px}.mockup-ba>div{aspect-ratio:16/9}}.showcase-grid{gap:var(--space-6);grid-template-columns:1.7fr 1fr;align-items:center;display:grid}@media (width<=880px){.showcase-grid{grid-template-columns:1fr}.mockup-phone{width:180px}}