/* Bravon proposal: editorial photography, compact offer, preserved motion. */
:root{--ref-orange:#f2763d;--ref-dark:#111410;--ref-paper:#f2f0e7}
html{scroll-padding-top:100px}.proposal{background:var(--ref-dark)}.proposal .site-header{background:#10130fee;backdrop-filter:blur(18px)}.proposal .desktop-nav{gap:30px}.proposal .header-cta{font-size:11px;padding:17px 20px}.proposal h1,.proposal h2,.proposal h3{text-transform:none}.proposal .eyebrow{letter-spacing:.045em}.proposal .orange{color:var(--ref-orange)}.proposal .button{transition:background .2s,transform .2s}.proposal .button:hover{background:#ff9865;transform:translateY(-2px)}.proposal a:focus-visible,.proposal button:focus-visible,.proposal summary:focus-visible{outline:3px solid #ffad7f;outline-offset:5px}.proposal img{max-width:100%}.proposal .fine{font-size:13px;line-height:1.65;opacity:.74}.proposal .text-link{display:inline-flex;gap:25px;border-bottom:1px solid #918c7880;padding:12px 0;font-size:14px}.ref-hero{position:relative;isolation:isolate;overflow:clip;min-height:790px;background:#111410}.hero-image{position:absolute;right:0;top:0;width:52%;height:100%;z-index:-1}.hero-image img{height:100%;width:100%;object-fit:cover;object-position:56% center;filter:saturate(.62) brightness(.67)}.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#111410 0%,#111410cc 12%,transparent 55%),linear-gradient(0deg,#111410 0%,transparent 40%),linear-gradient(150deg,#633b1b55,transparent 55%)}.hero-content{padding-top:91px;padding-bottom:45px;position:relative}.ref-hero .eyebrow{color:#d6c6b2;margin-bottom:31px;font-size:11px}.ref-hero h1{font-size:clamp(60px,7.25vw,111px);line-height:1.025;letter-spacing:-.065em;font-weight:500;max-width:1000px;margin:0 0 29px}.ref-hero h1>span{color:var(--ref-orange)}.hero-lead{max-width:570px;color:#c5c6bd;font-size:18px;line-height:1.8}.ref-hero .hero-actions{margin-top:30px;gap:28px;justify-content:flex-start}.hero-proof{display:flex;align-items:center;gap:18px;font:10px/1.5 var(--mono);text-transform:uppercase;color:#b0afa1;margin-top:44px}.hero-proof i{width:3px;height:3px;background:var(--ref-orange)}.photo-index{position:absolute;z-index:2;right:32px;bottom:75px;display:flex;flex-direction:column;gap:12px;border-left:1px solid #edb68a;padding-left:20px}.photo-index span:first-child{font:9px/1.5 var(--mono);color:#d2c3b0}.photo-index span:last-child{font-size:20px;letter-spacing:-.025em}.ref-offer{padding:76px 0 0;background:#1b201a;border-top:1px solid #ffffff12}.offer-heading{display:grid;grid-template-columns:.7fr 1.4fr 1fr;gap:35px;align-items:start;margin-bottom:52px}.offer-heading .eyebrow{font-size:10px;color:#ebad81;margin-top:9px}.offer-heading h2{font-size:clamp(30px,3.3vw,49px);font-weight:500;line-height:1.14;letter-spacing:-.045em}.offer-heading>p:last-child{font-size:15px;line-height:1.75;color:#bcc0b2}.offer-lines{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}.offer-lines>a{position:relative;border-top:1px solid #7c806350;padding:23px 35px 38px 0}.offer-lines>a>span{font:10px/1.5 var(--mono);color:#f1ad83}.offer-lines h3{font-size:26px;line-height:1.2;letter-spacing:-.04em;margin:22px 0 15px;font-weight:500}.offer-lines p{font-size:14px;line-height:1.7;color:#b6bbaf;max-width:320px}.offer-lines b{position:absolute;right:0;top:22px;font-size:24px;font-weight:400;transition:transform .2s}.offer-lines a:hover b{transform:translate(3px,-3px);color:#f2763d}.offer-tail{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #7c806350;padding:23px 0;font:10px/1.5 var(--mono);color:#b6bbaf}.offer-tail a{color:#eee7d9}.ref-process{padding-top:90px;padding-bottom:90px;background:#e97038;color:#192016}.ref-process h2{font-size:clamp(38px,5vw,70px);line-height:1.07;letter-spacing:-.055em}.ref-process .process-grid h3{font-size:24px;font-weight:500}.ref-process .process-grid p{color:#29311f}.ref-example{background:#eae8dc;color:#20251d;padding:100px 0}.example-head{margin-bottom:52px}.example-head .eyebrow{font-size:10px;color:#6d6853}.example-head :is(h1,h2){font-size:clamp(36px,4.4vw,64px);font-weight:500;line-height:1.12;letter-spacing:-.055em}.example-head :is(h1,h2) span{color:#7d816f}.example-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:10%;align-items:start}.example-brief>div{display:grid;grid-template-columns:130px 1fr;gap:24px;padding:23px 0;border-top:1px solid #3a422d30}.example-brief span{font:10px/1.65 var(--mono);color:#615f4d}.example-brief p{font-size:15px;line-height:1.75;margin:0}.programme-output{position:relative;overflow:hidden;background:#181e17;border-radius:10px;margin:0;box-shadow:0 25px 70px #30342020}.output-bar{display:flex;justify-content:space-between;color:#d3d5c5;background:#262c21;padding:15px 22px;font:9px/1.6 var(--mono)}.programme-output>img{height:425px;width:100%;object-fit:cover;object-position:65% 33%;opacity:.65}.programme-output:after{content:"";position:absolute;left:0;right:0;top:42px;height:425px;background:linear-gradient(0deg,#10190ff0,transparent 90%);pointer-events:none}.output-copy{position:absolute;left:30px;bottom:88px;z-index:1;color:#fff9ea}.output-copy>span:first-child{font:9px/1.5 var(--mono);color:#d9ddb6}.output-copy h3{font-size:38px;font-weight:500;letter-spacing:-.04em;line-height:1.1;margin:15px 0}.output-copy p{font-size:13px;line-height:1.7}.output-action{display:block;border-top:1px solid #c6ceac60;padding-top:12px;margin-top:20px;font:10px/1.5 var(--mono)}.output-action b{padding-left:24px}.programme-output figcaption{padding:17px 22px;font-size:11px;line-height:1.6;color:#c3c6b4;position:relative;z-index:1}.ref-studio{padding:100px 0 75px;background:radial-gradient(ellipse at 70% 90%,#543520 0%,transparent 52%),#121610}.studio-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:12%;margin-bottom:50px;align-items:end}.studio-intro .eyebrow{font-size:10px;color:#e6a57b}.studio-intro h2{font-size:clamp(38px,4.7vw,66px);font-weight:500;line-height:1.08;letter-spacing:-.055em}.studio-intro h2 span{color:#bdc2ad}.studio-intro p{font-size:17px;line-height:1.8;color:#bfc4b3}.ref-workflow{background:#242b21;border:1px solid #8b8d7045;border-radius:14px;box-shadow:0 30px 80px #0004;overflow:hidden}.workflow-top{display:flex;align-items:center;gap:20px;padding:22px 28px;border-bottom:1px solid #8b8d7030;font:10px/1.5 var(--mono);color:#d6d4bc}.workflow-top img{width:90px;height:auto}.workflow-label{margin-left:auto;color:#a5ac99;font-size:8px}.workflow-body{display:grid;grid-template-columns:1fr 2.7fr;padding:38px;gap:35px}.workflow-rail{padding-top:12px;display:flex;flex-direction:column;gap:8px}.workflow-rail>span{padding:14px 12px;font:11px/1.5 var(--mono);color:#a4af98}.workflow-rail>span.selected{background:#65705145;color:#f2f1e5;border-left:2px solid #f2763d}.workflow-rail p{color:#a5af98;font-size:21px;line-height:1.4;letter-spacing:-.04em;margin:45px 12px 0}.workflow-document{background:#f0eee3;color:#252c20;border-radius:6px;padding:34px 42px}.document-kicker{font:9px/1.5 var(--mono);color:#676d5a}.workflow-document h3{font-size:37px;line-height:1.2;letter-spacing:-.045em;margin:22px 0}.coach-note{padding:18px 20px;border-left:2px solid #ba623c;background:#dedfce}.coach-note span{font:9px/1.5 var(--mono);color:#645f47}.coach-note p{font-size:14px;line-height:1.75;margin-top:10px}.draft-lines{margin:25px 0}.draft-lines i{display:block;background:#a6ad932d;height:5px;margin:9px 0;width:94%}.draft-lines i:last-child{width:60%}.workflow-bottom{display:flex;justify-content:space-between;gap:20px;font:10px/1.5 var(--mono);border-top:1px solid #a6ad9345;padding-top:17px}.studio-footnote{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:28px}.studio-footnote span{font:9px/1.5 var(--mono);color:#dcb394}.studio-footnote p{font-size:13px;color:#b7bcab}.ref-support{display:grid;grid-template-columns:1fr 1fr;background:#292d23}.support-image{position:relative;min-height:710px}.support-image>img{width:100%;height:100%;object-fit:cover;object-position:49% center;filter:brightness(.63) saturate(.58);position:absolute;inset:0}.support-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#111c11d9,transparent 80%)}.support-caption{position:absolute;bottom:55px;left:8%;right:8%;z-index:1}.support-caption span{font:10px/1.5 var(--mono);color:#dcd4b5}.support-caption strong{display:block;font-size:clamp(28px,3.2vw,46px);line-height:1.13;letter-spacing:-.05em;font-weight:500;margin-top:22px}.support-editorial{padding:74px 10%}.support-editorial .eyebrow{font-size:10px;color:#e8b38b}.support-editorial h2{font-size:clamp(32px,3.3vw,48px);line-height:1.12;letter-spacing:-.05em;font-weight:500}.support-editorial>p{font-size:15px;line-height:1.8;color:#c4c8b7;margin:24px 0}.support-detail{display:flex;gap:23px;border-top:1px solid #8a927750;padding:21px 0}.support-detail>span{font:10px/1.6 var(--mono);color:#efad80}.support-detail h3{font-size:19px;font-weight:500}.support-detail p{font-size:13px;line-height:1.75;color:#b9c1a8;margin-top:8px}.support-editorial .support-inclusion{font-size:12px;line-height:1.8}.support-inclusion strong{color:#f5ddc3;font-weight:500}.ref-close{padding:100px 0}.ref-close>.container{display:grid;grid-template-columns:1.3fr 1fr;gap:35px 10%;align-items:end}.ref-close .eyebrow{grid-column:1/-1;font-size:10px;color:#c9b096}.ref-close h2{font-size:clamp(44px,6vw,86px);font-weight:500;letter-spacing:-.06em;line-height:1.03}.ref-close>.container>div p{font-size:17px;line-height:1.8;color:#c8c6b8;margin-bottom:30px;max-width:450px}.proposal .faq-section{background:#eae8dc}.proposal .partners-section{background:#141a12}.ref-package{padding:70px 0;background:#dc6c37;color:#172014}.ref-package>.container{display:grid;grid-template-columns:1fr 1fr;gap:10%}.ref-package h2{font-size:clamp(32px,3.7vw,52px);line-height:1.13;letter-spacing:-.05em;font-weight:500}.ref-package .eyebrow{font-size:10px}.package-price strong{font-size:66px;font-weight:500;letter-spacing:-.06em;line-height:1}.package-price strong span{font-size:18px;letter-spacing:-.02em}.package-price>p{font-size:15px;line-height:1.7;margin-top:18px}.ref-package .button{background:#20291c;color:#f2efde;margin-top:15px}.ref-selected{padding:90px 0;background:#272e22;color:#f0eee1}.ref-selected>.container{display:grid;grid-template-columns:.75fr 1.25fr;gap:8%;align-items:center}.ref-selected h2{font-size:clamp(34px,3.7vw,53px);font-weight:500;line-height:1.12;letter-spacing:-.05em}.ref-selected p{font-size:16px;line-height:1.75;color:#bdc3af;margin:25px 0}.ref-selected .eyebrow{font-size:10px;color:#e0af89}.ref-selected figure{margin:0}.ref-selected img{display:block;max-height:430px;object-fit:cover;object-position:top;width:100%;border:1px solid #d2d5bd30;box-shadow:0 30px 50px #0004}.ref-selected figcaption{font:10px/1.6 var(--mono);color:#b5bda6;margin-top:19px}.workflow-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;list-style:none;margin:40px 0 0;padding:0}.workflow-steps li{border-top:1px solid #79876560;padding-top:20px}.workflow-steps span{font:10px/1.5 var(--mono);color:#dfb191}.workflow-steps p{font-size:14px;line-height:1.8;color:#b6c0a8;margin-top:12px}.ref-campaign{padding:100px 0;background:#e9e7db;color:#242c1e}.ref-campaign>.container{display:grid;grid-template-columns:1fr 1.1fr;gap:10%;align-items:center}.ref-campaign h2{font-size:clamp(40px,4.4vw,65px);letter-spacing:-.05em;line-height:1.08;font-weight:500}.ref-campaign .eyebrow{font-size:10px}.ref-campaign p{font-size:16px;line-height:1.8;margin-top:23px}.campaign-example{height:560px;position:relative;background:#263426;border-radius:8px;overflow:hidden;box-shadow:0 25px 60px #3b402326}.campaign-example img{position:absolute;width:100%;height:100%;object-fit:cover;filter:brightness(.52) saturate(.55)}.campaign-example:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#122214f5,transparent)}.campaign-example>div{position:absolute;z-index:1;bottom:30px;left:30px;right:30px;color:#fbf7e8}.campaign-example span{font:9px/1.5 var(--mono);color:#d5dfbe}.campaign-example h3{font-size:45px;line-height:1.1;font-weight:500;letter-spacing:-.05em;margin-top:23px}.campaign-example p{font-size:15px}.campaign-next{display:block;padding-top:15px;border-top:1px solid #dde4c750;margin-top:28px}.ref-future{padding:75px 0;background:#deded0;color:#28311f}.ref-future>.container{display:grid;grid-template-columns:1fr 1fr;gap:30px 10%}.ref-future .eyebrow{grid-column:1/-1;font-size:10px}.ref-future h2{font-size:45px;line-height:1.14;font-weight:500;letter-spacing:-.05em}.ref-future p{font-size:15px;line-height:1.8;margin-bottom:15px}.proposal .contact-intro h1{font-size:clamp(50px,6vw,85px);line-height:1.06;letter-spacing:-.055em}.form-status{font-size:12px!important;line-height:1.6;color:#666e5f}.form-status.loaded{display:none}.proposal .studio-next-example{font-size:9px}.proposal .studio-next-action{color:#141911;text-decoration:none}.proposal .journey-plan-explainer{font-size:13px}.proposal .intelligence-card h3{font-size:27px}.proposal .intelligence-card p{line-height:1.55}.proposal .intelligence-evidence{font-size:11px}.proposal .roadmap-story-facts{padding-bottom:30px}.proposal .roadmap-story-text [data-story-part]{text-transform:none}
@media(min-width:1440px){.hero-content{padding-top:110px}.ref-hero{min-height:870px}}
@media(max-width:1100px){.proposal .desktop-nav{gap:18px}.proposal .header-cta{padding:15px;font-size:10px}.photo-index{display:none}.ref-hero{min-height:755px}.hero-image{width:58%}.offer-heading{grid-template-columns:1fr 2fr}.offer-heading>p:last-child{grid-column:2}.offer-lines{gap:25px}.offer-lines h3{font-size:23px}.example-layout{gap:6%;grid-template-columns:1fr 1fr}.example-brief>div{grid-template-columns:1fr;gap:8px}.workflow-body{padding:25px;gap:20px}.workflow-document{padding:30px}.support-editorial{padding:55px 8%}.ref-support .button{font-size:11px;padding:17px}.proposal .journey-plan-explainer{font-size:12px}.proposal .studio-next-example{font-size:8px}}
@media(max-width:760px){html{scroll-padding-top:77px}.ref-hero{min-height:0}.hero-content{padding-top:65px;padding-bottom:45px}.ref-hero h1{font-size:clamp(47px,8.5vw,68px)}.hero-image{width:100%;height:560px;opacity:.58}.hero-image:after{background:linear-gradient(90deg,#111410d9,transparent),linear-gradient(0deg,#111410 0%,transparent 90%)}.hero-lead{max-width:540px;font-size:16px}.ref-hero .hero-actions{flex-wrap:wrap;gap:22px}.hero-proof{margin-top:34px;gap:12px;font-size:8px}.offer-heading{display:block;margin-bottom:32px}.offer-heading h2{margin:23px 0;font-size:36px}.offer-heading>p:last-child{font-size:14px}.ref-offer{padding-top:50px}.offer-lines{grid-template-columns:1fr;gap:0}.offer-lines>a{display:grid;grid-template-columns:1fr 1fr;gap:12px 25px;padding:23px 30px 25px 0}.offer-lines>a>span{grid-column:1/-1}.offer-lines h3{margin:0;font-size:24px}.offer-lines p{font-size:13px}.offer-tail{font-size:9px;flex-direction:column;gap:12px}.ref-process{padding:60px 0}.ref-process h2{font-size:42px}.ref-example{padding:65px 0}.example-head :is(h1,h2){font-size:39px}.example-layout{grid-template-columns:1fr;gap:35px}.example-brief>div{grid-template-columns:120px 1fr;gap:20px}.example-brief p{font-size:14px}.programme-output>img{height:430px}.programme-output:after{height:430px}.ref-studio{padding:65px 0 45px}.studio-intro{grid-template-columns:1fr;gap:25px;margin-bottom:33px}.studio-intro h2{font-size:43px}.studio-intro p{font-size:15px}.workflow-body{grid-template-columns:1fr;padding:18px}.workflow-rail{flex-direction:row;gap:0;padding:0}.workflow-rail>span{font-size:8px;padding:10px;flex:1}.workflow-rail p{display:none}.workflow-top{padding:18px;gap:12px;flex-wrap:wrap;font-size:8px}.workflow-top img{width:75px}.workflow-label{font-size:7px}.workflow-document{padding:26px}.workflow-document h3{font-size:30px}.coach-note{padding:15px}.coach-note p{font-size:13px}.studio-footnote{display:block}.studio-footnote p{margin-top:12px;font-size:12px}.ref-support{grid-template-columns:1fr}.support-image{min-height:440px}.support-image>img{object-position:center 35%}.support-editorial{padding:50px 32px}.support-editorial h2{font-size:40px}.support-caption{bottom:36px}.support-caption strong{font-size:36px}.ref-close{padding:70px 0}.ref-close>.container{grid-template-columns:1fr;gap:25px}.ref-close h2{font-size:59px}.ref-close>.container>div p{font-size:16px}.ref-package>.container{grid-template-columns:1fr;gap:35px}.package-price strong{font-size:61px}.ref-selected{padding:65px 0}.ref-selected>.container{grid-template-columns:1fr;gap:28px}.ref-selected img{max-height:390px}.workflow-steps{grid-template-columns:1fr;gap:20px}.ref-campaign{padding:65px 0}.ref-campaign>.container{grid-template-columns:1fr;gap:35px}.campaign-example{height:530px}.ref-future>.container{grid-template-columns:1fr}.ref-future h2{font-size:40px}.ref-future{padding:60px 0}.proposal .studio-next-example{font-size:7px;max-width:112px;text-align:right;line-height:1.5}.proposal .journey-plan-explainer{font-size:13px}.proposal .intelligence-card h3{font-size:27px}.proposal .contact-intro h1{font-size:61px}}
@media(max-width:400px){.ref-hero h1{font-size:clamp(40px,10.8vw,46px)}.hero-content{padding-top:45px}.ref-hero .hero-actions{gap:21px}.hero-proof{flex-wrap:wrap;font-size:8px}.hero-lead{font-size:15px}.offer-heading h2{font-size:32px}.offer-lines>a{grid-template-columns:1fr;gap:12px;padding-right:20px}.offer-lines h3 br{display:none}.offer-lines h3{font-size:23px}.example-head :is(h1,h2){font-size:33px}.example-brief>div{grid-template-columns:1fr;gap:7px}.output-copy{left:22px;right:18px;bottom:99px}.output-copy h3{font-size:31px}.workflow-label{margin-left:0;flex-basis:100%}.workflow-document{padding:20px}.workflow-document h3{font-size:26px}.workflow-rail>span{font-size:7px;padding:8px}.support-editorial{padding-left:24px;padding-right:24px}.support-editorial h2{font-size:35px}.ref-close h2{font-size:49px}.ref-process h2{font-size:36px}.studio-intro h2{font-size:37px}.campaign-example h3{font-size:37px}.ref-future h2{font-size:35px}.proposal .contact-intro h1{font-size:50px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.proposal *, .proposal *:before,.proposal *:after{animation:none!important;transition:none!important}}
/* Explicit hero geometry avoids inherited photographic-hero inset rules. */
.ref-hero .hero-image{left:auto;bottom:0}.ref-hero .hero-content{padding-top:176px}.ref-hero{min-height:875px}.ref-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:url('/assets/grain.svg');opacity:.14;pointer-events:none}.ref-hero .hero-image img{object-position:58% center}
@media(min-width:1440px){.ref-hero .hero-content{padding-top:180px}.ref-hero{min-height:935px}}
@media(max-width:760px){.ref-hero .hero-content{padding-top:128px}.ref-hero{min-height:0}.ref-hero .hero-image{height:100%;width:100%;left:0}.ref-hero .hero-image img{object-position:60% center}}
@media(max-width:400px){.ref-hero .hero-content{padding-top:118px}}
@media(min-width:761px) and (max-width:1439px){.ref-hero .hero-content{padding-top:150px}.ref-hero h1{font-size:6.9vw}.ref-hero .hero-lead{line-height:1.65}.ref-hero .hero-actions{margin-top:25px}.ref-hero{min-height:805px}}
@media(max-width:440px){.proposal .header-cta{display:none}.proposal .menu-toggle{margin-left:auto}}
.contact-form-panel iframe[hidden]{display:none}.proposal .contact-form-panel .form-fallback{padding:14px 0;border-top:1px solid #d9ddcf;border-bottom:1px solid #d9ddcf;margin-top:20px}.proposal .form-status{padding:10px 0}
.ref-process .process-grid>li{background:transparent}.ref-process .process-grid p{color:#192016}
/* Owner feedback, 24 September: original graphic hero and editorial uppercase. */
.proposal.page-home .orange{color:var(--orange)}
.page-home .graphic-hero h1{font-size:clamp(2.8rem,4.45vw,5rem);line-height:1.06;letter-spacing:-.055em;font-weight:700;text-transform:uppercase}
.page-home .graphic-hero h1 .orange{display:block}
.page-home .ref-offer{background:#171b15;padding-top:85px}
.page-home .offer-heading{grid-template-columns:1.3fr 1fr;gap:12%;align-items:end}
.page-home .offer-heading h2{font-size:clamp(34px,4.1vw,60px);font-weight:700;letter-spacing:-.045em;text-transform:uppercase}
.page-home .offer-heading>p:last-child{grid-column:auto;margin-bottom:5px}
.page-home .offer-lines{gap:35px;margin-top:62px}
.page-home .offer-lines>a{padding:30px 24px 36px;isolation:isolate;border:1px solid #ffffff24;background:linear-gradient(135deg,#34372750,transparent 70%);transition:background .2s,border-color .2s}
.page-home .offer-lines>a:hover{background:#32372a;border-color:#ee6b30}
.offer-icon{width:84px;height:84px;display:grid;place-items:center;background:linear-gradient(140deg,#eaa47728,#ed591e08);border:1px solid #e8b18360;border-radius:18px;margin:0 0 30px;box-shadow:0 16px 40px #0002}
.offer-icon svg{width:49px;height:49px;stroke:#f1e1c9;stroke-width:1.3;stroke-linejoin:round;stroke-linecap:round}
.page-home .offer-lines>a>span{font-size:11px;color:#e8b58e}
.page-home .offer-lines h3{font-size:clamp(21px,2.1vw,30px);font-weight:700;line-height:1.12;text-transform:uppercase}
.page-home .offer-lines b{right:24px;top:35px}.page-home .offer-tail{margin-top:38px}
.page-home .ref-process{background:var(--orange)}
.page-home .ref-process h2,.page-home .support-editorial h2,.page-home .support-caption strong,.page-home .faq-section h2{text-transform:uppercase;font-weight:700;letter-spacing:-.045em}
.page-home .ref-process .process-grid h3,.page-home .support-detail h3{text-transform:uppercase;font-weight:700;font-size:22px}
.page-home .support-editorial h2{font-size:clamp(30px,3.25vw,46px)}
.page-home .support-caption strong{font-size:clamp(29px,3.1vw,44px)}
.page-home .start-section h2{text-transform:uppercase}
.studio-opening{background:var(--orange);color:var(--ink);padding:94px 0 0}
.studio-opening .studio-heading{padding:70px 0 80px;margin:0 auto;background-size:80px 80px}
.studio-opening .studio-message{padding:32px 30px;background:var(--orange);width:min(1050px,90%)}
.studio-opening h1{font-size:clamp(43px,6.2vw,90px);line-height:1.06;letter-spacing:-.05em;font-weight:700;text-transform:uppercase}
.studio-opening .studio-message>p:not(.eyebrow){max-width:630px;font-size:19px;color:#1c2318}
.studio-opening .button{background:var(--ink);color:var(--paper)}
.studio-opening .button>span{border-color:#ffffff50}
.page-examples\/beginners .ref-example{padding-top:155px}
@media(max-width:1100px){.page-home .offer-lines{gap:20px}.page-home .offer-lines>a{padding:24px 20px}.page-home .offer-lines b{right:20px;top:28px}.page-home .graphic-hero h1{font-size:4.45vw}}
@media(max-width:800px){.page-home .graphic-hero h1{font-size:clamp(2.65rem,7.8vw,4.4rem)}.studio-opening{padding-top:80px}}
@media(max-width:760px){.page-home .offer-heading{display:block}.page-home .offer-heading h2{font-size:38px}.page-home .offer-heading>p:last-child{margin-top:25px}.page-home .offer-lines{grid-template-columns:1fr;margin-top:36px;gap:18px}.page-home .offer-lines>a{display:block;padding:26px}.offer-icon{width:72px;height:72px;margin-bottom:26px}.offer-icon svg{width:42px;height:42px}.page-home .offer-lines h3{font-size:27px;margin:19px 0 15px}.page-home .offer-lines p{max-width:none;font-size:15px}.page-home .offer-lines b{right:26px;top:28px}.page-home .ref-offer{padding-top:55px}.page-home .support-editorial h2{font-size:37px}.studio-opening .studio-heading{padding:50px 0}.studio-opening .studio-message{width:100%;padding:25px 8px}.studio-opening h1{font-size:clamp(38px,8.4vw,61px)}.studio-opening .studio-message>p:not(.eyebrow){font-size:16px}.page-home .ref-process .process-grid h3{font-size:23px}}
@media(max-width:400px){.page-home .graphic-hero h1{font-size:clamp(32px,9.2vw,37px)}.page-home .offer-heading h2{font-size:32px}.page-home .offer-lines h3{font-size:25px}.page-home .support-editorial h2{font-size:32px}.page-home .support-caption strong{font-size:31px}}

/* Owner feedback round 2: stronger headline, clear service names, simpler support. */
.page-home .graphic-hero h1{font-size:clamp(54px,6.05vw,96px);line-height:.99;letter-spacing:-.055em;font-weight:700;-webkit-text-stroke:.45px currentColor}
.page-home .offer-lines h3{font-size:clamp(25px,2.55vw,37px);margin-top:0}
.page-home .offer-lines>a{display:flex;flex-direction:column;align-items:flex-start}
.page-home .offer-lines p{margin-bottom:28px}
.page-home .offer-lines>a>.offer-destination{margin-top:auto;padding-top:18px;border-top:1px solid #ffffff24;width:100%;color:#f2e8d9;font:11px/1.5 var(--mono);text-transform:uppercase}
.page-home .ref-support,.page-home .support-editorial{background:#10150f}
.page-home .ref-support,.page-home .support-image,.page-home .support-image>img,.page-home .support-image:after{border-radius:0;border:0}
:is(.page-home,.page-websites) .partners-section{border-top:0}
.page-home .support-detail{display:block}
/* Reuse the original homepage's four illustrations and sticky-left scroll layout. */
.page-studio .studio-tool-scroll{background:#f7f7f2;color:var(--ink);padding:85px 0 80px}
.page-studio .studio-tool-scroll .service-scroll-layout{margin-top:0}
.page-studio .studio-tool-scroll .service-story h2{font-size:clamp(32px,3.6vw,56px);line-height:1.05;letter-spacing:-.05em;margin-bottom:28px;text-transform:uppercase}
.page-studio .studio-tool-scroll .service-story{scroll-margin-top:115px}
.page-studio .studio-tool-scroll .story-copy{font-size:17px;line-height:1.8}
.page-studio .studio-tool-note{font:12px/1.65 var(--mono);color:#616355;margin-top:25px;max-width:440px}
.page-studio .studio-scene-note{position:absolute;z-index:5;bottom:18px;left:22px;font:9px/1.4 var(--mono);text-transform:uppercase;color:#fff9ed;text-shadow:0 1px 5px #000}
.page-studio .scene-studio-pulse .studio-scene-note{color:#fff9ed}
@media(max-width:1100px) and (min-width:801px){.page-home .graphic-hero h1{font-size:5.65vw}.page-home .offer-lines h3{font-size:27px}}
@media(max-width:800px){.page-home .graphic-hero h1{font-size:clamp(45px,10.5vw,76px);line-height:1.01}.page-studio .studio-tool-scroll{padding:45px 0 65px}.page-studio .scene-content{grid-row:1}.page-studio .scene-visibility{grid-row:3}.page-studio .scene-websites{grid-row:5}.page-studio .scene-followup{grid-row:7}.page-studio #create{grid-row:2}.page-studio #seo-tools{grid-row:4}.page-studio #campaign-pages{grid-row:6}.page-studio #enquiries{grid-row:8}.page-studio .studio-tool-scroll .service-story h2{font-size:clamp(33px,7vw,50px)}.page-studio .studio-tool-scroll .story-copy{font-size:16px}.page-studio .studio-tool-scroll .service-story{scroll-margin-top:95px}}
@media(max-width:400px){.page-home .graphic-hero h1{font-size:10.5vw}.page-home .offer-lines h3{font-size:29px}}

/* Owner feedback round 3: less annotation, clearer managed-delivery story. */
.page-home .node-websites{--phase:-90deg}.page-home .node-studio{--phase:30deg}.page-home .node-followup{--phase:150deg}
.page-home .growth-graphic .graphic-label{line-height:1.35}
.page-home .offer-heading>p:last-child{font-size:clamp(18px,1.9vw,26px);line-height:1.55;color:#e2e4dc;letter-spacing:-.02em}
.page-home .offer-tail{justify-content:flex-end}
.page-home .journey-toolbar{justify-content:flex-end}
.page-home .roadmap-process-card .intelligence-card-top{margin:0;position:absolute;top:22px;right:23px}
.page-home .roadmap-card-icon{width:76px;height:76px;display:grid;place-items:center;margin:2px 0 24px;background:#13201409;border:1px solid currentColor;border-radius:18px;flex:none}
.page-home .roadmap-card-icon svg{width:51px;height:51px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.page-home .intelligence-card-4 .roadmap-card-icon{background:#fff8ed0a}
.page-home .roadmap-process-card h3{font-size:27px;line-height:1.09;margin-bottom:14px}
.page-home .roadmap-process-card>p{font-size:15px;line-height:1.55;margin-bottom:0}
.page-home .journey-plan-explainer{font-size:15px;max-width:760px;line-height:1.6}
@media(min-width:700px) and (max-height:800px){.page-home .journey-animated .roadmap-card-icon{width:65px;height:65px;margin-bottom:20px}.page-home .journey-animated .roadmap-card-icon svg{width:44px;height:44px}.page-home .journey-animated .roadmap-process-card h3{font-size:26px}.page-home .journey-animated .roadmap-process-card>p{font-size:14px}.page-home .journey-animated .journey-plan-explainer{font-size:14px;line-height:1.5;margin-top:16px}}
@media(max-width:800px){.page-home .offer-heading>p:last-child{font-size:21px}.page-home .roadmap-process-card{min-height:320px}.page-home .roadmap-process-card h3{font-size:30px}.page-home .roadmap-process-card>p{font-size:16px}.page-home .roadmap-card-icon{margin-bottom:25px}.page-home .journey-plan-explainer{font-size:16px;text-wrap:pretty}.page-home .journey-toolbar>div{gap:20px}}
@media(max-width:400px){.page-home .offer-heading>p:last-child{font-size:20px}.page-home .growth-graphic.orbit-ready .graphic-label{font-size:10px}.page-home .roadmap-process-card h3{font-size:28px}}

/* Owner feedback round 4: clearer entry points, more presence and breathing room. */
.page-home .node-websites{--phase:-135deg}.page-home .node-search{--phase:-45deg}.page-home .node-followup{--phase:45deg}.page-home .node-studio{--phase:135deg}
.page-home .journey-arrow{display:block;margin-top:30px}.page-home .journey-arrow>span{margin-top:0;font-size:32px}
.page-home .intelligence-card-1{background:linear-gradient(135deg,#fff8eb,#d6dfc9)}
.page-home .intelligence-card-2{background:linear-gradient(135deg,#ff8643,#ed591e)}
.page-home .intelligence-card-3{background:linear-gradient(135deg,#edf4d9,#b6cf93)}
.page-home .intelligence-card-4{background:linear-gradient(135deg,#405e40,#152d21)}
.page-home .intelligence-card-5{background:linear-gradient(135deg,#fff0d6,#dfbd86)}
.page-home .roadmap-process-card{border-color:#ffffff70;box-shadow:0 24px 60px #0005,inset 0 1px 0 #ffffff70}
.page-home .roadmap-card-icon{background:#fff8e52b;box-shadow:inset 0 1px 0 #ffffff65,0 8px 20px #16231312}
.page-home .intelligence-card-4 .roadmap-card-icon{background:#ffffff14}
.page-home .journey-converge h2 span,.page-home .journey-spark{color:var(--orange)}
.page-home .journey-plan-title{margin-bottom:0}
.page-home .journey-plan-explainer{margin:20px auto 32px;max-width:720px}
.page-home .support-detail p,.page-home .support-editorial>p:not(.support-inclusion){font-size:16px;line-height:1.75;color:#d7dccf}
.ref-freedom{position:relative;isolation:isolate;min-height:640px;display:flex;align-items:center;overflow:hidden;background:#151912}
.ref-freedom>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 52%;z-index:-2}
.ref-freedom:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0c120dec 0%,#0c120da0 30%,#0c120d12 65%),linear-gradient(0deg,#10150f66,transparent 40%)}
.ref-freedom>.container{padding-block:90px}
.ref-freedom h2{max-width:660px;font-size:clamp(42px,5.1vw,78px);font-weight:700;line-height:1.03;letter-spacing:-.05em;text-transform:uppercase;color:#fff9ef}
.ref-freedom p{max-width:400px;margin-top:30px;font-size:18px;line-height:1.65;color:#f1eee5}
.page-websites .ref-selected{background:#f7f7f2;color:var(--ink)}
.page-websites .ref-selected p{color:#4a5145}.page-websites .ref-selected .eyebrow{color:#a94018}.page-websites .ref-selected figcaption{color:#59604f}
.page-websites .ref-selected h2{text-transform:uppercase;font-weight:700}
.page-websites .ref-selected img{border-radius:18px;border:1px solid #1a21151a;box-shadow:0 24px 55px #20291a20}
.page-websites .ref-selected figure>a{display:block;border-radius:18px}
.page-contact .contact-page{background:radial-gradient(ellipse at 88% 28%,#91462255,transparent 46%),radial-gradient(ellipse at 46% 80%,#76806424,transparent 60%),#10150f}
.page-contact :is(h1,h2){text-transform:uppercase}.page-contact .orange{color:var(--orange)}
.page-contact .contact-form-panel{position:relative;background:linear-gradient(145deg,#ffffff16,#ffffff05);color:#fff9ef;border:1px solid #f7dfbf50;border-radius:24px;backdrop-filter:blur(22px);box-shadow:inset 0 1px 0 #ffffff30,0 30px 80px #0003;padding:36px 30px 28px}
.page-contact .contact-form-panel>p{color:#d9dfd1;font-size:16px;line-height:1.7}
.page-contact .contact-form-panel .form-fallback{font-size:14px;border-color:#e4d9c833}
.page-contact .contact-form-panel .form-status{font-size:14px!important;color:#c9d0c0}
.page-contact .contact-form-panel a{color:#fff0d8;text-decoration-thickness:1px}
.page-contact .contact-form-panel iframe{border-radius:12px;background:#fff;box-shadow:0 8px 30px #0002}
@media(min-width:700px) and (max-height:800px){.page-home .journey-animated .journey-plan-title{margin-bottom:0}.page-home .journey-animated .journey-plan-explainer{margin:18px auto 26px;font-size:14px;line-height:1.5}}
@media(max-width:800px){.ref-freedom{min-height:590px;align-items:flex-end}.ref-freedom>.container{padding-block:55px}.ref-freedom:after{background:linear-gradient(0deg,#0c120df5 0%,#0c120da0 38%,#0c120d08 75%)}.ref-freedom h2{font-size:clamp(42px,8vw,62px);max-width:570px}.ref-freedom p{font-size:16px;margin-top:23px}.ref-freedom>img{object-position:55% center}.page-home .journey-plan-explainer{margin:24px auto 34px}.page-contact .contact-form-panel{padding:30px 24px 24px}}
@media(max-width:400px){.ref-freedom h2{font-size:39px}.page-contact .contact-form-panel{padding:27px 14px 20px;border-radius:20px}.page-contact .contact-form-panel>h2{font-size:29px}}
/* Unioned Manrope R removes the font's internal contour crossover. */
.intelligence-intro-copy h2 .intelligence-clean-r{display:inline-block;width:.66em;height:.8em;vertical-align:-.05em;margin-right:-.05em;overflow:visible;-webkit-text-stroke:0}
.intelligence-clean-r path{fill:rgba(255,249,239,var(--intelligence-fill,1));stroke:#fff9efc7;stroke-width:1px;vector-effect:non-scaling-stroke;stroke-linejoin:round}
@media(max-width:700px){.intelligence-intro-copy h2 .intelligence-clean-r{margin-right:-.055em}.intelligence-clean-r path{stroke-width:.65px}}
@media(min-width:801px){.ref-freedom h2{font-size:clamp(42px,4.6vw,72px)}}
/* Keep the priority preview clear of the fixed stage rail on short screens. */
@media(min-width:700px) and (max-height:800px){.page-home .journey-animated .studio-next-guide{padding-top:14px;padding-bottom:14px}}
.page-websites .ref-selected img{height:auto}

/* Feedback round 5: quieter emphasis and generous editorial spacing. */
.page-home .journey-converge h2 span,.page-home .journey-spark{color:#f18a54}
.page-home .journey-plan-explainer{font-size:20px;line-height:1.55;max-width:720px;margin:24px auto 34px}
.page-home .ref-support{padding:38px;gap:0;background:#10150f}
.page-home .support-image{overflow:hidden;min-height:630px}
.page-home .support-image>img{filter:brightness(.73) saturate(.45)}
.page-home .support-image:after{background:linear-gradient(0deg,#080909ed,transparent 85%)}
.page-home .support-editorial{padding:48px 8%}
:is(.page-home,.page-websites) .partners-section{padding-block:120px}
:is(.page-home,.page-websites) .partner-portrait-link>.partner-organisation{min-height:3em;margin-bottom:18px;font-size:13px}
:is(.page-home,.page-websites) .partner-detail h3{margin-top:0}
.page-websites .ref-selected h2{font-size:clamp(2.8rem,4.5vw,4.6rem);font-weight:700;line-height:1.08;letter-spacing:-.04em}
.page-websites .ref-selected>.container{grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:6%}
.selected-live-preview{position:relative;aspect-ratio:1440/1000;overflow:hidden;border-radius:18px;background:#181817;box-shadow:0 24px 55px #20291a20}
.page-websites .ref-selected .selected-live-preview>img{display:block;width:100%;height:100%;max-height:none;object-fit:contain;border:0;border-radius:0;box-shadow:none}
.page-websites .ref-selected figcaption{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.preview-toggle{font:11px/1.4 var(--mono);padding:10px 12px;border:1px solid #3336;border-radius:6px;background:transparent;color:#273020;cursor:pointer}
@media(min-width:700px) and (max-height:800px){.page-home .journey-animated .journey-plan-explainer{font-size:19px;line-height:1.5;margin:22px auto 30px}}
@media(max-width:850px){.page-websites .ref-selected>.container{grid-template-columns:1fr;gap:36px}.page-websites .ref-selected h2{font-size:clamp(2.6rem,7vw,4.3rem)}}
@media(max-width:760px){.page-home .ref-support{padding:24px 20px}.page-home .support-image{min-height:440px}.page-home .support-editorial{padding:42px 4px 16px}:is(.page-home,.page-websites) .partners-section{padding-block:78px}.page-home .journey-plan-explainer{font-size:19px}:is(.page-home,.page-websites) .partner-portrait-link{display:grid;grid-template-columns:40% minmax(0,1fr);gap:16px 22px}:is(.page-home,.page-websites) .partner-portrait-link>.partner-organisation{grid-column:1/-1;margin:0;min-height:0}:is(.page-home,.page-websites) .partner-detail{padding:0}:is(.page-home,.page-websites) .partner-portraits{gap:36px}}
/* The gradient drifts on its own while the introduction is in view. */
.page-home .intelligence-flow{animation-duration:26s;animation-timing-function:ease-in-out}
.page-home .flow-copper{animation-duration:31s}.page-home .flow-shadow{animation-duration:29s}.page-home .flow-light{animation-duration:34s}
.page-home .journey-in-view.journey-animated .journey-stage[data-phase="intelligence"] .intelligence-fluid{animation:bravon-atmosphere-drift 20s ease-in-out infinite alternate}
@keyframes bravon-atmosphere-drift{from{transform:translate3d(-1.5%,1%,0) scale(1.015)}to{transform:translate3d(2.5%,-1.5%,0) scale(1.05)}}
@media(prefers-reduced-motion:reduce){.page-home .intelligence-fluid,.page-home .intelligence-flow{animation:none!important}}
.client-video-stage{position:absolute;inset:0;width:1440px;height:1000px;transform:scale(var(--preview-scale,0));transform-origin:top left;opacity:0;pointer-events:none;background:#111;color:#fff}
.video-ready .client-video-stage{opacity:1}
.client-video-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.client-video-shade{position:absolute;inset:0;background:#0008}
.client-preview-nav{position:absolute;left:45px;right:45px;top:27px;height:98px;border-radius:6px;background:#121212f0;display:flex;align-items:center;justify-content:space-around;gap:22px;padding:15px 28px;font:15px/1.3 Arial,sans-serif;white-space:nowrap}
.page-websites .ref-selected .client-preview-nav img{width:170px;height:auto;max-height:80px;object-fit:contain;box-shadow:none;border:0;border-radius:0;margin-right:45px}
.client-preview-nav b,.client-preview-copy>span{background:#ad2115;color:#fff;padding:15px 29px;border-radius:5px;font-weight:400}
.client-preview-copy{position:absolute;inset:260px 285px auto;text-align:center}
.client-preview-copy>strong{display:block;font-family:Impact,'Arial Narrow',sans-serif;font-stretch:condensed;font-size:72px;line-height:1.16;letter-spacing:-1.8px;transform:scaleX(.86)}
.client-preview-copy>b{display:block;font:700 20px/1.5 Impact,'Arial Narrow',sans-serif;margin-top:28px}
.page-websites .ref-selected .client-preview-copy>p{color:#e9e9e9;font:18px/1.8 Arial,sans-serif;margin:24px auto 32px;max-width:680px}
.client-preview-copy>span{display:inline-block;font:18px/1.4 Arial,sans-serif}

/* Feedback round 6: more air, a compact brand centre and consistent FAQs. */
.page-home .intelligence-flow{animation-duration:19s}.page-home .flow-copper{animation-duration:23s}.page-home .flow-shadow{animation-duration:22s}.page-home .flow-light{animation-duration:25s}
.page-home .journey-in-view.journey-animated .journey-stage[data-phase="intelligence"] .intelligence-fluid{animation-duration:15s}
.page-home .ref-support{padding-top:78px;padding-bottom:78px}
.page-home .ref-freedom{align-items:flex-end}.page-home .ref-freedom>.container{padding-block:60px}
.page-home .ref-freedom:after{background:linear-gradient(0deg,#080d0bea 0%,#0c120d95 35%,#0c120d08 78%)}
:is(.page-home,.page-websites) .partners-section{background:#10150f}
.proposal .faq-section h2{text-transform:uppercase;font-weight:700;letter-spacing:-.045em}
.page-home .growth-graphic .graphic-brand,.page-home .growth-graphic.orbit-ready .graphic-brand{inset:37% 36% 43%;display:grid;place-items:center;pointer-events:none}
.page-home .growth-graphic .graphic-brand img{width:100%;height:auto;max-height:none;object-fit:contain}
.page-websites .ref-selected h2{max-width:470px;text-wrap:initial}
.selected-live-preview[role="button"]{cursor:pointer}.selected-live-preview:focus-visible{outline:3px solid var(--orange);outline-offset:6px}
@media(max-width:760px){.page-home .ref-support{padding-top:50px;padding-bottom:50px}.page-home .ref-freedom>.container{padding-block:42px}.page-home .growth-graphic .graphic-brand img{width:100%;max-height:none}}

/* Follow-up: restored full orbit wordmark, 28% of the graphic versus the original 30%. */

/* Feedback round 7: a clearer current priority and a wider website showcase. */
:root{--bravon-charcoal:#111212}
.page-home :is(.roadmap-story,.roadmap-story-stage,.ref-support,.support-editorial,.partners-section){background:var(--bravon-charcoal)}
.page-home .ref-freedom{min-height:740px;background:var(--bravon-charcoal)}
.page-home .ref-freedom:after{background:linear-gradient(0deg,#080909fa 0%,#080909d9 23%,#08090970 52%,#08090900 82%)}
.page-home .roadmap-growth-icon{width:100%;border:0;border-radius:0;background:none;box-shadow:none;justify-content:start}
.page-home .roadmap-growth-icon svg{width:100%;height:68px;stroke:#923a18;stroke-width:2;overflow:visible}
.page-home .roadmap-growth-icon svg circle{fill:#fff3dc}
.page-home .intelligence-card-5{background:linear-gradient(125deg,#fff0d6 15%,#ebc18c 70%,#eea266)}
.page-home .studio-priority-stack .studio-next-top{padding:8px 16px 12px}
.priority-count{font:10px/1.5 var(--mono);letter-spacing:.04em;color:#696b61}
.page-home .studio-priority-stack .studio-next-guide{padding:22px 28px;border-left:4px solid #ed591e}
.page-home .studio-priority-stack h3{font-size:31px;line-height:1.13;text-wrap:initial}
.page-home .studio-priority-stack .studio-next-reason{font-size:14px;line-height:1.55;margin-top:12px;max-width:650px}
.priority-owner{margin-top:16px;padding-top:12px;border-top:1px solid #fff2;font-size:13px;line-height:1.5;color:#d9ddd5}.priority-owner strong{color:#f1a876}
.priority-queue{padding:0;list-style:none;margin:10px 0 0;display:grid;gap:7px}
.priority-queue li{display:flex;align-items:center;gap:14px;padding:13px 19px;border:1px solid #c5c6bf;border-radius:9px;background:#e4e4de;color:#64675f}
.priority-queue strong{font-size:13px;line-height:1.4;font-weight:500}.queue-number{font:11px/1.4 var(--mono);color:#777c71}.queue-state{font:9px/1.4 var(--mono);margin-left:auto;color:#6d7368;white-space:nowrap}
.page-websites .ref-selected>.container{display:block}
.selected-intro{display:grid;grid-template-columns:1.55fr 1fr;gap:24px 7%;align-items:end;margin-bottom:45px}
.page-websites .selected-intro .eyebrow{grid-column:1/-1;margin:0}
.page-websites .selected-intro h2{max-width:none;font-size:clamp(43px,4.8vw,70px);line-height:1.08}
.page-websites .selected-intro>p:last-child{max-width:440px;margin:0 0 4px;font-size:18px;line-height:1.7}
.page-websites .selected-live-preview{aspect-ratio:16/10}
.client-video-stage{height:900px}
.client-preview-copy{inset:245px 200px auto}
.client-preview-copy>strong{font-size:88px;line-height:1.12;letter-spacing:-1px;transform:none}
.client-preview-copy>b{font-size:24px;margin-top:26px}
.page-websites .ref-selected .client-preview-copy>p{font-size:22px;line-height:1.6;max-width:810px;margin:24px auto 28px}
.client-preview-copy>span{font-size:22px;padding:18px 34px}
.page-contact .contact-intro h1{font-size:clamp(60px,6.8vw,100px)}
.instagram-link{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-top:22px;border:1px solid #f4ead84a;border-radius:50%;color:#f4ede0;vertical-align:middle}
.instagram-link svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.6;fill:none}
.proposal .footer-contact .instagram-link{width:38px;height:38px;margin-top:12px}
.instagram-link:hover{color:#ff9b66;border-color:#ff9b66}
@media(min-width:700px) and (max-height:800px){.page-home .journey-animated .studio-priority-stack .studio-next-guide{padding:13px 24px}.page-home .journey-animated .studio-priority-stack h3{font-size:28px}.page-home .journey-animated .studio-priority-stack .studio-guide-label{margin-bottom:9px}.page-home .journey-animated .priority-queue li{padding:8px 17px}.page-home .journey-animated .priority-owner{margin-top:12px;padding-top:10px}.page-home .journey-animated .journey-plan-explainer{margin:16px auto 23px}.page-home .journey-animated .roadmap-growth-icon{width:100%}.page-home .journey-animated .roadmap-growth-icon svg{width:100%;height:55px}}
@media(max-width:800px){.page-home .ref-freedom{min-height:670px}.selected-intro{display:block;margin-bottom:32px}.page-websites .selected-intro .eyebrow{margin-bottom:22px}.page-websites .selected-intro h2{font-size:clamp(38px,7.4vw,58px)}.page-websites .selected-intro>p:last-child{margin-top:24px;font-size:16px}.page-contact .contact-intro h1{font-size:clamp(56px,11vw,82px)}.page-home .studio-priority-stack .studio-next-guide{padding:22px 18px}.page-home .studio-priority-stack h3{font-size:27px}.priority-queue li{padding:14px 12px;gap:10px}.queue-state{font-size:8px}.priority-count{font-size:8px}}
@media(max-width:400px){.page-contact .contact-intro h1{font-size:clamp(48px,13vw,55px)}.priority-queue strong{font-size:12px}.priority-queue .queue-state{display:none}.page-home .studio-priority-stack h3{font-size:25px}}

/* Round 8: paired editorial image and compact mobile website preview. */
.page-websites .ref-selected.selected-split{display:grid;grid-template-columns:1fr 1fr;padding:0;background:#cdd3bb}
.selected-photo-panel{position:relative;isolation:isolate;min-height:760px;display:flex;align-items:flex-end;overflow:hidden;background:#181916}
.page-websites .ref-selected .selected-owner-photo{border:0;border-radius:0;box-shadow:none;max-height:none;position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:53% center}
.selected-photo-panel:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#0e1010f5 0%,#0e1010be 28%,#0e101017 76%)}
.selected-photo-copy{padding:clamp(32px,4vw,72px);color:#f7f5ed;width:100%}
.page-websites .selected-photo-copy .eyebrow{color:#f1b18d;margin-bottom:25px}
.page-websites .selected-photo-copy h2{font-size:clamp(37px,3.5vw,64px);max-width:620px;line-height:1.08}
.page-websites .selected-photo-copy>p:last-child{font-size:17px;line-height:1.65;max-width:440px;margin:24px 0 0;color:#e5e5dd}
.selected-device-panel{display:flex;align-items:center;justify-content:center;padding:58px 36px;background:#cdd3bb}
.page-websites .ref-selected .selected-phone{width:min(100%,310px);margin:0;position:relative;filter:drop-shadow(0 26px 26px #27332322)}
.phone-browser-bar{display:flex;align-items:center;justify-content:space-between;padding:13px 17px;background:#f8f7f1;border-radius:21px 21px 0 0;color:#50534b;font:10px/1.5 var(--mono)}
.phone-browser-bar>span:first-child,.phone-browser-bar>span:last-child{font-size:17px;line-height:1}
.page-websites .selected-split .selected-live-preview{aspect-ratio:390/700;border-radius:0 0 21px 21px;box-shadow:none}
.selected-split .client-video-stage{width:390px;height:700px}
.selected-split .client-video-stage video{object-position:center}
.selected-split .client-video-shade{background:linear-gradient(#0007,#0008 60%,#000b)}
.selected-split .client-preview-nav{inset:0 0 auto;padding:18px 24px;height:92px;border-radius:0;background:#111d;display:flex;justify-content:space-between}
.page-websites .ref-selected.selected-split .client-preview-nav img{margin:0;width:130px;height:55px;object-fit:contain}
.selected-split .client-preview-nav>span{font-size:23px;color:white}
.selected-split .client-preview-copy{inset:135px 26px auto}
.selected-split .client-preview-copy>strong{font-size:61px;line-height:1.02;letter-spacing:-.8px}
.selected-split .client-preview-copy>b{font-size:15px;margin-top:25px;line-height:1.3}
.page-websites .selected-split .client-preview-copy>p{font-size:17px;line-height:1.55;margin:20px auto 25px;max-width:320px}
.selected-split .client-preview-copy>span{font-size:17px;padding:14px 25px}
.page-websites .selected-split figcaption{justify-content:center;margin:23px -15px 0;text-align:center;font:9px/1.5 var(--mono);color:#40463b}
.page-websites .selected-split figcaption a{color:inherit}
.proposal .footer-contact .instagram-link{border:0;border-radius:0;width:24px;height:24px;padding:0;display:inline-flex}
/* Sample activity, with a brief decorative scan rather than live data. */
.page-studio .scene-studio-pulse .studio-pulse{left:10%;right:10%;top:10%;bottom:10%;padding:6%}
.page-studio .pulse-metrics{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px;flex:1}
.page-studio .pulse-metric{padding:12% 13%;gap:7px}
.page-studio .pulse-metric>span{font-size:clamp(9px,1.7cqw,11px)}
.pulse-intelligence{margin-top:7%;padding-top:6%;border-top:1px solid #f5ecda30;flex:none}
.pulse-intelligence-heading{display:flex;align-items:center;gap:8px;color:#e9b38b}
.pulse-intelligence-heading strong{font:500 clamp(8px,1.7cqw,11px)/1.5 var(--mono);letter-spacing:.06em}
.pulse-signal{font-size:22px;line-height:1}
.pulse-dots{display:flex;gap:4px;margin-left:auto}.pulse-dots i{width:3px;height:3px;border-radius:50%;background:#edbb91}
.pulse-intelligence p{font-size:clamp(11px,2.3cqw,16px);line-height:1.5;margin:10px 0 14px;color:#eeeade}
.pulse-scan{height:3px;border-radius:3px;background:#f3ead51c;overflow:hidden}
.pulse-scan span{display:block;width:65%;height:100%;background:linear-gradient(90deg,#9c633d,#f4bf94);border-radius:inherit}
.pulse-inputs{display:flex;justify-content:space-between;gap:8px;margin-top:10px;font:clamp(7px,1.3cqw,9px)/1.4 var(--mono);letter-spacing:.02em;color:#b8bcae}
.scene-studio-pulse.is-active .pulse-scan span{animation:pulse-connect 4.5s ease-in-out both}
.scene-studio-pulse.is-active .pulse-dots i{animation:pulse-dot 1.5s ease-in-out 3}.scene-studio-pulse.is-active .pulse-dots i:nth-child(2){animation-delay:.15s}.scene-studio-pulse.is-active .pulse-dots i:nth-child(3){animation-delay:.3s}
@keyframes pulse-connect{0%{width:12%;opacity:.5}60%{width:46%;opacity:1}100%{width:78%;opacity:.85}}
@keyframes pulse-dot{50%{opacity:.25}}
@media(max-width:900px){.page-websites .ref-selected.selected-split{grid-template-columns:1fr 1fr}.selected-photo-panel{min-height:660px}.selected-photo-copy{padding:30px}.page-websites .selected-photo-copy h2{font-size:36px}.selected-device-panel{padding:45px 28px}.page-websites .ref-selected .selected-phone{width:min(100%,280px)}}
@media(max-width:650px){.page-websites .ref-selected.selected-split{grid-template-columns:1fr}.selected-photo-panel{min-height:570px}.selected-owner-photo{object-position:center 30%}.selected-photo-copy{padding:32px 24px}.page-websites .selected-photo-copy h2{font-size:clamp(34px,8.8vw,49px)}.page-websites .selected-photo-copy>p:last-child{font-size:16px;margin-top:20px}.selected-device-panel{padding:50px 28px}.page-websites .ref-selected .selected-phone{width:min(100%,280px)}.page-studio .pulse-metrics{gap:8px}.page-studio .pulse-metric{padding:10%;gap:5px}.pulse-intelligence{margin-top:5%;padding-top:5%}.pulse-intelligence p{margin:7px 0 9px}.pulse-inputs{margin-top:8px}}
/* Keep the intelligence panel clear of metric cards at every viewport size. */
.page-studio .pulse-metric{min-height:0;padding:10px 14px}
@media(max-width:650px){.page-studio .scene-studio-pulse .studio-pulse{left:8%;right:8%;top:6%;bottom:6%;padding:5%}.page-studio .pulse-heading{padding-bottom:14px}.page-studio .pulse-metric{padding:7px 9px;gap:6px;flex-direction:row;align-items:center;justify-content:flex-start}.page-studio .pulse-metric>strong{font-size:21px}.page-studio .pulse-metric>span{font-size:8px;letter-spacing:0;line-height:1.35}.pulse-intelligence{margin-top:14px;padding-top:13px}.pulse-intelligence-heading strong{font-size:8px}.pulse-intelligence p{font-size:11px}.pulse-signal{font-size:18px}.pulse-inputs{font-size:7px}}
@media(min-width:651px){.page-studio .scene-studio-pulse .studio-pulse{top:7%;bottom:7%;padding:5%}.page-studio .pulse-heading{padding-bottom:18px}.page-studio .pulse-metrics{min-height:100px}.page-studio .pulse-metric{flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;padding:10px 14px}.page-studio .pulse-intelligence{margin-top:16px;padding-top:16px}}

/* Round 9: desktop case study, framed in white. */
.page-websites .ref-selected.selected-split{grid-template-columns:1fr 1.15fr;border:20px solid #fff;gap:14px;background:#fff}
.selected-photo-panel{min-height:640px}
.page-websites .ref-selected .selected-owner-photo{object-position:50% 42%;filter:saturate(.78) contrast(1.02)}
.selected-device-panel{background:#eae8dc;padding:48px 30px}
.page-websites .ref-selected .selected-desktop{width:100%;max-width:780px;margin:0;filter:drop-shadow(0 20px 20px #27332318)}
.desktop-browser-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;background:#fff;border-radius:10px 10px 0 0;color:#64675f;font:9px/1.4 var(--mono);border:1px solid #292e241a;border-bottom:0}
.browser-window-dots{font-size:7px;letter-spacing:2px;color:#b5b8af}
.page-websites .selected-split .selected-live-preview{aspect-ratio:16/10;border-radius:0 0 10px 10px}
.selected-split .client-video-stage{width:1440px;height:900px}
.selected-split .client-preview-nav{inset:28px 38px auto;height:94px;padding:15px 26px;gap:24px;border-radius:5px;justify-content:space-between}
.page-websites .ref-selected.selected-split .client-preview-nav img{width:175px;height:64px;max-height:64px;margin-right:25px}
.selected-split .client-preview-nav>span{font-size:18px;white-space:nowrap}
.selected-split .client-preview-nav>b{font-size:18px;padding:17px 25px}
.selected-split .client-preview-copy{inset:235px 150px auto}
.selected-split .client-preview-copy>strong{font-size:102px;line-height:1.06;letter-spacing:-1px}
.selected-split .client-preview-copy>b{font-size:27px;margin-top:35px}
.page-websites .selected-split .client-preview-copy>p{font-size:26px;line-height:1.55;max-width:870px;margin:30px auto 33px}
.selected-split .client-preview-copy>span{font-size:25px;padding:21px 36px}
.page-websites .selected-split figcaption{margin:22px 0 0;font-size:9px}
.page-home .intelligence-card-5{background:linear-gradient(135deg,#fff0d6,#ebc797)}
.page-home .ref-freedom.has-parallax>img{inset:-48px 0 auto;height:calc(100% + 96px);transform:translate3d(0,var(--freedom-parallax,0px),0);will-change:transform}
@media(max-width:900px){.page-websites .ref-selected.selected-split{grid-template-columns:1fr 1.1fr;border-width:14px;gap:12px}.selected-photo-panel{min-height:580px}.selected-device-panel{padding:35px 18px}.page-websites .selected-photo-copy h2{font-size:32px}.selected-photo-copy{padding:28px}}
@media(max-width:700px){.page-websites .ref-selected.selected-split{grid-template-columns:1fr;border-width:12px;gap:12px}.selected-photo-panel{min-height:560px}.selected-device-panel{padding:40px 16px}.selected-photo-copy{padding:28px 22px}.page-websites .selected-photo-copy h2{font-size:clamp(32px,8vw,48px)}.desktop-browser-bar{padding:9px 10px;font-size:7px}.browser-window-dots{font-size:5px;letter-spacing:1px}.page-websites .selected-split figcaption{font-size:8px}}
@media(prefers-reduced-motion:reduce){.page-home .ref-freedom.has-parallax>img{transform:none;will-change:auto}}

/* Round 10: match the welcome section's page gutters and rounded imagery. */
.selected-showcase-surround{background:var(--paper);padding:100px 0}
.page-websites .ref-selected.selected-split{width:calc(100% - 64px);max-width:1600px;margin:0 auto;border:0;border-radius:24px;overflow:hidden;background:var(--paper)}
.page-websites .ref-selected .selected-owner-photo{transform:scale(1.24);transform-origin:50% 55%}
@media(max-width:800px){.selected-showcase-surround{padding:65px 0}.page-websites .ref-selected.selected-split{width:calc(100% - 40px);border-radius:22px}}
@media(max-width:700px){.page-websites .ref-selected .selected-owner-photo{transform:scale(1.13);transform-origin:50% 56%}}
@media(max-width:400px){.page-home .ref-freedom h2{font-size:36px}}

/* Round 11: quieter case-study preview, shared partners, and Studio glass. */
.page-websites .ref-selected .selected-desktop{width:86%;max-width:670px}
.page-websites .partners-section{background:var(--bravon-charcoal)}
.page-home .studio-priority-stack{background:radial-gradient(ellipse at 12% 0%,#b4774242,transparent 68%),#1820199c;border:1px solid #e8e4d777;border-radius:18px;backdrop-filter:blur(18px);box-shadow:0 24px 75px #0003;color:#eeeade}
.page-home .studio-priority-stack .studio-next-brand img{filter:none}
.page-home .studio-priority-stack .studio-next-brand>span{color:#e9b38b;border-color:#e9b38b42;background:#e9b38b0a}
.page-home .studio-priority-stack .priority-count{color:#d0d1c5}
.page-home .studio-priority-stack .studio-next-guide{background:linear-gradient(135deg,#c455252b,#ede8d80a);border:1px solid #ffa57366;border-radius:12px;color:#fff9ef}
.page-home .studio-priority-stack .studio-guide-label{color:#ffb58a}
.page-home .studio-priority-stack .priority-owner{border-color:#f5ecda30;color:#d9ddd5}
.page-home .studio-priority-stack .priority-queue li{border-color:#ece4ce35;background:#ede8d80c;color:#d0d3c7;border-radius:10px}
.page-home .studio-priority-stack :is(.queue-number,.queue-state){color:#b9bfac}
@media(max-width:700px){.page-websites .ref-selected .selected-desktop{width:90%}}
/* Keep the photo shade aligned when the responsive layout changes. */
.page-websites .ref-selected .selected-owner-photo{z-index:0}
.selected-photo-panel:after{z-index:1;pointer-events:none}
.selected-photo-copy{position:relative;z-index:2}

.selected-photo-panel:after{display:none}
.selected-photo-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,#0e1010f5 0%,#0e1010be 28%,#0e101017 76%)}
.selected-photo-panel{overflow:clip}

/* Round 12: a person behind the reply and more room for the growth process. */
.page-websites .support-reply{position:relative}
.support-sender{display:block;font:10px/1.5 var(--mono);letter-spacing:.03em;margin-bottom:5px}
.support-avatar{position:absolute;left:-54px;bottom:2px;width:44px;height:44px;border-radius:50%;overflow:hidden;border:2px solid #fff9ed;box-shadow:0 4px 15px #0003;background:#fff}
.page-websites .support-photo .support-avatar img{position:static;width:100%;height:100%;max-width:none;object-fit:cover;transform:scale(1.7);transform-origin:50% 28%;border-radius:0;filter:none}
.page-home .ref-process{padding-top:125px;padding-bottom:125px}
@media(max-width:800px){.page-home .ref-process{padding-top:85px;padding-bottom:85px}.support-avatar{left:-44px;width:36px;height:36px}.support-sender{font-size:8px}}
/* Pricing comparison; explicit allowances keep the two access levels clear. */
.studio-pricing{padding:110px 0;background:radial-gradient(ellipse at 85% 5%,#5b3c2b66,transparent 55%),radial-gradient(ellipse at 0% 85%,#314c3a55,transparent 60%),#111713;color:#faf5ea}
.pricing-heading{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:45px}
.pricing-heading h2{font-size:clamp(42px,5vw,68px);line-height:1.07;text-transform:uppercase;font-weight:700;letter-spacing:-.05em;margin-top:22px}
.pricing-heading>p{font-size:18px;line-height:1.7;max-width:390px;padding-bottom:4px}
.pricing-included{display:flex;gap:23px;align-items:center;padding:29px 34px;background:#ffffff08;color:#f8f3e7;border:1px solid #ffffff20;border-radius:16px;margin:0 0 47px}
.pricing-included-icon{font-size:42px;line-height:1;color:#f0af85}
.pricing-included h3{font-size:25px;font-weight:700;letter-spacing:-.035em;margin-bottom:5px}
.pricing-included p{font-size:15px;line-height:1.6;color:#d6dacc}
.pricing-included>strong{font-size:28px;margin-left:auto;line-height:1.2;white-space:nowrap;text-align:right;letter-spacing:-.04em;font-weight:500}
.pricing-included>strong>span{display:block;font:10px/1.5 var(--mono);letter-spacing:0;margin-top:7px;color:#d6dacc}
.pricing-audience{font:11px/1.6 var(--mono);letter-spacing:.04em;margin-bottom:12px}
.pricing-draft{font-size:12px;line-height:1.5;color:#655e4c;margin-bottom:24px}
.studio-pricing-table{border-collapse:separate;border-spacing:18px 0;width:calc(100% + 36px);margin-inline:-18px;table-layout:fixed;text-align:left;font-size:15px;line-height:1.5}
.studio-pricing-table th,.studio-pricing-table td{padding:21px 28px;vertical-align:middle;border-bottom:1px solid #ffffff18}
.studio-pricing-table thead th{vertical-align:top;background:#ffffff08;border-radius:15px 15px 0 0;padding-top:31px;padding-bottom:31px;font-weight:400}
.studio-pricing-table thead td{width:40%;padding-left:0;vertical-align:bottom}
.pricing-table-intro{font-size:25px;letter-spacing:-.045em;line-height:1.3;display:block;padding-bottom:8px}
.pricing-plan-name{display:block;font:12px/1.5 var(--mono);letter-spacing:.04em;margin-bottom:16px}
.pricing-amount{display:block;font-size:54px;line-height:1.1;font-weight:600;letter-spacing:-.06em}
.pricing-amount>span{font-size:15px;letter-spacing:0;margin-left:5px;font-weight:400}
.pricing-plan-description{display:block;font-size:14px;line-height:1.6;margin-top:18px}
.studio-pricing-table tbody th{font-weight:600;padding-left:0}
.studio-pricing-table tbody th>span{display:block;font-size:12px;font-weight:400;color:#b7bfb2;margin-top:5px;line-height:1.6}
.studio-pricing-table tbody td,.studio-pricing-table tfoot td:not(:first-child){background:#ffffff08}
.studio-pricing-table .pricing-full{background:#db9f6d1c}
.pricing-check{color:#d1ddb7;margin-right:5px;font-weight:700}
.pricing-unavailable{color:#a9b0a4}.pricing-unavailable>span{margin-right:5px}
.studio-pricing-table tfoot td{border-bottom:0;padding-top:27px;padding-bottom:30px;border-radius:0 0 15px 15px}
.studio-pricing-table tfoot a{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #f8f3e766;padding:13px 16px;font:11px/1.6 var(--mono);text-transform:uppercase}
.studio-pricing-table tfoot .pricing-full a{background:#f35d1a;color:#111713;border-color:#f35d1a}
.pricing-scope{font-size:13px;line-height:1.8;color:#bac2b5;max-width:780px;margin-top:25px}
.pricing-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:800px){.studio-pricing{padding:75px 0}.pricing-heading{display:block;margin-bottom:32px}.pricing-heading>p{font-size:16px;margin-top:23px}.pricing-included{padding:24px;gap:16px;flex-wrap:wrap}.pricing-included h3{font-size:23px}.pricing-included>strong{width:100%;text-align:left;margin-left:0;padding-top:15px;border-top:1px solid #ffffff25;font-size:25px}.pricing-included>strong>span{display:inline;margin-left:12px}.studio-pricing-table th,.studio-pricing-table td{padding:18px 15px}.studio-pricing-table thead td{width:36%}.pricing-amount{font-size:43px}.pricing-plan-description{font-size:12px}.pricing-table-intro{font-size:21px}}
@media(max-width:550px){.studio-pricing-table{font-size:12px;border-spacing:8px 0;width:calc(100% + 16px);margin-inline:-8px}.studio-pricing-table th,.studio-pricing-table td{padding:17px 10px}.studio-pricing-table thead td{width:34%}.studio-pricing-table thead th{padding:22px 10px}.pricing-table-intro{font-size:17px}.pricing-plan-name{font-size:9px;letter-spacing:0}.pricing-amount{font-size:35px}.pricing-amount>span{display:block;font-size:11px;margin:6px 0 0;letter-spacing:0}.pricing-plan-description{font-size:11px;line-height:1.5}.studio-pricing-table tbody th>span{font-size:10px;line-height:1.5}.studio-pricing-table tfoot a{font-size:9px;padding:9px;gap:4px;flex-wrap:wrap}.pricing-check{margin-right:2px}.pricing-included-icon{display:none}.pricing-draft{font-size:11px}.pricing-unavailable>span{display:none}}

/* Intelligence: a branded star, given its own space in the comparison. */
.pricing-intelligence-label{display:flex;align-items:center;gap:15px;font-size:20px;letter-spacing:-.025em;line-height:1.25}
.intelligence-emblem{width:58px;height:58px;flex:0 0 58px;filter:drop-shadow(0 0 12px #f59b4b30)}
.intelligence-status{display:block;font:9px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:#d9b89a;margin-top:7px}
.studio-pricing-table .pricing-intelligence th,.studio-pricing-table .pricing-intelligence td{padding-top:29px;padding-bottom:29px}
.studio-pricing-table .pricing-intelligence th>span{margin-top:13px}
.studio-pricing-table .pricing-intelligence .pricing-full{background:linear-gradient(125deg,#eea5652e,#db9f6d16);box-shadow:inset 3px 0 #e6a478}
.pricing-intelligence-included{display:block;font-weight:600;color:#ffe1bd}
.pricing-intelligence-detail{display:block;font-size:12px;line-height:1.6;color:#dbccba;margin-top:8px;max-width:220px}
@media(max-width:800px){.pricing-intelligence-label{gap:10px;font-size:17px}.intelligence-emblem{width:44px;height:44px;flex-basis:44px}}
@media(max-width:550px){.pricing-intelligence-label{display:block;font-size:14px;letter-spacing:-.035em}.intelligence-emblem{display:block;margin-bottom:10px;width:42px;height:42px}.intelligence-status{font-size:8px;letter-spacing:0;line-height:1.5}.pricing-intelligence-detail{font-size:11px}.studio-pricing-table .pricing-intelligence th,.studio-pricing-table .pricing-intelligence td{padding-top:22px;padding-bottom:22px}}

/* Rounded support photograph, retaining the charcoal space around it. */
.page-home .support-image{border-radius:24px;overflow:clip}
@media(max-width:760px){.page-home .support-image{border-radius:20px}}

/* Studio: local map and wider SEO tools. */
.page-studio .scene-local{background:#16211c}
.local-visibility-art{width:100%;height:100%;object-fit:cover;display:block}
.seo-beacon-panel{position:absolute;bottom:10%;left:7%;right:7%;padding:22px;border-radius:16px;display:flex;align-items:center;gap:16px}
.seo-beacon-signal{font-size:38px;color:#ffad73}.seo-beacon-panel strong{font-size:clamp(12px,2.8cqw,18px);letter-spacing:.06em}.seo-beacon-panel p{font-size:clamp(11px,2.4cqw,15px);line-height:1.6;margin:6px 0 0;color:#fff6df}
@media(max-width:800px){.page-studio .scene-content{grid-row:1}.page-studio #create{grid-row:2}.page-studio .scene-local{grid-row:3}.page-studio #local-visibility{grid-row:4}.page-studio .scene-visibility{grid-row:5}.page-studio #seo-tools{grid-row:6}.page-studio .scene-websites{grid-row:7}.page-studio #campaign-pages{grid-row:8}.page-studio .scene-followup{grid-row:9}.page-studio #enquiries{grid-row:10}.seo-beacon-panel{padding:16px}}
/* Review refinements: contain the map, simpler priority and orange support. */
.page-studio .scene-local{display:flex;align-items:center;justify-content:center;padding:24px 18px 48px;background:#18261e}
.page-studio .local-visibility-art{width:100%;height:100%;object-fit:contain;max-width:100%;box-sizing:border-box}
.page-studio .local-art-caption{position:absolute;left:24px;bottom:19px;right:24px;color:#c8d1bb;font:10px/1.4 var(--mono);letter-spacing:.03em}
.page-studio .header-pricing{font-size:11px;padding:16px 19px;background:transparent;color:#f8f6ef;border:1px solid #fff6;white-space:nowrap;margin-right:-20px}
.page-studio .header-pricing:hover{background:var(--orange);color:#111}
.page-studio .mobile-nav .header-pricing{margin:0;width:max-content}
.page-home .studio-local-priority{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.85fr);gap:24px;align-items:center;padding:18px;background:#f5f3ea;border:1px solid #fff7;border-radius:18px}
.page-home .priority-map{min-width:0;background:#18261e;border-radius:12px;padding:10px 8px 12px}
.page-home .priority-map img{display:block;width:100%;height:clamp(190px,27vh,270px);object-fit:contain}
.page-home .priority-map>span{display:block;text-align:center;margin-top:6px;font:8px/1.4 var(--mono);color:#c8d1bb}
.page-home .priority-local-action{padding:8px 10px 8px 0;color:#1c281f;min-width:0}
.page-home .priority-local-action .studio-guide-label{font:10px/1.5 var(--mono);color:#826142;margin:0 0 14px}
.page-home .priority-local-action h3{font-size:clamp(23px,2.5vw,32px);line-height:1.14;letter-spacing:-.035em;margin:0 0 14px}
.page-home .priority-local-action>p:not(.studio-guide-label){font-size:14px;line-height:1.65;margin:0}
.page-home .priority-local-action .text-link{font-size:11px;gap:12px;margin-top:15px;border-color:#66715c55}
.page-home .ref-support.support-orange{background:var(--orange);color:#172018;position:relative;isolation:isolate;overflow:hidden}
.page-home .support-orange:before{content:'';position:absolute;inset:0;background:url('/assets/square-grid.svg') repeat;background-size:96px;opacity:.15;pointer-events:none;z-index:-1}
.page-home .support-orange #roadmap{position:absolute;top:0;left:0}
.page-home .support-orange .support-editorial{background:transparent;position:relative}
.page-home .support-orange .support-editorial h2{color:#172018}
.page-home .support-orange .support-editorial>p:not(.support-inclusion){color:#2d281c;font-size:17px;line-height:1.8;margin:26px 0 30px;max-width:550px}
.page-home .support-orange .support-editorial .button{background:#152118;color:#fff8ec;border-color:#152118}
.page-home .support-orange .support-caption{padding-bottom:25px}
.page-privacy .carry-section h1{font-size:clamp(34px,4.5vw,52px);line-height:1.1;letter-spacing:-.04em;margin-bottom:25px}
.page-privacy .carry-section h2{font-size:clamp(22px,2.4vw,28px);line-height:1.25;letter-spacing:-.025em;margin:32px 0 12px}
@media(max-width:1100px) and (min-width:801px){.page-studio .site-header{gap:20px}.page-studio .desktop-nav{gap:18px}.page-studio .header-pricing{margin-right:0;padding:14px}}
@media(max-width:800px){.page-studio .header-pricing{margin-left:auto;margin-right:0;padding:12px 15px}.page-studio .header-cta{margin-left:0}.page-studio .scene-local{padding:18px 12px 40px}.page-studio .local-art-caption{left:20px;bottom:16px;font-size:9px}.page-home .studio-local-priority{gap:16px;padding:12px}.page-home .priority-local-action h3{font-size:24px}.page-home .priority-local-action>p:not(.studio-guide-label){font-size:13px}.page-home .priority-map img{height:210px}.page-home .support-orange .support-editorial>p:not(.support-inclusion){font-size:16px}}
@media(max-width:600px){.page-home .studio-local-priority{grid-template-columns:1fr}.page-home .priority-map img{height:190px}.page-home .priority-local-action{padding:12px 10px}.page-home .priority-local-action h3 br{display:none}.page-home .priority-local-action .studio-guide-label{margin-bottom:8px}.page-home .priority-local-action .text-link{margin-top:8px}.page-home .journey-animated .journey-plan{top:54%}}
@media(max-width:480px){.page-studio .site-header>.header-cta{display:none}.page-studio .site-header{gap:12px}.page-studio .header-pricing{font-size:10px;padding:11px 14px}}
/* Owner feedback: stronger people/support and clearer website showcases. */
.page-home .support-orange .support-editorial h2{font-size:clamp(38px,4.9vw,72px);line-height:1.04;max-width:660px}
.page-home .support-orange .support-caption strong{display:block;font-size:clamp(36px,4.2vw,62px);line-height:1.02;letter-spacing:-.045em;max-width:520px;color:#fff8ed}
.page-websites .selected-photo-copy .testimonial-draft-label{font:700 11px/1.5 var(--mono);color:#ffd7ad;letter-spacing:.04em;margin:18px 0 20px}
.page-websites .showcase-testimonial{font-size:clamp(25px,2.7vw,40px);line-height:1.22;letter-spacing:-.035em;font-weight:600;margin:0;color:#fff9ed;max-width:600px}
.page-websites .selected-photo-copy .testimonial-draft-note{font-size:12px;line-height:1.5;color:#e4e4d7;margin:20px 0 0}
.page-websites .selected-second-example{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:7%;align-items:center;padding:70px 5%;background:#eeeadd;color:#19221b}
.page-websites .second-example-copy h2{font-size:clamp(34px,4vw,58px);line-height:1.06;letter-spacing:-.045em;text-transform:uppercase;margin:22px 0 28px}
.page-websites .second-example-copy h3{font-size:20px;font-weight:700;margin:0 0 15px}
.page-websites .second-example-copy>p:not(.eyebrow){font-size:17px;line-height:1.8;max-width:450px}
.page-websites .selected-second-example .selected-desktop{width:100%;max-width:none;margin:0;background:#152118;overflow:hidden;border-radius:14px;box-shadow:0 24px 55px #20282020}
.page-websites .selected-second-example .selected-desktop>img{width:100%;height:auto;display:block}
.intelligence-emblem{animation:intelligence-orbit 18s linear infinite;transform-origin:center}
@keyframes intelligence-orbit{to{transform:rotate(360deg)}}
.page-blog .carry-hero h1,.page-blog .carry-hero h1 span{color:#fff9ed;opacity:1}
.carryover .ref-close,.carryover .ref-close h2{color:#fff9ed}
.carryover .ref-close .eyebrow{color:#f2b48b}
.carryover .ref-close>.container>div p{color:#deded1}
@media(max-width:800px){.page-home .support-orange .support-editorial h2{font-size:clamp(40px,7vw,58px)}.page-home .support-orange .support-caption strong{font-size:clamp(36px,7vw,54px)}.page-websites .selected-second-example{grid-template-columns:1fr;gap:35px;padding:48px 6%}.page-websites .showcase-testimonial{font-size:clamp(26px,4.5vw,37px)}}
@media(prefers-reduced-motion:reduce){.intelligence-emblem{animation:none}}
/* Site-wide pricing and clearer people-first showcases. */
.proposal .header-pricing{font-size:11px;padding:16px 19px;background:transparent;color:#f8f6ef;border:1px solid #fff6;white-space:nowrap;margin-right:-20px}
.proposal .header-pricing:hover{background:var(--orange);color:#111}
.proposal .mobile-nav .header-pricing{margin:0;width:max-content}
.page-home .support-team-portraits{display:flex;align-items:center;gap:10px;margin:22px 0 26px}
.page-home .support-team-portraits img{width:56px;height:56px;border-radius:50%;object-fit:cover;object-position:center 25%;border:2px solid #fff8e5;box-shadow:0 5px 15px #0002}
.page-home .support-orange .support-editorial{padding-top:70px;padding-bottom:60px}
.page-websites .selected-showcase-surround,.page-websites .ref-selected.selected-split{background:#fff}
.page-websites .selected-device-panel{background:#eae8dc}
.page-websites .ref-selected .selected-photo-panel{min-height:760px}
.page-websites .ref-selected .selected-owner-photo{transform:none;object-position:50% 28%}
.page-websites .selected-photo-copy .showcase-editorial-statement{font-size:clamp(28px,3.1vw,44px);line-height:1.12}
.page-websites .selected-photo-copy>p:not(.eyebrow){font-size:16px;line-height:1.65;max-width:470px}
.page-websites .selected-reversed{margin-top:60px!important}
.page-websites .selected-reversed .selected-device-panel{order:1}
.page-websites .selected-reversed .selected-photo-panel{order:2}
@media(max-width:1100px) and (min-width:801px){.proposal .site-header{gap:20px}.proposal .desktop-nav{gap:18px}.proposal .header-pricing{margin-right:0;padding:14px}}
@media(max-width:800px){.proposal .header-pricing{margin-left:auto;margin-right:0;padding:12px 15px}.proposal .header-cta{margin-left:0}.page-home .support-orange .support-editorial{padding-top:48px;padding-bottom:25px}.page-websites .ref-selected .selected-photo-panel{min-height:660px}}
@media(max-width:700px){.page-websites .selected-reversed .selected-photo-panel{order:1}.page-websites .selected-reversed .selected-device-panel{order:2}.page-websites .ref-selected .selected-photo-panel{min-height:610px}}
@media(max-width:600px){.proposal .site-header>.header-cta{display:none}.proposal .site-header{gap:12px}.proposal .header-pricing{font-size:10px;padding:11px 14px}}
.page-websites .selected-reversed .selected-desktop>img{display:block;width:100%;height:auto}
.page-websites .ref-selected .donelson-owner-photo{object-position:50% 20%;transform:none}
.page-websites .selected-photo-copy .showcase-editorial-statement{margin:12px 0 18px}

/* Keep the website screenshot flush beneath the browser chrome. */
.page-websites .selected-reversed .selected-desktop>img{border:0;border-radius:0 0 10px 10px;box-shadow:none;max-height:none;margin:0}
/* The website package shares Studio's pricing table and warm dark palette. */
.website-pricing-table thead td{width:58%}
.website-pricing-table h2.pricing-table-intro{font-size:clamp(34px,4vw,58px);line-height:1.1;font-weight:600;max-width:650px;margin:0;color:#faf5ea}
.website-pricing-table .pricing-amount{font-size:64px}
#website-pricing{scroll-margin-top:110px}
@media(max-width:550px){.website-pricing-table thead td{width:55%}.website-pricing-table h2.pricing-table-intro{font-size:27px}.website-pricing-table .pricing-amount{font-size:43px}}

/* Bring the website features and package column into a compact shared layout. */
.website-pricing>.container{max-width:1040px}
.website-pricing-table{border-spacing:12px 0;width:calc(100% + 24px);margin-inline:-12px}
.website-pricing-table thead td{width:54%}
.website-pricing-table th,.website-pricing-table td{padding-inline:24px}
.website-pricing-table tbody th{padding-left:0;padding-right:20px}
@media(max-width:550px){.website-pricing-table{border-spacing:8px 0;width:calc(100% + 16px);margin-inline:-8px}.website-pricing-table th,.website-pricing-table td{padding-inline:12px}.website-pricing-table tbody th{padding-left:0;padding-right:12px}}

/* Crisp, single-colour arrows on mobile and desktop, including iOS Safari. */
.site-arrow{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex-shrink:0;color:inherit;overflow:visible;pointer-events:none}
.site-arrow path{vector-effect:non-scaling-stroke}

/* Shared pricing destination, retaining each product's original pricing table. */
.product-pricing-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:30px}
.proposal .button.pricing-jump{background:transparent;color:#faf5ea;border:1px solid #faf5ea70}
.proposal .button.pricing-jump:hover{background:#faf5ea;color:#172018}
.page-websites .hero-actions .pricing-jump{order:2}
.page-websites .hero-actions .hero-secondary{order:3}
.pricing-page-intro{padding:160px 0 80px;color:#faf5ea}
.pricing-page-intro h1{font-size:clamp(44px,6.5vw,86px);line-height:1.04;letter-spacing:-.05em;margin:25px 0}
.pricing-page-intro>.container>p:not(.eyebrow){max-width:660px;font-size:19px;line-height:1.7;color:#d6dacc}
.pricing-section-heading{margin-bottom:42px}
.pricing-section-heading h2{font-size:clamp(36px,4vw,58px);line-height:1.1;letter-spacing:-.04em;margin:20px 0;color:#faf5ea}
.pricing-section-heading>p:last-child{font-size:17px;line-height:1.7;color:#d6dacc}
.page-pricing #studio-pricing{border-top:1px solid #ffffff20;scroll-margin-top:110px}
@media(max-width:650px){.pricing-page-intro{padding:125px 0 55px}.pricing-page-intro>.container>p:not(.eyebrow){font-size:16px}.product-pricing-actions{gap:12px}.product-pricing-actions .button{font-size:11px}}

/* Website and Studio share one pricing space with accessible tabs. */
.pricing-switcher{background:#111713;color:#faf5ea;padding-top:35px}
.pricing-tab-list{display:flex;gap:8px;max-width:1040px;border-bottom:1px solid #ffffff25;padding-bottom:16px}
.pricing-tab-list button{font:600 16px/1.3 var(--sans, sans-serif);padding:15px 30px;border:1px solid #ffffff40;border-radius:8px;background:transparent;color:#faf5ea;cursor:pointer}
.pricing-tab-list button[aria-selected="true"]{background:var(--orange);border-color:var(--orange);color:#111713}
.pricing-tab-list button:focus-visible{outline:2px solid #faf5ea;outline-offset:4px}
.pricing-switcher [role="tabpanel"][hidden]{display:none}
.pricing-switcher .studio-pricing{padding-top:45px}
.page-pricing .pricing-switcher #studio-pricing{border-top:0}
@media(max-width:550px){.pricing-tab-list button{flex:1;padding:14px 20px}.pricing-switcher .studio-pricing{padding-top:30px}}

/* Match the shared Studio panel to the website pricing width. */
.page-pricing #studio-pricing>.container,.page-studio #studio-pricing>.container{max-width:1040px}

/* Readable headings for legal notices on desktop and mobile. */
.page-privacy .carry-section h1,.page-cookies .carry-section h1{font-size:clamp(30px,3.5vw,42px);line-height:1.15;letter-spacing:-.035em;margin-bottom:24px}
.page-privacy .carry-section h2,.page-cookies .carry-section h2{font-size:clamp(21px,2vw,26px);line-height:1.3;letter-spacing:-.02em;margin:32px 0 12px}

/* Keep legal notice introductions clear of the fixed site header. */
.page-privacy .carry-section,.page-cookies .carry-section{padding-top:100px}
@media(max-width:800px){.page-privacy .carry-section,.page-cookies .carry-section{padding-top:80px}}

/* Mobile navigation: simple Pricing link and a prominent contact action. */
@media(max-width:800px){
  .proposal .site-header>.header-pricing{display:none}
  .proposal .site-header>.menu-toggle{margin-left:auto}
  .proposal .mobile-nav{max-height:calc(100dvh - 80px);overflow-y:auto;padding-bottom:max(24px,env(safe-area-inset-bottom))}
  .proposal .mobile-nav>a.mobile-nav-cta{display:flex;width:100%;min-height:60px;margin:20px 0 0;padding:18px 20px;background:var(--orange);color:var(--ink);border:1px solid transparent;font:700 16px/1.5 Manrope,Arial,sans-serif;text-transform:none;gap:20px}
  .proposal .mobile-nav>a.mobile-nav-cta:hover{background:#ff9865}
  .proposal .mobile-nav>a.mobile-nav-cta>span{display:grid;place-items:center;padding:0 0 0 18px;border-left:1px solid #11121150;font:inherit}
  .proposal .mobile-nav>a.mobile-nav-cta .site-arrow{width:22px;height:22px}
}