:root{
  --bg:#f3f7fb;--ink:#304D6D;--muted:#545E75;--line:#A7CCED;--paper:#ffffff;
  --dark:#304D6D;--dark2:#545E75;--accent:#63ADF2;--warm:#A7CCED;--steel:#82A0BC;
  --max:1240px;--radius:0px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--dark)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.05;background-image:linear-gradient(rgba(48,77,109,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(48,77,109,.22) 1px,transparent 1px);background-size:28px 28px;z-index:1000}
img{max-width:100%;display:block} a{color:inherit} button,input,select,textarea{font:inherit}.wrap{width:min(var(--max),calc(100% - 56px));margin:auto}
.skip-link{position:absolute;left:-9999px;top:10px;background:#fff;color:#111;padding:10px;z-index:100}.skip-link:focus{left:10px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(243,247,251,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(48,77,109,.16)}
.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;gap:12px;align-items:baseline;font-size:28px;font-weight:950;letter-spacing:-1.8px;text-decoration:none;color:var(--ink)}.brand span{font-size:10px;letter-spacing:2.2px;text-transform:uppercase;font-weight:800;color:var(--muted)}
.desktop-nav{display:flex;gap:30px;align-items:center}.desktop-nav a,footer a{color:inherit;text-decoration:none;font-size:13px;font-weight:700}.desktop-nav a:not(.btn):hover,footer a:hover{text-decoration:underline;text-underline-offset:5px}.menu-toggle{display:none;border:1px solid var(--ink);background:transparent;padding:10px 12px;font-weight:850}.mobile-nav{display:none;border-top:1px solid var(--line);padding:14px 20px 20px;background:var(--bg)}.mobile-nav.open{display:grid;gap:8px}.mobile-nav a{text-decoration:none;padding:12px 0;border-bottom:1px solid var(--line);font-weight:800}
.btn{display:inline-block;background:var(--ink);color:white!important;padding:15px 22px;text-decoration:none;border:1px solid var(--ink);font-weight:850;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.btn:hover{transform:translateY(-2px);box-shadow:5px 5px 0 var(--accent);background:#545E75}.btn.small{padding:11px 15px}.btn.light{background:var(--paper);color:var(--ink)!important}.btn.light:hover{box-shadow:5px 5px 0 var(--accent)}
.hero{padding:110px 0 92px;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:8px;background:repeating-linear-gradient(90deg,var(--accent) 0 52px,transparent 52px 74px)}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:84px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2.6px;font-weight:900;color:var(--muted);text-transform:uppercase}.hero h1{font-size:clamp(58px,7.2vw,104px);line-height:.89;letter-spacing:-6px;margin:22px 0 32px;max-width:940px;font-weight:950}.lede{font-size:21px;max-width:680px;color:#545E75;line-height:1.55}.actions{display:flex;gap:24px;align-items:center;margin-top:36px}.text-link{color:var(--ink);font-weight:850;text-underline-offset:5px}.principles{display:flex;flex-wrap:wrap;gap:10px;margin-top:54px}.principles span{border:1px solid var(--line);background:rgba(255,255,255,.58);padding:9px 11px;font-size:11px;font-weight:750}
.hero-art{height:500px;position:relative;background:#A7CCED;border:1px solid #82A0BC;overflow:hidden;box-shadow:18px 18px 0 rgba(48,77,109,.12)}.hero-art:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.30),transparent 38%),repeating-linear-gradient(0deg,transparent 0 47px,rgba(38,62,87,.08) 48px)}.hero-gridline{position:absolute;background:rgba(48,77,109,.16)}.g1{left:15%;top:0;bottom:0;width:1px}.g2{left:62%;top:0;bottom:0;width:1px}.g3{left:0;right:0;top:72%;height:1px}.hero-label{position:absolute;font-size:9px;letter-spacing:2px;font-weight:900;color:#545E75;z-index:4}.hl1{left:18px;top:16px}.hl2{right:18px;bottom:15px}.screen{position:absolute;left:54px;right:46px;top:76px;height:268px;background:#304D6D;border:10px solid #263e57;box-shadow:16px 16px 0 rgba(48,77,109,.18);z-index:2}.screen-top{height:30px;background:#545E75;display:flex;gap:6px;align-items:center;padding-left:11px}.screen-top i{display:block;width:6px;height:6px;border-radius:50%;background:#A7CCED}.screen-grid{padding:22px;display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:10px;height:calc(100% - 30px)}.screen-grid div{background:#f8fbfe;border:1px solid #82A0BC}.paper{position:absolute;background:#f8fbfe;border:1px solid #82A0BC;z-index:3;box-shadow:6px 6px 0 rgba(38,62,87,.09)}.paper span{position:absolute;left:10px;bottom:8px;font-size:9px;letter-spacing:1.5px;font-weight:900}.p1{width:150px;height:210px;right:20px;bottom:22px;transform:rotate(7deg)}.p2{width:180px;height:115px;left:20px;bottom:28px;transform:rotate(-5deg)}.ruler{position:absolute;width:265px;height:23px;background:var(--warm);bottom:23px;left:170px;transform:rotate(-9deg);z-index:4}
.section{padding:112px 0;border-bottom:1px solid var(--line);position:relative}.section.alt{background:#E7F2FC}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin:18px 0 54px;align-items:end}.section h2{font-size:clamp(46px,5.3vw,74px);line-height:.94;letter-spacing:-4px;margin:0;font-weight:950}.section-head p,.split p{color:var(--muted);font-size:18px}.section-head p{max-width:560px}.cards{display:grid;gap:16px}.cards.three{grid-template-columns:repeat(3,1fr)}.cards article{background:var(--paper);border:1px solid var(--line);padding:34px;min-height:350px;transition:transform .18s ease,box-shadow .18s ease;position:relative;overflow:hidden}.cards article:after{content:"";position:absolute;left:0;top:0;width:100%;height:6px;background:var(--ink)}.cards article:hover{transform:translateY(-4px);box-shadow:10px 10px 0 rgba(38,62,87,.10)}.service-card .num{display:inline-block;margin-bottom:32px}.web-card:after{background:#263e57!important}.design-card:after{background:#63ADF2!important}.source-card:after{background:#82A0BC!important}.num{font-size:10px;letter-spacing:1.5px;color:var(--muted);font-weight:900}h3{font-size:31px;letter-spacing:-1.8px;margin:18px 0 12px;line-height:1.05}.cards p{color:#304D6D}.cards ul{padding-left:18px;color:#6383A0}.cards li{margin:4px 0}
.workshop-section{background:linear-gradient(180deg,#DDECF8 0,#D2E4F2 100%)}.process{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #82A0BC;border-left:1px solid #82A0BC;box-shadow:14px 14px 0 rgba(38,62,87,.06)}.process div{padding:34px 30px;border-right:1px solid #82A0BC;border-bottom:1px solid #82A0BC;min-height:250px;background:rgba(248,251,254,.55);position:relative}.process div:before{content:"";position:absolute;top:0;left:0;width:36px;height:4px;background:var(--accent)}.process b{font-size:10px;letter-spacing:1.5px}.process p{color:#6383A0}
.work-section{background:#F3F7FB}.work-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:20px}.case{position:relative;min-height:610px;border:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.case:hover{transform:translateY(-5px);box-shadow:12px 12px 0 rgba(38,62,87,.11)}.case-media{height:335px;overflow:hidden;background:#263e57;border-bottom:1px solid var(--line);position:relative}.case-media:after{content:"VIEW / 01";position:absolute;right:14px;bottom:12px;background:rgba(38,62,87,.90);color:white;padding:7px 8px;font-size:9px;letter-spacing:1.5px;font-weight:900}.case.light .case-media:after{content:"VIEW / 02"}.case-media img{width:100%;height:100%;object-fit:cover}.case-content{padding:36px;display:flex;flex-direction:column;flex:1;justify-content:flex-end}.case.dark{background:var(--dark);color:white}.case.light{background:#DDEAF5}.case span{font-size:10px;letter-spacing:2px;font-weight:900}.case h3{margin-top:14px;font-size:34px}.case a{color:inherit;margin-top:18px;font-weight:850;text-underline-offset:5px}.case-note{font-size:12px;color:#bfd0df;margin-top:auto;padding-top:20px;text-transform:uppercase;letter-spacing:.8px}.case.light .case-note{color:#5c7389}
.pricing-section{background:linear-gradient(180deg,#DCEAF6,#EEF6FC)}.pricing .price{font-size:60px;font-weight:950;letter-spacing:-4px;line-height:1}.pricing .price span{font-size:13px;letter-spacing:0;color:var(--muted);margin-left:3px}.featured{outline:3px solid var(--ink);z-index:2;transform:translateY(-8px)}.featured:hover{transform:translateY(-12px)!important}.tag{position:absolute;top:0;right:0;background:var(--accent);color:white;padding:9px 11px;font-size:9px;letter-spacing:1.2px;font-weight:950}.hosting{text-align:center;margin-top:32px;font-size:14px}.hosting strong{background:var(--warm);padding:3px 6px}
.split{display:grid;grid-template-columns:.78fr 1.22fr;gap:80px}.about-section{background:#F6FAFD}.bigcopy{font-size:30px!important;color:var(--ink)!important;line-height:1.22;letter-spacing:-.6px}.studio-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}.studio-points span{border-top:2px solid var(--accent);padding-top:12px;font-size:12px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.6px}
.contact{background:var(--dark);color:white}.contact-section:before{content:"";position:absolute;left:0;right:0;top:0;height:7px;background:var(--accent)}.contact .eyebrow,.contact p{color:#D6E5F2}.contact-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:78px}.contact h2{color:white}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact label{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;font-weight:850;color:#E1EDF7}.contact input,.contact select,.contact textarea{width:100%;margin-top:8px;padding:15px;border:1px solid #688096;background:#3A5877;color:white}.contact input:hover,.contact select:hover,.contact textarea:hover{border-color:#86a3be}.contact input:focus,.contact select:focus,.contact textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.contact .full{grid-column:1/-1}.honeypot{position:absolute!important;left:-9999px!important}.formnote{grid-column:1/-1;font-size:13px}.form-small{font-size:11px!important;grid-column:1/-1;margin:0;line-height:1.5}
footer{padding:64px 0 30px;background:#304D6D;color:#d9e5f0}.footer-grid{display:grid;grid-template-columns:1.7fr .75fr .75fr 1fr;gap:40px}.footer-grid>div{display:flex;flex-direction:column;gap:9px}.footerbrand{color:white}.footerbrand span{color:#A7CCED}.footer-kicker{max-width:360px;color:#C7DBEC}.footer-title{font-size:9px;letter-spacing:1.8px;text-transform:uppercase;color:#A7CCED;margin-bottom:7px;font-weight:900}.footer-bottom{border-top:1px solid #6383A0;margin-top:42px;padding-top:22px;display:flex;justify-content:space-between;gap:24px;color:#BFD3E4;font-size:11px}
.legal-main{padding:88px 0 120px}.legal-main .legal-wrap{max-width:860px}.legal-main h1{font-size:clamp(52px,7vw,90px);line-height:.92;letter-spacing:-5px;margin:18px 0 30px}.legal-main h2{font-size:29px;letter-spacing:-1.3px;margin-top:44px}.legal-main p,.legal-main li{color:#545E75}.legal-main ul{padding-left:20px}.legal-meta{padding:10px 12px;border:1px solid var(--line);display:inline-block;font-size:11px;color:var(--muted)}.notice{border:1px solid var(--line);background:#F4F9FD;padding:18px;margin:26px 0}.thanks{min-height:62vh;display:grid;place-items:center;text-align:center}.thanks h1{font-size:clamp(52px,8vw,90px);letter-spacing:-4px;line-height:.95}

.services-cta{margin-top:34px;padding:24px 0 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:28px}.services-cta p{margin:0;max-width:650px;color:var(--muted);font-size:15px}.services-cta .btn{white-space:nowrap}
@media(max-width:980px){.desktop-nav{display:none}.menu-toggle{display:block}.hero-grid,.section-head,.work-grid,.split,.contact-grid{grid-template-columns:1fr}.cards.three,.process{grid-template-columns:1fr 1fr}.hero-art{height:420px}.hero h1{letter-spacing:-4px}.section{padding:86px 0}.contact form{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.studio-points{grid-template-columns:1fr}.featured{transform:none}.featured:hover{transform:translateY(-4px)!important}}
@media(max-width:620px){.services-cta{align-items:flex-start;flex-direction:column}.services-cta .btn{width:100%;text-align:center}.wrap{width:min(100% - 24px,var(--max))}.nav{min-height:68px}.brand span{display:none}.hero{padding:64px 0 70px}.hero h1{font-size:56px;letter-spacing:-3.5px}.lede{font-size:18px}.actions{align-items:flex-start;flex-direction:column}.cards.three,.process,.footer-grid{grid-template-columns:1fr}.hero-art{height:315px;box-shadow:9px 9px 0 rgba(16,17,15,.08)}.screen{left:28px;right:28px;top:47px;height:190px}.p1{width:92px;height:130px}.p2{width:112px;height:72px}.ruler{width:170px;left:70px}.case{min-height:470px}.case-media{height:250px}.case-content{padding:26px}.section-head{gap:20px}.section{padding:72px 0}.section h2{letter-spacing:-3px}.footer-bottom{flex-direction:column}.pricing .price{font-size:50px}}


/* RWS BUILD 0.5 — IDENTITY PASS */
:root{--blue-slate:#545E75;--cool-sky:#63ADF2;--icy-blue:#A7CCED;--dusk-blue:#304D6D;--steel-blue:#82A0BC}
.section:before{content:"";position:absolute;left:28px;top:28px;width:12px;height:12px;border-left:1px solid var(--dusk-blue);border-top:1px solid var(--dusk-blue);opacity:.32}
.section:after{content:"RWS / SYSTEM";position:absolute;right:30px;top:26px;font-size:8px;line-height:1;font-weight:900;letter-spacing:2px;color:var(--steel-blue);opacity:.45}
.manifesto-section{background:var(--dusk-blue);color:white;border-bottom:0;overflow:hidden}
.manifesto-section:before{width:100%;height:100%;left:0;top:0;border:0;background:linear-gradient(rgba(167,204,237,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(167,204,237,.08) 1px,transparent 1px);background-size:32px 32px;opacity:1}
.manifesto-section:after{content:"RWS / REF 0001 / FOUNDATION";color:var(--icy-blue);opacity:.65}
.manifesto-grid{position:relative;z-index:1;display:grid;grid-template-columns:.34fr 1.5fr .72fr;gap:46px;align-items:start}
.manifesto-code{display:flex;flex-direction:column;gap:8px;padding-top:10px;color:var(--icy-blue);font-size:9px;letter-spacing:1.6px;font-weight:900}
.manifesto-section .eyebrow{color:var(--icy-blue)}
.manifesto-title{color:white!important;font-size:clamp(48px,6vw,84px)!important;max-width:960px}
.manifesto-title em{color:var(--cool-sky);font-style:normal}
.manifesto-aside{border-left:1px solid rgba(167,204,237,.38);padding-left:24px;color:#dce9f4}
.manifesto-aside p{color:#dce9f4!important;font-size:16px!important;line-height:1.65}
.manifesto-rule{display:flex;align-items:center;gap:14px;margin-top:32px;font-size:11px;letter-spacing:1.3px;text-transform:uppercase}
.manifesto-rule span{width:44px;height:4px;background:var(--cool-sky)}
.case-media-rich{isolation:isolate}.case-media-rich>img{transform:scale(1.01);transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.case:hover .case-media-rich>img{transform:scale(1.045)}
.case-mini{position:absolute;z-index:3;border:1px solid rgba(255,255,255,.28);box-shadow:7px 7px 0 rgba(0,0,0,.16);background-image:url("assets/project2088-case-study-001.png");background-size:290%;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .35s ease}
.case:hover .case-mini{opacity:1;transform:translateY(0)}
.case-mini-a{width:120px;height:82px;right:22px;top:22px;background-position:13% 90%}
.case-mini-b{width:94px;height:64px;right:154px;top:42px;background-position:80% 78%}
.jlb-media .case-mini{background-image:url("assets/jlb-new-collection.webp")}.jlb-media .case-mini-a{background-position:30% 45%}.jlb-media .case-mini-b{background-position:75% 60%}
.case.dark{background:linear-gradient(180deg,#304D6D 0,#263f59 100%)}.case.dark .case-content{border-top:1px solid rgba(167,204,237,.16)}.case.dark h3{color:#f6fbff}.case.dark a{color:var(--icy-blue)}
.signature-strip{overflow:hidden;white-space:nowrap;background:var(--cool-sky);border-top:1px solid var(--dusk-blue);border-bottom:1px solid var(--dusk-blue)}
.signature-track{width:max-content;display:flex;gap:52px;padding:13px 0;animation:rwsTicker 24s linear infinite}
.signature-track span{font-size:10px;font-weight:950;letter-spacing:2px;color:var(--dusk-blue)}
@keyframes rwsTicker{to{transform:translateX(-50%)}}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1)}
.reveal.in-view{opacity:1;transform:none}
.btn{position:relative;overflow:hidden}.btn:after{content:"";position:absolute;left:-120%;top:0;width:80%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transform:skewX(-20deg);transition:left .45s ease}.btn:hover:after{left:140%}
.service-card .num{transition:color .2s ease,letter-spacing .2s ease}.service-card:hover .num{color:var(--cool-sky);letter-spacing:2.2px}
@media(max-width:980px){.manifesto-grid{grid-template-columns:1fr}.manifesto-code{flex-direction:row;justify-content:space-between}.manifesto-aside{border-left:0;border-top:1px solid rgba(167,204,237,.38);padding:24px 0 0}}
@media(max-width:620px){.section:before,.section:after{display:none}.case-mini{display:none}.manifesto-title{font-size:48px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.signature-track{animation:none}.case,.case-media-rich>img,.case-mini{transition:none!important}}


/* RWS BUILD 0.5.1 — BASE PROJECT PRICING */
.build-pricing-section{
  background:linear-gradient(180deg,#edf4fa 0,#e3edf5 100%);
}
.build-pricing .build-card{
  min-height:520px;
  display:flex;
  flex-direction:column;
}
.build-pricing .price{
  font-size:58px;
  font-weight:950;
  letter-spacing:-4px;
  line-height:1;
  color:var(--dusk-blue);
  margin:10px 0 18px;
}
.build-pricing .price::first-line{line-height:1}
.build-pricing .build-card ul{
  margin-bottom:28px;
}
.build-pricing .build-card .pricing-link{
  margin-top:auto;
  font-weight:900;
  text-underline-offset:5px;
  color:var(--dusk-blue);
}
.build-featured{
  outline:3px solid var(--dusk-blue);
  transform:translateY(-8px);
  z-index:2;
}
.build-featured:after{
  background:var(--cool-sky)!important;
}
.build-featured .tag{
  background:var(--cool-sky);
  color:var(--dusk-blue);
}
.rescue-strip{
  margin-top:28px;
  border:1px solid var(--line);
  background:rgba(248,251,254,.75);
  padding:24px 26px;
  display:grid;
  grid-template-columns:.7fr 1.6fr auto;
  gap:24px;
  align-items:center;
}
.rescue-strip h3{
  margin:6px 0 0;
  color:var(--dusk-blue);
}
.rescue-options{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
}
.rescue-options span{
  border-left:2px solid var(--cool-sky);
  padding-left:12px;
  font-size:12px;
  color:var(--muted);
}
.rescue-options b{
  display:block;
  color:var(--dusk-blue);
  margin-bottom:3px;
}
@media(max-width:980px){
  .build-featured{transform:none}
  .rescue-strip{grid-template-columns:1fr}
  .rescue-options{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .build-pricing .price{font-size:50px}
  .rescue-options{grid-template-columns:1fr}
  .rescue-strip .btn{width:100%;text-align:center}
}


/* RWS BUILD 0.5.2 — PRICING POLISH */

.build-pricing-section{
  padding-bottom:126px;
}

.best-for{
  margin:18px 0 6px;
  font-size:9px;
  font-weight:950;
  letter-spacing:1.4px;
  color:var(--steel-blue);
  text-transform:uppercase;
}

.pricing-footnote{
  margin-top:24px;
  font-size:12px;
  color:var(--muted);
  text-align:center;
}

.rescue-panel{
  margin-top:54px;
  border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(167,204,237,.22),rgba(248,251,254,.86));
  box-shadow:12px 12px 0 rgba(48,77,109,.06);
}

.rescue-heading{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:42px;
  align-items:end;
  padding:30px 32px 26px;
  border-bottom:1px solid var(--line);
}

.rescue-heading h3{
  margin:7px 0 0;
  font-size:36px;
  color:var(--dusk-blue);
}

.rescue-heading p{
  margin:0;
  max-width:620px;
  color:var(--muted);
  font-size:15px;
}

.rescue-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
}

.rescue-card{
  min-height:245px;
  padding:28px 24px 26px;
  border-right:1px solid var(--line);
  background:rgba(255,255,255,.28);
  transition:background .2s ease,transform .2s ease;
}

.rescue-card:last-child{
  border-right:0;
}

.rescue-card:hover{
  background:rgba(255,255,255,.62);
  transform:translateY(-2px);
}

.rescue-num{
  display:block;
  margin-bottom:30px;
  font-size:9px;
  font-weight:950;
  letter-spacing:1.5px;
  color:var(--cool-sky);
}

.rescue-card h4{
  margin:0 0 8px;
  font-size:22px;
  color:var(--dusk-blue);
  letter-spacing:-.8px;
}

.rescue-price{
  margin-bottom:16px;
  font-size:25px;
  line-height:1;
  font-weight:950;
  color:var(--blue-slate);
  letter-spacing:-1.3px;
}

.rescue-card p{
  margin:0;
  color:var(--muted);
  font-size:13px;
  line-height:1.55;
}

.rescue-cta{
  display:flex;
  justify-content:space-between;
  gap:28px;
  align-items:center;
  padding:24px 32px;
  border-top:1px solid var(--line);
  background:var(--dusk-blue);
  color:white;
}

.rescue-cta div{
  display:flex;
  flex-direction:column;
  gap:3px;
}

.rescue-cta strong{
  font-size:15px;
}

.rescue-cta span{
  color:var(--icy-blue);
  font-size:12px;
}

.rescue-cta .btn{
  flex:0 0 auto;
  background:var(--cool-sky);
  border-color:var(--cool-sky);
  color:var(--dusk-blue)!important;
}

.care-bridge{
  margin:-22px 0 74px;
  padding:28px 30px;
  display:grid;
  grid-template-columns:.42fr 1fr 1fr;
  gap:28px;
  align-items:center;
  border:1px solid var(--line);
  background:rgba(248,251,254,.72);
}

.care-bridge h3{
  margin:0;
  font-size:28px;
  color:var(--dusk-blue);
}

.care-bridge p{
  margin:0;
  color:var(--muted);
  font-size:14px;
}

@media(max-width:980px){
  .rescue-heading{grid-template-columns:1fr}
  .rescue-grid{grid-template-columns:1fr 1fr}
  .rescue-card:nth-child(2){border-right:0}
  .rescue-card:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .care-bridge{grid-template-columns:1fr}
}

@media(max-width:620px){
  .rescue-grid{grid-template-columns:1fr}
  .rescue-card{border-right:0;border-bottom:1px solid var(--line)}
  .rescue-card:last-child{border-bottom:0}
  .rescue-cta{align-items:stretch;flex-direction:column}
  .rescue-cta .btn{width:100%;text-align:center}
  .care-bridge{margin-top:0;margin-bottom:52px}
}


/* RWS BUILD 0.5.3 — WEBSITE RESCUE CARDS */

.rescue-panel{
  margin-top:54px;
  border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(167,204,237,.18),rgba(248,251,254,.82));
  box-shadow:12px 12px 0 rgba(48,77,109,.06);
  padding:0;
}

.rescue-heading{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:42px;
  align-items:end;
  padding:30px 32px 22px;
  border-bottom:1px solid var(--line);
}

.rescue-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
  padding:26px 32px 32px;
}

.rescue-card{
  min-height:310px;
  padding:26px 24px 24px;
  border:1px solid var(--line);
  background:var(--paper);
  position:relative;
  display:flex;
  flex-direction:column;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  box-shadow:none;
}

.rescue-card:before{
  content:"";
  position:absolute;
  left:-1px;
  right:-1px;
  top:-1px;
  height:6px;
  background:var(--dusk-blue);
}

.rescue-card:nth-child(2):before{
  background:var(--cool-sky);
}

.rescue-card:nth-child(3):before{
  background:var(--steel-blue);
}

.rescue-card:nth-child(4):before{
  background:var(--blue-slate);
}

.rescue-card:hover{
  transform:translateY(-4px);
  box-shadow:10px 10px 0 rgba(48,77,109,.08);
  border-color:var(--steel-blue);
}

.rescue-num{
  display:block;
  margin-bottom:22px;
  font-size:10px;
  font-weight:950;
  letter-spacing:1.6px;
  color:var(--dusk-blue);
}

.rescue-card h4{
  margin:0 0 10px;
  font-size:29px;
  line-height:1.05;
  letter-spacing:-1.2px;
  color:var(--dusk-blue);
}

.rescue-price{
  margin-bottom:16px;
  font-size:34px;
  line-height:1;
  font-weight:950;
  letter-spacing:-1.5px;
  color:var(--blue-slate);
}

.rescue-card p{
  margin:0;
  color:var(--muted);
  font-size:14px;
  line-height:1.6;
}

.rescue-cta{
  display:flex;
  justify-content:space-between;
  gap:28px;
  align-items:center;
  padding:24px 32px;
  border-top:1px solid var(--line);
  background:var(--dusk-blue);
  color:white;
}

@media(max-width:1100px){
  .rescue-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:980px){
  .rescue-heading{
    grid-template-columns:1fr;
  }
}

@media(max-width:620px){
  .rescue-grid{
    grid-template-columns:1fr;
    padding:20px 20px 24px;
  }
  .rescue-heading,
  .rescue-cta{
    padding-left:20px;
    padding-right:20px;
  }
  .rescue-card{
    min-height:auto;
  }
}

/* BUILD 0.5.4 — cache-busted rescue layout */
.rescue-panel{overflow:hidden}
.rescue-grid{align-items:stretch}
.rescue-card{
  border:1px solid #82A0BC !important;
  background:#F8FBFE !important;
  min-height:330px !important;
  padding:30px 26px 28px !important;
}
.rescue-card h4{font-size:28px !important;margin-top:0 !important}
.rescue-price{font-size:36px !important;margin:4px 0 18px !important}
.rescue-card p{margin-top:auto !important;padding-top:16px}



/* =========================
   RWS BUILD 0.6
   Hero refinement + rescue alignment
   ========================= */

.hero{
  padding:88px 0 96px;
}
.hero-grid{
  grid-template-columns:1.15fr .85fr;
  gap:62px;
  align-items:start;
}
.hero-copy{
  max-width:720px;
}
.hero h1{
  font-size:clamp(54px,6.5vw,96px);
  line-height:.9;
  letter-spacing:-5px;
  margin:18px 0 24px;
  max-width:760px;
}
.lede{
  font-size:22px;
  max-width:690px;
  color:var(--muted);
  line-height:1.55;
}
.hero-tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:28px 0 0;
}
.hero-tags span{
  border:1px solid var(--line);
  background:rgba(255,255,255,.72);
  color:var(--ink);
  padding:10px 14px;
  font-size:11px;
  font-weight:900;
  letter-spacing:1.5px;
  text-transform:uppercase;
}
.hero-support{
  margin:18px 0 0;
  font-size:13px;
  font-weight:800;
  letter-spacing:.3px;
  color:var(--dusk-blue);
}
.hero-proof{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-top:28px;
}
.hero-proof article{
  min-height:132px;
  padding:18px 18px 16px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.70);
  position:relative;
}
.hero-proof article:before{
  content:"";
  position:absolute;
  left:-1px;
  right:-1px;
  top:-1px;
  height:5px;
  background:var(--dusk-blue);
}
.hero-proof article:nth-child(2):before{
  background:var(--cool-sky);
}
.hero-proof article:nth-child(3):before{
  background:var(--steel-blue);
}
.hero-proof strong{
  display:block;
  margin-bottom:10px;
  font-size:16px;
  line-height:1.1;
  color:var(--ink);
}
.hero-proof span{
  display:block;
  font-size:13px;
  line-height:1.5;
  color:var(--muted);
}
.principles{
  margin-top:18px;
}

.hero-art{
  height:560px;
  margin-top:8px;
  background:linear-gradient(180deg,rgba(167,204,237,.92),rgba(130,160,188,.92));
  border:1px solid #82A0BC;
  box-shadow:18px 18px 0 rgba(48,77,109,.12);
}
.hero-art:before{
  background:
    linear-gradient(135deg,rgba(255,255,255,.28),transparent 36%),
    linear-gradient(rgba(48,77,109,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(48,77,109,.08) 1px,transparent 1px);
  background-size:auto, 56px 56px, 56px 56px;
}
.screen{
  left:48px;
  right:34px;
  top:78px;
  height:272px;
}
.paper.p1{
  width:154px;
  height:204px;
  right:22px;
  bottom:28px;
}
.paper.p2{
  width:180px;
  height:112px;
  left:18px;
  bottom:36px;
}
.ruler{
  left:58%;
  bottom:44px;
  width:145px;
  transform:rotate(-9deg);
}
.hero-price-card{
  position:absolute;
  left:34px;
  right:164px;
  bottom:34px;
  z-index:4;
  background:rgba(248,251,254,.88);
  border:1px solid var(--steel-blue);
  box-shadow:10px 10px 0 rgba(48,77,109,.08);
  padding:16px 18px 14px;
}
.hero-price-line{
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding:7px 0;
  border-bottom:1px solid rgba(130,160,188,.45);
  font-size:12px;
}
.hero-price-line:last-child{
  border-bottom:0;
  padding-bottom:0;
}
.hero-price-line b{
  font-size:10px;
  letter-spacing:1.7px;
  text-transform:uppercase;
}
.hero-price-line span{
  font-weight:900;
  color:var(--dusk-blue);
}
.hero-note{
  position:absolute;
  right:22px;
  bottom:16px;
  z-index:4;
  font-size:10px;
  font-weight:900;
  letter-spacing:1.8px;
  text-transform:uppercase;
  color:var(--dusk-blue);
}

/* Build pricing polish */
.pricing-footnote{
  margin-top:18px;
  margin-bottom:28px;
  text-align:left;
  font-size:12px;
  color:var(--muted);
}
.build-pricing-section .wrap{
  max-width:1240px;
}
.rescue-panel{
  margin-top:34px;
  overflow:hidden;
}
.rescue-heading{
  display:grid;
  grid-template-columns:1fr 1.35fr;
  gap:0;
  align-items:center;
  padding:0;
  border-bottom:1px solid var(--line);
}
.rescue-heading > div{
  padding:32px 34px;
}
.rescue-heading > p{
  margin:0;
  padding:32px 34px;
  border-left:1px solid var(--line);
  max-width:none;
  font-size:16px;
  line-height:1.55;
}
.rescue-heading h3{
  margin:9px 0 0;
  font-size:38px;
  line-height:1;
}
.rescue-grid{
  gap:18px;
  padding:26px 32px 32px;
}
.rescue-card{
  min-height:320px;
}
.rescue-card p{
  margin-top:auto;
  padding-top:18px;
}
.rescue-cta{
  align-items:center;
}
.rescue-cta strong{
  font-size:16px;
}
.rescue-cta span{
  font-size:13px;
}

/* General section spacing balance */
.section-head{
  align-items:end;
}

@media (max-width: 1100px){
  .hero-grid{
    grid-template-columns:1fr;
    gap:42px;
  }
  .hero-art{
    max-width:780px;
  }
  .hero-proof{
    grid-template-columns:1fr 1fr 1fr;
  }
}

@media (max-width: 980px){
  .hero{
    padding:74px 0 82px;
  }
  .hero-proof{
    grid-template-columns:1fr;
  }
  .hero-art{
    height:520px;
    max-width:none;
  }
  .hero-price-card{
    left:26px;
    right:156px;
    bottom:26px;
  }
  .rescue-heading{
    grid-template-columns:1fr;
  }
  .rescue-heading > p{
    border-left:0;
    border-top:1px solid var(--line);
  }
}

@media (max-width: 620px){
  .hero h1{
    font-size:58px;
    letter-spacing:-3px;
  }
  .lede{
    font-size:19px;
  }
  .hero-art{
    height:460px;
  }
  .screen{
    left:22px;
    right:20px;
    top:56px;
    height:210px;
  }
  .paper.p1{
    width:120px;
    height:164px;
    right:14px;
  }
  .paper.p2{
    width:132px;
    height:88px;
    left:12px;
  }
  .hero-price-card{
    left:14px;
    right:112px;
    bottom:16px;
    padding:12px 14px;
  }
  .hero-proof article{
    min-height:auto;
  }
  .rescue-grid{
    padding:18px 18px 22px;
  }
  .rescue-heading > div,
  .rescue-heading > p,
  .rescue-cta{
    padding-left:18px;
    padding-right:18px;
  }
}
