
.nav nav a.active{color:var(--blue);font-weight:700}
.brand-hero{max-width:1320px;margin:auto;min-height:700px;padding:85px 0 70px;display:grid;grid-template-columns:1.03fr .97fr;gap:70px;align-items:center;position:relative}
.brand-hero:before{content:'';position:absolute;inset:-76px calc((1320px - 100vw)/2) 0;background:linear-gradient(rgba(37,99,235,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 90%);z-index:-2}
.brand-hero h1{font:800 clamp(52px,5.4vw,78px)/1 Manrope;margin:18px 0 24px;letter-spacing:-.055em}.brand-hero h1 span{background:linear-gradient(100deg,var(--blue),var(--green));-webkit-background-clip:text;color:transparent}.brand-hero .hero-copy>p{font-size:19px;color:var(--muted);max-width:650px}
.hero-price{display:flex;align-items:baseline;gap:18px;margin-top:28px}.hero-price strong{font:800 52px Manrope;letter-spacing:-.05em}.hero-price span{color:var(--muted)}
.brand-visual{position:relative}.brand-board{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 35px 90px rgba(15,23,42,.13);transform:rotate(.8deg)}.board-top{height:38px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:7px;padding:0 15px}.board-top i{width:8px;height:8px;border-radius:50%;background:#d5dae2}.board-top span{font-size:10px;color:var(--muted);margin:auto}
.identity-grid{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:230px 180px;background:#f8fafc}.identity-grid>div{padding:28px;border-right:1px solid #e9edf2;border-bottom:1px solid #e9edf2}.identity-grid>div:nth-child(2n){border-right:0}.identity-grid small{font-size:8px;letter-spacing:.15em;color:#637083;font-weight:800}.logo-panel{display:flex;flex-direction:column;justify-content:center;background:#eef4ff}.logo-panel strong{font:800 52px Manrope;letter-spacing:-.06em;color:#172033}.logo-panel em{font-style:normal;letter-spacing:.35em;font-size:9px;color:#2f67d8;margin-left:3px}.palette-panel{background:#fff}.swatches{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:25px}.swatches b{height:54px;border-radius:12px}.swatches b:nth-child(1){background:#172033}.swatches b:nth-child(2){background:#2f67d8}.swatches b:nth-child(3){background:#1aa36f}.swatches b:nth-child(4){background:#eef4ff}
.type-panel{background:#fff}.type-panel strong{display:block;font:800 62px Manrope;line-height:1;color:#172033;margin-top:18px}.type-panel span{font-size:9px;color:#687386}
.mark-panel{display:flex;flex-direction:column;background:#f3f8f5}.brand-mark{width:90px;height:90px;margin:auto;border-radius:28px 28px 28px 8px;background:linear-gradient(135deg,#2f67d8,#1aa36f);color:#fff;display:flex;align-items:center;justify-content:center;font:800 42px Manrope}
.brand-chip{position:absolute;right:-18px;bottom:32px;background:#fff;border:1px solid rgba(22,163,106,.25);box-shadow:0 15px 35px rgba(15,23,42,.1);padding:13px 18px;border-radius:30px;color:var(--green);font-weight:700;font-size:13px}
.landing-statement{text-align:center;padding:100px 24px;background:linear-gradient(90deg,#f8fbff,#f4faf7)}.landing-statement h2,.landing-head h2,.brief h2,.revisions h2,.fit h2,.faq h2{font:800 clamp(38px,4.7vw,62px)/1.05 Manrope;letter-spacing:-.045em;margin:12px 0 22px}.landing-statement h2{max-width:930px;margin:12px auto 22px}.landing-statement p{max-width:760px;margin:auto;color:var(--muted);font-size:18px}
.landing-section,.concepts,.deliverables,.not-included,.faq{max-width:1320px;margin:auto;padding:95px 0}.landing-head{max-width:800px;margin-bottom:45px}.landing-head>p{color:var(--muted);font-size:18px}
.feature-table{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 18px 50px rgba(15,23,42,.05)}.feature-table>div{display:grid;grid-template-columns:1fr 1fr;padding:17px 24px;border-bottom:1px solid var(--line)}.feature-table>div:last-child{border-bottom:0}.feature-table b{color:var(--green);text-align:right}.legal-note{font-size:12px;color:var(--muted);margin-top:15px}
.brief,.revisions{max-width:1320px;margin:40px auto;padding:90px 70px;border-radius:28px;background:linear-gradient(120deg,#eff5ff,#f1faf6);display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.brief h2 span{color:var(--blue)}.brief-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.brief-grid>div{padding:20px;border:1px solid var(--line);border-radius:14px;background:#fff}.brief-grid b{color:var(--blue)}.brief-grid h3{font:700 17px Manrope;margin:8px 0}.brief-grid p{font-size:12px;color:var(--muted);margin:0}
.concepts{position:relative}.concepts:before,.not-included:before{content:'';position:absolute;left:50%;top:0;bottom:0;width:100vw;transform:translateX(-50%);background:#f6f8fb;z-index:-1}.concept-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.concept-grid article{padding:28px;border:1px solid var(--line);border-radius:18px;background:#fff}.concept-grid article>span{font-size:9px;letter-spacing:.14em;color:var(--blue);font-weight:800}.concept-logo{height:170px;display:flex;align-items:center;justify-content:center;border-radius:14px;margin:18px 0;background:#f7f9fc;color:#172033}.concept-logo.one{font:800 38px Manrope}.concept-logo.two{font:700 italic 43px Georgia}.concept-logo.three{font:700 24px Manrope;gap:10px}.concept-logo.three b{width:55px;height:55px;border-radius:18px;background:linear-gradient(135deg,var(--blue),var(--green));color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px}.concept-grid p{color:var(--muted);font-size:13px}
.revisions p{color:var(--muted);font-size:18px}.revisions strong{color:var(--text)}
.deliver-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.deliver-grid>div{padding:28px;border:1px solid var(--line);border-radius:18px;background:#fff;display:flex;flex-direction:column;gap:8px}.deliver-grid b{font:800 28px Manrope;color:var(--blue)}.deliver-grid span{color:var(--muted);font-size:13px}.deliver-grid .guide{grid-column:1/5;background:linear-gradient(100deg,#eef4ff,#f2faf6)}.deliver-grid .guide b{font-size:22px}
.not-included{position:relative}.extra-grid{display:flex;flex-wrap:wrap;gap:9px}.extra-grid span{padding:11px 15px;border:1px solid var(--line);border-radius:30px;background:#fff;color:var(--muted);font-size:13px}.name-note{margin-top:26px;padding:26px 28px;border:1px solid rgba(239,68,68,.18);border-radius:16px;background:#fff}.name-note b{color:#ef4444}.name-note p{color:var(--muted);margin-bottom:0}
.brand-process{max-width:1320px}.fit{max-width:1320px;margin:30px auto 70px;display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.fit-card{padding:55px;border-radius:24px;border:1px solid var(--line)}.fit-card.yes{background:linear-gradient(145deg,#f1faf6,#fff)}.fit-card.no{background:#fff}.fit-card>span{font-size:11px;letter-spacing:.14em;font-weight:800;color:var(--green)}.fit-card.no>span{color:var(--blue)}.fit-card h2{font-size:42px}.fit-card h3{font:800 30px Manrope}.fit-card p{color:var(--muted)}
.faq details{border-top:1px solid var(--line);padding:20px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{font:700 17px Manrope;cursor:pointer;list-style:none}.faq summary:after{content:'+';float:right;color:var(--blue);font-size:24px}.faq details[open] summary:after{content:'−'}.faq details p{max-width:900px;color:var(--muted)}
.final-price{display:flex;justify-content:center;align-items:baseline;gap:14px;margin:20px 0 28px}.final-price strong{font:800 50px Manrope}.final-price span{color:rgba(255,255,255,.82)}
@media(max-width:1380px){.brand-hero,.landing-section,.concepts,.deliverables,.not-included,.fit,.faq{padding-left:28px;padding-right:28px}.brief,.revisions{margin-left:28px;margin-right:28px}}
@media(max-width:900px){.brand-hero{grid-template-columns:1fr;padding:65px 22px;gap:45px}.brand-hero h1{font-size:52px}.brief,.revisions{grid-template-columns:1fr;gap:25px;margin:30px 18px;padding:65px 28px}.concept-grid{grid-template-columns:1fr}.deliver-grid{grid-template-columns:1fr 1fr}.deliver-grid .guide{grid-column:1/3}.fit{grid-template-columns:1fr;padding:0 22px}.landing-section,.concepts,.deliverables,.not-included,.faq{padding:75px 22px}.brand-chip{right:10px}.feature-table>div{grid-template-columns:1fr;gap:4px}.feature-table b{text-align:left}}
@media(max-width:520px){.brand-hero h1{font-size:44px}.hero-price{flex-direction:column;gap:0}.identity-grid{grid-template-columns:1fr 1fr;grid-template-rows:180px 150px}.identity-grid>div{padding:18px}.logo-panel strong{font-size:35px}.type-panel strong{font-size:48px}.brand-mark{width:70px;height:70px;font-size:32px}.brief-grid{grid-template-columns:1fr}.deliver-grid{grid-template-columns:1fr}.deliver-grid .guide{grid-column:1}.fit-card{padding:35px 25px}.fit-card h2{font-size:34px}.final-price{flex-direction:column;align-items:center;gap:0}}


/* ===== Mobile refinement V9 ===== */
@media(max-width:520px){
  .landing-statement h2,.landing-head h2,.managed h2,.value h2,.fit h2,.faq h2,.brief h2,.revisions h2{font-size:34px!important;line-height:1.08}
  .landing-statement p,.landing-head>p{font-size:16px!important}
  .feature-table>div{padding:15px 18px!important}
  .fit-card{padding:30px 22px!important}
  .faq details{padding:17px 0!important}
  .faq summary{font-size:16px!important}
  .final-price strong{font-size:44px!important}
}

@media(max-width:520px){
  .brand-hero{padding-left:18px!important;padding-right:18px!important}
  .brand-hero h1{font-size:40px!important;line-height:1.02!important}
  .brand-hero .hero-copy>p{font-size:16px!important}
  .hero-price strong{font-size:44px!important}
}

@media(max-width:520px){
 .brand-board{transform:none}.brand-chip{position:static;display:inline-block;margin-top:12px}.brief,.revisions{padding-left:22px!important;padding-right:22px!important}.concept-grid article,.deliver-grid>div{padding:22px!important}
}
