.seo-visual{margin:0;min-width:0}.seo-visual-frame{position:relative;width:100%;overflow:hidden;border:1px solid rgba(11,102,96,.22);border-radius:18px;background:linear-gradient(180deg,rgba(162,220,37,.12),transparent 34%),linear-gradient(135deg,rgba(235,231,34,.1),transparent 48%),#06182b}.seo-visual-frame img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.seo-mock__badge,.seo-visual-badge{width:max-content;padding:.2rem .5rem;border-radius:.25rem;background:#06182b;color:#f2f8e2;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.seo-visual-badge{position:absolute;left:.75rem;bottom:.75rem;z-index:1}.seo-visual-caption{display:grid;grid-gap:.2rem;gap:.2rem;margin-top:.7rem;color:#555;font-size:.82rem;line-height:1.45}.seo-visual-meta{color:#0b6660;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.seo-hero-frame,.seo-hero-visual{width:100%;max-width:560px;min-width:0}.seo-hero-frame{aspect-ratio:8/5;max-height:350px}.seo-mock__bar{height:4px;margin:-.85rem -.9rem 0;background:linear-gradient(90deg,#a2dc25,#ebe722)}.seo-hero-asset,.seo-visual-asset{position:relative;width:100%;height:100%;min-width:0}.seo-mock{display:grid;grid-gap:.7rem;gap:.7rem;height:100%;padding:.85rem .9rem .8rem;color:#f2f8e2}.seo-mock__head{display:grid;grid-gap:.2rem;gap:.2rem}.seo-mock__head strong{color:#fff;font-size:.92rem;font-weight:700}.seo-mock__head small{color:#a2dc25;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.seo-mock__note{margin:0;color:rgba(242,248,226,.78);font-size:.68rem}.seo-hero-mock__path{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:.4rem;gap:.4rem;margin:0;padding:0;list-style:none}.seo-hero-mock__path li{min-width:0;padding:.55rem .45rem;border:1px solid rgba(162,220,37,.35);border-radius:10px;background:rgba(7,28,48,.72);color:#f2f8e2;font-size:.72rem;font-weight:700;line-height:1.3;text-align:center}.seo-hero-mock__panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.4rem;gap:.4rem}.seo-hero-mock__panels div{display:grid;grid-gap:.12rem;gap:.12rem;min-width:0;padding:.55rem .6rem;border-radius:10px;background:rgba(7,28,48,.78)}.seo-hero-mock__panels span{color:#a2dc25;font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.seo-hero-mock__panels small{color:#f2f8e2;font-size:.72rem;line-height:1.35}.seo-behavior-frame,.seo-behavior-visual{width:100%;max-width:480px;min-width:0}.seo-behavior-frame{aspect-ratio:3/2;max-height:320px}.seo-behavior-mock__map,.seo-behavior-mock__types{display:flex;flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none}.seo-behavior-mock__map li,.seo-behavior-mock__types li{min-width:0;padding:.38rem .5rem;border:1px solid rgba(162,220,37,.32);border-radius:8px;background:rgba(7,28,48,.78);color:#f2f8e2;font-size:.68rem;font-weight:700;line-height:1.3}.seo-behavior-mock__types li{display:grid;grid-gap:.08rem;gap:.08rem;flex:1 1 5.5rem}.seo-behavior-mock__types span{color:#ebe722;font-size:.58rem;letter-spacing:.08em;text-transform:uppercase}.seo-audit-frame,.seo-audit-visual{width:100%;max-width:480px;min-width:0}.seo-audit-frame{aspect-ratio:3/2;max-height:320px}.seo-flow-frame,.seo-flow-visual{width:100%;max-width:720px;min-width:0}.seo-flow-frame{aspect-ratio:16/9;max-height:405px}.seo-flow-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:.45rem;gap:.45rem;margin:0;padding:0;list-style:none}.seo-flow-stages li{position:relative;display:grid;align-content:start;grid-gap:.2rem;gap:.2rem;min-width:0;padding:.55rem .55rem .6rem;border:1px solid rgba(162,220,37,.32);border-radius:12px;background:rgba(7,28,48,.78)}.seo-flow-stage-num{color:#ebe722;font-size:.62rem;font-weight:800;letter-spacing:.08em}.seo-flow-stages strong{color:#fff;font-size:.82rem;font-weight:800;line-height:1.25}.seo-flow-stages small{color:#c5d4e0;font-size:.68rem;font-weight:600;line-height:1.3}.seo-flow-arrow{position:absolute;top:50%;right:-.7rem;z-index:1;width:1.1rem;height:1.1rem;color:#a2dc25;transform:translateY(-50%);pointer-events:none}.seo-gbp-frame,.seo-gbp-visual{width:100%;max-width:480px;min-width:0}.seo-gbp-frame{aspect-ratio:auto;max-height:none;min-height:12rem}.seo-process-frame,.seo-process-visual{width:100%;max-width:640px;min-width:0}.seo-process-frame{aspect-ratio:16/9;max-height:360px}.seo-process-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:.45rem;gap:.45rem;margin:0;padding:0;list-style:none}.seo-process-stages li{position:relative;display:grid;align-content:start;grid-gap:.2rem;gap:.2rem;min-width:0;padding:.5rem .5rem .55rem;border:1px solid rgba(162,220,37,.32);border-radius:12px;background:rgba(7,28,48,.78)}.seo-process-stage-num{color:#ebe722;font-size:.62rem;font-weight:800;letter-spacing:.08em}.seo-process-stages strong{color:#fff;font-size:.82rem;font-weight:800;line-height:1.25}.seo-process-stages small{color:#c5d4e0;font-size:.64rem;font-weight:600;line-height:1.3}.seo-process-arrow{position:absolute;top:50%;right:-.7rem;z-index:1;width:1.1rem;height:1.1rem;color:#a2dc25;transform:translateY(-50%);pointer-events:none}.seo-kpi-frame,.seo-kpi-visual{width:100%;max-width:720px;min-width:0}.seo-kpi-frame{aspect-ratio:16/9;max-height:405px}.seo-kpi-mock{margin:0;padding:0}.seo-kpi-mock svg{display:block;width:100%;height:auto}.seo-related-frame,.seo-related-visual{width:100%;max-width:520px;min-width:0}.seo-related-frame{aspect-ratio:3/2;max-height:347px}.seo-related-mock{gap:.45rem;min-height:0}.seo-related-options{display:grid;grid-gap:.32rem;gap:.32rem;margin:0;padding:0;list-style:none;min-height:0}.seo-related-options li{min-width:0;padding:.38rem .55rem;border:1px solid rgba(162,220,37,.32);border-radius:8px;background:rgba(7,28,48,.72);color:#f2f8e2;font-size:.7rem;font-weight:700;line-height:1.3}.seo-gsc-visual{width:100%;max-width:520px}.seo-gsc-frame{width:100%;aspect-ratio:8/5}.seo-audit-rows,.seo-gsc-rows,.seo-kpi-slots,.seo-related-list{display:grid;grid-gap:.35rem;gap:.35rem;margin:0;padding:0;list-style:none}.seo-audit-rows li,.seo-gsc-rows li,.seo-related-list span{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-gap:.35rem;gap:.35rem;min-width:0;padding:.38rem .55rem;border:1px solid rgba(162,220,37,.28);border-radius:8px;background:rgba(7,28,48,.72);color:#f2f8e2;font-size:.72rem;line-height:1.3}.seo-audit-rows strong,.seo-gsc-rows strong{color:#ebe722;font-size:.68rem;font-weight:800}.seo-gbp-mock{gap:.45rem}.seo-gbp-mock__name{margin:0;color:#fff;font-size:.86rem;font-weight:700}.seo-gbp-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.28rem;gap:.28rem;margin:0;padding:0;list-style:none;min-height:0;overflow:hidden}.seo-gbp-fields li{display:grid;grid-gap:.04rem;gap:.04rem;min-width:0;padding:.22rem .4rem;border:1px solid rgba(162,220,37,.28);border-radius:7px;background:rgba(7,28,48,.72)}.seo-gbp-fields strong{color:#ebe722;font-size:.58rem;font-weight:800;letter-spacing:.04em;line-height:1.2}.seo-gbp-fields span{color:#f2f8e2;font-size:.62rem;font-weight:600;line-height:1.25}.seo-gbp-mock__actions{display:flex;flex-wrap:wrap;gap:.28rem}.seo-gbp-mock__actions span{padding:.16rem .42rem;border-radius:999px;background:rgba(162,220,37,.16);color:#f2f8e2;font-size:.62rem;font-weight:700}.seo-kpi-slots{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-kpi-slots li{display:grid;grid-gap:.12rem;gap:.12rem;padding:.5rem .55rem;border:1px solid rgba(162,220,37,.28);border-radius:10px;background:rgba(7,28,48,.72)}.seo-kpi-slots small{color:rgba(242,248,226,.78);font-size:.62rem}.seo-related-list,.seo-related-list span{grid-template-columns:1fr}@media (max-width:47.99rem){.seo-hero-mock__path{grid-template-columns:1fr 1fr}.seo-flow-frame{aspect-ratio:auto;max-height:none;min-height:16rem}.seo-flow-stages{grid-template-columns:1fr 1fr;gap:.7rem .45rem}.seo-flow-arrow{display:none}.seo-gbp-frame{aspect-ratio:auto;max-height:none;min-height:14rem}.seo-process-frame{aspect-ratio:auto;max-height:none;min-height:16rem}.seo-process-stages{grid-template-columns:1fr 1fr;gap:.7rem .45rem}.seo-process-arrow{display:none}.seo-kpi-frame,.seo-related-frame{aspect-ratio:auto;max-height:none;min-height:14rem}.seo-audit-frame,.seo-audit-visual,.seo-flow-frame,.seo-flow-visual,.seo-gbp-frame,.seo-gbp-visual,.seo-gsc-frame,.seo-gsc-visual,.seo-hero-frame,.seo-hero-visual,.seo-kpi-frame,.seo-kpi-visual,.seo-process-frame,.seo-process-visual,.seo-related-frame,.seo-related-visual{max-width:min(26rem,100%);margin-inline:auto}}@media (min-width:48rem){.seo-kpi-slots{grid-template-columns:repeat(3,minmax(0,1fr))}}.seo-compare-visual{width:100%;max-width:none}.seo-compare-matrix-frame{overflow:hidden;border:1px solid #e3e8eb;border-radius:18px;background:linear-gradient(180deg,rgba(11,102,96,.06),transparent 28%),#fff}.seo-compare-matrix-head{display:grid;grid-gap:.2rem;gap:.2rem;padding:.9rem 1rem .75rem;background:#0b1f33}.seo-compare-matrix-head strong{color:#fff;font-size:.95rem;font-weight:700}.seo-compare-matrix-head small{color:#a2dc25;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.seo-compare-layers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.4rem;gap:.4rem;margin:0;padding:.75rem 1rem 0;list-style:none}.seo-compare-layers li{display:grid;grid-gap:.15rem;gap:.15rem;min-width:0;padding:.55rem .65rem;border-radius:10px;background:#0b1f33;color:#f2f8e2}.seo-compare-layers span{color:#a2dc25;font-size:.72rem;font-weight:800;letter-spacing:.04em}.seo-compare-layers small{color:#fff;font-size:.78rem;font-weight:600;line-height:1.3}.seo-compare-table-wrap{overflow-x:auto;padding:.75rem 1rem .35rem}.seo-compare-table{width:100%;min-width:40rem;border-collapse:collapse}.seo-compare-table td,.seo-compare-table th{padding:.7rem .65rem;border-bottom:1px solid #e3e8eb;color:#555;font-size:.84rem;font-weight:400;line-height:1.5;text-align:left;vertical-align:top}.seo-compare-table thead th{color:#0b6660;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.seo-compare-table tbody th{color:#0b1f33;font-size:.88rem;font-weight:700}.seo-compare-table tbody th span{display:block;margin-bottom:.15rem;color:#0b6660;font-size:.68rem;letter-spacing:.08em}.seo-compare-output{display:inline-block;padding:.28rem .55rem;border-radius:999px;background:#a2dc25;color:#1a3a02;font-size:.75rem;font-weight:800;line-height:1.3}.seo-compare-note{margin:0;padding:.35rem 1rem .85rem;color:#555;font-size:.75rem;line-height:1.45}@media (max-width:47.99rem){.seo-compare-layers{grid-template-columns:1fr}.seo-compare-table{min-width:0}.seo-compare-table thead{display:none}.seo-compare-table tr{display:grid;grid-gap:.45rem;gap:.45rem;margin-bottom:.85rem;padding:.75rem .15rem .9rem;border-bottom:1px solid #e3e8eb}.seo-compare-table tbody th{display:block;padding:.15rem 0 .35rem;border:0}.seo-compare-table td{display:grid;grid-template-columns:minmax(7rem,34%) minmax(0,1fr);grid-gap:.55rem;gap:.55rem;padding:.2rem 0;border:0}.seo-compare-table td:before{content:attr(data-label);color:#0b6660;font-size:.68rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}}