@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600&family=Source+Sans+3:wght@400;500;600&family=Barlow+Condensed:wght@600;700;800&family=Fraunces:ital,wght@0,500;0,600;1,500&display=swap');

:root{
  --eucalyptus:#2e5148;
  --eucalyptus-2:#24433c;
  --bark:#e89f86;
  --gum:#f1ede5;
  --gum-2:#e8e3d9;
  --silver:#9aa8a5;
  --wattle:#c8b47d;
  --ink:#173b32;
  --muted:#40534a;
  --white:#fffdf8;
  --line:rgba(24,50,44,.18);
  --radius:20px;
  --shadow:0 22px 70px rgba(27,49,43,.12);
  --display:'Oswald','Arial Narrow','Aptos Narrow',sans-serif;
  --body:'Source Sans 3','Source Sans Pro','Inter',Arial,sans-serif;
  --max:1320px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--gum);color:var(--ink)}
body{margin:0;font-family:var(--body);background:var(--gum);color:var(--ink);font-size:18px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit;color:inherit}
img{max-width:100%;display:block}
::selection{background:var(--bark);color:var(--ink)}
:focus-visible{outline:3px solid var(--bark);outline-offset:4px;border-radius:4px}

.skip-link{position:fixed;top:8px;left:8px;z-index:1000;background:var(--white);padding:10px 14px;transform:translateY(-160%)}
.skip-link:focus{transform:none}

.site-header{position:fixed;inset:0 0 auto 0;z-index:100;transition:.25s ease;pointer-events:none}
.nav-shell{max-width:var(--max);margin:auto;padding:18px 30px;display:flex;align-items:center;justify-content:space-between;gap:28px;pointer-events:auto}
.site-header.scrolled .nav-shell{background:rgba(241,237,229,.86);backdrop-filter:blur(14px);border:1px solid rgba(24,50,44,.1);border-radius:999px;margin-top:12px;box-shadow:0 10px 36px rgba(24,50,44,.08)}
.brand-link{display:flex;align-items:center;gap:12px;min-width:190px}
.brand-link img{width:175px;height:auto}
.nav-links{display:flex;align-items:center;gap:28px;font-size:15px;text-transform:uppercase;letter-spacing:.12em;font-weight:600}
.nav-links a{position:relative;padding:7px 0}
.nav-links a:not(.nav-cta)::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:.25s}
.nav-links a:hover::after,.nav-links a[aria-current="page"]::after{transform:scaleX(1);transform-origin:left}
.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--eucalyptus);color:var(--gum);padding:13px 18px;border-radius:999px;border:1px solid var(--eucalyptus);font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:14px;transition:.2s ease;cursor:pointer}
.nav-cta:hover,.btn:hover{background:var(--bark);border-color:var(--bark);color:var(--ink);transform:translateY(-2px)}
.btn.secondary{background:transparent;color:var(--ink);border-color:rgba(24,50,44,.35)}
.btn.secondary:hover{border-color:var(--ink);background:rgba(255,255,255,.25)}
.btn.light{background:var(--gum);color:var(--eucalyptus);border-color:var(--gum)}
.btn.small{padding:9px 13px;font-size:12px}
.menu-toggle{display:none;border:0;background:none;text-transform:uppercase;letter-spacing:.12em;font-weight:600;cursor:pointer;padding:8px}
.mobile-menu{display:none}

main{overflow:hidden}
.container{width:min(calc(100% - 60px),var(--max));margin-inline:auto}
.section{padding:88px 0;position:relative}
.section.tight{padding:60px 0}
.section.dark{background:var(--eucalyptus);color:var(--gum)}
.section.bark{background:var(--bark);color:var(--ink)}
.section.white{background:var(--white)}
.section.linework::before{content:'';position:absolute;inset:0;background:url('assets/linework.svg') center/cover no-repeat;opacity:.18;pointer-events:none}
.section.bark-lines::before{content:'';position:absolute;inset:0;background:url('assets/bark-lines.svg') center/cover no-repeat;opacity:.22;pointer-events:none}

.eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:.17em;font-weight:600;margin:0 0 18px}
.display{font-family:var(--display);text-transform:uppercase;font-weight:500;letter-spacing:-.015em;line-height:1.03;margin:0}
h1.display{font-size:clamp(56px,7.5vw,116px)}
h2.display{font-size:clamp(44px,5.5vw,84px)}
h3.display{font-size:clamp(32px,3.8vw,58px)}
.lead{font-size:clamp(20px,1.8vw,26px);line-height:1.4;max-width:42ch;margin:20px 0 0}
.body-large{font-size:clamp(20px,2vw,29px);line-height:1.35}
.muted{color:var(--muted)}
.dark .muted{color:rgba(241,237,229,.7)}
.kicker{font-family:var(--display);text-transform:uppercase;font-size:clamp(32px,4vw,66px);line-height:1}

.hero{min-height:760px;min-height:min(880px,100svh);display:flex;align-items:center;padding:132px 0 64px;position:relative;background:var(--gum)}
.hero::after{content:'';position:absolute;inset:0 0 0 52%;background:url('assets/linework.svg') 50% 50%/cover no-repeat;color:var(--eucalyptus);opacity:.16;pointer-events:none}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:48px;align-items:center;position:relative;z-index:2}
.hero-copy{padding-bottom:0}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.hero-note{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:16px;margin-top:36px;font-size:14px;text-transform:uppercase;letter-spacing:.1em}

.browser{background:#f8f5ee;border:1px solid rgba(24,50,44,.2);border-radius:16px;box-shadow:var(--shadow);overflow:hidden;position:relative;color:var(--ink)}
.browser-bar{height:38px;background:#e8e3d9;border-bottom:1px solid rgba(24,50,44,.12);display:flex;align-items:center;padding:0 14px;gap:7px}
.dot{width:8px;height:8px;border-radius:50%;background:#b1aaa3}.dot:nth-child(2){opacity:.72}.dot:nth-child(3){opacity:.48}
.browser-url{margin-left:10px;flex:1;max-width:210px;height:16px;background:rgba(24,50,44,.09);border-radius:999px}
.browser-screen{min-height:520px;position:relative;overflow:hidden}
.hero-browser{transform:rotate(2.5deg);transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.hero-browser:hover{transform:rotate(0deg) translateY(-7px)}

.mock-therapy{background:#f3eee7;padding:38px;color:#233d32;min-height:520px}
.mock-nav{display:flex;justify-content:space-between;align-items:center;font-size:11px;text-transform:uppercase;letter-spacing:.14em;border-bottom:1px solid currentColor;padding-bottom:12px}
.mock-mark{font-weight:600}.mock-links{display:flex;gap:14px;opacity:.8}
.therapy-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:end;padding-top:58px}
.therapy-title{font-family:Georgia,serif;font-size:56px;line-height:.95;font-weight:400;max-width:440px;margin:0}.therapy-card{height:255px;border-radius:140px 140px 20px 20px;background:linear-gradient(145deg,#9aa69a,#d1c7b8);position:relative;overflow:hidden}.therapy-card::after{content:'';font-family:Georgia,serif;font-style:italic;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-6deg);font-size:28px;color:#fff8ed;white-space:nowrap}
.mock-pill{display:inline-block;margin-top:24px;background:#233d32;color:#fff8ee;border-radius:999px;padding:10px 14px;font-size:11px;text-transform:uppercase;letter-spacing:.12em}

.section-intro{display:grid;grid-template-columns:.55fr 1fr;gap:60px;align-items:start}
.statement-stack{margin-top:72px;display:grid;gap:16px}
.statement{padding:26px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:90px 1fr;gap:28px;align-items:baseline}
.statement b{font-family:var(--display);font-size:clamp(30px,4vw,62px);text-transform:uppercase;font-weight:500;line-height:1}
.statement span{font-size:clamp(22px,2vw,30px)}

.search-demo{max-width:920px;margin:72px auto 0;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.35);padding:24px;box-shadow:0 18px 48px rgba(24,50,44,.06)}
.searchbar{border:1px solid rgba(24,50,44,.25);border-radius:999px;padding:16px 20px;display:flex;align-items:center;gap:12px;background:var(--white)}
.search-icon{width:17px;height:17px;border:2px solid var(--ink);border-radius:50%;position:relative;opacity:.6}.search-icon::after{content:'';width:7px;height:2px;background:var(--ink);position:absolute;right:-5px;bottom:-2px;transform:rotate(45deg)}
.search-result{padding:30px 20px 8px}.search-result small{color:#40534a}.search-result h3{font-size:24px;margin:3px 0 5px;color:var(--eucalyptus)}

.word-cycle{display:flex;flex-wrap:wrap;gap:12px;margin-top:50px}.word-chip{font-family:var(--display);font-size:clamp(30px,4vw,68px);text-transform:uppercase;border:1px solid currentColor;border-radius:999px;padding:8px 18px;line-height:1;opacity:.5;transition:.25s}.word-chip:hover{opacity:1;background:var(--eucalyptus);color:var(--gum)}

.compare-wrap{margin-top:60px;position:relative;border-radius:24px;overflow:hidden;box-shadow:var(--shadow);background:#d9d1c6;min-height:620px}
.compare-layer{position:absolute;inset:0}.compare-old{background:#d5cec4;color:#30443a;padding:50px}.old-header{display:flex;justify-content:space-between;border-bottom:1px solid #9a9189;padding-bottom:16px;font-family:Times New Roman,serif}.old-content{display:grid;grid-template-columns:1fr 320px;gap:30px;padding-top:60px}.old-content h3{font-family:Times New Roman,serif;font-size:48px;line-height:1.05;margin:0}.old-box{height:300px;background:#b7afa7;border:5px double #8f877e}.compare-new{clip-path:inset(0 calc(100% - var(--pos,64%)) 0 0);background:#182e2a}.compare-divider{position:absolute;left:var(--pos,64%);top:0;bottom:0;width:2px;background:var(--white);transform:translateX(-1px);pointer-events:none}.compare-divider::after{content:'↔';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--white);color:var(--ink);width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-weight:700}.compare-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}.compare-label{position:absolute;top:20px;z-index:5;background:rgba(255,255,255,.9);padding:8px 11px;border-radius:999px;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.compare-label.before{left:20px}.compare-label.after{right:20px}.compare-buttons{display:none;gap:8px;margin-top:16px}

.trade-screen{min-height:620px;color:#f6f1e8;background:#173936;padding:44px;position:relative;overflow:hidden}.trade-screen::before{content:'';position:absolute;width:460px;height:460px;border-radius:50%;background:var(--bark);right:-120px;top:-160px}.trade-nav{position:relative;display:flex;justify-content:space-between;z-index:2;font-size:12px;text-transform:uppercase;letter-spacing:.13em}.trade-hero{position:relative;z-index:2;padding-top:90px;max-width:760px}.trade-hero h3{font-family:var(--display);font-size:clamp(58px,7vw,104px);text-transform:uppercase;line-height:.9;margin:0}.trade-hero p{max-width:460px;font-size:19px}.trade-cta{display:inline-block;background:#f6f1e8;color:#173936;border-radius:999px;padding:10px 14px;font-size:12px;text-transform:uppercase;letter-spacing:.1em;margin-top:12px}

.manifesto-lines{margin-top:64px;display:grid;gap:10px}.manifesto-lines div{font-family:var(--display);font-size:clamp(34px,5vw,78px);text-transform:uppercase;line-height:1.02}.manifesto-lines div:nth-child(even){padding-left:13vw;color:var(--bark)}

.showroom{padding-bottom:30px}.project-showcase{min-height:0;display:grid;grid-template-columns:.45fr 1fr;gap:48px;align-items:center;border-top:1px solid rgba(241,237,229,.18);padding:52px 0;position:relative}.project-meta h3{font-family:var(--display);font-size:clamp(40px,4.5vw,68px);text-transform:uppercase;line-height:1.06;margin:0 0 18px}.project-meta p{font-size:21px;max-width:390px}.project-visual{transition:.6s cubic-bezier(.2,.7,.2,1)}.project-showcase:hover .project-visual{transform:translateY(-8px) scale(1.01)}

.mock-pet{background:#e8e3d6;color:#283c37;padding:34px;min-height:520px}.pet-nav{display:flex;justify-content:space-between;align-items:center;font-size:12px;text-transform:uppercase;letter-spacing:.11em}.pet-logo{font-family:var(--display);font-size:23px}.pet-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;padding-top:56px;align-items:center}.pet-grid h3{font-family:var(--display);font-size:66px;line-height:.88;text-transform:uppercase;margin:0}.pet-photo{height:300px;border-radius:48% 48% 18px 18px;background:radial-gradient(circle at 56% 42%,#f2b58e 0 9%,transparent 10%),radial-gradient(circle at 43% 42%,#f2b58e 0 9%,transparent 10%),linear-gradient(145deg,#729a88,#3f655b);position:relative}.pet-photo::after{content:'GOOD DAYS. SAFE PAWS.';position:absolute;bottom:18px;left:18px;background:#f7f2e8;border-radius:999px;padding:9px 12px;font-size:10px;letter-spacing:.1em;font-weight:700}

.mock-cafe{background:#f3c960;color:#263d37;padding:36px;min-height:520px}.cafe-nav{display:flex;justify-content:space-between;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.cafe-hero{display:grid;grid-template-columns:1fr .8fr;gap:34px;align-items:end;padding-top:66px}.cafe-hero h3{font-family:var(--display);font-size:74px;line-height:.86;text-transform:uppercase;margin:0}.cafe-circle{aspect-ratio:1;border-radius:50%;background:#e7785f;display:grid;place-items:center;font-family:var(--display);font-size:34px;text-transform:uppercase;transform:rotate(8deg)}

.business-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:50px}.business-list span{border:1px solid currentColor;border-radius:999px;padding:11px 16px;text-transform:uppercase;letter-spacing:.08em;font-size:14px}

.story-list{margin-top:55px;display:grid;grid-template-columns:repeat(2,1fr);gap:0 60px}.story-item{border-top:1px solid rgba(241,237,229,.2);padding:24px 0;font-size:clamp(21px,2vw,29px)}

.price-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.price-card{background:var(--white);border-radius:26px;padding:38px;color:var(--ink);box-shadow:var(--shadow);position:sticky;top:120px}.price-card .price{font-family:var(--display);font-size:82px;line-height:.9;text-transform:uppercase;margin:22px 0 8px}.price-card .price small{display:block;font-family:var(--body);font-size:16px;text-transform:none;letter-spacing:0;margin-top:10px}.feature-list{list-style:none;padding:0;margin:26px 0}.feature-list li{padding:12px 0;border-top:1px solid var(--line);display:flex;gap:12px}.feature-list li::before{content:'✓';font-weight:700;color:var(--eucalyptus)}
.value-list{display:grid;gap:0}.value-row{display:grid;grid-template-columns:180px 1fr;gap:34px;padding:24px 0;border-top:1px solid var(--line)}.value-row strong{font-family:var(--display);text-transform:uppercase;font-size:22px}.value-row span{font-size:22px}

.split{display:grid;grid-template-columns:1fr 1fr;gap:70px}.two-col{columns:2;column-gap:50px}.role-list{display:grid;grid-template-columns:1fr 1fr;margin-top:48px;border:1px solid rgba(241,237,229,.25);border-radius:22px;overflow:hidden}.role-col{padding:30px}.role-col + .role-col{border-left:1px solid rgba(241,237,229,.25)}.role-col h3{font-family:var(--display);font-size:38px;text-transform:uppercase;margin:0 0 18px}.role-col ul{list-style:none;margin:0;padding:0}.role-col li{padding:10px 0;border-top:1px solid rgba(241,237,229,.15)}

.process{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:60px;border-top:1px solid var(--line)}.process-step{padding:28px 22px 0 0}.process-step .num{font-family:var(--display);font-size:56px;color:var(--silver)}.process-step h3{font-family:var(--display);text-transform:uppercase;font-size:30px;margin:4px 0 10px}.process-step p{font-size:17px;margin:0;max-width:260px}

details{border-top:1px solid var(--line);padding:0}summary{list-style:none;cursor:pointer;padding:22px 42px 22px 0;font-size:22px;font-weight:600;position:relative}summary::-webkit-details-marker{display:none}summary::after{content:'+';position:absolute;right:6px;font-family:var(--display);font-size:32px;top:14px;transition:.2s}details[open] summary::after{transform:rotate(45deg)}details p{max-width:820px;margin:0 0 24px;color:var(--muted)}

.branding-tease{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}.identity-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;transform:rotate(-2deg)}.identity-tile{min-height:180px;border-radius:18px;padding:22px;display:flex;align-items:flex-end;box-shadow:0 16px 40px rgba(24,50,44,.1)}.identity-tile:nth-child(1){background:var(--eucalyptus);color:var(--bark)}.identity-tile:nth-child(2){background:var(--bark)}.identity-tile:nth-child(3){background:var(--white)}.identity-tile:nth-child(4){background:var(--wattle)}.identity-tile b{font-family:var(--display);font-size:36px;line-height:.9;text-transform:uppercase}

.philosophy{display:grid;grid-template-columns:.55fr 1fr;gap:70px;align-items:center}.tree-orbit{width:min(390px,72vw);aspect-ratio:1;margin:auto;border:1px solid rgba(241,237,229,.3);border-radius:50%;display:grid;place-items:center;position:relative}.tree-orbit::after,.tree-orbit::before{content:'';position:absolute;border:1px solid rgba(241,237,229,.18);border-radius:50%}.tree-orbit::before{inset:38px}.tree-orbit::after{inset:78px}.tree-orbit img{width:155px;z-index:2}

.final-cta{text-align:center;padding:96px 0}.final-cta .display{max-width:1050px;margin:auto}.final-cta .hero-actions{justify-content:center}

.site-footer{background:var(--eucalyptus-2);color:var(--gum);padding:64px 0 28px}.footer-top{display:grid;grid-template-columns:1.3fr .7fr;gap:50px}.footer-top h2{font-family:var(--display);font-size:clamp(56px,7vw,110px);line-height:.9;text-transform:uppercase;margin:0;max-width:900px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:10px 30px;align-content:start}.footer-links a{padding:7px 0}.footer-bottom{border-top:1px solid rgba(241,237,229,.18);margin-top:70px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:13px;text-transform:uppercase;letter-spacing:.1em;opacity:.75}

.page-hero{padding:156px 0 64px;min-height:0;display:flex;align-items:flex-end;position:relative}.page-hero.dark{background:var(--eucalyptus);color:var(--gum)}.page-hero.bark{background:var(--bark)}.page-hero .display{max-width:1180px}.page-hero .lead{max-width:760px}.page-hero .hero-actions{margin-bottom:5px}

.inclusions{display:grid;grid-template-columns:repeat(2,1fr);gap:0 60px;margin-top:50px}.inclusion{padding:24px 0;border-top:1px solid var(--line)}.inclusion h3{font-family:var(--display);text-transform:uppercase;font-size:34px;margin:0 0 8px}.inclusion p{margin:0;color:var(--muted)}
.device-demo{display:grid;grid-template-columns:230px 1fr;gap:40px;align-items:start;margin-top:50px}.device-controls{display:grid;gap:8px;position:sticky;top:130px}.device-button{border:1px solid var(--line);background:transparent;text-align:left;padding:14px;border-radius:12px;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;font-size:13px}.device-button.active{background:var(--eucalyptus);color:var(--gum);border-color:var(--eucalyptus)}.device-stage{min-height:650px;display:grid;place-items:center;background:#ded8cd;border-radius:26px;padding:40px;overflow:hidden}.device-frame{transition:.4s cubic-bezier(.2,.7,.2,1);width:100%;max-width:900px}.device-frame.tablet{max-width:620px}.device-frame.phone{max-width:330px}.device-frame.phone .browser-screen{min-height:600px}.device-frame.phone .therapy-hero{grid-template-columns:1fr}.device-frame.phone .therapy-title{font-size:46px}.device-frame.phone .therapy-card{height:220px}.device-frame.phone .mock-links{display:none}

.compare-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:45px}.compare-card{border:1px solid var(--line);border-radius:22px;padding:28px;background:rgba(255,255,255,.22)}.compare-card.featured{background:var(--eucalyptus);color:var(--gum)}.compare-card h3{font-family:var(--display);font-size:42px;text-transform:uppercase;margin:0 0 18px}.compare-card ul{padding-left:20px}.compare-card li{margin:10px 0}

.work-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:28px;margin-top:60px}.work-card{grid-column:span 6;position:relative}.work-card.wide{grid-column:span 12}.work-card .browser{transition:.35s}.work-card:hover .browser{transform:translateY(-8px)}.work-card h2{font-family:var(--display);text-transform:uppercase;font-size:46px;line-height:.95;margin:18px 0 6px}.work-card p{margin:0;color:var(--muted)}

.case-hero{padding:170px 0 60px}.case-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.tag{border:1px solid currentColor;border-radius:999px;padding:7px 10px;text-transform:uppercase;font-size:12px;letter-spacing:.1em}.case-full{margin-top:45px}.case-story{display:grid;grid-template-columns:.55fr 1fr;gap:60px}.case-gallery{display:grid;gap:28px;margin-top:50px}.case-gallery.two{grid-template-columns:1fr 1fr}.case-caption{font-size:13px;text-transform:uppercase;letter-spacing:.12em;margin-top:10px;opacity:.66}

.studio-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:50px}.principle{padding:30px;border:1px solid var(--line);border-radius:22px}.principle h3{font-family:var(--display);font-size:38px;text-transform:uppercase;margin:0 0 12px}.founder-block{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}.portrait-placeholder{aspect-ratio:4/5;border-radius:30px;background:linear-gradient(145deg,var(--silver),var(--eucalyptus));position:relative;overflow:hidden}.portrait-placeholder::before{content:'STUDIO / SYDNEY';position:absolute;left:24px;bottom:24px;color:var(--gum);font-size:12px;letter-spacing:.14em}

.form-page{min-height:100svh;background:var(--eucalyptus);color:var(--gum);padding:150px 0 70px}.project-form{max-width:900px;margin-top:48px}.form-progress{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(241,237,229,.22);padding-bottom:15px;margin-bottom:55px;text-transform:uppercase;letter-spacing:.12em;font-size:13px}.form-step{display:none}.form-step.active{display:block}.form-step label,.form-step legend{display:block;font-family:var(--display);font-size:clamp(38px,5vw,70px);text-transform:uppercase;line-height:.98;margin-bottom:26px}.field{width:100%;background:transparent;border:0;border-bottom:2px solid rgba(241,237,229,.55);padding:12px 2px;color:var(--gum);font-size:28px;outline:none}.field::placeholder{color:rgba(241,237,229,.42)}.field:focus{border-color:var(--bark)}textarea.field{min-height:140px;resize:vertical}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice{position:relative}.choice input{position:absolute;opacity:0}.choice label{font-family:var(--body);font-size:18px;text-transform:none;line-height:1.25;border:1px solid rgba(241,237,229,.3);padding:20px;border-radius:18px;margin:0;cursor:pointer;display:block}.choice input:checked + label{background:var(--bark);color:var(--ink);border-color:var(--bark)}.form-actions{display:flex;justify-content:space-between;gap:12px;margin-top:40px}.form-error{color:#ffd3c5;font-size:14px;margin-top:12px;min-height:20px}.review-list{display:grid;gap:12px}.review-item{border-top:1px solid rgba(241,237,229,.2);padding:14px 0;display:grid;grid-template-columns:180px 1fr;gap:20px}.success-panel{display:none}.success-panel.active{display:block}.project-form.done .form-progress,.project-form.done .form-step,.project-form.done .form-actions{display:none}

.reveal{opacity:0;transform:translateY(22px);transition:.7s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}

@media(max-width:980px){
  body{font-size:17px}.container{width:min(calc(100% - 34px),var(--max))}.nav-shell{padding:14px 18px}.site-header.scrolled .nav-shell{margin:8px 10px}.brand-link img{width:150px}.nav-links{display:none}.menu-toggle{display:block}.mobile-menu{position:fixed;inset:0;background:var(--eucalyptus);color:var(--gum);padding:110px 28px 30px;z-index:90;flex-direction:column;justify-content:space-between}.mobile-menu.open{display:flex}.mobile-menu nav{display:grid;gap:5px}.mobile-menu nav a{font-family:var(--display);font-size:clamp(50px,14vw,90px);text-transform:uppercase;line-height:1}.mobile-menu .mobile-meta{display:flex;justify-content:space-between;font-size:13px;text-transform:uppercase;letter-spacing:.1em}.hero{padding-top:130px}.hero-grid,.section-intro,.price-layout,.branding-tease,.philosophy,.footer-top,.case-story,.founder-block{grid-template-columns:1fr}.hero-copy{padding-bottom:0}.hero-browser{max-width:760px;margin:auto}.section{padding:72px 0}.section-intro{gap:30px}.project-showcase{grid-template-columns:1fr;min-height:auto;gap:28px}.story-list{grid-template-columns:1fr}.price-card{position:relative;top:auto}.process{grid-template-columns:1fr 1fr;gap:25px}.split{grid-template-columns:1fr}.device-demo{grid-template-columns:1fr}.device-controls{grid-template-columns:repeat(3,1fr);position:relative;top:auto}.device-button{text-align:center}.work-card{grid-column:span 12}.studio-principles{grid-template-columns:1fr}.case-gallery.two{grid-template-columns:1fr}.footer-links{margin-top:30px}.role-list{grid-template-columns:1fr}.role-col + .role-col{border-left:0;border-top:1px solid rgba(241,237,229,.25)}
}

@media(max-width:650px){
  .brand-link img{width:132px}.nav-shell{padding-inline:12px}.hero{min-height:auto;padding:125px 0 35px}.hero-grid{gap:30px}.hero-note{flex-direction:column}.browser-screen{min-height:430px}.mock-therapy{padding:24px;min-height:430px}.therapy-hero{grid-template-columns:1fr;padding-top:40px}.therapy-title{font-size:45px}.therapy-card{height:170px}.section{padding:56px 0}.statement{grid-template-columns:1fr;gap:8px}.statement-stack{margin-top:45px}.compare-wrap{min-height:520px}.compare-old{padding:26px}.old-content{grid-template-columns:1fr;padding-top:45px}.old-content h3{font-size:38px}.old-box{display:none}.trade-screen{min-height:520px;padding:28px}.trade-hero{padding-top:110px}.compare-buttons{display:flex}.manifesto-lines div:nth-child(even){padding-left:4vw}.project-showcase{padding:55px 0}.mock-pet,.mock-cafe{padding:24px}.pet-grid,.cafe-hero{grid-template-columns:1fr}.pet-grid h3,.cafe-hero h3{font-size:52px}.pet-photo{height:210px}.cafe-circle{max-width:230px;margin-left:auto}.story-list{margin-top:35px}.value-row{grid-template-columns:1fr;gap:7px}.role-list{margin-top:30px}.process{grid-template-columns:1fr}.inclusions{grid-template-columns:1fr}.compare-columns{grid-template-columns:1fr}.device-stage{padding:18px;min-height:560px}.device-frame.phone{max-width:290px}.footer-bottom{flex-direction:column}.choice-grid{grid-template-columns:1fr}.review-item{grid-template-columns:1fr;gap:4px}.form-actions{flex-wrap:wrap}.project-form{margin-top:34px}.form-step label,.form-step legend{font-size:42px}.field{font-size:22px}.form-page{padding-top:120px}.page-hero{padding:150px 0 75px;min-height:62vh}.tree-orbit{width:260px}.tree-orbit img{width:110px}.identity-grid{grid-template-columns:1fr 1fr}.identity-tile{min-height:135px;padding:16px}.identity-tile b{font-size:27px}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}
}

/* Compact type rhythm and responsive mockup headers. */
h1,h2,h3,p{overflow-wrap:break-word}
.display{text-wrap:balance}
.eyebrow{letter-spacing:.12em;margin-bottom:14px}
.hero-note{letter-spacing:.06em;gap:14px;margin-top:28px;flex-wrap:wrap}
.section-intro,.price-layout,.split,.philosophy,.founder-block{gap:48px}
.statement-stack,.search-demo{margin-top:48px}
.project-meta p{font-size:19px;line-height:1.45}
.value-row span,summary{font-size:20px}
.mock-nav,.pet-nav,.trade-nav,.cafe-nav{gap:16px;align-items:center;flex-wrap:wrap}
.mock-mark,.pet-logo,.trade-nav b{max-width:100%;line-height:1.2}
.anonymous-mock .therapy-card::after{content:''}
.therapy-title{line-height:1.06}
.trade-hero h3,.pet-grid h3,.cafe-hero h3{line-height:1.04}
.btn.small,.device-button{font-size:14px}
@media(max-width:980px){
 .hero{min-height:0;padding:128px 0 56px}
 .section-intro,.price-layout,.split,.philosophy,.founder-block{gap:32px}
 .hero-browser{width:100%}
}
@media(max-width:650px){
 h1.display{font-size:clamp(44px,11vw,68px)}
 h2.display{font-size:clamp(36px,9vw,54px)}
 .hero{padding:112px 0 40px}
 .hero-note{gap:8px}
 .page-hero{padding:124px 0 48px;min-height:0}
 .project-showcase{padding:40px 0}
 .final-cta{padding:64px 0}
 .section-intro{gap:20px}
 .mock-links{display:none}
 .pet-logo{font-size:20px}
 .footer-bottom{margin-top:40px}
}

/* Distinct mock brands and an old-left / new-right reveal. */
.mock-therapy{background:#eef1e9;color:#253b36}
.mock-mark{font-size:14px;letter-spacing:.04em}
.therapy-title{font-size:clamp(36px,3.5vw,54px);letter-spacing:-.04em}
.therapy-card{background:#c7df65;border-radius:0 90px 0 0;display:flex;flex-direction:column;justify-content:space-between;padding:24px;color:#263c35;height:280px}
.bloom-note{font-family:var(--display);font-size:48px;line-height:.98;letter-spacing:-.02em}
.therapy-card small{font-size:14px}
.mock-pill{background:#253b36;font-size:12px;letter-spacing:.05em}
.compare-wrap{background:#ece8df;min-height:640px;border:1px solid var(--line)}
.compare-old{background:#e6e3dd;color:#30443a}
.compare-new{clip-path:inset(0 0 0 var(--pos,50%));background:#173936}
.compare-new .trade-screen{background:#173936;color:#f3f3df;min-height:640px;padding:52px}
.compare-new .trade-screen::before{display:none}
.trade-nav b{font-family:var(--display);font-size:24px;letter-spacing:0;text-transform:uppercase}
.trade-hero{padding-top:70px;max-width:800px}
.trade-hero h3{font-size:clamp(54px,6.5vw,92px);line-height:1.03;letter-spacing:-.02em;color:#def76b}
.trade-hero p{max-width:42ch;line-height:1.5}
.trade-cta{background:#def76b;color:#173936;font-size:14px;letter-spacing:.03em;padding:14px 20px}
.trade-services{display:flex;gap:32px;border-top:1px solid #ffffff35;margin-top:40px;padding-top:20px;font-size:14px;text-transform:uppercase;letter-spacing:.08em}
.compare-label{font-size:13px;top:16px}
.compare-label.after{background:#def76b;color:#173936}
.compare-buttons{display:flex}
.compare-range:focus-visible{opacity:.16;outline:3px solid var(--eucalyptus);outline-offset:-3px}
.old-header{gap:20px;flex-wrap:wrap}
.old-content h3{max-width:440px}
.platform-section{--mx:50%;--my:50%;background:#183d34;isolation:isolate}
.platform-section::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at var(--mx) var(--my),#53796680,transparent 55%);pointer-events:none}
.interactive-manifesto{gap:0;margin-top:44px}
.interactive-manifesto button{appearance:none;display:flex;align-items:center;gap:20px;width:100%;background:transparent;border:0;border-top:1px solid #f1ede526;color:var(--gum);font-family:var(--display);font-size:clamp(28px,4vw,60px);text-transform:uppercase;text-align:left;line-height:1.15;padding:20px 0;cursor:pointer;transition:color .2s,padding .2s}
.interactive-manifesto button small{font-family:var(--body);font-size:14px;color:var(--bark);letter-spacing:.08em;min-width:28px}
.interactive-manifesto button:hover,.interactive-manifesto button:focus-visible,.interactive-manifesto button.active{color:var(--bark);padding-left:24px;background:#ffffff05}
.platform-detail{font-size:20px;line-height:1.45;min-height:3em;max-width:54ch;margin-top:28px;color:#d1ddd5}
.tree-orbit img{width:155px}
@media(max-width:650px){
 .compare-new .trade-screen{padding:72px 24px 24px;min-height:600px}
 .compare-wrap{min-height:600px}
 .trade-hero{padding-top:44px}
 .trade-hero h3{font-size:48px}
 .trade-services{gap:12px;flex-wrap:wrap;margin-top:24px}
 .trade-nav span{display:none}
 .old-content h3{font-size:32px}
 .compare-old{padding-top:72px}
 .therapy-card{height:220px}
 .bloom-note{font-size:40px}
 .interactive-manifesto button{padding:16px 0}
 .interactive-manifesto button:hover,.interactive-manifesto button.active{padding-left:12px}
 .tree-orbit img{width:110px}
}

/* Room to Bloom: an open-room identity, generous serif voice, contained preview. */
.hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:42px}
.hero-browser{transform:none;min-width:0;width:100%;container-type:inline-size}
.hero-browser:hover{transform:translateY(-4px)}
.mock-therapy{padding:28px;min-height:0;overflow:visible;background:#f0f2e9}
.room-lockup{display:inline-flex;gap:10px;align-items:center;min-width:0;text-transform:none}
.room-lockup>img{width:38px;height:38px;flex:none}
.room-lockup>span{font-family:Georgia,serif;font-size:23px;letter-spacing:-.055em;line-height:1.1;white-space:nowrap}
.room-lockup small{display:block;font-family:var(--body);font-size:10px;line-height:1.6;letter-spacing:.12em;margin-top:5px}
.mock-nav{border-color:#304e4333;gap:12px;align-items:center}
.mock-links{font-size:12px;letter-spacing:.03em}
.therapy-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:20px;padding-top:34px;padding-bottom:12px}
.therapy-hero>div{min-width:0}
.therapy-title{font-size:clamp(32px,3vw,46px);line-height:1.1;letter-spacing:-.055em;overflow-wrap:normal}
.therapy-description{font-size:15px;line-height:1.5;margin:18px 0 0;color:#4f6458}
.therapy-hero .eyebrow{font-size:11px;letter-spacing:.1em}
.therapy-card{height:auto;min-height:290px;border-radius:90px 90px 8px 8px;padding:26px 18px 20px;align-items:center;text-align:center;background:#d4dcaf;gap:20px;overflow:visible}
.bloom-emblem{width:68px;height:68px;object-fit:contain}
.bloom-note{font-family:Georgia,serif;font-size:28px;letter-spacing:-.04em;line-height:1.12;font-weight:400}
.therapy-card small{font-size:12px;line-height:1.4}
.therapy-card::after{display:none}
.mock-pill{margin-top:20px;padding:11px 14px;font-size:12px;text-transform:none;letter-spacing:0}
/* Watt a Difference: circuit monogram, workwear typography and utility details. */
.watt-lockup{display:inline-flex;align-items:center;gap:12px;color:#def76b}
.watt-lockup img{width:48px;height:48px;flex:none}
.watt-lockup>span{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:800;font-size:26px;line-height:.9;letter-spacing:.015em}
.watt-lockup small{font-family:var(--body);display:block;font-size:10px;line-height:1.4;letter-spacing:.26em;margin-top:8px;color:#f3f3df}
.compare-new .trade-screen{padding:50px 48px;min-height:660px}
.compare-wrap{min-height:660px}
.trade-nav{border-bottom:1px solid #def76b40;padding-bottom:22px}
.trade-nav>span:last-child{font-size:12px;letter-spacing:.08em}
.trade-hero{padding-top:38px;max-width:72%;position:relative}
.trade-hero h3{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:700;letter-spacing:-.005em;font-size:clamp(58px,7vw,100px);line-height:.96;text-transform:uppercase;color:#f3f3df}
.trade-hero .eyebrow{color:#def76b;font-size:12px;letter-spacing:.15em}
.trade-hero p{font-size:17px;max-width:40ch}
.trade-cta{border-radius:3px;font-weight:700;font-size:13px;letter-spacing:.06em}
.trade-services{gap:22px;font-size:12px;letter-spacing:.07em;flex-wrap:wrap}
.electrical-signature{position:absolute;right:48px;top:205px;width:150px;color:#def76b;opacity:.7;font-size:10px;letter-spacing:.2em;display:grid;gap:18px}
.circuit-lines{height:220px;display:flex;gap:24px;border-block:2px solid #def76b}
.circuit-lines i{height:100%;width:2px;background:#def76b;position:relative}
.circuit-lines i:nth-child(2){margin-top:35px;height:150px}
.circuit-lines i::after{content:'';position:absolute;top:35%;left:-5px;width:12px;height:12px;border:2px solid #def76b;background:#173936}
@container(max-width:470px){
 .hero-browser .therapy-hero{grid-template-columns:minmax(0,1fr) minmax(0,.72fr);gap:14px}
 .hero-browser .therapy-title{font-size:32px}
 .hero-browser .mock-links{display:none}
 .hero-browser .therapy-card{min-height:260px;padding-inline:12px}
 .hero-browser .bloom-note{font-size:25px}
}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr}.hero-browser{max-width:700px}}
@media(max-width:650px){
 .mock-therapy{padding:22px}
 .room-lockup>span{font-size:22px}
 .therapy-hero{grid-template-columns:1fr;padding-top:28px}
 .therapy-title{font-size:38px}
 .therapy-card{min-height:230px}
 .hero-browser .therapy-hero{grid-template-columns:1fr}
 .hero-browser .therapy-title{font-size:38px}
 .hero-browser .therapy-card{min-height:230px}
 .compare-new .trade-screen{padding:72px 24px 28px;min-height:690px}
 .compare-wrap{min-height:690px}
 .trade-hero{max-width:100%;padding-top:30px}
 .trade-hero h3{font-size:60px}
 .electrical-signature{display:none}
 .trade-services{gap:12px}
}
.device-frame.phone .therapy-hero{grid-template-columns:1fr}
.device-frame.phone .therapy-title{font-size:36px}
.device-frame.phone .therapy-card{height:auto;min-height:230px}
.device-frame.phone .room-lockup>span{font-size:20px}

/* Stringybark colour rhythm: dark roots, silver transitions and sunset accents. */
.hero{background:linear-gradient(115deg,#f1ede5 5%,#e8e3d9 60%,#9aa8a5 140%)}
.hero::after{opacity:.1}
.hero-note{border-color:#2e51483b}
.page-hero.bark{background:linear-gradient(115deg,#e89f86,#d9876e);color:var(--ink)}
.section.dark{background:#24433c}
.section.bark{background:#e89f86}
.section.white{background:#fffdf8}
.section:not(.dark):not(.bark):not(.white){background:#e5e8e1}
.platform-section{background:#183d34!important}
.customer-journey{margin-top:54px;background:#2e5148;color:#f1ede5;padding:40px;border-radius:6px;display:grid;grid-template-columns:1fr 1.15fr;gap:48px}
.journey-heading .display{font-size:clamp(32px,3.5vw,52px);line-height:1.1}
.journey-heading .eyebrow{color:#e89f86}
.journey-steps{display:grid;gap:22px}
.journey-steps>div{border-top:1px solid #f1ede52b;padding-top:16px}
.journey-steps span{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#e89f86}
.journey-steps h4{font-size:23px;line-height:1.2;margin:9px 0}
.journey-steps p{margin:0;font-size:17px;color:#d3ded5;max-width:40ch}
.trade-hero{max-width:62%;padding-top:36px}
.trade-hero h3{font-size:clamp(60px,6.8vw,96px)}
.electrical-signature{right:6%;top:210px;width:25%;display:flex;flex-direction:column;align-items:center;gap:24px;opacity:1}
.electrical-signature>img{width:120px;height:120px;transform:rotate(-8deg)}
.electrical-signature>span{text-align:center;font-size:13px;line-height:1.5;letter-spacing:.1em}
.electrical-signature .circuit-lines{height:100px;width:100%;justify-content:space-evenly;opacity:.35}
.electrical-signature .circuit-lines i:nth-child(2){height:64px;margin-top:18px}
.brand-transformations{background:#24433c!important;color:#f1ede5}
.brand-transformations .section-intro .eyebrow{color:#e89f86}
.brand-comparison{margin-top:64px}
.comparison-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}
.comparison-heading h3{font-family:var(--display);font-size:44px;text-transform:uppercase;line-height:1.1;margin:0}
.comparison-heading p{max-width:30ch}
.comparison-heading .eyebrow{color:#e89f86}
.brand-comparison .compare-wrap{margin-top:0;box-shadow:none;border-radius:8px;min-height:610px}
.concept-screen{position:relative;padding:40px;min-height:610px;overflow:hidden}
.concept-nav{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:20px;border-bottom:1px solid currentColor}
.concept-nav>span{font-size:12px}
.concept-lockup{display:flex;align-items:center;gap:12px}
.concept-lockup img{width:44px;height:44px;flex:none}
.concept-lockup>span{font-size:28px;line-height:1;font-weight:600;letter-spacing:-.04em}
.concept-lockup small{display:block;font-family:var(--body);font-size:10px;letter-spacing:.13em;line-height:1.3;margin-top:8px}
.concept-hero{padding-top:36px;width:60%;position:relative;z-index:1}
.concept-hero h3{font-size:clamp(44px,5.2vw,76px);line-height:1;letter-spacing:-.045em;margin:0 0 20px}
.concept-hero p{font-size:17px;line-height:1.45;max-width:36ch}
.concept-cta{display:inline-block;padding:13px 18px;border-radius:5px;font-size:14px;font-weight:600;margin-top:8px}
.concept-brand-panel{position:absolute;right:40px;top:165px;width:28%;min-height:290px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;padding:20px;text-align:center}
.concept-brand-panel img{width:96px;height:96px}
.concept-brand-panel span{font-size:15px;line-height:1.4;font-weight:600;letter-spacing:.03em}
.concept-services{position:relative;margin-top:30px;padding-top:20px;border-top:1px solid currentColor;font-size:13px;letter-spacing:.08em}
.paws-screen{background:#f0c766;color:var(--ink)}
.paws-screen .concept-hero h3{font-family:var(--body);font-weight:600}
.paws-screen .concept-brand-panel{background:#ddb0ca;border-radius:80px 80px 8px 8px}
.paws-screen .concept-cta{background:#142e28;color:#f7eac9;border-radius:999px}
.well-screen{background:#4e5541;color:#f5ead8}
.well-screen .concept-lockup>span{font-family:Georgia,serif;font-weight:400;font-style:italic}
.well-screen .concept-hero h3{font-family:Georgia,serif;font-weight:400;font-size:clamp(40px,4.4vw,64px);line-height:1.12}
.well-screen .concept-brand-panel{background:#a9ad81;border-radius:100px 100px 0 0;color:#263528}
.well-screen .concept-cta{background:#f5ead8;color:#4e5541}
.room-comparison .mock-therapy{padding:40px;min-height:610px}
.room-comparison .therapy-hero{padding-top:50px;grid-template-columns:1.1fr .9fr;gap:40px}
.room-comparison .therapy-title{font-size:clamp(44px,4.7vw,70px)}
.room-comparison .therapy-card{min-height:350px}
.comparison-scope{font-size:15px;line-height:1.5;max-width:75ch;color:#c2d0c8;margin-top:38px}
@media(max-width:650px){
 .customer-journey{grid-template-columns:1fr;padding:26px;gap:24px}
 .journey-heading .display{font-size:34px}
 .trade-hero{max-width:100%}
 .electrical-signature{display:none}
 .comparison-heading{align-items:start;flex-direction:column;gap:8px}
 .comparison-heading h3{font-size:36px}
 .comparison-heading>p{margin:0}
 .concept-screen{padding:70px 24px 24px;min-height:730px}
 .brand-comparison .compare-wrap{min-height:730px}
 .concept-nav>span{display:none}
 .concept-lockup>span{font-size:23px}
 .concept-hero{width:100%;padding-top:28px}
 .concept-hero h3{font-size:48px}
 .concept-brand-panel{position:relative;top:auto;right:auto;width:100%;min-height:130px;flex-direction:row;gap:24px;margin-top:28px;border-radius:8px!important}
 .concept-brand-panel img{width:64px;height:64px}
 .concept-services{font-size:12px;letter-spacing:.02em}
 .well-screen .concept-hero h3{font-size:42px}
 .room-comparison .mock-therapy{padding:70px 24px 24px;min-height:730px}
 .room-comparison .therapy-hero{grid-template-columns:1fr;gap:24px;padding-top:28px}
 .room-comparison .therapy-title{font-size:40px}
 .room-comparison .therapy-card{min-height:240px}
}

/* Original Illustrator paths, trimmed to artwork bounds. */
.brand-link img{width:190px;height:auto}
.tree-orbit{background:var(--eucalyptus-2);border-color:#e89f8655}
.tree-orbit img{width:155px;height:auto}
.dark-header .menu-toggle{color:var(--gum)}
.dark-header .nav-links{color:var(--gum)}
.dark-header .site-header.scrolled .nav-links,.dark-header .site-header.scrolled .menu-toggle{color:var(--ink)}
@media(max-width:650px){.brand-link img{width:150px}.tree-orbit img{width:110px}}

/* Final navigation rhythm and restrained pointer illumination. */
:root{--ink:#173b32;--muted:#40534a}
.nav-links{gap:24px;letter-spacing:.09em}
.nav-links .nav-cta{padding:11px 17px;font-size:13px;line-height:1.2;letter-spacing:.06em;white-space:nowrap}
.cursor-glow{position:relative;isolation:isolate;--mx:50%;--my:50%}
.cursor-glow::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 55% 65% at var(--mx) var(--my),#72998733,transparent 72%)}
.cursor-glow.glow-light::before{background:radial-gradient(ellipse 50% 65% at var(--mx) var(--my),#e89f8645,transparent 72%)}
.identity-tile:nth-child(2){background:#f0b39c;border:1px solid #f5c9b755}
.search-result h3{color:var(--ink)}
/* A useful, bold electrical identity panel fills the revealed right side. */
.electrical-signature{top:172px;right:40px;width:34%;display:block;color:#def76b}
.power-panel{padding:24px 26px;background:#244c43;border:1px solid #def76b40;border-top:5px solid #def76b;transform:rotate(1deg)}
.power-panel-top{display:flex;align-items:center;gap:14px}
.power-panel-top img{width:40px;height:40px}
.power-panel-top>span{font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:700;letter-spacing:.08em;line-height:1.1}
.power-heading{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:clamp(38px,4vw,56px);letter-spacing:0;line-height:.95;margin:28px 0 24px;color:#f3f3df}
.power-heading em{font-style:normal;color:#def76b}
.power-service{display:grid;grid-template-columns:25px 1fr;gap:4px 12px;border-top:1px solid #def76b35;padding:14px 0;font-family:var(--body);letter-spacing:0}
.power-service>span{grid-row:span 2;font-size:12px;color:#def76b}
.power-service b{font-size:16px;font-weight:600;color:#f3f3df}
.power-service small{font-size:12px;color:#c7d8cb;line-height:1.35}
.power-strip{border-top:1px solid #def76b35;padding-top:14px;font-size:10px;letter-spacing:.09em;color:#def76b}
.trade-hero{max-width:55%}
.trade-hero h3{font-size:clamp(58px,6.5vw,90px)}
/* Two independent wordmark voices. */
.well-screen .concept-lockup .well-wordmark{font-style:normal;display:grid;grid-template-columns:auto auto;gap:0 7px;align-items:baseline}
.well-wordmark i{font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:25px;letter-spacing:-.07em}
.well-wordmark strong{font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:34px;letter-spacing:-.07em}
.well-wordmark small{grid-column:1/-1;letter-spacing:.15em!important;font-size:9px!important;margin-top:9px!important}
.paws-screen{color:var(--ink)}
.paws-screen .concept-lockup>img{width:48px;height:48px}
.paws-screen .paws-wordmark{font-family:'Fraunces',Georgia,serif;font-size:31px;letter-spacing:-.055em;font-weight:600}
.paws-wordmark i{font-size:23px;font-weight:500;display:inline-block;transform:rotate(-8deg);margin:0 2px}
.paws-wordmark small{letter-spacing:.1em!important;font-size:9px!important}
.paws-screen .concept-cta{background:#142e28;color:#f7eac9}
@media(max-width:980px){.nav-links{gap:18px}}
@media(max-width:650px){
 .electrical-signature{display:none}
 .trade-hero{max-width:100%}
 .well-wordmark strong{font-size:28px}.well-wordmark i{font-size:22px}
 .paws-screen .paws-wordmark{font-size:26px}
}
@media(prefers-reduced-motion:reduce){.cursor-glow::before{display:none}}

.mock-action{border:0;cursor:pointer;transition:transform .2s,box-shadow .2s}
.mock-action:hover,.mock-action:focus-visible{transform:translateY(-3px);box-shadow:0 5px 0 #142e2820}
.mock-feedback{position:absolute;inset:auto 24px 20px;background:#f7eac9;color:var(--ink);padding:18px 20px;border-radius:12px;box-shadow:0 10px 35px #142e2833;z-index:8;font-size:15px;max-width:380px}
.mock-feedback p{margin:0 0 12px;line-height:1.4}
.mock-feedback button{border:1px solid #142e2840;background:none;color:var(--ink);border-radius:999px;padding:7px 12px;cursor:pointer;font-size:14px}
.power-service{width:100%;text-align:left;background:transparent;border:0;border-top:1px solid #def76b35;cursor:pointer;transition:transform .2s,background .2s;padding-inline:4px;transform-origin:center}
.power-service:hover,.power-service:focus-visible{transform:scale(1.035);background:#def76b12}
.power-service.active{background:#def76b18}
/* Slightly rounder Paws & Relax details without turning the whole site bubbly. */
.paws-screen .concept-cta{border-radius:999px;padding:13px 22px}
.paws-screen .concept-brand-panel{border-radius:100px 100px 28px 28px;transform:rotate(2deg)}
.paws-screen .concept-hero h3{font-family:'Fraunces',Georgia,serif;font-size:clamp(44px,4.8vw,66px);line-height:1.04;font-weight:600}
.paws-illustration{width:100%;max-width:180px;max-height:100px;object-fit:contain}
.branding-comparison{background:#e5e8e1!important}
.brand-board-compare{min-height:720px}
.generic-brand-board{padding:60px 40px;background:#e6e3dd;color:#30443a}
.generic-brand-board h3{font-family:Arial,sans-serif;font-size:35px;letter-spacing:.05em;margin:0 0 14px}
.generic-logo{border:3px double #6e877e;padding:14px;width:180px;font-family:Times New Roman,serif;font-size:52px;margin:30px 0;transform:rotate(-3deg)}
.generic-logo small{font-family:Arial,sans-serif;font-size:16px}
.generic-palette{display:flex;gap:10px;margin:24px 0}
.generic-palette i{width:44px;height:44px;background:#b297ca}.generic-palette i:nth-child(2){background:#73a7d4}.generic-palette i:nth-child(3){background:#af563e}.generic-palette i:nth-child(4){background:#70a971}
.generic-type{font-family:Courier New,monospace;font-size:24px}
.generic-card{font-family:Georgia,serif;border:2px dashed #40534a;padding:20px;max-width:340px}
.generic-caption{font-size:16px;line-height:1.5;margin-top:28px}
.brand-system-board{background:#f0c766;color:var(--ink);min-height:720px;padding:58px 40px 36px}
.brand-board-logo{display:flex;gap:18px;align-items:center;padding-bottom:28px;border-bottom:1px solid #142e2833}
.brand-board-logo>img{width:68px;height:68px}
.brand-board-logo .paws-wordmark{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:42px;letter-spacing:-.055em;line-height:1.1}
.brand-board-logo small{display:block;font-family:var(--body);font-size:10px;letter-spacing:.12em;margin-top:8px}
.brand-system-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:26px}
.brand-system-grid>div{padding:20px;background:#f7eac9;border-radius:14px;min-width:0}
.brand-system-grid p{font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin:0 0 18px}
.system-swatches{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.system-swatches span{padding:18px 10px;font-size:12px;line-height:1.5;border-radius:8px;border:1px solid #142e281a}
.brand-system-grid h4{font-family:'Fraunces',Georgia,serif;font-size:28px;line-height:1.1;margin:0 0 14px}
.brand-system-grid span{font-size:13px;line-height:1.5}
.system-type>b{display:block;font-size:18px;margin:20px 0 7px}
.system-voice{background:#ddb0ca!important}
.system-application>div{display:flex;align-items:center;gap:16px;padding:18px 14px;border:1px solid #142e2833;margin-bottom:14px}
.system-application img{width:48px;height:48px}.system-application strong{font-size:16px;line-height:1.3}
@media(max-width:650px){
 .brand-board-compare{min-height:1060px}
 .brand-system-board{padding:72px 22px 24px;min-height:1060px}
 .generic-brand-board{padding:72px 22px}
 .brand-board-logo .paws-wordmark{font-size:26px}
 .brand-board-logo>img{width:44px;height:44px}
 .brand-system-grid{grid-template-columns:1fr;gap:12px}
 .brand-system-grid>div{padding:16px}
 .brand-system-grid h4{font-size:25px}
 .system-swatches{grid-template-columns:repeat(2,1fr)}
 .paws-screen .concept-hero h3{font-size:43px}
 .paws-illustration{max-width:115px;max-height:72px}
}

.paws-screen .concept-brand-panel .paws-illustration{width:100%;height:auto;max-width:180px;max-height:100px;object-fit:contain}
@media(max-width:650px){.paws-screen .concept-brand-panel .paws-illustration{max-width:115px;max-height:72px}}

/* Strong contrast for monthly care day labels and progress marks. */
.section.bark .process-step .num{color:var(--eucalyptus-2)}

/* Quiet abstract curves in the Paws & Relax after-preview's open space. */
.paws-screen::after{content:'';position:absolute;inset:0;background:url('assets/paws-quiet-lines.svg') center/100% 100% no-repeat;opacity:.12;pointer-events:none;z-index:0}
.paws-screen .concept-nav,.paws-screen .concept-hero,.paws-screen .concept-brand-panel,.paws-screen .concept-services{z-index:1;position:relative}
.paws-screen .concept-brand-panel{position:absolute}
@media(max-width:650px){.paws-screen::after{opacity:.09}.paws-screen .concept-brand-panel{position:relative}}

.mock-links{display:flex;flex-wrap:wrap;gap:12px}
.mock-links button{padding:5px 0;border:0;border-bottom:1px solid transparent;background:none;color:inherit;font:inherit;font-size:12px;cursor:pointer;transition:color .2s,border-color .2s}
.mock-links button:hover,.mock-links button[aria-current="page"]{border-bottom-color:currentColor;color:var(--ink)}
.hero-browser .mock-nav{align-items:start}
.hero-browser .mock-links{width:100%;justify-content:flex-end}
.room-preview-hint{font-size:12px;line-height:1.4;margin-top:18px;color:#40534a}
.story-list .story-item{padding:0;transition:background .2s}
.interactive-stories .story-item:hover,.interactive-stories .story-item[open]{background:#f1ede50a}
.interactive-stories summary{font-size:clamp(21px,2vw,29px);line-height:1.35;font-weight:400;color:var(--gum);padding:24px 48px 24px 12px}
.interactive-stories summary::after{color:var(--bark);top:20px}
.interactive-stories details p{margin:0;padding:0 42px 24px 12px;font-size:18px;line-height:1.5;color:#c9d7ce}
.interactive-stories .story-final{padding:24px 12px;color:var(--bark)}
@media(max-width:650px){.hero-browser .mock-links{display:flex!important;justify-content:flex-start}.room-preview-hint{font-size:12px}}

.hero-browser .mock-links{display:flex!important}

/* Restrained Memphis geometry and a softer wellness rhythm. */
.paws-screen::after{background-image:url('assets/paws-memphis.svg');opacity:.2;background-size:100% 100%}
.paws-screen .concept-brand-panel{top:156px;right:44px;width:29%;min-height:300px;transform:rotate(-3deg);border-radius:90px 90px 28px 28px;box-shadow:10px 12px 0 #142e280d}
.paws-screen .concept-brand-panel span{font-family:'Fraunces',Georgia,serif;font-size:18px;line-height:1.3;letter-spacing:0;transform:rotate(3deg)}
.well-screen{isolation:isolate;background:linear-gradient(135deg,#4e5541,#3c4d3e)}
.well-screen::before{content:'';position:absolute;inset:0;background:url('assets/well-rhythm.svg') center/100% 100% no-repeat;opacity:.18;pointer-events:none;z-index:0}
.well-screen .concept-nav,.well-screen .concept-hero,.well-screen .concept-services{position:relative;z-index:1}
.well-screen .concept-brand-panel{right:38px;top:172px;transform:rotate(3deg);border-radius:110px 110px 36px 8px;background:#a9ad81;min-height:290px;box-shadow:-12px 14px 0 #f5ead810}
.well-screen .concept-brand-panel img{width:110px;height:110px;transform:rotate(-3deg)}
.well-screen .concept-brand-panel span{font-family:'Fraunces',Georgia,serif;font-size:22px;line-height:1.25;font-weight:500;letter-spacing:-.025em}
.well-screen .concept-cta{border-radius:999px 999px 999px 8px}
@media(max-width:650px){
 .paws-screen::after{opacity:.13}
 .paws-screen .concept-brand-panel{position:relative;right:auto;top:auto;width:100%;min-height:130px;transform:rotate(-1deg)}
 .well-screen::before{opacity:.13}
 .well-screen .concept-brand-panel{position:relative;right:auto;top:auto;width:100%;min-height:130px;transform:rotate(1deg)}
 .well-screen .concept-brand-panel img{width:64px;height:64px}
 .well-screen .concept-brand-panel span{font-size:18px}
}

/* Calm, aligned wellness panel without the offset highlight. */
.well-screen .concept-brand-panel{box-shadow:none;transform:none;top:170px;right:40px;width:27%;min-height:280px;padding:26px 20px;gap:24px;border-radius:100px 100px 24px 24px}
.well-screen .concept-brand-panel img{transform:none;width:96px;height:96px}
@media(max-width:1100px) and (min-width:651px){.well-screen .concept-brand-panel{right:30px;width:28%;top:180px;min-height:265px}.well-screen .concept-brand-panel span{font-size:20px}}
@media(max-width:650px){.well-screen .concept-brand-panel{position:relative;top:auto;right:auto;width:100%;min-height:130px;transform:none;box-shadow:none;border-radius:20px!important}.well-screen .concept-brand-panel img{width:64px;height:64px}}

/* Room to Bloom device-preview menu */
#four-pages .mock-nav{flex-wrap:nowrap;position:relative;z-index:5}
#four-pages .room-lockup{min-width:0}
.room-menu{position:relative;margin-left:auto;flex-shrink:0}
.room-menu-toggle{width:40px;height:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid #304e4333;border-radius:50%;background:#f7f5ec;color:var(--ink);cursor:pointer;transition:background .2s}
.room-menu-toggle:hover{background:#e1e7d9}
.room-menu-toggle span{width:17px;height:1.5px;background:currentColor;transition:transform .2s,opacity .2s}
.room-menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.room-menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.room-menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
#four-pages .room-menu .mock-links{position:absolute;right:0;top:calc(100% + 10px);width:170px;display:flex;flex-direction:column;gap:0;padding:10px 14px;background:#f7f5ec;color:var(--ink);border:1px solid #304e4333;border-radius:14px;opacity:1;box-shadow:0 10px 24px #142e2812}
#four-pages .room-menu .mock-links[hidden]{display:none!important}
#four-pages .room-menu .mock-links button{text-align:left;font-size:14px;padding:10px 4px}
.room-menu-toggle:focus-visible,#four-pages .room-menu .mock-links button:focus-visible{outline:2px solid #2e5148;outline-offset:3px}

/* Each concept identity carries its own complete visual world. */
.branding-comparison .brand-comparison + .brand-comparison{margin-top:72px}
.brand-system-board{position:relative;isolation:isolate}
.brand-system-board::before{content:"";position:absolute;inset:0;background:url('assets/paws-memphis.svg') center/100% 100% no-repeat;opacity:.14;pointer-events:none;z-index:-1}
.brand-system-grid>div{background:#f7eac9ed}
.identity-wordmark{font-family:Georgia,serif;font-size:38px;line-height:1.1;letter-spacing:-.04em}
.room-identity-board{background:#dce5d5;color:#304e43}
.room-identity-board .brand-system-grid>div{background:#f7f5eced}
.room-identity-board .system-voice{background:#d2dfb4!important}
.room-identity-board .brand-system-grid h4{font-family:Georgia,serif}
.well-identity-board{background:#4e5541;color:#f5ead8}
.well-identity-board::before{background-image:url('assets/well-rhythm.svg');opacity:.2}
.well-identity-board .identity-wordmark{font-family:'Fraunces',Georgia,serif}
.well-identity-board .brand-system-grid>div{background:#f5ead8ed;color:var(--ink)}
.well-identity-board .system-voice{background:#a9ad81!important}
.well-identity-board .brand-board-logo{border-color:#f5ead844}
.watt-identity-board{background:#173936;color:#def76b}
.watt-identity-board::before{background-image:url('assets/well-rhythm.svg');opacity:.1}
.watt-identity-board .identity-wordmark,.watt-identity-board .brand-system-grid h4{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:700;letter-spacing:.01em;text-transform:uppercase}
.watt-identity-board .brand-system-grid>div{background:#f1ede5f2;color:var(--ink);border-radius:4px}
.watt-identity-board .system-voice{background:#def76b!important}
.watt-identity-board .brand-board-logo{border-color:#def76b44}
@media(max-width:650px){.identity-wordmark{font-size:26px}.watt-identity-board .identity-wordmark{font-size:24px}.branding-comparison .brand-comparison + .brand-comparison{margin-top:48px}}

/* A sharper electrical wordmark, with quiet atmosphere around the hero. */
.watt-wordmark{display:inline-flex!important;flex-direction:column;align-items:flex-start;gap:3px;font-family:'Barlow Condensed','Arial Narrow',sans-serif!important;line-height:.88!important;letter-spacing:.01em!important}
.watt-wordmark>strong{display:flex;align-items:center;gap:9px;font-size:36px;font-weight:700;letter-spacing:.025em;line-height:.85}
.watt-wordmark .watt-a{font-size:16px;line-height:1;border-top:1px solid currentColor;border-bottom:1px solid currentColor;padding:3px 1px;color:#def76b}
.watt-wordmark>b{font-size:21px;font-weight:600;letter-spacing:.12em;line-height:1.05}
.watt-wordmark small{margin-top:6px!important;font-size:9px!important;letter-spacing:.3em!important}
.watt-identity-board .watt-wordmark>strong{font-size:44px}
.watt-identity-board .watt-wordmark>b{font-size:25px}
.compare-new .trade-screen{background:radial-gradient(ellipse at 48% 72%,#def76b0a 0%,transparent 48%),radial-gradient(ellipse at 16% 20%,#42625b45 0%,transparent 56%),linear-gradient(130deg,#173936 30%,#1b3e37 65%,#173936 100%)}
.trade-hero h3{font-weight:600;letter-spacing:-.015em;line-height:1.01}
.trade-hero h3>span{display:block}
.trade-hero h3 em{font-weight:400;font-style:italic;letter-spacing:-.035em}
.trade-hero h3 .power-finish{font-weight:700;letter-spacing:.005em}
.trade-hero h3 .power-period{color:#def76b}
@media(max-width:650px){.watt-wordmark>strong{font-size:30px}.watt-wordmark>b{font-size:18px}.watt-identity-board .watt-wordmark>strong{font-size:34px}.watt-identity-board .watt-wordmark>b{font-size:20px}}

/* A small, hands-on monthly-care story. */
.care-demo{margin-top:36px}
.care-options{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}
.care-options button{border:1px solid #142e2840;border-radius:999px;padding:11px 18px;background:transparent;color:var(--ink);font:inherit;font-size:14px;cursor:pointer;transition:background .2s,transform .2s}
.care-options button[aria-pressed="true"]{background:#142e28;color:#f1ede5}
.care-options button:hover{transform:translateY(-2px)}
.care-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}
.care-steps button{display:flex;align-items:center;gap:12px;text-align:left;padding:16px;border:1px solid #142e282b;border-radius:12px;background:#f1ede52b;color:var(--ink);font:inherit;font-size:14px;cursor:pointer;transition:background .2s,transform .2s}
.care-steps button span{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border:1px solid #142e2855;border-radius:50%;font-size:13px}
.care-steps button[aria-pressed="true"]{background:#f1ede5;transform:translateY(-3px)}
.care-steps button.complete span{background:#2e5148;color:#f1ede5}
.care-stage{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center;padding:36px;background:#f1ede580;border:1px solid #142e2820;border-radius:22px}
.care-story h3{font-family:var(--display);font-size:clamp(32px,3.5vw,48px);line-height:1.08;margin:12px 0 20px;color:var(--ink)}
.care-copy{font-size:18px;line-height:1.6;min-height:88px;max-width:42ch}
.care-next{margin-top:14px}
.care-preview{background:#f7f5ec;border:1px solid #142e2826;border-radius:14px;overflow:hidden;transform:rotate(1deg);transition:transform .35s}
.care-demo[data-stage="3"] .care-preview{transform:rotate(0deg) translateY(-4px)}
.care-browser-bar{display:flex;align-items:center;gap:5px;padding:14px;background:#e1e7df;border-bottom:1px solid #142e281a}
.care-browser-bar>span{width:6px;height:6px;border-radius:50%;background:#2e514855}
.care-browser-bar small{margin-left:auto;font-size:12px;color:#40534a}
.care-preview-content{padding:30px}
.care-preview h4{font-size:28px;color:var(--ink);margin:16px 0 24px}
.care-preview-content>p:not(.eyebrow){font-size:16px;padding:12px 0;border-bottom:1px solid #142e281a;color:var(--ink)}
.care-preview .care-new{background:#dce5d5;border-radius:7px;padding:12px!important;animation:care-arrive .35s ease-out}
.care-old.superseded{text-decoration:line-through;opacity:.5}
.care-preview-status{display:inline-block;margin-top:24px;font-size:13px;color:#2e5148}
.care-note{font-size:12px;margin-top:16px;color:#40534a}
.care-demo button:focus-visible{outline:2px solid #142e28;outline-offset:4px}
@keyframes care-arrive{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){.care-steps{grid-template-columns:1fr 1fr}.care-stage{grid-template-columns:1fr;gap:26px;padding:24px}.care-copy{min-height:0}.care-preview{transform:none}.care-steps button{padding:12px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.care-demo *{animation:none!important;transition:none!important;transform:none!important}}

/* Optical balance for the electrical identity and a steady headline weight. */
.trade-nav .watt-lockup{gap:14px;align-items:center}
.trade-nav .watt-lockup>img{width:62px;height:62px}
.trade-nav .watt-wordmark{gap:3px}
.trade-nav .watt-wordmark>strong{font-size:30px;line-height:.9}
.trade-nav .watt-wordmark>b{font-size:18px;letter-spacing:.105em}
.trade-nav .watt-wordmark .watt-a{font-size:13px;padding:2px 1px}
.trade-nav .watt-wordmark small{font-size:9px!important;margin-top:4px!important}
.power-panel-top.watt-lockup{gap:12px;align-items:center}
.power-panel-top.watt-lockup>img{width:48px;height:48px;flex-shrink:0}
.power-panel-top .watt-wordmark>strong{font-size:25px;line-height:.9}
.power-panel-top .watt-wordmark>b{font-size:15px;letter-spacing:.105em}
.power-panel-top .watt-wordmark .watt-a{font-size:11px;padding:2px 1px}
.power-panel-top .watt-wordmark small{font-size:8px!important;margin-top:3px!important}
.trade-hero h3,.trade-hero h3 .power-first,.trade-hero h3 .power-finish{font-weight:700;letter-spacing:0;line-height:1.02}
.trade-hero h3 em{font-style:normal;font-weight:700;letter-spacing:0}
@media(max-width:650px){.trade-nav .watt-lockup>img{width:52px;height:52px}.trade-nav .watt-wordmark>strong{font-size:26px}.trade-nav .watt-wordmark>b{font-size:16px}}

/* Minimal identity boards for therapy and electrical. */
.room-identity-board::before,.watt-identity-board::before{display:none}
.watt-identity-board .brand-board-logo{gap:16px;align-items:center}
.watt-identity-board .brand-board-logo>img{width:76px;height:76px}
.watt-identity-board .watt-wordmark>strong{font-size:36px;line-height:.9}
.watt-identity-board .watt-wordmark>b{font-size:22px;letter-spacing:.105em}
.watt-identity-board .watt-wordmark .watt-a{font-size:16px;padding:3px 1px}
.watt-identity-board .watt-wordmark small{font-size:10px!important;margin-top:5px!important;color:#f1ede5}
@media(max-width:650px){.watt-identity-board .brand-board-logo>img{width:56px;height:56px}.watt-identity-board .watt-wordmark>strong{font-size:28px}.watt-identity-board .watt-wordmark>b{font-size:17px}.watt-identity-board .watt-wordmark .watt-a{font-size:12px}}

.privacy-intro{padding-top:180px;padding-bottom:75px}
.privacy-page .container{max-width:1000px}
.privacy-intro h1{font-size:clamp(60px,8vw,110px)}
.privacy-page .lead{max-width:40ch}
.privacy-contact{background:#2e5148;color:#f1ede5}
.privacy-contact .display{color:#f1ede5;font-size:clamp(44px,5vw,70px)}
.privacy-contact .lead,.privacy-contact .eyebrow{color:#f1ede5}
@media(max-width:650px){.privacy-intro{padding-top:130px}}

.enquiry-contact,.enquiry-privacy{font-size:16px;line-height:1.6;max-width:65ch}.enquiry-contact a,.enquiry-privacy a{color:var(--gum);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.enquiry-privacy{opacity:.85;font-size:14px}.privacy-contact a:not(.btn){color:#f1ede5;overflow-wrap:anywhere;text-decoration:underline}.enquiry-copy-fallback{width:100%;min-height:250px;padding:20px;font:inherit;border-radius:12px;background:#f1ede5;color:var(--ink)}

/* Explicit privacy colours keep shared section styles from washing out contrast. */
.privacy-page .privacy-intro{color:#2e5148;background:#fffdf8}
.privacy-page .privacy-intro .display,.privacy-page .privacy-intro .lead,.privacy-page .privacy-intro .eyebrow{color:#2e5148}
.privacy-page .privacy-contact{background:#2e5148;color:#f1ede5}
.privacy-page .privacy-contact .display,.privacy-page .privacy-contact .lead,.privacy-page .privacy-contact .eyebrow,.privacy-page .privacy-contact p{color:#f1ede5;opacity:1}
.privacy-page .privacy-contact .lead{font-size:18px;line-height:1.65}
.privacy-page .privacy-contact a:not(.btn){color:#f1ede5;font-size:16px;line-height:1.6}
.privacy-page .privacy-contact .btn.light{background:#f1ede5;border-color:#f1ede5;color:#2e5148;font-weight:600}
.privacy-page .privacy-contact .btn.light:hover{background:#fffdf8;color:#24433c}

.word-cycle button.word-chip{background:transparent;color:inherit;cursor:pointer;font-weight:400;appearance:none}
.word-cycle button.word-chip:hover,.word-cycle button.word-chip[aria-pressed="true"]{opacity:1;background:var(--eucalyptus);color:var(--gum)}
.word-cycle button.word-chip:focus-visible{outline:2px solid var(--eucalyptus);outline-offset:5px;opacity:1}
.impression-thought{margin-top:28px;padding:24px 28px;border-left:2px solid #2e5148;background:#f1ede550;max-width:850px;border-radius:0 14px 14px 0;color:var(--ink)}
.impression-thought[hidden]{display:none}
.impression-thought .impression-label{margin:0 0 12px;color:#2e5148;font-size:12px}
.impression-copy{font-size:clamp(20px,2.3vw,28px);line-height:1.4;margin:0;max-width:45ch}
@media(max-width:650px){.impression-thought{padding:20px}.word-cycle button.word-chip{font-size:30px}}

.old-electrical-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;border:1px solid #8f877e;background:#e4dfd5}.old-electrical-icon svg{width:150px;height:150px}.old-electrical-icon>span{font:14px Arial,sans-serif;color:#30443a;letter-spacing:.02em}
/* Quiet cursor illumination for the Essential pricing card. */
#pricing .price-card{isolation:isolate;overflow:hidden}
#pricing .price-card::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;background:radial-gradient(350px circle at var(--card-x,50%) var(--card-y,40%),#c8b47d26,transparent 72%);opacity:0;transition:opacity .35s}
#pricing .price-card.cursor-inside::after{opacity:1}
@media(prefers-reduced-motion:reduce){#pricing .price-card::after{display:none}}

.enquiry-delivery{flex-wrap:wrap;gap:12px}.enquiry-details{margin:28px 0;max-width:800px}.enquiry-details summary{cursor:pointer;padding:14px 0;font-size:16px;color:var(--gum)}.enquiry-details textarea{margin-top:12px;min-height:300px}.success-panel .display:focus{outline:none}

.header-vector-logo{display:block;width:190px;height:auto;flex-shrink:0}.dark-header .brand-link .logo-dark{display:none}.dark-header .site-header.scrolled .brand-link .logo-light{display:none}.dark-header .site-header.scrolled .brand-link .logo-dark{display:block}@media(max-width:650px){.header-vector-logo{width:150px}}

/* A focused conversation, with a little Stringybark warmth. */
.form-page{background:radial-gradient(ellipse at 90% 15%,#c8b47d10,transparent 50%),#2e5148}
.form-page>.container>.display{font-size:clamp(44px,5.2vw,76px);max-width:14ch}
.form-page>.container>.lead{font-size:18px;max-width:48ch}
.lively-enquiry{margin-top:30px}
.lively-enquiry .form-progress{margin-bottom:12px}
.enquiry-progress-track{height:3px;background:#f1ede520;margin-bottom:30px;border-radius:5px;overflow:hidden}
.enquiry-progress-track span{display:block;height:100%;width:14.28%;background:#e89f86;transition:width .4s ease}
.lively-enquiry .form-step.active{animation:question-enter .3s ease-out}
.lively-enquiry .form-step>label,.lively-enquiry .form-step>legend{font-size:clamp(32px,3.5vw,49px);line-height:1.08;max-width:22ch;margin-bottom:22px}
.question-response{font-size:15px;line-height:1.5;color:#f1ede5;min-height:23px;margin:15px 0 0}
.enquiry-prompts{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.enquiry-prompts button{font:inherit;font-size:14px;padding:10px 15px;border:1px solid #f1ede560;border-radius:999px;background:transparent;color:#f1ede5;cursor:pointer;transition:background .2s,transform .2s}
.enquiry-prompts button:hover,.enquiry-prompts button.chosen{background:#e89f86;color:var(--ink);border-color:#e89f86;transform:translateY(-2px)}
.enquiry-prompts button:focus-visible{outline:2px solid #f1ede5;outline-offset:4px}
.lively-enquiry .choice label{transition:background .2s,transform .2s,border-color .2s}
.lively-enquiry .choice label:hover{border-color:#e89f86;transform:translateY(-2px)}
.lively-enquiry .choice input:focus-visible+label{outline:2px solid #f1ede5;outline-offset:4px}
.project-form.done .enquiry-progress-track{display:none}
@keyframes question-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.lively-enquiry *{animation:none!important;transition:none!important;transform:none!important}}

/* Modern feedback, without changing the composition. */
.reading-progress{position:fixed;left:0;top:0;width:100%;height:3px;background:var(--bark);z-index:120;transform:scaleX(0);transform-origin:left;pointer-events:none}
.nav-links>a:not(.nav-cta),.footer-links a{position:relative;text-decoration:none}
.nav-links>a:not(.nav-cta)::after,.footer-links a::after{content:'';position:absolute;left:0;bottom:-3px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.nav-links>a:hover::after,.nav-links>a:focus-visible::after,.footer-links a:hover::after,.footer-links a:focus-visible::after{transform:scaleX(1)}
.responsive-card{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.detail-reveal{opacity:0;translate:0 12px;transition:opacity .5s ease var(--detail-delay,0ms),translate .5s ease var(--detail-delay,0ms)}
.detail-reveal.detail-visible{opacity:1;translate:0 0}
.btn:active,.nav-cta:active{transform:translateY(0) scale(.98)}
.process-step{transition:border-color .25s ease}
.process-step:hover{border-color:var(--bark)}
@media(hover:hover) and (pointer:fine){.responsive-card:hover{transform:perspective(1000px) rotateX(var(--lean-x,0deg)) rotateY(var(--lean-y,0deg)) translateY(-3px);box-shadow:0 18px 40px #173b3218}.principle:hover{border-color:var(--bark)}}
@media(prefers-reduced-motion:reduce){.detail-reveal{opacity:1;translate:none;transition:none}.responsive-card,.responsive-card:hover{transform:none;transition:none}.nav-links>a::after,.footer-links a::after{transition:none}.btn:active,.nav-cta:active{transform:none}}

.inverse-hero{position:relative;isolation:isolate;overflow:hidden;--lens-size:150px}
.inverse-window{position:absolute;inset:0;padding:inherit;background:var(--eucalyptus);color:var(--bark);clip-path:circle(var(--lens-size) at var(--lens-x) var(--lens-y));pointer-events:none;z-index:2}
.inverse-window .container{position:relative}.inverse-window .display,.inverse-window .lead,.inverse-window .eyebrow{color:var(--bark)}
.inverse-window .btn{background:var(--bark);color:var(--eucalyptus);border-color:var(--bark)}.inverse-window .btn.secondary{background:transparent;color:var(--bark);border-color:var(--bark)}
.inverse-handle{position:absolute;left:var(--lens-x);top:var(--lens-y);transform:translate(-50%,-50%);z-index:3;border:1px solid #e99e8580;border-radius:999px;background:var(--eucalyptus);color:var(--bark);display:flex;align-items:center;gap:8px;padding:10px 14px;font:500 12px var(--body);cursor:grab;touch-action:none;box-shadow:0 4px 20px #173b3220;white-space:nowrap}
.inverse-handle>span:first-child{font-size:20px;line-height:1}.inverse-handle:focus-visible{outline:2px solid var(--gum);outline-offset:5px}.lens-dragging .inverse-handle{cursor:grabbing}
@media(max-width:650px){.inverse-hero{--lens-size:100px}.inverse-handle{font-size:11px;padding:8px 10px}}

/* Fluid hover lens: no controls, labels or touch-scroll interception. */
.fluid-window{opacity:0;clip-path:circle(0);transition:opacity .35s ease;will-change:clip-path,opacity}
.lens-hovered .fluid-window{opacity:1}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.fluid-window{display:none}}

.inclusion-instruction{font-size:15px;color:var(--muted);margin:32px 0 -28px}
.inclusion-toggle{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:0;background:transparent;border:0;text-align:left;font:inherit;text-transform:inherit;color:var(--ink);cursor:pointer}
.inclusion-mark{flex:none;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font:400 24px var(--body);transition:background .2s,color .2s,border-color .2s}
.inclusion-toggle:hover .inclusion-mark,.inclusion-open .inclusion-mark{background:var(--eucalyptus);color:var(--gum);border-color:var(--eucalyptus)}
.inclusion-toggle:focus-visible{outline:2px solid var(--eucalyptus);outline-offset:6px;border-radius:3px}
.inclusion-example{margin-top:20px;background:var(--gum);padding:22px;border-left:3px solid var(--bark);border-radius:0 14px 14px 0;animation:question-enter .25s ease-out}
.inclusion-example[hidden]{display:none}.inclusion-example-label{display:block;font:500 12px var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.inclusion-example strong{display:block;font:600 20px var(--body);color:var(--ink);line-height:1.35;margin-bottom:9px}.inclusion-example p{font-size:16px;line-height:1.6}
@media(prefers-reduced-motion:reduce){.inclusion-example{animation:none}.inclusion-mark{transition:none}}

.home-inverse-hero .fluid-window{padding:0;overflow:hidden}.home-inverse-hero .fluid-window .hero-copy{margin:0}.home-inverse-hero .fluid-window .hero-note{color:var(--bark)}

/* The thought section reveals the complete composition in inverse brand colours. */
.thought-inverse .inverse-window{background:var(--eucalyptus);color:var(--bark)}
.thought-inverse .inverse-window *{color:var(--bark)!important;border-color:#e99e8560!important}
.thought-inverse .inverse-window .search-demo{background:var(--eucalyptus-2);box-shadow:none}
.thought-inverse .inverse-window .searchbar,.thought-inverse .inverse-window .search-result,.thought-inverse .inverse-window .customer-journey,.thought-inverse .inverse-window .journey-steps>div{background:transparent}
.thought-inverse .inverse-window .search-icon::after{background:var(--bark)}

/* Invert the dark customer-journey panel as well as its text. */
.thought-inverse .inverse-window .customer-journey{background:var(--bark)}
.thought-inverse .inverse-window .customer-journey,.thought-inverse .inverse-window .customer-journey *{color:var(--ink)!important;border-color:#173b3240!important}

/* A contrasting, quiet glow on the peach Gap section. */
.gap-glow.cursor-glow::before{background:radial-gradient(ellipse 36% 52% at var(--mx) var(--my),#fff5df18,transparent 78%),radial-gradient(ellipse 48% 60% at var(--mx) var(--my),#2e514806,transparent 82%);opacity:.45;transition:opacity .45s ease}
.gap-glow.cursor-glow:hover::before{opacity:.65}

@media(hover:hover) and (pointer:fine){.inclusion-example.cursor-example{position:fixed;left:var(--example-x,16px);top:var(--example-y,16px);width:min(360px,calc(100vw - 32px));margin:0;z-index:110;pointer-events:none;box-shadow:0 14px 40px #173b3224;background:var(--gum)}}

.story-cursor-example p{font-size:17px;line-height:1.6;color:var(--ink)}
@media(hover:hover) and (pointer:fine){.interactive-stories .story-item>p{display:none}.interactive-stories .story-hovered summary{color:var(--eucalyptus)}.interactive-stories .story-hovered{border-color:var(--bark)}}

.preliminary-brief{scroll-margin-top:100px}.preliminary-brief fieldset{border:0;padding:0;min-width:0}.preliminary-brief .brief-field-label{font:500 16px var(--body);text-transform:none;line-height:1.4;margin:24px 0 8px}.preliminary-brief .field{font-size:21px}.brief-help{font-size:16px;line-height:1.65;max-width:70ch;margin:24px 0}.brief-extras{display:inline-block;text-decoration:underline;text-underline-offset:4px;color:var(--bark)}.brief-outline{min-height:520px;background:#24433c;padding:20px!important;border:1px solid #f1ede550!important;border-radius:14px;line-height:1.6;font:16px var(--body)!important}.brief-email-options{margin:26px 0;padding:24px;border:1px solid #f1ede540;border-radius:16px}.brief-email-options[hidden]{display:none}.revision-table{width:100%;border-collapse:collapse;margin:35px 0}.revision-table th,.revision-table td{text-align:left;padding:16px;border-bottom:1px solid var(--line);font-size:17px}.preliminary-brief input[type=checkbox]:focus-visible+label{outline:2px solid var(--gum);outline-offset:4px}

.brief-scope-key{max-width:900px;margin:28px 0;padding:20px 24px;border:1px solid #f1ede533;border-radius:16px;font-size:15px;line-height:1.6}.brief-scope-key p{margin:8px 0}.scope-badge{display:inline-block;font:500 11px var(--body);letter-spacing:.04em;padding:3px 8px;border:1px solid #f1ede540;border-radius:999px;color:#f1ede5cc;white-space:nowrap;text-transform:none;vertical-align:middle}.scope-extra{border-color:#e99e8560;color:#e99e85}.preliminary-brief .choice label .scope-badge{display:table;margin-top:10px}.preliminary-brief .choice input:checked+label .scope-badge{color:var(--ink);border-color:#173b3260}.brief-example{font-size:15px;color:#f1ede5cc}

.preliminary-brief .choice label del{opacity:.65;margin-right:7px;font-size:.9em}.preliminary-brief .choice label strong{font-weight:600}.revision-offer{border-left:2px solid var(--bark);padding-left:18px;color:var(--gum)}.extras-scope-list{line-height:1.7;max-width:75ch}.extras-scope-list li{margin:10px 0}