:root{--ink: #0a0a0b;--ink-soft: #2b2b30;--muted: #6b6b73;--line: rgba(10, 10, 11, .1);--line-strong: rgba(10, 10, 11, .18);--paper: #fafaf7;--surface: #ffffff;--soft: #f1f0ec;--accent: #2545ff;--accent-dark: #1a36cc;--accent-soft: rgba(37, 69, 255, .1);--sans: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;--display: var(--sans);--mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}html{background:var(--paper);color:var(--ink);scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--sans);font-size:16px;line-height:1.55;background:radial-gradient(60% 50% at 90% -10%,rgba(37,69,255,.08),transparent 70%),var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}a{color:inherit}img{max-width:100%;display:block}.wrap{max-width:1200px;margin:0 auto;padding:0 28px}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;padding:6px 12px 6px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font:500 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase}.eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px #2545ff2e}.top{position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line);background:color-mix(in oklab,var(--paper) 88%,transparent);backdrop-filter:saturate(140%) blur(14px);-webkit-backdrop-filter:saturate(140%) blur(14px)}.nav-inner{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font:600 17px/1 var(--display);letter-spacing:-.01em;white-space:nowrap;color:var(--ink)}.brand-mark{width:26px;height:26px;border-radius:7px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:transparent}.brand-mark img{width:100%;height:100%;object-fit:contain;display:block;user-select:none;-webkit-user-drag:none}.brand-text{display:inline-flex;align-items:baseline;gap:6px}.brand-text-soft{color:var(--muted);font-weight:500}.nav-links{display:flex;align-items:center;gap:28px;color:var(--muted);font-size:14px}.nav-links a{text-decoration:none;transition:color .18s ease}.nav-links a:hover{color:var(--ink)}.nav-actions{display:flex;align-items:center;gap:12px}.locale-select{position:relative;display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font:500 13px/1 var(--mono);background:#fff9;transition:border-color .18s ease,color .18s ease}.locale-select:hover{border-color:var(--line-strong);color:var(--ink)}.locale-select select{position:absolute;inset:0;opacity:0;cursor:pointer}.button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 18px;border-radius:999px;border:1px solid transparent;text-decoration:none;font-weight:500;font-size:14px;letter-spacing:-.005em;white-space:nowrap;transition:transform .16s ease,background .18s ease,border-color .18s ease,color .18s ease}.button:active{transform:translateY(1px) scale(.99)}.button-primary{background:var(--ink);color:var(--paper);box-shadow:inset 0 1px #ffffff14}.button-primary:hover{background:var(--accent)}.button-quiet{border-color:var(--line);color:var(--ink);background:transparent}.button-quiet:hover{border-color:var(--ink)}.button-large{min-height:50px;padding:0 24px;font-size:15px}section{padding:96px 0}.hero{padding:56px 0 80px}.hero-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(380px,5fr);gap:64px;align-items:center}.hero h1{margin:0;max-width:780px;font-family:var(--display);font-weight:500;font-size:clamp(48px,7.4vw,96px);line-height:.96;letter-spacing:-.025em}.hero h1 em{font-style:normal;color:var(--accent);font-weight:500}.hero-body{max-width:540px;margin:24px 0 0;color:var(--muted);font-size:19px;line-height:1.5}.hero-actions{display:flex;align-items:center;gap:12px;margin-top:32px;flex-wrap:wrap}.proof-row{list-style:none;margin:36px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 12px}.proof-row li{padding:7px 12px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font:500 12px/1 var(--mono);letter-spacing:.02em;background:#ffffff8c}.hero-canvas{position:relative;aspect-ratio:16 / 11;border-radius:28px;overflow:hidden;border:1px solid var(--line);background:radial-gradient(70% 60% at 30% 0%,rgba(37,69,255,.08),transparent 70%),var(--paper);box-shadow:0 30px 70px -30px #0a0a0b2e,inset 0 1px #fff9;isolation:isolate}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:0;background:var(--paper)}.canvas-status,.canvas-share{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;font:500 12px/1 var(--mono);letter-spacing:.02em;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.canvas-status{top:16px;left:16px;border:1px solid var(--line);background:#fafaf7db;color:var(--ink)}.canvas-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:pulse-soft 1.6s ease-in-out infinite}.canvas-share{bottom:16px;right:16px;background:#0a0a0bc7;color:#fff}.canvas-share span{color:#ffffff8c}.canvas-grain{position:absolute;inset:0;z-index:1;pointer-events:none;background-image:radial-gradient(rgba(10,10,11,.04) 1px,transparent 1px);background-size:3px 3px;mix-blend-mode:multiply}@keyframes pulse-soft{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.marquee{overflow:hidden;border-block:1px solid var(--line);padding:18px 0;background:linear-gradient(180deg,rgba(37,69,255,.04),transparent)}.marquee-track{display:flex;gap:56px;width:max-content;animation:marquee 36s linear infinite}.marquee span{font:500 13px/1 var(--mono);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;position:relative;padding-inline-end:56px}.marquee span:after{content:"";position:absolute;inset-inline-end:0;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--accent);opacity:.6}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.marquee-track{animation-duration:120s}.canvas-dot{animation:none}.hero-video,.final-video{display:none}}.split-head{display:grid;grid-template-columns:minmax(0,.95fr) minmax(280px,.75fr);gap:38px;align-items:end;margin-bottom:48px}.split-head h2,.faq h2,.final h2{margin:0;font-family:var(--display);font-weight:500;line-height:1.02;letter-spacing:-.025em;font-size:clamp(36px,4.6vw,60px)}.split-head>p,.faq-grid>div>p{margin:0;color:var(--muted);font-size:17px;max-width:56ch}.zigzag{display:grid;gap:96px}.zig{display:grid;grid-template-columns:repeat(12,1fr);gap:40px;align-items:center}.zig-copy{grid-column:1 / span 5}.zig-asset{grid-column:7 / span 6}.zig:nth-child(2n) .zig-copy{grid-column:8 / span 5}.zig:nth-child(2n) .zig-asset{grid-column:1 / span 6;grid-row:1}.zig-index{display:inline-block;margin-bottom:18px;color:var(--accent);font:500 12px/1 var(--mono);letter-spacing:.08em}.zig-copy h3{margin:0 0 16px;font-family:var(--display);font-weight:500;font-size:clamp(28px,3.4vw,40px);line-height:1.06;letter-spacing:-.022em}.zig-copy p{margin:0;color:var(--muted);font-size:17px;max-width:50ch}.zig-asset{position:relative}.zig-asset img{width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;border-radius:24px;border:1px solid var(--line);background:var(--soft)}.zig-asset-tag{position:absolute;top:16px;left:16px;padding:6px 10px;border-radius:999px;background:#fafaf7eb;color:var(--ink);font:500 11px/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--line)}.bento{padding-top:0}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.bento-card{position:relative;border:1px solid var(--line);border-radius:28px;background:var(--surface);padding:28px;overflow:hidden;isolation:isolate;box-shadow:0 12px 40px -28px #0a0a0b29;display:flex;flex-direction:column;gap:24px;min-height:260px}.bento-stream,.bento-skills,.bento-share{grid-column:span 4}.bento-sync{grid-column:span 8;min-height:260px}.bento-privacy{grid-column:span 4;min-height:260px}.bento-head{display:flex;flex-direction:column;gap:10px}.bento-tag{display:inline-flex;align-self:flex-start;padding:4px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.bento-card h3{margin:0;font-family:var(--display);font-weight:500;font-size:22px;letter-spacing:-.018em;line-height:1.18}.bento-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.55;max-width:46ch}.bento-stream-bars{display:grid;gap:10px;align-self:stretch;margin-top:auto}.bento-stream-bars span{height:14px;width:var(--w);border-radius:8px;background:linear-gradient(90deg,var(--soft) 0%,rgba(37,69,255,.22) 45%,rgba(37,69,255,.05) 60%,var(--soft) 100%);background-size:220% 100%;animation:shimmer 2.4s ease-in-out infinite;animation-delay:var(--d)}@keyframes shimmer{0%{background-position:220% 0}to{background-position:-120% 0}}.bento-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.bento-chips span{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid var(--line);color:var(--muted);font:500 12px/1 var(--mono);background:var(--paper)}.bento-chips .active{border-color:transparent;background:var(--ink);color:var(--paper);animation:chip-pop 4.8s ease-in-out infinite}.bento-chips .active small{margin-inline-start:4px;color:var(--accent);font-size:10px}@keyframes chip-pop{0%,90%,to{transform:translateY(0)}45%,55%{transform:translateY(-2px)}}.bento-url{display:flex;flex-direction:column;gap:10px;margin-top:auto}.bento-url-pill{display:inline-flex;align-items:center;padding:12px 16px;border-radius:14px;border:1px dashed rgba(37,69,255,.45);background:var(--accent-soft);color:var(--accent);font:500 13px/1 var(--mono);letter-spacing:.01em}.bento-url-meta{color:var(--muted);font:500 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase}.bento-sync .bento-head{gap:12px}.bento-devices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:auto}.device{position:relative;display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--paper)}.device i{width:100%;aspect-ratio:16 / 10;border-radius:8px;background:linear-gradient(135deg,#2545ff2e,#2545ff0a);border:1px solid var(--line);position:relative;overflow:hidden}.device i:after{content:"";position:absolute;inset:8px;border-radius:4px;background:linear-gradient(180deg,rgba(10,10,11,.06) 0 1.5px,transparent 1.5px) 0 0/100% 8px}.device-tablet i{aspect-ratio:4 / 5}.device-phone i{aspect-ratio:9 / 16}.device b{font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.device:before{content:"";position:absolute;top:12px;right:12px;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 var(--accent);animation:ping 2.4s cubic-bezier(0,0,.2,1) infinite}.device-tablet:before{animation-delay:.6s}.device-phone:before{animation-delay:1.2s}@keyframes ping{0%{box-shadow:0 0 #2545ff73}70%{box-shadow:0 0 0 10px #2545ff00}to{box-shadow:0 0 #2545ff00}}.bento-privacy{background:var(--ink);color:var(--paper);border-color:#ffffff14}.bento-privacy h3{color:var(--paper)}.bento-privacy p{color:#ffffff9e}.bento-privacy .bento-tag{background:#2545ff38;color:#b9c5ff}.bento-lock{margin-top:auto;align-self:flex-end;width:56px;height:56px;color:var(--accent);color:#b9c5ff}.bento-lock svg{width:100%;height:100%}.pricing{background:linear-gradient(180deg,transparent,var(--soft) 30%,var(--soft))}.pricing-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:32px;padding:5px;border:1px solid var(--line);border-radius:14px;background:#ffffffb3}.pricing-switch button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border:0;border-radius:10px;background:transparent;color:var(--muted);font:500 14px var(--sans);letter-spacing:-.005em;cursor:pointer;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.pricing-switch button:hover{color:var(--ink)}.pricing-switch button.active{background:var(--surface);color:var(--ink);box-shadow:0 8px 24px -16px #0a0a0b40}.pricing-groups{display:grid;gap:34px}.pricing-group[hidden]{display:none}.pricing-group{display:grid;gap:18px}.pricing-group-head{display:grid;grid-template-columns:minmax(160px,.34fr) minmax(0,1fr);align-items:end;gap:18px}.pricing-group-head h3{margin:0;font-size:26px;line-height:1.1;font-weight:500;letter-spacing:-.018em}.pricing-group-head p{margin:0;color:var(--muted)}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.price-card{position:relative;padding:28px;min-height:540px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:24px;background:var(--surface)}.price-card.featured{border-color:#2545ff6b;background:radial-gradient(80% 60% at 0% 0%,rgba(37,69,255,.07),transparent 60%),var(--surface);box-shadow:0 20px 60px -32px #2545ff52}.popular{position:absolute;top:18px;inset-inline-end:18px;padding:5px 10px;border-radius:999px;color:#fff;background:var(--accent);font:500 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase}.tier-head p{margin:0;color:var(--muted);font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.tier-head h4{margin:6px 0 4px;font-family:var(--display);font-weight:500;font-size:22px;letter-spacing:-.018em}.tier-head span{color:var(--accent);font:500 12px var(--mono)}.price{margin-top:24px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.price strong{font-family:var(--display);font-weight:500;font-size:52px;letter-spacing:-.025em;line-height:1}.price span{color:var(--muted);font:500 13px var(--mono)}.price s{color:var(--muted);font-size:14px;text-decoration-thickness:1.5px}.price-note{margin:-2px 0 12px;color:var(--muted);font-size:13px}.tier-desc{min-height:64px;margin:14px 0;color:var(--muted)}.units{padding:14px;border-radius:14px;background:var(--soft);border:1px solid var(--line)}.units b{display:block;font-family:var(--display);font-weight:500;font-size:22px;letter-spacing:-.018em;line-height:1}.units span{color:var(--muted);font:500 12px var(--mono)}.price-card ul{display:grid;gap:10px;margin:22px 0;padding:0;list-style:none}.price-card li{position:relative;padding-inline-start:22px;color:var(--muted);font-size:14px;line-height:1.5}.price-card li:before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:8px;height:8px;border-radius:50%;background:var(--accent)}.price-card .button{margin-top:auto;width:100%}.faq-grid{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1fr);gap:56px}.faq-list{display:grid;gap:12px}.faq-list details{border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:20px 22px;transition:border-color .18s ease}.faq-list details[open]{border-color:var(--line-strong)}.faq-list summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;font-weight:500;font-size:17px;letter-spacing:-.005em;color:var(--ink)}.faq-list summary::-webkit-details-marker{display:none}.faq-mark{position:relative;width:14px;height:14px;flex:0 0 14px}.faq-mark:before,.faq-mark:after{content:"";position:absolute;top:50%;left:0;width:100%;height:1.5px;background:var(--ink);transition:transform .18s ease}.faq-mark:after{transform:rotate(90deg)}details[open] .faq-mark:after{transform:rotate(0)}.faq-list p{margin:12px 0 0;color:var(--muted);line-height:1.6}.final{padding:56px 0 96px}.final-frame{position:relative;border-radius:36px;overflow:hidden;isolation:isolate;border:1px solid var(--line);background:var(--surface)}.final-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.7}.final-veil{position:absolute;inset:0;z-index:1;background:radial-gradient(60% 60% at 20% 10%,rgba(255,255,255,.55),transparent 60%),linear-gradient(135deg,#fafaf766,#2545ff1a)}.final-inner{position:relative;z-index:2;padding:96px 56px;max-width:880px}.final h2{margin:0;font-size:clamp(40px,5vw,64px);line-height:1;letter-spacing:-.025em;font-weight:500;color:var(--ink)}.final p{margin:18px 0 32px;max-width:540px;font-size:17px;color:var(--ink-soft)}.site-footer{border-top:1px solid var(--line);background:var(--paper)}.footer-inner{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding-block:24px}.footer-brand{display:inline-flex;align-items:center;gap:10px;font:500 15px var(--display);letter-spacing:-.005em}.footer-inner nav{display:flex;flex-wrap:wrap;gap:24px;color:var(--muted);font-size:14px}.footer-inner a{text-decoration:none;transition:color .18s ease}.footer-inner a:hover{color:var(--ink)}[dir=rtl] .nav-inner,[dir=rtl] .hero-grid,[dir=rtl] .split-head,[dir=rtl] .faq-grid{direction:rtl}[dir=rtl] .marquee-track{animation-direction:reverse}@media(max-width:1024px){.hero-grid{grid-template-columns:1fr;gap:48px}.hero-canvas{max-width:640px;width:100%}.zig,.zig:nth-child(2n){grid-template-columns:1fr;gap:28px}.zig-copy,.zig-asset,.zig:nth-child(2n) .zig-copy,.zig:nth-child(2n) .zig-asset{grid-column:1 / -1;grid-row:auto}.bento-grid>.bento-card,.bento-stream,.bento-skills,.bento-share,.bento-sync,.bento-privacy{grid-column:span 12}.pricing-grid,.pricing-group-head{grid-template-columns:1fr}.split-head{grid-template-columns:1fr;gap:18px}.faq-grid{grid-template-columns:1fr;gap:32px}.nav-links{display:none}}@media(min-width:768px)and (max-width:1024px){.bento-stream,.bento-skills{grid-column:span 6}.bento-share{grid-column:span 12}.bento-sync{grid-column:span 7}.bento-privacy{grid-column:span 5}}@media(max-width:640px){.wrap{padding:0 20px}section{padding:64px 0}.hero{padding:32px 0 48px}.nav-actions .button-primary{display:none}.locale-select{max-width:132px}.hero-actions .button{width:100%}.hero h1{font-size:38px;line-height:1.02;letter-spacing:-.02em;word-break:break-word;overflow-wrap:anywhere}.hero-body{font-size:17px}.split-head h2,.faq h2{font-size:32px}.price-card{min-height:auto}.final-inner{padding:56px 28px}.final h2{font-size:36px}.footer-inner{align-items:flex-start;flex-direction:column;gap:12px}.pricing-switch{grid-template-columns:1fr}}
