.flow-mesh{pointer-events:none;z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}.band-mesh-soft{opacity:.45}.band-mesh{opacity:.75;-webkit-mask-image:linear-gradient(#0000,#000 18% 82%,#0000);mask-image:linear-gradient(#0000,#000 18% 82%,#0000)}.spot{isolation:isolate;position:relative}.spot:before{content:"";border-radius:inherit;background:radial-gradient(720px circle at var(--mx,50%) var(--my,50%), color-mix(in srgb, var(--card-soft,var(--primary-soft)) 60%, transparent), transparent 75%);opacity:0;transition:opacity var(--t-slow) var(--ease-in-out);pointer-events:none;z-index:0;position:absolute;inset:0}.spot:after{content:"";border-radius:inherit;background:radial-gradient(300px circle at var(--mx,50%) var(--my,50%), var(--card-color,var(--primary)), transparent 70%);-webkit-mask-composite:xor;opacity:0;transition:opacity var(--t-slow) var(--ease-in-out);pointer-events:none;z-index:0;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.spot[data-lit]:before,.spot[data-lit]:after{opacity:1}.spot>*{z-index:1;position:relative}.product-category{letter-spacing:.05em;text-transform:uppercase;color:var(--card-color,var(--secondary));align-items:center;gap:8px;margin-bottom:16px;font-size:11px;font-weight:650;display:flex}.section-description{max-width:400px;font-size:15px;line-height:1.7}.section-aside{color:var(--text-2);margin-top:10px;font-size:12px;line-height:1.6}.section-heading .section-sub{color:var(--text-2);margin-top:12px;font-size:13px}.page-hero-band{isolation:isolate;border-bottom:1px solid var(--border);position:relative;overflow:hidden}.page-hero-band>:not(.flow-mesh){z-index:1;position:relative}.page-hero{grid-template-columns:minmax(0,1fr);align-items:center;gap:48px;padding-block:64px 72px;display:grid}.page-hero.has-shot{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.page-hero-copy{max-width:640px}.page-hero h1{margin-bottom:22px;font-size:clamp(38px,4.6vw,62px)}.page-hero .site-lede{font-size:17px}.page-hero .site-lede p+p{margin-top:12px}.page-hero-shot{min-width:0;transform:perspective(1600px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .36s var(--ease-out-expo);justify-content:flex-end;display:flex}.page-hero-shot .app-shot:not([data-notes]){margin-left:auto}.scenes{gap:88px;display:grid}.scene{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);grid-template-areas:"copy art";align-items:center;gap:56px;min-width:0;display:grid}.scene:nth-child(2n){grid-template-columns:minmax(0,1.28fr) minmax(0,.72fr);grid-template-areas:"art copy"}.scene-copy{flex-direction:column;grid-area:copy;min-width:0;display:flex}.scene-art{min-width:0;transform:perspective(1600px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform .36s var(--ease-out-expo);will-change:transform;grid-area:art;display:flex}.scene:nth-child(odd) .scene-art{justify-content:flex-start}.scene:nth-child(2n) .scene-art{justify-content:flex-end}.scene h3{letter-spacing:-.035em;max-width:480px;font-size:clamp(24px,2.2vw,31px);line-height:1.15}.scene-copy>p{max-width:440px;margin-block:16px 24px;font-size:15.5px;line-height:1.75}.scene-points{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.scene .text-link{margin-top:auto}.scene[data-reveal] .shot-note{opacity:0;transition:opacity .52s var(--ease-out-expo);transition-delay:calc(.36s + var(--i,0) * .26s)}.scene[data-in] .shot-note{opacity:1}.feature-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.feature-card{background:var(--surface-panel);border:1px solid var(--border-strong);border-radius:20px;flex-direction:column;min-width:0;padding:28px;display:flex}.feature-card-symbol{width:48px;height:48px;color:var(--card-color);background:var(--card-soft);border-radius:14px;place-items:center;margin-bottom:22px;display:grid}.feature-card .product-category{margin-bottom:10px}.feature-card h3{font-size:24px}.feature-card p{margin-block:12px 22px;font-size:14px;line-height:1.75}.feature-card .text-link{margin-top:auto}.product-band-soft{background:var(--surface-inset);border-block:1px solid var(--border);position:relative}.product-band-soft .tools-catalog{margin-top:80px}.fact-chips{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.fact-chips li{color:var(--text-1);background:var(--surface-panel);border:1px solid var(--border);border-radius:999px;align-items:center;gap:7px;padding:7px 13px;font-size:12.5px;font-weight:600;display:inline-flex}.fact-chips svg{color:var(--secondary)}.page-closing{border-top:1px solid var(--border);padding-block:8px 56px;gap:28px;padding-top:40px;display:grid}.page-note{max-width:760px;color:var(--text-1);margin:0;font-size:14px;line-height:1.75}.page-note strong{color:var(--text-0);font-weight:650}@media (max-width:1000px){.page-hero.has-shot{grid-template-columns:1fr;gap:36px}.page-hero-shot{justify-content:flex-start;transform:none}.scene,.scene:nth-child(2n){grid-template-columns:1fr;grid-template-areas:"copy""art";gap:24px}.scene:nth-child(2n) .scene-art{justify-content:flex-start}.scenes{gap:56px}.scene-art{transform:none}}@media (max-width:760px){.page-hero{padding-block:44px 52px}.scene-points{clip:auto;white-space:normal;gap:8px;width:auto;height:auto;margin:0 0 22px;padding:0;list-style:none;display:grid;position:static;overflow:visible}.scene-points li{color:var(--text-1);padding-left:22px;font-size:13.5px;line-height:1.55;position:relative}.scene-points li:before{content:"";background:var(--card-color,var(--primary));border-radius:50%;width:10px;height:10px;position:absolute;top:.5em;left:2px}}@media (max-width:600px){.scene h3{font-size:23px}}@media (prefers-reduced-motion:reduce){.scene[data-reveal] .shot-note{opacity:1;transition:none}.spot:before,.spot:after{display:none}.scene-art,.page-hero-shot{transform:none}}