.logo-page{--logo-accent:#5a50db}.logo-hero{background:radial-gradient(circle at 13% 8%,rgba(90,80,219,.14),transparent 30%),radial-gradient(circle at 90% 20%,rgba(29,190,187,.15),transparent 32%),linear-gradient(180deg,#fff,#f7f8ff)}.logo-hero .container-xxl{grid-template-columns:minmax(0,.92fr) minmax(480px,1.08fr)}.logo-hero-comparison{width:100%;aspect-ratio:1.55/1;scroll-margin-top:110px}.logo-hero-comparison .comparison-image{object-fit:cover}.logo-hero-comparison .comparison-after{z-index:1;object-fit:contain;padding:7%;background:transparent}.logo-hero-comparison .comparison-before-wrap{position:absolute;z-index:2;inset:0;overflow:hidden;clip-path:inset(0 calc(100% - var(--position)) 0 0);will-change:clip-path}.logo-hero-comparison .comparison-before{object-fit:cover}.logo-hero-comparison .comparison-range{touch-action:pan-y}.logo-upload-section{background:#fff}.logo-upload-card{width:100%;max-width:760px;margin-left:auto}.logo-step-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,5vw,5rem);align-items:center}.logo-step-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:0;padding:0;list-style:none;counter-reset:logo-step}.logo-step-grid li{position:relative;min-height:185px;padding:1.4rem;border:1px solid var(--line);border-radius:22px;background:#fff}.logo-step-grid li>span{display:block;margin-bottom:2rem;color:#9693aa;font-size:.7rem;font-weight:850}.logo-step-grid p{margin:0;color:var(--muted);font-size:.82rem}.logo-workflow-image{display:block;width:100%;border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow)}.logo-benefits{background:#f7f8fc}.logo-media-split{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(2rem,6vw,6rem);align-items:center}.logo-media-card{padding:1rem;border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,#101b29,#162d3f);box-shadow:var(--shadow)}.logo-media-card img{display:block;width:100%;border-radius:18px}.logo-use-list{display:grid;grid-template-columns:1fr 1fr;gap:0 1.4rem;margin-top:1.4rem}.logo-use-list article{padding:1rem 0;border-bottom:1px solid var(--line)}.logo-use-list h3{margin:0 0 .3rem}.logo-use-list p{margin:0;color:var(--muted);font-size:.8rem}.logo-format-section{background:#fbfbfe}.format-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;max-width:1000px;margin:0 auto}.format-grid article{padding:clamp(1.5rem,4vw,2.7rem);border:1px solid var(--line);border-radius:26px;background:#fff}.format-grid article>span{color:#8a879e;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.format-grid p,.format-grid li{color:var(--muted);font-size:.82rem}.format-grid ul{margin:1rem 0 0;padding-left:1.15rem}.format-icon{width:72px;height:72px;margin-bottom:2rem;border-radius:20px;background-color:#eeecff}.pixel-icon{background-image:linear-gradient(90deg,rgba(90,80,219,.24) 1px,transparent 1px),linear-gradient(rgba(90,80,219,.24) 1px,transparent 1px);background-size:12px 12px}.vector-icon{position:relative;background:linear-gradient(145deg,#e7fbfa,#edf0ff)}.vector-icon:before{position:absolute;content:"";inset:18px;border:3px solid #159b9a;border-radius:50% 10% 50% 10%;transform:rotate(35deg)}.format-note{max-width:1000px;margin:1rem auto 0;padding:1.2rem 1.4rem;border-left:4px solid var(--logo-accent);border-radius:0 14px 14px 0;color:#66687a;background:#f2f1ff;font-size:.82rem}.logo-backgrounds{background:#f7f8fc}.logo-background-layout{display:grid;grid-template-columns:1fr minmax(420px,.92fr);gap:clamp(2rem,6vw,6rem);align-items:center}.logo-background-list article{padding:1rem 0;border-bottom:1px solid #dedfe9}.logo-background-list h3{margin:0 0 .25rem}.logo-background-list p{margin:0;color:var(--muted);font-size:.82rem}.logo-background-list a{color:var(--brand-dark);font-weight:750}.tree-comparison{width:100%;max-width:570px;aspect-ratio:1/1;margin-left:auto}.tree-comparison .comparison-after{z-index:1;object-fit:contain;padding:5%}.tree-comparison .comparison-before-wrap{position:absolute;z-index:2;inset:0;overflow:hidden;clip-path:inset(0 calc(100% - var(--position)) 0 0);will-change:clip-path}.tree-comparison .comparison-before{object-fit:cover}.logo-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.logo-feature-grid article{padding:1.4rem;border:1px solid var(--line);border-radius:21px;background:#fff;transition:transform .25s,box-shadow .25s}.logo-feature-grid article:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(38,36,80,.08)}.logo-feature-grid b{color:#9794aa;font-size:.68rem}.logo-feature-grid h3{margin:1.8rem 0 .4rem}.logo-feature-grid p{margin:0;color:var(--muted);font-size:.8rem}.logo-guidance{background:#fff}.logo-limitations{padding:clamp(1.5rem,4vw,3rem);border-radius:28px;color:#fff;background:radial-gradient(circle at 90% 10%,rgba(29,190,187,.28),transparent 30%),linear-gradient(145deg,#25234b,#5650a8)}.logo-limitations .eyebrow{color:#c9c5ff}.logo-limitations p{color:#e5e4f2}.logo-limitations>a{color:#fff;font-weight:760;text-decoration:underline}.logo-test-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;margin:1.2rem 0}.logo-test-row span{display:grid;aspect-ratio:1/1;place-items:center;overflow:hidden;border-radius:13px}.logo-test-row img{width:88%;height:88%;object-fit:contain}.test-light{background:#fff}.test-dark{background:#111525}.test-color{background:#ffc75a}.logo-final-cta{background:radial-gradient(circle at 12% 15%,rgba(29,190,187,.36),transparent 28%),radial-gradient(circle at 88% 85%,rgba(247,104,191,.34),transparent 30%),#4f43cc}
@media (max-width:1199.98px){.logo-hero .container-xxl{grid-template-columns:minmax(0,.9fr) minmax(430px,1.1fr)}.logo-feature-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:991.98px){.logo-hero .container-xxl,.logo-step-layout,.logo-media-split,.logo-background-layout{grid-template-columns:1fr}.logo-hero-comparison,.tree-comparison{max-width:720px;margin:auto}.logo-upload-card{margin:auto}.logo-media-card{max-width:720px;margin:auto}.logo-background-layout>div:first-child{text-align:center}.logo-background-list{text-align:left}.logo-step-layout{gap:2.2rem}}
@media (max-width:767.98px){.logo-step-grid,.format-grid,.logo-use-list,.logo-feature-grid{grid-template-columns:1fr}.logo-step-grid li{min-height:0}.logo-hero-comparison{aspect-ratio:4/3}.tree-comparison{max-width:540px}.logo-test-row{gap:.35rem}}
@media (max-width:480px){.logo-hero-comparison{aspect-ratio:1/1}.logo-hero-comparison .comparison-after{padding:4%}.logo-test-row{grid-template-columns:1fr}.logo-test-row span{max-height:180px}.format-grid article{padding:1.3rem}}

/* Preserve exact before/after registration for the supplied matching pairs. */
.logo-hero-comparison .comparison-after,.tree-comparison .comparison-after{object-fit:cover;padding:0}
.format-note a{color:var(--brand-dark);font-weight:760;text-decoration:underline}