.seo-main{--seo-space:clamp(24px,4vw,64px);width:92%;max-width:1600px;font-family:var(--ds-font);color:var(--ds-text);margin:22px auto clamp(64px,8vw,120px)}.seo-main :is(h1,h2,p,figure){margin:0}.seo-main :is(a):focus-visible{outline:2px solid var(--ds-accent);outline-offset:6px}.seo-main :is(h1,h2){letter-spacing:-.05em;text-wrap:balance;font-weight:450}.seo-window{border:1px solid var(--ds-line);background:var(--ds-panel);border-radius:20px;overflow:hidden;box-shadow:0 22px 50px #0003}.seo-chrome{padding:20px var(--seo-space);font:11px/1.5 var(--ds-mono);color:var(--ds-muted);border-bottom:1px solid var(--ds-line);justify-content:space-between;gap:20px;display:flex}.seo-hero{padding:var(--seo-space);grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(24px,5vw,80px);display:grid}.seo-intro h1{font-size:clamp(42px,4.4vw,76px);line-height:1.07}.seo-intro h1 em{color:var(--ds-muted);font-style:normal}.seo-intro>p{max-width:58ch;color:var(--ds-muted);margin-top:28px;font-size:clamp(16px,1.2vw,19px);line-height:1.75}.seo-intro>.seo-use-case,.seo-intro>.seo-location{color:var(--ds-text);margin-top:14px;font-size:clamp(14px,1vw,17px);line-height:1.55}.seo-location a{white-space:nowrap;border-bottom:1px solid #777;align-items:center;gap:10px;display:inline-flex}.seo-location a span{color:var(--ds-accent)}.seo-link{border-bottom:1px solid #777;align-items:center;gap:26px;min-height:48px;margin-top:28px;font-size:16px;display:inline-flex}.seo-link span{color:var(--ds-accent)}.seo-hero-image{background:#292929;border-radius:10px;min-width:0;position:relative;overflow:hidden}.seo-hero-image img{aspect-ratio:4/4.5;object-fit:cover;width:100%;height:auto;transition:transform .65s cubic-bezier(.2,.7,.2,1);display:block}.seo-hero-image figcaption{font:11px/1.5 var(--ds-mono);background:#181818e8;justify-content:space-between;gap:16px;padding:18px;display:flex;position:absolute;bottom:0;left:0;right:0}.seo-hero-image figcaption strong{color:var(--ds-text);font-weight:500;display:block}.seo-hero-image figcaption small{font:10px/1.5 var(--ds-mono);color:var(--ds-muted);margin-top:5px;display:block}.seo-hero-guide{display:block}.seo-hero-guide .seo-intro{grid-template-columns:1.1fr 1fr;align-items:start;column-gap:clamp(32px,6vw,90px);display:grid}.seo-hero-guide h1{grid-row:span 2}.seo-hero-guide .seo-intro>p{max-width:45ch;margin-top:6px}.seo-hero-guide .seo-link{place-self:start;margin-top:20px}.seo-body{max-width:1240px;padding:clamp(40px,5vw,72px) var(--seo-space);margin-inline:auto}.seo-copy section{grid-template-columns:.7fr 1.3fr;gap:24px clamp(32px,5vw,72px);scroll-margin-top:140px;display:grid}.seo-copy section+section{border-top:1px solid var(--ds-line);margin-top:32px;padding-top:32px}.seo-copy h2{text-wrap:pretty;font-size:clamp(24px,2.2vw,32px);line-height:1.2}.seo-copy p{color:var(--ds-muted);max-width:64ch;font-size:17px;line-height:1.75}.seo-copy p+p{margin-top:18px}.seo-work{padding:0 var(--seo-space) clamp(40px,5vw,64px)}.seo-work h2{margin-bottom:24px;font-size:clamp(28px,2.6vw,38px);line-height:1.2}.seo-work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.seo-work-grid a{font:12px/1.6 var(--ds-mono);grid-template-columns:1fr auto;align-items:start;gap:16px;display:grid}.seo-work-grid img{aspect-ratio:4/3;object-fit:cover;border-radius:10px;grid-column:1/-1;width:100%;height:auto;display:block}.seo-work-grid a>span:last-child{color:var(--ds-accent)}.seo-related{margin-inline:var(--seo-space);border-top:1px solid var(--ds-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 32px;padding-top:20px;display:flex}.seo-related>p{font:12px/1.5 var(--ds-mono);color:var(--ds-muted)}.seo-related>div{flex-wrap:wrap;gap:8px 32px;display:flex}.seo-related a{align-items:center;gap:18px;min-height:44px;font-size:16px;display:inline-flex}.seo-related a>span{color:var(--ds-accent)}@media (hover:hover){.seo-hero-image a:hover img{transform:scale(1.035)}.seo-related a:hover,.seo-work-grid a:hover{color:var(--ds-accent)}}@media (width<=900px){.seo-hero{grid-template-columns:1fr 1fr;gap:24px}.seo-intro h1{font-size:42px}.seo-work-grid{gap:16px}}@media (width<=620px){.seo-main{--seo-space:22px;margin-top:14px}.seo-hero{grid-template-columns:1fr;gap:32px}.seo-intro h1{font-size:clamp(34px,8.3vw,49px)}.seo-hero-guide .seo-intro{display:block}.seo-hero-guide .seo-intro>p{margin-top:24px}.seo-hero-image img{aspect-ratio:4/3}.seo-chrome{flex-wrap:wrap;gap:6px;font-size:9px}.seo-copy section{grid-template-columns:1fr;gap:14px}.seo-copy p{font-size:16px}.seo-work-grid{grid-template-columns:1fr;gap:32px}.seo-window{border-radius:16px}.seo-related{flex-direction:column;align-items:start}.seo-related>div{flex-direction:column;gap:0}.seo-hero-image figcaption{padding:12px;font-size:10px}}.seo-hero-landscape img{aspect-ratio:16/9;object-fit:contain}.seo-hero-landscape figcaption{position:static}.seo-rates,.seo-receive{max-width:1240px;padding:clamp(40px,5vw,72px) var(--seo-space) 0;margin-inline:auto}.seo-rates{grid-template-columns:.7fr 1.3fr;gap:24px clamp(32px,5vw,72px);display:grid}.seo-rates-head h2,.seo-receive h2{font-size:clamp(24px,2.2vw,32px);line-height:1.2}.seo-rates-head p{color:var(--ds-muted);max-width:40ch;margin-top:14px;font-size:15px;line-height:1.65}.seo-rates dl{max-width:760px;margin:0}.seo-rates dl>div{border-top:1px solid var(--ds-line);justify-content:space-between;align-items:baseline;gap:8px 24px;padding:18px 0;display:flex}.seo-rates dl>div:last-child{border-bottom:1px solid var(--ds-line)}.seo-rates dt{font-size:17px;line-height:1.4}.seo-rates dt small{max-width:52ch;color:var(--ds-muted);margin-top:6px;font-size:14px;line-height:1.6;display:block}.seo-rates dd{white-space:nowrap;letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin:0;font-size:clamp(20px,1.8vw,26px)}.seo-rates>.seo-link{grid-column:2;justify-self:start;margin-top:0}.seo-receive{grid-template-columns:.7fr 1.3fr;gap:24px clamp(32px,5vw,72px);display:grid}.seo-receive ul{max-width:64ch;margin:0;padding:0;list-style:none}.seo-receive li{border-top:1px solid var(--ds-line);color:var(--ds-muted);padding:12px 0;font-size:17px;line-height:1.6}.seo-work-grid small{color:var(--ds-muted);font:inherit;display:block}.seo-faq{max-width:1240px;padding:0 var(--seo-space) clamp(40px,5vw,72px);grid-template-columns:.7fr 1.3fr;gap:24px clamp(32px,5vw,72px);margin-inline:auto;display:grid}.seo-faq h2{font-size:clamp(24px,2.2vw,32px);line-height:1.2}.seo-faq>div{max-width:64ch}.seo-faq-item{border-top:1px solid var(--ds-line);padding:16px 0}.seo-faq-item:last-child{border-bottom:1px solid var(--ds-line)}.seo-faq h3{letter-spacing:-.01em;margin:0;font-size:17px;font-weight:500;line-height:1.4}.seo-faq-item p{color:var(--ds-muted);margin-top:8px;font-size:16px;line-height:1.7}@media (width<=900px){.seo-rates,.seo-receive,.seo-faq{grid-template-columns:1fr}.seo-rates>.seo-link{grid-column:1}}@media (width<=620px){.seo-rates dl>div{flex-direction:column;gap:6px}}.seo-angles{border:0;min-width:0;margin:28px 0 0;padding:0}.seo-angles legend{font:11px/1.5 var(--ds-mono);color:var(--ds-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:12px;padding:0}.seo-angles-choice{border:1px solid var(--ds-line);border-radius:30px;padding:3px;display:inline-flex}.seo-angles-choice label{display:block;position:relative}.seo-angles-choice input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.seo-angles-choice span{border-radius:30px;align-items:center;min-height:44px;padding:0 22px;font-size:15px;transition:background .36s,color .36s;display:flex}.seo-angles-choice input:checked+span{background:var(--ds-accent);color:#111}.seo-angles-choice input:focus-visible+span{outline:2px solid var(--ds-accent);outline-offset:3px}.seo-angles-price{max-width:52ch;margin-top:18px;display:none}.seo-angles-price strong{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(28px,3vw,44px);font-weight:450;display:block}.seo-angles-price span{color:var(--ds-muted);margin-top:6px;font-size:14px;line-height:1.6;display:block}.seo-angles:has(input[value="1"]:checked) [data-for="1"],.seo-angles:has(input[value="3"]:checked) [data-for="3"]{animation:.36s both seo-angles-in;display:block}@keyframes seo-angles-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.seo-angles-sheet{display:none}.seo-hero:has(input[name=angles][value="3"]:checked) .seo-angles-sheet{aspect-ratio:4/4.5;background:#292929;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:6px;display:grid}.seo-hero:has(input[name=angles][value="3"]:checked) .seo-hero-main{display:none}.seo-angles-sheet img{aspect-ratio:auto;object-fit:cover;border-radius:6px;width:100%;height:100%;transform:none}.seo-angles-sheet img:first-child{object-position:20% 50%}.seo-angles-sheet img:nth-child(2){object-position:50% 50%}.seo-angles-sheet img:nth-child(3){object-position:80% 30%}@media (width<=620px){.seo-hero:has(input[name=angles][value="3"]:checked) .seo-angles-sheet{aspect-ratio:4/3}}@media (prefers-reduced-motion:reduce){.seo-angles-price{animation:none!important}.seo-main *{transition:none!important;animation:none!important}}
