@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

:root { --orange:#e95420; --gold:#f9a825; --ink:#18202b; --muted:#5f6b7a; --paper:#f7f8fa; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; font-family:Inter,system-ui,sans-serif; color:var(--ink); background:var(--paper); line-height:1.6; }
a { color:inherit; }
.container { width:min(1120px,calc(100% - 40px)); margin-inline:auto; }
.site-header { position:sticky; top:0; z-index:50; background:rgba(255,255,255,.94); backdrop-filter:blur(14px); border-bottom:1px solid #e8ebef; }
.nav { min-height:76px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand { display:flex; align-items:center; gap:11px; text-decoration:none; font-weight:900; font-size:1.05rem; }
.brand img { width:46px; height:46px; object-fit:contain; }
.gradient-text { background:linear-gradient(90deg,var(--orange),var(--gold)); color:transparent; background-clip:text; -webkit-background-clip:text; }
.nav-links { display:flex; align-items:center; gap:28px; }
.nav-links a { text-decoration:none; color:#46505c; font-size:.93rem; font-weight:700; }
.nav-links a:hover,.nav-links a.active { color:var(--orange); }
.menu-button { display:none; border:0; background:transparent; font-size:1.6rem; cursor:pointer; }
.hero { position:relative; overflow:hidden; padding:112px 0 98px; background:radial-gradient(circle at 50% 0,rgba(249,168,37,.2),transparent 44%),#fff; }
.hero:after { content:""; position:absolute; inset:0; opacity:.22; pointer-events:none; background-image:linear-gradient(#dfe3e8 1px,transparent 1px),linear-gradient(90deg,#dfe3e8 1px,transparent 1px); background-size:40px 40px; mask-image:linear-gradient(to bottom,#000,transparent 70%); }
.hero-content { position:relative; z-index:1; text-align:center; }
.eyebrow { color:var(--orange); text-transform:uppercase; letter-spacing:.17em; font-weight:900; font-size:.76rem; }
h1 { font-size:clamp(2.7rem,7vw,5.5rem); line-height:1.02; letter-spacing:-.055em; margin:18px auto 24px; max-width:950px; }
.lead { color:var(--muted); font-size:clamp(1.05rem,2vw,1.3rem); max-width:730px; margin:0 auto 34px; }
.actions { display:flex; flex-wrap:wrap; justify-content:center; gap:14px; }
.button { display:inline-block; padding:13px 22px; border-radius:12px; font-weight:800; text-decoration:none; border:1px solid #d9dee5; background:#fff; transition:.25s ease; }
.button:hover { transform:translateY(-2px); border-color:var(--gold); }
.button.primary { color:#fff; border-color:var(--orange); background:var(--orange); box-shadow:0 10px 24px rgba(233,84,32,.25); }
.button.primary:hover { background:#d74717; }
.trust-row { display:flex; flex-wrap:wrap; justify-content:center; gap:18px 38px; padding:26px 0; background:#fff; border-block:1px solid #e8ebef; font-weight:700; color:#596473; font-size:.9rem; }
.trust-row span:before { content:"✓"; color:var(--orange); margin-right:8px; }
.section { padding:90px 0; }
.section.white { background:#fff; }
.section-title { max-width:710px; margin:0 auto 46px; text-align:center; }
.section-title h2 { font-size:clamp(2rem,4vw,3.25rem); line-height:1.1; letter-spacing:-.035em; margin:10px 0 15px; }
.section-title p { color:var(--muted); margin:0; }
.grid-2,.grid-3 { display:grid; gap:24px; }
.grid-2 { grid-template-columns:repeat(2,1fr); }
.grid-3 { grid-template-columns:repeat(3,1fr); }
.card { background:#fff; border:1px solid #e7eaee; border-radius:22px; padding:30px; box-shadow:0 10px 30px rgba(30,40,55,.06); transition:.3s ease; }
.card:hover { transform:translateY(-5px); box-shadow:0 20px 45px rgba(30,40,55,.11); }
.icon { width:50px; height:50px; display:grid; place-items:center; border-radius:14px; background:#fff0e9; color:var(--orange); font-size:1.25rem; font-weight:900; margin-bottom:20px; }
.card h2,.card h3 { margin:0 0 10px; line-height:1.2; }
.card p { color:var(--muted); margin:0 0 20px; }
.text-link { color:var(--orange); font-weight:800; text-decoration:none; }
.product-visual { display:grid; place-items:center; min-height:350px; background:linear-gradient(145deg,#fff1e9,#fff8df); border-radius:28px; }
.product-visual img { width:min(260px,70%); max-height:260px; object-fit:contain; filter:drop-shadow(0 20px 24px rgba(0,0,0,.14)); }
.split { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; }
.split h1 { font-size:clamp(2.5rem,5vw,4.3rem); margin:12px 0 22px; }
.split p { color:var(--muted); }
.check-list { list-style:none; padding:0; margin:25px 0; }
.check-list li { margin:13px 0; padding-left:28px; position:relative; }
.check-list li:before { content:"✓"; position:absolute; left:0; color:var(--orange); font-weight:900; }
.cta { padding:48px; border-radius:28px; background:#18202b; color:#fff; display:flex; justify-content:space-between; align-items:center; gap:30px; }
.cta h2 { font-size:clamp(1.8rem,4vw,2.8rem); line-height:1.12; margin:0 0 8px; }
.cta p { color:#bcc4ce; margin:0; }
.contact { max-width:760px; margin:auto; background:#fff; padding:38px; border-radius:24px; border:1px solid #e5e9ee; box-shadow:0 15px 40px rgba(30,40,55,.08); }
label { display:block; font-weight:800; margin:0 0 7px; }
input,textarea { width:100%; padding:14px; border:1px solid #d6dce3; border-radius:10px; font:inherit; margin-bottom:19px; }
input:focus,textarea:focus { outline:3px solid rgba(249,168,37,.22); border-color:var(--gold); }
.site-footer { padding:55px 0 28px; background:#121923; color:#fff; }
.footer-grid { display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:50px; padding-bottom:38px; border-bottom:1px solid #303846; }
.site-footer p,.site-footer a { color:#aeb7c3; }
.site-footer a { display:block; margin:8px 0; text-decoration:none; }
.site-footer a:hover { color:#fff; }
.copyright { text-align:center; color:#7f8a98; font-size:.85rem; padding-top:24px; }
.prose { max-width:820px; margin:auto; }
.prose h2 { margin-top:34px; }
.prose p,.prose li { color:var(--muted); }

/* Pole Barn Pro */
.pb-hero { overflow:hidden; padding:86px 0 80px; background:radial-gradient(circle at 8% 8%,rgba(249,168,37,.2),transparent 34rem),linear-gradient(135deg,#fff 0%,#fff8ef 100%); }
.pb-hero-grid { display:grid; grid-template-columns:1fr 1fr; gap:58px; align-items:center; }
.pb-hero h1 { font-size:clamp(3rem,6vw,5.2rem); margin:16px 0 24px; }
.pb-hero .lead { margin:0 0 30px; }
.pb-actions { justify-content:flex-start; }
.pb-proof { display:flex; flex-wrap:wrap; gap:9px 20px; margin-top:24px; color:#566270; font-size:.82rem; font-weight:750; }
.pb-proof span:before { content:"✓"; color:var(--orange); margin-right:7px; }
.pb-app-frame { overflow:hidden; margin:0; border:1px solid #dce2e8; border-radius:20px; background:#fff; box-shadow:0 24px 65px rgba(27,39,53,.14); }
.pb-app-frame-main { width:100%; max-width:590px; justify-self:end; box-shadow:0 24px 60px rgba(30,42,57,.16); }
.pb-window-bar { height:42px; padding:0 15px; display:flex; align-items:center; gap:7px; background:#172a37; color:#b9c7ce; font-size:.72rem; font-weight:700; }
.pb-window-bar i { width:9px; height:9px; border-radius:50%; background:#e95420; }
.pb-window-bar i:nth-child(2) { background:#f9a825; }.pb-window-bar i:nth-child(3) { background:#75b82a; }.pb-window-bar span { margin-left:7px; }
.pb-app-frame img { display:block; width:100%; height:auto; object-fit:contain; }
.pb-heading { font-size:clamp(2.3rem,4vw,3.6rem); line-height:1.06; letter-spacing:-.04em; margin:10px 0 18px; }
.pb-feature-split p { color:var(--muted); }
.pb-designer-shot { position:relative; overflow:hidden; border:1px solid #dce2e8; border-radius:24px; background:#dfe8eb; box-shadow:0 20px 50px rgba(21,40,52,.14); }
.pb-designer-shot img { display:block; width:100%; height:auto; }
.pb-designer-shot span { position:absolute; left:16px; bottom:16px; padding:7px 11px; border-radius:999px; background:rgba(8,29,41,.9); color:#fff; font-size:.72rem; font-weight:800; }
.pb-capabilities .card p { margin-bottom:0; }.pb-capabilities .icon { font-size:1rem; }
.pb-pricing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; align-items:stretch; }
.pb-price-card { position:relative; padding:30px; border:1px solid #e2e6eb; border-radius:22px; background:#fff; box-shadow:0 10px 28px rgba(30,40,55,.06); display:flex; flex-direction:column; }
.pb-price-card.featured { border:2px solid var(--orange); background:linear-gradient(180deg,#fff8f3,#fff 38%); box-shadow:0 18px 40px rgba(233,84,32,.12); }
.pb-popular { position:absolute; right:20px; top:-14px; padding:6px 11px; border-radius:999px; background:var(--orange); color:#fff; font-size:.7rem; font-weight:900; text-transform:uppercase; letter-spacing:.06em; }
.pb-plan-label { margin:0 0 8px; color:var(--orange); text-transform:uppercase; letter-spacing:.12em; font-size:.73rem; font-weight:900; }
.pb-price-card h3 { min-height:2.9rem; margin:0; font-size:1.35rem; line-height:1.2; }.pb-price-card>p:not(.pb-plan-label) { color:var(--muted); font-size:.9rem; }
.pb-price { display:flex; align-items:baseline; gap:7px; margin:20px 0 10px; }.pb-price strong { font-size:2.7rem; line-height:1; letter-spacing:-.05em; }.pb-price span { color:var(--muted); font-weight:650; }
.pb-price-card .check-list { flex:1; margin:18px 0 24px; font-size:.9rem; }.pb-price-card .button { width:100%; text-align:center; }.pb-pricing-note { max-width:780px; margin:28px auto 0; text-align:center; color:var(--muted); font-size:.8rem; }
.cta .eyebrow { margin:0 0 8px; color:var(--gold); }

/* Premium Pole Barn Pro page */
.pb-page { --pb-green:#163c32; --pb-deep:#0a211c; --pb-lime:#d5ec68; --pb-cream:#f4f0e7; background:#f6f4ef; }
.pb-page .site-header { background:rgba(250,249,245,.92); border-bottom-color:rgba(19,55,46,.1); }
.pb-page .nav-links a:hover,.pb-page .nav-links a.active { color:var(--pb-green); }
.pb-page .pb-hero { padding:92px 0 0; color:#fff; background:var(--pb-deep); isolation:isolate; }
.pb-page .pb-hero:before { content:""; position:absolute; inset:0; z-index:-2; background:linear-gradient(115deg,#0a211c 0%,#0d3026 52%,#174a3d 100%); }
.pb-page .pb-hero:after { content:""; position:absolute; inset:0; z-index:-1; opacity:.12; background-image:linear-gradient(rgba(255,255,255,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.22) 1px,transparent 1px); background-size:54px 54px; mask-image:linear-gradient(to bottom,#000,transparent 88%); }
.pb-hero-glow { position:absolute; width:520px; height:520px; right:-150px; top:-220px; border-radius:50%; background:rgba(213,236,104,.15); filter:blur(10px); }
.pb-page .pb-hero-grid { grid-template-columns:.88fr 1.12fr; gap:64px; }
.pb-kicker { display:inline-flex; align-items:center; gap:9px; padding:7px 12px; border:1px solid rgba(255,255,255,.16); border-radius:999px; background:rgba(255,255,255,.06); color:#dce8e2; font-size:.72rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.pb-kicker-dot { width:7px; height:7px; border-radius:50%; background:var(--pb-lime); box-shadow:0 0 0 5px rgba(213,236,104,.12); }
.pb-page .pb-hero h1 { margin:24px 0; max-width:650px; font-size:clamp(3.4rem,6.4vw,6rem); line-height:.92; letter-spacing:-.065em; }
.pb-page .pb-hero h1 span { color:var(--pb-lime); }
.pb-page .pb-hero .lead { max-width:610px; color:#bdcec8; font-size:1.12rem; line-height:1.75; }
.pb-page .pb-actions { margin-top:32px; }
.pb-page .button { border-radius:8px; }
.pb-page .button.primary { background:var(--pb-lime); border-color:var(--pb-lime); color:var(--pb-deep); box-shadow:0 12px 30px rgba(213,236,104,.15); }
.pb-page .button.primary:hover { background:#e2f58a; }
.pb-page .pb-button-ghost { color:#fff; border-color:rgba(255,255,255,.23); background:rgba(255,255,255,.06); }
.pb-page .pb-proof { color:#b6c8c1; margin-top:28px; gap:12px 22px; }
.pb-page .pb-proof span:before { color:var(--pb-lime); }
.pb-visual-wrap { position:relative; align-self:end; padding-top:52px; }
.pb-page .pb-app-frame-main { position:relative; max-width:680px; border:1px solid rgba(255,255,255,.16); border-bottom:0; border-radius:18px 18px 0 0; box-shadow:0 30px 80px rgba(0,0,0,.38); transform:perspective(1100px) rotateY(-2deg); transform-origin:right bottom; }
.pb-page .pb-window-bar { background:#f7f6f1; color:#65716d; border-bottom:1px solid #e2e5e2; }
.pb-visual-badge { position:absolute; z-index:3; right:20px; top:8px; display:flex; flex-direction:column; padding:12px 15px; border-radius:10px; background:#fff; color:var(--pb-deep); box-shadow:0 14px 35px rgba(0,0,0,.2); }
.pb-visual-badge b { font-size:.78rem; }.pb-visual-badge span { color:#78827f; font-size:.67rem; }
.pb-floating-stat { position:absolute; z-index:3; left:-30px; bottom:35px; display:flex; align-items:center; gap:11px; padding:13px 16px; border:1px solid rgba(255,255,255,.18); border-radius:10px; background:rgba(10,33,28,.88); backdrop-filter:blur(12px); box-shadow:0 12px 30px rgba(0,0,0,.25); }
.pb-floating-stat strong { color:var(--pb-lime); font-size:1.4rem; }.pb-floating-stat span { max-width:80px; color:#d5e0dc; font-size:.68rem; line-height:1.25; }
.pb-metrics { position:relative; z-index:5; display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid rgba(255,255,255,.13); }
.pb-metrics div { padding:25px 22px; border-right:1px solid rgba(255,255,255,.13); }.pb-metrics div:last-child { border-right:0; }
.pb-metrics strong,.pb-metrics span { display:block; }.pb-metrics strong { color:#fff; font-size:.91rem; }.pb-metrics span { color:#8fa69e; font-size:.75rem; }
.pb-page .section.white { background:#fbfaf7; }
.pb-page .pb-feature-split { gap:78px; }
.pb-page .pb-designer-shot { overflow:visible; border:0; background:transparent; box-shadow:none; }
.pb-page .pb-designer-shot:before { content:""; position:absolute; inset:-18px 30px 18px -18px; z-index:-1; border-radius:24px; background:#dce5d5; }
.pb-page .pb-designer-shot img { border-radius:18px; box-shadow:0 24px 55px rgba(20,54,45,.18); }
.pb-page .pb-designer-shot span { left:18px; bottom:18px; background:rgba(10,33,28,.9); }
.pb-page .eyebrow { color:#557064; }.pb-page .pb-heading,.pb-page .section-title h2 { color:var(--pb-deep); }
.pb-page .text-link { color:var(--pb-green); }
.pb-page .pb-capabilities .card { position:relative; overflow:hidden; border:1px solid rgba(22,60,50,.1); border-radius:16px; box-shadow:none; }
.pb-page .pb-capabilities .card:hover { border-color:rgba(22,60,50,.28); box-shadow:0 18px 35px rgba(22,60,50,.08); }
.pb-page .pb-capabilities .icon { background:#e9efdf; color:var(--pb-green); }
.pb-page .pb-price-card { border-radius:16px; box-shadow:none; }
.pb-page .pb-price-card.featured { border-color:var(--pb-green); background:linear-gradient(180deg,#edf2e5,#fff 42%); box-shadow:0 20px 45px rgba(22,60,50,.12); }
.pb-page .pb-popular { background:var(--pb-green); }.pb-page .pb-plan-label { color:var(--pb-green); }
.pb-page .cta { background:var(--pb-deep); }.pb-page .cta .eyebrow { color:var(--pb-lime); }
.pb-video-section { padding:88px 0 96px; background:var(--pb-deep); color:#fff; }
.pb-video-heading { display:grid; grid-template-columns:1.25fr .75fr; gap:60px; align-items:end; margin-bottom:34px; }
.pb-video-heading h2 { max-width:760px; margin:8px 0 0; font-size:clamp(2.3rem,4.5vw,4.2rem); line-height:1; letter-spacing:-.05em; }
.pb-video-heading>p { margin:0 0 5px; color:#aabdb6; font-size:.95rem; }
.pb-video-section .eyebrow { color:var(--pb-lime); }
.pb-video-frame { overflow:hidden; border:1px solid rgba(255,255,255,.16); border-radius:18px; background:#050d0b; box-shadow:0 30px 80px rgba(0,0,0,.3); }
.pb-video-frame video { display:block; width:100%; max-height:720px; aspect-ratio:16/9; background:#050d0b; object-fit:contain; }
.pb-video-caption { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:15px 20px; border-top:1px solid rgba(255,255,255,.12); background:#102d25; color:#b8c8c2; font-size:.78rem; font-weight:700; }
.pb-video-caption span { display:flex; align-items:center; gap:8px; }.pb-video-caption i { width:7px; height:7px; border-radius:50%; background:var(--pb-lime); box-shadow:0 0 0 5px rgba(213,236,104,.1); }
.pb-video-caption a { color:var(--pb-lime); text-decoration:none; }

/* Pole Barn Pro SEO resource library */
.seo-page { background:#f7f5ef; }
.seo-hero { position:relative; overflow:hidden; padding:62px 0 72px; color:#fff; background:radial-gradient(circle at 85% 15%,rgba(213,236,104,.13),transparent 30%),var(--pb-deep); }
.seo-breadcrumb { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:44px; color:#8fa69e; font-size:.75rem; font-weight:700; }
.seo-breadcrumb a { color:#b9cbc4; text-decoration:none; }.seo-breadcrumb a:hover { color:var(--pb-lime); }
.seo-hero-grid { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr); gap:70px; align-items:end; }
.seo-hero h1 { max-width:850px; margin:22px 0; font-size:clamp(3rem,6vw,5.4rem); line-height:.95; letter-spacing:-.06em; }
.seo-hero .lead { max-width:760px; margin:0; color:#bdcec8; }
.seo-quick-answer { padding:28px; border:1px solid rgba(255,255,255,.13); border-radius:14px; background:rgba(255,255,255,.06); backdrop-filter:blur(12px); }
.seo-quick-answer span { color:var(--pb-lime); font-size:.72rem; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.seo-quick-answer p { margin:12px 0 0; color:#e7eeeb; font-size:1.04rem; line-height:1.65; }
.seo-video { padding:76px 0 84px; background:#102d25; color:#fff; }
.seo-video-copy { max-width:760px; margin:0 auto 30px; text-align:center; }.seo-video-copy .eyebrow { color:var(--pb-lime); }.seo-video-copy h2 { margin:8px 0; font-size:clamp(2.1rem,4vw,3.5rem); letter-spacing:-.045em; }.seo-video-copy p { margin:0; color:#aebfba; }
.seo-video .pb-video-frame { max-width:980px; margin:auto; }
.seo-content { padding:86px 0; background:#fbfaf7; }
.seo-article-grid { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:80px; align-items:start; }
.seo-article { max-width:760px; }.seo-article h2 { margin:48px 0 14px; color:var(--pb-deep); font-size:clamp(1.8rem,3vw,2.55rem); line-height:1.12; letter-spacing:-.035em; }.seo-article h2:first-of-type { margin-top:8px; }
.seo-article>p { color:#53635d; font-size:1rem; line-height:1.85; }.seo-article .seo-lead { color:#203b33; font-size:1.16rem; line-height:1.75; }
.seo-callout { margin:32px 0; padding:24px 26px; border-left:4px solid var(--pb-lime); border-radius:0 12px 12px 0; background:#edf1e5; }.seo-callout strong { color:var(--pb-green); }.seo-callout p { margin:6px 0 0; color:#52645d; }
.seo-steps { display:grid; gap:12px; }.seo-step { position:relative; padding:22px 24px 22px 76px; border:1px solid #dfe5df; border-radius:12px; background:#fff; }.seo-step>span { position:absolute; left:24px; top:25px; color:#93a29c; font-size:.72rem; font-weight:900; letter-spacing:.1em; }.seo-step h3 { margin:0 0 5px; color:var(--pb-deep); font-size:1rem; }.seo-step p { margin:0; color:#71807a; font-size:.83rem; }
.seo-sidebar { position:sticky; top:105px; }.seo-side-card { padding:28px; border-radius:16px; background:var(--pb-deep); color:#fff; box-shadow:0 20px 45px rgba(10,33,28,.15); }.seo-side-card>span { color:var(--pb-lime); font-size:.7rem; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }.seo-side-card h2 { margin:12px 0 20px; font-size:1.65rem; line-height:1.15; letter-spacing:-.03em; }.seo-side-card ul { margin:0 0 24px; padding:0; list-style:none; }.seo-side-card li { position:relative; margin:11px 0; padding-left:22px; color:#b9cac4; font-size:.83rem; }.seo-side-card li:before { content:"✓"; position:absolute; left:0; color:var(--pb-lime); }.seo-side-card .button { width:100%; text-align:center; }
.seo-related { padding:78px 0; background:var(--pb-cream); }.seo-related-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.seo-related-card { display:flex; flex-direction:column; min-height:215px; padding:24px; border:1px solid rgba(22,60,50,.11); border-radius:14px; background:#fff; text-decoration:none; transition:.25s ease; }.seo-related-card:hover { transform:translateY(-4px); border-color:rgba(22,60,50,.3); box-shadow:0 16px 30px rgba(22,60,50,.08); }.seo-related-card span { color:#768780; font-size:.68rem; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }.seo-related-card strong { margin:18px 0; color:var(--pb-deep); font-size:1.18rem; line-height:1.25; }.seo-related-card em { margin-top:auto; color:var(--pb-green); font-size:.78rem; font-style:normal; font-weight:800; }.seo-back { margin-top:30px; text-align:center; }.seo-back a { color:var(--pb-green); font-weight:900; text-decoration:none; }
.seo-hub-hero { padding:100px 0 90px; color:#fff; text-align:center; background:radial-gradient(circle at 50% 0,rgba(213,236,104,.16),transparent 42%),var(--pb-deep); }.seo-hub-hero h1 { max-width:950px; margin:22px auto; font-size:clamp(3.2rem,7vw,6rem); line-height:.93; }.seo-hub-hero .lead { max-width:760px; margin:0 auto 32px; color:#bdcec8; }.seo-hub-hero .actions { justify-content:center; }
.seo-hub-intro { display:grid; grid-template-columns:.35fr 1fr; gap:60px; padding-block:46px; border-bottom:1px solid #dfe4df; }.seo-hub-intro strong { color:var(--pb-green); font-size:.84rem; text-transform:uppercase; letter-spacing:.12em; }.seo-hub-intro p { margin:0; color:#607069; font-size:1rem; }
.seo-hub-sections { padding-block:76px; }.seo-hub-group { margin-bottom:86px; }.seo-hub-group-title { display:grid; grid-template-columns:1fr auto; align-items:end; margin-bottom:24px; }.seo-hub-group-title .eyebrow { grid-column:1/-1; margin-bottom:4px; }.seo-hub-group-title h2 { margin:0; color:var(--pb-deep); font-size:clamp(2rem,4vw,3.1rem); letter-spacing:-.045em; }.seo-hub-group-title>span { color:#7b8b84; font-size:.78rem; font-weight:800; }
.seo-hub-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }.seo-hub-card { position:relative; display:grid; grid-template-columns:44px 1fr; gap:4px 16px; padding:24px; border:1px solid rgba(22,60,50,.1); border-radius:14px; background:#fff; text-decoration:none; transition:.25s ease; }.seo-hub-card:hover { transform:translateY(-3px); border-color:rgba(22,60,50,.28); box-shadow:0 14px 30px rgba(22,60,50,.07); }.seo-hub-card>span { grid-row:1/4; color:#a3afa9; font-size:.72rem; font-weight:900; letter-spacing:.1em; }.seo-hub-card h3 { margin:0; color:var(--pb-deep); font-size:1.08rem; }.seo-hub-card p { margin:4px 0 16px; color:#708079; font-size:.82rem; }.seo-hub-card em { color:var(--pb-green); font-size:.73rem; font-style:normal; font-weight:900; }

@media (max-width:800px) {
  .menu-button { display:block; }
  .nav-links { display:none; position:absolute; left:0; right:0; top:76px; padding:14px 20px 20px; background:#fff; border-bottom:1px solid #e8ebef; flex-direction:column; align-items:flex-start; gap:4px; }
  .nav-links.open { display:flex; }
  .nav-links a { width:100%; padding:10px; }
  .hero { padding:82px 0 72px; }
  .grid-2,.grid-3,.split,.footer-grid { grid-template-columns:1fr; }
  .split { gap:34px; }
  .cta { padding:34px 25px; flex-direction:column; align-items:flex-start; }
  .section { padding:68px 0; }
  .pb-hero { padding:65px 0 60px; }.pb-hero-grid,.pb-pricing-grid { grid-template-columns:1fr; }.pb-hero-grid { gap:38px; }.pb-app-frame-main { max-width:none; justify-self:stretch; }.pb-price-card.featured { order:-1; }.pb-feature-split>div:first-child { order:2; }
  .pb-page .pb-hero { padding:64px 0 0; }.pb-page .pb-hero-grid { grid-template-columns:1fr; gap:20px; }.pb-page .pb-hero h1 { font-size:clamp(3.2rem,14vw,5rem); }.pb-visual-wrap { padding-top:45px; }.pb-page .pb-app-frame-main { transform:none; }.pb-floating-stat { left:12px; bottom:18px; }.pb-metrics { grid-template-columns:1fr 1fr; }.pb-metrics div:nth-child(2) { border-right:0; }.pb-metrics div:nth-child(-n+2) { border-bottom:1px solid rgba(255,255,255,.13); }.pb-page .pb-feature-split { gap:50px; }
  .pb-video-heading { grid-template-columns:1fr; gap:18px; }.pb-video-section { padding:68px 0; }
  .seo-hero-grid,.seo-article-grid { grid-template-columns:1fr; }.seo-hero-grid { gap:36px; }.seo-article-grid { gap:45px; }.seo-sidebar { position:static; }.seo-related-grid { grid-template-columns:1fr; }.seo-hub-grid { grid-template-columns:1fr; }.seo-hub-intro { grid-template-columns:1fr; gap:12px; }
}

@media (max-width:520px) {
  .container { width:min(100% - 28px,1120px); }.pb-hero h1 { font-size:2.75rem; }.pb-proof { display:grid; }.pb-price-card { padding:26px 22px; }.pb-price-card h3 { min-height:0; }
  .pb-page .pb-hero h1 { font-size:3.15rem; }.pb-page .pb-actions { display:grid; }.pb-page .pb-actions .button { text-align:center; }.pb-visual-badge { right:8px; }.pb-floating-stat { display:none; }.pb-metrics div { padding:19px 10px; }.pb-page .pb-designer-shot:before { inset:-10px 16px 12px -10px; }
  .seo-hero { padding:42px 0 55px; }.seo-breadcrumb { margin-bottom:32px; }.seo-hero h1 { font-size:3rem; }.seo-video { padding:54px 0; }.seo-content { padding:62px 0; }.seo-hub-hero { padding:72px 0 64px; }.seo-hub-group-title { grid-template-columns:1fr; }.seo-hub-group-title>span { margin-top:5px; }.seo-hub-card { grid-template-columns:32px 1fr; padding:20px; }
}