/* VECTROWEB DESIGN TOKENS — edit the palette, typography and spacing here. */
:root{--navy:#142d41;--blue:#1359c5;--sky:#448ef4;--mint:#9de6cc;--paper:#f4f7fb;--white:#fff;--muted:#506475;--success:#176443;--error:#ac2f35;--line:#718397;--soft-line:#dce4ec;--light-blue:#e7effc;--sample-ink:#214938;--sample-paper:#f8f4e8;--font:'Manrope',Arial,sans-serif;--s0:0;--s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s5:1.25rem;--s6:1.5rem;--s7:1.75rem;--s8:2rem;--s10:2.5rem;--s12:3rem;--s14:3.5rem;--s16:4rem;--s20:5rem;--s24:6rem;--s28:7rem;--radius:.8rem;--wide:1200px;--shadow:0 24px 60px #142d4114}
@font-face{font-family:'Manrope';src:url('../fonts/manrope-400.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Manrope';src:url('../fonts/manrope-700.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--s8)}body{margin:0;background:var(--white);color:var(--navy);font:400 16px/1.6 var(--font)}img{max-width:100%;height:auto;display:block}a{color:var(--blue);text-underline-offset:.22em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}button,input,textarea{font:inherit}button,a,input,textarea,summary{touch-action:manipulation}:focus-visible{outline:3px solid var(--blue);outline-offset:5px}a.btn:focus-visible,.site-footer a:focus-visible,.final-cta a:focus-visible{outline:3px solid var(--mint);box-shadow:0 0 0 7px var(--navy)}[hidden],.is-hidden{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:700;line-height:1.12;letter-spacing:-.045em}h1{font-size:clamp(2.55rem,5.5vw,4.75rem)}h2{font-size:clamp(2rem,3.6vw,3.1rem)}h3{font-size:1.25rem;letter-spacing:-.025em}p+p{margin-top:var(--s4)}.wrap{width:min(calc(100% - 80px),var(--wide));margin-inline:auto}.section{padding-block:var(--s24)}.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.13em;line-height:1.6;margin-bottom:var(--s6)}.quiet{color:var(--muted)}.lead{font-size:1.2rem;line-height:1.65}.blue-text{color:var(--blue)}.text-link{display:inline-flex;align-items:center;gap:var(--s4);min-height:44px;font-weight:700}.btn{display:inline-flex;justify-content:center;align-items:center;gap:var(--s10);min-height:54px;padding:var(--s4) var(--s6);border:2px solid transparent;border-radius:var(--s2);background:var(--blue);color:var(--white);font-size:.94rem;font-weight:700;text-decoration:none;line-height:1.25;cursor:pointer}.btn:hover{background:var(--navy);color:var(--white);text-decoration:none}.btn-small{min-height:46px;padding:var(--s3) var(--s5);gap:var(--s6)}.btn-outline{background:transparent;border-color:var(--blue);color:var(--blue)}.btn-outline:hover{background:var(--blue)}.btn-light{background:var(--white);color:var(--blue)}.btn-light:hover{background:var(--mint);color:var(--navy)}.btn:disabled{cursor:not-allowed;background:var(--soft-line);color:var(--navy);border-color:var(--line)}.skip-link{position:absolute;top:var(--s4);left:var(--s4);padding:var(--s3) var(--s4);background:var(--navy);color:var(--white);z-index:100;transform:translateY(-200%)}.skip-link:focus{transform:none}.site-header{background:var(--white);border-bottom:1px solid var(--soft-line)}.header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s6);min-height:98px}.brand{display:flex;align-items:center;min-height:44px;width:205px;flex-shrink:0}.header-row nav{display:flex;align-items:center;gap:var(--s6)}.header-row nav>a:not(.btn){min-height:44px;display:flex;align-items:center;color:var(--navy);text-decoration:none;font-size:.84rem}.header-row nav>a:hover{color:var(--blue)}.header-row nav>a.btn:hover{color:var(--white)}.menu-toggle{background:var(--white);border:1px solid var(--line);border-radius:var(--s2);color:var(--navy);min-height:44px;padding:var(--s2) var(--s4)}.menu-toggle span{margin-left:var(--s2)}
/* Homepage: one strong visual, a straightforward offer and a clear next step. */
.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:var(--s12);padding-top:var(--s20);padding-bottom:var(--s20)}.hero-copy{padding-bottom:var(--s4)}.hero .eyebrow{font-size:.67rem;letter-spacing:.08em;display:flex;align-items:center;gap:var(--s3)}.tiny-mark{font-size:1rem;color:var(--blue)}.hero h1>span{color:var(--blue)}.hero-lead{font-size:1.1rem;line-height:1.65;max-width:440px;margin-top:var(--s6)}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s4) var(--s6);margin-top:var(--s8)}.hero-actions .text-link{font-size:.82rem}.hero-note{font-size:.82rem;margin-top:var(--s5)}.hero-visual{position:relative;padding:var(--s6) var(--s3) var(--s4)}.hero-visual:before{content:'';position:absolute;inset:var(--s0) calc(-1 * var(--s6));background:var(--light-blue);border-radius:45% 45% 4% 4%;z-index:-1}.sample-label{font-size:.65rem;letter-spacing:.08em;font-weight:700;display:flex;align-items:center;gap:var(--s2);margin-bottom:var(--s5)}.sample-label>span:last-child{margin-left:auto;color:var(--muted);font-size:.6rem;letter-spacing:0;font-weight:400}.sample-dot{width:7px;height:7px;border-radius:50%;background:var(--blue)}.sample-browser{border:1px solid var(--soft-line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:var(--white)}.browser-bar{display:flex;align-items:center;justify-content:space-between;background:var(--white);font-size:.58rem;color:var(--muted);padding:var(--s3) var(--s4);border-bottom:1px solid var(--soft-line)}.browser-bar>span:first-child{letter-spacing:.15em}.sample-site{background:var(--sample-paper);color:var(--sample-ink)}.sample-header{padding:var(--s4) var(--s6);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--soft-line);gap:var(--s3)}.sample-wordmark{font-size:1.05rem;letter-spacing:-.06em;font-weight:700}.sample-wordmark span{font-weight:400}.sample-header>span:last-child{font-size:.5rem;letter-spacing:.15em}.sample-copy{padding:var(--s6) var(--s6) var(--s4);position:relative;z-index:1}.sample-copy>p{font-size:.53rem;letter-spacing:.1em;font-weight:700;margin-bottom:var(--s3)}.sample-copy h2{font-size:2.6rem;line-height:1.04;letter-spacing:-.05em}.sample-cta{display:flex;justify-content:space-between;gap:var(--s6);width:fit-content;margin-top:var(--s5);padding:var(--s3) var(--s4);background:var(--sample-ink);color:var(--white);font-size:.6rem;font-weight:700;border-radius:var(--s1)}.sample-art{width:100%;height:195px;object-fit:cover;object-position:50% 60%}.sample-services{display:flex;justify-content:space-around;padding:var(--s3);font-size:.6rem;border-top:1px solid var(--soft-line);gap:var(--s2)}.sample-caption{display:flex;align-items:center;gap:var(--s4);padding:var(--s4) var(--s5);width:88%;margin:calc(-1 * var(--s2)) auto 0;position:relative;background:var(--white);border:1px solid var(--soft-line);box-shadow:var(--shadow);border-radius:var(--s2)}.sample-caption p{font-size:.8rem;line-height:1.6}.sample-check{border-radius:50%;background:var(--mint);color:var(--navy);width:36px;height:36px;display:grid;place-items:center;flex-shrink:0}.fiction-note{text-align:center;font-size:.62rem;color:var(--muted);margin-top:var(--s4)}.audience-strip{padding:var(--s7) 0;border-top:1px solid var(--soft-line);border-bottom:1px solid var(--soft-line)}.audience-strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--s5)}.audience-strip p{font-size:.8rem;margin:0}.audience-strip p:first-child{font-weight:700}.audience-strip p:last-child{color:var(--muted)}.audience-strip span{margin-inline:var(--s2)}.why,.included,.faq-section{display:grid;grid-template-columns:1fr 1.1fr;gap:var(--s20)}.reason-list article{display:flex;gap:var(--s6);padding:var(--s6) 0;border-top:1px solid var(--soft-line)}.reason-list article:first-child{padding-top:0;border-top:0}.reason-list h3{margin-bottom:var(--s3)}.reason-list p{color:var(--muted);font-size:.94rem}.reason-number{font-size:.7rem;font-weight:700;color:var(--blue);padding-top:var(--s1)}.how-section{background:var(--paper)}.section-top{display:flex;justify-content:space-between;align-items:end;gap:var(--s12);margin-bottom:var(--s12)}.section-top>p{font-size:.95rem;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s10)}.step-number{display:flex;justify-content:space-between;color:var(--blue);font-size:.85rem;font-weight:700;padding-bottom:var(--s5);border-bottom:1px solid var(--line);margin-bottom:var(--s6)}.steps h3{margin-bottom:var(--s4)}.steps p{font-size:.92rem;color:var(--muted)}.included>div:first-child>p:not(.eyebrow){margin-block:var(--s6);color:var(--muted);max-width:410px}.included-panel{background:var(--light-blue);border-radius:var(--radius);padding:var(--s10)}.panel-caption{font-size:.7rem;letter-spacing:.12em;font-weight:700;color:var(--blue)}.check-list{list-style:none;padding:0;margin:var(--s6) 0}.check-list li{position:relative;padding:var(--s2) 0 var(--s2) var(--s7);font-size:.92rem}.check-list li:before{content:'✓';position:absolute;left:0;color:var(--blue);font-weight:700}.pricing-section{background:var(--navy);color:var(--white)}.pricing-section .section-top>p{color:var(--white)}.pricing-section .eyebrow{color:var(--mint)}.pricing-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--s6)}.price-card{border-radius:var(--radius);padding:var(--s10);color:var(--navy)}.price-card.basic{background:var(--white);border:3px solid var(--mint)}.price-card.custom{background:var(--paper);display:flex;flex-direction:column;align-items:start}.plan-heading{display:flex;justify-content:space-between;align-items:center;gap:var(--s3)}.plan-heading h3,.price-card.custom h3{font-size:1.7rem}.plan-badge{font-size:.57rem;font-weight:700;letter-spacing:.07em;border-radius:var(--s1);background:var(--mint);padding:var(--s2) var(--s3)}.plan-summary{font-size:.88rem;color:var(--muted);margin-top:var(--s3)}.annual-pricing{margin-top:var(--s8)}.annual-pricing p{font-size:1.9rem;font-weight:700;line-height:1.2;letter-spacing:-.04em;margin:0}.annual-pricing p+p{margin-top:var(--s3)}.monthly-price{font-size:.9rem;margin-top:var(--s6)}.setup-price{font-size:.9rem;font-weight:700;margin-top:var(--s2)}.basic .check-list{border-top:1px solid var(--soft-line);padding-top:var(--s5)}.basic .btn{width:100%}.monthly-link{display:flex;min-height:44px;align-items:center;justify-content:center;font-size:.84rem;margin-top:var(--s2)}.custom .eyebrow{color:var(--blue);margin-bottom:var(--s4)}.custom-price{font-size:2rem;font-weight:700;letter-spacing:-.05em;margin-top:var(--s8)}.custom>p:not(.custom-price){color:var(--muted);font-size:.94rem;margin-top:var(--s5)}.custom .check-list{margin-bottom:var(--s10)}.custom .btn{margin-top:auto;width:100%}.custom p.quiet{font-size:.8rem}.checkout-note{font-size:.86rem;line-height:1.8;margin-top:var(--s6);padding:var(--s5) var(--s6);border:1px solid var(--line);border-radius:var(--s2)}.checkout-note a{color:var(--mint)}.checkout-note strong{margin-right:var(--s2)}.promotion{margin-bottom:var(--s6);padding:var(--s4);background:var(--mint);color:var(--navy)}.custom-teaser{padding-block:var(--s14);display:flex;align-items:center;justify-content:space-between;gap:var(--s12);border-bottom:1px solid var(--soft-line)}.custom-teaser h2{font-size:1.8rem}.custom-teaser p:not(.eyebrow){max-width:680px;font-size:.94rem;color:var(--muted);margin-top:var(--s4)}.custom-teaser .btn{flex-shrink:0}.custom-teaser .eyebrow{margin-bottom:var(--s3)}.faq-list details{border-bottom:1px solid var(--soft-line)}.faq-list details:first-child{border-top:1px solid var(--soft-line)}summary{min-height:64px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--s4);list-style:none;padding:var(--s5) 0;font-size:.98rem;font-weight:700;line-height:1.5}summary::-webkit-details-marker{display:none}summary>span{font-size:1.3rem;color:var(--blue);flex-shrink:0}details[open] summary>span{transform:rotate(45deg)}.faq-answer{padding-bottom:var(--s6);font-size:.9rem;color:var(--muted)}.final-cta{background:var(--blue);color:var(--white);padding-block:var(--s20)}.final-cta h2{font-size:clamp(2.4rem,5vw,4rem)}.final-cta .btn{margin-top:var(--s8)}.final-cta .eyebrow{color:var(--white)}.site-footer{background:var(--navy);color:var(--white);padding-top:var(--s14)}.footer-top{display:flex;justify-content:space-between;gap:var(--s8);padding-bottom:var(--s12)}.footer-top p{font-size:.85rem;margin-block:var(--s4)}.site-footer a{color:var(--white);font-size:.86rem}.footer-top nav{display:grid;grid-template-columns:repeat(2,1fr);column-gap:var(--s16);align-content:start}.footer-top nav a{display:flex;align-items:center;min-height:44px}.footer-bottom{display:flex;justify-content:space-between;gap:var(--s4);border-top:1px solid var(--line);padding-block:var(--s6);font-size:.72rem}
/* Supporting pages and progressively enhanced form. */
.inquiry-page{padding-block:var(--s20);display:grid;grid-template-columns:.9fr 1.1fr;align-items:start;gap:var(--s16)}.inquiry-intro h1{font-size:clamp(2.5rem,4.6vw,4rem)}.inquiry-intro .lead{margin-top:var(--s6);color:var(--muted);max-width:440px}.contact-aside{border-top:1px solid var(--soft-line);margin-top:var(--s12);padding-top:var(--s8)}.contact-aside h2{font-size:1.15rem;letter-spacing:-.02em}.contact-aside p{font-size:.95rem;margin-top:var(--s3)}.contact-aside a{display:inline-flex;min-height:44px;align-items:center;font-size:.92rem}.form-panel{background:var(--paper);padding:var(--s8);border-radius:var(--radius);min-width:0}.form-topline{display:flex;justify-content:space-between;gap:var(--s4);font-weight:700;font-size:.7rem;letter-spacing:.08em;margin-bottom:var(--s6)}.form-topline span{font-weight:400;color:var(--muted);letter-spacing:0}.notice{padding:var(--s5);background:var(--white);border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:var(--s1);font-size:.88rem;margin-bottom:var(--s6)}.error-summary{border-left-color:var(--error);color:var(--error)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s5)}.field{margin-bottom:var(--s6);min-width:0}label,legend{font-size:.88rem;font-weight:700;line-height:1.5}label>span,legend>span{font-size:.75rem;font-weight:400;color:var(--muted)}.field>label{display:block;margin-bottom:var(--s2)}input:not([type=checkbox]):not([type=radio]),textarea{width:100%;min-height:48px;border:1px solid var(--line);border-radius:var(--s1);padding:var(--s3);background:var(--white);color:var(--navy);font-size:1rem}textarea{resize:vertical;min-height:160px}input[aria-invalid=true],textarea[aria-invalid=true]{border:2px solid var(--error)}.field-error{font-size:.8rem;color:var(--error);margin-top:var(--s2)}.field-error:empty{display:none}.field-help{font-size:.75rem;color:var(--muted);margin-top:var(--s2)}fieldset{margin:0 0 var(--s6);border:0;padding:0;min-width:0}legend{margin-bottom:var(--s3)}.choices{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4)}.choice{display:flex;align-items:center;gap:var(--s2);min-height:44px;font-weight:400;font-size:.84rem;cursor:pointer}input[type=checkbox],input[type=radio]{width:19px;height:19px;accent-color:var(--blue);flex-shrink:0}.description-meta{display:flex;justify-content:space-between;align-items:start;gap:var(--s4)}#description-count{font-size:.7rem;white-space:nowrap;color:var(--muted);margin-top:var(--s2)}.honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#submit-inquiry{width:100%;margin-top:var(--s4)}.privacy-note{font-size:.73rem;color:var(--muted);margin-top:var(--s4)}#submit-status{font-size:.88rem;color:var(--muted);margin-top:var(--s3)}.policy-page{max-width:850px;padding-block:var(--s20)}.policy-page>.lead{margin-top:var(--s6);margin-bottom:var(--s8);color:var(--muted)}.policy-page section{margin-top:var(--s8)}.policy-page section h2{font-size:1.5rem;letter-spacing:-.02em;margin-bottom:var(--s4)}.policy-page section p{color:var(--muted)}.draft-banner{font-weight:700}.message-page{padding-block:var(--s24);min-height:65vh}.message-page .lead{max-width:700px;margin-top:var(--s8)}.message-page>.btn{margin-top:var(--s8)}
@media(min-width:941px){.menu-toggle{display:none!important}}
@media(max-width:1100px){.header-row nav{gap:var(--s4)}.brand{width:180px}.hero{gap:var(--s8)}.hero .eyebrow{font-size:.58rem}.sample-label>span:last-child{display:none}.why,.included,.faq-section{gap:var(--s12)}.inquiry-page{gap:var(--s10)}.form-panel{padding:var(--s6)}.field-grid{grid-template-columns:1fr;gap:0}.custom-teaser{align-items:start;flex-direction:column;gap:var(--s6)}}
@media(max-width:940px){.header-row{flex-wrap:wrap;min-height:80px;padding-block:var(--s4)}.header-row nav{width:100%;flex-wrap:wrap;padding-block:var(--s4)}.js .header-row nav{display:none}.js .header-row nav.is-open{display:flex}.hero{grid-template-columns:1fr 1fr;gap:var(--s6);padding-block:var(--s16)}.hero h1{font-size:3.15rem}.hero-lead{font-size:1rem}.hero-visual{padding-inline:0}.hero-visual:before{inset:0 calc(-1 * var(--s3))}.sample-copy h2{font-size:2rem}.sample-header{padding-inline:var(--s4)}.sample-copy{padding-inline:var(--s4)}.sample-art{height:150px}.sample-caption{width:94%;padding:var(--s3);gap:var(--s3)}.sample-caption p{font-size:.66rem}.audience-strip .wrap{align-items:start;flex-direction:column;gap:var(--s2)}.pricing-grid{gap:var(--s4)}.price-card{padding:var(--s6)}.annual-pricing p{font-size:1.65rem}.plan-heading{align-items:start;flex-direction:column}.steps{gap:var(--s6)}.inquiry-page{grid-template-columns:1fr;gap:var(--s10)}.inquiry-intro .lead{max-width:600px}.contact-aside{margin-top:var(--s6);padding-top:var(--s6)}.field-grid{grid-template-columns:1fr 1fr;gap:var(--s5)}}
@media(max-width:640px){.wrap{width:calc(100% - 40px)}.section{padding-block:var(--s16)}.header-row nav{flex-direction:column;align-items:stretch;gap:var(--s2)}.header-row nav>a:not(.btn){font-size:1rem}.hero{grid-template-columns:1fr;gap:var(--s10);padding-top:var(--s12);padding-bottom:var(--s12)}.hero h1{font-size:clamp(2.7rem,11.5vw,4rem)}.hero .eyebrow{font-size:.59rem;margin-bottom:var(--s5)}.hero-lead{max-width:400px}.hero-actions{gap:var(--s3);margin-top:var(--s6)}.hero-actions .text-link{font-size:.78rem}.hero-visual{max-width:460px;width:100%;margin:auto;padding:var(--s5) var(--s2) var(--s4)}.hero-visual:before{inset:0}.sample-copy h2{font-size:2.4rem}.sample-art{height:185px}.sample-label{font-size:.62rem}.sample-label>span:last-child{display:block}.sample-caption{padding:var(--s4);width:88%}.sample-caption p{font-size:.75rem}.audience-strip p{font-size:.73rem;line-height:1.8}.audience-strip span{margin-inline:var(--s1)}.why,.included,.faq-section{grid-template-columns:1fr;gap:var(--s8)}.section-top{align-items:start;flex-direction:column;gap:var(--s6);margin-bottom:var(--s10)}.steps{grid-template-columns:1fr;gap:var(--s10)}.steps p{max-width:420px}.step-number{margin-bottom:var(--s4);padding-bottom:var(--s3)}.included-panel{padding:var(--s6)}.pricing-grid{grid-template-columns:1fr;gap:var(--s6)}.price-card{padding:var(--s7)}.plan-heading{flex-direction:row;align-items:center}.annual-pricing p{font-size:1.85rem}.custom-price{margin-top:var(--s6)}.custom .check-list{margin-bottom:var(--s6)}.custom-teaser{padding-block:var(--s12)}.checkout-note{padding:var(--s4)}.checkout-note a,.contact-aside a,.site-footer a{overflow-wrap:anywhere}.final-cta{padding-block:var(--s16)}.footer-top{flex-direction:column;gap:var(--s8)}.footer-top nav{grid-template-columns:1fr 1fr;column-gap:var(--s6)}.footer-bottom{flex-direction:column;gap:var(--s2)}.inquiry-page{padding-block:var(--s12)}.form-panel{padding:var(--s5)}.form-topline{flex-direction:column;gap:var(--s2)}.field-grid{grid-template-columns:1fr;gap:0}.description-meta{flex-direction:column;gap:0}.policy-page,.message-page{padding-block:var(--s14)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Round two: broad business examples and a welcoming custom offer. */
.sample-mix{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3);margin-top:var(--s4)}
.mini-sample{padding:var(--s4);background:var(--white);border:1px solid var(--soft-line);border-radius:var(--s2)}
.mini-sample>span{font-size:.55rem;display:block;color:var(--muted);margin-bottom:var(--s2)}
.mini-sample strong{font-size:.95rem;letter-spacing:-.03em}.mini-sample p{font-size:.66rem;margin-top:var(--s1)}
.sample-cafe{border-top:4px solid var(--mint)}.sample-studio{border-top:4px solid var(--blue)}
.price-card.custom{background:var(--light-blue);border:1px solid var(--sky);position:relative;overflow:hidden}
.custom .custom-examples{color:var(--navy);font-size:1rem;line-height:1.7}
.custom-illustration{display:flex;gap:var(--s3);margin-block:var(--s10);width:100%}
.custom-illustration span{display:grid;place-items:center;flex:1;min-height:90px;background:var(--white);color:var(--blue);border-radius:var(--s2);font-size:2rem;font-weight:700}
.custom-illustration span:nth-child(2){background:var(--mint);color:var(--navy)}
.custom>p.quote-reassurance{font-size:.9rem;color:var(--navy);margin-top:var(--s5);line-height:1.6}
.friendly-intro{margin-bottom:var(--s8)}.friendly-intro h2{font-size:1.45rem;letter-spacing:-.025em}.friendly-intro>p{margin-top:var(--s3);color:var(--muted)}
.project-examples{padding-left:var(--s5);margin-block:var(--s5);font-size:.88rem;color:var(--muted)}.project-examples li{padding-block:var(--s2)}
.social-links{display:flex;flex-wrap:wrap;gap:var(--s2);list-style:none;padding:0;margin:var(--s5) 0 0}
.social-links a{width:44px;height:44px;display:grid;place-items:center;border-radius:var(--s1);color:var(--white)}
.social-links a:hover{background:var(--blue)}.social-links img{width:24px;height:24px;object-fit:contain}
@media(max-width:640px){.sample-mix{gap:var(--s2)}.mini-sample{padding:var(--s3)}.mini-sample strong{font-size:.83rem}.custom-illustration{margin-block:var(--s8)}}

/* Round 4: readable introductory pricing and static editorial layouts. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.intro-badge{display:inline-block;background:var(--light-blue);color:var(--blue);font-size:.8rem;font-weight:700;letter-spacing:0;line-height:1.5;padding:.35rem .65rem;border-radius:var(--s1);margin-bottom:var(--s4)}
.annual-pricing .regular-price{font-size:1.1rem;font-weight:400;letter-spacing:0;line-height:1.6;color:var(--muted)}
.annual-pricing .intro-price{font-size:clamp(2.7rem,5vw,3.75rem);line-height:1.12;letter-spacing:-.045em;font-weight:700;margin-top:var(--s2)}
.intro-price .price-period{font-size:1rem;line-height:1.6;letter-spacing:0;font-weight:400;display:inline-block}
.annual-pricing .annual-detail{font-size:1rem;font-weight:400;line-height:1.65;letter-spacing:0;margin-top:var(--s3)}
.basic .monthly-price,.basic .setup-price{font-size:1rem;line-height:1.65}.basic .setup-price{font-weight:400}
.domain-perk{background:var(--light-blue);border-left:4px solid var(--blue);border-radius:var(--s1);padding:var(--s4);margin-top:var(--s6)}
.domain-perk strong{font-size:1rem}.domain-perk p{font-size:.88rem;line-height:1.6;margin-top:var(--s1);color:var(--muted)}
.promotion a{color:var(--navy)}
.blog-page{padding-block:var(--s16);max-width:960px}.blog-heading{margin-bottom:var(--s12)}.blog-heading .lead{max-width:60ch;margin-top:var(--s6);color:var(--muted)}
.post-list{display:grid;gap:var(--s8)}.post-card{padding:var(--s8);border:1px solid var(--soft-line);border-radius:var(--radius);background:var(--paper)}
.post-card h2{font-size:clamp(1.5rem,3vw,2rem);line-height:1.25;letter-spacing:-.025em;margin-top:var(--s3)}.post-card h2 a{color:var(--navy);text-decoration:none}.post-card h2 a:hover{text-decoration:underline}
.post-meta{color:var(--muted);font-size:.92rem;line-height:1.6}.post-card-summary{margin-top:var(--s4);max-width:70ch;line-height:1.65}.post-card .text-link{margin-top:var(--s4)}
.post-card-cover{width:100%;aspect-ratio:1200/630;object-fit:cover;border-radius:var(--s2);margin-bottom:var(--s6)}
.pagination,.post-adjacent{display:flex;justify-content:space-between;gap:var(--s6);flex-wrap:wrap;margin-top:var(--s12);border-top:1px solid var(--soft-line);padding-top:var(--s6)}
.pagination a,.pagination span,.post-adjacent a{display:inline-flex;align-items:center;min-height:44px;overflow-wrap:anywhere}.pagination span{color:var(--muted)}
.article-page{max-width:1200px;padding-block:var(--s14)}.article-header,.article-body,.article-end{width:100%;max-width:70ch;margin-inline:auto;font-size:1.125rem}
.article-header h1{font-size:clamp(2.1rem,4.5vw,3.6rem);line-height:1.13;overflow-wrap:anywhere}.article-header .post-meta{margin-top:var(--s5)}.article-header .text-link{font-size:1rem;margin-bottom:var(--s6)}
.article-cover{margin:var(--s10) auto;max-width:960px}.article-cover img{width:100%;aspect-ratio:1200/630;object-fit:cover;border-radius:var(--s2)}
.article-body{line-height:1.8;margin-top:var(--s10);overflow-wrap:anywhere}.article-body h2{font-size:clamp(1.5rem,3vw,2rem);letter-spacing:-.025em;line-height:1.3;margin:var(--s10) 0 var(--s4)}.article-body h3{font-size:1.35rem;line-height:1.35;margin:var(--s8) 0 var(--s4)}
.article-body p,.article-body ul,.article-body ol,.article-body blockquote,.article-body figure,.article-body pre,.article-body .table-scroll{margin:0 0 var(--s6)}.article-body ul,.article-body ol{padding-left:1.6em}.article-body li+li{margin-top:var(--s2)}.article-body li>ul,.article-body li>ol{margin-top:var(--s2);margin-bottom:0}
.article-body blockquote{border-left:4px solid var(--blue);padding:var(--s5) var(--s6);background:var(--paper)}.article-body blockquote p:last-child{margin-bottom:0}.article-body figure{margin-inline:0}.article-body figure img{width:100%;height:auto}.article-body figcaption{color:var(--muted);font-size:.9rem;line-height:1.6;margin-top:var(--s3)}
.article-body .table-scroll{max-width:100%;overflow-x:auto}.article-body table{width:100%;border-collapse:collapse;font-size:1rem;line-height:1.6}.article-body caption{text-align:left;font-weight:700;margin-bottom:var(--s3)}.article-body th,.article-body td{padding:var(--s3);text-align:left;border:1px solid var(--line);vertical-align:top}.article-body th{background:var(--paper)}
.article-body code{font-family:ui-monospace,monospace;font-size:.9em;background:var(--paper);padding:.1em .25em;border-radius:.15em}.article-body pre{max-width:100%;overflow:auto;padding:var(--s5);background:var(--paper);border:1px solid var(--soft-line);border-radius:var(--s2);font-size:1rem;line-height:1.7}.article-body pre code{padding:0;white-space:pre}
.article-end{margin-top:var(--s12)}.article-cta{padding:var(--s6);background:var(--light-blue);border-radius:var(--s2)}.article-cta p{font-weight:700}.article-cta a{margin-top:var(--s2)}.post-adjacent a{max-width:32ch;font-size:1rem;line-height:1.5}.post-adjacent .next-post{margin-left:auto;text-align:right}
@media(max-width:640px){.blog-page,.article-page{padding-block:var(--s10)}.post-card{padding:var(--s5)}.article-body,.article-header,.article-end{font-size:1.0625rem}.article-body blockquote{padding:var(--s4)}.article-cta{padding:var(--s5)}}

/* One primary plan; custom work has a separate, quieter band. */
.pricing-section .section-top{display:block;text-align:center;max-width:850px;margin-inline:auto}.pricing-section .section-top>p{max-width:64ch;margin:var(--s6) auto 0}.pricing-section .pricing-grid{display:block;max-width:720px;margin-inline:auto}.pricing-section .basic{width:100%;padding:var(--s10) var(--s12)}.pricing-section .annual-detail{letter-spacing:0}.pricing-section .checkout-note{max-width:720px;margin-inline:auto}.pricing-section .promotion{max-width:720px;margin-inline:auto}.custom-jump{text-align:center;font-size:.9rem;line-height:1.6;margin-top:var(--s6)}.custom-jump a{color:var(--mint);font-weight:700;display:inline-flex;align-items:center;min-height:44px}
.custom-projects{background:var(--light-blue)}.custom-heading{max-width:760px}.custom-heading .eyebrow{color:var(--blue)}.custom-heading>p:last-child{font-size:1.05rem;color:var(--muted);margin-top:var(--s6);line-height:1.7}.custom-services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s5);margin-top:var(--s10)}.custom-service{padding:var(--s6);border:1px solid var(--soft-line);border-radius:var(--s2);background:var(--white)}.custom-service svg{color:var(--blue);margin-bottom:var(--s6)}.custom-service h3{font-size:1.1rem;line-height:1.35;letter-spacing:-.02em}.custom-service p{font-size:.92rem;line-height:1.65;color:var(--muted);margin-top:var(--s3)}.custom-action{margin-top:var(--s10)}.custom-action p{font-size:.9rem;color:var(--muted);margin-top:var(--s4)}
@media(max-width:940px){.custom-services{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.pricing-section .basic{padding:var(--s7)}.custom-services{gap:var(--s3)}.custom-service{padding:var(--s4)}.custom-service h3{font-size:1rem}.custom-service p{font-size:.84rem}.custom-action .btn{width:100%}}


/* One self-contained hero illustration. No carousel, image downloads or controls. */
.trade-showcase{margin:0;min-width:0;position:relative;padding:var(--s6) 0 0;isolation:isolate}
.trade-showcase:before{content:'';position:absolute;inset:0 -18px 31px;background:var(--light-blue);border-radius:45% 45% 7% 7%;z-index:-1}
.trade-kicker{display:flex;align-items:center;gap:var(--s2);font-size:.64rem;font-weight:700;letter-spacing:.08em;margin:0 0 var(--s5) var(--s2)}
.trade-kicker>span{width:7px;height:7px;border-radius:50%;background:var(--blue)}
.trade-composition{position:relative;padding:0 23px 64px 0}
.trade-desktop{position:relative;border:1px solid #c9d6d7;border-radius:12px;overflow:hidden;background:#f8f7f0;box-shadow:0 20px 45px #142d411c;animation:trade-arrive .7s ease-out both}
.trade-browser{height:34px;padding:0 12px;background:#fff;border-bottom:1px solid #e5e9e6;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#506475;font-size:.59rem;letter-spacing:.015em}
.trade-dots{color:#788b94;letter-spacing:2px;font-size:.48rem}
.trade-site{color:#183b42;background:#f8f7f0}
.trade-header{padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #dfe4d9}
.trade-brand{display:flex;align-items:center;gap:5px;font-size:1.5rem;font-weight:700;line-height:1;letter-spacing:-1px}.trade-brand>span{margin-left:-5px;color:#6a895e}
.trade-mininav{display:flex;align-items:center;gap:12px;font-size:.56rem;white-space:nowrap}
.trade-main{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:5px;padding:25px 18px 22px}
.trade-copy{min-width:0;position:relative;z-index:1}
.trade-eyebrow{font-size:.49rem;font-weight:700;letter-spacing:.065em;margin:0 0 12px;color:#47675b}
.trade-copy h2{font-size:clamp(1.4rem,2.2vw,1.85rem);font-weight:700;line-height:1.1;letter-spacing:-.055em;margin:0}
.trade-description{font-size:.67rem;line-height:1.6;margin-top:14px}
.trade-sample-button{display:inline-flex;align-items:center;gap:18px;background:#183b42;color:#fff;border-radius:3px;padding:10px 12px;margin-top:18px;font-size:.58rem;font-weight:700;white-space:nowrap}
.trade-home{display:block;width:100%;height:auto;min-width:0}
.trade-services{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:14px 19px;border-top:1px solid #dfe4d9;font-size:.57rem}
.trade-phone{position:absolute;right:-5px;bottom:10px;width:121px;background:#f8f7f0;border:5px solid #183b42;border-radius:21px;box-shadow:0 15px 30px #142d4129;overflow:hidden;animation:trade-arrive .7s .13s ease-out both;user-select:none;pointer-events:none}
.trade-phone-notch{width:39px;height:8px;background:#183b42;border-radius:0 0 7px 7px;margin:auto}
.trade-phone-content{padding:12px 9px 10px;color:#183b42}.trade-phone-brand{font-size:.82rem;font-weight:700;letter-spacing:-.04em}
.trade-phone-content p{font-size:1rem;line-height:1.15;letter-spacing:-.05em;font-weight:700;margin:13px 0 12px}
.trade-phone-art{background:#dfece5;border-radius:25px 25px 3px 3px;overflow:hidden;margin-bottom:11px}.trade-phone-art svg{display:block;width:100%;height:auto}
.trade-phone-button{display:block;background:#183b42;color:#fff;border-radius:3px;font-size:.48rem;text-align:center;padding:8px 3px;white-space:nowrap}
.trade-caption-card{position:relative;margin:18px 109px 0 10px;display:flex;align-items:center;gap:10px;padding:12px;background:var(--white);border:1px solid var(--soft-line);border-radius:5px;box-shadow:0 9px 24px #142d410c}
.trade-caption-card p{font-size:.64rem;line-height:1.6;margin:0}.trade-check{background:var(--mint);color:var(--navy);width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}
.trade-showcase figcaption{font-size:.64rem;line-height:1.5;text-align:center;color:var(--muted);margin-top:-35px;padding:0 6px 14px}
@keyframes trade-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(min-width:941px) and (max-width:1120px){.trade-mininav>span{display:none}.trade-main{padding-inline:14px}.trade-copy h2{font-size:1.45rem}.trade-eyebrow{font-size:.44rem}.trade-caption-card{margin-right:94px;padding:9px;gap:7px}.trade-caption-card p{font-size:.57rem}.trade-phone{width:108px}}
@media(max-width:940px){.trade-showcase{width:min(100%,560px);margin-inline:auto}.trade-copy h2{font-size:2rem}.trade-main{gap:14px;padding:28px 23px}.trade-eyebrow{font-size:.55rem}.trade-description{font-size:.78rem}.trade-mininav{font-size:.65rem}.trade-sample-button{font-size:.67rem}.trade-services{font-size:.65rem}.trade-caption-card p{font-size:.75rem}.trade-phone{width:134px}.trade-caption-card{margin-right:127px}}
@media(max-width:480px){.trade-showcase:before{inset-inline:-9px}.trade-composition{padding-right:14px}.trade-header{padding:15px}.trade-mininav{font-size:.5rem;gap:8px}.trade-mininav>span{display:none}.trade-main{padding:23px 13px;gap:5px}.trade-copy h2{font-size:1.4rem}.trade-eyebrow{font-size:.43rem}.trade-description{font-size:.62rem}.trade-sample-button{font-size:.52rem;padding:9px;gap:10px}.trade-services{font-size:.52rem;padding-inline:13px}.trade-phone{width:108px;right:0}.trade-caption-card{margin-right:98px;margin-left:0;padding:9px 7px;gap:6px}.trade-caption-card p{font-size:.56rem}.trade-check{width:22px;height:22px}.trade-phone-content p{font-size:.9rem}.trade-kicker{font-size:.56rem}}
@media(prefers-reduced-motion:reduce){.trade-desktop,.trade-phone{animation:none}}