/* Shared finishing layer: established palette, larger real project imagery,
   readable surfaces and consistent control/typographic rhythm. */
:root{--ash-2:#ad9eaa;--quality-line:#d3b2c32e;--quality-panel:#110e18}
html{scroll-padding-top:110px}
body{font-size:16px}
.site-header{max-width:1320px}
.site-nav>a:not(.button){font-family:var(--body);font-size:12px;font-weight:700;letter-spacing:.07em}
.section{padding-top:104px;padding-bottom:104px}
.section-head{align-items:end;gap:48px;margin-bottom:45px}
.section-head h2,.section--build .section-head h2,.diff-title{font-family:var(--display);font-size:clamp(28px,3.3vw,46px);font-weight:500;text-transform:none;letter-spacing:-.035em;line-height:1.15}
.section--build .section-head h2 em{background:none;color:#ff966c;-webkit-text-fill-color:currentColor}
.section-head>p,.section-head>div+p{font-size:16px;line-height:1.8;max-width:46ch}
.eyebrow{font-family:var(--body);font-size:11px;letter-spacing:.13em}
.offer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.offer-card{display:grid;grid-template-columns:1fr;border:1px solid var(--quality-line);border-radius:16px;overflow:hidden;background:linear-gradient(150deg,#211320,#0d0b12);transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .4s}
.offer-card:hover{transform:translateY(-5px);border-color:#d992b16b}
.offer-shot{height:auto;aspect-ratio:16/9;padding:22px 22px 0;background:#1b1220;overflow:hidden}
.offer-shot img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:8px 8px 0 0;transition:transform .7s cubic-bezier(.16,1,.3,1)}
.offer-card:hover .offer-shot img{transform:scale(1.035)}
.offer-copy{padding:27px 28px 30px;display:flex;flex-direction:column;align-items:start;gap:0}
.offer-copy .cap-code{font-size:10px;color:#d493ae;letter-spacing:.12em;margin-bottom:14px}
.offer-copy h3{font-family:var(--display);font-size:22px;font-weight:500;line-height:1.3;letter-spacing:-.025em;margin-bottom:14px}
.offer-copy p{font-size:15px;line-height:1.75;color:#c7bac5;margin-bottom:20px;max-width:53ch}
.offer-copy>a{font-family:var(--body);font-size:13px;font-weight:700;letter-spacing:.02em;text-transform:none;color:#ffb49b;margin-top:auto;min-height:44px;display:inline-flex;align-items:center;gap:14px}
.service-index{margin-top:50px;padding-top:40px;border-top:1px solid var(--quality-line)}
.service-index h3,.section--build .service-index h3{font-family:var(--display);font-size:clamp(21px,2.3vw,29px);font-weight:500;line-height:1.3;text-transform:none;letter-spacing:-.025em}
.service-index p{font-size:15px;line-height:1.8;color:#c1b2be}
.index-details{background:#14101b;border:1px solid var(--quality-line);border-radius:12px;padding:0 24px}
.index-details summary{min-height:64px;align-content:center;font-size:14px}
.founder{gap:64px;align-items:start}
.founder-photo{position:sticky;top:110px;border-radius:16px;overflow:hidden}
.founder-photo img{width:100%;aspect-ratio:4/5;object-fit:cover}
.founder-photo figcaption{padding:22px 24px;background:#17101a;font-size:16px}
.founder-photo small{font-size:12px;color:#c1b0bd;line-height:1.7}
.founder-copy h2{font-size:clamp(28px,3.1vw,42px);font-weight:500;line-height:1.2;letter-spacing:-.03em}
.founder-copy>p{font-size:15px;line-height:1.85;color:#c6b9c3}
.founder-copy>p strong{color:#f6efe8}
.founder-points{gap:14px;margin-block:25px}
.founder-points li{font-size:14px;line-height:1.6}
.founder-idea{padding:26px;border-radius:12px;background:#1c101d;border-color:#ca759c40}
.founder-idea h3{font-size:18px;font-weight:500;line-height:1.45}
.founder-idea p{font-size:14px;line-height:1.8}
.diff{margin-top:64px;padding-top:44px}.diff-grid{border-radius:14px}.diff-grid>div{padding:30px}.diff-grid p{font-size:14px}
.section--light{background:#f0e9e4;color:#1c1119}
.section--light .section-head>p,.section--light .section-head>div+p{color:#66535f}
.showroom{border:0;border-radius:16px;box-shadow:0 30px 65px -35px #28132280;grid-template-columns:260px minmax(0,1fr)}
.showroom-index{padding:26px 18px;background:#170f1d}
.showroom-tab{padding:17px 14px;border-radius:8px;min-height:78px}
.showroom-tab b{font-size:15px}.showroom-tab i,.showroom-tab.is-active i{color:#baa9b8;font-size:12px}
.showroom-tab.is-active{background:#f4e9ed12}.showroom-tab.is-active span{color:#ffb59a}
.showroom-index>p{font-size:11px;line-height:1.7;color:#ae9faa}
.showroom-stage{padding:28px}.scene.is-active{gap:24px}
.product-frame{border-radius:10px}.product-frame img{object-position:top}
.scene-caption{grid-template-columns:1fr;gap:13px}.scene-caption h3{font-size:28px;font-weight:500}.scene-caption p{font-size:15px;line-height:1.75}
.showroom .text-link,.section--light .showroom .text-link{color:#ffad99}
.product-stack{gap:7px}.product-stack li{font-size:11px;padding:6px 10px}
.section--panel{background:#100c16}.section--panel .fineprint{color:#bdadba}
.auto-lab{gap:30px}.auto-tile{padding:16px 17px;min-height:90px;border-radius:10px;background:#201525;transition:border-color .3s,background .3s}
.auto-tile b{font-family:var(--body);font-size:14px;line-height:1.45}.auto-tile span{font-size:12px;line-height:1.6;color:#bbabba}.auto-tile.is-active{background:#472238;border-color:#d998b16e}.auto-tile.is-active span{color:#ffb8d2}
.auto-demo{background:linear-gradient(150deg,#2c182c,#120e1b);border-color:#d49cba35;border-radius:14px;padding:28px}
.auto-demo h3{font-size:23px;font-weight:500;line-height:1.35}.auto-demo>p{font-size:15px;line-height:1.75}.auto-steps li{padding:15px;border-radius:9px}.auto-steps small{font-size:12px;line-height:1.6}.auto-result{font-size:14px;line-height:1.65}
.plans{gap:22px;align-items:stretch}.plan{padding:34px 30px;border:1px solid #35232f29;border-radius:14px;background:#fffaf680}
.plan h3{font-size:28px;font-weight:500;letter-spacing:-.03em}.plan-line{font-size:14px;color:#68525e}.plan ul{margin-top:26px;gap:16px}.plan li{font-size:14px;line-height:1.7;color:#45303d}
.section--light .plan.plan--lead{background:#241423;color:#f6efe8;border-color:#241423;transform:none;box-shadow:0 24px 44px -28px #4d143c7a}
.section--light .plan--lead .plan-line,.section--light .plan--lead li{color:#dbc7d5}.section--light .plan--lead li::before{color:#ffad96}
.plan-alt{margin-top:28px;border-radius:12px;padding:30px;background:#e5d7df}.plan-alt h3{font-size:21px;line-height:1.4}.plan-alt p,.fineprint{font-size:13px;line-height:1.8}.fineprint{color:#6a5862;max-width:100ch}
.steps{gap:28px}.steps li{padding-top:30px}.steps h3{font-size:21px;font-weight:500;letter-spacing:-.025em}.steps p{font-size:15px;line-height:1.8;color:#bfb0bc}
.ways{gap:24px}.way{border:1px solid #39253626;border-radius:12px;padding:30px;background:#fffaf680;display:flex;flex-direction:column;align-items:start}.way h3{font-size:26px;font-weight:500}.way p,.way li{font-size:14px;line-height:1.8;color:#5e4a57}.way .way-term{color:#90283e;font-weight:700}.way .text-link{margin-top:auto;min-height:44px;display:inline-flex;align-items:center}
.faq{max-width:900px}.faq details{border-color:#d1a6c029;padding:0 2px}.faq summary{font-family:var(--body);font-size:18px;font-weight:600;line-height:1.5;min-height:78px;padding:24px 42px 24px 0}.faq details>p{font-size:15px;line-height:1.85;color:#cbbbca;max-width:72ch;padding-bottom:24px}.faq details[open] summary{color:#ffb59b}
.brief{padding-top:112px;padding-bottom:100px}.brief-grid{gap:70px;align-items:start}.brief-copy{position:sticky;top:115px}.brief-copy h2{font-size:clamp(34px,3.8vw,50px);line-height:1.15;font-weight:500;letter-spacing:-.035em}.brief-copy>p{font-size:16px;line-height:1.8}.brief-ways a{font-size:14px;min-height:46px}
.brief-form{padding:34px;border:1px solid #d5a1c135;border-radius:16px;background:linear-gradient(145deg,#25172a,#110e18);gap:23px 20px}
.brief-form label{font-family:var(--body);font-size:13px;line-height:1.6;color:#e0cbdc;gap:8px}
.brief-form input,.brief-form select,.brief-form textarea{font-size:16px;color:#f6efe8;background:#0c0911b3;border:1px solid #d2adca3b;border-radius:7px;padding:13px 14px;min-height:49px;box-shadow:none}
.brief-form textarea{line-height:1.65;min-height:160px;resize:vertical}.brief-form input:focus,.brief-form select:focus,.brief-form textarea:focus{border-color:#f49abf;outline:2px solid #f49abf55;outline-offset:2px}.brief-form ::placeholder{color:#a996a7;opacity:1}.brief-form option{color:#f6efe8;background:#170f20}
.brief-form [aria-invalid="true"]{border-color:#ff92af}.field-error{display:block;font-size:12px;color:#ffb1c6;line-height:1.5}.form-foot{gap:20px}.form-foot p{font-size:12px;line-height:1.7;color:#c0adbd}.form-foot .button{font-family:var(--body);font-size:14px;letter-spacing:0;text-transform:none;border-radius:7px;min-height:52px}.form-foot button:disabled{cursor:wait;opacity:.65;transform:none}
.brief-fallback{display:flex;gap:15px;flex-wrap:wrap;grid-column:1/-1}.brief-fallback a{font-size:13px;min-height:44px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:4px;color:#ffb9d0}
.footer-nav a{min-height:36px;display:inline-flex;align-items:center}.footer-giant{color:#83707f;opacity:1}.site-footer{padding-top:70px}
.work-case{gap:48px}.work-copy h2{font-size:32px;font-weight:500}.work-copy>p{font-size:16px;line-height:1.8}.work-shot{border-radius:14px}.work-close{border-radius:14px}
.demo-pause{margin-top:20px;padding:10px 16px;min-height:44px;border:1px solid #bca2b54d;border-radius:6px;background:#241726;color:#efdfeb;font:inherit;font-size:13px;cursor:pointer}.demo-pause:disabled{color:#bdadba;cursor:default}
:focus-visible{outline:2px solid #ffb7d1;outline-offset:5px}
body.brief-in-view .wa-float{opacity:0;visibility:hidden;pointer-events:none}
main[class*="max-w-3xl"]{padding-top:130px;padding-bottom:90px}main[class*="max-w-3xl"] h1{font-size:clamp(36px,5vw,54px);line-height:1.2}main[class*="max-w-3xl"] h2{font-size:24px;line-height:1.35;font-weight:500;letter-spacing:-.025em}main[class*="max-w-3xl"] p{font-size:15px;line-height:1.85}main[class*="max-w-3xl"]>div{margin-top:44px}
@media(max-width:1080px){.section{padding-block:78px}.section-head{gap:28px}.founder{gap:35px}.showroom{grid-template-columns:1fr}.showroom-index{padding:20px;display:flex;flex-wrap:wrap}.showroom-tab{flex:1 1 180px}.brief-grid{gap:36px}.brief-form{padding:25px}.plans,.ways{gap:15px}.plan,.way{padding:25px 23px}}
@media(max-width:760px){html{scroll-padding-top:95px}.section{padding-block:64px}.site-nav{max-height:calc(100dvh - 105px);overflow-y:auto}.site-nav>a:not(.button){font-size:16px;min-height:44px}.section-head{display:grid;grid-template-columns:1fr;gap:18px;margin-bottom:30px}.section-head h2,.section--build .section-head h2,.diff-title{font-size:clamp(26px,6.8vw,34px);line-height:1.23}.section-head>p,.section-head>div+p{font-size:15px;line-height:1.8}.offer-grid{grid-template-columns:1fr;gap:22px}.offer-shot{padding:16px 16px 0}.offer-copy{padding:24px}.offer-copy h3{font-size:22px}.offer-copy p{font-size:14px}.founder{gap:30px}.founder-photo,.brief-copy{position:relative;top:auto}.founder-photo img{aspect-ratio:1/1}.founder-copy>p{font-size:14px}.founder-copy h2{font-size:28px}.founder-idea{padding:22px}.service-index{margin-top:36px}.showroom-stage{padding:20px}.showroom-index{padding:15px;gap:5px}.showroom-tab{flex:1 1 100%;min-height:60px;padding:13px}.showroom-tab i{display:block}.scene-caption h3{font-size:24px}.scene-caption p{font-size:14px}.auto-lab{gap:22px}.auto-tile{flex-basis:230px;min-height:90px}.auto-demo{padding:23px}.auto-demo h3{font-size:21px}.auto-steps li{padding:12px}.plans,.ways{grid-template-columns:1fr;gap:16px}.plan,.way{padding:28px}.plan ul{margin-top:20px}.plan-alt{padding:24px}.steps{grid-template-columns:1fr;gap:20px}.steps li{padding-top:24px}.faq summary{font-size:16px;min-height:72px;padding-block:22px}.faq details>p{font-size:14px}.brief{padding-block:72px}.brief-grid{gap:34px}.brief-form{padding:24px 20px;gap:20px;grid-template-columns:1fr}.brief-form .wide,.form-foot{grid-column:1}.form-foot{display:flex;flex-direction:column;align-items:stretch}.form-foot .button{width:100%}.brief-copy h2{font-size:34px}.brief-ways a{overflow-wrap:anywhere}.footer-nav{gap:5px 20px}.work-copy h2{font-size:27px}.work-case{gap:25px}.work-copy>p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.offer-card,.offer-shot img{transition:none}.offer-card:hover,.offer-card:hover .offer-shot img{transform:none}}

/* Melbourne after rain: calmer proof surfaces, one clear action colour. */
:root {
  --void: #09090d;
  --void-2: #111218;
  --plum: #15171c;
  --plum-2: #1c1e24;
  --burgundy: #8f2039;
  --crimson: #c92855;
  --rose: #e45878;
  --ember: #f2553c;
  --ember-soft: #ff7048;
  --gold: #d8a340;
  --cream: #f3eee7;
  --ash: #c4c2bc;
  --ash-2: #a7aaa5;
  --ink: #17181d;
  --ink-muted: #595b61;
  --accent-lt: #b52640;
  --line-lt: #17181d1f;
  --line-lt-2: #17181d3d;
  --line: #f3eee71f;
  --line-2: #f3eee738;
  --quality-line: #f3eee724;
  --quality-panel: #111218;
  --color-background: #09090d;
  --color-foreground: #f3eee7;
  --color-card: #111218;
  --color-muted: #181a20;
  --color-muted-foreground: #c4c2bc;
  --color-border: #f3eee724;
  --color-input: #f3eee733;
  --color-ring: #ff7048;
  --color-primary: #ff7048;
  --color-primary-foreground: #17181d;
  --color-accent: #ff7048;
  --color-accent-foreground: #17181d;
  --color-ember: #f2553c;
}

body {
  background: var(--void);
  color: var(--cream);
}

.site-header {
  border-color: #f3eee726;
  background: #0b0c11e8;
  box-shadow: 0 18px 50px -34px #000c;
}

.button:not(.button--ghost),
.hero .hero-actions .button:not(.button--ghost) {
  border-color: #ff9678;
  background: var(--ember-soft);
  color: var(--ink);
  box-shadow: 0 16px 38px -20px #ff7048a8;
}

.site-nav .button:not(.button--ghost) {
  background: var(--ember-soft);
  color: var(--ink);
}

.button:not(.button--ghost):hover,
.hero .hero-actions .button:not(.button--ghost):hover {
  border-color: #ffad94;
  background: #ff835f;
  box-shadow: 0 19px 42px -20px #ff7048b8;
}

.hero {
  --hero-white: #f3eee7;
  --hero-soft: #c4c2bc;
  background: var(--void);
}

.hero .hero-fade {
  background:
    radial-gradient(ellipse at 78% 38%, #31364052, transparent 48%),
    radial-gradient(ellipse at 85% 67%, #ff70481f, transparent 32%),
    linear-gradient(110deg, #09090d 28%, #111218 70%, #0b0c11);
}

.hero::after {
  background: linear-gradient(90deg, transparent, #ff70484d, transparent);
}

.hero .hero-copy h1 span,
.hero .phone-big em,
.section--build .section-head h2 em {
  color: var(--ember-soft);
}

.hero .hero-eyebrow::before {
  background: var(--crimson);
}

.hero .phone-cards > div {
  border-color: #f3eee72b;
  background: linear-gradient(135deg, #24262dcc, #101116f2);
}

.hero .phone-cards > div::before {
  border-color: #ff8c6e;
  background: linear-gradient(90deg, #ff704829, transparent);
  box-shadow: inset 0 4px 0 #ff704824;
}

.hero .panel {
  border-top-color: #f3eee738;
}

.section--build {
  background:
    radial-gradient(circle at 12% 0%, #c9285512, transparent 34rem),
    radial-gradient(circle at 90% 20%, #ff704812, transparent 30rem),
    var(--void);
}

.offer-card {
  border-color: var(--quality-line);
  background: linear-gradient(150deg, #1d1f25, #101116);
}

.offer-card:hover {
  border-color: #ff704873;
}

.offer-shot,
.index-details {
  background: #17191f;
}

.offer-copy .cap-code,
.offer-copy > a {
  color: #ff9273;
}

.offer-copy p,
.service-index p,
.founder-copy > p,
.steps p,
.section--panel .fineprint {
  color: var(--ash);
}

.founder-photo figcaption,
.founder-idea {
  background: #181a20;
}

.founder-idea {
  border-color: #ff704838;
}

.section--light {
  background: var(--cream);
  color: var(--ink);
}

.showroom-index {
  border-color: #f3eee71f;
  background: #181a20;
}

.showroom .text-link,
.section--light .showroom .text-link {
  color: #ff9273;
}

.section--panel {
  background: #111218;
}

.auto-tile {
  border-color: #f3eee724;
  background: #1b1d23;
}

.auto-tile span {
  color: #bfc2bc;
}

.auto-tile.is-active {
  border-color: #ff70487a;
  background: #292b31;
}

.auto-tile.is-active span {
  color: #ff9c80;
}

.auto-demo {
  border-color: #f3eee72b;
  background: linear-gradient(150deg, #22242b, #121319);
}

.auto-steps li {
  background: #0d0e12b8;
}

.auto-result {
  border-color: #ff704866;
  background: #ff704817;
}

.section--light .plan.plan--lead {
  border-color: #202229;
  background: #202229;
  color: var(--cream);
  box-shadow: 0 24px 44px -28px #1113188f;
}

.section--light .plan--lead .plan-line,
.section--light .plan--lead li {
  color: #d8d6cf;
}

.plan-alt {
  background: #e6ded3;
}

.brief-form {
  border-color: #f3eee72b;
  background: linear-gradient(145deg, #1c1e24, #111218);
}

.brief-form label,
.form-foot p {
  color: #d0cec8;
}

.brief-form input,
.brief-form select,
.brief-form textarea {
  border-color: #f3eee738;
  background: #0c0d12d9;
  color: var(--cream);
}

.brief-form input:focus,
.brief-form select:focus,
.brief-form textarea:focus {
  border-color: var(--ember-soft);
  outline-color: #ff70485c;
}

.brief-form ::placeholder {
  color: #a7aaa5;
}

.footer-giant {
  color: #8f928d;
}

:focus-visible {
  outline-color: #ff8d6e;
}

@media (prefers-contrast: more) {
  :root {
    --ash: #dedbd4;
    --ash-2: #c6c8c2;
    --line: #f3eee747;
    --line-2: #f3eee766;
  }
}

/* Melbourne studio daylight: cool working surfaces with one warm brand object. */
:root {
  --studio-silver: #e7edf1;
  --studio-paper: #f8faf9;
  --harbour-ink: #071b2b;
  --harbour-panel: #0c263b;
  --electric-blue: #245dff;
  --electric-blue-deep: #1748d4;
  --signal-coral: #ff654a;
  --steel-copy: #4d606b;
  --steel-line: #071b2b24;
  --void: #071b2b;
  --void-2: #0c263b;
  --plum: #102c43;
  --plum-2: #15344e;
  --crimson: #ff654a;
  --ember: #ff654a;
  --ember-soft: #245dff;
  --cream: #f8faf9;
  --ash: #c8d3d9;
  --ash-2: #a9bac4;
  --ink: #071b2b;
  --ink-muted: #4d606b;
  --accent-lt: #1748d4;
  --line-lt: #071b2b24;
  --line-lt-2: #071b2b45;
  --line: #d9e5eb2b;
  --line-2: #d9e5eb52;
  --quality-line: #071b2b24;
  --quality-panel: #f8faf9;
  --color-background: #e7edf1;
  --color-foreground: #071b2b;
  --color-card: #f8faf9;
  --color-muted: #dce5ea;
  --color-muted-foreground: #4d606b;
  --color-border: #071b2b24;
  --color-input: #071b2b33;
  --color-ring: #245dff;
  --color-primary: #245dff;
  --color-primary-foreground: #ffffff;
  --color-accent: #245dff;
  --color-accent-foreground: #ffffff;
}

body {
  background: var(--studio-silver);
  color: var(--harbour-ink);
}

.drip-progress { background: var(--electric-blue); }

.site-header {
  border-color: #071b2b24;
  background: #f8faf9ed;
  box-shadow: 0 20px 55px -36px #071b2b66;
}

.site-header .brand-word b,
.site-nav > a:not(.button) { color: var(--harbour-ink); }
.site-header .brand-word small { color: var(--steel-copy); }
.nav-toggle span { background: var(--harbour-ink); }

.button:not(.button--ghost),
.hero .hero-actions .button:not(.button--ghost),
.site-nav .button:not(.button--ghost) {
  border-color: #1748d4;
  background: var(--electric-blue);
  color: #ffffff;
  box-shadow: 0 17px 38px -20px #245dffb3;
}

.button:not(.button--ghost):hover,
.hero .hero-actions .button:not(.button--ghost):hover {
  border-color: #0f3fbf;
  background: var(--electric-blue-deep);
  box-shadow: 0 20px 44px -20px #245dffcc;
}

.hero {
  --hero-white: #071b2b;
  --hero-soft: #405560;
  background: var(--studio-silver);
  color: var(--harbour-ink);
}

.hero .hero-fade {
  background:
    radial-gradient(ellipse at 79% 36%, #ffffffcc, transparent 48%),
    radial-gradient(ellipse at 87% 64%, #ff654a26, transparent 31%),
    linear-gradient(110deg, #f7f9f8 20%, #e7edf1 66%, #d9e5eb);
}

.hero::after { background: linear-gradient(90deg, transparent, #245dff73, transparent); }
.hero .hero-copy h1,
.hero .panel-tiles b,
.hero .phone-big { color: var(--harbour-ink); }
.hero .hero-copy h1 span { color: var(--electric-blue); }

.hero .hero-eyebrow,
.hero .hero-lede,
.hero .hero-facts,
.hero .hero-facts a,
.hero .panel-head,
.hero .panel-tiles span,
.hero .chip span,
.hero .scroll-cue { color: var(--steel-copy); }

.hero .hero-eyebrow::before { background: var(--signal-coral); }

.hero .hero-actions .button--ghost {
  border-color: #071b2b40;
  background: #f8faf9b8;
  color: var(--harbour-ink);
  box-shadow: none;
}

.hero .hero-actions .button--ghost:hover {
  border-color: #245dff8f;
  background: #ffffff;
}

.hero .hero-facts li + li::before,
.hero .panel,
.hero .hero-chips { border-color: #071b2b29; }
.hero .phone-brand { color: #405560; }
.hero .phone-big em { color: var(--signal-coral); }

.hero .phone-cards > div {
  border-color: #d9e5eb52;
  background: linear-gradient(140deg, #12324bd9, #071b2bf2);
  box-shadow: 0 24px 48px -22px #071b2b8f;
}

.hero .phone-cards > div::before {
  border-color: #7ca2ff;
  background: linear-gradient(90deg, #245dff38, transparent);
  box-shadow: inset 0 4px 0 #245dff2e;
}

.hero .chip b { color: var(--harbour-ink); }
.hero .chip svg { stroke: var(--electric-blue); }
.hero .scroll-cue i { background: linear-gradient(var(--electric-blue), transparent); }

.marquee {
  border-color: #d9e5eb24;
  background: var(--harbour-ink);
  color: #dbe7ec;
}
.marquee-track span::before { background: var(--signal-coral); }

.section--build,
.section--light {
  background: var(--studio-paper);
  color: var(--harbour-ink);
}

.section--build {
  background:
    radial-gradient(circle at 12% 0%, #245dff12, transparent 34rem),
    radial-gradient(circle at 90% 20%, #ff654a14, transparent 30rem),
    var(--studio-paper);
}

.section--build .section-head h2 em,
.text-link,
.section--light .text-link,
.offer-copy .cap-code,
.offer-copy > a { color: var(--electric-blue); }

.offer-card,
.founder-idea,
.plan-alt {
  border-color: var(--steel-line);
  background: #ffffff;
  color: var(--harbour-ink);
  box-shadow: 0 24px 55px -42px #071b2b73;
}

.offer-card:hover,
.founder-idea { border-color: #245dff59; }
.offer-shot,
.index-details { background: #dce5ea; }

.offer-copy h3,
.service-index h3,
.founder-copy h2,
.founder-idea h3 { color: var(--harbour-ink); }

.offer-copy p,
.service-index p,
.founder-copy > p,
.steps p { color: var(--steel-copy); }

.section--panel {
  background: var(--harbour-ink);
  color: var(--studio-paper);
}

.section--panel .eyebrow,
.section--panel .fineprint,
.faq details > p { color: #bdcbd3; }
.faq details[open] summary { color: #8eadff; }

.brief {
  background:
    radial-gradient(circle at 12% 20%, #245dff26, transparent 32rem),
    radial-gradient(circle at 88% 64%, #ff654a20, transparent 30rem),
    var(--harbour-ink);
  color: var(--studio-paper);
}

.brief-copy > p,
.brief-ways a { color: #c8d3d9; }

.brief-form {
  border-color: #8eadff38;
  background: linear-gradient(145deg, #143650, #091f31);
}

.brief-form label,
.form-foot p { color: #dbe5ea; }

.brief-form input,
.brief-form select,
.brief-form textarea {
  border-color: #d9e5eb3b;
  background: #061723d9;
  color: #f8faf9;
}

.brief-form input:focus,
.brief-form select:focus,
.brief-form textarea:focus {
  border-color: #7ca2ff;
  outline-color: #245dff73;
}

.brief-form ::placeholder { color: #a9bac4; }

.site-footer {
  background: #051521;
  color: #dbe5ea;
}

.site-footer .brand-word b,
.site-footer a { color: #f8faf9; }

.site-footer .brand-word small,
.site-footer .footer-contact,
.site-footer .footer-bottom { color: #a9bac4; }
.footer-giant { color: #78909d; }
:focus-visible { outline-color: #7ca2ff; }

@media (max-width: 760px) {
  .site-nav {
    border-color: #071b2b24;
    background: #f8faf9fa;
  }
  .site-nav > a:not(.button) { color: var(--harbour-ink); }
}

@media (prefers-contrast: more) {
  :root { --steel-copy: #2e414c; }
}

/* Remove the decorative pedestal strip while retaining the proof stats. */
.hero .phone-big,
.hero .panel-head {
  display: none;
}

.hero .panel {
  border-top: 0;
  padding-top: 0;
}

/* Compare block in Plans: the usual routes against one studio. 3 Oct 2026 */
.compare{margin-top:28px;border:1px solid var(--line-lt-2,#15040829);border-radius:18px;padding:34px 36px;background:#ffffff8c}
.compare h3{font-size:24px;font-weight:500;letter-spacing:-.02em;line-height:1.35;margin:0 0 24px;color:var(--ink,#150408)}
.compare h3 em{font-style:normal;color:var(--accent-lt,#b3122f)}
.compare-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--line-lt,#1504081f)}
.compare-item{padding:22px 22px 4px 0}
.compare-item+.compare-item{padding-left:22px;border-left:1px solid var(--line-lt,#1504081f)}
.compare-label{font-family:Orbitron,sans-serif;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#68525e;margin:0 0 10px}
.compare-item p:not(.compare-label){font-size:14px;line-height:1.7;color:#45303d;margin:0}
.compare-item--us{background:linear-gradient(#d61a5c14,#ff8a1c14);border-radius:12px;padding-right:22px;padding-bottom:22px}
.compare-item--us .compare-label{color:var(--accent-lt,#b3122f)}
.compare-item--us p:not(.compare-label){color:#241423;font-weight:600}
@media(max-width:1080px){.compare-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compare-item:nth-child(3){padding-left:0;border-left:0}.compare-item:nth-child(n+3){border-top:1px solid var(--line-lt,#1504081f)}}
@media(max-width:760px){.compare{padding:24px 20px}.compare h3{font-size:20px}.compare-grid{grid-template-columns:1fr}.compare-item,.compare-item+.compare-item{padding:18px 0 14px;border-left:0;border-top:1px solid var(--line-lt,#1504081f)}.compare-item--us{padding:18px 16px;margin-top:8px}.compare-item p:not(.compare-label){font-size:16px}}

/* Readable, compact layouts across the existing Digital Drips design. */
main p,main li,.brief-form label,.brief-form input,.brief-form textarea,.brief-form select,
.project-summary p,.project-features li,.offer-copy p,.auto-demo p,.auto-steps small,
.plan li,.plan-line,.founder-copy p,.founder-points li,.faq p,.form-foot p {
 font-size:16px;line-height:1.65;
}
.hero .hero-lede{font-size:18px;line-height:1.65;max-width:54ch}
.hero .hero-facts{gap:12px 20px;flex-wrap:wrap}
.hero .hero-facts li{font-size:14px}
main .eyebrow,main .hero-eyebrow{font-size:12px;line-height:1.5;letter-spacing:.09em}
.site-nav>a:not(.button){font-size:14px;text-transform:none;letter-spacing:0}
.button,.text-link,.brief-ways a,.explorer-tabs button,.service-tabs button{min-height:48px;font-size:16px}
.project-summary p,.section-head>p,.section-head>div+p{max-width:62ch}
.project-features{flex-wrap:wrap;gap:8px}
.project-features li{padding:7px 12px}
.faq summary{font-size:18px;line-height:1.5;padding-block:20px}
.brief-copy>p{font-size:18px;max-width:48ch}
.brief-form{align-content:start}
.brief-form input,.brief-form select{min-height:52px}
.brief-form textarea{min-height:150px}
.enquiry-next{margin-top:32px;padding-top:26px;border-top:1px solid #9aafbd55}
.enquiry-next h3{font-size:20px;line-height:1.4;margin:0 0 20px}
.enquiry-next ol{list-style:decimal;padding-left:24px;display:grid;gap:20px}
.enquiry-next li{padding-left:8px}.enquiry-next li::marker{color:#a9c0ff;font-weight:700}
.enquiry-next strong{font-size:16px;color:#f8faf9}.enquiry-next p{margin:4px 0 0;color:#c8d5de}
.enquiry-privacy{grid-column:1/-1;margin:0;font-size:16px}.enquiry-privacy a{color:#c8d5de;text-decoration:underline;text-underline-offset:4px}
.form-foot{gap:18px;flex-wrap:wrap}.form-foot p{max-width:44ch}
@media(max-width:760px){
 .hero .hero-lede{font-size:16px;line-height:1.7}
 .hero-actions{display:grid;grid-template-columns:1fr;gap:12px}
 .hero-actions .button{justify-content:center;width:100%}
 .hero .hero-facts li{font-size:14px}
 .hero-stage{max-height:340px;overflow:hidden}
 .section{padding-block:52px}.section-head{gap:20px;margin-bottom:26px}
 .brief-grid{gap:32px}.brief-copy>p{font-size:16px}
 .brief-form{grid-template-columns:1fr}.brief-form>label{grid-column:1/-1}
 .form-foot{display:grid;grid-template-columns:1fr}.form-foot button{width:100%}
 .project-summary p,.project-features li,.section-head>p,.section-head>div+p{font-size:16px}
 .explorer-tabs{gap:6px}.explorer-tabs button{padding:12px 16px}
 .site-header .brand-word b{font-size:clamp(13px,4.3vw,18px)}
 .brief-ways a{overflow-wrap:anywhere}
}
/* The explorer loads after this sheet. Keep readable copy independent of load order. */
body main p:not(.eyebrow):not(.hero-eyebrow),body main li,body main label,
body main input,body main select,body main textarea{font-size:16px!important;line-height:1.65!important}
body main .button,body main .text-link,body .explorer-tabs button,body .service-tabs button{font-size:16px!important}
body main .hero-lede{font-size:18px!important}
body .hero .hero-eyebrow{font-size:12px!important}
@media(max-width:760px){body main .hero-lede{font-size:16px!important}.hero .hero-facts{display:flex;flex-direction:row;gap:8px 16px}.hero .hero-facts li:first-child,.hero .hero-facts li:last-child{display:none}}
.hero .hero-chips{display:none}
.hero .panel-tiles span{font-size:16px;line-height:1.6}
/* Explicit surfaces prevent legacy dark-theme states from overriding readable text. */
body .site-header,body .site-header.is-scrolled{background:#f8faf9!important;color:#071b2b;border-color:#ccd6dc}
body .site-header .brand-word b,body .site-header .site-nav>a:not(.button){color:#071b2b!important}
body .site-header .brand-word small{color:#405562!important}
body .service-index p{color:#405562}
body .index-details,body .index-details summary{background:#e4ebef;color:#071b2b;font-size:16px}
body .section--panel>.section-head .eyebrow,body .diff .eyebrow{color:#405562}
body .plan,body .plan--lead{background:#fff;color:#071b2b}
body .plan--lead{border:2px solid #245dff}
body .plan li,body .plan .plan-line{color:#405562}
body .auto-steps li{background:#102d40;color:#f8faf9}
body .auto-steps li b,body .auto-steps li small{color:#f8faf9}
body .diff-grid>div{background:#fff}
body .diff-grid h3{color:#071b2b;font-size:18px}
body .diff-grid p{color:#405562}
body .product-state{color:#b9ccff}
#services .service-index p,#automations .fineprint,#automations .auto-bespoke p,#automations .section-head .eyebrow{color:#405562!important}
#faq .eyebrow{color:#bdcbd3!important}
#plans .plan.plan--lead{background:#fff!important;color:#071b2b!important}
#plans .plan.plan--lead li,#plans .plan.plan--lead .plan-line{color:#405562!important}
#automations .auto-steps li{opacity:1!important;transform:none!important;animation:none!important}
#automations .auto-steps li em{color:#b9ccff}
@media(max-width:760px){
 .site-explorer .explorer-tabs{display:flex;flex-wrap:wrap;padding:10px;gap:8px}
 .site-explorer .explorer-tabs button{flex:1 1 auto;padding:12px 14px}
 .site-explorer .project-list{grid-template-columns:1fr;max-height:none}
 .site-explorer .project-list button{min-height:64px;padding:12px 14px}
 .site-explorer .project-list strong,.site-explorer .project-list small{font-size:16px;line-height:1.5}
}
#automations .auto-more p{color:#405562!important}