:root{--ink:#111;--paper:#fff;--muted:#5c6065;--line:#dadee5;--cloud:#f5f2ec;--accent:#c72c68;--max:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 Arial,Helvetica,sans-serif}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--accent)}button,input,textarea{font:inherit}a,button,input,textarea,summary{outline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent)}.skip{position:fixed;top:-80px;z-index:100;background:white;padding:12px}.skip:focus{top:0}.wrap{max-width:var(--max);margin:auto;padding:0 52px}.top{border-bottom:1px solid var(--line);background:#fff}.nav{height:106px;display:flex;align-items:center;gap:30px}.brand{width:188px;height:58px;position:relative;overflow:hidden;display:block;flex-shrink:0}.brand img{position:absolute;width:208px;height:208px;max-width:none;left:-9px;top:-74px}.navlinks{display:flex;align-items:center;gap:26px;margin-left:auto;font-size:14px;font-weight:bold}.navlinks a{text-decoration:none}.navlinks a[aria-current=page]{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;background:var(--ink);color:white;padding:14px 20px;text-decoration:none!important;font-size:14px;font-weight:bold;border:1px solid var(--ink);cursor:pointer}.button:hover{background:var(--accent);border-color:var(--accent);color:white}.button.light{background:white;color:#111;border-color:white}.textlink{font-size:15px;font-weight:bold}.actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:32px}.menu{display:none;background:none;border:1px solid var(--line);padding:8px 14px}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:bold;text-transform:uppercase;display:block;margin:0 0 25px}.blue{color:var(--accent)}h1,h2,h3,h4,p{margin:0 0 22px}h1,h2,h3{line-height:1.06;letter-spacing:-.045em}h1{font-size:clamp(46px,6.3vw,86px);max-width:970px;font-weight:700}h2{font-size:clamp(34px,4vw,52px)}h3{font-size:27px}h4{font-size:18px;line-height:1.3}p{max-width:760px}.lead{font-size:21px;line-height:1.5;color:#50545a;max-width:660px}.hero{padding:73px 0 62px}.hero-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;align-items:end}.hero h1{font-size:clamp(58px,7.8vw,106px);line-height:.98;letter-spacing:-.065em}.hero .lead{font-size:19px;max-width:580px;margin-top:30px}.hero-meta{display:flex;gap:28px;justify-content:space-between;font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:22px;margin-top:58px}.system{border-top:1px solid var(--ink);padding:22px 0 0}.system-top{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1px;margin-bottom:28px}.poti{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}.poti div{background:white;padding:25px 22px;min-height:145px}.poti b{font-size:45px;line-height:1;display:block;margin-bottom:22px;letter-spacing:-3px}.poti span{display:block;font-size:13px;font-weight:bold}.system-bottom{font-size:12px;color:var(--muted);margin-top:17px;display:flex;justify-content:space-between}.section{padding:78px 0;border-top:1px solid var(--line)}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-bottom:36px;align-items:start}.section-head p{color:var(--muted)}.section-head .eyebrow{grid-column:1/-1;margin-bottom:-10px}.soft{background:var(--cloud)}.dark{background:#111;color:#fff}.dark .lead,.dark p{color:#c5c7ca}.dark a:hover{color:white}.dark .eyebrow{color:#aeb4be}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 40px}.problem{border-top:1px solid var(--line);padding:25px 0 24px;display:block;text-decoration:none}.problem .num{font-size:12px;color:var(--accent);display:block;margin-bottom:24px}.problem h3{font-size:25px;letter-spacing:-.035em}.problem p{font-size:15px;color:var(--muted);margin-bottom:18px}.arrow{font-size:23px}.service-row{display:grid;grid-template-columns:45px 1.1fr 1fr 24px;gap:25px;align-items:start;border-top:1px solid var(--line);padding:30px 0;text-decoration:none}.service-row h3{font-size:29px;margin:0}.service-row p{font-size:16px;margin:0;color:var(--muted)}.number{font-size:12px;color:var(--accent)}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.case{display:flex;flex-direction:column;text-decoration:none}.case-art{height:176px;background:var(--cloud);padding:27px;display:flex;align-items:end;border-top:3px solid var(--ink);margin-bottom:23px}.case-art span{font-size:51px;font-weight:bold;line-height:1;letter-spacing:-3px;color:#111}.case h3{font-size:27px}.case p{font-size:15px;color:var(--muted)}.case .eyebrow{font-size:10px;margin-bottom:12px}.case .textlink{margin-top:auto}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px}.principles{display:grid;grid-template-columns:1fr 1fr;gap:30px}.principles p{font-size:15px}.principles h3{font-size:22px;letter-spacing:-.025em}.statement{font-size:clamp(32px,4.5vw,58px);font-weight:bold;line-height:1.1;letter-spacing:-.045em;max-width:900px}.cta{padding:70px 0;background:#111;color:#fff}.cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:40px}.cta h2{max-width:650px;margin:0}.footer{padding:45px 0 26px;font-size:12px}.footer-top{display:flex;justify-content:space-between;gap:35px;margin-bottom:30px}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:24px;gap:30px;color:var(--muted)}.crumb{font-size:12px;color:var(--muted);padding-top:27px}.page-hero{padding:45px 0 64px}.page-hero .lead{margin-top:28px}.page-hero .eyebrow{color:var(--accent)}.two-col{display:grid;grid-template-columns:1fr 1.25fr;gap:100px}.list{padding:0;list-style:none;margin:0}.list li{padding:16px 0;border-top:1px solid var(--line);max-width:750px}.list li:before{content:'↗';color:var(--accent);margin-right:15px}.four{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.four h3{font-size:24px}.four p{font-size:16px;color:var(--muted)}.step{border-top:1px solid var(--line);padding-top:25px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.step h3{font-size:25px}.step p{font-size:16px;color:var(--muted)}.step .number{display:block;margin-bottom:24px}.faq{max-width:880px}.faq details{border-top:1px solid var(--line);padding:21px 0}.faq summary{font-weight:bold;font-size:19px;cursor:pointer}.faq p{margin:18px 0 0;color:var(--muted)}.body-copy{max-width:830px}.body-copy h2{font-size:34px;margin-top:45px}.body-copy p{max-width:none}.tag{font-size:12px;padding:6px 11px;border:1px solid var(--line);text-decoration:none;display:inline-block;margin:0 5px 10px 0}.form label{display:block;font-size:14px;font-weight:bold;margin:21px 0 8px}.form input,.form textarea{width:100%;border:1px solid #85898e;background:white;border-radius:0;padding:13px;color:#111}.form textarea{min-height:150px;resize:vertical}.form .row{display:grid;grid-template-columns:1fr 1fr;gap:22px}.form small{display:block;color:var(--muted);margin:20px 0;font-size:13px}.status{margin-top:20px;padding:15px;border-left:3px solid var(--accent);background:var(--cloud)}.hidden{display:none}.hp{position:absolute;left:-9999px}.note{font-size:13px;border-left:2px solid var(--accent);padding-left:18px;color:var(--muted)}.portrait{width:100%;height:390px;object-fit:cover;object-position:center 30%;background:var(--cloud)}.review-banner{font-size:11px;background:var(--cloud);color:#555;padding:7px 0;text-align:center}.full{grid-column:1/-1}table{border-collapse:collapse;width:100%;font-size:14px}td,th{text-align:left;padding:12px;border-bottom:1px solid var(--line);vertical-align:top}.table-scroll{overflow:auto}::selection{background:#f5cddd}@media(max-width:1050px){.wrap{padding:0 30px}.navlinks{gap:17px;font-size:12px}.nav .button{padding:11px}.hero-grid{gap:30px}.two-col{gap:45px}.hero h1{font-size:78px}.case-grid{gap:20px}}@media(max-width:800px){.wrap{padding:0 23px}.nav{height:84px;justify-content:space-between}.brand{width:165px;transform:scale(.9);transform-origin:left center}.menu{display:block}.navlinks{display:none;position:absolute;left:0;right:0;top:113px;z-index:10;background:#fff;padding:25px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;font-size:16px}.navlinks.open{display:flex}.hero{padding:48px 0}.hero-grid,.section-head,.split,.two-col{grid-template-columns:1fr;gap:30px}.hero h1{font-size:clamp(62px,12vw,90px)}.hero-meta{flex-direction:column;gap:8px;margin-top:30px}.system{max-width:480px;margin-top:18px}.poti div{min-height:120px;padding:20px}.poti b{font-size:35px;margin-bottom:16px}.section{padding:52px 0}.section-head .eyebrow{margin-bottom:0}.problem-grid,.four{grid-template-columns:1fr 1fr;gap:0 24px}.service-row{grid-template-columns:25px 1fr 20px;gap:15px}.service-row p{grid-column:2;grid-row:2}.service-row .arrow{grid-column:3;grid-row:1}.case-grid,.steps{grid-template-columns:1fr}.case{margin-bottom:20px}.case-art{height:135px}.cta .wrap{align-items:start;flex-direction:column}.footer-top,.footer-bottom{flex-direction:column}.page-hero{padding:32px 0 44px}.four .step{margin-bottom:25px}.lead{font-size:19px}.portrait{height:340px}}@media(max-width:440px){.problem-grid,.principles,.four,.form .row{grid-template-columns:1fr}.hero h1{font-size:61px}.actions{gap:20px}.poti div{padding:18px}.page-hero h1{font-size:45px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

/* Review refinement: softer surfaces and original client marks. */
:root{--cloud:#f5f2ec;--line:#ddd8d2;--muted:#535e68}
.hero{background:#f5f2ec}.hero-grid{align-items:center}.hero h1{font-size:clamp(58px,7.2vw,96px);line-height:1.02;letter-spacing:-.055em}.hero-meta{border-color:#ddd8d2}
.button,.menu{border-radius:5px}.button{background:#c72c68;border-color:#c72c68}.button:hover{background:#a92256;border-color:#a92256}.button.light:hover{background:#f8e8ee;color:#111;border-color:#f8e8ee}
.system{background:white;padding:25px;border:1px solid #ddd8d2;border-radius:12px;box-shadow:0 12px 35px #15151510}.system-top{font-size:10px;letter-spacing:.6px;gap:15px}.system-bottom{gap:12px;font-size:11px}.poti{gap:10px;background:transparent;border:0}.poti div{border-radius:7px;background:#f5f2ec;min-height:138px}.poti div:nth-child(2),.poti div:nth-child(3){background:#f5f2ec}.poti b{color:#c72c68}
.dark{background:#f5f2ec;color:var(--ink);border-color:#ddd8d2}.dark .lead,.dark p{color:#56514e}.dark .eyebrow{color:#c72c68}.dark a:hover{color:#c72c68}
.problem-grid{gap:20px}.problem{background:white;padding:25px;border:1px solid var(--line);border-radius:8px}.problem:hover{border-color:#c72c68}.problem .num{margin-bottom:19px}.problem h3{line-height:1.16}
.case-grid{row-gap:34px}.case{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}.case:hover{border-color:#c72c68}.case-art{height:205px;padding:22px;align-items:center;justify-content:center;border:0;border-bottom:1px solid #e6e0da;margin:0;background:white}.case-art img{display:block;width:100%;height:100%;object-fit:contain;max-width:245px}.case-copy{padding:25px;display:flex;flex-direction:column;flex:1}.case h3{line-height:1.15}.case p{margin-bottom:25px}.case .eyebrow{line-height:1.5;letter-spacing:1.2px}
.case-hero-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:65px;align-items:center}.case-client-mark{grid-column:2;grid-row:1;background:white;border:1px solid var(--line);border-radius:10px;padding:24px;height:210px;display:flex;align-items:center;justify-content:center}.case-client-mark img{width:100%;height:100%;object-fit:contain}.case-hero-copy{grid-column:1;grid-row:1;min-width:0}.case-hero-copy h1{font-size:clamp(40px,5.1vw,69px)}
.tag{border-radius:5px;background:#f5f2ec}.form input,.form textarea{border-radius:5px}.review-banner{background:#f5f2ec;color:#56514e}.cta{background:#151515}.footer{background:#f5f2ec}
@media(max-width:1050px){.hero-grid{gap:32px;grid-template-columns:1.3fr 1fr}.system{padding:20px}.case-hero-layout{gap:35px;grid-template-columns:minmax(0,1fr) 200px}}
@media(max-width:800px){.hero-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(56px,10vw,80px)}.system{width:100%;max-width:480px}.problem-grid{gap:18px}.case-art{height:210px}.case-hero-layout{grid-template-columns:1fr;gap:24px}.case-client-mark{grid-column:1;grid-row:1;width:190px;height:155px;padding:17px}.case-hero-copy{grid-column:1;grid-row:2}.case-hero-copy h1{font-size:clamp(40px,7vw,58px)}}
@media(max-width:440px){.hero h1{font-size:clamp(46px,12vw,56px)}.system{padding:18px}.poti div{min-height:110px;padding:18px}.system-top{letter-spacing:0}.case-copy{padding:23px}}

/* Approved raspberry direction, 3 October 2026. Coral reserved for later exploration. */
:root{--ink:#151515;--cloud:#f5f2ec;--line:#ddd8d2;--muted:#595553;--accent:#c72c68;--accent-on-dark:#f07fa7}
.hero,.dark,.cta{background:#151515;color:#fff;position:relative;isolation:isolate;overflow:hidden}
.hero>.wrap,.dark>.wrap,.cta>.wrap{position:relative;z-index:1}
.hero:before,.cta:before{content:"";position:absolute;z-index:0;pointer-events:none;width:780px;height:780px;right:-350px;bottom:-490px;border:1px solid #c72c68;border-radius:50%;box-shadow:0 0 0 80px #151515,0 0 0 81px #c72c68,0 0 0 160px #151515,0 0 0 161px #c72c68;opacity:.5}
.hero:before{right:-380px;bottom:-410px}
.hero .lead,.dark .lead,.dark p{color:#ddd8d2}
.hero .eyebrow,.dark .eyebrow{color:#f07fa7}
.hero .blue{color:#f07fa7}
.hero-meta{color:#d6d0ca;border-color:#59514f}
.hero .system{background:#202020;color:#fff;border-color:#54464c;box-shadow:none}
.hero .poti div{background:#292627;border:1px solid #51424a}
.hero .poti div:nth-child(2),.hero .poti div:nth-child(3){background:#292627}
.hero .poti b{color:#f07fa7}
.hero .system-bottom{color:#ddd8d2}
.dark{border-color:#373033}
.dark a:hover,.hero .textlink:hover{color:#f07fa7}
.hero a:focus-visible,.dark a:focus-visible,.cta a:focus-visible{outline-color:#f07fa7}
.cta .button.light{background:#c72c68;color:#fff;border-color:#c72c68}
.cta .button.light:hover{background:#a92256;color:#fff;border-color:#a92256}
.eyebrow{font-size:12px}.case .eyebrow{font-size:12px}
@media(max-width:800px){.hero:before{right:-580px;opacity:.3}.cta:before{right:-580px;opacity:.3}}

/* Review QA: resilient navigation, text reflow and demo-form fallback. */
.brand img{width:108%;height:auto;left:50%;top:50%;transform:translate(-50%,-50%)}
@media(max-width:800px){.brand{width:165px;height:58px;transform:none}}
.navlinks{font-size:14px}
.form fieldset{border:0;padding:0;margin:0;min-width:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.form button:disabled{opacity:.6;cursor:not-allowed}
h1,h2,h3,p,.footer,.crumb,.poti span{overflow-wrap:anywhere}
.hero-grid>*,.split>*,.two-col>*,.four>*,.service-row>*,.poti>*{min-width:0}
.poti{grid-template-columns:repeat(2,minmax(0,1fr))}
.system-top{font-size:12px}.system-bottom{font-size:12px;flex-wrap:wrap}
.list li:before{content:'\2022'}
@media(max-width:800px){
  .nav{height:auto;min-height:84px;flex-wrap:wrap;gap:0}
  .menu{display:none;min-height:44px}
  .navlinks{display:flex;position:static;width:100%;margin:0;padding:0 0 22px;border:0;font-size:16px}
  .navlinks a{min-height:44px;display:flex;align-items:center}
  .nav-ready .menu{display:block}
  .nav-ready .navlinks{display:none}
  .nav-ready .navlinks.open{display:flex}
}