:root{
  --bg:#0b0b0b;
  --bg-soft:#121212;
  --paper:#f2f0ea;
  --paper-2:#f8f7f2;
  --white:#f7f7f4;
  --ink:#111111;
  --muted:#a6a6a0;
  --muted-dark:#676963;
  --line:rgba(255,255,255,.15);
  --line-strong:rgba(255,255,255,.28);
  --line-dark:rgba(0,0,0,.14);
  --warning:#f0ddac;
  --danger:#eadbd6;
  --display:'Manrope',Arial,sans-serif;
  --body:'Inter',Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--white);font-family:var(--body);-webkit-font-smoothing:antialiased}
a{color:inherit}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.shell{max-width:1440px;margin:0 auto;padding:0 34px}
.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}
.brand{display:inline-flex;flex-direction:column;align-items:flex-start;text-decoration:none;white-space:nowrap}
.brand-logo{display:block;width:142px;height:auto;max-height:34px;object-fit:contain;object-position:left center}
.brand small{display:block;font-family:var(--body);font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:#74746f;margin-top:5px}
.topnav{display:flex;align-items:center;gap:18px}
.topnav a{text-decoration:none;font-size:11px;text-transform:uppercase;letter-spacing:.11em;color:#c8c8c2}
.lang-switch{display:flex;align-items:center;gap:7px;border-left:1px solid var(--line);padding-left:18px}
.lang-switch a{color:#71716d}
.lang-switch a.active{color:#fff}
.lang-switch .sep{color:#4d4d49;font-size:11px}
.btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:46px;border:1px solid var(--line);background:transparent;color:var(--white);padding:13px 18px;text-decoration:none;transition:.18s ease}
.btn:hover{background:#fff;color:#111;border-color:#fff}
.btn.primary{background:#fff;color:#111;border-color:#fff}
.btn.primary:hover{background:#deded8}
.btn.dark{background:#111;color:#fff;border-color:#111}
.btn.dark:hover{background:#2b2b2a}
.btn.light{border-color:var(--line-dark);color:#111}
.btn.light:hover{background:#111;color:#fff}
.btn.quiet{border-color:transparent;color:var(--muted);padding-left:0;padding-right:0}
.btn.quiet:hover{background:transparent;color:#fff}
.btn:disabled{opacity:.32;cursor:not-allowed}
.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.hero{min-height:calc(100vh - 86px);display:grid;grid-template-columns:1.13fr .87fr;gap:74px;align-items:end;padding:76px 0 72px}
.hero h1{font-family:var(--display);font-weight:400;font-size:clamp(58px,7.2vw,112px);line-height:.94;letter-spacing:-.052em;margin:16px 0 0}
.hero-copy{align-self:center}
.hero-copy p{font-size:18px;line-height:1.68;color:#c6c6c1;max-width:620px;margin:0}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.hero-principle{margin-top:40px;font-family:var(--display);font-size:22px;line-height:1.42;color:#fff}
.hero-note{border-top:1px solid var(--line);padding-top:18px;margin-top:34px;font-size:13px;line-height:1.58;color:#858580;max-width:590px}
.section{padding:86px 0;border-top:1px solid var(--line)}
.section-grid{display:grid;grid-template-columns:330px 1fr;gap:72px}
.section h2{font-family:var(--display);font-size:clamp(40px,5vw,70px);font-weight:400;line-height:1.02;letter-spacing:-.04em;margin:12px 0 18px}
.section-intro{font-size:16px;line-height:1.68;color:#aaa9a3;max-width:650px}
.value-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.value-card{min-height:220px;padding:25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.value-card .num{font-size:11px;color:#64645f;margin-bottom:58px}
.value-card h3{font-family:var(--display);font-size:24px;font-weight:400;margin:0 0 12px}
.value-card p{font-size:13px;line-height:1.58;color:#90908a;margin:0}
.route-strip{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.route-card{padding:28px;min-height:280px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.route-card .num{font-size:11px;color:#666661;margin-bottom:64px}
.route-card h3{font-family:var(--display);font-size:31px;font-weight:400;margin:0 0 12px}
.route-card p{font-size:14px;line-height:1.6;color:#a8a8a2;max-width:520px;margin:0 0 23px}
.route-link{text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:4px;font-size:14px}
.public-footer{border-top:1px solid var(--line);padding:26px 0;display:flex;justify-content:space-between;gap:20px;color:#777772;font-size:11px}
.public-footer nav{display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-end}.public-footer a{text-decoration:none;color:#b7b7b1}

/* Application */
.app-body{background:var(--bg)}
.app-shell{max-width:1540px;margin:0 auto;min-height:100vh;background:var(--bg)}
.app-header{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;background:rgba(11,11,11,.96);backdrop-filter:blur(14px);z-index:30}
.app-header-right{display:flex;align-items:center;gap:16px}
.app-status{font-size:10px;text-transform:uppercase;letter-spacing:.11em;color:#858580;border:1px solid var(--line);padding:8px 10px}
.app-exit{text-decoration:none;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#aaa9a3}
.progress-zone{padding:20px 30px 18px;border-bottom:1px solid var(--line)}
.progress-head{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:11px}
.progress-title{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#777772}
.progress-copy{font-family:var(--display);font-size:19px;color:#d5d5cf}
.progress-track{height:2px;background:rgba(255,255,255,.08)}
.progress-fill{height:100%;background:#fff;transition:width .28s ease}
.conversation{display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:68px;padding:56px 30px 70px}
.question-area{min-height:660px;display:flex;flex-direction:column}
.question-meta{display:flex;justify-content:space-between;gap:20px;align-items:center}
.question-index,.question-context{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#74746f}
.question-title{font-family:var(--display);font-size:clamp(39px,4.4vw,68px);font-weight:400;line-height:1.04;letter-spacing:-.038em;margin:17px 0 17px;max-width:960px}
.question-desc{font-size:16px;line-height:1.66;color:#9d9d97;max-width:720px;margin:0 0 34px}
.answer-area{margin-top:7px}
.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.option{appearance:none;min-height:116px;padding:21px;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent;color:#fff;text-align:left;transition:.17s ease}
.option:hover{background:#151515}
.option.selected{background:#fff;color:#111}
.option-num{font-size:10px;opacity:.48;margin-bottom:18px}
.option-label{font-size:16px;line-height:1.36}
.option-hint{font-size:11px;line-height:1.48;opacity:.52;margin-top:7px}
.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.field{border-top:1px solid var(--line);padding-top:18px}
.field.full{grid-column:1/-1}
.field label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#777772;margin-bottom:7px}
.text-input,.text-area,.select-input{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:#fff;padding:14px 0;font-size:19px;outline:none}
.text-input::placeholder,.text-area::placeholder{color:#4f4f4b}
.text-area{min-height:118px;resize:vertical;line-height:1.5}
.select-input option{color:#111}
.upload-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.upload-box{position:relative;border:1px dashed var(--line-strong);padding:20px;min-height:112px;color:#a7a7a1;transition:.18s}
.upload-box:hover{border-color:#fff;color:#fff}
.upload-box input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}
.upload-title{font-size:14px}.upload-file{font-size:11px;color:#6f6f6a;margin-top:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.micro{font-size:11px;line-height:1.55;color:#6f6f6a}
.question-actions{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:44px;gap:16px}
.question-actions-right{display:flex;gap:10px}
.understanding-panel{border-left:1px solid var(--line);padding-left:30px;position:sticky;top:110px;align-self:start}
.panel-head{display:flex;justify-content:space-between;gap:18px;align-items:center}
.panel-title{font-family:var(--display);font-size:20px}.panel-state{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#70706b}
.understanding-list{margin-top:23px;border-top:1px solid var(--line)}
.understanding-row{display:grid;grid-template-columns:92px 1fr;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}
.understanding-key{font-size:9px;text-transform:uppercase;letter-spacing:.11em;color:#6e6e69}
.understanding-value{font-size:13px;line-height:1.46;color:#d4d4cf}.understanding-value.empty{color:#595955}
.insight{margin-top:22px;padding:18px;border:1px solid var(--line);background:#101010}
.insight.warning{border-color:rgba(240,221,172,.46)}
.insight-label{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#858580;margin-bottom:10px}
.insight.warning .insight-label{color:var(--warning)}
.insight-text{font-size:13px;line-height:1.56;color:#cecec8}
.mobile-understanding{display:none;margin:0 20px 30px;border-top:1px solid var(--line);padding-top:18px}.mobile-understanding summary{cursor:pointer;color:#aaa9a3;font-size:12px}

/* Review + reading */
.paper-screen{background:var(--paper);color:#111;min-height:calc(100vh - 78px)}
.review-wrap{max-width:1280px;margin:0 auto;padding:62px 34px 84px}
.review-heading{display:grid;grid-template-columns:1fr .55fr;gap:70px;padding-bottom:34px;border-bottom:1px solid var(--line-dark)}
.review-title{font-family:var(--display);font-size:clamp(44px,5vw,75px);font-weight:400;line-height:1.01;letter-spacing:-.045em;margin:13px 0 16px}
.review-desc{font-size:17px;line-height:1.68;color:#555650;max-width:760px}
.review-side{align-self:end;border-top:1px solid var(--line-dark);padding-top:17px;color:#666761;font-size:13px;line-height:1.58}
.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px}
.review-card{border:1px solid var(--line-dark);background:var(--paper-2);padding:22px}
.review-card.full{grid-column:1/-1}
.review-card h2{font-family:var(--display);font-size:23px;font-weight:400;margin:0 0 9px}
.review-card-intro{font-size:12px;color:#777870;margin-bottom:14px}
.review-item{display:grid;grid-template-columns:125px 1fr auto;gap:18px;padding:13px 0;border-top:1px solid var(--line-dark);align-items:start}
.review-key{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#777870}
.review-value{font-size:14px;line-height:1.52}.edit-link{border:0;background:transparent;color:#777870;padding:0;text-decoration:underline;font-size:11px}
.review-actions{display:flex;justify-content:space-between;gap:18px;margin-top:30px}
.reading-wrap{max-width:1380px;margin:0 auto;padding:0 34px 90px}
.reading-hero{display:grid;grid-template-columns:1fr 1fr;gap:75px;padding:64px 0 44px;border-bottom:1px solid var(--line-dark)}
.reading-title{font-family:var(--display);font-size:clamp(46px,5vw,78px);font-weight:400;line-height:.99;letter-spacing:-.045em;margin:13px 0 15px}
.reading-context{display:flex;gap:12px;flex-wrap:wrap;font-size:11px;color:#6e6f69}
.reading-lead{font-size:19px;line-height:1.68;color:#42433f;align-self:end;max-width:680px}
.reading-layout{display:grid;grid-template-columns:230px 1fr;gap:70px;padding-top:48px}
.reading-nav{position:sticky;top:110px;align-self:start}.reading-nav a{display:block;text-decoration:none;color:#777870;font-size:11px;padding:10px 0;border-bottom:1px solid var(--line-dark)}.reading-nav a:hover{color:#111}
.reading-section{padding-bottom:43px;margin-bottom:42px;border-bottom:1px solid var(--line-dark);scroll-margin-top:110px}.reading-section:last-child{border-bottom:0}
.reading-number{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:#777870}
.reading-section h2{font-family:var(--display);font-size:34px;font-weight:400;letter-spacing:-.025em;margin:9px 0 17px}
.reading-text{font-size:18px;line-height:1.72;color:#393a36;max-width:850px}
.behaviour-flow{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:21px}.behaviour-chip{border:1px solid var(--line-dark);padding:10px 13px;font-size:13px}.arrow{color:#8b8c85}
.principles-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line-dark);border-left:1px solid var(--line-dark);margin-top:22px}.principle-card{padding:20px;border-right:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark);min-height:120px}.principle-card strong{display:block;font-family:var(--display);font-weight:400;font-size:18px;margin-bottom:8px}.principle-card p{font-size:13px;line-height:1.52;color:#5c5d57;margin:0}
.feas-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:22px}.feas-card{border:1px solid var(--line-dark);padding:19px;min-height:178px}.feas-card h3{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#74756f;margin:0 0 13px}.feas-card ul{padding-left:17px;margin:0}.feas-card li{font-size:13px;line-height:1.55;color:#454641;margin:7px 0}
.tension-box{border-left:3px solid #9a7d1a;background:#eee3c4;padding:20px;font-size:17px;line-height:1.6;color:#38382f}
.next-step{background:#111;color:#fff;padding:29px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;margin-top:20px}.next-step h3{font-family:var(--display);font-size:28px;font-weight:400;margin:0 0 9px}.next-step p{font-size:14px;line-height:1.55;color:#c8c8c2;margin:0;max-width:710px}
.reading-actions{display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--line-dark);padding-top:24px;margin-top:48px}

/* Lead */
.lead-wrap{max-width:1200px;margin:0 auto;padding:60px 34px 85px}
.lead-hero{display:grid;grid-template-columns:1fr .55fr;gap:65px;padding-bottom:31px;border-bottom:1px solid var(--line-dark)}
.lead-title{font-family:var(--display);font-size:clamp(44px,5vw,72px);font-weight:400;line-height:1;letter-spacing:-.043em;margin:12px 0 15px}
.lead-copy{font-size:17px;line-height:1.67;color:#555650;max-width:760px}
.lead-aside{align-self:end;border-top:1px solid var(--line-dark);padding-top:17px;color:#666761;font-size:13px;line-height:1.58}
.lead-grid{display:grid;grid-template-columns:minmax(0,820px);justify-content:center;margin-top:32px}
.lead-card{border:1px solid var(--line-dark);background:var(--paper-2);padding:28px}
.request-summary{border:1px solid var(--line-dark);padding:18px;margin-bottom:24px;background:#ecebe5}.request-summary h2{font-family:var(--display);font-size:23px;font-weight:400;margin:0 0 6px}.request-summary p{font-size:13px;line-height:1.55;color:#5c5d57;margin:0}.summary-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.summary-chip{border:1px solid var(--line-dark);background:#fff;padding:6px 8px;font-size:10px}.request-details{border-top:1px solid var(--line-dark);padding-top:11px;margin-top:13px}.request-details summary{cursor:pointer;color:#676963;font-size:11px}.request-details ul{margin:9px 0 0;padding-left:18px}.request-details li{font-size:12px;margin:5px 0;color:#555650}
.lead-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.lead-field{display:flex;flex-direction:column;gap:6px}.lead-field.full{grid-column:1/-1}.lead-field label{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#676963}.lead-field input,.lead-field select,.lead-field textarea{width:100%;border:1px solid rgba(0,0,0,.35);background:#fff;color:#111;padding:12px}.lead-field textarea{min-height:92px;resize:vertical}.consent-row{display:flex;gap:10px;align-items:flex-start;margin:16px 0;color:#5f605a;font-size:12px;line-height:1.5}.consent-row input{margin-top:3px}.turnstile-row{margin:18px 0;min-height:65px;max-width:420px}.lead-actions{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;border-top:1px solid var(--line-dark);padding-top:18px;margin-top:18px}.submit-state{display:none;margin-top:15px;padding:13px;border:1px solid var(--line-dark);font-size:13px}.submit-state.show{display:block}.submit-state.error{background:var(--danger)}.submit-state.preview{background:#eee3c4}.required-note{font-size:10px;color:#777870;margin-bottom:7px}
.confirmation{min-height:calc(100vh - 78px);display:grid;place-items:center;background:var(--paper);color:#111}.confirmation-box{max-width:720px;padding:45px 30px}.confirmation-box h1{font-family:var(--display);font-size:clamp(54px,7vw,92px);font-weight:400;line-height:.96;letter-spacing:-.05em;margin:15px 0 23px}.confirmation-box p{font-size:17px;line-height:1.7;color:#555650}.confirmation-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:27px}

/* Legal */
.legal-body{background:var(--paper);color:#111}.legal-wrap{max-width:880px;margin:0 auto;padding:50px 24px 90px}.legal-back{text-decoration:none}.legal-wrap h1{font-family:var(--display);font-size:clamp(48px,6vw,76px);font-weight:400;letter-spacing:-.04em}.legal-wrap h2{font-family:var(--display);font-size:25px;font-weight:400;margin-top:36px}.legal-wrap p,.legal-wrap li{line-height:1.7;color:#454540}.legal-warning{border:1px solid #111;padding:18px;background:#fff}

@media(max-width:1060px){
  .conversation{grid-template-columns:1fr;gap:38px}.understanding-panel{display:none}.mobile-understanding{display:block}.reading-layout{grid-template-columns:1fr}.reading-nav{position:relative;top:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:0 18px}.value-grid{grid-template-columns:1fr}.upload-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  .hero,.section-grid,.review-heading,.reading-hero,.lead-hero{grid-template-columns:1fr}.hero{align-items:center;gap:44px}.route-strip{grid-template-columns:1fr}.feas-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(55px,13vw,94px)}
}
@media(max-width:700px){
  .shell{padding:0 18px}.topbar{height:72px}.topnav>a:not(.lang-link){display:none}.lang-switch{border-left:0;padding-left:0}.hero{min-height:calc(100vh - 72px);padding:45px 0}.app-header{height:70px;padding:0 18px}.app-status{display:none}.progress-zone{padding:16px 18px}.conversation{padding:38px 18px 56px}.question-area{min-height:auto}.option-grid,.field-grid,.review-grid,.principles-grid,.lead-form-grid{grid-template-columns:1fr}.field.full,.review-card.full,.lead-field.full{grid-column:auto}.upload-grid{grid-template-columns:1fr}.question-actions,.review-actions,.reading-actions,.lead-actions{align-items:stretch;flex-direction:column}.question-actions-right{display:grid;grid-template-columns:1fr 1fr}.question-actions-right .btn:last-child{grid-column:1/-1}.btn{width:100%}.review-wrap,.reading-wrap,.lead-wrap{padding-left:18px;padding-right:18px}.review-title,.lead-title{font-size:43px}.reading-title{font-size:49px}.reading-layout{gap:30px}.next-step{grid-template-columns:1fr}.public-footer{display:block}.public-footer nav{margin-top:12px}.review-item{grid-template-columns:1fr}.topnav{gap:10px}.brand-logo{width:116px;max-height:28px}
}

/* Staging environment */
.staging-badge{position:fixed;right:14px;bottom:14px;z-index:9999;background:#f2f0ea;color:#111;border:1px solid rgba(0,0,0,.28);padding:8px 11px;font:500 10px/1.2 var(--body);letter-spacing:.08em;text-transform:uppercase;box-shadow:0 6px 24px rgba(0,0,0,.18)}
@media(max-width:700px){.staging-badge{right:8px;bottom:8px;padding:7px 9px;font-size:9px}}


/* =========================================================
   NOWA Commercial Landing V1
   ========================================================= */
.commercial-shell{max-width:1500px}
.commercial-topbar{position:relative;z-index:20}
.commercial-nav{gap:20px}
.commercial-nav>a{font-size:10px}
.nav-cta{border:1px solid var(--line);padding:10px 13px;color:#fff!important;transition:.18s ease}
.nav-cta:hover{background:#fff;color:#111!important}
.commercial-hero{min-height:calc(100vh - 86px);display:grid;grid-template-columns:1.12fr .88fr;gap:76px;align-items:end;padding:42px 0 74px}
.hero-title-block{display:flex;flex-direction:column;justify-content:flex-end;min-width:0}
.hero-visual{height:clamp(230px,33vw,460px);display:flex;align-items:flex-end;margin:0 0 12px;overflow:hidden;position:relative}
.hero-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 68%,var(--bg) 100%);pointer-events:none}
.hero-visual img{width:100%;height:100%;object-fit:contain;object-position:left bottom;opacity:.82;mix-blend-mode:screen}
.hero-title-block h1{font-family:var(--display);font-size:clamp(72px,9vw,138px);line-height:.82;letter-spacing:-.065em;font-weight:400;margin:20px 0 0}
.commercial-hero-copy{align-self:center;padding-top:55px}
.hero-lead{font-family:var(--display);font-size:clamp(24px,2.5vw,38px);line-height:1.18;letter-spacing:-.03em;margin:0;color:#f5f5f1}
.hero-sub{font-size:16px;line-height:1.65;color:#aaa9a3;max-width:620px;margin:23px 0 0}
.hero-actions-main{margin-bottom:17px}
.hero-agency-link{display:inline-flex;color:#aaa9a3;text-decoration:none;font-size:12px;line-height:1.4;border-bottom:1px solid transparent;padding-bottom:3px}
.hero-agency-link:hover{color:#fff;border-bottom-color:#fff}
.commercial-section{padding:96px 0;border-top:1px solid var(--line)}
.commercial-section-grid{display:grid;grid-template-columns:minmax(270px,390px) 1fr;gap:84px}
.commercial-section h2,.section-heading-row h2,.final-cta h2,.agency-form-intro h2{font-family:var(--display);font-size:clamp(42px,5.5vw,76px);font-weight:400;line-height:.98;letter-spacing:-.045em;margin:13px 0 20px}
.large-copy{font-family:var(--display);font-size:clamp(24px,2.35vw,35px);line-height:1.35;letter-spacing:-.025em;color:#d7d7d1}
.large-copy p{margin:0 0 26px}
.statement-pair{display:grid;grid-template-columns:1fr 1fr;margin-top:40px;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.statement-pair span{padding:20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-family:var(--body);font-size:13px;letter-spacing:.03em;color:#a8a8a2}
.section-heading-row{display:grid;grid-template-columns:1fr 420px;gap:70px;align-items:end;margin-bottom:48px}
.section-heading-row p{font-size:15px;line-height:1.65;color:#9b9b95;margin:0 0 12px}
.service-columns{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.service-columns article{padding:28px;min-height:390px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.service-columns .num{font-size:11px;color:#60605c;margin-bottom:78px}
.service-columns h3{font-family:var(--display);font-size:29px;font-weight:400;margin:0 0 24px}
.service-columns article>p{font-size:13px;line-height:1.55;color:#d1d1cb;min-height:62px;margin:0 0 22px}
.service-columns ul{list-style:none;margin:0;padding:0}
.service-columns li{font-size:14px;line-height:1.45;color:#a8a8a2;padding:12px 0;border-top:1px solid rgba(255,255,255,.08)}
.approach-list{border-top:1px solid var(--line)}
.approach-list article{display:grid;grid-template-columns:62px 170px 1fr;gap:28px;align-items:start;padding:25px 0;border-bottom:1px solid var(--line)}
.approach-list article>span{font-size:11px;color:#62625d;padding-top:7px}
.approach-list h3{font-family:var(--display);font-size:24px;font-weight:400;margin:0}
.approach-list h4{font-family:var(--display);font-size:24px;font-weight:400;margin:0}
.approach-list p{font-size:14px;line-height:1.58;color:#9b9b95;margin:3px 0 0}
.agency-band{background:var(--paper);color:#111;margin:0 -34px;padding:100px 34px;display:grid;grid-template-columns:1.05fr .95fr;gap:86px}
.agency-band .eyebrow{color:#6d6d67}
.agency-band h2{font-family:var(--display);font-size:clamp(48px,6.4vw,92px);line-height:.9;letter-spacing:-.055em;font-weight:400;margin:16px 0 0}
.agency-band-copy{align-self:center}
.agency-band-copy .hero-lead{color:#111}
.agency-points{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line-dark);border-left:1px solid var(--line-dark);margin:34px 0}
.agency-points span{padding:15px;border-right:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark);font-size:12px;line-height:1.45;color:#555650}
.agency-button{display:inline-flex;width:auto}
.agency-band-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.agency-quote-link{color:#5e5f59}
.agency-quote-link:hover{color:#111}
.quote-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:96px 0;display:grid;grid-template-columns:minmax(320px,.95fr) 1.05fr;gap:84px}
.quote-band h2{font-family:var(--display);font-size:clamp(46px,5.7vw,82px);font-weight:400;line-height:.96;letter-spacing:-.05em;margin:15px 0 0}
.quote-band-copy{align-self:center}
.quote-copy{font-size:15px;line-height:1.68;color:#aaa9a3;max-width:720px;margin:24px 0 0}
.quote-points{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line);margin:30px 0}
.quote-points span{padding:15px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;color:#9d9d97}
.quote-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.quote-agency-link{font-size:12px;color:#aaa9a3;text-decoration:none;border-bottom:1px solid transparent;padding-bottom:3px}
.quote-agency-link:hover{color:#fff;border-bottom-color:#fff}
.final-agency-link{width:auto!important;justify-content:flex-start}
.sector-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:28px}
.sector-grid span{padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-family:var(--display);font-size:20px}
.small-note{font-size:11px;line-height:1.55;color:#6f6f69;margin-top:19px}
.studio-method{display:grid;grid-template-columns:minmax(270px,390px) 1fr;gap:84px;margin-top:90px;padding-top:70px;border-top:1px solid var(--line)}
.studio-method>div>h3{font-family:var(--display);font-size:clamp(35px,4.2vw,62px);line-height:.96;letter-spacing:-.045em;font-weight:400;margin:16px 0 0}
.method-claim span,.headline-line{display:block}
.method-claim .claim-result{margin-top:.62em}
.studio-experience{max-width:920px;margin:80px 0 0 auto;padding:44px 0 0;border-top:1px solid var(--line)}
.studio-experience p{font-family:var(--display);font-size:clamp(20px,2.1vw,31px);line-height:1.38;letter-spacing:-.02em;color:#d0d0ca;margin:14px 0 0}
.services-intro{max-width:900px;font-family:var(--display);font-size:clamp(20px,2vw,29px);line-height:1.4;letter-spacing:-.02em;color:#c4c4be;margin:0 0 46px}
.integrated-statement{text-align:center;padding:105px 20px 95px;border-bottom:1px solid var(--line)}
.integrated-statement h3{font-family:var(--display);font-size:clamp(42px,6vw,82px);line-height:1;letter-spacing:-.045em;font-weight:400;margin:0}
.integrated-statement p{font-size:16px;line-height:1.6;color:#9b9b95;margin:24px auto 0;max-width:720px}
.agency-service{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:56px 0 0;align-items:end}
.agency-service h3{font-family:var(--display);font-size:clamp(30px,3.4vw,48px);font-weight:400;letter-spacing:-.035em;margin:12px 0}
.agency-service p{font-size:14px;line-height:1.6;color:#9b9b95;max-width:650px}
.agency-service-list{font-family:var(--display)!important;font-size:20px!important;color:#deded8!important;margin:0 0 22px!important}
.projects-placeholder{display:grid;grid-template-columns:1fr 1fr;gap:84px;align-items:end;min-height:430px}
.projects-placeholder h2{font-size:clamp(56px,7vw,104px)}
.projects-placeholder p{font-size:16px;line-height:1.7;color:#aaa9a3;max-width:670px}
.coming-soon{display:inline-block;margin-top:34px;padding:11px 15px;border:1px solid var(--line);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#aaa9a3}
.final-cta{padding:105px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 430px;gap:70px;align-items:end}
.final-cta p{font-size:16px;line-height:1.65;color:#aaa9a3;max-width:720px}
.final-cta-actions{display:flex;flex-direction:column;gap:10px}
.contact-section{padding-bottom:115px}
.commercial-form{border-top:1px solid var(--line);padding-top:3px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
.form-grid label{display:flex;flex-direction:column;border-bottom:1px solid var(--line);padding:20px 0 10px;gap:8px}
.form-grid label.full,.form-grid .full{grid-column:1/-1}
.form-grid label>span,.file-row label>span{font-size:10px;text-transform:uppercase;letter-spacing:.11em;color:#797974}
.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:0;background:transparent;color:#fff;padding:8px 0;font-size:17px;outline:none}
.form-grid select option{color:#111}
.form-grid textarea{min-height:120px;resize:vertical;line-height:1.5}
.form-grid input::placeholder,.form-grid textarea::placeholder{color:#51514d}
.file-row{display:grid!important;grid-template-columns:repeat(3,1fr);gap:16px;border-bottom:1px solid var(--line);padding:20px 0}
.file-row label{border:1px dashed var(--line-strong);padding:15px!important;min-height:92px}
.file-row input{font-size:11px!important}
.hidden-field{display:none}
.form-submit{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);margin-top:18px;padding-top:20px}
.form-submit>span{font-size:10px;color:#656560}
.commercial-footer{border-top:1px solid var(--line);padding:38px 0 48px;display:grid;grid-template-columns:1fr 1fr;gap:50px}
.footer-claim{font-family:var(--display);font-size:18px}
.commercial-footer p{font-size:12px;color:#72726d;margin:9px 0 0}
.footer-contact{display:flex;justify-content:flex-end;align-items:flex-start;gap:17px;flex-wrap:wrap;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#858580}
.footer-contact a{text-decoration:none}
.footer-contact a:hover{color:#fff}
.text-link{font-size:12px;color:#8a8a84;text-decoration:none}
.text-link:hover{color:#fff}

/* Agency route */
.agency-hero{padding:90px 0 78px;display:grid;grid-template-columns:1.05fr .95fr;gap:80px;min-height:620px;align-items:center}
.agency-hero h1{font-family:var(--display);font-size:clamp(66px,8vw,118px);font-weight:400;line-height:.83;letter-spacing:-.06em;margin:17px 0 0}
.agency-trust{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:34px}
.agency-trust span{padding:15px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;color:#9b9b95}
.agency-form-section{background:var(--paper);color:#111;margin:0 -34px;padding:95px 34px 110px;display:grid;grid-template-columns:360px minmax(0,820px);justify-content:space-between;gap:80px}
.agency-form-intro .eyebrow{color:#6f7069}
.agency-form-intro h2{font-size:50px}
.agency-form-intro p{font-size:14px;line-height:1.65;color:#5c5d57}
.agency-form{border-color:var(--line-dark)}
.agency-form .form-grid label{border-color:var(--line-dark)}
.agency-form .form-grid label>span,.agency-form .file-row label>span{color:#6e6f68}
.agency-form .form-grid input,.agency-form .form-grid select,.agency-form .form-grid textarea{color:#111}
.agency-form .form-grid input::placeholder,.agency-form .form-grid textarea::placeholder{color:#a3a49d}
.agency-form .file-row{border-color:var(--line-dark)}
.agency-form .file-row label{border-color:rgba(0,0,0,.26)}
.agency-form .consent-row{color:#555650}
.agency-form .form-submit{border-color:var(--line-dark)}
.agency-form .text-link{color:#666761}
.agency-form .text-link:hover{color:#111}
.agency-assurance{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line-dark);padding:15px;margin:20px 0 4px;font-size:12px;line-height:1.5;color:#454641}
.agency-assurance input{margin-top:3px}
.agency-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.agency-route-note{font-size:11px;line-height:1.55;color:#777872;margin:14px 0 0;max-width:650px}

@media(max-width:1100px){
  .commercial-nav>a:not(.nav-cta){display:none}
  .commercial-hero,.commercial-section-grid,.studio-method,.agency-service,.projects-placeholder,.agency-band,.quote-band,.agency-hero,.agency-form-section{grid-template-columns:1fr}
  .commercial-hero{align-items:center;gap:45px}
  .commercial-hero-copy{padding-top:0}
  .section-heading-row,.final-cta{grid-template-columns:1fr}
  .service-columns{grid-template-columns:1fr}
  .service-columns article{min-height:auto}
  .service-columns .num{margin-bottom:35px}
  .agency-form-section{justify-content:stretch}
}
@media(max-width:700px){
  .commercial-shell{padding:0 18px}
  .commercial-topbar{height:72px}
  .commercial-nav{gap:9px}.nav-cta{display:none}
  .commercial-hero{min-height:calc(100vh - 72px);padding:28px 0 48px}
  .hero-visual{height:240px;margin-bottom:6px}
  .hero-title-block h1{font-size:clamp(60px,20vw,84px)}
  .commercial-section{padding:68px 0}
  .commercial-section-grid{gap:35px}
  .commercial-section h2,.section-heading-row h2,.final-cta h2{font-size:43px}
  .statement-pair,.agency-points,.quote-points,.sector-grid,.agency-trust,.form-grid,.file-row{grid-template-columns:1fr}
  .section-heading-row{gap:20px;margin-bottom:30px}
  .approach-list article{grid-template-columns:45px 1fr;gap:15px}
  .approach-list article p{grid-column:2}
  .agency-band,.agency-form-section{margin:0 -18px;padding-left:18px;padding-right:18px}
  .agency-band{padding-top:70px;padding-bottom:70px;gap:45px}
  .quote-band{padding:68px 0;gap:38px}
  .quote-actions,.agency-hero-actions{align-items:stretch;flex-direction:column}
  .quote-actions .btn,.agency-hero-actions .btn{width:100%}
  .agency-band h2{font-size:52px}
  .final-cta{padding:75px 0;gap:28px}
  .studio-method{margin-top:58px;padding-top:48px;gap:35px}.studio-experience{margin-top:55px;padding-top:35px}
  .integrated-statement{padding:75px 0 68px}.agency-service{gap:24px;padding-top:44px}.projects-placeholder{gap:35px;min-height:0}
  .commercial-footer{grid-template-columns:1fr}.footer-contact{justify-content:flex-start}
  .form-submit{flex-direction:column;align-items:stretch}.form-submit .btn{width:100%}
  .agency-hero{min-height:auto;padding:55px 0}.agency-hero h1{font-size:64px}
  .agency-form-section{padding-top:65px;padding-bottom:80px;gap:40px}
}


/* V0.9.0 — submission feedback, confirmation and motion accessibility */
.form-feedback{display:none;flex-basis:100%;font-size:12px;line-height:1.45;color:#676963;margin-top:8px}
.form-feedback.show{display:block}
.form-feedback.success{color:#244d35}
.form-feedback.error{color:#9a3412}
.form-feedback.preview{color:#7a4d00}
button[disabled],.btn[aria-busy="true"]{cursor:wait;opacity:.58;pointer-events:none}
.confirmation-page{min-height:100vh;background:#f2f0ea;color:#0b0b0b}
.confirmation-v090{min-height:calc(100vh - 120px);padding:120px 24px 72px}
.confirmation-box-rich{width:min(860px,100%);padding:clamp(30px,6vw,72px);border:1px solid #c8c5bc;background:#f7f5ef}
.confirmation-box-rich .eyebrow{color:#676963;margin-bottom:18px}
.confirmation-box-rich h1{font-family:Manrope,sans-serif;font-size:clamp(44px,7vw,84px);line-height:.95;letter-spacing:-.055em;margin:0 0 26px}
.confirmation-lead{font-size:clamp(18px,2.3vw,26px);line-height:1.35;max-width:650px;margin:0 0 42px;color:#363733}
.confirmation-steps{list-style:none;padding:0;margin:0 0 36px;border-top:1px solid #c8c5bc}
.confirmation-steps li{display:grid;grid-template-columns:56px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid #c8c5bc;align-items:start}
.confirmation-steps li span{font:500 11px/1 Manrope,sans-serif;letter-spacing:.12em;color:#676963;padding-top:4px}
.confirmation-steps li p{margin:0;font-size:15px;line-height:1.5}
.confirmation-contact{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0 0 34px;font-size:14px}
.confirmation-contact a{text-decoration:underline;text-underline-offset:3px}
.confirmation-box-rich .confirmation-actions{display:flex;flex-wrap:wrap;gap:10px}
@media(max-width:700px){.confirmation-v090{padding:92px 16px 48px}.confirmation-box-rich{padding:28px 20px}.confirmation-steps li{grid-template-columns:38px 1fr}.confirmation-box-rich .confirmation-actions .btn{width:100%;text-align:center}}
@media (prefers-reduced-motion: reduce){
  html:focus-within{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* NOWA Conversation V1 · V0.10 staging */
.v1-header-talk{appearance:none;border:0;background:transparent;color:#aaa9a3;font:inherit;font-size:11px;text-decoration:underline;text-underline-offset:3px;padding:6px 0;cursor:pointer}.v1-header-talk:hover{color:#fff}.v1-header-reset{appearance:none;border:1px solid #5c5b57;background:transparent;color:#d7d5cf;font:inherit;font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:7px 9px;cursor:pointer}.v1-header-reset:hover{border-color:#aaa9a3;color:#fff}
.v1-shell{min-height:calc(100vh - 78px);padding:0 30px 70px}.v1-shell.entry{display:flex;align-items:center}.v1-entry{width:100%;max-width:1380px;margin:0 auto;padding:62px 0}.v1-entry-copy{max-width:850px}.v1-entry h1,.v1-stage h1,.v1-understanding h1{font-family:var(--display);font-size:clamp(46px,6vw,82px);font-weight:400;letter-spacing:-.045em;line-height:1;margin:14px 0 20px}.v1-entry-copy>p,.v1-lead{font-size:17px;line-height:1.68;color:#9d9d97;max-width:780px}.v1-route-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:48px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.v1-route-card{appearance:none;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent;color:#fff;min-height:260px;padding:27px;text-align:left;cursor:pointer;position:relative;transition:.18s}.v1-route-card:hover{background:#fff;color:#111}.v1-route-card>span{font-size:10px;opacity:.45}.v1-route-card h2{font-family:var(--display);font-size:29px;font-weight:400;letter-spacing:-.025em;margin:58px 0 12px}.v1-route-card p{font-size:13px;line-height:1.55;opacity:.58;max-width:290px}.v1-agency{display:inline-block;margin-top:24px;color:#878780;font-size:12px;text-underline-offset:4px}.v1-agency:hover{color:#fff}
.v1-stage{max-width:1100px;margin:0 auto;padding:66px 0}.v1-stage.narrow{max-width:900px}.v1-two-actions,.v1-action-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:40px}.v1-action-card{appearance:none;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent;color:#fff;padding:24px;text-align:left;min-height:150px;position:relative;cursor:pointer;transition:.18s}.v1-action-card:hover,.v1-action-card.primary{background:#fff;color:#111}.v1-action-card.primary:hover{background:#dddcd7}.v1-action-card h3{font-family:var(--display);font-size:24px;font-weight:400;margin:0 0 8px}.v1-action-card p{font-size:12px;line-height:1.55;opacity:.58;max-width:390px}.v1-action-card>span{position:absolute;right:22px;bottom:20px;font-size:18px}.v1-nav-actions{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:34px;border-top:1px solid var(--line);padding-top:20px}.v1-nav-right{display:flex;gap:10px;flex-wrap:wrap}.v1-field-block{border-top:1px solid var(--line);padding-top:18px;margin-top:34px}.v1-field-block>label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#777772;margin-bottom:12px}.v1-field-grid{margin-top:28px}.v1-chip-row{display:flex;gap:8px;flex-wrap:wrap}.v1-chip{appearance:none;border:1px solid var(--line-strong);background:transparent;color:#aaa9a4;padding:10px 13px;cursor:pointer;font-size:12px;transition:.15s}.v1-chip:hover,.v1-chip.selected{background:#fff;color:#111;border-color:#fff}.v1-number{display:flex;align-items:center;gap:10px}.v1-number .text-input{flex:1}.v1-number>span{font-size:12px;color:#777772}.v1-inline-check{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;margin-top:10px!important;text-transform:none!important;letter-spacing:0!important;font-size:11px!important}.v1-inline-check input{margin:0}.v1-textarea{width:100%;min-height:150px;border:1px solid var(--line-strong);background:#0e0e0e;color:#fff;padding:16px;font:inherit;line-height:1.55;resize:vertical;margin-top:24px}.v1-deep-intro{font-size:12px;line-height:1.6;color:#6f6f6a;margin:0 0 36px;max-width:680px}
.v1-understanding{max-width:1280px;margin:0 auto;padding:62px 0}.v1-understanding-grid{display:grid;grid-template-columns:1fr 340px;gap:75px;padding-bottom:38px;border-bottom:1px solid var(--line)}.v1-understanding-text{font-family:var(--display);font-size:clamp(25px,3vw,42px);line-height:1.25;letter-spacing:-.025em;color:#d8d7d1;max-width:850px}.v1-enough{margin-top:28px;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#777772}.v1-understanding aside{align-self:end;border-top:1px solid var(--line);padding-top:8px}.v1-known{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.v1-known span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#666660}.v1-known strong{font-size:12px;font-weight:400;color:#d4d4ce}.v1-next-title{font-family:var(--display);font-size:29px;font-weight:400;margin:38px 0 0}.v1-deeper{margin-top:42px;border-top:1px solid var(--line);padding-top:27px;display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center}.v1-deeper .eyebrow{grid-column:1/-1}.v1-deeper p{font-size:14px;line-height:1.58;color:#898983;margin:0;max-width:720px}
.v1-reading-list{padding-left:20px}.v1-reading-list li{margin:0 0 10px}.v1-investment{border:1px solid var(--line-dark);background:var(--paper-2);padding:22px;max-width:850px}.v1-investment strong{font-family:var(--display);font-size:24px;font-weight:400}.v1-investment p{font-size:14px;line-height:1.6;color:#555650;margin-bottom:0}
@media(max-width:900px){.v1-route-grid{grid-template-columns:1fr}.v1-route-card{min-height:190px}.v1-route-card h2{margin-top:35px}.v1-understanding-grid{grid-template-columns:1fr;gap:35px}.v1-two-actions,.v1-action-grid{grid-template-columns:1fr}.v1-deeper{grid-template-columns:1fr}.v1-deeper .eyebrow{grid-column:auto}.v1-header-talk{display:none}.v1-header-reset{font-size:9px;padding:6px 7px}}
@media(max-width:700px){.v1-shell{padding:0 18px 50px}.v1-entry{padding:44px 0}.v1-stage,.v1-understanding{padding:44px 0}.v1-entry h1,.v1-stage h1,.v1-understanding h1{font-size:46px}.v1-route-card{padding:20px}.v1-route-card h2{font-size:25px}.v1-nav-actions,.v1-nav-right{align-items:stretch;flex-direction:column}.v1-nav-actions .btn,.v1-nav-right .btn{width:100%}.v1-action-card{min-height:132px}.v1-chip{flex:1 1 auto}.v1-understanding-text{font-size:26px}.v1-deeper .btn{width:100%}}

/* Conversation V1 consolidated — V0.10.3 */
.v1-workspace{width:100%;max-width:1380px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:58px;align-items:start}
.v1-workspace>.v1-stage,.v1-workspace>.v1-understanding{width:100%;max-width:none;margin:0}
.v1-stage-with-knowledge{padding-right:0}
.v1-knowledge{position:sticky;top:96px;margin-top:66px;border-top:1px solid var(--line);padding-top:14px;align-self:start}
.v1-knowledge-head>div{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}.v1-knowledge-head span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#777772}.v1-knowledge-head strong{font-family:var(--display);font-size:34px;font-weight:400;color:#e8e7e1}.v1-knowledge-head p{font-size:11px;line-height:1.45;color:#777772;margin:8px 0 20px}
.v1-knowledge-list{border-top:1px solid var(--line)}.v1-knowledge-row{padding:12px 0;border-bottom:1px solid var(--line)}.v1-knowledge-row>div:first-child{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}.v1-knowledge-row span{font-size:11px;color:#c5c4be}.v1-knowledge-row em{font-style:normal;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#686862}.v1-knowledge-track{height:2px;background:#262622;overflow:hidden}.v1-knowledge-track i{display:block;height:100%;background:#d7d6d0;transition:width .25s ease}
.v1-location-note{margin:30px 0 0;padding:12px 14px;border-left:1px solid var(--line-strong);font-size:11px;line-height:1.55;color:#6f6f69;max-width:760px}
.v1-other-text{margin-top:16px;max-width:760px}.v1-other-text>label,.v1-subquestion>label,.v1-budget-input>label,.v1-budget-range label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#777772;margin-bottom:10px}.v1-textarea.compact{min-height:95px;margin-top:0}
.v1-brief-covered{appearance:none;width:100%;display:grid;grid-template-columns:230px 1fr;gap:18px;text-align:left;border:1px solid var(--line-strong);background:transparent;color:#aaa9a4;padding:16px;margin-top:18px;cursor:pointer;transition:.15s}.v1-brief-covered:hover,.v1-brief-covered.selected{background:#171714;border-color:#777772;color:#fff}.v1-brief-covered strong{font-size:12px;font-weight:500}.v1-brief-covered span{font-size:11px;line-height:1.5;color:#777772}.v1-brief-covered.selected span{color:#a9a9a3}
.v1-subquestion{margin-top:28px;border-top:1px solid var(--line);padding-top:18px}
.v1-budget-input{max-width:360px;margin-top:22px}.v1-budget-range{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:620px;margin-top:22px}.v1-money{display:flex;align-items:center;border:1px solid var(--line-strong);background:#0e0e0e}.v1-money span{padding:0 0 0 14px;color:#777772;font-size:12px}.v1-money .text-input{border:0;background:transparent}
.v1-review-summary{margin-top:36px;border-top:1px solid var(--line)}.v1-review-summary>div{display:grid;grid-template-columns:190px 1fr;gap:22px;padding:15px 0;border-bottom:1px solid var(--line)}.v1-review-summary span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#666660}.v1-review-summary strong{font-size:13px;font-weight:400;line-height:1.5;color:#d4d4ce}.v1-quote-budget{margin-top:42px;border-top:1px solid var(--line);padding-top:25px}.v1-quote-budget h2{font-family:var(--display);font-size:28px;font-weight:400;margin:0 0 8px}.v1-quote-budget p{font-size:13px;line-height:1.55;color:#7d7d77;max-width:720px}
.v1-investment-line{display:grid;grid-template-columns:230px 1fr;gap:18px;padding:10px 0;border-bottom:1px solid var(--line-dark)}.v1-investment-line span{font-size:11px;color:#696a65}.v1-investment-line strong{font-family:var(--body);font-size:14px;font-weight:500}
@media(max-width:1050px){.v1-workspace{grid-template-columns:1fr}.v1-knowledge{position:relative;top:auto;margin:0 0 42px;order:-1}.v1-knowledge-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-left:1px solid var(--line)}.v1-knowledge-row{padding:12px;border-right:1px solid var(--line)}}
@media(max-width:700px){.v1-workspace{display:flex;flex-direction:column;gap:0}.v1-knowledge{order:-1;width:100%;margin-top:24px}.v1-knowledge-list{grid-template-columns:1fr}.v1-budget-range{grid-template-columns:1fr}.v1-brief-covered{grid-template-columns:1fr}.v1-review-summary>div,.v1-investment-line{grid-template-columns:1fr;gap:5px}}


/* =========================================================
   NOWA Visual Layer V2 — architectural references integrated
   ========================================================= */
:root{
  --visual-faint:rgba(255,255,255,.055);
  --visual-mid:rgba(255,255,255,.22);
  --visual-strong:rgba(255,255,255,.72);
  --nowa-accent:#804b4b;
}
.visual-reveal{opacity:1;transform:none;transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.motion-ready .visual-reveal:not(.is-visible){opacity:.18;transform:translateY(26px)}
.visual-reveal.is-visible{opacity:1;transform:none}
.draw-lines path,.draw-lines circle,.draw-lines rect{vector-effect:non-scaling-stroke;stroke-dasharray:1200;stroke-dashoffset:0;transition:stroke-dashoffset 2.35s cubic-bezier(.18,.72,.2,1)}
.motion-ready .visual-reveal:not(.is-visible) .draw-lines path,.motion-ready .visual-reveal:not(.is-visible) .draw-lines circle,.motion-ready .visual-reveal:not(.is-visible) .draw-lines rect{stroke-dashoffset:1200}
.is-visible .draw-lines path,.is-visible .draw-lines circle,.is-visible .draw-lines rect{stroke-dashoffset:0}
.parallax-visual{--px:0px;--py:0px}.parallax-visual>img{transform:translate3d(var(--px),var(--py),0);transition:transform .2s ease-out}
.parallax-visual.is-returning>img{transition-duration:.8s;transition-timing-function:cubic-bezier(.2,.7,.2,1)}

/* Hero: linework + technical interface layer */
.hero-visual{isolation:isolate}
.hero-visual img{filter:contrast(1.03);opacity:.76;transition:opacity .45s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.commercial-hero:hover .hero-visual img{opacity:.9}
.hero-tech-layer{position:absolute;inset:5% 1% 2% 0;z-index:3;pointer-events:none;color:#777772;font-size:9px;letter-spacing:.12em}
.hero-tech-layer .tech-index{position:absolute;left:1%;top:8%}
.hero-tech-layer .tech-caption{position:absolute;right:2%;bottom:4%;writing-mode:vertical-rl;transform:rotate(180deg);color:#5f5f5b}
.tech-axis{position:absolute;background:rgba(255,255,255,.16);transform-origin:left center}
.tech-axis-h{left:0;right:8%;height:1px;top:52%;transform:scaleX(.05);animation:techLineH 1.5s .25s cubic-bezier(.2,.7,.2,1) forwards}
.tech-axis-v{top:1%;bottom:0;width:1px;left:57%;transform:scaleY(.05);transform-origin:center top;animation:techLineV 1.5s .55s cubic-bezier(.2,.7,.2,1) forwards}
.tech-node{position:absolute;width:7px;height:7px;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:var(--bg)}
.tech-node-a{left:56.72%;top:51.1%}.tech-node-b{left:80%;top:27%}
@keyframes techLineH{to{transform:scaleX(1)}}@keyframes techLineV{to{transform:scaleY(1)}}

/* Studio architectural stage */
.studio-architecture{position:relative;margin:78px 0 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);height:clamp(360px,43vw,610px);overflow:hidden;background:linear-gradient(90deg,rgba(255,255,255,.012),transparent 44%)}
.studio-architecture svg{width:100%;height:100%;display:block;overflow:visible}
.studio-architecture .svg-grid path{fill:none;stroke:rgba(255,255,255,.04);stroke-width:1}
.studio-architecture .svg-structure path{fill:none;stroke:rgba(255,255,255,.58);stroke-width:1.1}
.studio-architecture .svg-accent path{fill:none;stroke:#e8e6df;stroke-width:1.2}
.studio-architecture .svg-annotation circle{fill:#0b0b0b;stroke:rgba(255,255,255,.55);stroke-width:1}
.studio-architecture-meta{position:absolute;top:22px;left:0;right:0;display:flex;justify-content:space-between;z-index:2;font-size:9px;letter-spacing:.13em;color:#62625e}
.studio-architecture-labels{position:absolute;left:0;right:0;bottom:19px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.13em;color:#62625e}

/* Method: process with glyphs + progress rail */
.approach-visual-wrap{position:relative;padding-left:28px}
.method-progress{position:absolute;left:0;top:0;bottom:0;width:1px;background:rgba(255,255,255,.07)}
.method-progress i{display:block;width:1px;height:var(--method-progress,0%);background:rgba(255,255,255,.6);transition:height 1s cubic-bezier(.2,.7,.2,1)}
.approach-list article{grid-template-columns:52px minmax(0,1fr)}
.method-step>span,.method-step h4,.method-step p{transition:color .9s cubic-bezier(.2,.7,.2,1),opacity .9s ease}
.method-step>span{color:#444541}
.method-step h4{color:#686964}
.method-step p{color:#666762}
.method-step.is-active>span{color:#858680}
.method-step.is-active h4{color:#fff}.method-step.is-active p{color:#a9aaa4}

.claim-reveal span{transition:opacity 1.1s ease,color 1.1s ease,transform 1.1s cubic-bezier(.2,.7,.2,1)}
.motion-ready .claim-reveal:not(.is-visible) span{opacity:.22;color:#555651;transform:translateY(13px)}
.claim-reveal.is-visible span{opacity:1;color:#f1f0eb;transform:none}
.claim-reveal.is-visible span:nth-child(2){transition-delay:.16s}.claim-reveal.is-visible span:nth-child(3){transition-delay:.38s}

/* Services: one continuous project image */
.service-columns article{position:relative;overflow:hidden}
.service-columns article>h3{transition:color .65s ease}
.service-columns article:hover>h3{color:#fff}
.service-columns article:hover{background:rgba(255,255,255,.012)}

.process-flow{margin:8px 0 74px}
.convergence-flow{width:min(820px,82vw);margin:0 auto 58px}
.artwork-reveal{overflow:hidden;background:transparent}
.artwork-reveal img{display:block;width:100%;height:auto;object-fit:contain;filter:brightness(.86);transition:opacity 1.25s ease,filter 1.1s ease,transform 1.4s cubic-bezier(.2,.7,.2,1)}
.motion-ready .artwork-reveal:not(.is-visible) img{opacity:.08;transform:translateY(18px);filter:brightness(.45)}
.artwork-reveal.is-visible img{opacity:1;transform:none;filter:brightness(.92)}
.artwork-reveal:hover img{filter:brightness(1);transform:scale(1.006)}
.animated-flow{overflow:hidden;background:transparent;aspect-ratio:1700/475}
.animated-flow iframe{display:block;width:100%;height:100%;border:0;background:transparent;pointer-events:none}
.motion-ready .animated-flow:not(.is-visible){opacity:.08;transform:translateY(16px)}
.animated-flow.is-visible{opacity:1;transform:none;transition:opacity 1.2s ease,transform 1.35s cubic-bezier(.2,.7,.2,1)}

.statement-reveal{display:flex;flex-wrap:wrap;justify-content:center;gap:0 .18em}
.statement-reveal span{display:inline-block;transition:color 1s ease,opacity 1s ease,transform 1s cubic-bezier(.2,.7,.2,1)}
.motion-ready .statement-reveal:not(.is-visible) span{color:#50514d;opacity:.3;transform:translateY(12px)}
.statement-reveal.is-visible span{color:#f3f1ec;opacity:1;transform:none}
.statement-reveal.is-visible span:nth-child(2){transition-delay:.14s}.statement-reveal.is-visible span:nth-child(3){transition-delay:.3s}

/* Projects: teaser built from process, not portfolio photography */
.projects-section{overflow:hidden}
.projects-stage{display:grid;grid-template-columns:.72fr 1.28fr;gap:80px;align-items:center;min-height:640px}
.projects-copy h2{font-family:var(--display);font-size:clamp(58px,7vw,104px);font-weight:400;line-height:.9;letter-spacing:-.055em;margin:15px 0 33px}
.projects-copy p{font-size:15px;line-height:1.7;color:#9f9f99;max-width:540px}
.project-status{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:13px;margin-top:42px;color:#6e6e69}
.project-status>span{font-family:var(--display);font-size:36px;color:#eceae4}.project-status small{font-size:9px;letter-spacing:.12em}.project-status i{height:1px;background:var(--line)}
.projects-visual{min-height:560px;position:relative}
.projects-carousel{width:100%}
.carousel-viewport{overflow:hidden;border:1px solid rgba(255,255,255,.13);background:#0d0d0d}
.carousel-track{display:flex;transition:transform .8s cubic-bezier(.2,.72,.2,1);will-change:transform}
.project-slide{flex:0 0 100%;height:455px;margin:0;display:grid;place-items:center}
.project-slide img{width:100%;height:100%;object-fit:contain;object-position:center;opacity:.78;filter:contrast(1.04);mix-blend-mode:screen}
.carousel-controls{display:grid;grid-template-columns:50px 1fr 50px;align-items:center;border:1px solid rgba(255,255,255,.13);border-top:0;min-height:64px}
.carousel-arrow{height:64px;border:0;background:transparent;color:#aaa9a3;font-size:20px;cursor:pointer;transition:color .25s ease,background .25s ease}
.carousel-arrow:first-child{border-right:1px solid rgba(255,255,255,.1)}.carousel-arrow:last-child{border-left:1px solid rgba(255,255,255,.1)}
.carousel-arrow:hover,.carousel-arrow:focus-visible{color:#fff;background:rgba(255,255,255,.035);outline:none}
.carousel-meta{display:grid;grid-template-columns:1fr auto auto;gap:22px;align-items:center;padding:0 20px;font-size:9px;letter-spacing:.13em;color:#696a65}
.carousel-count b{font-size:14px;font-weight:400;color:#eceae4}.carousel-state{color:#8a8b85}
.project-legend{display:flex;justify-content:space-between;padding-top:25px;font-size:9px;letter-spacing:.12em;color:#5f5f5a}

/* Contact technical residue */
.contact-section{position:relative;overflow:hidden}
.contact-technical{position:absolute;right:0;bottom:0;width:290px;height:190px;opacity:.28;pointer-events:none}
.contact-technical span{position:absolute;background:rgba(255,255,255,.14)}
.contact-technical span:nth-child(1){left:0;right:0;top:50%;height:1px}.contact-technical span:nth-child(2){top:0;bottom:0;left:50%;width:1px}.contact-technical span:nth-child(3){width:110px;height:110px;border:1px solid rgba(255,255,255,.18);background:transparent;border-radius:50%;left:91px;top:40px}.contact-technical span:nth-child(4){width:5px;height:5px;border:1px solid rgba(255,255,255,.55);background:var(--bg);border-radius:50%;left:143px;top:93px}

@media(max-width:1100px){
  .projects-stage{grid-template-columns:1fr;gap:30px}.projects-visual{min-height:500px}
}
@media(max-width:700px){
  .hero-tech-layer{display:none}
  .approach-visual-wrap{padding-left:18px}.approach-list article{grid-template-columns:38px 1fr;gap:13px}.method-step p{grid-column:2}
  .process-flow{margin:4px 0 48px}.convergence-flow{width:100%;margin-bottom:38px}.projects-stage{min-height:0}.projects-visual{min-height:0;margin-top:15px}.project-slide{height:300px}.carousel-meta{grid-template-columns:1fr auto;padding:0 13px}.carousel-state{display:none}.project-legend{font-size:7px}
  .contact-technical{display:none}
}
@media(prefers-reduced-motion:reduce){.visual-reveal{opacity:1;transform:none}.draw-lines path,.draw-lines circle,.draw-lines rect{stroke-dashoffset:0}.tech-axis-h,.tech-axis-v{animation:none;transform:none}.diagram-base{opacity:0}.diagram-reveal{clip-path:none;filter:none}.diagram-scan{display:none}}

/* Visible submission progress for every public form */
.nowa-is-sending{overflow:hidden}
.nowa-sending-overlay{position:fixed;inset:0;z-index:20000;display:grid;place-items:center;padding:24px;background:rgba(12,12,11,.76);backdrop-filter:blur(5px);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}
.nowa-sending-overlay.is-visible{opacity:1;visibility:visible}
.nowa-sending-card{width:min(440px,calc(100vw - 40px));box-sizing:border-box;padding:38px 34px;background:#f5f2e9;color:#171714;border:1px solid rgba(255,255,255,.35);box-shadow:0 24px 80px rgba(0,0,0,.38);text-align:center;display:grid;justify-items:center;gap:13px}
.nowa-sending-card strong{font-family:var(--display);font-size:clamp(25px,4vw,34px);font-weight:400;letter-spacing:-.025em}
.nowa-sending-card>span:last-child{max-width:330px;color:#696861;font-size:13px;line-height:1.55}
.nowa-sending-spinner{width:31px;height:31px;border:2px solid #cfcbc0;border-top-color:#171714;border-radius:50%;animation:nowaSendingSpin .75s linear infinite;margin-bottom:5px}
@keyframes nowaSendingSpin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.nowa-sending-spinner{animation-duration:1.6s}}
