/* Loaded only on /websites/. Approved pages and shared assets are unchanged. */
.websites-page .wd-overview{padding:76px 0 46px}
.websites-page .wd-hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:65px;align-items:center}
.websites-page .wd-hero-copy .eyebrow{font-size:10px;margin-bottom:31px}
.websites-page .wd-hero-copy h1{font-size:clamp(52px,6.1vw,84px);line-height:1.06;letter-spacing:-.055em}
.websites-page .wd-hero-copy h1 span{color:#85888d}
.websites-page .wd-tagline{font-size:17px;color:var(--muted);line-height:1.8;margin:27px 0 0;max-width:550px}
.websites-page .wd-hero-copy .hero-actions{gap:24px;margin-top:31px}
.websites-page .wd-hero-copy .button{gap:24px}
.websites-page .wd-hero-copy .text-link{font-size:12px;gap:17px}
.websites-page .wd-concept{position:relative;margin:0;padding:10px 28px 56px 0;min-width:0;width:100%;max-width:520px;justify-self:end}
.websites-page .wd-desktop{border:1px solid #414649;background:var(--panel);border-radius:5px;overflow:hidden;box-shadow:12px 20px 40px #0003}
.websites-page .wd-browser-bar{display:flex;align-items:center;gap:15px;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 16px;font-family:var(--mono);font-size:7px;letter-spacing:.06em;color:var(--dim)}
.websites-page .wd-browser-bar>div{display:flex;gap:4px;align-items:center}
.websites-page .wd-browser-bar i{width:4px;height:4px;display:block;background:#5f6569;border-radius:50%}
.websites-page .wd-browser-bar>span:last-child{font-size:10px}
.websites-page .wd-canvas{padding:25px 27px 0}
.websites-page .wd-mini-nav{display:flex;justify-content:space-between;gap:20px;align-items:center;font-family:var(--mono);font-size:8px;letter-spacing:.1em;color:#b9bdc0}
.websites-page .wd-mini-nav>div{display:flex;gap:7px;align-items:center}
.websites-page .wd-mini-nav i{width:19px;height:2px;background:#3b4145}
.websites-page .wd-mini-title{font-size:37px;line-height:1.05;letter-spacing:-.055em;color:var(--ink);margin:34px 0 20px}
.websites-page .wd-mini-copy{display:grid;gap:7px;max-width:245px}
.websites-page .wd-mini-copy i{height:2px;background:#41474b;display:block;width:100%}
.websites-page .wd-mini-copy i:last-child{width:75%}
.websites-page .wd-mini-button{display:flex;align-items:center;justify-content:space-between;width:97px;height:27px;background:var(--ink);color:var(--bg);padding:6px 9px;font-size:8px;margin-top:22px;border-radius:1px}
.websites-page .wd-mini-bottom{border-top:1px solid var(--line);margin-top:29px;padding:14px 0;display:flex;justify-content:space-between;gap:15px;color:var(--dim);font-family:var(--mono);font-size:6px;letter-spacing:.035em}
.websites-page .wd-phone{position:absolute;right:0;bottom:31px;width:124px;border:1px solid #626967;border-radius:14px;background:#0b0d0e;box-shadow:-12px 12px 30px #0007;padding:10px 7px 8px}
.websites-page .wd-phone-speaker{width:24px;height:3px;border-radius:10px;background:#343b39;margin:0 auto 13px}
.websites-page .wd-phone-canvas{padding:0 7px}
.websites-page .wd-phone-nav{display:flex;justify-content:space-between;align-items:center;gap:7px;font-family:var(--mono);font-size:4px;letter-spacing:.05em;color:var(--muted)}
.websites-page .wd-phone-nav span:last-child{font-size:9px;line-height:1}
.websites-page .wd-phone-title{font-size:19px;letter-spacing:-.05em;line-height:1.1;margin:23px 0 15px}
.websites-page .wd-phone-copy{display:grid;gap:4px}
.websites-page .wd-phone-copy i{display:block;background:#3c4447;height:1px;width:100%}
.websites-page .wd-phone-copy i:last-child{width:70%}
.websites-page .wd-phone-button{display:flex;align-items:center;justify-content:space-between;font-size:5px;height:18px;background:var(--ink);color:var(--bg);padding:4px 6px;margin:13px 0 22px}
.websites-page .wd-phone-rule{border-top:1px solid #303638}
.websites-page .wd-phone-foot{font-family:var(--mono);font-size:4px;letter-spacing:.04em;color:var(--dim);display:block;padding:11px 0 12px}
.websites-page .wd-phone-home{height:2px;width:32px;border-radius:10px;background:#666f6e;margin:3px auto 0}
.websites-page .wd-concept figcaption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:20px;font-family:var(--mono);font-size:7px;letter-spacing:.05em;color:var(--dim)}
.websites-page .wd-introduction{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;align-items:center;padding-top:30px;border-top:1px solid var(--line);margin-top:48px}
.websites-page .wd-introduction>p{font-size:15px;line-height:1.85;color:var(--muted);margin:0;max-width:730px}
.websites-page .wd-signature{justify-self:end;display:grid;gap:9px;text-align:right}
.websites-page .wd-signature .mono{font-size:8px;letter-spacing:.09em;color:var(--dim)}
.websites-page .wd-signature .mono:last-child{color:var(--accent)}
.websites-page .wd-page-nav{border-block:1px solid var(--line)}
.websites-page .wd-page-nav .wrap{display:flex;gap:44px;align-items:center}
.websites-page .wd-page-nav a{display:flex;gap:25px;align-items:center;font-size:12px;color:var(--muted);padding:17px 0}
.websites-page .wd-page-nav a span{font-size:11px;color:var(--dim)}
.websites-page .wd-page-nav a:hover,.websites-page .wd-page-nav a:hover span{color:var(--ink)}
.websites-page .section{padding:84px 0}
.websites-page .section-heading{grid-template-columns:1.12fr 1fr;gap:80px;margin-bottom:38px}
.websites-page .section-heading h2,.websites-page .wd-questions-layout h2,.websites-page .wd-final-section h2{font-size:clamp(38px,4.1vw,57px);line-height:1.1}
.websites-page .section-heading p{font-size:15px;max-width:470px}
.websites-page .wd-services{border-top:1px solid var(--line)}
.websites-page .wd-service{display:grid;grid-template-columns:70px 1fr 1.25fr;gap:28px;border-bottom:1px solid var(--line);padding:29px 0;align-items:start}
.websites-page .wd-service>.mono{color:var(--dim);font-size:10px;padding-top:8px;letter-spacing:.04em}
.websites-page .wd-service h3{font-size:29px;line-height:1.25;letter-spacing:-.035em;padding-top:2px}
.websites-page .wd-service p{font-size:14px;line-height:1.85;color:var(--muted);max-width:530px;margin:0;padding-left:12px}
.websites-page .wd-scope{margin-top:27px;border-bottom:1px solid var(--line)}
.websites-page .wd-scope>summary{display:flex;align-items:center;gap:30px;list-style:none;cursor:pointer;padding:20px 0;font-size:15px}
.websites-page .wd-scope>summary::-webkit-details-marker{display:none}
.websites-page .wd-scope>summary:after{content:'+';font-size:21px;line-height:1;color:var(--dim)}
.websites-page .wd-scope[open]>summary:after{content:'−';color:var(--accent)}
.websites-page .wd-summary-note{margin-left:auto;font-family:var(--mono);font-size:9px;color:var(--dim);letter-spacing:.02em}
.websites-page .wd-scope>div{padding:7px 0 29px}
.websites-page .wd-scope>div>p{color:var(--muted);font-size:14px;line-height:1.8;margin:0 0 23px}
.websites-page .wd-scope ul{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 25px}
.websites-page .wd-scope li{font-size:13px;color:var(--muted);display:flex;gap:13px;align-items:baseline}
.websites-page .wd-scope li>span{color:var(--accent);font-size:12px;flex:none}
.websites-page .wd-process{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.websites-page .wd-step{border-top:1px solid var(--line);padding-top:19px}
.websites-page .wd-step-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;color:var(--dim)}
.websites-page .wd-step-top .mono{font-size:10px}
.websites-page .wd-step-top>span:last-child{font-size:15px;line-height:1;color:#747a7d}
.websites-page .wd-step:last-child .wd-step-top>span:last-child{color:var(--accent)}
.websites-page .wd-step h3{font-size:24px;line-height:1.25;letter-spacing:-.025em;margin-bottom:16px}
.websites-page .wd-step p{font-size:14px;line-height:1.8;color:var(--muted);margin:0}
.websites-page .wd-questions-layout{display:grid;grid-template-columns:1fr 1.12fr;gap:90px}
.websites-page .wd-questions-layout h2{margin-bottom:23px}
.websites-page .wd-questions-layout>div>p{font-size:15px;color:var(--muted);line-height:1.8;margin:0}
.websites-page .wd-questions-layout .eyebrow{font-size:10px}
.websites-page .wd-questions-layout .faq-item summary{font-size:15px;padding:21px 0}
.websites-page .wd-final-section{padding:85px 0 40px}
.websites-page .wd-final-section .eyebrow{font-size:10px}
.websites-page .wd-proposal-note{display:flex;justify-content:space-between;gap:45px;align-items:baseline;border-top:1px solid var(--line);margin-top:54px;padding-top:23px}
.websites-page .wd-proposal-note .mono{font-size:8px;letter-spacing:.07em;color:var(--dim);flex:none}
.websites-page .wd-proposal-note p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}
@media(max-width:1100px){
  .websites-page .wd-hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:35px}
  .websites-page .wd-hero-copy h1{font-size:clamp(46px,5.9vw,68px)}
  .websites-page .wd-tagline{font-size:16px}
  .websites-page .wd-hero-copy .hero-actions{gap:15px;align-items:flex-start}
  .websites-page .wd-hero-copy .button{font-size:12px;gap:18px}
  .websites-page .wd-hero-copy .text-link{font-size:12px;gap:14px}
  .websites-page .wd-canvas{padding:22px 23px 0}
  .websites-page .wd-mini-title{font-size:31px;margin-top:30px}
  .websites-page .wd-mini-copy{max-width:190px}
  .websites-page .wd-mini-nav>div i{width:15px}
  .websites-page .wd-mini-bottom{font-size:5px}
  .websites-page .wd-phone{width:111px}
  .websites-page .wd-phone-title{font-size:17px}
  .websites-page .wd-phone-title{margin-top:21px}
  .websites-page .wd-concept figcaption{font-size:6px}
  .websites-page .wd-introduction{grid-template-columns:1.7fr 1fr;gap:40px}
  .websites-page .section-heading{gap:45px}
  .websites-page .wd-service{grid-template-columns:50px .9fr 1.2fr;gap:23px}
  .websites-page .wd-service h3{font-size:27px}
  .websites-page .wd-process{gap:24px}
  .websites-page .wd-step p{font-size:13px}
  .websites-page .wd-questions-layout{gap:55px}
}
@media(max-width:800px){
  .websites-page .wd-overview{padding:48px 0 35px}
  .websites-page .wd-hero-grid{grid-template-columns:1fr;gap:40px}
  .websites-page .wd-hero-copy h1{font-size:clamp(49px,8vw,69px)}
  .websites-page .wd-hero-copy .hero-actions{gap:25px;align-items:center}
  .websites-page .wd-hero-copy .button{font-size:13px;gap:25px}
  .websites-page .wd-concept{max-width:505px;justify-self:center;padding-right:40px;padding-bottom:57px}
  .websites-page .wd-canvas{padding:25px 27px 0}
  .websites-page .wd-mini-title{font-size:37px}
  .websites-page .wd-mini-copy{max-width:245px}
  .websites-page .wd-mini-nav>div i{width:19px}
  .websites-page .wd-mini-bottom{font-size:6px}
  .websites-page .wd-phone{width:124px}
  .websites-page .wd-phone-title{font-size:19px;margin-top:23px}
  .websites-page .wd-concept figcaption{font-size:7px}
  .websites-page .wd-introduction{grid-template-columns:1fr;gap:22px;margin-top:32px;padding-top:28px}
  .websites-page .wd-introduction>p{font-size:15px;max-width:670px}
  .websites-page .wd-signature{justify-self:start;display:flex;text-align:left;gap:26px}
  .websites-page .wd-page-nav .wrap{gap:28px}
  .websites-page .wd-page-nav a{font-size:11px;gap:15px}
  .websites-page .section{padding:66px 0}
  .websites-page .section-heading{grid-template-columns:1fr;gap:22px;margin-bottom:32px}
  .websites-page .section-heading h2,.websites-page .wd-questions-layout h2,.websites-page .wd-final-section h2{font-size:43px}
  .websites-page .section-heading p{max-width:610px}
  .websites-page .wd-service{grid-template-columns:35px .9fr 1.2fr;gap:16px;padding:27px 0}
  .websites-page .wd-service h3{font-size:25px}
  .websites-page .wd-service p{font-size:13px;padding-left:8px}
  .websites-page .wd-scope ul{grid-template-columns:1fr 1fr}
  .websites-page .wd-process{grid-template-columns:1fr 1fr;gap:37px 30px}
  .websites-page .wd-step p{font-size:14px}
  .websites-page .wd-questions-layout{grid-template-columns:1fr;gap:29px}
  .websites-page .wd-questions-layout h2{margin-bottom:0}
  .websites-page .wd-questions-layout>div>p{display:none}
  .websites-page .wd-final-section{padding:67px 0 32px}
  .websites-page .wd-proposal-note{gap:30px;margin-top:38px}
}
@media(max-width:560px){
  .websites-page .wd-overview{padding:38px 0 29px}
  .websites-page .wd-hero-copy .eyebrow{font-size:9px;letter-spacing:.05em;margin-bottom:26px}
  .websites-page .wd-hero-copy h1{font-size:clamp(42px,11.4vw,61px);line-height:1.08}
  .websites-page .wd-tagline{font-size:15px;margin-top:23px}
  .websites-page .wd-hero-copy .hero-actions{gap:18px;margin-top:26px;align-items:center}
  .websites-page .wd-hero-copy .button{font-size:12px;gap:24px}
  .websites-page .wd-hero-copy .text-link{font-size:12px}
  .websites-page .wd-hero-grid{gap:34px}
  .websites-page .wd-concept{padding:0 24px 49px 0;max-width:365px;justify-self:start}
  .websites-page .wd-browser-bar{padding:10px 12px;font-size:6px}
  .websites-page .wd-browser-bar i{width:3px;height:3px}
  .websites-page .wd-canvas{padding:21px 21px 0}
  .websites-page .wd-mini-nav{font-size:7px;letter-spacing:.06em}
  .websites-page .wd-mini-nav>div{gap:5px}
  .websites-page .wd-mini-nav i{width:13px}
  .websites-page .wd-mini-title{font-size:30px;margin:27px 0 17px}
  .websites-page .wd-mini-copy{max-width:175px;gap:6px}
  .websites-page .wd-mini-button{width:86px;height:25px;font-size:7px;margin-top:19px}
  .websites-page .wd-mini-bottom{font-size:5px;margin-top:25px;padding:12px 0}
  .websites-page .wd-mini-bottom>span:last-child{max-width:80px;text-align:right;line-height:1.6}
  .websites-page .wd-phone{width:105px;bottom:24px;padding:9px 6px 7px;border-radius:12px}
  .websites-page .wd-phone-canvas{padding:0 6px}
  .websites-page .wd-phone-speaker{margin-bottom:10px;width:20px}
  .websites-page .wd-phone-title{font-size:16px;margin:19px 0 12px}
  .websites-page .wd-phone-button{margin:12px 0 17px;height:16px;font-size:4px}
  .websites-page .wd-phone-foot{font-size:3.5px;padding:9px 0}
  .websites-page .wd-concept figcaption{font-size:6px;gap:12px;letter-spacing:.025em}
  .websites-page .wd-introduction{gap:21px;padding-top:25px;margin-top:29px}
  .websites-page .wd-introduction>p{font-size:14px}
  .websites-page .wd-signature{gap:20px;flex-wrap:wrap}
  .websites-page .wd-signature .mono{font-size:7px;letter-spacing:.04em}
  .websites-page .wd-page-nav .wrap{gap:21px;justify-content:space-between;flex-wrap:wrap}
  .websites-page .wd-page-nav a{font-size:10px;padding:15px 0;gap:0}
  .websites-page .wd-page-nav a span{display:none}
  .websites-page .section{padding:56px 0}
  .websites-page .section-heading h2,.websites-page .wd-questions-layout h2,.websites-page .wd-final-section h2{font-size:38px}
  .websites-page .section-heading .eyebrow,.websites-page .wd-questions-layout .eyebrow{font-size:9px;letter-spacing:.05em}
  .websites-page .section-heading p{font-size:15px}
  .websites-page .wd-service{grid-template-columns:30px 1fr;gap:11px 14px;padding:25px 0}
  .websites-page .wd-service>.mono{padding-top:7px;font-size:9px}
  .websites-page .wd-service h3{font-size:28px;padding-top:0;line-height:1.2}
  .websites-page .wd-service p{grid-column:2;font-size:14px;padding-left:0}
  .websites-page .wd-scope{margin-top:20px}
  .websites-page .wd-scope>summary{font-size:15px;gap:20px}
  .websites-page .wd-scope>summary:after{margin-left:auto}
  .websites-page .wd-summary-note{display:none}
  .websites-page .wd-scope ul{grid-template-columns:1fr;gap:15px}
  .websites-page .wd-scope>div>p{font-size:14px}
  .websites-page .wd-process{gap:32px 23px}
  .websites-page .wd-step-top{margin-bottom:21px}
  .websites-page .wd-step h3{font-size:23px;margin-bottom:14px}
  .websites-page .wd-step p{font-size:13px}
  .websites-page .wd-questions-layout{gap:27px}
  .websites-page .wd-questions-layout .faq-item summary{font-size:15px;padding:20px 0}
  .websites-page .wd-final-section{padding:56px 0 27px}
  .websites-page .wd-final-section .eyebrow{font-size:9px;letter-spacing:.035em}
  .websites-page .wd-proposal-note{flex-direction:column;gap:13px;margin-top:35px;padding-top:20px}
  .websites-page .wd-proposal-note p{font-size:12px}
}
@media(max-width:360px){
  .websites-page .wd-hero-copy h1{font-size:39px}
  .websites-page .wd-mini-title{font-size:26px}
  .websites-page .wd-mini-nav i{width:10px}
  .websites-page .wd-mini-copy{max-width:145px}
  .websites-page .wd-phone{width:98px}
  .websites-page .wd-phone-title{font-size:15px}
  .websites-page .wd-concept figcaption{font-size:5px}
  .websites-page .wd-page-nav .wrap{gap:15px}
  .websites-page .wd-page-nav a{font-size:9px}
  .websites-page .section-heading h2,.websites-page .wd-questions-layout h2,.websites-page .wd-final-section h2{font-size:35px}
  .websites-page .wd-service h3{font-size:26px}
  .websites-page .wd-process{grid-template-columns:1fr;gap:29px}
}