@font-face{font-family:GeistSans;src:url(../media/Geist_Variable-s.p.0mrjj4bg00-he.woff2?dpl=dpl_EZdVHjd4KpTLtinAnU2Hm5CLAWTy)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:GeistSans Fallback;src:local(Arial);ascent-override:94.56%;descent-override:27.76%;line-gap-override:0.0%;size-adjust:106.28%}.geistsans_d5a4f12f-module__VopWgq__className{font-family:GeistSans,GeistSans Fallback}.geistsans_d5a4f12f-module__VopWgq__variable{--font-geist-sans:"GeistSans", "GeistSans Fallback"}
@font-face{font-family:GeistMono;src:url(../media/GeistMono_Variable.p.3ms9vq719j3f8.woff2?dpl=dpl_EZdVHjd4KpTLtinAnU2Hm5CLAWTy)format("woff2");font-display:swap;font-weight:100 900}.geistmono_157ca88a-module__Ajan0a__className{font-family:GeistMono,ui-monospace,SFMono-Regular,Roboto Mono,Menlo,Monaco,Liberation Mono,DejaVu Sans Mono,Courier New,monospace}.geistmono_157ca88a-module__Ajan0a__variable{--font-geist-mono:"GeistMono", ui-monospace, SFMono-Regular, Roboto Mono, Menlo, Monaco, Liberation Mono, DejaVu Sans Mono, Courier New, monospace}
*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--font-sans);font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--font-mono);font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--background:197 100% 98%;--foreground:197 60% 10%;--card:197 100% 99%;--card-foreground:197 60% 10%;--popover:197 100% 99%;--popover-foreground:197 60% 10%;--primary:197 92% 48%;--primary-foreground:0 0% 100%;--secondary:197 30% 92%;--secondary-foreground:197 60% 20%;--muted:197 20% 94%;--muted-foreground:197 30% 40%;--accent:197 85% 90%;--accent-foreground:197 92% 30%;--destructive:0 84% 60%;--destructive-foreground:0 0% 100%;--border:197 40% 88%;--input:197 40% 88%;--ring:197 92% 48%;--border-strong:197 38% 80%;--code-bg:201 45% 11%;--code-fg:197 30% 88%;--container:1200px;--chart-1:197 92% 48%;--chart-2:217 78% 55%;--chart-3:180 70% 45%;--chart-4:211 68% 58%;--chart-5:211 80% 65%;--radius:.5rem;--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) + 4px);--radius-2xl:calc(var(--radius) + 8px);--radius-3xl:calc(var(--radius) + 12px);--shadow-xs:0px 4px 10px 0px #1f3c470d;--shadow-sm:0px 1px 2px #1f3c470f, 0px 4px 10px 0px #1f3c4714;--shadow-md:0px 2px 4px #1f3c470f, 0px 8px 20px 0px #1f3c471a;--shadow-lg:0px 4px 6px -1px #1f3c471a, 0px 14px 34px -4px #1f3c4724;--shadow-xl:0px 10px 20px -4px #1f3c471f, 0px 26px 56px -10px #1f3c472e;--shadow-brand:0px 2px 6px #0aabeb24, 0px 10px 24px -4px #0aabeb2e;--font-sans:var(--font-geist-sans,ui-sans-serif), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:var(--font-geist-mono,ui-monospace), ui-monospace, "SF Mono", Menlo, monospace}.dark{--background:197 50% 4%;--foreground:197 20% 98%;--card:197 40% 7%;--card-foreground:197 20% 98%;--popover:197 40% 7%;--popover-foreground:197 20% 98%;--primary:197 92% 58%;--primary-foreground:197 50% 4%;--secondary:197 30% 15%;--secondary-foreground:197 20% 90%;--muted:197 30% 12%;--muted-foreground:197 20% 65%;--accent:197 60% 18%;--accent-foreground:197 92% 80%;--destructive:360 84% 45%;--destructive-foreground:0 0% 100%;--border:197 30% 18%;--input:197 30% 18%;--ring:197 92% 58%;--border-strong:197 28% 26%;--code-bg:201 50% 8%;--code-fg:197 25% 82%;--shadow-xs:0px 4px 10px 0px #0000004d;--shadow-sm:0px 1px 2px #0006, 0px 4px 12px 0px #00000080;--shadow-md:0px 2px 6px #00000073, 0px 10px 24px 0px #0000008c;--shadow-lg:0px 6px 12px -2px #0000008c, 0px 18px 40px -6px #000000a6;--shadow-xl:0px 12px 24px -4px #0009, 0px 30px 60px -10px #000000b3;--shadow-brand:0px 2px 8px #31bff633, 0px 12px 28px -4px #31bff647}*{border-color:hsl(var(--border))}html{scroll-behavior:smooth}body{background-color:hsl(var(--background));min-height:100vh;color:hsl(var(--foreground));font-family:var(--font-sans);letter-spacing:.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;flex-direction:column;line-height:1.5;display:flex}h1,h2,h3,h4,h5,h6{letter-spacing:-.025em;color:hsl(var(--foreground));font-weight:600}h1{letter-spacing:-.03em;font-size:2.25rem;font-weight:700;line-height:2.5rem}@media (min-width:640px){h1{font-size:3rem;line-height:1}}@media (min-width:768px){h1{font-size:3.75rem;line-height:1}}h2{letter-spacing:-.02em;font-size:1.875rem;line-height:2.25rem}@media (min-width:640px){h2{font-size:2.25rem;line-height:2.5rem}}p{color:hsl(var(--muted-foreground))}::selection{background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.container{max-width:var(--container);width:100%;margin-left:auto;margin-right:auto;padding-left:28px;padding-right:28px}@media (min-width:1400px){.container{max-width:1400px}}.\!section{border-bottom:1px solid hsl(var(--border))!important;padding:clamp(64px,9vw,112px) 0!important;scroll-margin-top:80px!important}.section{border-bottom:1px solid hsl(var(--border));padding:clamp(64px,9vw,112px) 0;scroll-margin-top:80px}.\!section.tint{background:hsl(var(--muted) / .45)!important}.section.tint{background:hsl(var(--muted) / .45)}.\!section.no-border{border-bottom:none!important}.section.no-border{border-bottom:none}.eyebrow{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:hsl(var(--accent-foreground));font-size:12px;font-weight:500;display:inline-block}.sec-header{text-align:center;max-width:640px;margin:0 auto 56px}.sec-header h2{letter-spacing:-.025em;text-wrap:balance;margin-top:16px;font-size:clamp(28px,4vw,42px);font-weight:600;line-height:1.08}.sec-header p{color:hsl(var(--muted-foreground));margin-top:16px;font-size:17px;line-height:1.6}.mark{border-radius:var(--radius-md);background:hsl(var(--primary));color:hsl(var(--primary-foreground));flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.mark svg rect{fill:currentColor}.btn{font-family:var(--font-sans);letter-spacing:.01em;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 18px;font-size:14px;font-weight:500;transition:background .15s,color .15s,border-color .15s,box-shadow .15s,transform .15s;display:inline-flex}.btn svg{width:16px;height:16px}.btn:focus-visible{outline:2px solid hsl(var(--ring) / .5);outline-offset:2px}.btn-default{background:hsl(var(--primary));color:hsl(var(--primary-foreground));box-shadow:var(--shadow-xs)}.btn-default:hover{background:hsl(var(--primary) / .9)}.btn-outline{background:hsl(var(--card));color:hsl(var(--foreground));border-color:hsl(var(--border-strong))}.btn-outline:hover{background:hsl(var(--accent));color:hsl(var(--accent-foreground));border-color:hsl(var(--accent))}.btn-ghost{color:hsl(var(--foreground));background:0 0}.btn-ghost:hover{background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.btn-secondary{background:hsl(var(--card));color:hsl(var(--foreground));border-color:hsl(var(--border-strong))}.btn-secondary:hover{background:hsl(var(--background))}.btn-destructive{background:hsl(var(--destructive));color:#fff}.btn-destructive:hover{background:hsl(var(--destructive) / .9)}.btn-on-primary{background:hsl(var(--primary-foreground));color:hsl(var(--primary))}.btn-on-primary:hover{background:hsl(var(--primary-foreground) / .9)}.btn-sm{height:36px;padding:0 14px;font-size:13px}.btn-lg{border-radius:var(--radius-lg);height:48px;padding:0 26px;font-size:15px}.btn-icon{width:40px;padding:0}.pill{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:hsl(var(--accent-foreground));align-items:center;gap:14px;font-size:12.5px;font-weight:500;display:inline-flex}.pill:before{content:"";background:hsl(var(--primary));flex:none;width:28px;height:1px}.paid-tag{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:hsl(var(--accent-foreground));background:hsl(var(--accent));white-space:nowrap;border-radius:99px;padding:3px 8px;font-size:10px}.site-header{z-index:100;background:hsl(var(--background) / .8);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid hsl(var(--border));position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:64px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:11px;font-size:16px;font-weight:600;display:flex}.nav-desktop{align-items:center;gap:28px;display:flex}.nav-desktop a{color:hsl(var(--muted-foreground));font-size:14px;transition:color .15s}.nav-desktop a:hover{color:hsl(var(--foreground))}.header-actions{align-items:center;gap:10px;display:flex}.theme-toggle{border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:99px;align-items:center;padding:3px;display:inline-flex}.theme-toggle button{cursor:pointer;width:30px;height:26px;color:hsl(var(--muted-foreground));background:0 0;border:none;border-radius:99px;justify-content:center;align-items:center;display:inline-flex}.theme-toggle button svg{width:15px;height:15px}.theme-toggle button.active{background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.hamburger{border:1px solid hsl(var(--border-strong));border-radius:var(--radius-md);background:hsl(var(--card));cursor:pointer;width:40px;height:40px;color:hsl(var(--foreground));justify-content:center;align-items:center;display:none}.hamburger svg{width:18px;height:18px}.mobile-nav{border-bottom:1px solid hsl(var(--border));background:hsl(var(--background));flex-direction:column;gap:4px;padding:12px 28px 20px;display:none}.mobile-nav.open{display:flex}.mobile-nav a{color:hsl(var(--foreground));border-bottom:1px solid hsl(var(--border) / .6);padding:10px 0;font-size:15px}.mobile-nav .mn-actions{gap:10px;margin-top:12px;display:flex}.mobile-nav .mn-actions .btn{flex:1}.hero{text-align:center;padding:clamp(56px,8vw,96px) 0 clamp(64px,8vw,104px);position:relative;overflow:hidden}.hero-glow{background:radial-gradient(ellipse at center, hsl(var(--primary) / .1), transparent 70%);pointer-events:none;z-index:0;width:760px;height:420px;position:absolute;top:-10%;left:50%;transform:translate(-50%)}.hero>.container{z-index:1;position:relative}.hero h1{letter-spacing:-.035em;text-wrap:balance;max-width:16ch;margin:22px auto 0;font-size:clamp(36px,6.4vw,68px);font-weight:700;line-height:1.02}.hero h1 .accent{color:hsl(var(--primary))}.hero .subtitle{color:hsl(var(--muted-foreground));max-width:60ch;margin:22px auto 0;font-size:clamp(17px,2.2vw,20px);line-height:1.6}.hero-cta{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:34px;display:flex}.trust-strip{color:hsl(var(--muted-foreground));flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-top:26px;font-size:13.5px;display:flex}.trust-strip .ts-item{align-items:center;gap:8px;display:inline-flex}.trust-strip .ts-item svg{width:15px;height:15px;color:hsl(var(--primary))}.hero-visual{max-width:980px;margin:clamp(44px,6vw,72px) auto 0;container-type:inline-size}.hv-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);padding:30px;position:relative}.hv-grid{grid-template-columns:270px 96px 1fr;align-items:center;gap:0;display:grid}.hv-source{justify-content:center;display:flex}.formdef{background:hsl(var(--popover));border:1px solid hsl(var(--border-strong));border-radius:var(--radius-xl);width:100%;max-width:260px;box-shadow:var(--shadow-md);text-align:left;padding:18px}.formdef .fd-top{align-items:center;gap:10px;margin-bottom:16px;display:flex}.formdef .fd-name{font-size:13px;font-weight:600}.formdef .fd-sub{color:hsl(var(--muted-foreground));font-size:10px;font-family:var(--font-mono)}.formdef .fd-row{margin-bottom:12px}.formdef .fd-lab{color:hsl(var(--muted-foreground));margin-bottom:5px;font-size:10px;font-weight:500}.formdef .fd-input{border-radius:var(--radius-sm);border:1px solid hsl(var(--border));background:hsl(var(--card));height:26px}.formdef .fd-input.area{height:40px}.formdef .fd-submit{border-radius:var(--radius-sm);background:hsl(var(--primary));height:28px;color:hsl(var(--primary-foreground));justify-content:center;align-items:center;margin-top:4px;font-size:11px;font-weight:600;display:flex}.formdef .fd-type{border-top:1px dashed hsl(var(--border-strong));font-family:var(--font-mono);color:hsl(var(--muted-foreground));justify-content:space-between;align-items:center;margin-top:14px;padding-top:12px;font-size:11px;display:flex}.formdef .fd-type b{color:hsl(var(--accent-foreground))}.hv-conn{height:100%}.hv-conn svg{width:100%;height:100%;min-height:280px;overflow:visible}.hv-conn svg path{stroke:hsl(var(--primary))}.hv-conn svg circle{fill:hsl(var(--primary))}.hv-channels{flex-direction:column;gap:14px;display:flex}.surface{background:hsl(var(--popover));border:1px solid hsl(var(--border));border-radius:var(--radius-lg);transition:box-shadow .2s,transform .2s,border-color .2s;overflow:hidden}.surface:hover{box-shadow:var(--shadow-brand);border-color:hsl(var(--border-strong));transform:translateY(-2px)}.surface .s-head{border-bottom:1px solid hsl(var(--border));align-items:center;gap:9px;padding:9px 13px;display:flex}.surface .s-ico{border-radius:var(--radius-sm);background:hsl(var(--accent));width:26px;height:26px;color:hsl(var(--accent-foreground));flex-shrink:0;justify-content:center;align-items:center;display:flex}.surface .s-ico svg{width:15px;height:15px}.surface .s-name{font-size:12.5px;font-weight:600}.surface .s-path{font-family:var(--font-mono);color:hsl(var(--muted-foreground));margin-left:auto;font-size:11px}.surface .s-body{padding:12px 13px}.mini-browser{align-items:center;gap:5px;display:flex}.mini-browser .mb-dot{background:hsl(var(--border-strong));border-radius:99px;width:7px;height:7px}.mini-browser .mb-url{background:hsl(var(--muted));height:16px;font-family:var(--font-mono);color:hsl(var(--muted-foreground));border-radius:99px;flex:1;align-items:center;margin-left:8px;padding:0 9px;font-size:9px;display:flex}.hosted-form{align-items:center;gap:8px;margin-top:11px;display:flex}.hosted-form .hf-fields{flex-direction:column;flex:1;gap:6px;display:flex}.hosted-form .hf-line{background:hsl(var(--secondary));border-radius:99px;height:8px}.hosted-form .hf-line.w70{width:70%}.hosted-form .hf-btn{border-radius:var(--radius-sm);background:hsl(var(--primary));width:54px;height:24px}.embed-code{font-family:var(--font-mono);color:hsl(var(--muted-foreground));font-size:11px;line-height:1.7}.embed-code .tag{color:hsl(var(--accent-foreground))}.embed-code .str{color:hsl(var(--primary))}.embed-note{color:hsl(var(--muted-foreground));align-items:center;gap:6px;margin-top:8px;font-size:11px;display:inline-flex}.embed-note svg{width:13px;height:13px;color:hsl(var(--primary))}.surface.api{background:hsl(var(--code-bg));border-color:#1c3340}.surface.api .s-head{border-bottom-color:#182e39}.surface.api .s-name{color:#dfe8ec}.surface.api .s-path,.surface.api .s-body{color:hsl(var(--code-fg))}.api-code{font-family:var(--font-mono);font-size:11px;line-height:1.7}.api-code .verb{color:#5ad1a8;font-weight:600}.api-code .key{color:#7fb2ff}.api-code .\!key{color:#7fb2ff!important}.api-code .ok{color:#5ad1a8;background:#14523d4d;border-radius:99px;align-items:center;gap:5px;margin-top:8px;padding:3px 8px;font-size:10px;display:inline-flex}.api-code .ok .ok-dot{background:#5ad1a8;border-radius:99px;width:5px;height:5px}.hv-caption{text-align:center;color:hsl(var(--muted-foreground));margin-top:22px;font-size:13px}.hv-caption b{color:hsl(var(--foreground));font-weight:600}.stats-grid{grid-template-columns:repeat(4,1fr);gap:0;display:grid}.stat{border-left:1px solid hsl(var(--border));text-align:center;padding:8px 24px}.stat:first-child{border-left:none}.stat .s-val{letter-spacing:-.035em;font-size:clamp(34px,5vw,52px);font-weight:700;line-height:1}.stat .s-lab{color:hsl(var(--muted-foreground));margin-top:10px;font-size:14px;line-height:1.4}.features-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.feature{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius-2xl);padding:26px;transition:box-shadow .2s,border-color .2s,transform .2s}.feature:hover{box-shadow:var(--shadow-brand);border-color:hsl(var(--border-strong));transform:translateY(-3px)}.feature .f-ico{border-radius:var(--radius-lg);background:hsl(var(--accent));width:46px;height:46px;color:hsl(var(--accent-foreground));justify-content:center;align-items:center;margin-bottom:18px;display:flex}.feature .f-ico svg{width:23px;height:23px}.feature .f-title-row{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.feature h3{letter-spacing:-.01em;font-size:17px;font-weight:600}.feature p{color:hsl(var(--muted-foreground));margin-top:9px;font-size:14px;line-height:1.55}.feature p .mono{font-family:var(--font-mono);color:hsl(var(--accent-foreground));font-size:12.5px}.why-grid{grid-template-columns:1fr 1.45fr;gap:56px;display:grid}.why-head{align-self:start;position:sticky;top:96px}.why-head h2{letter-spacing:-.025em;text-wrap:balance;margin-top:16px;font-size:clamp(28px,3.6vw,40px);font-weight:600;line-height:1.1}.why-head p{color:hsl(var(--muted-foreground));margin-top:16px;font-size:16px;line-height:1.6}.why-list{grid-template-columns:1fr 1fr;gap:28px 30px;display:grid}.why-item .w-check{background:hsl(var(--primary) / .12);width:34px;height:34px;color:hsl(var(--primary));border-radius:99px;justify-content:center;align-items:center;margin-bottom:14px;display:flex}.why-item .w-check svg{width:17px;height:17px}.why-item h3{font-size:16px;font-weight:600}.why-item p{color:hsl(var(--muted-foreground));margin-top:7px;font-size:14px;line-height:1.55}.steps-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.step{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius-2xl);padding:28px;position:relative}.step .st-num{border-radius:var(--radius-lg);background:hsl(var(--primary));width:40px;height:40px;color:hsl(var(--primary-foreground));justify-content:center;align-items:center;margin-bottom:18px;font-size:16px;font-weight:600;display:flex}.step h3{letter-spacing:-.01em;font-size:18px;font-weight:600}.step p{color:hsl(var(--muted-foreground));margin-top:9px;font-size:14px;line-height:1.55}.step .st-meta{font-family:var(--font-mono);color:hsl(var(--accent-foreground));margin-top:14px;font-size:11.5px}.cta-band{background:hsl(var(--primary));border-radius:var(--radius-3xl);text-align:center;box-shadow:var(--shadow-lg);padding:clamp(40px,6vw,64px) clamp(28px,5vw,56px);position:relative;overflow:hidden}.cta-band:after{content:"";pointer-events:none;background:radial-gradient(at 80% -20%,#ffffff2e,#0000 55%);position:absolute;inset:0}.cta-band>*{z-index:1;position:relative}.cta-band h2{letter-spacing:-.025em;color:hsl(var(--primary-foreground));text-wrap:balance;max-width:18ch;margin:0 auto;font-size:clamp(26px,3.8vw,40px);font-weight:700;line-height:1.1}.cta-band p{color:hsl(var(--primary-foreground) / .82);max-width:52ch;margin:16px auto 0;font-size:17px;line-height:1.55}.cta-band .cta-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px;display:flex}.cta-sub{color:hsl(var(--primary-foreground) / .75);margin-top:18px;font-size:13px}.proof-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.proof-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius-2xl);padding:28px}.proof-card .pc-ico{border-radius:var(--radius-lg);background:hsl(var(--accent));width:42px;height:42px;color:hsl(var(--accent-foreground));justify-content:center;align-items:center;margin-bottom:18px;display:flex}.proof-card .pc-ico svg{width:21px;height:21px}.proof-card .pc-stat{letter-spacing:-.02em;font-size:28px;font-weight:700}.proof-card h3{margin-top:2px;font-size:16px;font-weight:600}.proof-card p{color:hsl(var(--muted-foreground));margin-top:9px;font-size:14px;line-height:1.55}.proof-note{text-align:center;border:1px dashed hsl(var(--border-strong));border-radius:var(--radius-xl);background:hsl(var(--muted) / .35);color:hsl(var(--muted-foreground));flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:28px;padding:18px 24px;font-size:13.5px;display:flex}.proof-note svg{width:16px;height:16px;color:hsl(var(--primary));flex-shrink:0}.faq-wrap{max-width:760px;margin:0 auto}.accordion{border:1px solid hsl(var(--border));border-radius:var(--radius-xl);background:hsl(var(--card));overflow:hidden}.acc-item{border-bottom:1px solid hsl(var(--border))}.acc-item:last-child{border-bottom:none}.acc-trigger{text-align:left;cursor:pointer;width:100%;font-family:var(--font-sans);color:hsl(var(--foreground));background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;font-size:16px;font-weight:500;display:flex}.acc-trigger:hover{background:hsl(var(--muted) / .5)}.acc-trigger .chev{width:18px;height:18px;color:hsl(var(--muted-foreground));flex-shrink:0;transition:transform .25s}.acc-item[data-state=open] .chev{transform:rotate(180deg)}.acc-inner{color:hsl(var(--muted-foreground));padding:0 22px 20px;font-size:15px;line-height:1.65}.acc-inner .mono{font-family:var(--font-mono);color:hsl(var(--accent-foreground));font-size:13px}.articles-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.article-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius-2xl);transition:box-shadow .2s,transform .2s;overflow:hidden}.article-card:hover{box-shadow:var(--shadow-brand);transform:translateY(-3px)}.article-card .ac-img{aspect-ratio:16/9;background:repeating-linear-gradient(135deg, hsl(var(--muted)) 0 12px, hsl(var(--muted) / .5) 12px 24px);border-bottom:1px solid hsl(var(--border));justify-content:center;align-items:center;display:flex;overflow:hidden}.article-card .ac-img img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.article-card .ac-img span{font-family:var(--font-mono);color:hsl(var(--muted-foreground));font-size:11px}.article-card .ac-body{padding:20px}.article-card .ac-date{font-family:var(--font-mono);color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.06em;font-size:11px}.article-card h3{letter-spacing:-.01em;margin-top:10px;font-size:16px;font-weight:600;line-height:1.3}.article-card p{color:hsl(var(--muted-foreground));margin-top:8px;font-size:13.5px;line-height:1.5}.articles-empty{border:1px dashed hsl(var(--border-strong));border-radius:var(--radius-2xl);text-align:center;background:hsl(var(--muted) / .3);padding:56px 28px}.articles-empty .ae-ico{border-radius:var(--radius-xl);background:hsl(var(--accent));width:52px;height:52px;color:hsl(var(--accent-foreground));justify-content:center;align-items:center;margin:0 auto 18px;display:flex}.articles-empty .ae-ico svg{width:25px;height:25px}.articles-empty h3{font-size:18px;font-weight:600}.articles-empty p{color:hsl(var(--muted-foreground));max-width:44ch;margin-top:8px;margin-left:auto;margin-right:auto;font-size:14.5px;line-height:1.55}.lead-grid{grid-template-columns:1fr 1.1fr;align-items:start;gap:56px;display:grid}.lead-intro{align-self:start;position:sticky;top:96px}.lead-intro h2{letter-spacing:-.025em;margin-top:16px;font-size:clamp(28px,3.6vw,40px);font-weight:600;line-height:1.1}.lead-intro p{color:hsl(var(--muted-foreground));margin-top:16px;font-size:16px;line-height:1.6}.dogfood-note{border:1px solid hsl(var(--border));border-radius:var(--radius-lg);background:hsl(var(--card));color:hsl(var(--muted-foreground));align-items:center;gap:10px;margin-top:22px;padding:11px 15px;font-size:13px;display:inline-flex}.dogfood-note svg{width:16px;height:16px;color:hsl(var(--primary));flex-shrink:0}.dogfood-note .mono{font-family:var(--font-mono);color:hsl(var(--accent-foreground))}.lead-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);padding:28px}.lead-embed-bar{border-bottom:1px solid hsl(var(--border));align-items:center;gap:9px;margin-bottom:20px;padding-bottom:16px;display:flex}.lead-embed-bar .leb-tag{font-family:var(--font-mono);color:hsl(var(--muted-foreground));font-size:11px}.field{flex-direction:column;gap:7px;margin-bottom:16px;display:flex}.field label{font-size:13.5px;font-weight:500}.field .input,.field .textarea{width:100%;font-family:var(--font-sans);color:hsl(var(--foreground));background:hsl(var(--background));border:1px solid hsl(var(--input));border-radius:var(--radius-md);height:42px;padding:0 13px;font-size:14px;transition:border-color .15s,box-shadow .15s}.field .\!input{width:100%!important;font-family:var(--font-sans)!important;color:hsl(var(--foreground))!important;background:hsl(var(--background))!important;border:1px solid hsl(var(--input))!important;border-radius:var(--radius-md)!important;height:42px!important;padding:0 13px!important;font-size:14px!important;transition:border-color .15s,box-shadow .15s!important}.field .textarea{resize:vertical;height:auto;min-height:110px;padding:12px 13px;line-height:1.5}.field .input::-moz-placeholder{color:hsl(var(--muted-foreground) / .75)}.field .textarea::-moz-placeholder{color:hsl(var(--muted-foreground) / .75)}.field .input::placeholder,.field .textarea::placeholder{color:hsl(var(--muted-foreground) / .75)}.field .\!input::placeholder{color:hsl(var(--muted-foreground) / .75)!important}.field .input:focus,.field .textarea:focus{border-color:hsl(var(--ring));box-shadow:0 0 0 3px hsl(var(--ring) / .22);outline:none}.field .\!input:focus{border-color:hsl(var(--ring))!important;box-shadow:0 0 0 3px hsl(var(--ring) / .22)!important;outline:none!important}.lead-consent{align-items:flex-start;gap:10px;margin:4px 0 20px;display:flex}.lead-consent .cbox{border-radius:var(--radius-sm);border:1px solid hsl(var(--border-strong));background:hsl(var(--primary));width:18px;height:18px;color:hsl(var(--primary-foreground));flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.lead-consent .cbox svg{width:12px;height:12px}.lead-consent span{color:hsl(var(--muted-foreground));font-size:12.5px;line-height:1.5}.site-footer{background:hsl(var(--card));border-top:1px solid hsl(var(--border));padding:64px 0 40px}.footer-top{grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;display:grid}.footer-comparisons{grid-template-columns:1.6fr 1fr 1fr 1fr;gap:0 40px;margin-top:36px;display:grid}.footer-comparisons>h2{font-size:12px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:hsl(var(--muted-foreground));grid-column:2/-1;margin-bottom:16px}.footer-comparisons-grid{grid-column:2/-1;grid-template-columns:1fr 1fr 1fr;gap:0 40px;display:grid}.footer-comparisons-grid a{color:hsl(var(--foreground));padding:6px 0;font-size:14px;transition:color .15s;display:block}.footer-comparisons-grid a:hover{color:hsl(var(--primary))}.footer-solutions{grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;margin-top:36px;display:grid}.footer-solutions>.footer-col:first-child{grid-column:2}.footer-brand .fb-row{letter-spacing:-.02em;align-items:center;gap:11px;font-size:17px;font-weight:600;display:flex}.footer-brand p{color:hsl(var(--muted-foreground));max-width:30ch;margin-top:14px;font-size:14px;line-height:1.55}.footer-brand .fb-cta{margin-top:20px}.footer-col h2{font-size:12px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:hsl(var(--muted-foreground));margin-bottom:16px}.footer-col a{color:hsl(var(--foreground));padding:6px 0;font-size:14px;transition:color .15s;display:block}.footer-col a:hover{color:hsl(var(--primary))}.footer-bottom{border-top:1px solid hsl(var(--border));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:48px;padding-top:26px;display:flex}.footer-bottom .fb-meta{color:hsl(var(--muted-foreground));font-size:13px}.footer-bottom .fb-meta.mono{font-family:var(--font-mono);font-size:12px}.fb-bottom-right{align-items:center;gap:16px;display:inline-flex}@container (max-width:720px){.hv-grid{grid-template-columns:1fr;gap:22px}.hv-conn{display:none}.hv-source{justify-content:center}.formdef{max-width:320px}}@media (max-width:1024px){.why-grid{grid-template-columns:1fr;gap:36px}.why-head{position:static}.lead-grid{grid-template-columns:1fr;gap:36px}.lead-intro{position:static}.features-grid{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:1fr 1fr 1fr}.footer-brand{grid-column:1/-1}.footer-comparisons{grid-template-columns:1fr}.footer-comparisons>h2,.footer-comparisons-grid{grid-column:1/-1}.footer-solutions{grid-template-columns:1fr 1fr}.footer-solutions>.footer-col:first-child{grid-column:auto}}@media (max-width:767px){.nav-desktop,.header-actions>.btn{display:none}.hamburger{display:inline-flex}.header-actions{gap:8px}.steps-grid,.proof-grid,.articles-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr);row-gap:32px}.stat{border-left:none;padding:8px 12px}.stat:nth-child(2n){border-left:1px solid hsl(var(--border))}.footer-top,.footer-comparisons-grid{grid-template-columns:1fr 1fr}}@media (max-width:639px){.features-grid,.why-list{grid-template-columns:1fr}.footer-bottom{flex-direction:column;align-items:flex-start}}@media (max-width:400px){.stats-grid{grid-template-columns:1fr}.stat:nth-child(2n){border-left:none}.footer-top{grid-template-columns:1fr}}.page-header{text-align:center;padding:clamp(52px,8vw,96px) 0 clamp(28px,4vw,44px)}.page-header.with-border{border-bottom:1px solid hsl(var(--border));padding-bottom:clamp(48px,7vw,80px)}.page-header h1{letter-spacing:-.035em;text-wrap:balance;max-width:20ch;margin:18px auto 0;font-size:clamp(34px,5.2vw,56px);font-weight:700;line-height:1.05}.page-header .ph-sub{color:hsl(var(--muted-foreground));max-width:58ch;margin:18px auto 0;font-size:clamp(16px,2vw,19px);line-height:1.6}.billing{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:30px;display:flex}.bill-seg{background:hsl(var(--muted));border:1px solid hsl(var(--border));border-radius:99px;gap:2px;padding:4px;display:inline-flex}.bill-seg button{cursor:pointer;font-family:var(--font-sans);color:hsl(var(--muted-foreground));background:0 0;border:none;border-radius:99px;padding:9px 18px;font-size:14px;font-weight:500;transition:background .15s,color .15s,box-shadow .15s}.bill-seg button.active{background:hsl(var(--card));color:hsl(var(--foreground));box-shadow:var(--shadow-xs)}.bill-save{color:hsl(var(--accent-foreground));background:hsl(var(--accent));border-radius:99px;padding:6px 12px;font-size:12.5px;font-weight:500}.plans-section{padding-top:clamp(20px,3vw,36px)}.plan-grid{grid-template-columns:repeat(4,1fr);align-items:stretch;gap:16px;display:grid}.plan{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius-2xl);flex-direction:column;padding:26px 24px;transition:box-shadow .2s,border-color .2s,transform .2s;display:flex;position:relative}.plan:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.plan.popular{border-color:hsl(var(--primary));box-shadow:var(--shadow-brand)}.plan.popular:hover{box-shadow:var(--shadow-brand), var(--shadow-md)}.plan .pop{letter-spacing:.02em;background:hsl(var(--primary));color:hsl(var(--primary-foreground));white-space:nowrap;border-radius:99px;padding:5px 13px;font-size:11px;font-weight:600;position:absolute;top:-11px;left:50%;transform:translate(-50%)}.plan .pl-name{font-size:15px;font-weight:600}.plan .pl-price{align-items:baseline;gap:4px;margin:14px 0 4px;display:flex}.plan .pl-amt{letter-spacing:-.035em;font-size:42px;font-weight:700;line-height:1}.plan .pl-per{color:hsl(var(--muted-foreground));font-size:14px}.plan .pl-sub{color:hsl(var(--muted-foreground));min-height:38px;font-size:13px;line-height:1.45}.plan .pl-cta{margin:20px 0 18px}.plan .pl-cta .btn{width:100%}.plan .pl-feats{flex-direction:column;gap:11px;list-style:none;display:flex}.plan .pl-feats .pl-head{font-size:11px;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:hsl(var(--muted-foreground));margin-bottom:2px}.plan .pl-feats li{color:hsl(var(--foreground));align-items:flex-start;gap:10px;font-size:13.5px;line-height:1.4;display:flex}.plan .pl-feats li svg{width:16px;height:16px;color:hsl(var(--primary));flex-shrink:0;margin-top:1px}.plan .pl-feats li.off{color:hsl(var(--muted-foreground))}.plan .pl-feats li.off svg{color:hsl(var(--muted-foreground) / .7)}.plan .pl-feats li b{font-weight:600}.plans-note{text-align:center;color:hsl(var(--muted-foreground));justify-content:center;align-items:center;gap:8px;width:100%;margin-top:24px;font-size:13.5px;display:inline-flex}.plans-note svg{width:16px;height:16px;color:hsl(var(--primary))}.cmp-head{text-align:center;max-width:640px;margin:0 auto 36px}.cmp-head h2{letter-spacing:-.025em;margin-top:14px;font-size:clamp(26px,3.6vw,38px);font-weight:600}.cmp-head p{color:hsl(var(--muted-foreground));margin-top:14px;font-size:16px;line-height:1.55}.cmp-wrap{border:1px solid hsl(var(--border));border-radius:var(--radius-2xl);background:hsl(var(--card));-webkit-overflow-scrolling:touch;overflow-x:auto}.cmp{border-collapse:collapse;width:100%;min-width:860px}.cmp th,.cmp td{text-align:center;border-bottom:1px solid hsl(var(--border));padding:15px 18px;font-size:14px}.cmp .feat-col{text-align:left;width:32%;color:hsl(var(--foreground));background:hsl(var(--card));font-weight:500;position:sticky;left:0}.cmp thead th{vertical-align:top}.cmp thead .feat-col{vertical-align:bottom;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:hsl(var(--muted-foreground));font-size:11px;font-weight:500}.cmp thead .ph-name{font-size:15px;font-weight:600}.cmp thead .ph-price{letter-spacing:-.03em;margin-top:4px;font-size:22px;font-weight:700}.cmp thead .ph-price small{color:hsl(var(--muted-foreground));letter-spacing:0;font-size:12px;font-weight:500}.cmp thead .ph-cta{margin-top:12px}.cmp thead .ph-cta .btn{width:100%}.cmp .grp td{background:hsl(var(--muted) / .55);text-align:left;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:hsl(var(--muted-foreground));padding:11px 18px;font-size:11px;font-weight:500;position:sticky;left:0}.cmp .yes{display:inline-flex}.cmp .yes svg{width:19px;height:19px;color:hsl(var(--primary))}.cmp .no{color:hsl(var(--muted-foreground) / .55);font-size:16px}.cmp td.val{color:hsl(var(--foreground));font-variant-numeric:tabular-nums}.cmp td.val small{color:hsl(var(--muted-foreground));font-size:12px}.cmp tbody tr:last-child td{border-bottom:none}.cmp .pop-col{background:hsl(var(--primary) / .05)}.cmp thead .pop-col{background:hsl(var(--primary) / .08);border-top-left-radius:0}.cmp .grp td.pop-col{background:hsl(var(--primary) / .06)}.prose-section{padding:clamp(48px,7vw,88px) 0}.prose{max-width:760px;margin:0 auto}.prose .prose-meta{font-family:var(--font-mono);color:hsl(var(--muted-foreground));border-bottom:1px solid hsl(var(--border));flex-wrap:wrap;align-items:center;gap:8px 18px;margin-bottom:32px;padding-bottom:22px;font-size:12px;display:flex}.prose .prose-meta .pm-badge{color:hsl(var(--accent-foreground));background:hsl(var(--accent));border-radius:99px;align-items:center;gap:7px;padding:5px 11px;display:inline-flex}.prose .prose-meta .pm-badge svg{width:13px;height:13px}.prose h2{letter-spacing:-.02em;margin:40px 0 14px;scroll-margin-top:88px;font-size:24px;font-weight:600}.prose h2:first-child{margin-top:0}.prose h3{margin:26px 0 10px;font-size:17px;font-weight:600}.prose p{color:hsl(var(--foreground) / .85);margin-bottom:16px;font-size:16px;line-height:1.7}.prose ul,.prose ol{flex-direction:column;gap:9px;margin:0 0 18px;padding-left:22px;display:flex}.prose ul{list-style:outside}.prose ol{list-style:decimal}.prose li{color:hsl(var(--foreground) / .85);font-size:16px;line-height:1.65}.prose li::marker{color:hsl(var(--primary))}.prose a{color:hsl(var(--primary));text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:hsl(var(--primary) / .4);text-decoration-color:hsl(var(--primary) / .4)}.prose a:hover{-webkit-text-decoration-color:hsl(var(--primary));text-decoration-color:hsl(var(--primary))}.prose strong{color:hsl(var(--foreground));font-weight:600}.prose .mono{font-family:var(--font-mono);color:hsl(var(--accent-foreground));font-size:14px}.prose .prose-callout{background:hsl(var(--muted) / .5);border:1px solid hsl(var(--border));border-radius:var(--radius-xl);color:hsl(var(--muted-foreground));gap:13px;margin:24px 0;padding:18px 20px;font-size:14.5px;line-height:1.6;display:flex}.prose .prose-callout svg{width:18px;height:18px;color:hsl(var(--primary));flex-shrink:0;margin-top:2px}.prose .toc{flex-wrap:wrap;gap:8px;margin-bottom:36px;display:flex}.prose .toc a{color:hsl(var(--muted-foreground));background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:99px;padding:6px 13px;font-size:13px;text-decoration:none;transition:color .15s,border-color .15s}.prose .toc a:hover{color:hsl(var(--primary));border-color:hsl(var(--border-strong))}.about-belief .why-head h2{font-size:clamp(26px,3.4vw,38px)}@media (max-width:1024px){.plan-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width:560px){.plan-grid{grid-template-columns:1fr}}.blog-section{padding:clamp(40px,6vw,72px) 0 clamp(64px,9vw,112px)}.blog-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.post-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius-2xl);flex-direction:column;transition:box-shadow .2s,transform .2s,border-color .2s;display:flex;overflow:hidden}.post-card:hover{box-shadow:var(--shadow-brand);border-color:hsl(var(--border-strong));transform:translateY(-3px)}.post-card .pc-img{aspect-ratio:16/9;background:repeating-linear-gradient(135deg, hsl(var(--muted)) 0 14px, hsl(var(--muted) / .5) 14px 28px);border-bottom:1px solid hsl(var(--border));justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.post-card .pc-img img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.post-card .pc-img .pc-cat{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:hsl(var(--accent-foreground));background:hsl(var(--accent));border-radius:99px;padding:5px 10px;font-size:10px;position:absolute;top:13px;left:13px}.post-card .pc-img span.ph{font-family:var(--font-mono);color:hsl(var(--muted-foreground));font-size:11px}.post-card .pc-body{flex-direction:column;flex:1;padding:20px 22px 24px;display:flex}.post-card .pc-date{font-family:var(--font-mono);color:hsl(var(--muted-foreground));letter-spacing:.06em;font-size:11px}.post-card h3{letter-spacing:-.015em;text-wrap:balance;margin-top:9px;font-size:18px;font-weight:600;line-height:1.3}.post-card p{color:hsl(var(--muted-foreground));flex:1;margin-top:9px;font-size:14px;line-height:1.55}.post-card .pc-read{color:hsl(var(--primary));align-items:center;gap:7px;margin-top:16px;font-size:13.5px;font-weight:500;display:inline-flex}.post-card .pc-read svg{width:15px;height:15px;transition:transform .15s}.post-card:hover .pc-read svg{transform:translate(3px)}.post-featured{grid-column:1/-1;grid-template-columns:1.1fr 1fr;display:grid}.post-featured .pc-img{aspect-ratio:auto;border-bottom:none;border-right:1px solid hsl(var(--border));min-height:280px}.post-featured .pc-body{justify-content:center;padding:32px}.post-featured h3{font-size:clamp(22px,2.6vw,30px)}.post-featured p{flex:none;font-size:15px}.article-wrap{max-width:760px;margin:0 auto}.back-link{color:hsl(var(--muted-foreground));align-items:center;gap:8px;margin-bottom:26px;font-size:13.5px;text-decoration:none;transition:color .15s;display:inline-flex}.back-link:hover{color:hsl(var(--primary))}.back-link svg{width:15px;height:15px}.article-meta{font-family:var(--font-mono);color:hsl(var(--muted-foreground));flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:16px;font-size:12px;display:flex}.article-meta .am-cat{color:hsl(var(--accent-foreground));background:hsl(var(--accent));letter-spacing:.04em;border-radius:99px;padding:5px 11px}.article-meta .am-dot{background:hsl(var(--muted-foreground) / .5);border-radius:99px;width:3px;height:3px}.article-title{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(30px,4.6vw,46px);font-weight:700;line-height:1.08}.article-byline{border-bottom:1px solid hsl(var(--border));align-items:center;gap:11px;margin-top:22px;padding-bottom:28px;display:flex}.article-byline .ab-avatar{background:hsl(var(--accent));width:38px;height:38px;color:hsl(var(--accent-foreground));border-radius:99px;justify-content:center;align-items:center;display:flex}.article-byline .ab-avatar svg{width:19px;height:19px}.article-byline .ab-name{font-size:14px;font-weight:600}.article-byline .ab-role{color:hsl(var(--muted-foreground));font-size:12.5px}.article-hero{aspect-ratio:16/9;border-radius:var(--radius-2xl);background:repeating-linear-gradient(135deg, hsl(var(--muted)) 0 16px, hsl(var(--muted) / .5) 16px 32px);border:1px solid hsl(var(--border));font-family:var(--font-mono);color:hsl(var(--muted-foreground));justify-content:center;align-items:center;margin:32px 0;font-size:12px;display:flex;overflow:hidden}.article-hero img{-o-object-fit:cover;object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.article-code{font-family:var(--font-mono);background:hsl(var(--code-bg));color:hsl(var(--code-fg));border-radius:var(--radius-xl);border:1px solid #1c3340;margin:24px 0;padding:18px 20px;font-size:13px;line-height:1.7;overflow-x:auto}.article-code .verb{color:#5ad1a8;font-weight:600}.article-code .key{color:#7fb2ff}.article-code .\!key{color:#7fb2ff!important}.article-end{border-top:1px solid hsl(var(--border));margin-top:44px;padding-top:32px}.article-table-wrap{border:1px solid hsl(var(--border));border-radius:var(--radius-xl);margin:24px 0;overflow-x:auto}.article-table{border-collapse:collapse;width:100%;font-size:14.5px}.article-table th,.article-table td{text-align:left;border-bottom:1px solid hsl(var(--border));padding:11px 16px}.article-table th{text-transform:uppercase;letter-spacing:.04em;color:hsl(var(--muted-foreground));background:hsl(var(--muted) / .5);font-size:12px;font-weight:600}.article-table tbody tr:last-child td{border-bottom:none}.article-table td{color:hsl(var(--foreground) / .85)}.notfound{text-align:center;justify-content:center;align-items:center;min-height:calc(100vh - 64px);padding:80px 28px;display:flex;position:relative;overflow:hidden}.notfound .nf-glow{background:radial-gradient(ellipse at center, hsl(var(--primary) / .1), transparent 70%);pointer-events:none;width:620px;height:360px;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.notfound .nf-inner{z-index:1;max-width:480px;position:relative}.notfound .nf-mark{margin-bottom:28px;display:inline-flex}.notfound .nf-code{font-family:var(--font-mono);letter-spacing:-.04em;color:hsl(var(--primary));font-size:clamp(72px,16vw,132px);font-weight:700;line-height:1}.notfound h1{letter-spacing:-.02em;margin-top:12px;font-size:clamp(24px,4vw,32px);font-weight:600}.notfound p{color:hsl(var(--muted-foreground));margin-top:14px;font-size:16px;line-height:1.6}.notfound .nf-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px;display:flex}@media (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.post-featured{grid-template-columns:1fr}.post-featured .pc-img{border-right:none;border-bottom:1px solid hsl(var(--border));min-height:200px}.post-featured .pc-body{padding:24px}}@media (max-width:639px){.blog-grid{grid-template-columns:1fr}}.dev-hero{text-align:center;padding:clamp(48px,7vw,84px) 0 clamp(34px,4.5vw,52px)}.dev-hero .eyebrow{justify-content:center}.dev-hero h1{letter-spacing:-.035em;text-wrap:balance;max-width:18ch;margin:16px auto 0;font-size:clamp(32px,4.6vw,50px);font-weight:700;line-height:1.06}.dev-hero .dh-sub{color:hsl(var(--muted-foreground));max-width:56ch;margin:16px auto 0;font-size:clamp(16px,1.9vw,18px);line-height:1.6}.dev-hero .hero-cta{margin-top:26px}.btn .ext{opacity:.75;width:14px;height:14px}.primer{grid-template-columns:230px 52px 1fr;align-items:stretch;max-width:1040px;margin:0 auto;display:grid}.primer-source{text-align:center;border:1px solid hsl(var(--primary) / .3);border-radius:var(--radius-xl);background:hsl(var(--accent) / .5);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:26px 22px;display:flex}.primer-source>div{flex-direction:column;align-items:center;gap:8px;display:flex}.primer-source .ps-badge{border-radius:var(--radius-lg);background:hsl(var(--primary));width:48px;height:48px;color:hsl(var(--primary-foreground));box-shadow:var(--shadow-brand);justify-content:center;align-items:center;display:flex}.primer-source .ps-badge svg{width:23px;height:23px}.primer-source .ps-label{color:hsl(var(--foreground));font-size:15px;font-weight:600}.primer-source .ps-meta{font-family:var(--font-mono);color:hsl(var(--accent-foreground));background:hsl(var(--card));border:1px solid hsl(var(--primary) / .25);border-radius:99px;margin-top:2px;padding:4px 11px;font-size:11px}.primer-arrow{color:hsl(var(--primary));justify-content:center;align-items:center;display:flex}.primer-arrow svg{width:22px;height:22px;transition:transform .2s}.primer-channels{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.pchan{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius-xl);flex-direction:column;padding:20px 18px 18px;transition:border-color .2s,box-shadow .2s;display:flex}.pchan:hover{border-color:hsl(var(--border-strong));box-shadow:var(--shadow-xs)}.pchan .pc-ico{border-radius:var(--radius-md);background:hsl(var(--accent));width:34px;height:34px;color:hsl(var(--accent-foreground));justify-content:center;align-items:center;margin-bottom:12px;display:flex}.pchan .pc-ico svg{width:17px;height:17px}.pchan .pc-name{font-size:14px;font-weight:600}.pchan .pc-path{font-family:var(--font-mono);color:hsl(var(--accent-foreground));margin-top:3px;font-size:11px}.pchan .pc-desc{color:hsl(var(--muted-foreground));margin-top:9px;font-size:13px;line-height:1.5}.dev-cat{margin-top:clamp(40px,5vw,56px)}.dev-cat:first-of-type{margin-top:0}.cat-head{border-bottom:1px solid hsl(var(--border));align-items:baseline;gap:12px;margin-bottom:22px;padding-bottom:18px;display:flex}.cat-head .ch-title{font-size:13px;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:hsl(var(--accent-foreground));align-items:center;display:inline-flex}.cat-head .ch-desc{color:hsl(var(--muted-foreground));text-align:right;margin-left:auto;font-size:14px}.guide-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.guide-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius-2xl);flex-direction:column;gap:0;padding:22px 22px 20px;transition:box-shadow .2s,border-color .2s,transform .2s;display:flex;position:relative}.guide-card:hover{box-shadow:var(--shadow-brand);border-color:hsl(var(--border-strong));transform:translateY(-3px)}.guide-card:focus-visible{outline:2px solid hsl(var(--ring) / .55);outline-offset:3px}.guide-card .gc-top{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.guide-card .gc-ico{border-radius:var(--radius-lg);border:1px solid hsl(var(--border-strong));background:hsl(var(--muted) / .5);width:38px;height:38px;color:hsl(var(--foreground));justify-content:center;align-items:center;transition:background .2s,color .2s,border-color .2s;display:flex}.guide-card .gc-ico svg{width:19px;height:19px}.guide-card:hover .gc-ico{background:hsl(var(--accent));color:hsl(var(--accent-foreground));border-color:hsl(var(--accent))}.guide-card .gc-arrow{width:30px;height:30px;color:hsl(var(--muted-foreground));border-radius:99px;justify-content:center;align-items:center;transition:transform .2s,color .2s,background .2s;display:flex}.guide-card .gc-arrow svg{width:16px;height:16px}.guide-card:hover .gc-arrow{color:hsl(var(--primary));transform:translate(2px)}.guide-card h3{letter-spacing:-.01em;text-wrap:balance;font-size:16px;font-weight:600;line-height:1.3}.guide-card p{color:hsl(var(--muted-foreground));flex:1;margin-top:8px;font-size:13.5px;line-height:1.55}.guide-card .gc-tag{font-family:var(--font-mono);letter-spacing:.04em;color:hsl(var(--muted-foreground));align-items:center;gap:7px;margin-top:14px;font-size:11px;display:inline-flex}.guide-card .gc-tag .gt-line{background:hsl(var(--border));flex:1;height:1px}.code-preview{max-width:820px;margin:0 auto}.code-block{background:hsl(var(--code-bg));border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid #1c3340;overflow:hidden}html.dark .code-block{border-color:#182e39}.code-block .cb-bar{background:#0b1a22;border-bottom:1px solid #1c3340;align-items:center;gap:10px;padding:11px 14px;display:flex}.code-block .cb-dots{gap:6px;display:flex}.code-block .cb-dots i{background:#3d515c;border-radius:99px;width:9px;height:9px;display:block}.code-block .cb-file{font-family:var(--font-mono);color:#8ba6b1;letter-spacing:.02em;font-size:11.5px}.code-block .cb-copy{font-family:var(--font-mono);color:#a8bec7;border-radius:var(--radius-md);cursor:pointer;background:#152832;border:1px solid #223f4f;align-items:center;gap:7px;margin-left:auto;padding:5px 11px;font-size:11.5px;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.code-block .cb-copy:hover{color:#d9e4e8;background:#193443}.code-block .cb-copy svg{width:13px;height:13px}.code-block .cb-copy.copied{color:#5ad1a8;border-color:#246b53}.code-block pre{font-family:var(--font-mono);color:hsl(var(--code-fg));tab-size:2;white-space:pre;margin:0;padding:18px 20px;font-size:13px;line-height:1.75;overflow-x:auto}.code-block pre .verb{color:#5ad1a8;font-weight:600}.code-block pre .key{color:#7fb2ff}.code-block pre .\!key{color:#7fb2ff!important}.code-block pre .str{color:#f0a868}.code-block pre .com{color:#648490}.code-block pre .punc{color:#87a1ab}.code-caption{text-align:center;color:hsl(var(--muted-foreground));margin-top:18px;font-size:13px}.code-caption .mono{font-family:var(--font-mono);color:hsl(var(--accent-foreground));font-size:12px}.ref-band{background:hsl(var(--muted) / .5);border:1px solid hsl(var(--border));border-radius:var(--radius-3xl);flex-wrap:wrap;align-items:center;gap:28px;padding:clamp(26px,3.4vw,40px) clamp(26px,3.6vw,44px);display:flex}.ref-band .rb-ico{border-radius:var(--radius-xl);background:hsl(var(--card));border:1px solid hsl(var(--border-strong));width:54px;height:54px;color:hsl(var(--primary));flex-shrink:0;justify-content:center;align-items:center;display:flex}.ref-band .rb-ico svg{width:26px;height:26px}.ref-band .rb-copy{flex:1;min-width:240px}.ref-band .rb-copy h3{letter-spacing:-.02em;font-size:clamp(19px,2.2vw,24px);font-weight:600}.ref-band .rb-copy p{color:hsl(var(--muted-foreground));max-width:52ch;margin-top:8px;font-size:15px;line-height:1.55}.ref-band .rb-action{flex-shrink:0}.prose .prose-callout.ref{background:hsl(var(--code-bg));color:hsl(var(--code-fg));border-color:#1c3340;align-items:center}html.dark .prose .prose-callout.ref{border-color:#182e39}.prose .prose-callout.ref .rc-ico{border-radius:var(--radius-md);color:#7fb2ff;background:#182e39;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;margin:0;display:flex}.prose .prose-callout.ref .rc-ico svg{width:17px;height:17px;color:inherit;margin:0}.prose .prose-callout.ref .rc-body{flex:1}.prose .prose-callout.ref strong{color:#dfe8ec}.prose .prose-callout.ref a{color:#7fb2ff;font-weight:500;text-decoration-color:#80b9ff66}.prose .prose-callout.ref a:hover{text-decoration-color:#7fb2ff}@media (max-width:1024px){.guide-grid{grid-template-columns:repeat(2,1fr)}.primer{grid-template-columns:1fr}.primer-source{text-align:left;flex-direction:row;justify-content:flex-start;align-items:center;gap:16px;padding:20px 22px}.primer-source>div{align-items:flex-start}.primer-arrow{padding:14px 0}.primer-arrow svg{transform:rotate(90deg)}}@media (max-width:767px){.primer-channels{grid-template-columns:1fr}.cat-head{flex-direction:column;gap:6px}.cat-head .ch-desc{text-align:left;margin-left:0}.ref-band{flex-direction:column;align-items:flex-start;gap:20px}}@media (max-width:639px){.guide-grid{grid-template-columns:1fr}}.showcase{grid-template-columns:1.02fr 1fr;align-items:center;gap:clamp(40px,5vw,76px);display:grid}.showcase+.showcase{margin-top:clamp(56px,7vw,96px)}.showcase.reverse .showcase-viz{order:-1}.showcase-copy h2{letter-spacing:-.025em;text-wrap:balance;margin-top:16px;font-size:clamp(26px,3.4vw,38px);font-weight:600;line-height:1.1}.showcase-copy>p{color:hsl(var(--muted-foreground));max-width:48ch;margin-top:16px;font-size:17px;line-height:1.6}.showcase-list{flex-direction:column;gap:15px;margin:24px 0 0;padding:0;list-style:none;display:flex}.showcase-list li{color:hsl(var(--foreground) / .9);gap:13px;font-size:14.5px;line-height:1.5;display:flex}.showcase-list .sl-check{background:hsl(var(--primary) / .12);width:22px;height:22px;color:hsl(var(--primary));border-radius:99px;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.showcase-list .sl-check svg{width:13px;height:13px}.showcase-list li b{color:hsl(var(--foreground));font-weight:600}.showcase-list .mono{font-family:var(--font-mono);color:hsl(var(--accent-foreground));font-size:12.5px}.showcase-cta{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.viz{position:relative}.viz-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);padding:22px;position:relative}.viz-card.tagged{padding-top:50px}.viz-tag{z-index:3;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:hsl(var(--accent-foreground));background:hsl(var(--accent));border:1px solid hsl(var(--primary) / .25);box-shadow:var(--shadow-xs);border-radius:99px;align-items:center;gap:6px;padding:5px 11px;font-size:11px;display:inline-flex;position:absolute;top:16px;right:16px}.viz-tag svg{width:12px;height:12px}.viz-cap{text-align:center;color:hsl(var(--muted-foreground));margin-top:16px;font-size:12.5px}.viz-cap .mono{font-family:var(--font-mono);color:hsl(var(--accent-foreground));font-size:11.5px}.mk-head{align-items:center;gap:10px;margin-bottom:16px;display:flex}.mk-dot{border-radius:var(--radius-md);background:hsl(var(--accent));width:26px;height:26px;color:hsl(var(--accent-foreground));justify-content:center;align-items:center;display:flex}.mk-dot svg{width:14px;height:14px}.mk-title{font-size:13.5px;font-weight:600}.mk-sub{font-family:var(--font-mono);color:hsl(var(--muted-foreground));font-size:10.5px}.mk-field{margin-bottom:13px}.mk-label{color:hsl(var(--muted-foreground));margin-bottom:6px;font-size:11.5px;font-weight:500;display:block}.mk-input{border-radius:var(--radius-md);border:1px solid hsl(var(--border));background:hsl(var(--background));height:34px;color:hsl(var(--foreground) / .7);align-items:center;padding:0 12px;font-size:12.5px;display:flex}.mk-input.area{align-items:flex-start;height:56px;padding-top:10px}.mk-submit{border-radius:var(--radius-md);background:hsl(var(--primary));height:36px;color:hsl(var(--primary-foreground));justify-content:center;align-items:center;margin-top:4px;font-size:12.5px;font-weight:600;display:flex}.mk-browser{border:1px solid hsl(var(--border-strong));border-radius:var(--radius-lg);background:hsl(var(--background));overflow:hidden}.mk-browser .mb-bar{background:hsl(var(--muted) / .6);border-bottom:1px solid hsl(var(--border));align-items:center;gap:6px;padding:9px 12px;display:flex}.mk-browser .mb-bar i{background:hsl(var(--border-strong));border-radius:99px;width:8px;height:8px}.mk-browser .mb-url{background:hsl(var(--card));border:1px solid hsl(var(--border));height:18px;font-family:var(--font-mono);color:hsl(var(--muted-foreground));border-radius:99px;flex:1;align-items:center;margin-left:8px;padding:0 10px;font-size:9.5px;display:flex}.mk-browser .mb-body{padding:16px}.avail-strip{background:hsl(var(--muted) / .5);border:1px solid hsl(var(--border));border-radius:var(--radius-3xl);grid-template-columns:auto 1fr auto;align-items:center;gap:22px 28px;padding:clamp(22px,3vw,32px) clamp(24px,3.4vw,40px);display:grid}.avail-strip .as-ico{border-radius:var(--radius-xl);background:hsl(var(--card));border:1px solid hsl(var(--border-strong));width:48px;height:48px;color:hsl(var(--primary));justify-content:center;align-items:center;display:flex}.avail-strip .as-ico svg{width:23px;height:23px}.avail-strip .as-body h3{letter-spacing:-.01em;font-size:17px;font-weight:600}.avail-strip .as-body p{color:hsl(var(--muted-foreground));max-width:54ch;margin-top:6px;font-size:14px;line-height:1.5}.plan-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.plan-chip{font-family:var(--font-mono);letter-spacing:.02em;border:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));background:hsl(var(--card));border-radius:99px;align-items:center;gap:6px;padding:5px 11px;font-size:11.5px;display:inline-flex}.plan-chip svg{width:12px;height:12px}.plan-chip.on{color:hsl(var(--accent-foreground));background:hsl(var(--accent));border-color:hsl(var(--primary) / .3)}.plan-chip.on .pc-mark{color:hsl(var(--primary))}.plan-chip.off{opacity:.55}.plan-chip.off .pc-mark{color:hsl(var(--muted-foreground))}.avail-strip .as-action{white-space:nowrap}.viz-ai .prompt{border:1px solid hsl(var(--primary) / .35);border-radius:var(--radius-lg);background:hsl(var(--accent) / .4);box-shadow:0 0 0 3px hsl(var(--primary) / .08);align-items:center;gap:10px;padding:11px 12px;display:flex}.viz-ai .prompt .p-spark{border-radius:var(--radius-md);background:hsl(var(--primary));width:26px;height:26px;color:hsl(var(--primary-foreground));flex-shrink:0;justify-content:center;align-items:center;display:flex}.viz-ai .prompt .p-spark svg{width:15px;height:15px}.viz-ai .prompt .p-text{color:hsl(var(--foreground) / .85);flex:1;font-size:12.5px}.viz-ai .prompt .p-go{color:hsl(var(--primary-foreground));background:hsl(var(--primary));border-radius:var(--radius-md);padding:6px 12px;font-size:11.5px;font-weight:600}.viz-ai .gen-bar{font-family:var(--font-mono);color:hsl(var(--accent-foreground));align-items:center;gap:9px;margin:16px 0;font-size:11px;display:flex}.viz-ai .gen-bar:before,.viz-ai .gen-bar:after{content:"";background:linear-gradient(90deg, transparent, hsl(var(--primary) / .4));flex:1;height:1px}.viz-ai .gen-bar:after{background:linear-gradient(90deg, hsl(var(--primary) / .4), transparent)}.viz-ai .gen-bar svg{width:13px;height:13px}.viz-ai .gen-form{border:1px solid hsl(var(--border));border-radius:var(--radius-lg);background:hsl(var(--popover));padding:16px}.viz-ai .edit-chip{color:hsl(var(--accent-foreground));background:hsl(var(--accent) / .6);font-size:11px;font-family:var(--font-mono);border-radius:99px;align-items:center;gap:6px;margin-top:4px;padding:5px 10px;display:inline-flex}.viz-ai .edit-chip svg{width:12px;height:12px}.viz-tr .tr-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.viz-tr .lang-pill{border:1px solid hsl(var(--border-strong));background:hsl(var(--card));border-radius:99px;align-items:center;gap:7px;padding:6px 12px;font-size:12px;font-weight:500;display:inline-flex}.viz-tr .lang-pill .flag{background:hsl(var(--accent));border-radius:2px;width:16px;height:12px;display:inline-block}.viz-tr .lang-pill svg{width:13px;height:13px;color:hsl(var(--muted-foreground))}.viz-tr .lang-menu{border:1px solid hsl(var(--border));border-radius:var(--radius-lg);background:hsl(var(--popover));box-shadow:var(--shadow-md);margin-bottom:14px;overflow:hidden}.viz-tr .lang-opt{border-bottom:1px solid hsl(var(--border) / .7);align-items:center;gap:10px;padding:9px 13px;font-size:12.5px;display:flex}.viz-tr .lang-opt:last-child{border-bottom:none}.viz-tr .lang-opt.sel{background:hsl(var(--accent) / .55);color:hsl(var(--accent-foreground));font-weight:600}.viz-tr .lang-opt .lo-check{color:hsl(var(--primary));margin-left:auto;display:flex}.viz-tr .lang-opt .lo-check svg{width:13px;height:13px}.viz-tr .lang-more{font-family:var(--font-mono);color:hsl(var(--muted-foreground));text-align:center;background:hsl(var(--muted) / .4);padding:9px 13px;font-size:10.5px}.viz-an .an-row{align-items:center;gap:12px;margin-bottom:11px;display:flex}.viz-an .an-stage{width:86px;color:hsl(var(--muted-foreground));flex-shrink:0;font-size:11.5px}.viz-an .an-track{border-radius:var(--radius-sm);background:hsl(var(--muted) / .6);flex:1;height:26px;overflow:hidden}.viz-an .an-fill{border-radius:var(--radius-sm);background:linear-gradient(90deg, hsl(var(--primary)), hsl(var(--primary) / .7));height:100%}.viz-an .an-pct{text-align:right;width:42px;font-family:var(--font-mono);flex-shrink:0;font-size:12px;font-weight:600}.viz-an .an-cards{border-top:1px solid hsl(var(--border));grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;padding-top:16px;display:grid}.viz-an .an-mini{border:1px solid hsl(var(--border));border-radius:var(--radius-lg);padding:13px 14px}.viz-an .an-mini .am-lab{font-size:10.5px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:hsl(var(--muted-foreground))}.viz-an .an-mini .am-val{letter-spacing:-.02em;margin-top:5px;font-size:24px;font-weight:700}.viz-an .an-mini .am-val span{color:hsl(var(--muted-foreground));font-size:13px;font-weight:500}.viz-an .an-mini .am-bar{gap:3px;margin-top:9px;display:flex}.viz-an .an-mini .am-bar i{background:hsl(var(--primary) / .22);border-radius:2px;flex:1;height:18px}.viz-an .an-mini .am-bar i.hi{background:hsl(var(--primary))}.viz-em .em-site .mb-body{background:hsl(var(--muted) / .35);padding:18px}.viz-em .em-pagebits{flex-direction:column;gap:7px;margin-bottom:14px;display:flex}.viz-em .em-pagebits .pb{background:hsl(var(--border-strong) / .5);border-radius:99px;height:8px}.viz-em .em-pagebits .pb.w40{width:40%}.viz-em .em-pagebits .pb.w70{width:70%}.viz-em .em-widget{border:1.5px dashed hsl(var(--primary) / .5);border-radius:var(--radius-lg);background:hsl(var(--card));padding:14px;position:relative}.viz-em .em-widget .ew-tag{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:hsl(var(--accent-foreground));background:hsl(var(--accent));border-radius:99px;padding:2px 8px;font-size:9px;position:absolute;top:-9px;left:14px}.viz-em .em-resize{font-family:var(--font-mono);color:hsl(var(--muted-foreground));justify-content:center;align-items:center;gap:6px;margin-top:9px;font-size:10px;display:flex}.viz-em .em-resize svg{width:12px;height:12px;color:hsl(var(--primary))}.viz-em .em-code{font-family:var(--font-mono);background:hsl(var(--code-bg));color:hsl(var(--code-fg));border-radius:var(--radius-md);border:1px solid #1c3340;margin-top:14px;padding:12px 14px;font-size:11px;line-height:1.7;overflow-x:auto}.viz-em .em-code .tag{color:#7fb2ff}.viz-em .em-code .str{color:#f0a868}.viz-lead .ld-flow{border-top:1px solid hsl(var(--border));align-items:center;gap:12px;margin-top:16px;padding-top:16px;display:flex}.viz-lead .ld-src{color:hsl(var(--accent-foreground));background:hsl(var(--accent));border-radius:var(--radius-md);white-space:nowrap;padding:7px 12px;font-size:11.5px;font-weight:600}.viz-lead .ld-arrow{color:hsl(var(--primary));display:flex}.viz-lead .ld-arrow svg{width:18px;height:18px}.viz-lead .ld-dests{flex-direction:column;flex:1;gap:7px;display:flex}.viz-lead .ld-dest{color:hsl(var(--foreground) / .8);border:1px solid hsl(var(--border));border-radius:var(--radius-md);background:hsl(var(--card));align-items:center;gap:9px;padding:6px 11px;font-size:11.5px;display:flex}.viz-lead .ld-dest svg{width:14px;height:14px;color:hsl(var(--muted-foreground))}.viz-lead .ld-dest .mono{font-family:var(--font-mono);color:hsl(var(--muted-foreground));margin-left:auto;font-size:10px}.viz-survey .sv-prog{align-items:center;gap:11px;margin-bottom:16px;display:flex}.viz-survey .sv-prog .sp-track{background:hsl(var(--muted));border-radius:99px;flex:1;height:6px;overflow:hidden}.viz-survey .sv-prog .sp-fill{background:hsl(var(--primary));border-radius:99px;width:40%;height:100%}.viz-survey .sv-prog .sp-step{font-family:var(--font-mono);color:hsl(var(--muted-foreground));white-space:nowrap;font-size:10.5px}.viz-survey .sv-q{margin-bottom:12px;font-size:14px;font-weight:600}.viz-survey .sv-opt{border:1px solid hsl(var(--border));border-radius:var(--radius-md);align-items:center;gap:10px;margin-bottom:8px;padding:10px 12px;font-size:12.5px;display:flex}.viz-survey .sv-opt .sv-radio{border:1.5px solid hsl(var(--border-strong));border-radius:99px;flex-shrink:0;width:15px;height:15px}.viz-survey .sv-opt.sel{border-color:hsl(var(--primary));background:hsl(var(--accent) / .4)}.viz-survey .sv-opt.sel .sv-radio{border-color:hsl(var(--primary));background:radial-gradient(circle, hsl(var(--primary)) 0 40%, transparent 46%)}.viz-survey .sv-logic{font-family:var(--font-mono);color:hsl(var(--accent-foreground));background:hsl(var(--accent) / .55);border-radius:99px;align-items:center;gap:7px;margin-top:6px;padding:5px 10px;font-size:10.5px;display:inline-flex}.viz-survey .sv-logic svg{width:12px;height:12px}.viz-survey .sv-nps{border-top:1px solid hsl(var(--border));gap:4px;margin-top:16px;padding-top:16px;display:flex}.viz-survey .sv-nps i{border-radius:var(--radius-sm);background:hsl(var(--muted) / .7);height:24px;font-family:var(--font-mono);color:hsl(var(--muted-foreground));flex:1;justify-content:center;align-items:center;font-size:9.5px;display:flex}.viz-survey .sv-nps i.hi{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.viz-reg .rg-steps{align-items:center;gap:6px;margin-bottom:16px;display:flex}.viz-reg .rg-steps .rs{font-family:var(--font-mono);color:hsl(var(--muted-foreground));align-items:center;gap:6px;font-size:10.5px;display:flex}.viz-reg .rg-steps .rs .rs-num{border:1px solid hsl(var(--border-strong));border-radius:99px;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;display:flex}.viz-reg .rg-steps .rs.done .rs-num{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:hsl(var(--primary))}.viz-reg .rg-steps .rs.cur .rs-num{border-color:hsl(var(--primary));color:hsl(var(--primary))}.viz-reg .rg-steps .rs-line{background:hsl(var(--border-strong));width:18px;height:1px}.viz-reg .rg-drop{border:1.5px dashed hsl(var(--border-strong));border-radius:var(--radius-lg);text-align:center;background:hsl(var(--muted) / .35);margin-bottom:13px;padding:18px}.viz-reg .rg-drop .rd-ico{border-radius:var(--radius-md);background:hsl(var(--accent));width:34px;height:34px;color:hsl(var(--accent-foreground));justify-content:center;align-items:center;margin:0 auto 9px;display:flex}.viz-reg .rg-drop .rd-ico svg{width:17px;height:17px}.viz-reg .rg-drop .rd-text{color:hsl(var(--muted-foreground));font-size:11.5px}.viz-reg .rg-drop .rd-text b{color:hsl(var(--foreground));font-weight:600}.viz-reg .rg-save{color:hsl(var(--primary));justify-content:center;align-items:center;gap:7px;margin-top:12px;font-size:11.5px;display:flex}.viz-reg .rg-save svg{width:13px;height:13px}@media (max-width:900px){.showcase{grid-template-columns:1fr;gap:36px}.showcase.reverse .showcase-viz{order:0}.showcase-viz{max-width:520px}.avail-strip{grid-template-columns:auto 1fr}.avail-strip .as-action{grid-column:1/-1}.avail-strip .as-action .btn{width:100%}}@media (max-width:520px){.avail-strip{grid-template-columns:1fr;gap:16px}.viz-an .an-cards{grid-template-columns:1fr}.viz-lead .ld-flow{flex-direction:column;align-items:stretch}.viz-lead .ld-arrow{align-self:center;transform:rotate(90deg)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.sticky{position:sticky}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-8{margin-top:2rem}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.w-full{width:100%}.max-w-md{max-width:28rem}.flex-1{flex:1}.shrink-0{flex-shrink:0}.scroll-mt-24{scroll-margin-top:6rem}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2\.5{gap:.625rem}.gap-3\.5{gap:.875rem}.gap-8{gap:2rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-md{border-radius:var(--radius-md)}.border{border-width:1px}.border-border-strong{border-color:hsl(var(--border-strong))}.border-transparent{border-color:#0000}.bg-accent{background-color:hsl(var(--accent))}.bg-destructive{background-color:hsl(var(--destructive))}.bg-primary{background-color:hsl(var(--primary))}.bg-secondary{background-color:hsl(var(--secondary))}.bg-transparent{background-color:#0000}.px-\[11px\]{padding-left:11px;padding-right:11px}.py-16{padding-top:4rem;padding-bottom:4rem}.py-\[5px\]{padding-top:5px;padding-bottom:5px}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-none{line-height:1}.tracking-\[-0\.01em\]{letter-spacing:-.01em}.tracking-\[0\.16em\]{letter-spacing:.16em}.tracking-wide{letter-spacing:.025em}.text-accent-foreground{color:hsl(var(--accent-foreground))}.text-foreground{color:hsl(var(--foreground))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.\!outline{outline-style:solid!important}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0), var(--tw-enter-translate-y,0), 0) scale3d(var(--tw-enter-scale,1), var(--tw-enter-scale,1), var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0), var(--tw-exit-translate-y,0), 0) scale3d(var(--tw-exit-scale,1), var(--tw-exit-scale,1), var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.skip-link{z-index:100;background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:transform .15s;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{outline:2px solid hsl(var(--ring));outline-offset:2px;transform:translateY(0)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}a:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px;border-radius:4px}.before\:h-px:before{content:var(--tw-content);height:1px}.before\:w-7:before{content:var(--tw-content);width:1.75rem}.before\:flex-none:before{content:var(--tw-content);flex:none}.before\:bg-primary:before{content:var(--tw-content);background-color:hsl(var(--primary))}.before\:content-\[\"\"\]:before{--tw-content:"";content:var(--tw-content)}.hover\:underline:hover{text-decoration-line:underline}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:.2s ease-out accordion-up}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}.data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:.2s ease-out accordion-down}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:py-20{padding-top:5rem;padding-bottom:5rem}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:py-24{padding-top:6rem;padding-bottom:6rem}}
:root{--cat-contact:197;--cat-feedback:211;--cat-event:224;--cat-hr:188;--cat-education:217;--cat-order:204;--cat-registration:180;--cat-healthcare:168}.breadcrumbs{font-family:var(--mono);color:hsl(var(--muted-foreground));letter-spacing:.02em;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.breadcrumbs a{color:hsl(var(--muted-foreground));transition:color .15s}.breadcrumbs a:hover{color:hsl(var(--foreground))}.breadcrumbs .bc-sep{color:hsl(var(--border-strong))}.breadcrumbs .bc-current{color:hsl(var(--accent-foreground))}.tpl-hero{text-align:center;padding:clamp(48px,7vw,84px) 0 clamp(40px,5vw,60px);position:relative;overflow:hidden}.tpl-hero .hero-glow{background:radial-gradient(ellipse at center, hsl(var(--primary) / .1), transparent 70%);pointer-events:none;z-index:0;width:720px;max-width:120%;height:420px;position:absolute;top:-20%;left:50%;transform:translate(-50%)}.tpl-hero>.container{z-index:1;position:relative}.tpl-hero h1{letter-spacing:-.035em;text-wrap:balance;max-width:18ch;margin:20px auto 0;font-size:clamp(32px,5.4vw,56px);font-weight:700;line-height:1.04}.tpl-hero h1 .accent{color:hsl(var(--primary))}.tpl-hero .subtitle{color:hsl(var(--muted-foreground));max-width:58ch;margin:20px auto 0;font-size:clamp(16px,2.1vw,19px);line-height:1.6}.tpl-hero .hero-cta{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px;display:flex}.delivery-chips{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:30px;display:flex}.delivery-chip{border:1px solid hsl(var(--border));background:hsl(var(--card));box-shadow:var(--shadow-xs);border-radius:99px;align-items:center;gap:9px;padding:9px 15px;font-size:13.5px;font-weight:500;display:inline-flex}.delivery-chip svg{width:16px;height:16px;color:hsl(var(--primary))}.delivery-chip .dc-path{font-family:var(--mono);color:hsl(var(--muted-foreground));font-size:11.5px;font-weight:400}.free-note{color:hsl(var(--muted-foreground));align-items:center;gap:8px;margin-top:22px;font-size:13.5px;display:inline-flex}.free-note svg{width:15px;height:15px;color:hsl(var(--primary))}.free-note b{color:hsl(var(--foreground));font-weight:600}.row-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.row-head .rh-left{max-width:60ch}.row-head h2{letter-spacing:-.02em;font-size:clamp(22px,3vw,30px);font-weight:600;line-height:1.12}.row-head p{color:hsl(var(--muted-foreground));margin-top:8px;font-size:15px;line-height:1.55}.row-head .rh-link{color:hsl(var(--primary));white-space:nowrap;align-items:center;gap:6px;font-size:14px;font-weight:500;display:inline-flex}.row-head .rh-link svg{width:15px;height:15px;transition:transform .15s}.row-head .rh-link:hover svg{transform:translate(3px)}.tpl-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 24px;margin-bottom:26px;display:flex}.tpl-filter{flex-wrap:wrap;gap:9px;display:flex}.tf-chip{--c:var(--ca,197);border:1px solid hsl(var(--border));background:hsl(var(--card));font-family:var(--sans);color:hsl(var(--foreground));cursor:pointer;border-radius:99px;align-items:center;gap:7px;padding:8px 13px;font-size:13.5px;font-weight:500;line-height:1;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.tf-chip svg{width:14px;height:14px;color:hsl(var(--c) 72% 45%);transition:color .15s}.tf-chip:hover{border-color:hsl(var(--border-strong));background:hsl(var(--muted) / .5)}.tf-chip:focus-visible{outline:2px solid hsl(var(--ring) / .5);outline-offset:2px}.tf-chip .tf-n{font-family:var(--mono);color:hsl(var(--muted-foreground));font-size:11px}.tf-chip.is-active{background:hsl(var(--primary));border-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}.tf-chip.is-active svg{color:hsl(var(--primary-foreground))}.tf-chip.is-active .tf-n{color:hsl(var(--primary-foreground) / .7)}html.dark .tf-chip svg{color:hsl(var(--c) 78% 68%)}.tpl-count{font-family:var(--mono);color:hsl(var(--muted-foreground));white-space:nowrap;font-size:12px}.tpl-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.tpl-grid.gallery-grid{grid-template-columns:repeat(4,1fr)}.tpl-card{--c:var(--ca,197);background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius-2xl);flex-direction:column;transition:box-shadow .2s,border-color .2s,transform .2s;display:flex;overflow:hidden}.tpl-card:hover{box-shadow:var(--shadow-brand);border-color:hsl(var(--border-strong));transform:translateY(-3px)}.tpl-card:focus-within{box-shadow:var(--shadow-brand);border-color:hsl(var(--c) 70% 55%)}.tc-visual{aspect-ratio:16/10;background:hsl(var(--c) 56% 96%);border-bottom:1px solid hsl(var(--border));justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.tc-visual:before{content:"";background-image:radial-gradient(hsl(var(--c) 50% 80% / .5) 1px, transparent 1px);opacity:.55;background-size:15px 15px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 70% at 50% 45%,#000 30%,#0000 75%);mask-image:radial-gradient(70% 70% at 50% 45%,#000 30%,#0000 75%)}.tc-visual .tcv-ico{border-radius:var(--radius-xl);background:hsl(var(--card));width:60px;height:60px;color:hsl(var(--c) 72% 42%);box-shadow:var(--shadow-sm);border:1px solid hsl(var(--c) 50% 86%);justify-content:center;align-items:center;display:flex;position:relative}.tc-visual .tcv-ico svg{width:30px;height:30px}.tc-visual .tc-step-badge{font-family:var(--mono);letter-spacing:.04em;white-space:nowrap;background:hsl(var(--card) / .85);color:hsl(var(--accent-foreground));border:1px solid hsl(var(--border));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:99px;align-items:center;gap:5px;padding:4px 9px;font-size:10px;font-weight:500;display:inline-flex;position:absolute;top:12px;right:12px}.tc-visual .tc-step-badge svg{width:11px;height:11px}html.dark .tc-visual{background:hsl(var(--c) 42% 11%)}html.dark .tc-visual:before{background-image:radial-gradient(hsl(var(--c) 60% 55% / .45) 1px, transparent 1px)}html.dark .tc-visual .tcv-ico{background:hsl(var(--c) 35% 14%);color:hsl(var(--c) 78% 72%);border-color:hsl(var(--c) 35% 24%)}.tc-body{flex-direction:column;flex:1;padding:18px 18px 20px;display:flex}.cat-chip{--c:var(--ca,197);letter-spacing:.01em;background:hsl(var(--c) 64% 93%);color:hsl(var(--c) 80% 30%);border-radius:99px;align-self:flex-start;align-items:center;gap:6px;padding:4px 9px 4px 7px;font-size:11.5px;font-weight:600;display:inline-flex}.cat-chip svg{width:13px;height:13px}a.cat-chip{transition:background .15s}a.cat-chip:hover{background:hsl(var(--c) 66% 88%)}html.dark .cat-chip{background:hsl(var(--c) 48% 17%);color:hsl(var(--c) 80% 78%)}html.dark a.cat-chip:hover{background:hsl(var(--c) 50% 22%)}.tc-body h3{letter-spacing:-.012em;margin-top:12px;font-size:16.5px;font-weight:600;line-height:1.25}.tc-body h3 a{color:inherit}.tc-body h3 a:hover{color:hsl(var(--primary))}.tc-body .tc-desc{color:hsl(var(--muted-foreground));margin-top:7px;font-size:13.5px;line-height:1.5}.tc-meta{font-family:var(--mono);color:hsl(var(--muted-foreground));flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:14px;font-size:11.5px;display:flex}.tc-meta .tcm-item{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.tc-meta .tcm-item svg{opacity:.85;width:13px;height:13px}.tc-meta .tcm-tag{color:hsl(var(--accent-foreground));background:hsl(var(--accent) / .7);white-space:nowrap;border-radius:99px;padding:2px 8px}.tc-actions{border-top:1px solid hsl(var(--border));gap:9px;margin-top:18px;padding-top:16px;display:flex}.tc-actions .btn{flex:1}.tpl-card.featured{border-color:hsl(var(--c) 60% 72%);box-shadow:var(--shadow-md)}.tpl-card.featured .tc-visual{aspect-ratio:16/9;background:linear-gradient(160deg, hsl(var(--c) 60% 95%), hsl(var(--c) 70% 90%))}.tpl-card.featured .tc-feat-flag{letter-spacing:.04em;text-transform:uppercase;background:hsl(var(--c) 80% 38%);color:#fff;box-shadow:var(--shadow-xs);border-radius:99px;align-items:center;gap:5px;padding:4px 9px;font-size:10.5px;font-weight:600;display:inline-flex;position:absolute;top:12px;left:12px}.tpl-card.featured .tc-feat-flag svg{width:11px;height:11px}html.dark .tpl-card.featured{border-color:hsl(var(--c) 45% 34%)}html.dark .tpl-card.featured .tc-visual{background:linear-gradient(160deg, hsl(var(--c) 40% 13%), hsl(var(--c) 45% 9%))}html.dark .tpl-card.featured .tc-feat-flag{background:hsl(var(--c) 75% 55%);color:hsl(var(--background))}.tpl-card.is-empty .tc-visual{background:hsl(var(--muted) / .6)}.tpl-card.is-empty .tc-visual:before{background-image:repeating-linear-gradient(135deg, hsl(var(--muted-foreground) / .12) 0 8px, transparent 8px 16px);opacity:1;-webkit-mask-image:none;mask-image:none}.tpl-card.is-empty .tcv-ico{color:hsl(var(--muted-foreground));border-color:hsl(var(--border-strong))}.tpl-card.is-empty .cat-chip{background:hsl(var(--muted));color:hsl(var(--muted-foreground))}.ai-teaser{border:1px dashed hsl(var(--border-strong));border-radius:var(--radius-2xl);background:hsl(var(--muted) / .35);flex-wrap:wrap;align-items:center;gap:20px;padding:22px 26px;display:flex}.ai-teaser .ait-ico{border-radius:var(--radius-lg);background:hsl(var(--accent));width:44px;height:44px;color:hsl(var(--accent-foreground));flex-shrink:0;justify-content:center;align-items:center;display:flex}.ai-teaser .ait-ico svg{width:22px;height:22px}.ai-teaser .ait-text{flex:1;min-width:220px}.ai-teaser .ait-text h3{flex-wrap:wrap;align-items:center;gap:10px;font-size:16px;font-weight:600;display:inline-flex}.ai-teaser .ait-text p{color:hsl(var(--muted-foreground));max-width:64ch;margin-top:5px;font-size:13.5px;line-height:1.5}.cat-page-head{--c:var(--ca,197);padding:clamp(32px,4vw,48px) 0 clamp(28px,3.5vw,40px)}.cat-page-head .cph-top{align-items:center;gap:16px;display:flex}.cat-page-head .cph-ico{border-radius:var(--radius-xl);background:hsl(var(--c) 60% 94%);width:56px;height:56px;color:hsl(var(--c) 75% 40%);flex-shrink:0;justify-content:center;align-items:center;display:flex}.cat-page-head .cph-ico svg{width:28px;height:28px}html.dark .cat-page-head .cph-ico{background:hsl(var(--c) 45% 14%);color:hsl(var(--c) 78% 70%)}.cat-page-head h1{letter-spacing:-.03em;font-size:clamp(28px,4.4vw,44px);font-weight:700;line-height:1.05}.cat-page-head .cph-count{font-family:var(--mono);color:hsl(var(--muted-foreground));margin-top:6px;font-size:12px}.cat-page-head .cph-lede{color:hsl(var(--muted-foreground));max-width:62ch;margin-top:18px;font-size:clamp(15px,2vw,18px);line-height:1.6}.leaf-hero{padding:clamp(28px,4vw,44px) 0 clamp(24px,3vw,36px)}.leaf-hero .lh-chip-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;display:flex}.leaf-hero h1{letter-spacing:-.032em;text-wrap:balance;max-width:18ch;margin-top:16px;font-size:clamp(30px,5vw,50px);font-weight:700;line-height:1.04}.leaf-hero .lh-lede{color:hsl(var(--muted-foreground));max-width:56ch;margin-top:16px;font-size:clamp(16px,2.1vw,19px);line-height:1.6}.leaf-hero .lh-cta{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.leaf-hero .lh-meta{font-family:var(--mono);color:hsl(var(--muted-foreground));flex-wrap:wrap;align-items:center;gap:10px 20px;margin-top:22px;font-size:12px;display:flex}.leaf-hero .lh-meta .lhm-item{white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.leaf-hero .lh-meta svg{width:14px;height:14px;color:hsl(var(--primary))}.leaf-hero .lh-usecase{color:hsl(var(--muted-foreground));align-items:center;gap:5px;margin-top:18px;font-size:14px;display:inline-flex}.leaf-hero .lh-usecase a{color:hsl(var(--primary));font-weight:500;text-decoration:none}.leaf-hero .lh-usecase a:hover{text-decoration:underline}.leaf-hero .lh-usecase svg{width:14px;height:14px;color:hsl(var(--primary))}.preview-wrap{margin-top:8px}.preview-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.leaf-hero .lh-chip-row .tcm-tag{white-space:nowrap}.preview-toolbar .pt-label{white-space:nowrap;align-items:center;gap:9px;font-size:14px;font-weight:600;display:inline-flex}.preview-toolbar .pt-label .pt-pulse{background:hsl(var(--primary));width:9px;height:9px;box-shadow:0 0 0 0 hsl(var(--primary) / .5);border-radius:99px;animation:2.4s ease-out infinite ptPulse}@keyframes ptPulse{0%{box-shadow:0 0 0 0 hsl(var(--primary) / .45)}70%{box-shadow:0 0 0 9px hsl(var(--primary) / 0)}to{box-shadow:0 0 0 0 hsl(var(--primary) / 0)}}.preview-toolbar .pt-hint{color:hsl(var(--muted-foreground));font-size:13px}.preview-frame{border:1px solid hsl(var(--border-strong));border-radius:var(--radius-2xl);background:hsl(var(--card));box-shadow:var(--shadow-lg);overflow:hidden}.pf-bar{border-bottom:1px solid hsl(var(--border));background:hsl(var(--muted) / .5);align-items:center;gap:8px;height:44px;padding:0 16px;display:flex}.pf-bar .pf-dot{background:hsl(var(--border-strong));border-radius:99px;width:10px;height:10px}.pf-bar .pf-url{background:hsl(var(--card));border:1px solid hsl(var(--border));min-width:0;height:26px;font-family:var(--mono);color:hsl(var(--muted-foreground));border-radius:99px;flex:1;align-items:center;gap:8px;margin-left:10px;padding:0 12px;font-size:11.5px;display:flex;overflow:hidden}.pf-bar .pf-url svg{width:12px;height:12px;color:hsl(var(--primary));flex-shrink:0}.pf-bar .pf-url .pf-host{color:hsl(var(--foreground))}.pf-bar .pf-tag{font-family:var(--mono);color:hsl(var(--muted-foreground));white-space:nowrap;margin-left:auto;font-size:10.5px}@media (max-width:560px){.pf-bar .pf-tag{display:none}}.pf-stage{background:hsl(var(--background));justify-content:center;min-height:420px;padding:clamp(20px,4vw,40px);display:flex}.pf-stage .pf-inner{width:100%;max-width:520px}.pf-skeleton{display:none}.preview-frame.loading .pf-skeleton{display:block}.preview-frame.loading .embed-form{display:none}.pf-skel-line{background:hsl(var(--muted));border-radius:99px;height:12px;position:relative;overflow:hidden}.pf-skel-block{border-radius:var(--radius-md);background:hsl(var(--muted));position:relative;overflow:hidden}.pf-skel-line:after,.pf-skel-block:after{content:"";background:linear-gradient(90deg, transparent, hsl(var(--card) / .65), transparent);animation:1.4s ease-in-out infinite skelShimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes skelShimmer{to{transform:translate(100%)}}.embed-form{--ef:252 83% 60%;--ef-fg:0 0% 100%;--ef-ring:252 83% 60%;--ef-surface:252 30% 99%;--ef-border:252 24% 88%;--ef-muted:252 16% 46%;--ef-field-bg:0 0% 100%;background:hsl(var(--ef-surface));border:1px solid hsl(var(--ef-border));border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:clamp(20px,3vw,28px)}html.dark .embed-form{--ef:252 90% 70%;--ef-fg:252 40% 10%;--ef-surface:252 28% 9%;--ef-border:252 20% 22%;--ef-muted:252 14% 64%;--ef-field-bg:252 26% 12%}.embed-form.theme-teal{--ef:168 76% 38%;--ef-ring:168 76% 38%;--ef-surface:168 30% 99%;--ef-border:168 24% 85%;--ef-muted:168 12% 40%;--ef-field-bg:0 0% 100%}html.dark .embed-form.theme-teal{--ef:168 70% 52%;--ef-fg:168 40% 8%;--ef-surface:168 26% 8%;--ef-border:168 20% 20%;--ef-muted:168 14% 62%;--ef-field-bg:168 24% 11%}.embed-form.theme-teal .ef-title,.embed-form.theme-teal .ef-field label,.embed-form.theme-teal .ef-step h4,.embed-form.theme-teal .ef-radio,.embed-form.theme-teal .ef-done h4{color:#1a3732}html.dark .embed-form.theme-teal .ef-title,html.dark .embed-form.theme-teal .ef-field label,html.dark .embed-form.theme-teal .ef-step h4,html.dark .embed-form.theme-teal .ef-radio,html.dark .embed-form.theme-teal .ef-done h4{color:#e7efed}.embed-form .ef-head{border-bottom:1px solid hsl(var(--ef-border));align-items:center;gap:11px;margin-bottom:18px;padding-bottom:16px;display:flex}.embed-form .ef-logo{border-radius:var(--radius-md);background:hsl(var(--ef));width:34px;height:34px;color:hsl(var(--ef-fg));flex-shrink:0;justify-content:center;align-items:center;display:flex}.embed-form .ef-logo svg{width:18px;height:18px}.embed-form .ef-title{color:#211d35;font-size:15px;font-weight:600}html.dark .embed-form .ef-title{color:#f4f3f7}.embed-form .ef-sub{color:hsl(var(--ef-muted));font-size:11.5px;font-family:var(--mono);margin-top:1px}.ef-progress{align-items:center;gap:8px;margin-bottom:20px;display:flex}.ef-progress .efp-step{background:hsl(var(--ef) / .18);border-radius:99px;flex:1;height:5px;transition:background .3s}.ef-progress .efp-step.done,.ef-progress .efp-step.active{background:hsl(var(--ef))}.ef-progress-label{white-space:nowrap;font-family:var(--mono);color:hsl(var(--ef-muted));justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;font-size:11px;display:flex}.ef-progress-label b{color:hsl(var(--ef));font-weight:600}.ef-field{flex-direction:column;gap:7px;margin-bottom:15px;display:flex}.ef-field label{color:#2f2848;font-size:13px;font-weight:500}html.dark .ef-field label{color:#e3e1ea}.ef-field label .req{color:hsl(var(--ef))}.ef-field .ef-input,.ef-field .ef-textarea,.ef-field .ef-select{width:100%;font-family:var(--sans);color:#211d35;background:hsl(var(--ef-field-bg));border:1px solid hsl(var(--ef-border));border-radius:var(--radius-md);height:42px;padding:0 13px;font-size:14px;transition:border-color .15s,box-shadow .15s}html.dark .ef-field .ef-input,html.dark .ef-field .ef-textarea,html.dark .ef-field .ef-select{color:#eeedf2}.ef-field .ef-textarea{resize:vertical;height:auto;min-height:88px;padding:11px 13px;line-height:1.5}.ef-field .ef-input::-moz-placeholder{color:hsl(var(--ef-muted) / .8)}.ef-field .ef-textarea::-moz-placeholder{color:hsl(var(--ef-muted) / .8)}.ef-field .ef-input::placeholder,.ef-field .ef-textarea::placeholder{color:hsl(var(--ef-muted) / .8)}.ef-field .ef-input:focus,.ef-field .ef-textarea:focus,.ef-field .ef-select:focus{border-color:hsl(var(--ef-ring));box-shadow:0 0 0 3px hsl(var(--ef-ring) / .2);outline:none}.ef-field .ef-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%237c6fd6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.ef-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.ef-hint{color:hsl(var(--ef-muted));font-size:11.5px}.ef-upload{border:1.5px dashed hsl(var(--ef-border));border-radius:var(--radius-md);text-align:center;color:hsl(var(--ef-muted));cursor:pointer;flex-direction:column;align-items:center;gap:8px;padding:18px;font-size:13px;transition:border-color .15s,background .15s;display:flex}.ef-upload:hover{border-color:hsl(var(--ef));background:hsl(var(--ef) / .04)}.ef-upload svg{width:22px;height:22px;color:hsl(var(--ef))}.ef-radio-group{flex-direction:column;gap:9px;display:flex}.ef-radio{border:1px solid hsl(var(--ef-border));border-radius:var(--radius-md);color:#2f2848;cursor:pointer;align-items:center;gap:10px;padding:11px 13px;font-size:13.5px;transition:border-color .15s,background .15s;display:flex}html.dark .ef-radio{color:#e3e1ea}.ef-radio:hover{border-color:hsl(var(--ef) / .5)}.ef-radio.sel{border-color:hsl(var(--ef));background:hsl(var(--ef) / .06)}.ef-radio .efr-dot{border:1.5px solid hsl(var(--ef-border));border-radius:99px;flex-shrink:0;justify-content:center;align-items:center;width:17px;height:17px;display:flex}.ef-radio.sel .efr-dot{border-color:hsl(var(--ef))}.ef-radio.sel .efr-dot:after{content:"";background:hsl(var(--ef));border-radius:99px;width:9px;height:9px}.ef-consent{align-items:flex-start;gap:10px;margin:6px 0 18px;display:flex}.ef-consent .ef-cbox{border-radius:var(--radius-sm);border:1.5px solid hsl(var(--ef-border));background:hsl(var(--ef));width:18px;height:18px;color:hsl(var(--ef-fg));flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.ef-consent .ef-cbox svg{width:12px;height:12px}.ef-consent span{color:hsl(var(--ef-muted));font-size:12px;line-height:1.5}.ef-btn{font-family:var(--sans);border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;height:44px;padding:0 20px;font-size:14px;font-weight:600;transition:background .15s,box-shadow .15s,transform .1s;display:inline-flex}.ef-btn svg{width:16px;height:16px}.ef-btn-primary{background:hsl(var(--ef));color:hsl(var(--ef-fg));box-shadow:var(--shadow-xs)}.ef-btn-primary:hover{background:hsl(var(--ef) / .9)}.ef-btn-ghost{color:hsl(var(--ef));border-color:hsl(var(--ef-border));background:0 0}.ef-btn-ghost:hover{background:hsl(var(--ef) / .06)}.ef-nav{gap:10px;margin-top:6px;display:flex}.ef-nav .ef-btn{flex:1}.ef-step{display:none}.ef-step.active{animation:.35s efStepIn;display:block}@media (prefers-reduced-motion:reduce){.ef-step.active{animation:none}}@keyframes efStepIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.ef-step h4{color:#211d35;margin-bottom:14px;font-size:14px;font-weight:600}html.dark .ef-step h4{color:#eeedf2}.ef-done{text-align:center;padding:24px 10px}.ef-done .efd-ico{background:hsl(var(--ef) / .14);width:54px;height:54px;color:hsl(var(--ef));border-radius:99px;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.ef-done .efd-ico svg{width:28px;height:28px}.ef-done h4{color:#211d35;font-size:17px;font-weight:600}html.dark .ef-done h4{color:#f4f3f7}.ef-done p{color:hsl(var(--ef-muted));margin-top:7px;font-size:13.5px;line-height:1.5}.inside-grid{grid-template-columns:1.1fr 1fr;align-items:start;gap:40px;display:grid}.inside-fields{border:1px solid hsl(var(--border));border-radius:var(--radius-xl);background:hsl(var(--card));flex-direction:column;gap:0;display:flex;overflow:hidden}.inside-field-row{border-bottom:1px solid hsl(var(--border));align-items:center;gap:14px;padding:14px 18px;display:flex}.inside-field-row:last-child{border-bottom:none}.inside-field-row .ifr-num{font-family:var(--mono);color:hsl(var(--muted-foreground));flex-shrink:0;width:22px;font-size:11px}.inside-field-row .ifr-ico{border-radius:var(--radius-md);background:hsl(var(--accent));width:30px;height:30px;color:hsl(var(--accent-foreground));flex-shrink:0;justify-content:center;align-items:center;display:flex}.inside-field-row .ifr-ico svg{width:15px;height:15px}.inside-field-row .ifr-name{font-size:14px;font-weight:500}.inside-field-row .ifr-type{font-family:var(--mono);color:hsl(var(--muted-foreground));margin-left:auto;font-size:11px}.inside-field-row .ifr-req{color:hsl(var(--primary))}.inside-steps{flex-direction:column;gap:12px;display:flex}.inside-step{border:1px solid hsl(var(--border));border-radius:var(--radius-lg);background:hsl(var(--card));align-items:flex-start;gap:14px;padding:16px;display:flex}.inside-step .is-num{background:hsl(var(--primary) / .12);width:30px;height:30px;color:hsl(var(--primary));border-radius:99px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.inside-step h4{font-size:14.5px;font-weight:600}.inside-step p{color:hsl(var(--muted-foreground));margin-top:4px;font-size:13px;line-height:1.5}.triple-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.triple-tile{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius-2xl);min-width:0;padding:24px;transition:box-shadow .2s,border-color .2s,transform .2s}.triple-tile:hover{box-shadow:var(--shadow-brand);border-color:hsl(var(--border-strong));transform:translateY(-3px)}.triple-tile .tt-ico{border-radius:var(--radius-lg);background:hsl(var(--accent));width:44px;height:44px;color:hsl(var(--accent-foreground));justify-content:center;align-items:center;margin-bottom:16px;display:flex}.triple-tile .tt-ico svg{width:22px;height:22px}.triple-tile h3{letter-spacing:-.01em;font-size:16px;font-weight:600}.triple-tile p{color:hsl(var(--muted-foreground));margin-top:8px;font-size:13.5px;line-height:1.55}.triple-tile .tt-code{font-family:var(--mono);color:hsl(var(--muted-foreground));background:hsl(var(--muted) / .6);border:1px solid hsl(var(--border));border-radius:var(--radius-md);white-space:nowrap;margin-top:14px;padding:9px 11px;font-size:11.5px;overflow-x:auto}.triple-tile .tt-code .tok{color:hsl(var(--accent-foreground))}@media (max-width:1024px){.tpl-grid{grid-template-columns:repeat(2,1fr)}.tpl-grid.gallery-grid{grid-template-columns:repeat(3,1fr)}.inside-grid{grid-template-columns:1fr;gap:28px}.lab-cols{grid-template-columns:1fr;gap:28px;max-width:420px;margin:0 auto}.states-grid{grid-template-columns:repeat(2,1fr)}.lab-frame-states{grid-template-columns:1fr}}@media (max-width:767px){.triple-grid{grid-template-columns:1fr}.tpl-grid.gallery-grid{grid-template-columns:repeat(2,1fr)}.row-head{align-items:flex-start}}@media (max-width:560px){.tpl-grid,.tpl-grid.gallery-grid,.states-grid,.ef-row{grid-template-columns:1fr}.delivery-chip{padding:8px 13px;font-size:12.5px}.ai-teaser{padding:18px}}