.home-hero{padding-block:clamp(48px,6vw,96px) clamp(56px,7vw,104px);position:relative;overflow:clip}.home-hero .grid-texture{-webkit-mask-image:radial-gradient(90% 70% at 50% 0,#000,#0000 72%);mask-image:radial-gradient(90% 70% at 50% 0,#000,#0000 72%)}.hero-grid{grid-gap:clamp(28px, 4vw, 56px);grid-template-columns:1.02fr 1.1fr;align-items:center;gap:clamp(28px,4vw,56px);display:grid;position:relative}.hero-badges{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.collage{min-height:460px;position:relative}.collage .c-browser{z-index:2;position:relative}.collage .c-tool{z-index:4;width:248px;position:absolute;bottom:28px;left:-28px}.collage .c-badge{z-index:5;position:absolute;top:-14px;left:30px}.tool-float{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:16px}.tool-float .tf-head{align-items:center;gap:9px;margin-bottom:12px;display:flex}.tool-float .tf-ic{border-radius:var(--r-sm);background:var(--accent-soft);width:32px;height:32px;color:var(--accent-text);border:1px solid color-mix(in oklch, var(--accent) 30%, transparent);place-items:center;display:grid}.tool-float .tf-name{font-size:var(--fs-small);font-weight:700}.tool-float .tf-row{font-size:var(--fs-caption);color:var(--text-3);font-family:var(--font-mono);align-items:center;gap:10px;display:flex}.tool-float .tf-drop{border:1.5px dashed var(--border-strong);border-radius:var(--r-md);text-align:center;font-size:var(--fs-caption);color:var(--text-3);margin-bottom:10px;padding:14px}.tool-float .tf-bar{background:var(--surface-3);border-radius:3px;height:6px;overflow:hidden}.tool-float .tf-bar>span{background:var(--accent);width:72%;height:100%;display:block}.home .section-head{max-width:680px;margin-bottom:36px}.home .section-head.center{text-align:center;margin-inline:auto}.home .section-head h2{letter-spacing:-.02em;font-size:clamp(1.75rem,1.3rem + 1.6vw,2.5rem)}.home .section-head p{margin-top:12px}.tools-grid{grid-gap:16px;grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.tool-card{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);transition:border-color var(--dur), box-shadow var(--dur), transform var(--dur);align-items:flex-start;gap:14px;padding:20px;text-decoration:none;display:flex}.tool-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);text-decoration:none;transform:translateY(-2px)}.tool-card .t-ic{border-radius:var(--r-md);background:var(--surface-2);width:42px;height:42px;color:var(--primary-text);border:1px solid var(--border);flex:none;place-items:center;display:grid}.tool-card p{font-size:var(--fs-caption);color:var(--text-2);margin-top:3px}.tool-card .free{color:var(--success-text);align-items:center;gap:4px;margin-top:8px;font-size:11px;font-weight:600;display:inline-flex}.scn-grid{grid-gap:16px;grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.scn-card{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);transition:border-color var(--dur), box-shadow var(--dur);padding:22px}.scn-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.scn-flow{font-family:var(--font-mono);font-size:var(--fs-caption);color:var(--text-3);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.scn-flow .pill{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-pill);color:var(--text-2);padding:3px 9px}.scn-flow .arr{color:var(--primary)}[data-theme=dark] .scn-flow .arr{color:var(--primary-text)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .scn-flow .arr{color:var(--primary-text)}}.scn-card p{font-size:var(--fs-small);color:var(--text-2)}@media (max-width:1024px){.tools-grid,.scn-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:860px){.collage{min-height:0;margin-top:8px}.collage .c-browser{position:relative}.collage .c-tool{display:none}}.hero-copy .t-lead{margin:20px 0 32px}.cta-note{font-size:var(--fs-small);color:var(--text-3);align-items:center;gap:8px;margin-top:18px;display:flex}.mock-browser{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-lg);overflow:clip}.mock-browser .mb-bar{background:var(--surface-2);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:11px 14px;display:flex}.mock-browser .dots{gap:6px;display:flex}.mock-browser .dots i{background:var(--border-strong);border-radius:50%;width:11px;height:11px;display:block}.mock-browser .mb-url{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-pill);height:26px;font-family:var(--font-mono);color:var(--text-3);flex:1;align-items:center;gap:7px;padding:0 12px;font-size:12px;display:flex}.mock-browser .mb-url .ico-sm{color:var(--success)}.mock-browser .mb-body{padding:0}.cta-band .btn-secondary{color:var(--cta-fg);border-color:color-mix(in oklch, var(--cta-fg) 30%, transparent);background:0 0}.cta-band .btn-secondary:hover{background:color-mix(in oklch, var(--cta-fg) 12%, transparent)}.hero-audit{padding:16px 16px 18px}.hero-audit .ha-top{align-items:center;gap:14px;margin-bottom:14px;display:flex}.hero-audit .ha-ring{background:conic-gradient(var(--success) calc(var(--score,82) * 1%), var(--surface-3) 0);border-radius:50%;flex:none;place-items:center;width:62px;height:62px;display:grid;position:relative}.hero-audit .ha-ring:before{content:"";background:var(--surface);border-radius:50%;position:absolute;inset:6px}.hero-audit .ha-ring b{font-family:var(--font-mono);font-size:18px;font-weight:800;position:relative}.hero-audit .ha-h b{color:var(--text);font-size:13px}.hero-audit .ha-h span{color:var(--text-3);font-size:11px;font-family:var(--font-mono);margin-top:2px;display:block}.hero-audit .ha-issue{color:var(--text-2);border-top:1px solid var(--border-subtle);align-items:center;gap:9px;padding:7px 0;font-size:12px;display:flex}.hero-audit .ha-issue .dot{border-radius:50%;flex:none;width:8px;height:8px}.hero-audit .ha-issue.err .dot{background:var(--danger)}.hero-audit .ha-issue.warn .dot{background:var(--warning)}.hero-audit .ha-issue.ok .dot{background:var(--success)}.post-grid{grid-gap:20px;grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.post-card{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);transition:border-color var(--dur), box-shadow var(--dur);flex-direction:column;padding:24px;text-decoration:none;display:flex}.post-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);text-decoration:none}.post-card .pc-meta{font-family:var(--font-mono);font-size:var(--fs-caption);color:var(--text-3);align-items:center;gap:10px;margin-bottom:14px;display:flex}.post-card h3{font-size:var(--fs-h5);letter-spacing:var(--tracking-snug);color:var(--text)}.post-card p{font-size:var(--fs-small);color:var(--text-2);margin:10px 0 18px}.post-card .pc-by{font-size:var(--fs-caption);color:var(--text-3);align-items:center;gap:9px;margin-top:auto;display:flex}.post-card .pc-by .av{background:var(--primary-soft);width:26px;height:26px;color:var(--primary-text);border-radius:50%;place-items:center;font-size:10px;font-weight:700;display:grid}.badge .dot{background:currentColor;border-radius:50%;width:6px;height:6px}@media (max-width:860px){.hero-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:520px){.tools-grid,.scn-grid{grid-template-columns:1fr}}@media (max-width:980px){.toolgrid,.post-grid,.links-grid-mvp{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.toolgrid,.post-grid,.team-grid,.ra-grid,.links-grid-mvp{grid-template-columns:1fr}}@media (max-width:767px){.dd-foot .badge,.tool-card .free,.ba .tag,.rz-crop-size,.mp-tg-head .st,.md-stat .k,.akw-score .k,.akw-share .sh-n,.pr-n,.pr-c,.cat-head .cn .cu,.akw-check .ck-a,.akw-check .ck-tag,.cat-foot,.akw-foot,.hero-audit .ha-h span,.fc-top .av,.post-card .pc-by .av,.post-code .pc-bar,.ra-card .k,.link-card-mvp .lk-k,.au-or span,.au-demo{font-size:12px}}.btn svg{flex:none;width:18px;height:18px}.badge-neutral{background:var(--surface-3);color:var(--text-2);border-color:var(--border)}.badge-primary{background:var(--primary-soft);color:var(--primary-text);border-color:var(--primary-border)}.t-hero-h2{letter-spacing:-.02em;text-wrap:balance;font-size:clamp(1.875rem,1.3rem + 2.4vw,3rem);font-weight:700;line-height:1.08}.ico-lg{width:24px;height:24px}.steps{grid-gap:24px;counter-reset:step;grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.step{padding-top:8px;position:relative}.step .num{font-family:var(--font-mono);font-size:var(--fs-small);color:var(--primary-text);border:1px solid var(--primary-border);background:var(--primary-soft);border-radius:var(--r-md);place-items:center;width:40px;height:40px;margin-bottom:16px;font-weight:600;display:grid}.step p{font-size:var(--fs-small);color:var(--text-2)}.step .connector{border-top:1.5px dashed var(--border-strong);height:1px;position:absolute;top:28px;left:52px;right:-12px}.step:last-child .connector{display:none}.cta-band{background:var(--cta-bg);color:var(--cta-fg);border-radius:var(--r-2xl);padding:clamp(40px,6vw,72px);position:relative;overflow:clip}.cta-band .grid-texture{opacity:.12;background-image:linear-gradient(#fff6 1px,#0000 1px),linear-gradient(90deg,#fff6 1px,#0000 1px);-webkit-mask-image:radial-gradient(70% 80% at 100% 0,#000,#0000 70%);mask-image:radial-gradient(70% 80% at 100% 0,#000,#0000 70%)}.cta-band h2{color:var(--cta-fg);position:relative}.cta-band p{color:color-mix(in oklch, var(--cta-fg) 72%, var(--cta-bg));max-width:52ch;margin-top:14px;position:relative}.cta-band .cta-row{margin-top:28px;position:relative}@media (max-width:860px){.steps{grid-template-columns:1fr}.step .connector{display:none}}.team-grid{grid-gap:20px;grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.person{border:1px solid var(--border);border-radius:var(--r-xl);background:var(--surface);text-align:center;transition:border-color var(--dur), box-shadow var(--dur);flex-direction:column;align-items:center;padding:24px;display:flex}.person:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.person .av{letter-spacing:-.01em;background:var(--primary-soft);width:76px;height:76px;color:var(--primary-text);border:1px solid var(--primary-border);border-radius:50%;place-items:center;margin-bottom:16px;font-size:22px;font-weight:800;display:grid}.person .av.a2{background:var(--accent-soft);color:var(--accent-text);border-color:color-mix(in oklch, var(--accent) 30%, transparent)}.person h3{font-size:var(--fs-h6)}.person .role{font-size:var(--fs-small);color:var(--text-3);margin:4px 0 16px}@media (max-width:980px){.team-grid,.toolgrid,.post-grid,.links-grid-mvp{grid-template-columns:repeat(2,1fr)}}@media (max-width:860px){.hero-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:520px){.tools-grid,.scn-grid{grid-template-columns:1fr}}@media (max-width:560px){.toolgrid,.post-grid,.team-grid,.ra-grid,.links-grid-mvp{grid-template-columns:1fr}}@media (max-width:767px){.dd-foot .badge,.tool-card .free,.ba .tag,.rz-crop-size,.mp-tg-head .st,.md-stat .k,.akw-score .k,.akw-share .sh-n,.pr-n,.pr-c,.cat-head .cn .cu,.akw-check .ck-a,.akw-check .ck-tag,.cat-foot,.akw-foot,.hero-audit .ha-h span,.fc-top .av,.post-card .pc-by .av,.post-code .pc-bar,.ra-card .k,.link-card-mvp .lk-k,.au-or span,.au-demo{font-size:12px}}.akw-drop h3,.comments-teaser h3,.dropzone h3,.feat-card h3,.link-card-mvp h3,.pr-h h3,.ra-card h3,.scn-card h3,.side-card h3,.step h3,.tool-card h3,.akw-side h4,.tw-side h4,.foot-col h2{line-height:var(--lh-snug)}.post-body .akw-drop h3{margin:0 0 4px}.post-body .comments-teaser h3{margin:0 0 6px}.post-body .ra-card h3{margin:6px 0 0}.tw-side h4,.akw-side h4{letter-spacing:var(--tracking-tight)}@media (max-width:767px){.dd-foot .badge,.tool-card .free,.ba .tag,.rz-crop-size,.mp-tg-head .st,.md-stat .k,.akw-score .k,.akw-share .sh-n,.pr-n,.pr-c,.cat-head .cn .cu,.akw-check .ck-a,.akw-check .ck-tag,.cat-foot,.akw-foot,.hero-audit .ha-h span,.fc-top .av,.post-card .pc-by .av,.post-code .pc-bar,.ra-card .k,.link-card-mvp .lk-k,.au-or span,.au-demo{font-size:12px}input[type=text],input[type=url],input[type=number],input[type=email],input[type=search],input:not([type]),textarea{font-size:16px}}.page-bc a{align-items:center;min-height:24px;display:inline-flex}input[type=range].rng{box-sizing:border-box;background-clip:content-box;height:24px;padding:9px 0}@media (max-width:480px){.cta-band .cta-row .btn{height:auto;min-height:var(--btn-h);padding-block:var(--sp-2);white-space:normal;text-align:center}}