:root{color-scheme:light;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--color-bg: #f4f7fc;--color-surface: #ffffff;--color-surface-soft: #f8faff;--color-surface-alt: #f0f4fb;--color-border: #d7e1f2;--color-text: #14233f;--color-text-muted: #4f6384;--color-brand: #3d72f4;--color-brand-dark: #2e63eb;--color-brand-soft: #e8efff;--shadow-soft: 0 24px 48px -36px rgba(19, 48, 98, .55);--shadow-browser: 0 32px 64px -24px rgba(19, 48, 98, .22), 0 0 0 1px rgba(0, 0, 0, .04);background:var(--color-bg);color:var(--color-text)}html{scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--color-text);background:radial-gradient(circle at top right,rgba(61,114,244,.14),transparent 44%),radial-gradient(circle at top left,rgba(127,166,255,.18),transparent 38%),var(--color-bg)}a{color:inherit;text-decoration:none}.page{max-width:1280px;margin:0 auto;padding:0 1.75rem}.announce-bar{margin:0 -1.75rem;padding:.5rem 1.75rem;background:linear-gradient(90deg,#3d72f40f,#3d72f41c 50%,#3d72f40f);border-bottom:1px solid rgba(61,114,244,.18);display:flex;align-items:center;justify-content:center;gap:.55rem;font-size:.835rem;color:var(--color-text-muted);text-align:center;line-height:1.5}.announce-bar strong{color:var(--color-text);font-weight:600}.announce-dot{width:6px;height:6px;border-radius:50%;background:var(--color-brand);flex-shrink:0}.header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem;margin:0 -1.75rem;position:sticky;top:0;z-index:10;background:#f4f7fce0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--color-border)}.brand{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700;letter-spacing:.01em;color:var(--color-text)}.brand-icon{display:inline-flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;border-radius:.45rem;background:var(--color-brand);color:#fff;flex-shrink:0}.header-nav{display:flex;align-items:center;gap:.95rem}.header-link{color:var(--color-text-muted);font-weight:500;transition:color .2s ease}.header-link:hover,.header-link:focus-visible{color:var(--color-text)}.lang-picker{position:relative}.lang-picker-trigger{display:flex;align-items:center;gap:4px;background:transparent;border:none;cursor:pointer;padding:4px 6px;border-radius:6px;color:var(--color-text-muted);transition:background .15s ease,color .15s ease;line-height:1}.lang-picker-trigger:hover{background:var(--color-surface-alt);color:var(--color-text)}.lang-picker-flag{font-size:18px;line-height:1;display:block}.lang-picker-chevron{transition:transform .18s ease;flex-shrink:0}.lang-picker-chevron--open{transform:rotate(180deg)}.lang-picker-dropdown{position:absolute;top:calc(100% + 6px);right:0;list-style:none;margin:0;padding:4px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;box-shadow:0 8px 24px -4px #13306224,0 0 0 1px #0000000a;min-width:148px;z-index:100}.lang-picker-dropdown li{margin:0;padding:0}.lang-picker-option{display:flex;align-items:center;gap:10px;width:100%;background:transparent;border:none;cursor:pointer;font-family:inherit;font-size:.875rem;color:var(--color-text-muted);padding:7px 10px;border-radius:7px;text-align:left;transition:background .12s ease,color .12s ease}.lang-picker-option:hover{background:var(--color-surface-alt);color:var(--color-text)}.lang-picker-option--active{color:var(--color-text);font-weight:500}.lang-picker-option-flag{font-size:17px;line-height:1;flex-shrink:0}.lang-picker-option-name{flex:1}.lang-picker-check{color:var(--color-brand);flex-shrink:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.1rem;border-radius:.6rem;border:1px solid var(--color-brand);background:var(--color-brand);color:#fff;font-weight:600;font-size:.95rem;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.button:hover,.button:focus-visible{background:var(--color-brand-dark);border-color:var(--color-brand-dark);box-shadow:0 4px 14px -4px #3d72f480}.button-small{padding:.45rem .85rem;font-size:.875rem}.button-ghost{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.button-ghost:hover,.button-ghost:focus-visible{background:var(--color-surface-soft);border-color:#bfd2f7;box-shadow:none}.eyebrow{margin:0;color:var(--color-brand);font-weight:700;letter-spacing:.09em;text-transform:uppercase;font-size:.74rem}h1{margin:.85rem 0 1rem;font-size:clamp(2.4rem,5.5vw,3.6rem);line-height:1.06;letter-spacing:-.02em}.hero-text{margin:0;max-width:58ch;color:var(--color-text-muted);font-size:1.08rem;line-height:1.7}.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.75rem}.section-kicker{margin:0;color:var(--color-brand);text-transform:uppercase;letter-spacing:.09em;font-size:.74rem;font-weight:700}.section-heading h2{margin:.4rem 0 0;font-size:1.5rem;letter-spacing:-.01em}.hero-full{display:flex;flex-direction:column;align-items:center;text-align:center;padding:5.5rem 0 0;gap:3.5rem}.hero-full-content{display:flex;flex-direction:column;align-items:center;max-width:680px;opacity:0;transform:translateY(28px);transition:opacity .85s ease,transform .85s ease;transition-delay:.05s}.hero-full.is-visible .hero-full-content{opacity:1;transform:translateY(0)}.hero-full .hero-text{max-width:56ch}.hero-full .hero-actions{justify-content:center}.hero-browser{width:100%;opacity:0;transform:translateY(36px) perspective(1600px) rotateX(3deg);transform-origin:top center;transition:opacity .95s ease,transform .95s ease;transition-delay:.3s}.hero-full.is-visible .hero-browser{opacity:1;transform:translateY(0) perspective(1600px) rotateX(3deg)}.feature-section{padding:5rem 0;display:flex;align-items:center;border-top:1px solid var(--color-border);scroll-margin-top:5rem}.feature-section--alt{background:linear-gradient(180deg,var(--color-surface-alt) 0%,transparent 100%)}.feature-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:3.5rem;align-items:center;width:100%}.feature-layout--left .feature-text{order:2}.feature-layout--left .feature-browser{order:1}.feature-layout--right{grid-template-columns:1fr 1.6fr}.feature-text{opacity:0;transform:translate(-28px);transition:opacity .7s ease,transform .7s ease;transition-delay:.1s}.feature-layout--left .feature-text{transform:translate(28px)}.feature-browser{opacity:0;transform:translate(28px);transition:opacity .7s ease,transform .7s ease;transition-delay:.25s}.feature-layout--left .feature-browser{transform:translate(-28px)}.feature-section.is-visible .feature-text,.feature-section.is-visible .feature-browser{opacity:1;transform:translate(0)}.feature-text h2{margin:.55rem 0 1.1rem;font-size:clamp(1.55rem,3vw,2.15rem);line-height:1.2;letter-spacing:-.02em}.feature-description{margin:0;color:var(--color-text-muted);font-size:1.05rem;max-width:46ch;line-height:1.75}.fake-browser{border-radius:.85rem;overflow:hidden;border:1px solid var(--color-border);box-shadow:var(--shadow-browser);background:var(--color-surface)}.fake-browser-bar{display:flex;align-items:center;gap:.7rem;padding:.65rem 1rem;background:#edf0f5;border-bottom:1px solid var(--color-border)}.fake-browser-dots{display:flex;gap:.4rem;flex-shrink:0}.dot{width:.7rem;height:.7rem;border-radius:50%}.dot-red{background:#ff5f56}.dot-yellow{background:#ffbd2e}.dot-green{background:#27c93f}.fake-browser-nav{display:flex;gap:.3rem;color:#b0b9c8;flex-shrink:0}.fake-browser-url{flex:1;display:flex;align-items:center;gap:.4rem;padding:.3rem .75rem;background:var(--color-surface);border-radius:.45rem;border:1px solid var(--color-border);color:var(--color-text-muted);font-size:.8rem;min-width:0}.fake-browser-url span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fake-browser-content{min-height:440px;background:linear-gradient(rgba(61,114,244,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(61,114,244,.028) 1px,transparent 1px),var(--color-surface-soft);background-size:28px 28px;display:flex;align-items:center;justify-content:center}.fake-browser-content--screenshot{min-height:unset;background:none;display:block;padding:0}.fake-browser-screenshot{display:block;width:100%;height:auto}.fake-browser-placeholder{display:flex;flex-direction:column;align-items:center;gap:.7rem;color:#c8d2e4;font-size:.85rem;font-weight:500;letter-spacing:.01em;-webkit-user-select:none;user-select:none;text-align:center}.platforms-section{padding:5rem 0;border-top:1px solid var(--color-border)}.platforms{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-top:1.4rem}.platform-card{display:flex;flex-direction:column;gap:.75rem;padding:1.4rem;border:1px solid var(--color-border);border-radius:.9rem;background:var(--color-surface);box-shadow:0 10px 28px -22px #1c438580;transition:box-shadow .2s ease,border-color .2s ease}.platform-card:hover{border-color:#c0d4f7;box-shadow:0 14px 32px -18px #1c438566}.platform-header{display:flex;align-items:center;gap:.65rem}.platform-icon{display:inline-flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border-radius:.65rem;background:var(--color-brand-soft);color:var(--color-brand);flex-shrink:0}.platform-badge{display:inline-flex;align-items:center;padding:.18rem .55rem;border-radius:99px;font-size:.75rem;font-weight:600;letter-spacing:.01em;line-height:1.4}.platform-badge--recommended{background:#e6f0ff;color:var(--color-brand);border:1px solid #c5d9fb}.platform-badge--wip{background:#f5f5f5;color:#888;border:1px solid #e0e0e0}.platform-body{flex:1}.platform-body h3{margin:0 0 .35rem;font-size:1.02rem}.platform-body p{margin:0;color:var(--color-text-muted);font-size:.96rem}.platform-cta{align-self:flex-start;font-size:.9rem}.platform-cta--disabled{opacity:.4;cursor:default;pointer-events:none}.download{margin:2rem 0 3.5rem;padding:2rem 2.25rem;border-radius:1.1rem;border:1px solid #bfd0f5;background:linear-gradient(130deg,var(--color-brand-soft),#f8faff 40%,var(--color-surface))}.download h2{margin:0;font-size:1.55rem;letter-spacing:-.01em}.download p{margin:.7rem 0 0;max-width:58ch;color:var(--color-text-muted);font-size:1rem;line-height:1.65}.footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem 1.5rem;padding:1.25rem 0 2rem;border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:.9rem}.footer-brand{font-weight:700;color:var(--color-text);font-size:.95rem}.footer-links{display:flex;gap:1.25rem}.footer-copy{margin-left:auto}.footer a{color:var(--color-text-muted)}.footer a:hover,.footer a:focus-visible{color:var(--color-brand-dark)}a:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px;border-radius:.4rem}@media(max-width:960px){.feature-layout{grid-template-columns:1fr;gap:2rem}.feature-layout--left .feature-text,.feature-layout--left .feature-browser{order:unset}.feature-section{padding:3.5rem 0}.feature-text,.feature-browser,.feature-layout--left .feature-text,.feature-layout--left .feature-browser{transform:translateY(24px)}.feature-section.is-visible .feature-text,.feature-section.is-visible .feature-browser{transform:translateY(0)}}@media(max-width:740px){.announce-bar{margin:0 -1.1rem;padding-left:1.1rem;padding-right:1.1rem;font-size:.79rem}.header{padding:.75rem 1.1rem;margin:0 -1.1rem}.page{padding:0 1.1rem}.hero-full{padding-top:3.5rem;gap:2.5rem}h1{font-size:clamp(2rem,9.5vw,2.8rem)}.hero-browser{transform:none!important}.fake-browser-content{min-height:240px}.download{padding:1.5rem}.footer-copy{margin-left:0}}.welcome-hero{text-align:center;padding:4rem 0 1.5rem;max-width:720px;margin:0 auto;opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.welcome-hero.is-visible{opacity:1;transform:translateY(0)}.welcome-hero h1{font-size:clamp(2rem,4.5vw,3rem)}.welcome-hero .hero-text{margin:1rem auto 0;max-width:54ch}.pin-callout{position:relative;margin:2.5rem 0 3rem;padding:2rem 2.25rem;border-radius:1.2rem;border:1px solid #bfd0f5;background:linear-gradient(130deg,var(--color-brand-soft),#f8faff 55%,var(--color-surface));overflow:visible}.pin-callout-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;align-items:center;position:relative;z-index:2}.pin-callout-body h2{margin:.45rem 0 .85rem;font-size:clamp(1.35rem,2.4vw,1.85rem);letter-spacing:-.01em;line-height:1.25}.pin-callout-text{margin:0;color:var(--color-text-muted);font-size:1.02rem;line-height:1.7}.pin-callout-text strong{color:var(--color-text);font-weight:600}.pin-callout-hint{margin:.8rem 0 0;color:var(--color-text-muted);font-size:.88rem;font-style:italic}.pin-inline-icon{display:inline-block;vertical-align:-3px;color:var(--color-brand);margin:0 .1rem}.pin-callout-visual{display:flex;justify-content:flex-end}.start-callout{margin:0 0 3rem;padding:2rem 2.25rem;border-radius:1.2rem;border:1px solid var(--color-border);background:var(--color-surface)}.start-callout-inner{display:grid;grid-template-columns:1fr 1.4fr;gap:2.5rem;align-items:center}.start-callout-body h2{margin:.45rem 0 .85rem;font-size:clamp(1.35rem,2.4vw,1.85rem);letter-spacing:-.01em;line-height:1.25}.start-callout-text{margin:0;color:var(--color-text-muted);font-size:1.02rem;line-height:1.7}.start-callout-visual{min-width:0}.overlay-callout{margin:0 0 3rem;padding:2rem 2.25rem;border-radius:1.2rem;border:1px solid var(--color-border);background:var(--color-surface)}.overlay-callout-inner{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center}.overlay-callout-visual{min-width:0}.overlay-callout-body h2{margin:.45rem 0 .85rem;font-size:clamp(1.35rem,2.4vw,1.85rem);letter-spacing:-.01em;line-height:1.25}.overlay-callout-text{margin:0;color:var(--color-text-muted);font-size:1.02rem;line-height:1.7}.pin-toolbar{position:relative;width:100%;max-width:320px;padding:.75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:.9rem;box-shadow:var(--shadow-soft)}.pin-toolbar-row{display:flex;align-items:center;justify-content:flex-end;gap:.45rem;padding-bottom:.65rem;border-bottom:1px solid var(--color-border)}.pin-toolbar-icon{display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;border-radius:.45rem}.pin-toolbar-icon--muted{background:var(--color-surface-alt);color:#a8b4cb}.pin-toolbar-icon--highlight{background:var(--color-brand-soft);color:var(--color-brand);box-shadow:0 0 0 2px #3d72f459;animation:pin-pulse 2s ease-in-out infinite}@keyframes pin-pulse{0%,to{box-shadow:0 0 0 2px #3d72f459}50%{box-shadow:0 0 0 5px #3d72f426}}.pin-toolbar-popover{margin-top:.75rem;padding:.55rem .25rem}.pin-toolbar-popover-title{padding:0 .55rem .5rem;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.pin-toolbar-popover-row{display:flex;align-items:center;gap:.55rem;padding:.45rem .55rem;border-radius:.5rem;font-size:.85rem;color:var(--color-text)}.pin-toolbar-popover-row--target{background:var(--color-brand-soft)}.pin-toolbar-brand{display:inline-flex;align-items:center;justify-content:center;width:1.4rem;height:1.4rem;border-radius:.35rem;background:var(--color-brand);color:#fff;flex-shrink:0}.pin-toolbar-brand--muted{background:var(--color-surface-alt);color:#a8b4cb}.pin-toolbar-name{flex:1;font-weight:500}.pin-toolbar-name--muted{color:var(--color-text-muted);font-weight:400}.pin-toolbar-pin{color:var(--color-brand);animation:pin-pulse 2s ease-in-out infinite}.pin-toolbar-pin--muted{color:#c6d0e2;animation:none}.welcome-steps{padding:3rem 0 2rem;border-top:1px solid var(--color-border);opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.welcome-steps.is-visible{opacity:1;transform:translateY(0)}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:1.4rem}.step-card{display:flex;flex-direction:column;gap:.55rem;padding:1.3rem 1.35rem;border:1px solid var(--color-border);border-radius:.9rem;background:var(--color-surface);box-shadow:0 10px 28px -22px #1c438580;transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease}.step-card:hover{border-color:#c0d4f7;box-shadow:0 14px 32px -18px #1c438566;transform:translateY(-2px)}.step-card-header{display:flex;align-items:center;justify-content:space-between}.step-badge{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--color-brand);color:#fff;font-size:.85rem;font-weight:700}.step-icon{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:.65rem;background:var(--color-brand-soft);color:var(--color-brand)}.step-card h3{margin:.4rem 0 0;font-size:1.05rem;letter-spacing:-.005em}.step-card p{margin:0;color:var(--color-text-muted);font-size:.95rem;line-height:1.6}.welcome-cta{margin:2rem 0 3.5rem;padding:2rem 2.25rem;border-radius:1.1rem;border:1px solid var(--color-border);background:var(--color-surface);text-align:center}.welcome-cta h2{margin:0;font-size:1.55rem;letter-spacing:-.01em}.welcome-cta p{margin:.7rem auto 0;max-width:54ch;color:var(--color-text-muted);font-size:1rem;line-height:1.65}.welcome-cta .hero-actions{justify-content:center}@media(max-width:900px){.pin-callout{padding:1.75rem 1.5rem}.pin-callout-inner{grid-template-columns:1fr;gap:1.75rem}.pin-callout-visual{justify-content:center}.start-callout{padding:1.75rem 1.5rem}.start-callout-inner{grid-template-columns:1fr;gap:1.75rem}.overlay-callout{padding:1.75rem 1.5rem}.overlay-callout-inner{grid-template-columns:1fr;gap:1.75rem}}@media(prefers-reduced-motion:reduce){.pin-toolbar-icon--highlight,.pin-toolbar-pin{animation:none}.welcome-hero,.welcome-steps{transition:none}}