:root{color-scheme: dark;--ink: #0b0e17;--ink-2: #0f1421;--raised: #131a2a;--chip: #1a2234;--beam: #2e7bff;--beam-deep: #2150e6;--aqua: #26e0d0;--ultra: #9e73fa;--ultra-deep: #6f4ce8;--coral: #ff5c8a;--violet: #a86bf7;--mint: #22d39a;--indigo: #6a6cf5;--sky: #22b8ff;--text: #ffffff;--text-2: rgba(255,255,255,0.68);--text-3: rgba(255,255,255,0.46);--text-4: rgba(255,255,255,0.26);--hair: rgba(255,255,255,0.09);--hair-top: rgba(255,255,255,0.17);--link: #6fb0ff;--beam-grad: linear-gradient(120deg,#2e7bff,#26e0d0);--beam-btn: linear-gradient(135deg,#2e7bff,#2150e6);--glass: linear-gradient(180deg,rgba(20,26,42,0.92),rgba(9,12,20,0.94));--maxw: 1040px;--gutter: 22px;--radius-tile: 28px;--disp: ui-rounded,"SF Pro Rounded",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;--font: -apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue","Segoe UI",Roboto,Helvetica,Arial,sans-serif;--mono: ui-monospace,"SF Mono",SFMono-Regular,Menlo,monospace;--ease-out: cubic-bezier(0.22,1,0.36,1);--ease-spring: cubic-bezier(0.34,1.4,0.64,1);--ease-hand: cubic-bezier(0.45,0,0.25,1)}*,*::before,*::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;text-size-adjust: 100%;scroll-behavior: smooth;scroll-padding-top: 64px;background: var(--ink)}body{margin: 0;background: var(--ink);color: var(--text);font-family: var(--font);font-size: 17px;line-height: 1.47;letter-spacing: -0.016em;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;overflow-x: clip}img,svg{display: block;max-width: 100%}a{color: var(--link);text-decoration: none}a:hover{text-decoration: underline}:focus-visible{outline: 3px solid var(--aqua);outline-offset: 3px;border-radius: 6px}h1,h2,h3,p{margin: 0}kbd{font-family: var(--mono);font-size: 0.82em;padding: 0.1em 0.42em;border-radius: 0.36em;background: rgba(255,255,255,0.1);border: 1px solid rgba(255,255,255,0.22);color: #fff;white-space: nowrap}.visually-hidden{position: absolute !important;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0}.skip-link{position: absolute;left: 12px;top: -60px;z-index: 100;background: #fff;color: var(--ink);padding: 10px 16px;border-radius: 10px;font-size: 14px}.skip-link:focus{top: 12px}.wrap{max-width: var(--maxw);margin: 0 auto;padding: 0 var(--gutter)}.wrap-wide{max-width: 1180px;margin: 0 auto;padding: 0 var(--gutter)}.section{position: relative;padding: clamp(84px,11vw,150px) 0}.section-2{background: radial-gradient(900px 500px at 85% 0%,rgba(46,123,255,0.1),transparent 60%),var(--ink-2)}.section-glow{background: radial-gradient(1000px 600px at 50% -10%,rgba(46,123,255,0.16),transparent 60%),radial-gradient(800px 500px at 0% 110%,rgba(38,224,208,0.08),transparent 60%),var(--ink)}.eyebrow{font-family: var(--disp);font-weight: 800;font-size: 13px;letter-spacing: 0.14em;text-transform: uppercase;color: var(--aqua);margin-bottom: 14px}.headline{font-family: var(--disp);font-size: clamp(40px,6vw,70px);line-height: 1.04;font-weight: 800;letter-spacing: -0.025em;text-wrap: balance}.subhead{font-size: clamp(19px,1.9vw,23px);line-height: 1.42;font-weight: 500;color: var(--text-2);letter-spacing: -0.01em;max-width: 700px;margin-top: 22px;text-wrap: pretty}.subhead strong{color: var(--text);font-weight: 600}.center{text-align: center}.center .subhead{margin-left: auto;margin-right: auto}.beam-text{background: var(--beam-grad);-webkit-background-clip: text;background-clip: text;color: transparent;-webkit-box-decoration-break: clone;box-decoration-break: clone}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 6px;border-radius: 980px;background: var(--beam-btn);color: #fff;font-family: var(--disp);font-weight: 700;font-size: 16px;padding: 11px 22px;border: 1px solid rgba(255,255,255,0.24);box-shadow: 0 8px 18px -6px rgba(46,123,255,0.6),inset 0 1px 0 rgba(255,255,255,0.25);transition: filter 0.15s ease,transform 0.15s ease}.btn:hover{text-decoration: none;filter: brightness(1.08)}.btn:active{transform: scale(0.98)}.btn-sm{font-size: 12px;padding: 4px 13px;line-height: 1.5;box-shadow: 0 4px 10px -4px rgba(46,123,255,0.6)}.appstore-badge{display: inline-block;border-radius: 12px;transition: transform 0.2s var(--ease-out)}.appstore-badge img{height: 54px;width: auto}.appstore-badge:hover{transform: translateY(-1px)}.appstore-badge.badge-fallback{padding: 15px 26px;border-radius: 12px;background: #fff;color: #000;font-size: 17px;font-weight: 600;text-decoration: none}.cta-note{font-size: 14px;color: var(--text-3)}.lang-banner{position: relative;background: var(--raised);border-bottom: 1px solid var(--hair);font-size: 14px;line-height: 1.4;text-align: center;padding: 12px 52px}.lang-banner[hidden]{display: none}.lang-banner a{white-space: nowrap;margin-left: 4px}.lang-banner a::after{content: " ›"}.lang-banner-close{position: absolute;right: 12px;top: 50%;width: 30px;height: 30px;margin-top: -15px;border: 0;border-radius: 50%;background: transparent;color: var(--text-2);cursor: pointer;display: grid;place-items: center}.lang-banner-close:hover{background: rgba(255,255,255,0.08)}.lang-banner-close svg{width: 14px;height: 14px;fill: none;stroke: currentColor;stroke-width: 2.2;stroke-linecap: round}.nav{position: sticky;top: 0;z-index: 60;height: 52px;background: rgba(11,14,23,0.72);-webkit-backdrop-filter: saturate(180%) blur(20px);backdrop-filter: saturate(180%) blur(20px);border-bottom: 1px solid var(--hair)}.nav-inner{max-width: var(--maxw);height: 100%;margin: 0 auto;padding: 0 var(--gutter);display: flex;align-items: center;gap: 28px}.brand{display: inline-flex;align-items: center;gap: 9px;color: var(--text);font-family: var(--disp);font-size: 20px;font-weight: 800}.brand:hover{text-decoration: none}.brand img{width: 28px;height: 28px}.nav-links{margin: 0 0 0 auto;padding: 0;list-style: none;display: flex;gap: 24px;font-size: 12px}.nav-links a{color: var(--text-2)}.nav-links a:hover{color: #fff;text-decoration: none}@media (max-width: 780px){.nav-links{display: none}.nav-inner>.btn{margin-left: auto}}.hero{padding: clamp(52px,7vw,96px) 0 clamp(70px,9vw,120px);text-align: center;overflow: hidden;background: radial-gradient(1100px 700px at 82% -8%,rgba(46,123,255,0.18),transparent 60%),radial-gradient(900px 640px at 6% 108%,rgba(38,224,208,0.1),transparent 60%),var(--ink)}.hero-mark{position: relative;width: clamp(120px,14vw,168px);aspect-ratio: 1;margin: 0 auto 30px}.hero-mark img{position: relative;width: 100%;height: 100%;filter: drop-shadow(0 18px 30px rgba(33,80,230,0.55));animation: mark-breathe 4.4s ease-in-out infinite}.hero-mark .halo{position: absolute;inset: -40%;border-radius: 50%;background: radial-gradient(circle,rgba(46,123,255,0.42),transparent 62%);filter: blur(14px);animation: halo 4.4s ease-in-out infinite}.hero-mark .ring{position: absolute;border-radius: 50%;border: 2px dashed rgba(38,224,208,0.38);animation: spin 22s linear infinite}.hero-mark .ring.r1{inset: -18%}.hero-mark .ring.r2{inset: -34%;border-color: rgba(46,123,255,0.28);animation-direction: reverse;animation-duration: 30s}@keyframes spin{to{transform: rotate(360deg)}}@keyframes halo{50%{transform: scale(1.08);opacity: 0.8}}@keyframes mark-breathe{50%{transform: scale(1.02)}}.hero h1{display: flex;flex-direction: column;align-items: center;gap: 12px}.hero-name{font-family: var(--disp);font-size: clamp(24px,2.6vw,32px);font-weight: 800;color: var(--text)}.hero-title{font-family: var(--disp);font-size: clamp(50px,9vw,104px);line-height: 1;font-weight: 800;letter-spacing: -0.03em;text-wrap: balance}.hero .subhead{margin: 26px auto 0}.hero-cta{margin-top: 34px;display: flex;flex-direction: column;align-items: center;gap: 14px}.hero-visual{margin-top: clamp(52px,7vw,88px)}.device{max-width: 1080px;margin: 0 auto;padding: 0 var(--gutter)}.device-screen{width: 90%;margin: 0 auto;padding: clamp(5px,1.05%,13px);padding-bottom: clamp(7px,1.6%,20px);background: #050608;border-radius: clamp(12px,2.2%,26px) clamp(12px,2.2%,26px) 0 0;box-shadow: 0 0 0 1px #2c2f36,0 0 0 2px #6b6f78,0 40px 90px -30px rgba(46,123,255,0.45)}.device-screen .stage{border-radius: clamp(4px,0.8%,8px) clamp(4px,0.8%,8px) 0 0}.device-base{position: relative;height: clamp(9px,1.6vw,20px);width: 100%;background: linear-gradient(180deg,#8b8f97 0%,#5d616a 45%,#34373d 100%);border-radius: 2px 2px 50% 50% / 2px 2px 100% 100%}.device-base::before{content: "";position: absolute;left: 50%;top: 0;width: 15%;height: 42%;transform: translateX(-50%);background: linear-gradient(180deg,#4a4d54,#6c7079);border-radius: 0 0 10px 10px}@media (max-width: 700px){.device-screen{width: 100%}}.stage{--cols: 64;--rows: 40;--ox: 0;--oy: 0;position: relative;aspect-ratio: var(--cols) / var(--rows);overflow: hidden;background: #161d2e;isolation: isolate;user-select: none;-webkit-user-select: none}.stage-inner{position: absolute;left: 0;top: 0;width: 64em;height: 40em;font-size: 16px;line-height: 1.3;letter-spacing: 0;transform-origin: 0 0;transform: scale(var(--k,1)) translate(calc(var(--ox) * -1em),calc(var(--oy) * -1em));color: #fff}.stage-inner *{box-sizing: border-box}@media (max-width: 700px){#hero-stage{--cols: 44;--rows: 32;--ox: 4;--oy: 2}#editor-stage{--cols: 51;--rows: 40;--ox: 13;--oy: 0}#hero-stage .console{left: 31.5em;top: 17.5em}#hero-stage .pop-editor{left: 8em}#hero-stage .instr{bottom: 7.4em;left: 26em}#hero-stage .copied{bottom: 9.5em;left: 26em}}.desk{position: absolute;inset: 0;background: radial-gradient(60% 60% at 82% 10%,rgba(46,123,255,0.35),transparent 60%),radial-gradient(50% 60% at 8% 100%,rgba(38,224,208,0.18),transparent 60%),linear-gradient(135deg,#26324a,#161d2e)}.mbar{position: absolute;left: 0;right: 0;top: 0;height: 1.45em;display: flex;align-items: center;gap: 1.1em;padding: 0 0.9em;background: rgba(8,11,20,0.45);-webkit-backdrop-filter: blur(1em);backdrop-filter: blur(1em);z-index: 5}.mbar span{font-size: 0.6em;font-weight: 500;color: rgba(255,255,255,0.92);white-space: nowrap}.mbar .app{font-weight: 700}.mbar .right{margin-left: auto;display: flex;align-items: center;gap: 1em}.mbar .glyph{width: 0.85em;height: 0.85em;color: #fff}.mbar .glyph.on{color: var(--aqua);filter: drop-shadow(0 0 0.3em rgba(38,224,208,0.7))}.win{position: absolute;border-radius: 0.7em;overflow: hidden;box-shadow: 0 0 0 0.05em rgba(255,255,255,0.1),0 1.4em 3em rgba(0,0,0,0.45)}.lights{display: flex;gap: 0.4em}.lights i{width: 0.6em;height: 0.6em;border-radius: 50%;background: #ff5f57}.lights i:nth-child(2){background: #febc2e}.lights i:nth-child(3){background: #28c840}.browser{left: 4em;top: 3.6em;width: 40em;height: 30em;background: #f4f6fb;color: #1d2433}.browser .tbar{height: 2.4em;display: flex;align-items: center;gap: 1em;padding: 0 0.9em;background: #e3e8f3;border-bottom: 0.05em solid rgba(0,0,0,0.08)}.browser .url{flex: 1;height: 1.4em;margin: 0 4em;border-radius: 0.5em;background: #fff;display: grid;place-items: center;font-size: 0.55em;color: #59647d}.report{padding: 1.6em 2em}.report h5{margin: 0 0 0.2em;font: 700 1.2em/1.2 var(--font);color: #141a28}.report .sub{font-size: 0.62em;color: #6a7590}.chart{position: absolute;left: 2em;top: 7.2em;width: 21.5em;height: 12.8em;border-radius: 0.7em;background: #fff;box-shadow: 0 0.1em 0.4em rgba(20,30,60,0.12);padding: 1em 1.2em 0.9em;display: flex;flex-direction: column}.chart .ct{font-size: 0.62em;font-weight: 700;color: #2a3348}.chart .big{font: 800 1.5em/1.1 var(--disp);color: #141a28;margin-top: 0.15em}.chart .big b{font-size: 0.45em;color: #18a573;margin-left: 0.4em}.bars{flex: 1;display: flex;align-items: flex-end;gap: 0.5em;margin-top: 0.7em}.bars i{flex: 1;border-radius: 0.25em 0.25em 0.1em 0.1em;background: linear-gradient(180deg,#2e7bff,#2150e6)}.bars i:nth-child(odd){background: linear-gradient(180deg,#26e0d0,#12a8c8)}.side-col{position: absolute;left: 25em;top: 7.2em;width: 13em;display: grid;gap: 0.6em}.side-col .kpi{border-radius: 0.6em;background: #fff;padding: 0.7em 0.9em;box-shadow: 0 0.1em 0.4em rgba(20,30,60,0.1)}.side-col .kpi small{display: block;font-size: 0.5em;color: #6a7590}.side-col .kpi b{font: 800 1em/1.2 var(--disp);color: #141a28}.lines i{display: block;height: 0.42em;border-radius: 0.3em;background: #d5dbe8;margin-top: 0.55em}.console{position: absolute;left: 46.2em;top: 7.8em;width: 15.5em;transition: opacity 0.35s var(--ease-out),transform 0.45s var(--ease-out);z-index: 6}.console .card{border-radius: 1.4em;padding: 0.9em 0.9em 2.2em;background: radial-gradient(14em 10em at 0% 0%,rgba(46,123,255,0.18),transparent 60%),var(--glass);border: 0.06em solid var(--hair-top);box-shadow: 0 1.4em 3em rgba(0,0,0,0.55),inset 0 0.06em 0 rgba(255,255,255,0.05)}.console .hdr{display: flex;align-items: center;gap: 0.45em}.tile-ap{display: grid;place-items: center;border-radius: 0.36em;background: var(--beam-btn);box-shadow: 0 0.25em 0.6em rgba(46,123,255,0.5)}.tile-ap svg{width: 62%;height: 62%}.console .hdr .tile-ap{width: 1.4em;height: 1.4em}.console .hdr b{font: 800 0.95em/1 var(--disp)}.ultra{font: 800 0.42em/1 var(--disp);letter-spacing: 0.06em;color: #fff;padding: 0.3em 0.65em;border-radius: 2em;background: linear-gradient(135deg,var(--ultra),var(--ultra-deep));border: 0.05em solid rgba(255,255,255,0.3);box-shadow: 0 0.2em 0.5em rgba(158,115,250,0.4)}.ultra.sm{font-size: 0.36em}.console .hdr .gear{width: 1.3em;height: 1.3em;border-radius: 50%;background: rgba(26,34,52,0.7);border: 0.05em solid var(--hair);display: grid;place-items: center;font-size: 0.85em;color: var(--text-2)}.console .hdr .gear:not(.x){margin-left: auto}.console .hdr .gear.x{font-size: 0.7em;width: 1.55em;height: 1.55em}.console .status .clip{color: var(--aqua)}.console .rule{height: 0.06em;background: var(--hair);margin: 0.8em 0}.console .ctrls{display: flex;gap: 0.45em}.cpill{display: flex;align-items: center;gap: 0.45em;padding: 0.35em 0.6em;border-radius: 2em;background: rgba(26,34,52,0.6);border: 0.05em solid var(--hair)}.cpill .mt{width: 1.1em;height: 1.1em;border-radius: 0.32em;background: var(--beam-btn);display: grid;place-items: center}.cpill .mt i{width: 0.55em;height: 0.42em;border: 0.08em dashed #fff;border-radius: 0.08em}.cpill small{display: block;font: 800 0.38em/1 var(--disp);letter-spacing: 0.06em;text-transform: uppercase;color: var(--text-3)}.cpill b{display: block;font: 700 0.6em/1.1 var(--disp)}.console .status{margin-top: 0.8em;font-size: 0.5em;color: var(--text-3)}.shutter{position: absolute;left: 50%;bottom: -2.6em;width: 5.2em;height: 5.2em;transform: translateX(-50%);display: grid;place-items: center}.shutter .halo{position: absolute;inset: 0;border-radius: 50%;background: radial-gradient(circle at 50% 45%,rgba(46,123,255,0.6),transparent 64%);filter: blur(0.25em)}.shutter .ring{position: absolute;width: 3.4em;height: 3.4em;border-radius: 50%;border: 0.22em solid transparent;background: var(--beam-grad) border-box;-webkit-mask: linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite: xor;mask-composite: exclude}.shutter .core{position: relative;width: 2.5em;height: 2.5em;border-radius: 50%;background: linear-gradient(180deg,var(--beam),var(--beam-deep));border: 0.05em solid rgba(255,255,255,0.3);box-shadow: 0 0.4em 0.9em rgba(33,80,230,0.6),inset 0 0.25em 0.4em rgba(255,255,255,0.35);display: grid;place-items: center;transition: transform 0.18s var(--ease-out)}.shutter .core i{width: 0.95em;height: 0.7em;border: 0.12em dashed #fff;border-radius: 0.12em}.s-press .shutter .core{transform: scale(0.86)}.cursor{position: absolute;left: 30em;top: 30em;width: 1.3em;height: 1.3em;z-index: 40;opacity: 0;transition: left 0.9s var(--ease-hand),top 0.9s var(--ease-hand),opacity 0.2s;filter: drop-shadow(0 0.08em 0.15em rgba(0,0,0,0.5))}.scrim{position: absolute;inset: 0;background: rgba(7,10,19,0.55);opacity: 0;transition: opacity 0.3s;z-index: 20}.marquee{position: absolute;left: 5.6em;top: 10.6em;width: 0;height: 0;border: 0.12em solid var(--beam);border-radius: 0.1em;box-shadow: 0 0 1.4em rgba(46,123,255,0.6),0 0 0 200em rgba(7,10,19,0.55);opacity: 0;z-index: 21;transition: opacity 0.2s}.marquee.grow{transition: opacity 0.2s,width 1.1s var(--ease-hand),height 1.1s var(--ease-hand)}.marquee .br{position: absolute;width: 1.1em;height: 1.1em;border: 0.2em solid var(--beam);filter: drop-shadow(0 0 0.35em rgba(46,123,255,0.85))}.marquee .br.tl{left: -0.18em;top: -0.18em;border-right: 0;border-bottom: 0}.marquee .br.tr{right: -0.18em;top: -0.18em;border-left: 0;border-bottom: 0}.marquee .br.bl{left: -0.18em;bottom: -0.18em;border-right: 0;border-top: 0}.marquee .br.bc{right: -0.18em;bottom: -0.18em;border-left: 0;border-top: 0}.marquee .sweep{position: absolute;inset: -0.12em;border: 0.15em dashed rgba(255,255,255,0.9);border-radius: 0.1em;-webkit-mask: linear-gradient(90deg,#000 0 2.6em,transparent 2.6em 11em);mask: linear-gradient(90deg,#000 0 2.6em,transparent 2.6em 11em);animation: march 2.4s linear infinite}@keyframes march{to{-webkit-mask-position: 11em 0;mask-position: 11em 0}}.dimsx{position: absolute;left: 50%;top: -2.1em;transform: translateX(-50%);display: flex;align-items: center;gap: 0.4em;padding: 0.3em 0.6em;border-radius: 0.5em;background: rgba(15,19,31,0.88);border: 0.05em solid rgba(255,255,255,0.14);white-space: nowrap}.dimsx i{width: 0.18em;height: 0.85em;border-radius: 0.1em;background: var(--beam)}.dimsx b{font: 600 0.62em/1 var(--mono)}.loupe{position: absolute;width: 5.6em;height: 5.6em;border-radius: 0.9em;overflow: hidden;border: 0.14em solid var(--beam);background: repeating-conic-gradient(#2b3a58 0 25%,#35476a 0 50%) 0 0 / 1.1em 1.1em;box-shadow: 0 0.5em 1.5em rgba(0,0,0,0.5);opacity: 0;z-index: 41;transition: opacity 0.2s,left 1.1s var(--ease-hand),top 1.1s var(--ease-hand)}.loupe::before,.loupe::after{content: "";position: absolute;background: rgba(46,123,255,0.9)}.loupe::before{left: 0;right: 0;top: 50%;height: 0.06em}.loupe::after{top: 0;bottom: 0;left: 50%;width: 0.06em}.instr{position: absolute;left: 50%;bottom: 1.4em;transform: translateX(-50%);display: flex;align-items: center;gap: 0.6em;padding: 0.45em 0.9em;border-radius: 2em;background: rgba(15,19,31,0.9);border: 0.05em solid rgba(255,255,255,0.14);box-shadow: 0 0.4em 1em rgba(0,0,0,0.5);white-space: nowrap;opacity: 0;z-index: 30;transition: opacity 0.25s}.instr>i{width: 0.2em;height: 0.85em;border-radius: 0.1em;background: var(--beam)}.instr .t{font-size: 0.66em;font-weight: 600}.instr .k{font-size: 0.56em;color: var(--text-2);margin-left: 0.4em}.instr kbd{font-size: 0.9em;margin-right: 0.3em}.flash{position: absolute;inset: 0;background: #fff;opacity: 0;z-index: 45;pointer-events: none}.copied{position: absolute;left: 50%;bottom: 2.2em;transform: translate(-50%,0.6em) scale(0.85);display: flex;align-items: center;gap: 0.45em;padding: 0.5em 1em;border-radius: 2em;background: var(--beam-btn);box-shadow: 0 0.6em 1.4em rgba(46,123,255,0.55);font: 700 0.7em/1 var(--disp);white-space: nowrap;opacity: 0;z-index: 46;transition: opacity 0.3s,transform 0.5s var(--ease-spring)}.copied svg{width: 1.2em;height: 1.2em}.pop-editor{position: absolute;left: 14em;top: 5.6em;width: 36em;height: 25em;border-radius: 1em;background: radial-gradient(20em 14em at 100% 0,rgba(46,123,255,0.14),transparent 60%),var(--ink);border: 0.06em solid var(--hair-top);box-shadow: 0 2em 4em rgba(0,0,0,0.6);opacity: 0;transform: scale(0.94) translateY(0.6em);transition: opacity 0.35s,transform 0.5s var(--ease-spring);z-index: 47;overflow: hidden}.pop-editor .ptop{display: flex;align-items: center;gap: 0.7em;padding: 0.7em 0.9em;border-bottom: 0.05em solid var(--hair)}.pop-editor .ptop .tile-ap{width: 1.5em;height: 1.5em;flex: none}.pop-editor .ptop b{font: 700 0.75em/1 var(--disp)}.pop-editor .ptop small{font-size: 0.5em;color: var(--text-3)}.pop-editor .pbtn{margin-left: auto;font: 700 0.55em/1 var(--disp);padding: 0.5em 1em;border-radius: 2em;background: var(--beam-grad)}.pop-editor .pbtn.sec{margin-left: 0;background: rgba(26,34,52,0.9);border: 0.05em solid var(--hair)}.pop-editor .canvas{position: absolute;left: 50%;top: 4.2em;width: 24em;height: 14.3em;transform: translateX(-50%);border-radius: 0.6em;overflow: hidden;box-shadow: 0 1em 2em rgba(0,0,0,0.5)}.pop-editor .canvas .chart{left: 0;top: 0;width: 100%;height: 100%;border-radius: 0;font-size: 1.1em}.pop-editor .arrow{position: absolute;left: 13.5em;top: 7.4em;width: 9em;height: 6em;overflow: visible}.pop-editor .arrow path{stroke-dasharray: 20;stroke-dashoffset: 20;transition: stroke-dashoffset 0.6s var(--ease-out) 0.35s}.pop-editor .note-tag{position: absolute;left: 24.6em;top: 15.6em;padding: 0.25em 0.5em;border-radius: 0.35em;background: #fff;box-shadow: 0 0.2em 0.5em rgba(0,0,0,0.25);font: 800 0.8em/1 var(--disp);color: #ff3b30;opacity: 0;transition: opacity 0.3s 0.8s}.pop-editor .palette{position: absolute;left: 50%;bottom: 1.2em;transform: translateX(-50%)}.s-rest .cursor,.s-press .cursor{opacity: 1}.s-select .console,.s-shot .console,.s-copied .console,.s-edit .console{opacity: 0;transform: scale(0.9)}.s-select .marquee,.s-shot .marquee{opacity: 1}.s-select .instr,.s-select .loupe,.s-select .cursor{opacity: 1}.s-shot .flash{animation: flash 0.5s ease-out}@keyframes flash{from{opacity: 0.55}to{opacity: 0}}.s-copied .copied,.s-edit .copied{opacity: 1;transform: translate(-50%,0) scale(1)}.s-edit .copied{opacity: 0}.s-edit .pop-editor{opacity: 1;transform: none}.s-edit .pop-editor .arrow path{stroke-dashoffset: 0}.s-edit .pop-editor .note-tag{opacity: 1}.palette{display: flex;align-items: center;gap: 0.35em;padding: 0.35em 0.6em;border-radius: 1em;background: rgba(15,20,32,0.78);-webkit-backdrop-filter: blur(1.2em);backdrop-filter: blur(1.2em);border: 0.05em solid var(--hair-top);box-shadow: 0 0.7em 1.5em rgba(0,0,0,0.4);z-index: 5}.palette .tool{width: 1.6em;height: 1.6em;border-radius: 50%;display: grid;place-items: center;color: var(--text-2)}.palette .tool svg{width: 0.85em;height: 0.85em}.palette .tool.on{background: var(--beam-grad);color: #fff}.palette .sw{width: 0.95em;height: 0.95em;border-radius: 50%;border: 0.05em solid rgba(255,255,255,0.35)}.palette .div{width: 0.05em;height: 1.2em;background: var(--hair)}.reveal{transition: opacity 0.9s var(--ease-out),transform 0.9s var(--ease-out)}.js .reveal:not(.in){opacity: 0;transform: translateY(28px)}.tile{position: relative;overflow: hidden;border-radius: var(--radius-tile);background: linear-gradient(180deg,rgba(20,26,42,0.85),rgba(12,16,26,0.85));border: 1px solid var(--hair)}.screen-card{max-width: 1080px;margin: 0 auto;border-radius: clamp(14px,2vw,24px);overflow: hidden;border: 1px solid var(--hair-top);box-shadow: 0 40px 90px -30px rgba(0,0,0,0.8),0 0 0 1px rgba(0,0,0,0.4)}.pro-tag{display: inline-block;font: 800 11px/1 var(--disp);letter-spacing: 0.06em;padding: 4px 9px;border-radius: 999px;color: #fff;background: linear-gradient(135deg,var(--ultra),var(--ultra-deep));box-shadow: 0 4px 10px rgba(158,115,250,0.4);vertical-align: 3px;margin-left: 6px}.steps{margin-top: clamp(48px,6vw,72px);display: grid;grid-template-columns: repeat(3,1fr);gap: 20px;counter-reset: step}.step{padding: 0 0 34px}.step-visual{height: 220px;display: grid;place-items: center;position: relative}.step h3{margin: 8px 28px 8px;font: 800 23px/1.2 var(--disp);letter-spacing: -0.01em}.step h3::before{counter-increment: step;content: counter(step);display: inline-grid;place-items: center;width: 26px;height: 26px;margin-right: 10px;border-radius: 50%;background: var(--beam-grad);color: #fff;font-size: 14px;vertical-align: 2px}.step p{margin: 0 28px;color: var(--text-2)}@media (max-width: 900px){.steps{grid-template-columns: 1fr;max-width: 520px;margin-left: auto;margin-right: auto}}.mini-console{display: flex;gap: 10px;font-size: 17px}.mini-console .cpill{padding: 8px 12px}.mini-console .cpill .mt{width: 26px;height: 26px}.mini-console .cpill .mt i{width: 12px;height: 10px;border-width: 2px}.mini-console small{font-size: 9px}.mini-console b{font-size: 14px}.mini-console .timer{width: 26px;height: 26px;border-radius: 50%;background: rgba(26,34,52,0.8);display: grid;place-items: center;color: var(--aqua);font-size: 14px}.mini-console .cyc{display: inline-block;position: relative;min-width: 5.5em;height: 1.15em;overflow: hidden}.mini-console .cyc span{position: absolute;left: 0;top: 0;opacity: 0;animation: cyc 7s infinite}.mini-console .cyc span:nth-child(2){animation-delay: 1.75s}.mini-console .cyc span:nth-child(3){animation-delay: 3.5s}.mini-console .cyc span:nth-child(4){animation-delay: 5.25s}@keyframes cyc{0%{opacity: 0;transform: translateY(6px)}4%,22%{opacity: 1;transform: none}26%,100%{opacity: 0;transform: translateY(-6px)}}.big-shutter{position: relative;font-size: 30px;width: 5.2em;height: 5.2em}.big-shutter .shutter{position: absolute;inset: 0;left: 0;bottom: auto;transform: none}.big-shutter .core{animation: press 3s var(--ease-out) infinite}@keyframes press{0%,30%{transform: none}36%,44%{transform: scale(0.86)}52%,100%{transform: none}}.mini-copied{display: flex;flex-direction: column;align-items: center;gap: 16px}.mini-copied .copied{position: static;transform: none;opacity: 1;font-size: 16px;animation: pop 3s var(--ease-spring) infinite}.mini-copied .thumb{width: 160px;height: 100px;border-radius: 12px;background: linear-gradient(160deg,#eef2fb,#cdd8ef);border: 1px solid var(--hair);position: relative;overflow: hidden;box-shadow: 0 14px 30px rgba(0,0,0,0.45)}.mini-copied .thumb i{position: absolute;bottom: 12px;width: 16px;border-radius: 3px 3px 0 0;background: var(--beam-btn)}@keyframes pop{0%,40%{opacity: 0;transform: scale(0.8)}50%,90%{opacity: 1;transform: none}100%{opacity: 0}}.modes-wrap{margin-top: clamp(48px,6vw,72px);display: grid;grid-template-columns: 1.1fr 1fr;gap: 24px;align-items: stretch}.mode-grid{display: grid;grid-template-columns: repeat(2,1fr);gap: 12px;margin: 0;padding: 0;list-style: none}.mode{display: flex;align-items: center;gap: 14px;padding: 14px;border-radius: 18px;background: linear-gradient(180deg,rgba(20,26,42,0.75),rgba(12,16,26,0.7));border: 1px solid var(--hair);animation: mode-on 14s infinite;animation-delay: calc(var(--i) * 2s)}.mode:last-child{grid-column: span 2}.mode .mtile{flex: none;width: 44px;height: 44px;border-radius: 13px;display: grid;place-items: center;color: #fff;box-shadow: 0 6px 14px -4px rgba(0,0,0,0.5)}.mode .mtile svg{width: 22px;height: 22px}.mode h3{font: 800 17px/1.2 var(--disp)}.mode p{font-size: 14px;color: var(--text-3)}@keyframes mode-on{0%,13%{border-color: rgba(255,255,255,0.55);background: linear-gradient(180deg,rgba(46,123,255,0.18),rgba(12,16,26,0.7));transform: scale(1.015)}15%,100%{border-color: var(--hair);transform: none}}.shape-preview{position: relative;border-radius: 24px;overflow: hidden;border: 1px solid var(--hair-top);min-height: 360px;background: radial-gradient(60% 60% at 80% 0%,rgba(46,123,255,0.3),transparent 60%),linear-gradient(135deg,#26324a,#161d2e)}.shape-preview .pw{position: absolute;border-radius: 10px;background: linear-gradient(180deg,#2c3752,#212a40);border: 1px solid rgba(255,255,255,0.08);box-shadow: 0 16px 34px rgba(0,0,0,0.4)}.shape-preview .pw::before{content: "";position: absolute;left: 9px;top: 8px;width: 30px;height: 7px;background: radial-gradient(circle at 3.5px 3.5px,#ff5f57 3px,transparent 3.5px),radial-gradient(circle at 14.5px 3.5px,#febc2e 3px,transparent 3.5px),radial-gradient(circle at 25.5px 3.5px,#28c840 3px,transparent 3.5px)}.shape-preview svg.shapes{position: absolute;inset: 0;width: 100%;height: 100%}.shape-preview .shp{opacity: 0;animation: shape-on 14s infinite;animation-delay: calc(var(--i) * 2s)}@keyframes shape-on{0%{opacity: 0}1.5%,13%{opacity: 1}14.5%,100%{opacity: 0}}.shape-preview .lbl{position: absolute;left: 50%;bottom: 16px;transform: translateX(-50%);padding: 7px 14px;border-radius: 999px;background: rgba(15,19,31,0.88);border: 1px solid rgba(255,255,255,0.14);font: 700 13px/1 var(--disp);white-space: nowrap}.shape-preview .lbl span{position: absolute;inset: 7px 14px;text-align: center;opacity: 0;animation: shape-on 14s infinite;animation-delay: calc(var(--i) * 2s)}.shape-preview .lbl::before{content: "Free Form";visibility: hidden}.delay-note{margin-top: 26px;text-align: center;color: var(--text-2)}@media (max-width: 860px){.modes-wrap{grid-template-columns: 1fr}}@media (max-width: 460px){.mode-grid{grid-template-columns: 1fr}.mode:last-child{grid-column: auto}}.editor-ui{position: absolute;inset: 0;display: grid;grid-template-columns: 13em 1fr;background: radial-gradient(40em 28em at 100% 0,rgba(46,123,255,0.14),transparent 60%),var(--ink)}.ed-side{border-right: 0.06em solid var(--hair);padding: 2em 0 1em;background: linear-gradient(180deg,rgba(20,26,42,0.6),rgba(12,16,26,0.5))}.ed-side .lights{position: absolute;left: 0.9em;top: 0.8em}.ed-brand{display: flex;align-items: center;gap: 0.5em;padding: 0 0.9em 0.4em}.ed-brand .tile-ap{width: 1.5em;height: 1.5em}.ed-brand b{font: 800 1em/1 var(--disp)}.ed-new{margin: 0.5em 0.7em 1em;padding: 0.5em 0.7em;border-radius: 0.7em;background: rgba(26,34,52,0.5);border: 0.05em solid var(--hair);display: flex;align-items: center;gap: 0.5em}.ed-new .mt{width: 1.5em;height: 1.5em;border-radius: 0.45em;background: var(--beam-btn)}.ed-new .bolt{margin-left: auto;font-size: 0.7em;color: var(--aqua)}.ed-center{position: absolute;left: 50%;bottom: 0.6em;transform: translateX(-50%);display: flex;flex-direction: column;align-items: center;gap: 0.2em;z-index: 6}.ed-center .shutter{position: relative;left: auto;bottom: auto;transform: none;width: 4.2em;height: 4.2em}.ed-center .ecap{font: 700 0.55em/1 var(--disp);color: var(--text-2);padding: 0.35em 0.9em;border-radius: 2em;background: rgba(26,34,52,0.7);border: 0.05em solid var(--hair)}.ed-new b{display: block;font: 700 0.65em/1.2 var(--disp)}.ed-new small{display: block;font-size: 0.55em;color: var(--text-3)}.ed-cap{padding: 0 0.9em;font: 800 0.55em/1 var(--disp);letter-spacing: 0.1em;text-transform: uppercase;color: var(--text-3);margin-bottom: 0.6em}.ed-rec{display: flex;align-items: center;gap: 0.5em;margin: 0 0.7em 0.2em;padding: 0.35em;border-radius: 0.5em}.ed-rec.on{background: rgba(26,34,52,0.6)}.ed-rec .th{width: 2.9em;height: 1.9em;border-radius: 0.4em;border: 0.05em solid var(--hair);flex: none}.ed-rec.on .th{border: 0.09em solid var(--beam)}.ed-rec b{display: block;font: 700 0.62em/1.2 var(--disp)}.ed-rec small{display: block;font-size: 0.55em;color: var(--text-3)}.ed-main{position: relative;padding: 1em 1.3em}.ed-top{display: flex;align-items: center;gap: 0.7em}.ed-top b{display: block;font: 700 0.9em/1.2 var(--disp)}.ed-top small{font-size: 0.58em;color: var(--text-3)}.ed-top .pbtn{font: 700 0.65em/1 var(--disp);padding: 0.55em 1.1em;border-radius: 2em;background: var(--beam-grad);border: 0.05em solid rgba(255,255,255,0.28)}.ed-top .pbtn.push{margin-left: auto}.ed-top .pbtn.sec{background: rgba(26,34,52,0.9);border-color: var(--hair)}.ed-main .palette{position: absolute;left: 50%;top: 3.3em;transform: translateX(-50%)}.shot{position: absolute;left: 50%;top: 6.2em;width: 36em;height: 22.4em;transform: translateX(-50%);border-radius: 0.9em;overflow: hidden;background: linear-gradient(160deg,#eef2fb,#d6dff2);box-shadow: 0 1.4em 2.6em rgba(0,0,0,0.5);color: #1d2433}.shot .bb{height: 1.9em;background: #e2e8f5;display: flex;align-items: center;gap: 0.35em;padding: 0 0.7em}.shot .bb i{width: 0.55em;height: 0.55em;border-radius: 50%;background: #ff5f57}.shot .bb i:nth-child(2){background: #febc2e}.shot .bb i:nth-child(3){background: #28c840}.shot .body{position: relative;padding: 1.2em 1.4em}.shot .avatar{width: 2.2em;height: 2.2em;border-radius: 50%;background: var(--beam-grad);float: left;margin-right: 0.8em}.shot .nm{font: 700 0.85em/1.3 var(--font)}.shot .em{font: 500 0.62em/1.4 var(--mono);color: #4a5570}.shot .para{clear: both;padding-top: 1em}.shot .para i{display: block;height: 0.5em;border-radius: 0.3em;background: #a7b2c9;margin-top: 0.65em}.shot .photo{position: absolute;right: 1.4em;top: 1.2em;width: 9.5em;height: 6.8em;border-radius: 0.6em;background: linear-gradient(160deg,#ffb35c,#f05d7a 55%,#8a4fe0)}.shot .card-no{position: absolute;left: 1.4em;bottom: 1.4em;font: 600 0.72em/1 var(--mono);color: #2a3348;background: #fff;padding: 0.6em 0.8em;border-radius: 0.5em;box-shadow: 0 0.1em 0.3em rgba(0,0,0,0.1)}.ann{position: absolute;inset: 0;pointer-events: none}.ann .a-arrow{position: absolute;left: 3em;top: 7em;width: 9em;height: 6em;overflow: visible}.ann .a-arrow path{stroke-dasharray: 22;animation: a-draw 12s infinite}.ann .a-text{position: absolute;left: 12.6em;top: 13.2em;font: 800 1em/1 var(--disp);color: #a86bf7;animation: a-in 12s infinite;animation-delay: 0s}.ann .a-hl{position: absolute;left: 1.4em;top: 6.15em;height: 0.85em;width: 0;border-radius: 0.4em;background: rgba(255,214,10,0.5);animation: a-hl 12s infinite}.ann .a-rect{position: absolute;right: 0.9em;top: 2.6em;width: 10.6em;height: 7.9em;border: 0.18em solid #22d39a;border-radius: 0.8em;animation: a-in2 12s infinite}.ann .a-num{position: absolute;left: 9.2em;top: 2.8em;width: 1.5em;height: 1.5em;border-radius: 50%;background: #ff5c8a;display: grid;place-items: center;font: 800 0.8em/1 var(--disp);color: #fff;animation: a-in3 12s infinite}.ann .a-blur{position: absolute;left: 1.1em;bottom: 1.1em;width: 12.4em;height: 2.1em;border-radius: 0.5em;-webkit-backdrop-filter: blur(0.45em);backdrop-filter: blur(0.45em);background: rgba(255,255,255,0.25);animation: a-in4 12s infinite}@keyframes a-draw{0%,6%{stroke-dashoffset: 22}14%,92%{stroke-dashoffset: 0}100%{stroke-dashoffset: 22}}@keyframes a-in{0%,16%{opacity: 0;transform: scale(0.7)}22%,92%{opacity: 1;transform: none}100%{opacity: 0}}@keyframes a-hl{0%,28%{width: 0}36%,92%{width: 13.5em}100%{width: 0}}@keyframes a-in2{0%,42%{opacity: 0;transform: scale(1.06)}48%,92%{opacity: 1;transform: none}100%{opacity: 0}}@keyframes a-in3{0%,56%{opacity: 0;transform: scale(0.4)}62%,92%{opacity: 1;transform: none}100%{opacity: 0}}@keyframes a-in4{0%,70%{opacity: 0}76%,92%{opacity: 1}100%{opacity: 0}}.palette .tool.t1{animation: t-on 12s infinite;animation-delay: 0s}.palette .tool.t2{animation: t-on 12s infinite;animation-delay: 1.9s}.palette .tool.t3{animation: t-on 12s infinite;animation-delay: 3.4s}.palette .tool.t4{animation: t-on 12s infinite;animation-delay: 5s}.palette .tool.t5{animation: t-on 12s infinite;animation-delay: 6.7s}.palette .tool.t6{animation: t-on 12s infinite;animation-delay: 8.4s}@keyframes t-on{0%,1%{background: transparent;color: var(--text-2)}2%,12%{background: linear-gradient(135deg,#2e7bff,#26e0d0);color: #fff}13%,100%{background: transparent;color: var(--text-2)}}.tools-list{margin: clamp(36px,5vw,56px) 0 0;padding: 0;list-style: none;display: grid;grid-template-columns: repeat(3,1fr);gap: 26px 32px}.tools-list li{display: flex;gap: 14px}.tools-list .ti{flex: none;width: 38px;height: 38px;border-radius: 11px;display: grid;place-items: center;color: #fff}.tools-list .ti svg{width: 19px;height: 19px}.tools-list h3{font: 800 17px/1.25 var(--disp)}.tools-list p{font-size: 15px;color: var(--text-2);margin-top: 2px}@media (max-width: 860px){.tools-list{grid-template-columns: 1fr 1fr}}@media (max-width: 520px){.tools-list{grid-template-columns: 1fr}}.collage-grid{margin-top: clamp(48px,6vw,72px);display: grid;grid-template-columns: 1.3fr 1fr;gap: 28px;align-items: center}.collage-stage{position: relative;aspect-ratio: 32 / 21;border-radius: 26px;overflow: hidden;border: 1px solid var(--hair);background: radial-gradient(70% 70% at 50% 0,rgba(46,123,255,0.18),transparent 60%),linear-gradient(180deg,#0d1220,#090d18)}.ctile{position: absolute;border-radius: 12px;border: 1px solid rgba(255,255,255,0.25);box-shadow: 0 10px 22px rgba(0,0,0,0.4);animation-duration: 9s;animation-iteration-count: infinite;animation-timing-function: var(--ease-spring)}.ctile.c0{background: linear-gradient(135deg,#2e7bff,#2150e6);animation-name: c0}.ctile.c1{background: linear-gradient(135deg,#a86bf7,#7a3ce6);animation-name: c1}.ctile.c2{background: linear-gradient(135deg,#22d39a,#0fa88f);animation-name: c2}.ctile.c3{background: linear-gradient(135deg,#ff5c8a,#ef3d70);animation-name: c3}.ctile .hero-tag{position: absolute;left: 8px;top: 8px;padding: 3px 8px;border-radius: 999px;background: rgba(0,0,0,0.35);font: 800 11px/1.2 var(--disp);opacity: 0;animation: hero-tag 9s infinite}@keyframes c0{0%,22%{left: 13%;top: 20%;width: 37%;height: 39%;transform: rotate(-13deg)}33%,55%{left: 9%;top: 9%;width: 40%;height: 41%;transform: none}66%,92%{left: 6%;top: 9%;width: 52%;height: 82%;transform: none}100%{left: 13%;top: 20%;width: 37%;height: 39%;transform: rotate(-13deg)}}@keyframes c1{0%,22%{left: 52%;top: 15%;width: 37%;height: 39%;transform: rotate(-6deg)}33%,55%{left: 51%;top: 9%;width: 40%;height: 41%;transform: none}66%,92%{left: 62%;top: 9%;width: 33%;height: 25%;transform: none}100%{left: 52%;top: 15%;width: 37%;height: 39%;transform: rotate(-6deg)}}@keyframes c2{0%,22%{left: 20%;top: 53%;width: 37%;height: 39%;transform: rotate(6deg)}33%,55%{left: 9%;top: 52%;width: 40%;height: 41%;transform: none}66%,92%{left: 62%;top: 38%;width: 33%;height: 25%;transform: none}100%{left: 20%;top: 53%;width: 37%;height: 39%;transform: rotate(6deg)}}@keyframes c3{0%,22%{left: 55%;top: 50%;width: 37%;height: 39%;transform: rotate(13deg)}33%,55%{left: 51%;top: 52%;width: 40%;height: 41%;transform: none}66%,92%{left: 62%;top: 67%;width: 33%;height: 25%;transform: none}100%{left: 55%;top: 50%;width: 37%;height: 39%;transform: rotate(13deg)}}@keyframes hero-tag{0%,68%{opacity: 0}72%,90%{opacity: 1}94%,100%{opacity: 0}}.collage-copy h3{font: 800 24px/1.2 var(--disp);margin-top: 26px}.collage-copy h3:first-child{margin-top: 0}.collage-copy p{color: var(--text-2);margin-top: 6px}@media (max-width: 860px){.collage-grid{grid-template-columns: 1fr}}.reach-grid{margin-top: clamp(48px,6vw,72px);display: grid;grid-template-columns: 1.25fr 1fr 1fr;gap: 20px}.reach{padding: 30px 28px 32px;min-height: 360px;display: flex;flex-direction: column}.reach h3{margin-top: auto;font: 800 23px/1.2 var(--disp)}.reach p{margin-top: 6px;color: var(--text-2)}.menu-mock{font-size: 13px}.menu-mock .bar{display: flex;justify-content: flex-end;align-items: center;gap: 14px;padding: 6px 12px;border-radius: 9px;background: rgba(26,34,52,0.7);border: 1px solid var(--hair);color: var(--text-3)}.menu-mock .bar svg{width: 15px;height: 15px}.menu-mock .bar .on{color: var(--aqua);filter: drop-shadow(0 0 5px rgba(38,224,208,0.6))}.menu-mock .drop{margin: 6px 0 0 auto;width: 220px;padding: 6px;border-radius: 12px;background: rgba(30,36,52,0.92);border: 1px solid var(--hair-top);box-shadow: 0 16px 30px rgba(0,0,0,0.5)}.menu-mock .drop div{padding: 5px 10px;border-radius: 6px;color: var(--text);display: flex;justify-content: space-between}.menu-mock .drop div.hl{background: var(--beam)}.menu-mock .drop hr{border: 0;height: 1px;background: var(--hair);margin: 5px 8px}.menu-mock .drop .ck{color: var(--aqua)}.pin-mock{display: grid;place-items: center;flex: 1}.pin-mock .stack{position: relative;width: 180px;height: 140px}.pin-mock .w{position: absolute;inset: 26px 0 0 26px;border-radius: 12px;background: linear-gradient(180deg,#2c3752,#212a40);border: 1px solid rgba(255,255,255,0.08)}.pin-mock .c{position: absolute;left: 0;top: 0;width: 120px;height: 84px;border-radius: 16px;background: var(--glass);border: 1px solid var(--hair-top);box-shadow: 0 16px 30px rgba(0,0,0,0.55);animation: float 3.2s ease-in-out infinite}.pin-mock .c::after{content: "";position: absolute;left: 50%;bottom: -18px;width: 36px;height: 36px;margin-left: -18px;border-radius: 50%;background: linear-gradient(180deg,var(--beam),var(--beam-deep));box-shadow: 0 6px 14px rgba(33,80,230,0.6)}.pin-mock .pin{position: absolute;right: 6px;top: -10px;width: 34px;height: 34px;border-radius: 10px;background: var(--beam-btn);display: grid;place-items: center;animation: float 3.2s ease-in-out infinite reverse}.pin-mock .pin svg{width: 17px;height: 17px;color: #fff}@keyframes float{50%{transform: translateY(-6px) rotate(-1deg)}}.history-mock{flex: 1;display: grid;grid-template-columns: repeat(4,1fr);gap: 7px;align-content: start}.history-mock i{aspect-ratio: 3 / 2;border-radius: 7px;border: 1px solid var(--hair)}.history-mock .count{grid-column: span 4;margin-top: 8px;font: 800 44px/1 var(--disp)}.history-mock .count small{font-size: 15px;color: var(--text-3);margin-left: 6px}@media (max-width: 900px){.reach-grid{grid-template-columns: 1fr}.reach{min-height: 0}.reach h3{margin-top: 26px}}.facts{margin-top: clamp(48px,6vw,72px);display: grid;grid-template-columns: repeat(4,1fr);gap: 20px}.fact{padding: 30px 26px 32px}.fact svg{width: 38px;height: 38px;color: var(--aqua);margin-bottom: 22px}.fact h3{font: 800 21px/1.2 var(--disp);margin-bottom: 8px}.fact p{color: var(--text-2);font-size: 16px}@media (max-width: 960px){.facts{grid-template-columns: 1fr 1fr}}@media (max-width: 560px){.facts{grid-template-columns: 1fr}}.bento{margin-top: clamp(48px,6vw,72px);display: grid;grid-template-columns: repeat(4,1fr);gap: 20px}.use{padding: 28px 26px 30px;min-height: 220px;display: flex;flex-direction: column}.use.wide{grid-column: span 2}.use svg{width: 34px;height: 34px;color: var(--aqua);margin-bottom: auto}.use h3{margin-top: 26px;font: 800 20px/1.25 var(--disp)}.use p{margin-top: 6px;color: var(--text-2);font-size: 16px}@media (max-width: 980px){.bento{grid-template-columns: 1fr 1fr}}@media (max-width: 560px){.bento{grid-template-columns: 1fr}.use.wide{grid-column: auto}.use{min-height: 0}}.plans{margin-top: clamp(48px,6vw,72px);display: grid;grid-template-columns: 1fr 1fr;gap: 20px}.plan{padding: 34px 32px 36px}.plan.pro{background: radial-gradient(500px 300px at 100% 0,rgba(158,115,250,0.22),transparent 60%),linear-gradient(180deg,rgba(20,26,42,0.85),rgba(12,16,26,0.85));border-color: rgba(158,115,250,0.45)}.plan .ph{display: flex;align-items: center;gap: 10px}.plan h3{font: 800 30px/1.1 var(--disp)}.plan .price{margin-top: 18px;font: 800 20px/1.2 var(--disp);color: var(--aqua)}.plan.pro .price{color: #c7aefc}.plan p{margin-top: 10px;color: var(--text-2)}.plan ul{margin: 18px 0 0;padding: 0;list-style: none;display: grid;gap: 8px}.plan li{display: flex;gap: 10px;align-items: flex-start}.plan li svg{flex: none;width: 18px;height: 18px;margin-top: 3px;color: var(--aqua)}.plan.pro li svg{color: #c7aefc}.terms{margin-top: 44px;display: flex;flex-direction: column;align-items: center;gap: 14px;text-align: center}.terms p{font-size: 15px;color: var(--text-3)}@media (max-width: 760px){.plans{grid-template-columns: 1fr}}.faq{margin: clamp(40px,5vw,64px) auto 0;max-width: 840px}.faq details{border-bottom: 1px solid var(--hair)}.faq details:first-child{border-top: 1px solid var(--hair)}.faq summary{list-style: none;cursor: pointer;padding: 24px 44px 24px 0;position: relative}.faq summary::-webkit-details-marker{display: none}.faq summary::after{content: "";position: absolute;right: 6px;top: 50%;width: 14px;height: 14px;margin-top: -7px;background: linear-gradient(currentColor,currentColor) center / 14px 2px no-repeat,linear-gradient(currentColor,currentColor) center / 2px 14px no-repeat;color: var(--aqua);transition: transform 0.3s var(--ease-out)}.faq details[open] summary::after{transform: rotate(45deg)}.faq summary h3{display: inline;font: 700 clamp(19px,2vw,22px) / 1.3 var(--disp)}.faq .answer{padding: 0 44px 26px 0;color: var(--text-2);max-width: 740px}.faq .answer p + p{margin-top: 10px}.final{text-align: center}.final .hero-mark{width: clamp(96px,11vw,128px)}.final .subhead{margin-left: auto;margin-right: auto}.final .hero-cta{margin-top: 36px}.footer{background: #07090f;color: var(--text-3);font-size: 12px;line-height: 1.5;padding: 34px 0 40px;border-top: 1px solid var(--hair)}.footer a{color: var(--text-2)}.footer-top{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 18px;padding-bottom: 18px;border-bottom: 1px solid var(--hair)}.footer-links,.footer-langs{display: flex;flex-wrap: wrap;gap: 8px 20px;margin: 0;padding: 0;list-style: none}.footer-langs a[aria-current="page"]{font-weight: 700;color: #fff}.footer-bottom{padding-top: 18px;display: grid;gap: 8px}.doc{padding: clamp(56px,8vw,96px) 0 clamp(72px,9vw,120px)}.doc .wrap{max-width: 760px}.doc h1{font: 800 clamp(38px,5.4vw,56px) / 1.06 var(--disp);letter-spacing: -0.02em}.doc .lead{margin-top: 18px;font-size: 21px;color: var(--text-2)}.doc .updated{margin-top: 14px;font-size: 14px;color: var(--text-3)}.doc h2{margin-top: 48px;margin-bottom: 12px;font: 800 27px/1.2 var(--disp)}.doc h3{margin-top: 28px;margin-bottom: 8px;font: 700 19px/1.3 var(--disp)}.doc p,.doc li{color: var(--text-2);font-size: 17px}.doc strong{color: #fff}.doc p + p{margin-top: 12px}.doc ul,.doc ol{padding-left: 1.3em;margin: 12px 0}.doc li + li{margin-top: 6px}.doc .summary,.contact-card{margin-top: 36px;padding: 26px 28px;border-radius: 22px;background: var(--raised);border: 1px solid var(--hair)}.contact-card{display: flex;flex-wrap: wrap;gap: 16px;align-items: center;justify-content: space-between}.contact-card strong{display: block;font: 800 19px/1.3 var(--disp)}.js .anim:not(.in-view) *,.js .anim:not(.in-view) *::before,.js .anim:not(.in-view) *::after{animation-play-state: paused !important}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}*,*::before,*::after{animation-duration: 0.001s !important;animation-iteration-count: 1 !important;animation-delay: 0s !important;transition-duration: 0.001s !important}.js .reveal:not(.in){opacity: 1;transform: none}.mode:first-child,.shape-preview .shp:first-of-type,.shape-preview .lbl span:first-child,.mini-console .cyc span:first-child,.mini-copied .copied{opacity: 1}}