@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap');
.offer-paths{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--line);background:#fff}.offer-paths a{padding:1.7rem clamp(1.25rem,5vw,5rem);font-weight:600;text-decoration:none;position:relative}.offer-paths a+a{border-left:1px solid var(--line)}.offer-paths span{display:block;font-size:.875rem;font-weight:400;color:#666;margin-bottom:.4rem}.offer-paths b{margin-left:.6rem;color:var(--red)}.offer-paths a:hover{background:#eeeae3}.personal-websites{padding:clamp(3rem,7vw,6rem) clamp(1.25rem,5vw,5rem);background:#f5f3ee}.personal-intro{max-width:60rem;margin-bottom:3rem}.personal-intro h2{font-size:clamp(2.4rem,5.3vw,5rem);line-height:1.08;margin:1.5rem 0;letter-spacing:-.04em}.personal-intro>p:not(.section-number){max-width:47rem;color:#50504c}.personal-intro .personal-lead{font-size:1.2rem}.personal-plans{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid #bcbab3;background:#fff}.personal-plan{padding:clamp(1.5rem,3.5vw,3rem);display:flex;flex-direction:column;min-width:0}.personal-plan--plus{border-left:1px solid #bcbab3;background:#ece9e2}.offer-label{font-size:.875rem;color:var(--red);font-weight:600;margin:0}.personal-plan h3{font-size:2rem;letter-spacing:-.035em;line-height:1.2;margin:1.1rem 0 1.7rem}.personal-price{font-size:clamp(2.5rem,4vw,4rem);line-height:1.1;letter-spacing:-.04em;margin:0}.personal-price span{display:block;font-size:.875rem;letter-spacing:0;color:#62625c;margin-top:.7rem}.personal-promise{font-weight:700;margin:1.6rem 0 .4rem}.personal-plan>p:not(.personal-price):not(.personal-promise):not(.offer-label){color:#53534e}.personal-plan ul{padding-left:1.15rem;margin:1rem 0 2rem}.personal-plan li{padding:.4rem 0}.personal-plan>a{margin-top:auto;padding-top:1.25rem;border-top:1px solid #aaa;color:var(--red);font-weight:700;text-underline-offset:.3rem}.personal-bottom{display:grid;grid-template-columns:1fr 1fr;gap:3rem;padding:2rem 0}.personal-bottom h3{font-size:1.1rem}.personal-bottom p,.personal-note{color:#55554f}.personal-note{font-size:.875rem;border-top:1px solid #bbb;padding-top:1.3rem;margin-bottom:0;max-width:80rem}@media(max-width:700px){.offer-paths,.personal-plans,.personal-bottom{grid-template-columns:1fr}.offer-paths a+a{border-left:0;border-top:1px solid var(--line)}.personal-plan--plus{border-left:0;border-top:1px solid #bcbab3}.personal-bottom{gap:.6rem}.personal-intro h2 br{display:none}}
:root{--ink:#101010;--paper:#f3f2ed;--white:#fff;--red:#e1362d;--line:rgba(16,16,16,.2)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;font-size:16px;line-height:1.5}a{color:inherit}img{max-width:100%}.site-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:5.25rem;padding:0 clamp(1.25rem,5vw,5rem);border-bottom:1px solid #ffffff35;background:var(--ink);color:#fff}.brand{font-size:1.08rem;font-weight:700;letter-spacing:.13em;text-decoration:none}.brand span{color:var(--red);margin-left:.3rem}.site-header nav{display:flex;gap:clamp(1rem,2.5vw,2.4rem)}.site-header nav a,.header-cta{font-size:.78rem;font-weight:600;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.header-cta{justify-self:end;border-bottom:1px solid #fff;padding:.3rem 0}
.hero{min-height:min(820px,calc(100svh - 5.25rem));display:flex;flex-direction:column;justify-content:space-between;padding:clamp(3.5rem,7vw,7rem) clamp(1.25rem,5vw,5rem) clamp(2rem,4vw,4rem);background:var(--ink);color:#fff}.eyebrow,.section-number{margin:0;font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.hero .eyebrow{display:flex;align-items:center;gap:.7rem;color:#c7c7c1}.signal-dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--red);box-shadow:0 0 0 0 rgba(225,54,45,.6);animation:signal-pulse 2s ease-out infinite}.hero h1,h2{margin:0;letter-spacing:-.055em;line-height:.94}.hero h1{max-width:85rem;font-size:clamp(3.5rem,8.4vw,8.5rem);font-weight:500}.hero h1 em{position:relative;color:var(--red);font-family:"Instrument Serif",Georgia,serif;font-weight:400}.hero h1 em:after{content:"";position:absolute;right:0;bottom:-.05em;left:0;height:.045em;background:var(--red);transform:scaleX(0);transform-origin:left;animation:draw-line 1.1s cubic-bezier(.7,0,.2,1) .45s forwards}.hero-footer{display:grid;grid-template-columns:minmax(20rem,40rem) auto;justify-content:space-between;align-items:end;gap:3rem;margin-top:5rem}.hero-footer>p{margin:0;color:#c8c8c2;font-size:clamp(1rem,1.5vw,1.3rem)}.hero-actions{display:flex;align-items:center;gap:1.5rem}.button{display:flex;justify-content:space-between;gap:3rem;min-width:15rem;padding:1rem 1.15rem;font-weight:700;text-decoration:none}.button--red{background:var(--red);color:#fff}.text-link{text-underline-offset:.4rem}.service-rail{overflow:hidden;border-block:1px solid var(--ink);background:var(--red);color:#fff}.service-track{display:flex;width:max-content;align-items:center;gap:2.25rem;padding:1rem 0;font-size:clamp(1.05rem,1.8vw,1.55rem);font-weight:700;letter-spacing:.03em;text-transform:uppercase;animation:service-scroll 24s linear infinite}.service-track span{white-space:nowrap}.service-track i{font-size:.65rem;font-style:normal;color:var(--ink)}.service-rail:hover .service-track{animation-play-state:paused}@keyframes service-scroll{to{transform:translateX(-50%)}}@keyframes signal-pulse{0%{box-shadow:0 0 0 0 rgba(225,54,45,.65)}70%{box-shadow:0 0 0 .6rem rgba(225,54,45,0)}100%{box-shadow:0 0 0 0 rgba(225,54,45,0)}}@keyframes draw-line{to{transform:scaleX(1)}}
.ruled-section,.faq{display:grid;grid-template-columns:.48fr 1.1fr 1fr;gap:clamp(2rem,6vw,7rem);padding:clamp(5rem,9vw,9rem) clamp(1.25rem,5vw,5rem);border-bottom:1px solid var(--line)}h2{font-size:clamp(3.1rem,6vw,6.4rem);font-weight:500}.lead{max-width:43rem;margin:2rem 0 0;color:#444;font-size:clamp(1.05rem,1.5vw,1.35rem)}.principles{align-self:end;border-top:1px solid var(--ink)}.principles p{display:grid;grid-template-columns:2rem 1fr;gap:1rem;margin:0;padding:1rem 0;border-bottom:1px solid var(--line)}.principles span{color:var(--red);font-size:.75rem;font-weight:700}
.plans,.work{padding:clamp(5rem,9vw,9rem) clamp(1.25rem,5vw,5rem)}.section-heading{display:grid;grid-template-columns:.48fr 1.1fr 1fr;align-items:end;gap:clamp(2rem,6vw,7rem);margin-bottom:clamp(3rem,6vw,6rem)}.section-heading>p:last-child{max-width:30rem;margin:0;color:#53544f;font-size:1.05rem}.plan-grid{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--ink)}.plan{display:flex;flex-direction:column;min-width:0;padding:clamp(1.5rem,3vw,3rem);border-right:1px solid var(--ink);border-bottom:1px solid var(--ink)}.plan:nth-child(2n){border-right:0}.plan:nth-child(n+3){border-bottom:0}.plan--featured{background:var(--red);color:#fff}.plan--dark{background:var(--ink);color:#fff}.plan--ownership{background:#f0eee7}.plan-topline{display:flex;justify-content:space-between;padding-bottom:1rem;border-bottom:1px solid currentColor;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.plan h3{margin:2.5rem 0 1.5rem;font-size:clamp(1.7rem,2.5vw,2.5rem);line-height:1}.price{display:flex;align-items:flex-end;gap:.75rem}.price strong{font-size:clamp(3.6rem,5.2vw,6rem);font-weight:500;letter-spacing:-.07em;line-height:.85}.price span{font-size:.78rem;text-transform:uppercase}.price--words strong{font-family:"Instrument Serif",Georgia,serif;font-size:clamp(3.2rem,4.4vw,5rem);font-style:italic}.monthly{margin:1.25rem 0 0}.plan-summary{min-height:5.2rem;margin:2rem 0;opacity:.78}.plan ul{margin:0 0 2.5rem;padding:0;list-style:none;border-top:1px solid currentColor}.plan li{padding:.75rem 0;border-bottom:1px solid currentColor;font-size:.9rem}.plan>a{margin-top:auto;font-weight:700;text-underline-offset:.35rem}.care-details{border-top:1px solid var(--ink)}.care-details>div{padding:1.2rem 0;border-bottom:1px solid var(--line)}.care-details h3{margin:0 0 .45rem;font-size:1rem}.care-details p{margin:0;color:#53544f}
.tools,.process{padding:clamp(5rem,9vw,9rem) clamp(1.25rem,5vw,5rem);background:var(--ink);color:#fff}.section-heading--light>p:last-child{color:#b8b8b2}.dashboard{max-width:76rem;margin:0 auto;border:1px solid #ffffff55;background:#e9e9e4;color:var(--ink);box-shadow:0 2rem 6rem #000}.dash-bar{display:flex;justify-content:space-between;padding:1rem 1.25rem;background:#fff;border-bottom:1px solid var(--ink);font-size:.75rem;letter-spacing:.08em}.dash-content{display:grid;grid-template-columns:13rem 1fr;min-height:28rem}.dash-stats{padding:1rem;border-right:1px solid var(--ink)}.dash-stats p{display:flex;justify-content:space-between;margin:0;padding:1rem .5rem;border-bottom:1px solid #aaa}.dash-stats span{font-size:.75rem;text-transform:uppercase}.dash-stats strong{font-size:1.35rem}.lead-card{margin:clamp(1rem,4vw,4rem);padding:clamp(1.25rem,3vw,2.5rem);background:#fff;border:1px solid var(--ink)}.lead-card>div:first-child{display:grid;gap:.25rem}.lead-card>div:first-child span{color:var(--red);font-size:.72rem;font-weight:700;text-transform:uppercase}.lead-card>div:first-child strong{font-size:2rem}.lead-card small{color:#777}.lead-card dl{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:2rem 0}.lead-card dl div{padding-top:.75rem;border-top:1px solid #bbb}.lead-card dt{font-size:.7rem;font-weight:700;text-transform:uppercase}.lead-card dd{margin:.25rem 0 0}.pipeline{display:flex;flex-wrap:wrap}.pipeline span{padding:.55rem .7rem;border:1px solid #aaa;font-size:.68rem;font-weight:700;text-transform:uppercase}.pipeline .active{background:var(--red);border-color:var(--red);color:#fff}.tools-note{max-width:49rem;margin:2rem auto 0;color:#b8b8b2;text-align:center}
.work-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:1rem}.work-grid a{display:block;background:#fff;border:1px solid var(--ink);text-decoration:none}.work-grid img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;filter:grayscale(1);transition:filter .2s}.work-grid a:hover img{filter:grayscale(0)}.work-grid span{display:flex;justify-content:space-between;gap:1rem;padding:1rem}.work-grid small{color:var(--red);font-weight:700;text-transform:uppercase}.process-list{margin:0;padding:0;list-style:none;border-top:1px solid #ffffff66}.process-list li{display:grid;grid-template-columns:5rem 1fr;gap:2rem;padding:1.5rem 0;border-bottom:1px solid #ffffff33}.process-list li>span{color:var(--red);font-weight:700}.process-list h3{margin:0 0 .35rem;font-size:1.25rem}.process-list p{max-width:50rem;margin:0;color:#b8b8b2}
.faq-list{border-top:1px solid var(--ink)}details{border-bottom:1px solid var(--line)}summary{position:relative;padding:1.2rem 2rem 1.2rem 0;cursor:pointer;font-weight:700;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:"+";position:absolute;right:.3rem;color:var(--red)}details[open] summary:after{content:"–"}details p{margin:0;padding:0 2rem 1.25rem 0;color:#53544f}.card-download{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(3rem,8vw,8rem);padding:clamp(5rem,9vw,9rem) clamp(1.25rem,7vw,7rem);background:#d8d7d1}.card-download h2{margin:1.5rem 0 2rem}.card-download>div>p:not(.section-number){max-width:35rem;color:#4c4d49;font-size:1.08rem}.card-links{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:2rem}.card-links a{padding:.75rem .9rem;border:1px solid var(--ink);font-size:.78rem;font-weight:700;text-decoration:none;text-transform:uppercase}.card-links a:hover{background:var(--ink);color:#fff}.card-preview{display:block;transform:rotate(1.6deg);transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 2rem 5rem #0003}.card-preview:hover{transform:rotate(0) translateY(-.4rem);box-shadow:0 2.5rem 6rem #0005}.card-preview img{display:block;width:100%}.contact{padding:clamp(5rem,10vw,10rem) clamp(1.25rem,8vw,8rem);background:var(--red);color:#fff;text-align:center}.contact h2{margin:1.5rem 0 2rem}.contact>p:not(.section-number){max-width:42rem;margin:0 auto;font-size:1.12rem}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:min(48rem,100%);margin:3rem auto 0;text-align:left}.contact label{display:grid;gap:.45rem;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.contact label.wide{grid-column:1/-1}.contact input,.contact select,.contact textarea{width:100%;min-height:3.3rem;border:1px solid #fff;border-radius:0;background:#fff;color:var(--ink);padding:.85rem;font:16px "DM Sans",Arial,sans-serif}.contact textarea{min-height:8rem;resize:vertical}.contact button{grid-column:1/-1;min-height:3.7rem;border:1px solid var(--ink);background:var(--ink);color:#fff;font:700 .8rem "DM Sans",Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.form-note{grid-column:1/-1;margin:0!important;font-size:.78rem!important}.direct-email{display:inline-block;margin-top:2.5rem;font-weight:700;overflow-wrap:anywhere;text-underline-offset:.35rem}footer{display:grid;grid-template-columns:.5fr 1.2fr .8fr;gap:3rem;align-items:start;padding:2.5rem clamp(1.25rem,5vw,5rem);background:var(--ink);color:#aaa;font-size:.82rem}footer p{margin:0}footer p:last-child{text-align:right}footer a{color:#fff}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #6ca7ff;outline-offset:4px}section[id]{scroll-margin-top:1rem}
@media(max-width:950px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.hero-footer,.ruled-section,.faq,.section-heading,.card-download{grid-template-columns:1fr}.plan-grid{grid-template-columns:1fr}.plan,.plan:nth-child(2n),.plan:nth-child(n+3){border-right:0;border-bottom:1px solid var(--ink)}.plan:last-child{border-bottom:0}.dash-content{grid-template-columns:1fr}.dash-stats{display:grid;grid-template-columns:repeat(3,1fr);border-right:0;border-bottom:1px solid var(--ink)}.work-grid{grid-template-columns:1fr 1fr}.work-grid a:first-child{grid-column:1/-1}.principles,.care-details{align-self:auto}.section-heading{align-items:start}.section-heading>p:last-child{max-width:42rem}.card-preview{max-width:48rem}}
@media(max-width:620px){.hero{min-height:auto}.hero h1{font-size:clamp(3rem,14vw,5rem)}.hero-footer{margin-top:4rem}.hero-actions{align-items:stretch;flex-direction:column}.button{min-width:0;width:100%}.work-grid{grid-template-columns:1fr}.work-grid a:first-child{grid-column:auto}.dash-stats{grid-template-columns:1fr}.lead-card{margin:1rem}.lead-card dl{grid-template-columns:1fr}.pipeline{display:grid}.contact form{grid-template-columns:1fr}.contact label.wide,.contact button,.form-note{grid-column:auto}footer{grid-template-columns:1fr;gap:1rem}footer p:last-child{text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.work-grid img{transition:none}.service-track,.signal-dot,.hero h1 em:after{animation:none}.hero h1 em:after{transform:scaleX(1)}}

/* Readable editorial layout and accessible motion controls. */
:root{--paper:#f5f3ee;--red:#b92825}
.hero h1 em{color:#f3f0e9}.hero .eyebrow{margin-bottom:3rem}
.hero h1{font-size:clamp(3rem,6.9vw,7.5rem);line-height:1.04}
.hero-footer{grid-template-columns:1fr 1fr;gap:2rem}.hero-actions{flex-wrap:wrap;justify-content:flex-end}
.hero{min-height:0;padding-bottom:4rem}.hero-footer{margin-top:3.5rem}
.ruled-section,.faq,.section-heading{grid-template-columns:minmax(8rem,.55fr) minmax(0,1.5fr) minmax(0,1fr);gap:clamp(1.5rem,3vw,3rem)}
h2{font-size:clamp(2.6rem,4.2vw,4.8rem);line-height:1.06;letter-spacing:-.045em}
.section-heading>.section-number,.ruled-section>.section-number,.faq>.section-number{align-self:start;padding-top:.5rem}
.section-number,.eyebrow,.site-header nav a,.header-cta,.plan-topline,.contact label,.card-links a,.form-note{font-size:.875rem!important}
.plan-summary{opacity:1}.plan{padding:clamp(1.5rem,2.5vw,2.5rem)}.plan li{font-size:1rem}
.plan-topline{min-height:3.5rem}.plan h3{line-height:1.2;min-height:3.2rem}
.plan>a{display:block;padding:1rem 0;border-top:1px solid currentColor;text-decoration:none}
.scope-note{max-width:66rem;color:#545454;font-size:.9rem;margin:1.5rem 0 0}
.work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.work-grid img{filter:none;width:100%;height:auto;object-fit:cover;background:#eee;aspect-ratio:3/2}.work-grid span{flex-wrap:wrap}.work-grid small{font-size:.8rem}
.project-links{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem}
.project-links a{display:flex;justify-content:space-between;gap:1rem;border-block:1px solid #bbb;padding:1rem 0;text-decoration:none}.project-links span{color:#666;font-size:.875rem}
.published-heading{display:grid;grid-template-columns:.5fr 1fr;gap:2rem;align-items:end;margin:4rem 0 1.25rem}.published-heading>p:last-child{max-width:40rem;margin:0;color:#555}
.published-sites{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--ink)}.published-sites a{display:grid;grid-template-rows:auto auto 1fr auto;gap:.8rem;min-height:22rem;padding:1rem;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);text-decoration:none;transition:background .2s,color .2s}.published-sites a:nth-child(3n){border-right:0}.published-sites a:nth-child(n+4){border-bottom:0}.published-sites a:hover{background:var(--ink);color:#fff}.published-sites .site-snapshot{position:relative;display:block;width:100%;aspect-ratio:16/10;overflow:hidden;border:1px solid #aaa;background:#e7e7e2;color:inherit}.published-sites .site-snapshot iframe{position:absolute;top:0;left:0;width:400%;height:400%;border:0;pointer-events:none;transform:scale(.25);transform-origin:top left}.published-sites .site-type{color:var(--red);font-size:.8rem;font-weight:700;text-transform:uppercase}.published-sites strong{font-size:1.35rem;line-height:1.15}.published-sites small{align-self:end;font-size:.8rem;font-weight:700;text-transform:uppercase}.published-sites a:hover .site-snapshot{border-color:#fff}
.dash-bar{flex-wrap:wrap;gap:.5rem;font-size:.875rem}.lead-card dt,.pipeline span,.dash-stats span{font-size:.875rem}.pipeline{gap:.3rem}
.service-rail{position:relative;padding-right:8.5rem}.service-track{gap:2rem;animation-duration:32s}.motion-toggle{position:absolute;right:0;top:0;bottom:0;z-index:1;background:var(--ink);color:white;padding:0 1rem;border:0;font:inherit;font-size:.875rem;cursor:pointer}
.motion-paused .service-track,.motion-paused .signal-dot{animation-play-state:paused}
.skip-link{position:fixed;top:-6rem;left:1rem;background:white;color:#111;padding:1rem;z-index:10}.skip-link:focus{top:1rem}
.card-download{background:#eee}.card-preview{transform:none}.card-preview img{aspect-ratio:16/9}
.legal{max-width:60rem;margin:auto;padding:4rem 1.5rem 6rem}.legal h1{font-size:clamp(2.5rem,6vw,5rem);line-height:1.1}.legal h2{font-size:1.6rem;margin-top:2rem}.legal p{line-height:1.75}.back-link{display:inline-block;margin-top:2rem}
body>header:not(.site-header){display:flex;justify-content:space-between;padding:1.5rem;background:var(--ink);color:white}
@media(max-width:1050px){.ruled-section,.faq,.section-heading{grid-template-columns:1fr 1fr}.ruled-section>.section-number,.faq>.section-number,.section-heading>.section-number{grid-column:1/-1}.hero-footer{grid-template-columns:1fr}.hero-actions{justify-content:flex-start}}
@media(max-width:950px){.plan-grid{grid-template-columns:1fr}.plan h3,.plan-summary,.plan-topline{min-height:0}.work-grid a:first-child{grid-column:auto}.site-header{padding-block:1rem;gap:1rem}.site-header nav{display:flex;grid-column:1/-1;grid-row:2;justify-content:space-between;border-top:1px solid #555;padding-top:1rem;gap:.5rem}.site-header nav a{letter-spacing:0}.project-links{grid-template-columns:1fr}.card-download{grid-template-columns:1fr}}
@media(max-width:620px){.ruled-section,.faq,.section-heading{grid-template-columns:1fr}.work-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(2.6rem,9.5vw,3.7rem)}.hero h1 br{display:none}.hero h1 em{display:block;margin:.15em 0}.hero h1 em:after{display:none}.process-list li{grid-template-columns:2rem 1fr;gap:1rem}.dash-stats{grid-template-columns:repeat(3,1fr)}.dash-stats p{flex-direction:column}.card-preview:hover{transform:none}.site-header nav a{font-size:.8rem!important}.service-track{font-size:1rem}}
@media(prefers-reduced-motion:reduce){.card-preview{transition:none}.card-preview:hover{transform:none}.service-track{animation:none}.service-rail{padding-right:0}.motion-toggle{display:none}}
.demo-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem;border-bottom:1px solid #aaa;background:#fff}
.demo-controls label{display:grid;gap:.4rem;font-weight:700;font-size:.875rem}.demo-controls select{font:inherit;font-size:1rem;border:1px solid #555;background:#fff;padding:.65rem;min-width:13rem}.demo-controls p{max-width:24rem;color:#666;font-size:.875rem;margin:0}
.pipeline button{padding:.75rem .8rem;border:1px solid #888;background:#fff;color:#111;font:inherit;font-size:.875rem;cursor:pointer}.pipeline button:hover{background:#eee}.pipeline button.active{background:var(--red);border-color:var(--red);color:#fff}
.demo-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.demo-actions button{padding:.9rem 1rem;background:#111;color:white;border:0;font:inherit;font-weight:700;cursor:pointer}.demo-actions p{margin:0;font-size:.875rem;max-width:20rem}.lead-card{min-height:26rem}
@media(max-width:620px){.demo-controls{align-items:stretch;flex-direction:column}.demo-controls select{width:100%}.pipeline{display:flex}.lead-card{min-height:0}}
.apps-section{padding:clamp(4rem,8vw,8rem) clamp(1.25rem,5vw,5rem);background:#f5f5f5}
.app-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--ink)}
.app-project{padding:clamp(1.5rem,3vw,3rem);background:#fff}.app-project+ .app-project{border-left:1px solid var(--ink)}
.app-status{font-size:.875rem;color:var(--red);font-weight:700;margin:0 0 2rem}.app-project h3{font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.04em;margin:0;line-height:1.1}
.app-subtitle{font-size:1.25rem;font-weight:500;margin:.75rem 0 1.5rem}.app-project>p:not(.app-status):not(.app-subtitle){color:#555;max-width:38rem}
.app-project details{margin-top:2rem;border-top:1px solid var(--line)}.app-project summary{min-height:3rem}
.app-live-link{display:inline-block;margin-top:1.2rem;padding:.85rem 1rem;background:var(--red);color:#fff;font-weight:700;text-decoration:none}
@media(max-width:900px){.published-sites{grid-template-columns:repeat(2,minmax(0,1fr))}.published-sites a,.published-sites a:nth-child(3n),.published-sites a:nth-child(n+4){border-right:1px solid var(--ink);border-bottom:1px solid var(--ink)}.published-sites a:nth-child(2n){border-right:0}.published-sites a:nth-child(n+5){border-bottom:0}}
@media(max-width:700px){.app-projects{grid-template-columns:1fr}.app-project+ .app-project{border-left:0;border-top:1px solid var(--ink)}}
@media(max-width:620px){.published-heading,.published-sites{grid-template-columns:1fr}.published-sites a{min-height:10rem;border-right:0!important;border-bottom:1px solid var(--ink)!important}.published-sites a:last-child{border-bottom:0!important}}
.growth-map{padding:clamp(5rem,9vw,9rem) clamp(1.25rem,5vw,5rem);background:#e8e8e3}.growth-workspace{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.growth-panel,.map-panel{min-width:0;padding:clamp(1.25rem,2.5vw,2.5rem);background:#fff;border:1px solid var(--ink)}.panel-heading{display:flex;justify-content:space-between;gap:1rem;padding-bottom:1.25rem;border-bottom:1px solid var(--ink)}.panel-heading h3{margin:.5rem 0 0;font-size:clamp(1.5rem,2.5vw,2.4rem);line-height:1.1}.panel-heading>span{align-self:start;color:#666;font-size:.75rem;font-weight:700;text-transform:uppercase}.growth-controls{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.25rem 0}.growth-controls button{border:1px solid #777;background:#fff;padding:.65rem .75rem;font:inherit;font-size:.82rem;font-weight:700;cursor:pointer}.growth-controls button[aria-pressed="true"]{background:var(--ink);color:#fff}.growth-chart{height:17rem;padding:1.5rem 1rem 1.8rem;border:1px solid #bbb;background:linear-gradient(to bottom,transparent 24%,#ddd 25%,transparent 26%,transparent 49%,#ddd 50%,transparent 51%,transparent 74%,#ddd 75%,transparent 76%)}.chart-bars{display:grid;grid-template-columns:repeat(6,1fr);align-items:end;height:100%;gap:clamp(.4rem,2vw,1rem)}.chart-column{display:flex;flex-direction:column;justify-content:flex-end;height:100%;gap:.35rem;text-align:center}.chart-column i{display:block;width:100%;height:var(--bar-height);min-height:.35rem;background:var(--red);transform-origin:bottom;animation:bar-rise .35s ease both}.chart-column span{min-height:2rem;font-size:.65rem;line-height:1.1;color:#555}.growth-reading,.map-detail{min-height:5.5rem;padding:1rem 0;border-bottom:1px solid #bbb}.growth-reading p,.map-detail p{margin:.3rem 0 0;color:#555}.map-intro{margin:1.25rem 0;color:#555}.map-intro strong{color:var(--ink)}.model-note{margin:1rem 0 0;color:#666;font-size:.78rem;line-height:1.55}@keyframes bar-rise{from{transform:scaleY(.05)}}
.working-map{position:relative;height:24rem;overflow:hidden;border:1px solid #aaa;background:linear-gradient(135deg,#f8f8f5,#dde7e7)}.map-route{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#7b9ea2;stroke-width:7;stroke-linecap:round;stroke-dasharray:10 12}.map-point{position:absolute;left:var(--x);top:var(--y);display:grid;place-items:center;transform:translate(-50%,-50%);border:0;background:transparent;cursor:pointer}.map-point span{display:grid;place-items:center;width:2.8rem;height:2.8rem;border-radius:50%;background:var(--red);color:#fff;font-weight:700;box-shadow:0 0 0 6px #fff}.map-point b{margin-top:.45rem;padding:.15rem .35rem;background:#fff;font-size:.75rem;white-space:nowrap;box-shadow:0 1px 5px #0002}.map-point:hover span,.map-point:focus-visible span{background:var(--ink);transform:scale(1.08)}.map-point[aria-pressed="true"] span{outline:4px solid var(--ink);outline-offset:4px}.map-detail{display:flex;align-items:center;gap:1rem}.map-detail .map-count{display:grid;place-items:center;flex:0 0 3.4rem;height:3.4rem;background:var(--ink);color:#fff;font-size:1.25rem;font-weight:700}.map-detail>div{min-width:0}.map-detail strong{font-size:1.15rem}
@media(max-width:950px){.growth-workspace{grid-template-columns:1fr}}
@media(max-width:620px){.panel-heading{display:grid}.growth-chart{height:15rem}.working-map{height:26rem}.map-point b{font-size:.68rem}.map-point span{width:2.45rem;height:2.45rem}}

/* Refined opening: concise navigation, steady type, and restrained accents. */
.site-header{max-width:none;min-height:5rem;padding-inline:clamp(1.25rem,5vw,5rem)}
.site-header nav a,.header-cta{font-size:.875rem!important;font-weight:500;letter-spacing:0;text-transform:none}
.header-cta{padding:.6rem .85rem;border:1px solid #656565;text-decoration:none}
.hero{padding-top:clamp(3.5rem,7vw,6rem);padding-bottom:clamp(3rem,6vw,5rem)}
.hero .eyebrow{font-size:.75rem!important;letter-spacing:.13em;margin-bottom:2.5rem}
.signal-dot{animation:none;width:.4rem;height:.4rem;box-shadow:none}
.hero h1{font-family:"DM Sans",Arial,sans-serif;font-size:clamp(3rem,6.7vw,6.6rem);line-height:1.08;letter-spacing:-.045em;font-weight:500;max-width:65rem}
.hero h1 span{color:#c7c5bf}
.hero-footer{display:block;margin-top:2rem}.hero-footer>p{max-width:40rem;font-size:1.125rem;line-height:1.65;color:#b8b8b4}
.hero-actions{justify-content:flex-start;gap:1.6rem;margin-top:2rem}.hero-actions .button{min-width:0;width:auto;display:inline-flex;gap:3rem;padding:.85rem 1.15rem;font-size:.95rem}.hero-actions .text-link{font-size:.95rem;text-decoration:none;color:#ddd}
.studio-services{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;background:#eeeae3;padding:1.35rem clamp(1.25rem,5vw,5rem);border-bottom:1px solid var(--line);font-size:.875rem}
.studio-services>span{color:#464642}.studio-services>a{font-weight:600;text-decoration:none;color:var(--red)}
@media(max-width:950px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.hero-footer{display:block}}
@media(max-width:620px){.hero h1{font-size:clamp(2.7rem,10vw,4rem);line-height:1.1}.hero h1 br{display:block}.hero-actions{flex-direction:row;flex-wrap:wrap;align-items:center;gap:1.1rem}.hero .eyebrow{font-size:.7rem!important;letter-spacing:.1em}.hero-footer>p{font-size:1rem}.studio-services{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;font-size:.8rem}.hero-actions .button{gap:1.8rem}.header-cta{font-size:.8rem!important}}