.hero{padding-block:var(--space-8) var(--space-9)}.hero__grid{gap:var(--space-7);align-items:center;display:grid}@media (min-width:1024px){.hero__grid{gap:var(--space-5);grid-template-columns:repeat(12,1fr)}.hero__copy{grid-column:1/span 6}.hero__visual{grid-column:7/span 6;justify-self:end;width:100%}}.hero__title{font-family:var(--font-display);font-weight:400;font-size:var(--text-display);letter-spacing:-.01em;margin-top:var(--space-4);max-width:14ch;line-height:1.02}.hero__title em{color:var(--accent-ink);font-style:italic}.hero__sub{margin-top:var(--space-5);font-size:var(--text-body-lg);color:var(--ink-2);max-width:52ch;line-height:1.65}.hero .url-field{margin-top:var(--space-6)}.hero__micro{margin-top:var(--space-3)}.report{background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-3);max-width:560px;margin-inline:auto;position:relative;overflow:hidden}.report__scanline{background:var(--accent);height:2px;box-shadow:0 0 10px var(--accent);opacity:0;pointer-events:none;z-index:2;position:absolute;top:0;left:0;right:0}.report.scan-active .report__scanline{animation:1.2s linear forwards scan}@keyframes scan{0%{opacity:.9;transform:translateY(0)}to{opacity:0;transform:translateY(var(--scan-h,480px))}}.report__head{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--line);display:flex}.report__head-left{gap:2px;display:grid}.report__domain{font-family:var(--font-mono);font-size:var(--text-small);font-weight:700}.report__dial{padding:var(--space-6) var(--space-5) var(--space-5);place-items:center;display:grid}.dial{width:min(260px,64vw);position:relative}.dial svg{width:100%;height:auto}.dial__track{stroke:var(--line)}.dial__progress{stroke:var(--score-critical);transition:stroke var(--dur-2)}.dial__center{text-align:center;place-content:center;gap:var(--space-1);padding-bottom:12%;display:grid;position:absolute;inset:0}.dial__value{font-family:var(--font-mono);font-size:clamp(3rem,8vw,3.75rem);font-weight:700;line-height:1}.dial__label{font-family:var(--font-mono);font-size:var(--text-micro);letter-spacing:var(--tracking-mono-label);color:var(--ink-3)}.dial__band{justify-self:center}.report__issues{border-top:1px solid var(--line)}.issue{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-top:1px solid var(--line);grid-template-columns:4.5rem 1fr auto;display:grid}.issue:first-child{border-top:0}.issue__id{font-family:var(--font-mono);font-size:var(--text-micro);color:var(--ink-3)}.issue__text{font-size:var(--text-small);color:var(--ink-2)}.report__fix{border-top:1px solid var(--line);padding:var(--space-4) var(--space-5);background:var(--bg-sunken)}.report__fix-head{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.diffline{font-family:var(--font-mono);font-size:var(--text-micro);border-radius:var(--radius-xs);overflow-wrap:anywhere;padding:4px 8px;line-height:1.5;display:block}.diffline--del{background:var(--danger-soft);color:var(--danger)}.diffline--add{background:var(--success-soft);color:var(--success);margin-top:4px}html.js .report.is-animating .anim:not(.in){opacity:0;transform:translateY(8px)}.report .anim{transition:opacity var(--dur-3) var(--ease-out), transform var(--dur-3) var(--ease-out)}.report .anim.in{opacity:1;transform:none}.report .stamp--ready.anim{transition:none}.report .stamp--ready.anim.in{animation:stamp-in .24s var(--ease-stamp) both}@keyframes stamp-in{0%{opacity:0;transform:scale(1.6)rotate(-8deg)}to{opacity:1;transform:scale(1)rotate(-3deg)}}.section{padding-block:var(--space-9)}.section--tight{padding-block:var(--space-8)}.section__head{max-width:760px;margin-bottom:var(--space-7)}.section__title{font-family:var(--font-display);font-weight:400;font-size:var(--text-h2);letter-spacing:-.005em;margin-top:var(--space-3);line-height:1.12}.section__lede{margin-top:var(--space-4);color:var(--ink-2);font-size:var(--text-body-lg);max-width:var(--measure)}.honesty-strip{background:var(--bg-sunken)}[data-theme=dark] .honesty-strip{background:var(--bg-raised)}.honesty-strip ul{display:grid}.honesty-strip li{font-family:var(--font-mono);font-size:var(--text-small);color:var(--ink-2);padding:var(--space-3) 0;align-items:center;gap:var(--space-3);border-top:1px solid var(--line);display:flex}.honesty-strip li:first-child{border-top:0}.honesty-strip .icon{color:var(--accent-ink)}@media (min-width:768px){.honesty-strip ul{grid-template-columns:repeat(3,1fr)}.honesty-strip li{border-top:0;border-left:1px solid var(--line);padding:var(--space-4) var(--space-5)}.honesty-strip li:first-child{border-left:0;padding-left:0}}.card{background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--shadow-1)}.card-grid{gap:var(--space-4);display:grid}.card-grid>*{min-width:0}@media (min-width:768px){.card-grid--3{grid-template-columns:repeat(3,1fr)}.card-grid--4{grid-template-columns:repeat(2,1fr)}}@media (min-width:1280px){.card-grid--4{grid-template-columns:repeat(4,1fr)}}.problem-card .icon-disc{border-radius:var(--radius-sm);background:var(--accent-soft);width:44px;height:44px;color:var(--accent-ink);margin-bottom:var(--space-4);place-items:center;display:grid}.problem-card h3{font-size:var(--text-h4);margin-bottom:var(--space-2);font-weight:600}.problem-card p{font-size:var(--text-small);color:var(--ink-2)}.step{gap:var(--space-5);padding-block:var(--space-7);border-top:1px solid var(--line);align-items:center;display:grid}.steps .step:first-of-type{border-top:0;padding-top:0}@media (min-width:1024px){.step{gap:var(--space-5);grid-template-columns:repeat(12,1fr)}.step__copy{grid-column:1/span 5}.step__visual{grid-column:7/span 6}.step:nth-of-type(2n) .step__copy{order:2;grid-column:8/span 5}.step:nth-of-type(2n) .step__visual{order:1;grid-column:1/span 6}}.step__num{font-family:var(--font-mono);font-size:var(--text-micro);color:var(--accent-ink);letter-spacing:var(--tracking-mono-label)}.step__title{font-family:var(--font-display);font-weight:400;font-size:var(--text-h2);margin-top:var(--space-2);line-height:1.1}.step__body{margin-top:var(--space-4);color:var(--ink-2);max-width:46ch}.step__link{margin-top:var(--space-4);display:inline-block}.mock{background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-2);overflow:hidden}.mock__head{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;display:flex}.mock__row{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--line);font-family:var(--font-mono);font-size:var(--text-micro);color:var(--ink-2);display:flex}.mock__row:first-of-type{border-top:0}.mock__row .icon--pass{color:var(--success)}.mock__row .icon--fail{color:var(--danger)}.mock__row .spacer{margin-left:auto}.mock__foot{padding:var(--space-3) var(--space-4);border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.mock svg.spark{width:100%;height:96px}.spark__line{fill:none;stroke:var(--accent-ink);stroke-width:2px}.spark__area{fill:var(--accent-soft)}[data-theme=dark] .spark__line{stroke:var(--accent)}.diff{background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-2);overflow:hidden}.diff__head{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--line);flex-wrap:wrap;display:flex}.diff__title{font-weight:600;font-size:var(--text-small);margin-right:auto}.diff__impact{font-family:var(--font-mono);font-size:var(--text-micro);color:var(--accent-ink);font-weight:700}.diff__tabs{gap:var(--space-2);padding:var(--space-3) var(--space-5) 0;display:none}.diff__tab{border:1px solid var(--line-strong);border-radius:var(--radius-full);font-size:var(--text-small);cursor:pointer;color:var(--ink-2);background:0 0;padding:6px 14px;font-weight:600}.diff__tab[aria-selected=true]{background:var(--bg-inverse);color:var(--ink-inverse);border-color:var(--bg-inverse)}.diff__panes{display:grid}.diff__pane{padding:var(--space-4) var(--space-5) var(--space-5);min-width:0}.diff__pane h3{margin-bottom:var(--space-3)}.diff pre{background:var(--bg-sunken);border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--space-4);font-family:var(--font-mono);color:var(--ink-2);margin:0;font-size:.8125rem;line-height:1.6;overflow-x:auto}.diff .ln{display:block}.diff .ln--add{background:var(--success-soft);color:var(--success);margin-inline:calc(-1 * var(--space-4));padding-inline:var(--space-4);display:block}.diff .ln--del{background:var(--danger-soft);color:var(--danger);margin-inline:calc(-1 * var(--space-4));padding-inline:var(--space-4);display:block}@media (min-width:768px){.diff__panes{grid-template-columns:1fr 1fr}.diff__pane+.diff__pane{border-left:1px solid var(--line)}}@media (max-width:767px){.diff__tabs{display:flex}.diff__pane{display:none}.diff__pane.active{display:block}}.vertical-card{gap:var(--space-4);flex-direction:column;display:flex}.vertical-card__top{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.vertical-card__name{align-items:center;gap:var(--space-3);font-size:var(--text-h4);font-weight:600;display:flex}.vertical-card__name .icon{color:var(--accent-ink)}.vertical-card ul{gap:var(--space-2);display:grid}.vertical-card li{font-family:var(--font-mono);font-size:var(--text-micro);color:var(--ink-3);gap:var(--space-2);align-items:center;display:flex}.vertical-card li .icon{color:var(--accent-ink)}.vertical-card .btn{align-self:start;margin-top:auto}.ai-card{gap:var(--space-4);padding:var(--space-6);display:grid}@media (min-width:768px){.ai-card{gap:var(--space-5);grid-template-columns:auto 1fr}}.ai-card__cube{display:none}@media (min-width:900px){.ai-card{grid-template-columns:auto 1fr auto;align-items:center}.ai-card__cube{padding-inline:var(--space-5) var(--space-3);display:block}}.ai-card .icon-disc{border-radius:var(--radius-sm);background:var(--accent-soft);width:52px;height:52px;color:var(--accent-ink);place-items:center;display:grid}.ai-card h2{font-family:var(--font-display);font-weight:400;font-size:var(--text-h3);margin-bottom:var(--space-2)}.ai-card p{color:var(--ink-2);max-width:var(--measure);margin-bottom:var(--space-3)}.pricing__more{margin-top:var(--space-6)}
