/* Website Plans reference revision: 20261028-reference-blue-v2. */
:root{--ink:#182b3c;--muted:#56697b;--cream:#f2f6fb;--line:#dce4ec;--coral:#1764db;--display:Arial,Helvetica,sans-serif;--body:Arial,Helvetica,sans-serif}
.websiteplans-page{font-size:16px}
.websiteplans-page header{max-width:1280px;min-height:100px;padding:14px 30px}
.websiteplans-page .brand img{width:110px;height:76px;object-fit:contain}
.websiteplans-page nav{gap:28px;font-size:14px;font-weight:600}
.websiteplans-page .nav-phone{white-space:nowrap;font-size:16px}
.websiteplans-page .button{background:#1764db;color:#fff;border-radius:6px;font-size:15px;font-weight:700;justify-content:center;min-height:50px}
.websiteplans-page .button:hover{background:#1252b7;filter:none}
.websiteplans-page :focus-visible{outline-color:#1764db}
.websiteplans-page .hero{width:100%;max-width:none;margin:0;padding:0;display:block;background:linear-gradient(90deg,#102634f5,#102634c9),url('/assets/office-collaboration.webp') center/cover}
.website-hero-inner{max-width:1280px;margin:auto;padding:65px 30px;display:grid;grid-template-columns:1.08fr 1fr;gap:65px;align-items:center}
.website-hero-copy{color:#fff}
.website-areas{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 26px}
.website-areas span{font-size:11px;border:1px solid #93a8bc;border-radius:30px;padding:6px 10px;color:#fff}
.website-areas span:before{content:'●';color:#a8d5ff;font-size:9px;margin-right:6px}
.websiteplans-page .hero h1{font-size:clamp(39px,4.1vw,57px);line-height:1.08;letter-spacing:-1.8px;font-weight:700;margin:0 0 24px}
.websiteplans-page .hero h1 span{color:#a8d5ff}
.website-hero-lead{font-size:18px;line-height:1.6;max-width:530px;color:#e4e8ee;margin:0 0 26px}
.website-benefits{list-style:none;padding:0;margin:0 0 30px;max-width:550px}
.website-benefits li{position:relative;padding-left:25px;margin:15px 0;font-size:14px;line-height:1.6;color:#e3edf5}
.website-benefits li:before{content:'✓';color:#a8d5ff;position:absolute;left:0;font-size:17px;font-weight:700}
.website-benefits strong{color:#fff}
.website-hero-copy .hero-actions{gap:24px}
.website-hero-copy .hero-actions>a:not(.button){font-size:14px;font-weight:600;color:#fff}
.website-start-card{background:#fff;border-radius:12px;color:#182b3c;padding:33px;box-shadow:0 15px 45px #0002}
.website-start-card .eyebrow{color:#1764db;font-size:10px;letter-spacing:1.8px;margin:0 0 16px}
.website-start-card h2{font-size:29px;line-height:1.15;letter-spacing:-.8px;font-weight:700}
.website-start-card>p:not(.eyebrow){font-size:14px;line-height:1.65;color:#56697b;margin:18px 0 24px}
.hero-plan-links{display:grid;gap:12px}
.hero-plan-links a{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:17px;border:1px solid #c9d8e9;border-radius:7px;text-decoration:none;min-height:76px;background:#f8fbff}
.hero-plan-links a:hover{border-color:#1764db;background:#edf4fc}
.hero-plan-links strong,.hero-plan-links small{display:block}
.hero-plan-links strong{font-size:16px;margin-bottom:5px}
.hero-plan-links small{font-size:12px;color:#56697b;line-height:1.5}
.hero-plan-price{text-align:right;font-size:18px;white-space:nowrap;font-weight:700;color:#1759ba}
.hero-plan-price small{font-size:11px;font-weight:400}
.website-start-card .hero-compare{display:block;text-align:center;margin-top:22px;font-size:14px;font-weight:600;color:#1759ba}
.website-start-card .hero-note{margin:21px 0 0!important;border-top:1px solid #dce4ec;padding-top:16px;font-size:12px!important}
.websiteplans-page .foundation{background:#edf4fc;color:#182b3c;padding:54px 0}
.websiteplans-page .foundation h2{font-size:32px;font-weight:700}
.websiteplans-page .foundation p{color:#455b70;font-size:16px;line-height:1.7}
.websiteplans-page .eyebrow{color:#1764db}
.websiteplans-page .plan{background:#f8fbff;border-color:#d6e1ed;border-radius:12px}
.websiteplans-page .plan.featured{background:#fff;border-color:#1764db}
.websiteplans-page .recommend{background:#1764db}
.websiteplans-page .plan li:before{color:#1764db;font-weight:700}
.websiteplans-page .scope-note,.websiteplans-page .design{background:#edf4fc}
.websiteplans-page .scope-note p{color:#455b70}
.websiteplans-page .process-grid>div{border-color:#c5dcf9}
.websiteplans-page .process-grid h3{position:relative;padding-left:28px;font-size:22px;line-height:1.3}
.websiteplans-page .process-grid h3:before{content:'✓';color:#1764db;position:absolute;left:0;font-size:21px}
.websiteplans-page .consultation{background:#102634}
.websiteplans-page .consultation .eyebrow{color:#a8d5ff}
@media(max-width:900px){.website-hero-inner{gap:35px;grid-template-columns:1fr 1fr}.websiteplans-page .hero h1{font-size:43px}.website-start-card{padding:26px}.hero-plan-links a{padding:14px}.hero-plan-links strong{font-size:15px}.hero-plan-price{font-size:17px}.websiteplans-page nav{gap:20px}}
@media(max-width:760px){.websiteplans-page header{padding:12px 20px;min-height:80px}.websiteplans-page .brand img{width:90px;height:60px}.websiteplans-page nav>a.nav-phone{display:block;font-size:13px}.websiteplans-page nav>.button{display:none}.website-hero-inner{grid-template-columns:1fr;padding:38px 22px;gap:32px}.websiteplans-page .hero h1{font-size:clamp(36px,8.3vw,48px);letter-spacing:-1.3px}.website-areas{gap:6px;margin-bottom:23px}.website-areas span{font-size:10px;padding:6px 8px}.website-hero-lead{font-size:17px}.website-benefits li{font-size:14px}.website-start-card h2{font-size:27px}.websiteplans-page .foundation h2{font-size:30px}.websiteplans-page .plan h3{font-size:29px}}
@media(max-width:380px){.website-start-card{padding:23px 18px}.hero-plan-links a{gap:8px;padding:13px 10px}.hero-plan-links strong{font-size:14px}.hero-plan-price{font-size:16px}.website-hero-copy .hero-actions{gap:18px;flex-wrap:wrap}}

/* Two-stage capture v3: more separation on desktop; mobile retains its stack. */
.website-hero-inner{max-width:1440px;padding:65px 36px 65px 24px;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);gap:110px}
.website-start-card form{padding:0;border-radius:0;background:transparent}.website-start-card form>label{font-size:13px}.website-start-card form .check{font-size:12px;line-height:1.6}.website-start-card form .button{width:100%;margin-top:5px}.capture-disclosure{font-size:12px;color:#56697b;line-height:1.6;margin:16px 0}.website-start-card #capture-status:not(:empty){font-size:13px;line-height:1.5;padding:12px;background:#edf4fc;border-left:3px solid #1764db}.capture-confirmation{background:#edf4fc;border-left:3px solid #1764db;padding:16px 20px;color:#182b3c;margin:0 0 28px;font-size:15px;line-height:1.6}.capture-confirmation[hidden]{display:none}
@media(max-width:1100px){.website-hero-inner{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:56px}}
@media(max-width:760px){.website-hero-inner{grid-template-columns:1fr;padding:38px 22px;gap:32px}}