/* Supporting page compositions. Shared typography and navigation live in styles.css. */
.sp-business-hero,.sp-agency-hero,.sp-pricing-hero,.sp-resources-hero,.sp-about-hero{padding:86px 0 68px;color:#10223C}
.sp-business-hero h1,.sp-agency-hero h1,.sp-pricing-hero h1,.sp-resources-hero h1,.sp-about-hero h1{font-family:Manrope,Inter,sans-serif;font-weight:800;font-size:clamp(42px,5.1vw,72px);line-height:1.09;letter-spacing:-.055em;margin:20px 0 25px}
.sp-business-hero h1 span,.sp-agency-hero h1 span,.sp-pricing-hero h1 span{color:#2D55FF}
.sp-business-hero p,.sp-agency-hero p,.sp-pricing-hero>div>p,.sp-resources-hero p,.sp-about-subline p{font-size:17px;line-height:1.75;color:#64748B;max-width:620px}
.sp-hero-row{display:flex;justify-content:space-between;align-items:center;gap:40px}
.sp-hero-row p{margin:0}
.sp-hero-row .btn{flex-shrink:0}
.sp-business-ribbon{display:flex;gap:48px;padding:35px 0 0;margin-top:44px;border-top:1px solid #E6EAF2;color:#40516B;font-size:13px;font-weight:500}
.sp-business-ribbon span{display:flex;align-items:center;gap:12px}
.sp-business-ribbon svg{width:20px;height:20px;color:#2D55FF}
.sp-tabs{display:flex;border-bottom:1px solid #DCE2ED;margin-bottom:44px;gap:0}
.sp-tab{flex:1;display:flex;justify-content:space-between;align-items:center;gap:20px;border:0;border-bottom:2px solid transparent;background:none;padding:22px 20px;color:#64748B;font:600 15px Inter,sans-serif;cursor:pointer;text-align:left;margin-bottom:-1px}
.sp-tab.is-active{color:#2D55FF;border-bottom-color:#2D55FF}
.sp-tab:hover{background:#F7F9FF}
.sp-tab svg{height:18px;width:18px}
.sp-business-panel{display:grid;grid-template-columns:.95fr 1.05fr;gap:78px;align-items:center;min-height:490px}
.sp-usecase-copy h2,.sp-two-col h2,.sp-section-intro h2,.sp-fit-layout h2,.sp-pricing-faq h2,.sp-beliefs-title h2,.sp-about-statement h2{font-family:Manrope,Inter,sans-serif;font-weight:800;font-size:clamp(32px,3.1vw,44px);line-height:1.17;letter-spacing:-.045em;margin:18px 0 22px}
.sp-usecase-copy>p,.sp-two-col>div>p,.sp-fit-layout>div>p,.sp-about-statement p{color:#64748B;font-size:15px;line-height:1.85;max-width:530px}
.sp-check-list{list-style:none;margin:26px 0;padding:0;display:grid;gap:15px}
.sp-check-list li{display:flex;align-items:flex-start;gap:11px;color:#40516B;font-size:14px;line-height:1.6}
.sp-check-list svg{width:18px;height:18px;flex:0 0 18px;margin-top:2px;color:#2D55FF}
.sp-usecase-copy .text-link{margin-top:8px;display:inline-flex;gap:10px;align-items:center}
.sp-usecase-copy .text-link svg,.sp-about-statement .text-link svg{width:18px;height:18px}
.sp-usecase-visual{border:1px solid #E3E8F1;border-radius:16px;padding:22px;background:#F8FAFF;box-shadow:0 16px 60px #10223C08}
.sp-preview-line{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.08em;color:#8B98AA;gap:20px}
.sp-preview-line>span:first-child{display:flex;align-items:center;gap:6px;color:#64748B;font-weight:600;font-size:9px;white-space:nowrap}
.sp-dot{display:inline-block;width:6px;height:6px;background:#2D55FF;border-radius:50%;flex:0 0 6px}
.sp-workspace-title{display:flex;gap:12px;align-items:center;padding:25px 0 20px}
.sp-small-mark{display:inline-flex;justify-content:center;align-items:center;width:39px;height:39px;background:#E7EDFF;color:#2D55FF;border-radius:10px;flex:0 0 39px}
.sp-small-mark svg{width:21px;height:21px}
.sp-workspace-title strong{font-size:14px;display:block}
.sp-workspace-title small{font-size:11px;color:#8B98AA;display:block;margin-top:4px}
.sp-soft-tag{font-size:10px;font-weight:500;background:#EDF1F8;color:#64748B;border:1px solid #E2E8F2;padding:4px 8px;border-radius:6px;margin-left:auto;white-space:nowrap}
.sp-campaign-paper{background:#FFFFFF;border:1px solid #E1E7F0;border-radius:12px;padding:30px;position:relative;overflow:hidden}
.sp-campaign-paper:after{content:'';width:80px;height:80px;border-radius:50%;border:18px solid #EEF2FF;position:absolute;right:-35px;top:-35px}
.sp-ad-label{font-size:9px;color:#2D55FF;font-weight:600;letter-spacing:.1em;display:block;margin-bottom:16px}
.sp-campaign-paper>strong{display:block;font-family:Manrope,Inter,sans-serif;font-size:28px;letter-spacing:-.04em;line-height:1.2;max-width:310px}
.sp-campaign-paper p{font-size:12px;line-height:1.75;color:#78869A;max-width:300px;margin:15px 0 20px}
.sp-paper-action{display:flex;align-items:center;gap:10px;color:#2D55FF;font-size:11px;font-weight:600}
.sp-paper-action svg{width:14px;height:14px}
.sp-workspace-data{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:22px 3px 0}
.sp-workspace-data>div:last-child{grid-column:1/-1;border-top:1px solid #E3E8F1;padding-top:15px}
.sp-workspace-data span,.sp-agency-overview span{font-size:10px;color:#8B98AA;display:block;margin-bottom:6px}
.sp-workspace-data strong{font-size:11px;font-weight:600}
.sp-business-focus{background:#F8FAFD;margin-top:20px}
.sp-two-col{display:grid;grid-template-columns:1fr 1fr;gap:100px}
.sp-focus-list{display:grid;gap:0}
.sp-focus-list article{display:flex;gap:24px;padding:22px 0;border-bottom:1px solid #E2E7EF}
.sp-focus-list article:first-child{padding-top:0}
.sp-focus-list article:last-child{border:0}
.sp-focus-list article>span{color:#A4AFBF;font-size:12px;padding-top:7px}
.sp-focus-list h3{font-size:20px;letter-spacing:-.03em;margin:0 0 9px}
.sp-focus-list p{font-size:14px;line-height:1.7;color:#64748B;margin:0}
.sp-cta{padding:68px 0;background:#EEF2FA}
.sp-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:40px}
.sp-cta h2{font-family:Manrope,Inter,sans-serif;font-size:clamp(28px,3vw,40px);line-height:1.2;letter-spacing:-.045em;margin:13px 0 12px;color:#10223C}
.sp-cta p{font-size:14px;color:#64748B;margin:0;line-height:1.6}
.sp-cta .btn{flex-shrink:0}
.sp-cta svg,.sp-hero-actions svg,.sp-plan-card .btn svg,.sp-featured-inner .btn svg,.sp-reader-bottom svg,.sp-about-manifesto .btn svg,.sp-hero-row svg{width:18px;height:18px}
.sp-agency-hero{background:#FDFAF6;overflow:hidden;padding-top:90px;padding-bottom:95px}
.sp-agency-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}
.sp-agency-hero h1{font-size:clamp(40px,4.5vw,64px)}
.sp-agency-hero p{font-size:16px;max-width:505px}
.sp-hero-actions{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin-top:28px}
.sp-hero-actions .text-link{display:inline-flex;align-items:center;gap:9px;font-size:13px}
.sp-agency-note{font-size:11px;line-height:1.7;color:#8995A5;margin-top:25px;max-width:400px}
.sp-account-stack{position:relative;max-width:420px;min-height:380px;width:100%;margin:0 auto}
.sp-stack-back{position:absolute;inset:0;border:1px solid #DDE4EE;border-radius:15px;background:#EEF2FA}
.sp-stack-back-one{transform:rotate(-8deg) translate(-10px,6px)}
.sp-stack-back-two{transform:rotate(5deg) translate(13px,-4px);background:#E2E9FF}
.sp-stack-front{position:relative;background:#fff;border:1px solid #DDE4EE;padding:30px 30px 0;border-radius:15px;box-shadow:0 22px 40px #10223C0D;transform:rotate(-1deg)}
.sp-stack-label,.sp-stack-footer{font-size:9px;letter-spacing:.1em;color:#8C99AD;font-weight:600}
.sp-stack-front h3{font-family:Manrope,Inter,sans-serif;font-size:26px;letter-spacing:-.04em;line-height:1.3;margin:16px 0 28px}
.sp-stack-row{display:flex;align-items:center;gap:12px;padding:16px 0;border-top:1px solid #EEF1F7}
.sp-stack-row>span{width:35px;height:35px;background:#F0F4FF;border-radius:9px;display:grid;place-items:center;color:#2D55FF}
.sp-stack-row svg{width:18px;height:18px}
.sp-stack-row strong{font-size:12px;font-weight:600}
.sp-stack-row small{font-size:10px;color:#8B98AA;margin-left:auto}
.sp-stack-footer{margin-top:20px;padding:18px 0;border-top:1px solid #EEF1F7;display:flex;gap:8px;align-items:center}
.sp-section-intro{text-align:center;max-width:700px;margin:0 auto 45px}
.sp-section-intro p{font-size:15px;color:#64748B;line-height:1.8;max-width:560px;margin:0 auto}
.sp-agency-demo{max-width:990px;margin:0 auto;border:1px solid #DCE3EF;border-radius:16px;overflow:hidden;display:grid;grid-template-columns:260px 1fr;box-shadow:0 20px 65px #10223C09}
.sp-agency-sidebar{background:#F7F9FD;padding:26px 17px;display:flex;flex-direction:column;border-right:1px solid #E4E9F1}
.sp-sidebar-label{font-size:8px;letter-spacing:.14em;color:#9AA6B8;margin:0 9px 15px;font-weight:600}
.sp-agency-sidebar>strong{font-size:16px;margin:0 9px 26px;letter-spacing:-.02em}
.sp-client-buttons{display:grid;gap:8px}
.sp-client-button{display:flex;align-items:center;gap:10px;width:100%;padding:12px 10px;border:1px solid transparent;border-radius:10px;background:none;cursor:pointer;text-align:left;font-family:inherit;color:#10223C}
.sp-client-button.is-active{background:#fff;border-color:#E0E6F0;box-shadow:0 3px 8px #10223C04}
.sp-client-button:hover{background:#fff}
.sp-client-button>span{display:grid;place-items:center;color:#fff;font-size:10px;width:32px;height:32px;border-radius:8px;flex:0 0 32px}
.sp-client-button strong{display:block;font-size:11px;letter-spacing:-.01em}
.sp-client-button small{display:block;font-size:9px;color:#8B98AA;margin-top:4px}
.sp-sidebar-footer{margin:auto 9px 0;padding-top:40px;font-size:9px;line-height:1.7;color:#98A3B4}
.sp-agency-desk{padding:29px 33px 25px;background:#fff;min-height:540px}
.sp-account-heading{display:flex;gap:12px;align-items:center}
.sp-client-avatar{width:39px;height:39px;border-radius:10px;display:grid;place-items:center;color:#fff;font-size:12px;flex-shrink:0}
.sp-account-heading strong{font-size:15px;letter-spacing:-.02em;display:block}
.sp-account-heading small{font-size:10px;color:#8B98AA;display:block;margin-top:5px}
.sp-agency-overview{margin:28px 0;display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:18px 0;border-top:1px solid #EDF0F5;border-bottom:1px solid #EDF0F5}
.sp-agency-overview strong{font-size:12px;font-weight:600}
.sp-chart-label{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px}
.sp-chart-label strong{font-size:11px;font-weight:600}
.sp-chart-label>span{font-size:9px;color:#99A3B3}
.sp-mini-chart{width:100%;height:125px;display:block;margin-bottom:27px}
.sp-agent-list{border:1px solid #E5EAF3;border-radius:10px;overflow:hidden}
.sp-agent-label{display:flex;align-items:center;gap:9px;background:#F7F9FE;border-bottom:1px solid #E5EAF3;padding:12px 15px;font-size:11px}
.sp-agent-orb{width:23px;height:23px;display:grid;place-items:center;background:#2D55FF;color:#fff;border-radius:7px}
.sp-agent-orb svg{width:14px;height:14px}
.sp-agency-task{display:flex;gap:12px;align-items:center;padding:12px 15px;border-bottom:1px solid #F0F2F7}
.sp-agency-task:last-child{border-bottom:0}
.sp-agency-task>span{color:#99A6B9;font-size:9px}
.sp-agency-task p{font-size:11px;color:#55657A;margin:0}
.sp-agency-task>svg{width:13px;height:13px;color:#9AA7B9;margin-left:auto}
.sp-agency-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}
.sp-large-number{display:block;font-family:Manrope,Inter,sans-serif;font-size:44px;color:#C6D3F9;font-weight:700;letter-spacing:-.06em;margin-bottom:22px}
.sp-agency-principles h3{font-size:21px;letter-spacing:-.035em;margin-bottom:15px}
.sp-agency-principles p{font-size:14px;color:#64748B;line-height:1.8;margin:0}
.sp-pricing-hero{text-align:center;padding-bottom:50px}
.sp-pricing-hero>div>p{margin:0 auto}
.sp-pricing-note{font-size:11px;color:#8C97A7;display:block;margin-top:22px;line-height:1.8}
.sp-pricing-plans{padding:16px 0 80px}
.sp-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}
.sp-plan-card{border:1px solid #DDE4EF;border-radius:15px;padding:30px;position:relative;background:#fff;margin-top:25px}
.sp-plan-featured{border:2px solid #2D55FF;padding:29px;background:#FDFEFF}
.sp-plan-ribbon{position:absolute;left:-2px;right:-2px;top:-27px;background:#2D55FF;color:white;border-radius:12px 12px 0 0;text-align:center;padding:9px 8px;font-size:8px;font-weight:600;letter-spacing:.12em}
.sp-plan-featured{border-top-left-radius:0;border-top-right-radius:0}
.sp-plan-symbol{display:grid;place-items:center;width:42px;height:42px;background:#EEF2FA;color:#2D55FF;border-radius:11px;margin-bottom:20px}
.sp-plan-symbol svg{width:22px;height:22px}
.sp-plan-top h2{font-family:Manrope,Inter,sans-serif;font-size:27px;letter-spacing:-.035em;margin:0 0 9px}
.sp-plan-top p{font-size:12px;color:#64748B;line-height:1.6;margin:0}
.sp-plan-price{margin:30px 0 23px;padding-top:25px;border-top:1px solid #E7ECF4}
.sp-plan-price>strong{font-size:23px;letter-spacing:-.035em;display:block;font-family:Manrope,Inter,sans-serif}
.sp-plan-price small{font-size:11px;color:#8C98A9;display:block;margin-top:9px;min-height:32px;line-height:1.7}
.sp-plan-card .btn{display:flex;width:100%;justify-content:space-between;gap:10px;font-size:12px;min-height:46px;padding-left:17px;padding-right:17px}
.sp-plan-features{margin-top:27px}
.sp-plan-features>span{font-size:8px;font-weight:600;color:#9AA7BA;letter-spacing:.13em}
.sp-plan-features .sp-check-list{margin:16px 0 0;gap:15px}
.sp-plan-features .sp-check-list li{font-size:12px}
.sp-plan-features .sp-check-list svg{width:16px;height:16px;flex-basis:16px}
.sp-plan-footnote{text-align:center;margin:27px auto 0;font-size:10px;line-height:1.7;color:#909BAA;padding:0 24px;max-width:800px}
.sp-fit-section{background:#F7F9FD}
.sp-fit-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:center}
.sp-fit-form{padding:31px;background:#fff;border:1px solid #E0E6F1;border-radius:13px}
.sp-fit-form fieldset{border:0;padding:0;margin:0 0 26px;min-width:0}
.sp-fit-form legend{font-size:13px;font-weight:600;margin-bottom:13px;color:#10223C}
.sp-choice-row{display:flex;gap:10px}
.sp-choice-row label{flex:1;cursor:pointer;position:relative}
.sp-choice-row input{position:absolute;opacity:0;width:1px;height:1px}
.sp-choice-row label>span{display:block;border:1px solid #DDE4EF;border-radius:8px;padding:12px 13px;font-size:12px;text-align:center;color:#64748B}
.sp-choice-row input:checked+span{border-color:#2D55FF;background:#F1F5FF;color:#2D55FF;box-shadow:inset 0 0 0 1px #2D55FF}
.sp-choice-row input:focus-visible+span{outline:3px solid #AFC0FF;outline-offset:3px}
.sp-fit-result{display:flex;gap:12px;align-items:center;padding:19px;background:#EEF3FF;border-radius:9px}
.sp-fit-result>div>span{font-size:10px;color:#8695AE;display:block}
.sp-fit-result strong{font-family:Manrope,Inter,sans-serif;font-size:19px;display:block;margin-top:3px}
.sp-fit-result>a{width:34px;height:34px;margin-left:auto;background:#2D55FF;color:#fff;border-radius:8px;display:grid;place-items:center}
.sp-fit-result>a svg{width:18px;height:18px}
.sp-pricing-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}
.sp-accordion details{border-bottom:1px solid #E0E6F1;padding:22px 0}
.sp-accordion details:first-child{padding-top:0}
.sp-accordion summary{display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;font-size:15px;font-weight:600;list-style:none;color:#10223C;line-height:1.6}
.sp-accordion summary::-webkit-details-marker{display:none}
.sp-accordion summary span{font-weight:400;font-size:23px;color:#95A1B3;transition:transform .2s;flex-shrink:0}
.sp-accordion details[open] summary span{transform:rotate(45deg);color:#2D55FF}
.sp-accordion p{font-size:13px;line-height:1.85;color:#64748B;margin:15px 30px 0 0}
.sp-resources-hero{padding-bottom:52px}
.sp-resources-title-row{display:flex;justify-content:space-between;gap:40px;align-items:flex-end}
.sp-resources-title-row h1{margin-bottom:0}
.sp-resources-title-row p{font-size:15px;margin:0 0 7px}
.sp-featured-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;background:#EEF2FA;border:1px solid #E4EAF4;border-radius:16px;padding:50px 60px;overflow:hidden;min-height:400px}
.sp-featured-label{display:flex;align-items:center;gap:22px;color:#2D55FF;font-size:9px;letter-spacing:.09em;font-weight:600}
.sp-featured-label>span{font-size:8px;color:#8794A9;font-weight:500}
.sp-featured-inner h2{font-family:Manrope,Inter,sans-serif;font-size:clamp(30px,3vw,43px);letter-spacing:-.045em;line-height:1.15;margin:23px 0 16px}
.sp-featured-inner p{font-size:13px;line-height:1.8;color:#64748B;max-width:340px;margin-bottom:25px}
.sp-featured-inner .btn{font-size:12px;cursor:pointer}
.sp-feature-graphic{position:relative;max-width:350px;margin:0 auto}
.sp-feature-paper{position:relative;z-index:1;width:305px;background:#fff;padding:27px 29px 21px;border:1px solid #DDE4F0;border-radius:8px;transform:rotate(5deg);box-shadow:0 15px 35px #10223C0B}
.sp-paper-eyebrow{font-size:8px;letter-spacing:.12em;font-weight:600;color:#9CA7B8}
.sp-feature-paper h3{font-family:Manrope,Inter,sans-serif;font-size:24px;letter-spacing:-.04em;line-height:1.2;margin:21px 0 23px}
.sp-feature-paper>div{display:flex;align-items:center;gap:9px;border-top:1px solid #EDF1F6;padding:13px 0;color:#617086;font-size:10px}
.sp-feature-paper>div svg{width:14px;height:14px;color:#2D55FF}
.sp-feature-paper-footer{display:block;font-size:7px;color:#ADB7C5;letter-spacing:.08em;margin-top:20px;border-top:1px solid #EDF1F6;padding-top:18px}
.sp-orbit-check{position:absolute;bottom:5px;right:-36px;width:70px;height:70px;display:grid;place-items:center;background:#2D55FF;color:#fff;border:6px solid #EEF2FA;border-radius:50%;z-index:2;transform:rotate(5deg)}
.sp-orbit-check svg{width:35px;height:35px}
.sp-resource-controls{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:40px;flex-wrap:wrap}
.sp-filter-list{display:flex;gap:6px;flex-wrap:wrap}
.sp-filter-list button{background:none;border:1px solid transparent;border-radius:7px;padding:9px 13px;font:500 11px Inter,sans-serif;color:#718096;cursor:pointer}
.sp-filter-list button.is-active{background:#EEF3FF;border-color:#E1E9FF;color:#2D55FF}
.sp-filter-list button:hover{background:#F5F7FB}
.sp-resource-search{display:flex;gap:10px;align-items:center;border:1px solid #E1E7F0;border-radius:8px;padding:10px 13px;min-width:225px}
.sp-resource-search svg{width:16px;height:16px;color:#8F9CAE;flex-shrink:0}
.sp-resource-search input{width:100%;min-width:0;border:0;outline:none;font:400 11px Inter,sans-serif;color:#10223C;background:none}
.sp-resource-search:focus-within{outline:2px solid #B6C5FF;outline-offset:2px}
.sp-resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px 28px}
.sp-resource-card{min-width:0}
.sp-resource-cover{height:225px;width:100%;border:1px solid #E7ECF4;border-radius:11px;position:relative;overflow:hidden;display:block;text-align:left;cursor:pointer;background:#F2F5FC;padding:22px;transition:transform .2s,box-shadow .2s}
.sp-resource-cover:hover{transform:translateY(-4px);box-shadow:0 14px 24px #10223C08}
.sp-cover-number{position:relative;z-index:2;font-size:8px;letter-spacing:.12em;font-weight:600;color:#8E9AB0}
.sp-cover-arrow{position:absolute;bottom:19px;right:19px;width:27px;height:27px;border:1px solid #D6DFEF;border-radius:50%;display:grid;place-items:center;color:#5B719D}
.sp-cover-arrow svg{width:13px;height:13px}
.sp-cover-creative{background:#FDFAF6}
.sp-cover-budget{background:#F1F5F0}
.sp-cover-channels{background:#EFF2F9}
.sp-cover-brief{background:#F8F3EF}
.sp-art-sheet{width:150px;height:169px;background:white;border:1px solid #D9E1ED;border-radius:5px;position:absolute;top:70px;left:calc(50% - 75px);transform:rotate(-9deg);padding:23px;box-shadow:0 10px 15px #10223C05}
.sp-art-sheet>span{display:block;height:8px;background:#BBCBFA;width:70%;border-radius:2px;margin-bottom:18px}
.sp-art-sheet i{display:block;height:6px;background:#E6EBF5;width:100%;margin-bottom:14px;border-radius:2px}
.sp-art-sheet i:nth-of-type(2){width:83%}
.sp-art-sheet b{display:grid;place-items:center;position:absolute;right:-18px;top:42px;width:43px;height:43px;background:#2D55FF;color:#fff;border-radius:50%;border:4px solid #EFF3FA}
.sp-art-sheet b svg{width:22px;height:22px}
.sp-art-bars{display:flex;gap:12px;align-items:flex-end;position:absolute;bottom:37px;left:calc(50% - 86px);height:110px}
.sp-art-bars i{width:27px;background:#CCD8FA;border-radius:4px 4px 0 0;height:38px}
.sp-art-bars i:nth-child(2){height:54px}
.sp-art-bars i:nth-child(3){height:69px}
.sp-art-bars i:nth-child(4){height:85px}
.sp-art-bars i:nth-child(5){height:106px;background:#2D55FF}
.sp-art-bars>span{position:absolute;top:-18px;left:-8px;width:35px;height:35px;color:#2D55FF;background:white;border:1px solid #DEE6F6;border-radius:8px;display:grid;place-items:center;transform:rotate(-10deg)}
.sp-art-bars>span svg{width:21px;height:21px}
.sp-cover-budget .sp-art-bars i{background:#C8D7C2}
.sp-cover-budget .sp-art-bars i:last-of-type{background:#748A69}
.sp-cover-budget .sp-art-bars>span{color:#748A69}
.sp-art-creative{position:absolute;top:80px;left:calc(50% - 95px);display:flex;gap:12px}
.sp-art-creative>i{width:85px;height:110px;background:white;border:1px solid #D9E0E9;border-radius:6px;font:700 42px Manrope,Inter,sans-serif;display:grid;place-items:center;color:#2D55FF;box-shadow:0 6px 15px #10223C05;transform:rotate(-9deg)}
.sp-art-creative>i:nth-child(2){background:#2D55FF;color:white;transform:rotate(7deg) translateY(-10px);border-color:#2D55FF}
.sp-art-creative>span{position:absolute;top:60px;left:63px;width:48px;height:48px;display:grid;place-items:center;color:#A68655;background:#F7E7CF;border:4px solid #FDFAF6;border-radius:50%}
.sp-art-creative>span svg{width:24px;height:24px}
.sp-art-channels{position:absolute;top:96px;left:calc(50% - 103px);display:flex;gap:25px;align-items:center}
.sp-art-channels:before{content:'';position:absolute;top:50%;left:25px;right:25px;height:1px;border-top:1px dashed #AABCE8}
.sp-art-channels>i,.sp-art-channels>span{position:relative;display:grid;place-items:center;width:45px;height:45px;background:#fff;border:1px solid #DEE5F1;border-radius:12px;color:#778DAD}
.sp-art-channels>span{width:66px;height:66px;background:#2D55FF;color:white;border-color:#2D55FF;border-radius:15px}
.sp-art-channels svg{width:22px;height:22px}
.sp-art-channels>span svg{width:32px;height:32px}
.sp-resource-meta{display:flex;gap:16px;align-items:center;font-size:9px;margin:21px 0 12px}
.sp-resource-meta>span:first-child{color:#2D55FF;font-weight:500}
.sp-resource-meta>span:last-child{color:#98A4B5}
.sp-resource-card h3{margin:0 0 11px;line-height:1.42}
.sp-resource-card h3 button{font-family:Manrope,Inter,sans-serif;font-weight:700;font-size:19px;line-height:1.4;letter-spacing:-.025em;border:0;background:none;padding:0;color:#10223C;cursor:pointer;text-align:left}
.sp-resource-card h3 button:hover{color:#2D55FF}
.sp-resource-card>p{font-size:12px;line-height:1.8;color:#7E8BA0;margin:0}
.sp-resource-count{font-size:11px;color:#98A3B3;margin-top:35px}
.sp-no-results{grid-column:1/-1;text-align:center;padding:65px 20px;background:#F7F9FD;border-radius:12px}
.sp-no-results h3{font-size:23px;margin:0 0 12px}
.sp-no-results p{font-size:14px;color:#64748B;margin:0 0 24px}
.sp-modal-open{overflow:hidden}
.sp-reader{border:1px solid #D9E2F2;border-radius:16px;background:#fff;padding:0;max-width:790px;width:calc(100% - 40px);max-height:90vh;color:#10223C;box-shadow:0 30px 100px #10223C3D}
.sp-reader::backdrop{background:#10223C85;backdrop-filter:blur(5px)}
.sp-reader-top{display:flex;align-items:center;justify-content:space-between;padding:17px 28px;border-bottom:1px solid #E7ECF4;background:#fff;position:sticky;top:0;z-index:1}
.sp-reader-top>span{font-size:9px;letter-spacing:.14em;font-weight:600;color:#93A0B3}
.sp-reader-top button{display:grid;place-items:center;width:31px;height:31px;border:1px solid #E0E6F1;background:#F7F9FD;border-radius:8px;font-size:22px;color:#64748B;cursor:pointer}
.sp-reader-body{padding:46px 60px 35px}
.sp-reader-body h2{font-family:Manrope,Inter,sans-serif;font-size:36px;line-height:1.2;letter-spacing:-.04em;margin:17px 0 22px}
.sp-reader-deck{color:#7D8CA0;font-size:17px;line-height:1.7;border-bottom:1px solid #E6EBF3;padding-bottom:28px;margin-bottom:28px}
.sp-article-content p{font-size:14px;line-height:1.9;color:#53647C;margin:0 0 24px}
.sp-article-content h3{font-family:Manrope,Inter,sans-serif;font-size:20px;letter-spacing:-.03em;margin:30px 0 13px;color:#10223C}
.sp-article-callout{background:#EEF3FF;border-left:3px solid #2D55FF;border-radius:0 8px 8px 0;padding:22px 25px;color:#3C5686;font-size:14px;line-height:1.8;margin-top:30px}
.sp-reader-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#F5F7FC;border-top:1px solid #E5EAF3;padding:25px 35px}
.sp-reader-bottom>span{font-size:12px;color:#718199}
.sp-reader-bottom .btn{font-size:12px}
.sp-about-hero{padding-bottom:70px}
.sp-about-hero h1{font-size:clamp(43px,5.3vw,74px);max-width:900px}
.sp-about-subline{display:flex;align-items:flex-start;gap:25px;margin-top:28px}
.sp-about-rule{display:block;height:1px;width:65px;background:#2D55FF;margin-top:16px;flex-shrink:0}
.sp-about-subline p{margin:0;font-size:17px}
.sp-about-statement{padding:60px 0 100px}
.sp-about-statement-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:center}
.sp-about-mark{position:relative;background:#2D55FF;border-radius:16px;aspect-ratio:1/1;display:grid;place-items:center;overflow:hidden}
.sp-mark-ring{position:absolute;width:100%;height:100%;border-radius:50%;border:1px solid #FFFFFF26;top:12%;left:23%}
.sp-ring-two{width:135%;height:135%;top:2%;left:8%}
.sp-about-bird{position:relative;width:59%;height:59%;object-fit:contain;filter:brightness(0) invert(1);transform:rotate(-3deg)}
.sp-mark-caption{position:absolute;bottom:28px;left:28px;font-size:8px;letter-spacing:.16em;font-weight:600;color:#FFFFFF9C}
.sp-about-statement .text-link{display:inline-flex;gap:10px;align-items:center;margin-top:15px;font-size:13px}
.sp-about-beliefs{background:#F8FAFD}
.sp-beliefs-title{max-width:700px;margin-bottom:48px}
.sp-belief-list{display:grid}
.sp-belief-list article{display:grid;grid-template-columns:55px 1fr 1.2fr;gap:35px;padding:32px 0;border-top:1px solid #DBE3F0;align-items:start}
.sp-belief-list article>span{color:#96A4BA;font-size:12px;margin-top:6px}
.sp-belief-list h3{font-family:Manrope,Inter,sans-serif;font-size:23px;letter-spacing:-.035em;line-height:1.4;margin:0}
.sp-belief-list p{font-size:14px;line-height:1.85;color:#64748B;margin:0;max-width:520px}
.sp-about-manifesto{text-align:center;background:#10223C;padding:95px 0;color:white}
.sp-about-manifesto .eyebrow{color:#93A7CC}
.sp-about-manifesto p{font-family:Manrope,Inter,sans-serif;font-size:clamp(32px,4.1vw,56px);line-height:1.22;font-weight:700;letter-spacing:-.045em;margin:25px 0 35px}
.sp-about-manifesto p>span{color:#B8CBF5}
.sp-about-manifesto .btn{background:#fff;color:#10223C;border-color:#fff}
.sp-about-manifesto .btn:hover{background:#E9F0FF;border-color:#E9F0FF}
.sp-tab:focus-visible,.sp-client-button:focus-visible,.sp-filter-list button:focus-visible,.sp-resource-card button:focus-visible,.sp-reader button:focus-visible,.sp-fit-result a:focus-visible{outline:3px solid #9FB3FF;outline-offset:3px}
@media(min-width:1350px){.sp-business-hero h1{font-size:76px}.sp-usecase-visual{padding:26px}.sp-campaign-paper{padding:35px}}
@media(max-width:1000px){.sp-business-panel{gap:40px}.sp-two-col,.sp-fit-layout,.sp-pricing-faq,.sp-about-statement-grid{gap:55px}.sp-agency-hero-grid{gap:45px}.sp-account-stack{max-width:350px}.sp-stack-front{padding:24px 23px 0}.sp-stack-front h3{font-size:24px}.sp-stack-row{gap:9px}.sp-stack-row small{font-size:8px}.sp-plan-card{padding:24px}.sp-plan-featured{padding:23px}.sp-plan-price>strong{font-size:21px}.sp-plan-card .btn{font-size:10px}.sp-featured-inner{padding:40px;gap:35px}.sp-feature-paper{width:260px;padding:25px}.sp-feature-paper h3{font-size:22px}.sp-feature-paper>div{font-size:9px}.sp-resource-grid{gap:38px 20px}.sp-resource-cover{height:205px}.sp-agency-principles{gap:30px}.sp-belief-list article{grid-template-columns:35px 1fr 1.25fr;gap:25px}.sp-resource-search{min-width:180px}.sp-resources-title-row p{font-size:13px}.sp-agency-demo{grid-template-columns:230px 1fr}.sp-agency-desk{padding:25px}.sp-resource-card h3 button{font-size:17px}}
@media(max-width:760px){.sp-business-hero,.sp-agency-hero,.sp-pricing-hero,.sp-resources-hero,.sp-about-hero{padding:55px 0 45px}.sp-business-hero h1,.sp-agency-hero h1,.sp-pricing-hero h1,.sp-resources-hero h1,.sp-about-hero h1{font-size:clamp(36px,8vw,54px);letter-spacing:-.05em}.sp-hero-row{display:block}.sp-hero-row p{font-size:15px}.sp-hero-row .btn{margin-top:25px}.sp-desktop{display:none}.sp-business-ribbon{gap:22px;margin-top:35px;flex-wrap:wrap;padding-top:25px;font-size:11px}.sp-business-ribbon svg{width:17px;height:17px}.sp-business-ribbon span{gap:8px}.sp-tabs{gap:0;margin-bottom:35px}.sp-tab{font-size:12px;padding:16px 8px;gap:10px}.sp-tab svg{width:13px;height:13px}.sp-business-panel{grid-template-columns:1fr;gap:30px;min-height:0}.sp-usecase-copy{max-width:600px}.sp-usecase-visual{max-width:580px;width:100%;margin:0 auto}.sp-usecase-copy h2,.sp-two-col h2,.sp-section-intro h2,.sp-fit-layout h2,.sp-pricing-faq h2,.sp-beliefs-title h2,.sp-about-statement h2{font-size:32px}.sp-two-col{grid-template-columns:1fr;gap:30px}.sp-focus-list article:first-child{padding-top:15px}.sp-cta{padding:45px 0}.sp-cta-inner{display:block}.sp-cta .btn{margin-top:24px}.sp-agency-hero-grid{grid-template-columns:1fr;gap:55px}.sp-account-stack{max-width:390px;margin:0 auto 15px}.sp-stack-front{padding:30px 30px 0}.sp-stack-row small{font-size:10px}.sp-agency-note{margin-top:20px}.sp-agency-demo{grid-template-columns:1fr}.sp-agency-sidebar{padding:20px;border:0;border-bottom:1px solid #E4E9F1}.sp-sidebar-label{margin:0 0 10px}.sp-agency-sidebar>strong{margin:0 0 17px;font-size:14px}.sp-client-buttons{display:flex;gap:5px}.sp-client-button{padding:10px 7px;gap:7px;justify-content:center}.sp-client-button>span{width:28px;height:28px;flex-basis:28px;font-size:8px}.sp-client-button strong{font-size:9px}.sp-client-button small{display:none}.sp-sidebar-footer{padding:14px 0 0;margin:0;font-size:8px}.sp-sidebar-footer br{display:none}.sp-agency-desk{padding:25px 22px;min-height:0}.sp-agency-principles{grid-template-columns:1fr;gap:35px}.sp-agency-principles article{display:grid;grid-template-columns:45px 1fr;column-gap:23px}.sp-large-number{font-size:32px;grid-row:1/3;margin:0}.sp-agency-principles h3{margin:0 0 11px}.sp-agency-principles p{grid-column:2}.sp-plan-grid{grid-template-columns:1fr;max-width:560px;gap:20px}.sp-plan-card{padding:28px;margin-top:10px}.sp-plan-featured{padding:27px;margin-top:35px}.sp-plan-card .btn{font-size:12px}.sp-plan-top{display:grid;grid-template-columns:45px 1fr;gap:0 15px;align-items:center}.sp-plan-symbol{grid-row:1/3;margin-bottom:0}.sp-plan-top h2{font-size:25px;margin-bottom:6px}.sp-plan-top p{font-size:11px}.sp-plan-price{margin:24px 0 18px;padding-top:22px}.sp-plan-price small{min-height:0}.sp-plan-price>strong{font-size:24px}.sp-pricing-plans{padding-bottom:55px}.sp-fit-layout{grid-template-columns:1fr;gap:25px}.sp-fit-layout h2 br,.sp-pricing-faq h2 br{display:none}.sp-fit-form{padding:25px}.sp-pricing-faq{grid-template-columns:1fr;gap:25px}.sp-resources-title-row{display:block}.sp-resources-title-row p{margin-top:25px;font-size:15px}.sp-featured-inner{grid-template-columns:1fr;gap:40px;padding:32px}.sp-featured-inner h2{font-size:36px}.sp-featured-inner p{max-width:none}.sp-feature-graphic{margin:0 auto 12px}.sp-feature-paper{width:265px}.sp-resource-grid{grid-template-columns:repeat(2,1fr);gap:32px 20px}.sp-resource-cover{height:200px}.sp-cover-number{font-size:7px}.sp-resource-card h3 button{font-size:17px}.sp-resource-search{width:100%}.sp-resource-controls{gap:20px}.sp-filter-list{gap:2px}.sp-filter-list button{font-size:10px;padding:8px 11px}.sp-art-sheet{width:135px;left:calc(50% - 68px)}.sp-art-bars{gap:9px;left:calc(50% - 80px)}.sp-art-bars i{width:25px}.sp-art-creative{transform:scale(.85);transform-origin:center;top:77px}.sp-art-channels{transform:scale(.82);top:88px}.sp-reader-body{padding:35px 30px}.sp-reader-body h2{font-size:29px}.sp-reader-top{padding:15px 22px}.sp-reader-bottom{padding:22px 26px}.sp-reader-bottom>span{max-width:130px;line-height:1.6}.sp-reader-bottom .btn{font-size:10px;white-space:nowrap;padding:12px}.sp-about-subline{gap:17px}.sp-about-rule{width:35px}.sp-about-subline p{font-size:15px}.sp-about-statement{padding:15px 0 60px}.sp-about-statement-grid{grid-template-columns:1fr;gap:40px}.sp-about-mark{max-width:430px;width:100%;margin:auto;aspect-ratio:1.2/1}.sp-belief-list article{grid-template-columns:28px 1fr;gap:10px 20px;padding:25px 0}.sp-belief-list article>span{grid-row:1/3}.sp-belief-list h3{font-size:21px}.sp-belief-list p{grid-column:2;font-size:13px}.sp-beliefs-title{margin-bottom:30px}.sp-about-manifesto{padding:65px 0}.sp-about-manifesto p{font-size:36px}}
@media(max-width:450px){.sp-business-hero h1,.sp-agency-hero h1,.sp-about-hero h1{font-size:37px}.sp-business-ribbon{gap:17px}.sp-business-ribbon span{font-size:10px}.sp-business-ribbon svg{width:15px;height:15px}.sp-usecase-visual{padding:17px}.sp-preview-line{font-size:7px}.sp-preview-line>span:first-child{font-size:7px}.sp-workspace-title strong{font-size:12px}.sp-campaign-paper{padding:23px}.sp-campaign-paper>strong{font-size:25px}.sp-workspace-data strong{font-size:10px}.sp-tab{font-size:10px}.sp-tab svg{display:none}.sp-hero-actions{gap:19px}.sp-account-stack{max-width:300px;min-height:0}.sp-stack-front{padding:24px 22px 0}.sp-stack-front h3{font-size:23px}.sp-stack-row small{font-size:9px}.sp-client-button{display:block;text-align:center;padding:8px 5px}.sp-client-button>span{margin:auto auto 7px}.sp-client-button strong{font-size:8px;line-height:1.6}.sp-client-button small{display:none}.sp-agency-desk{padding:21px 17px}.sp-account-heading strong{font-size:13px}.sp-agency-overview strong{font-size:10px}.sp-chart-label strong{font-size:10px}.sp-chart-label>span{font-size:8px}.sp-agency-task p{font-size:10px}.sp-choice-row label>span{font-size:10px;padding:11px 8px}.sp-fit-form{padding:20px}.sp-fit-result{padding:15px}.sp-featured-inner{padding:28px 24px}.sp-featured-inner h2{font-size:33px}.sp-featured-label{font-size:8px}.sp-feature-paper{width:245px}.sp-orbit-check{right:-17px;width:60px;height:60px}.sp-resource-grid{grid-template-columns:1fr;gap:34px}.sp-resource-cover{height:240px}.sp-resource-card h3 button{font-size:20px}.sp-resource-card>p{font-size:13px}.sp-art-sheet{top:77px;transform:rotate(-9deg) scale(1.1)}.sp-art-bars{bottom:44px;transform:scale(1.1)}.sp-art-creative{transform:scale(1.1);top:88px}.sp-art-channels{transform:scale(1.1);top:110px}.sp-filter-list button{padding:8px;font-size:9px}.sp-reader-body{padding:28px 22px}.sp-reader-body h2{font-size:26px}.sp-reader-deck{font-size:15px}.sp-article-content p{font-size:13px}.sp-reader-bottom{align-items:flex-start;flex-direction:column;gap:13px}.sp-reader-bottom>span{max-width:none}.sp-reader-bottom .btn{font-size:12px}.sp-article-callout{padding:18px;font-size:13px}.sp-about-manifesto p{font-size:31px}}
@media(prefers-reduced-motion:reduce){.sp-resource-cover,.sp-accordion summary span{transition:none}}
/* Real prices (v0.35) */
.sp-plan-price>strong{font-size:34px}
.sp-plan-price .sp-plan-per{font-size:13px;font-weight:600;letter-spacing:0;color:#64748B;margin-left:4px;font-family:Inter,sans-serif}
.sp-accordion details p a{color:#2D55FF;text-decoration:underline}
@media(max-width:1000px){.sp-plan-price>strong{font-size:30px}}
@media(max-width:760px){.sp-plan-price>strong{font-size:30px}}
.sp-about-statement-grid p+p{margin-top:14px}
