.site-header{position:sticky;z-index:60;top:0;border-bottom:1px solid color-mix(in srgb,var(--line) 80%,transparent);background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(18px)}.header-inner{width:min(calc(100% - 32px),var(--content));height:68px;margin:auto;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font-weight:850;letter-spacing:-.035em}.brand img{width:34px;height:34px}.brand span{font-size:1.15rem}.site-nav{display:flex;align-items:center;gap:22px;margin-left:auto}.site-nav a{color:var(--muted);font-size:.93rem;font-weight:680;text-decoration:none}.site-nav a:hover{color:var(--text)}.header-actions{display:flex;align-items:center;gap:8px}.icon-button,.menu-button{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text)}.menu-button{display:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:43px;padding:0 17px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);font-weight:780;text-decoration:none;transition:transform .18s var(--ease),border-color .18s var(--ease),background .18s var(--ease)}.button:hover{transform:translateY(-1px);border-color:var(--line-strong)}.button.primary{border-color:var(--blue-strong);background:linear-gradient(135deg,var(--blue-strong),var(--violet));color:white;box-shadow:0 10px 30px rgba(41,121,255,.24)}.button.lime{border-color:var(--lime);background:var(--lime);color:#061006}.button.ghost{background:transparent}.container{width:min(calc(100% - 32px),var(--content));margin-inline:auto}.hero{position:relative;overflow:hidden;padding:88px 0 76px;border-bottom:1px solid var(--line)}.hero::before{content:"";position:absolute;inset:-50% 35% 0 -20%;background:radial-gradient(circle at center,rgba(41,121,255,.2),transparent 58%);pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);align-items:center;gap:68px}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;color:var(--lime);font-family:var(--mono);font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.eyebrow::before{content:"";width:22px;height:2px;background:currentColor}.hero h1{max-width:760px;margin-bottom:24px;font-size:clamp(3rem,7vw,6.4rem);letter-spacing:-.065em}.hero h1 em{display:block;color:var(--blue);font-style:normal}.hero-copy{max-width:660px;margin-bottom:30px;color:var(--muted);font-size:clamp(1.04rem,1.5vw,1.25rem)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.trust-row{display:flex;flex-wrap:wrap;gap:20px;margin-top:30px;color:var(--muted);font-size:.88rem}.trust-row span{display:flex;align-items:center;gap:7px}.trust-row i{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(174,244,43,.08)}.hero-visual{position:relative;min-height:510px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(155deg,var(--panel),color-mix(in srgb,var(--panel) 82%,var(--violet)));box-shadow:var(--shadow);overflow:hidden}.visual-toolbar{height:48px;display:flex;align-items:center;gap:7px;padding:0 16px;border-bottom:1px solid var(--line)}.visual-toolbar i{width:8px;height:8px;border-radius:50%;background:var(--quiet)}.visual-toolbar i:first-child{background:var(--pink)}.visual-toolbar i:nth-child(2){background:var(--orange)}.visual-toolbar i:nth-child(3){background:var(--green)}.visual-canvas{position:absolute;inset:49px 0 0;background-image:linear-gradient(rgba(114,139,171,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(114,139,171,.07) 1px,transparent 1px);background-size:25px 25px}.visual-canvas svg{position:absolute;width:78%;height:78%;inset:11%;filter:drop-shadow(0 15px 30px rgba(0,0,0,.24))}.floating-metric{position:absolute;padding:12px 14px;border:1px solid var(--line-strong);border-radius:12px;background:color-mix(in srgb,var(--panel) 88%,transparent);box-shadow:0 16px 30px rgba(0,0,0,.22);backdrop-filter:blur(12px)}.floating-metric strong{display:block;font-family:var(--mono);font-size:.92rem}.floating-metric span{color:var(--muted);font-size:.72rem}.floating-metric.one{right:18px;top:82px}.floating-metric.two{left:18px;bottom:20px}.stat-strip{border-bottom:1px solid var(--line);background:var(--bg-raised)}.stats{display:grid;grid-template-columns:repeat(4,1fr)}.stat{padding:24px;border-left:1px solid var(--line)}.stat:last-child{border-right:1px solid var(--line)}.stat strong{display:block;font-family:var(--mono);font-size:1.35rem}.stat span{color:var(--muted);font-size:.85rem}.section{padding:88px 0}.section.compact{padding:58px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:34px}.section-head h2{max-width:760px;margin:0;font-size:clamp(2rem,4vw,3.8rem)}.section-head p{max-width:520px;margin:0;color:var(--muted)}.template-search{width:min(100%,420px);height:48px;padding:0 15px;border:1px solid var(--line);border-radius:11px;background:var(--panel);color:var(--text)}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.template-card{position:relative;min-height:235px;padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--panel);text-decoration:none;overflow:hidden;transition:transform .2s var(--ease),border-color .2s var(--ease),box-shadow .2s var(--ease)}.template-card::after{content:"";position:absolute;width:130px;height:130px;right:-45px;top:-45px;border-radius:50%;background:radial-gradient(circle,var(--card-accent,var(--blue)),transparent 68%);opacity:.15}.template-card:hover{transform:translateY(-4px);border-color:var(--line-strong);box-shadow:0 18px 42px rgba(0,0,0,.18)}.template-card .index{display:inline-flex;margin-bottom:32px;color:var(--card-accent,var(--blue));font-family:var(--mono);font-size:.75rem}.template-card h3{margin-bottom:10px;font-size:1.32rem}.template-card p{margin:0;color:var(--muted);font-size:.9rem}.template-card .arrow{position:absolute;right:18px;bottom:18px;color:var(--card-accent,var(--blue));font-size:1.35rem}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{padding:25px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.feature-card .number{display:inline-grid;place-items:center;width:38px;height:38px;margin-bottom:25px;border-radius:9px;background:color-mix(in srgb,var(--blue) 16%,transparent);color:var(--blue);font-family:var(--mono);font-weight:800}.feature-card h3{font-size:1.2rem}.feature-card p{margin:0;color:var(--muted)}.split-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:start}.sticky-copy{position:sticky;top:106px}.sticky-copy h2{font-size:clamp(2.2rem,4vw,4rem)}.sticky-copy p{color:var(--muted)}.step-list{display:grid;gap:1px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--line)}.step{display:grid;grid-template-columns:58px 1fr;gap:16px;padding:24px;background:var(--panel)}.step b{font-family:var(--mono);color:var(--lime)}.step p{margin:6px 0 0;color:var(--muted)}.content-hero{padding:72px 0 48px;border-bottom:1px solid var(--line)}.breadcrumbs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px;color:var(--muted);font-size:.82rem}.breadcrumbs a{text-decoration:none}.content-hero h1{max-width:900px;font-size:clamp(2.7rem,6vw,5.6rem)}.content-hero .lede{max-width:760px;color:var(--muted);font-size:1.15rem}.article-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:72px;align-items:start}.article{max-width:780px}.article h2{margin-top:50px;font-size:2rem}.article h3{margin-top:34px}.article p,.article li{color:var(--muted)}.article strong{color:var(--text)}.article table{width:100%;border-collapse:collapse;margin:26px 0}.article th,.article td{padding:13px;border-bottom:1px solid var(--line);text-align:left}.article th{color:var(--text)}.article code{padding:.14em .34em;border-radius:4px;background:var(--panel-2)}.aside-card{position:sticky;top:96px;padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.aside-card strong{display:block;margin-bottom:12px}.aside-card a{display:block;padding:8px 0;color:var(--muted);text-decoration:none}.aside-card a:hover{color:var(--text)}.callout{margin:30px 0;padding:20px;border-left:3px solid var(--blue);border-radius:0 12px 12px 0;background:var(--panel)}.callout.warning{border-color:var(--orange)}.cta-panel{display:grid;grid-template-columns:1fr auto;align-items:center;gap:28px;padding:36px;border:1px solid var(--line-strong);border-radius:22px;background:linear-gradient(135deg,var(--panel),color-mix(in srgb,var(--panel) 86%,var(--blue)))}.cta-panel h2{margin-bottom:8px}.cta-panel p{margin:0;color:var(--muted)}.site-footer{padding:54px 0 24px;border-top:1px solid var(--line);background:var(--bg-raised)}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:42px}.footer-brand p{max-width:360px;color:var(--muted)}.footer-column strong{display:block;margin-bottom:13px}.footer-column a{display:block;padding:5px 0;color:var(--muted);text-decoration:none;font-size:.9rem}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:42px;padding-top:20px;border-top:1px solid var(--line);color:var(--quiet);font-size:.82rem}.language-link{font-family:var(--mono)}@media(max-width:960px){.hero-grid,.split-section,.article-grid{grid-template-columns:1fr}.hero-visual{min-height:430px}.template-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:1fr 1fr}.sticky-copy,.aside-card{position:static}.footer-grid{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:1px solid var(--line)}}@media(max-width:720px){.header-inner{height:62px}.site-nav{display:none;position:absolute;left:16px;right:16px;top:68px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:var(--shadow)}.site-nav[data-open]{display:grid}.menu-button{display:grid}.header-actions .button{display:none}.hero{padding:56px 0}.hero-grid{gap:38px}.hero h1{font-size:clamp(2.7rem,14vw,4.4rem)}.hero-visual{min-height:360px}.template-grid,.feature-grid,.footer-grid{grid-template-columns:1fr}.section{padding:64px 0}.section-head{display:block}.section-head p,.section-head .template-search{margin-top:16px}.cta-panel{grid-template-columns:1fr}.footer-bottom{display:block}.stats{grid-template-columns:1fr 1fr}.stat{padding:18px 14px}.article-grid{gap:36px}}