.seo-shell{background:var(--paper);min-height:100vh;overflow:hidden}.seo-nav{z-index:40;height:var(--header);border-bottom:1px solid var(--ink);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f5f1e8f2;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(20px,3.2vw,54px);display:grid;position:sticky;top:0}.seo-brand{justify-self:start;align-items:center;gap:11px;display:inline-flex}.seo-brand img{width:38px;height:38px}.seo-brand b{font:650 18px/1 var(--serif)}.seo-nav nav{align-items:center;gap:38px;height:100%;display:flex}.seo-nav nav a{height:100%;color:var(--muted);align-items:center;font-size:12px;display:flex}.seo-nav nav a:hover{color:var(--ink)}.seo-nav-cta{border:1px solid var(--line);background:#ffffff8c;border-radius:10px;justify-self:end;align-items:center;gap:30px;min-height:36px;padding:0 12px;font-size:10px;font-weight:650;display:flex}.seo-nav-cta span{color:var(--blue)}.seo-eyebrow{color:var(--blue);font:700 9px/1 var(--mono);letter-spacing:.15em;text-transform:uppercase}.seo-hero{max-width:1500px;min-height:calc(100svh - var(--header));grid-template-columns:minmax(440px,.92fr) minmax(480px,1.08fr);align-items:center;gap:clamp(50px,7vw,116px);margin:0 auto;padding:clamp(56px,6vw,94px) clamp(24px,5vw,80px);display:grid}.seo-hero h1{max-width:720px;font:500 clamp(62px,6.4vw,98px)/.88 var(--serif);letter-spacing:-.066em;margin:30px 0 0}.seo-hero>div>p{max-width:590px;color:var(--muted);margin:30px 0 0;font-size:15px;line-height:1.75}.seo-actions{align-items:center;gap:28px;margin-top:32px;display:flex}.seo-primary{border:1px solid var(--ink);background:var(--ink);color:#fff;border-radius:999px;justify-content:space-between;align-items:center;gap:34px;min-height:48px;padding:0 18px 0 21px;font-size:11px;font-weight:700;display:inline-flex}.seo-primary:hover{border-color:var(--blue);background:var(--blue)}.seo-primary span{color:var(--butter)}.seo-secondary{border-bottom:1px solid var(--ink);padding:9px 0 6px;font-size:10px;font-weight:650}.seo-hero figure{border:1px solid var(--ink);background:var(--paper-bright);box-shadow:11px 11px 0 var(--coral);margin:0;padding:14px}.seo-hero figure img{aspect-ratio:1;border:1px solid var(--ink);object-fit:cover;width:100%}.seo-hero figcaption{color:var(--muted);font:650 7px/1.3 var(--mono);letter-spacing:.08em;padding:13px 2px 0}.seo-principle{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);background:var(--screen-terra);grid-template-columns:minmax(360px,.8fr) minmax(460px,1fr);gap:clamp(60px,9vw,140px);padding:clamp(74px,9vw,138px) max(24px,50vw - 590px);display:grid}.seo-principle h2{max-width:570px;font:500 clamp(46px,5vw,72px)/.96 var(--serif);letter-spacing:-.055em;margin:25px 0 0}.seo-principle>div:last-child>p{color:#4f4d48;margin:0 0 42px;font-size:14px;line-height:1.8}.seo-principle ol{border-top:1px solid var(--ink);margin:0;padding:0;list-style:none}.seo-principle li{border-bottom:1px solid #2423214d;grid-template-columns:52px 1fr;gap:10px;padding:22px 0;display:grid}.seo-principle li>span{color:var(--coral);font:700 8px/1 var(--mono);padding-top:7px}.seo-principle h3{font:600 26px/1 var(--serif);margin:0}.seo-principle li p{color:var(--muted);margin:9px 0 0;font-size:11px;line-height:1.65}.seo-examples{max-width:1440px;margin:0 auto;padding:clamp(82px,9vw,140px) clamp(24px,4.5vw,72px)}.seo-examples>header{grid-template-columns:1fr minmax(280px,.42fr);align-items:end;gap:60px;display:grid}.seo-examples h2{max-width:800px;font:500 clamp(50px,5.6vw,82px)/.92 var(--serif);letter-spacing:-.06em;margin:20px 0 0}.seo-examples>header>p{color:var(--muted);margin:0;font-size:13px;line-height:1.75}.seo-examples>div{grid-template-columns:repeat(2,1fr);align-items:start;gap:24px;margin-top:62px;display:grid}.seo-examples figure{border:1px solid var(--ink);background:var(--paper-bright);margin:0}.seo-examples figure:first-child{grid-row:span 2}.seo-examples figure:not(:first-child){grid-template-columns:minmax(190px,.66fr) minmax(180px,.34fr);display:grid}.seo-examples img{aspect-ratio:1;object-fit:cover;border-bottom:1px solid var(--ink);width:100%}.seo-examples figure:not(:first-child) img{border-right:1px solid var(--ink);border-bottom:0}.seo-examples figcaption{padding:20px}.seo-examples figcaption span{color:var(--blue);font:700 8px/1 var(--mono);letter-spacing:.1em}.seo-examples figcaption p{color:var(--muted);margin:15px 0 0;font-size:11px;line-height:1.65}.seo-process{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);background:var(--screen-blue);padding:clamp(76px,8vw,120px) max(24px,50vw - 590px)}.seo-process>header{justify-content:space-between;align-items:end;gap:50px;display:flex}.seo-process h2{max-width:720px;font:500 clamp(48px,5vw,72px)/.94 var(--serif);letter-spacing:-.055em;margin:20px 0 0}.seo-process ol{border-top:1px solid var(--ink);border-left:1px solid var(--ink);grid-template-columns:repeat(3,1fr);margin:58px 0 0;padding:0;list-style:none;display:grid}.seo-process li{border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);background:#fafaf780;flex-direction:column;min-height:250px;padding:25px;display:flex}.seo-process li>span{color:var(--coral);font:700 8px/1 var(--mono)}.seo-process h3{font:600 30px/1 var(--serif);margin:auto 0 0}.seo-process li p{color:var(--muted);margin:14px 0 0;font-size:11px;line-height:1.65}.seo-guardrail{grid-template-columns:200px minmax(360px,.9fr) minmax(320px,.55fr);align-items:start;gap:clamp(38px,6vw,92px);max-width:1180px;margin:0 auto;padding:clamp(82px,9vw,140px) 24px;display:grid}.seo-guardrail h2{font:500 clamp(42px,4.5vw,66px)/.98 var(--serif);letter-spacing:-.052em;margin:0}.seo-guardrail p{color:var(--muted);margin:0;font-size:13px;line-height:1.8}.seo-faq{border-top:1px solid var(--ink);grid-template-columns:minmax(330px,.72fr) minmax(460px,1fr);gap:clamp(60px,9vw,140px);padding:clamp(76px,8vw,120px) max(24px,50vw - 590px);display:grid}.seo-faq h2{font:500 clamp(46px,4.8vw,68px)/.96 var(--serif);letter-spacing:-.055em;margin:22px 0 0}.seo-faq details{border-top:1px solid var(--ink)}.seo-faq details:last-child{border-bottom:1px solid var(--ink)}.seo-faq summary{cursor:pointer;min-height:76px;font:600 19px/1.25 var(--serif);justify-content:space-between;align-items:center;gap:24px;list-style:none;display:flex}.seo-faq summary::-webkit-details-marker{display:none}.seo-faq summary span{color:var(--blue);font:400 20px/1 var(--sans)}.seo-faq details[open] summary span{transform:rotate(45deg)}.seo-faq details p{max-width:650px;color:var(--muted);margin:-6px 40px 24px 0;font-size:12px;line-height:1.75}.seo-final{border-top:1px solid var(--ink);background:var(--butter);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:450px;padding:clamp(78px,9vw,130px) 24px;display:flex}.seo-final h2{font:500 clamp(58px,6.5vw,92px)/.9 var(--serif);letter-spacing:-.065em;margin:25px 0 32px}@media (max-width:940px){.seo-nav{grid-template-columns:1fr auto}.seo-nav nav{display:none}.seo-hero,.seo-principle,.seo-faq{grid-template-columns:1fr}.seo-hero figure{width:min(100%,700px);margin-left:auto}.seo-examples>header{grid-template-columns:1fr}.seo-examples>header>p{max-width:600px}.seo-examples>div{grid-template-columns:1fr}.seo-examples figure:first-child{grid-row:auto}.seo-guardrail{grid-template-columns:150px 1fr}.seo-guardrail p{grid-column:2}.seo-process ol{grid-template-columns:1fr}.seo-process li{min-height:180px}}@media (max-width:620px){.seo-nav{padding-inline:14px}.seo-brand b{display:none}.seo-hero{padding:52px 18px 72px}.seo-hero h1{font-size:56px}.seo-actions{flex-direction:column;align-items:flex-start}.seo-hero figure{box-shadow:7px 7px 0 var(--coral);padding:10px}.seo-principle,.seo-process,.seo-faq{padding:68px 18px}.seo-examples{padding:72px 18px}.seo-examples figure:not(:first-child){grid-template-columns:1fr}.seo-examples figure:not(:first-child) img{border-right:0;border-bottom:1px solid var(--ink)}.seo-guardrail{grid-template-columns:1fr;padding:72px 18px}.seo-guardrail p{grid-column:1}.seo-final{padding-inline:18px}.seo-final h2{font-size:58px}}