/* ============================================================
   BrandUp — Noqta-inspired narrative layer
   Original BrandUp design system: matte black / ivory / champagne gold.
   The goal is the same editorial rhythm, not a visual clone.
   ============================================================ */

:root{
  --bu-v3-radius:30px;
  --bu-v3-radius-lg:42px;
  --bu-v3-line:rgba(245,240,232,.10);
  --bu-v3-panel:#11100f;
  --bu-v3-panel-soft:#151310;
  --bu-v3-glass:rgba(17,16,15,.72);
}

/* ---------- Global rhythm ---------- */
.bu-hero-v3 + .bu-section{padding-top:clamp(72px,9vw,132px)}
.bu-section-head{margin-bottom:clamp(38px,6vw,74px)}
.bu-section-head--wide{max-width:900px}
.bu-section-head--wide .bu-h2{font-size:clamp(2rem,5vw,4.1rem);line-height:1.2;letter-spacing:-.025em;max-width:17ch}
.bu-section-head--wide .bu-lead{margin-top:18px;max-width:58ch}

/* ---------- Header refinement ---------- */
.bu-header{background:rgba(8,8,8,.58);border-bottom-color:rgba(245,240,232,.05)}
.bu-header.is-scrolled{background:rgba(8,8,8,.88)}
.bu-header__inner{padding-block:18px}
.bu-nav{gap:30px}
.bu-nav a{font-size:.92rem;color:rgba(245,240,232,.72)}
.bu-header .bu-btn--gold{box-shadow:none}
.bu-logo{letter-spacing:-.04em;font-size:1.45rem}

/* ---------- Hero v3 ---------- */
.bu-hero-v3{
  min-height:calc(100svh - 70px);
  padding:clamp(54px,8vw,100px) 0 0;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 7%,rgba(212,175,106,.12),transparent 26%),
    linear-gradient(180deg,#090909 0%,#0a0a0a 72%,#0b0a09 100%);
}
.bu-hero-v3::before{
  content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:.28;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 76%);
}
.bu-hero-v3::after{
  content:"";position:absolute;left:50%;bottom:90px;transform:translateX(-50%);width:min(92vw,1100px);height:330px;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse,rgba(212,175,106,.13),transparent 67%);filter:blur(28px);
}
.bu-hero-v3__orb{position:absolute;border-radius:50%;filter:blur(4px);pointer-events:none;opacity:.4;z-index:-1}
.bu-hero-v3__orb--one{width:320px;height:320px;inset-inline-start:-180px;top:17%;background:radial-gradient(circle,rgba(212,175,106,.15),transparent 70%)}
.bu-hero-v3__orb--two{width:420px;height:420px;inset-inline-end:-240px;top:3%;background:radial-gradient(circle,rgba(232,221,204,.08),transparent 68%)}
.bu-hero-v3__inner{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}
.bu-hero-v3__copy{max-width:1040px;margin-inline:auto;position:relative;z-index:3}
.bu-hero-v3__kicker{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--bu-v3-line);border-radius:999px;padding:8px 14px;background:rgba(255,255,255,.025);font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--bu-beige);margin-bottom:24px}
.bu-hero-v3__kicker-dot{width:7px;height:7px;border-radius:50%;background:var(--bu-gold);box-shadow:0 0 0 6px rgba(212,175,106,.10)}
.bu-hero-v3 h1{font-size:clamp(2.6rem,7.2vw,6.4rem);line-height:1.07;letter-spacing:-.045em;margin:0 auto;max-width:15ch;text-wrap:balance}
.bu-hero-v3 h1 .bu-gold-text{display:inline-block}
.bu-hero-v3__lead{max-width:760px;margin:24px auto 0;color:rgba(245,240,232,.65);font-size:clamp(1rem,1.6vw,1.22rem);line-height:1.9;text-wrap:balance}
.bu-hero-v3__cta{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:30px}
.bu-hero-v3__badges{display:flex;justify-content:center;flex-wrap:wrap;gap:9px 18px;margin:24px 0 0;color:rgba(245,240,232,.7);font-size:.82rem}
.bu-hero-v3__badges li{display:inline-flex;gap:7px;align-items:center}
.bu-hero-v3__badges li span{color:var(--bu-gold);font-weight:900}

/* ---------- Hero showcase ---------- */
.bu-showcase-stage{position:relative;width:min(94vw,1080px);height:clamp(390px,48vw,610px);margin:clamp(48px,7vw,82px) auto 0;perspective:1200px}
.bu-showcase-stage__halo{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:76%;height:70%;border-radius:50%;background:radial-gradient(circle,rgba(212,175,106,.14),transparent 67%);filter:blur(30px)}
.bu-device{position:absolute;background:#0c0c0c;border:1px solid rgba(245,240,232,.14);box-shadow:0 42px 100px rgba(0,0,0,.65),0 0 0 1px rgba(0,0,0,.7);overflow:hidden;transform-style:preserve-3d;transition:transform .25s ease-out}
.bu-device--desktop{left:50%;top:0;transform:translateX(-50%) rotateX(1deg);width:78%;height:76%;border-radius:22px;z-index:2}
.bu-device__chrome{height:38px;display:flex;align-items:center;gap:7px;padding:0 14px;background:#141311;border-bottom:1px solid rgba(255,255,255,.06);direction:ltr}
.bu-device__chrome i{width:8px;height:8px;border-radius:50%;background:#544f46}.bu-device__chrome i:first-child{background:#8d574c}.bu-device__chrome i:nth-child(2){background:#9b814b}.bu-device__chrome i:nth-child(3){background:#52755a}
.bu-device__chrome span{margin-left:auto;margin-right:auto;color:rgba(255,255,255,.3);font:500 10px/1 system-ui,sans-serif;letter-spacing:.03em}
.bu-device__screen{position:relative;height:calc(100% - 38px);overflow:hidden;background:linear-gradient(135deg,#191612,#0d0d0d)}
.bu-device__screen img{width:100%;height:100%;object-fit:cover;object-position:top center}
.bu-screen-placeholder{width:100%;height:100%;display:grid;place-content:center;gap:8px;text-align:center;background:radial-gradient(circle at 50% 20%,rgba(212,175,106,.2),transparent 34%),linear-gradient(145deg,#18140f,#0b0b0b)}
.bu-screen-placeholder b{font-size:clamp(2rem,6vw,4rem);letter-spacing:-.05em}.bu-screen-placeholder span{color:var(--bu-gold)}
.bu-device--phone{width:21%;height:67%;border-radius:32px;border-width:6px;z-index:4;background:#090909}
.bu-device--phone .bu-device__screen{height:100%;border-radius:24px}
.bu-device--phone-a{inset-inline-start:3%;top:18%;transform:rotate(6deg)}
.bu-device__phone-notch{position:absolute;z-index:4;top:8px;left:50%;transform:translateX(-50%);width:38%;height:15px;border-radius:999px;background:#050505}
.bu-showcase-card{position:absolute;inset-inline-end:2%;bottom:10%;z-index:5;width:min(270px,28%);padding:17px 18px;border:1px solid rgba(245,240,232,.12);border-radius:18px;background:rgba(18,16,13,.86);backdrop-filter:blur(14px);box-shadow:0 20px 55px rgba(0,0,0,.45);text-align:start}
.bu-showcase-card__live{display:flex;gap:7px;align-items:center;color:var(--bu-beige);font-size:.7rem;margin-bottom:9px}.bu-showcase-card__live i{width:7px;height:7px;border-radius:50%;background:#52c77b;box-shadow:0 0 0 5px rgba(82,199,123,.1)}
.bu-showcase-card strong{display:block;font-size:.95rem}.bu-showcase-card small{color:var(--bu-muted);font-size:.7rem}
.bu-hero-v3__marquee{padding:22px 0 26px;border-top:1px solid rgba(255,255,255,.05);overflow:hidden}
.bu-hero-v3__marquee-track{display:flex;align-items:center;justify-content:center;gap:22px;color:rgba(245,240,232,.34);font:700 .7rem/1 var(--bu-ff-en);letter-spacing:.15em;white-space:nowrap}
.bu-hero-v3__marquee-track i{width:4px;height:4px;border-radius:50%;background:var(--bu-gold);opacity:.65}

/* ---------- Optional UGC: keep it editorial ---------- */
.bu-ugc{background:#0b0b0b}
.bu-ugc__grid{border:1px solid var(--bu-v3-line);border-radius:var(--bu-v3-radius-lg);padding:clamp(28px,5vw,64px);background:linear-gradient(135deg,#11100f,#0c0c0c)}

/* ---------- Foundations ---------- */
.bu-foundations{background:linear-gradient(180deg,#0a0a0a,#0c0b0a)}
.bu-foundations__stack{display:grid;gap:22px}
.bu-feature-story{min-height:520px;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:clamp(30px,6vw,84px);padding:clamp(28px,5vw,70px);border:1px solid var(--bu-v3-line);border-radius:var(--bu-v3-radius-lg);overflow:hidden;position:relative;background:linear-gradient(145deg,#12110f 0%,#0e0e0d 70%);box-shadow:inset 0 1px rgba(255,255,255,.025)}
.bu-feature-story::before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;inset-inline-end:-160px;top:-180px;background:radial-gradient(circle,rgba(212,175,106,.11),transparent 68%);pointer-events:none}
.bu-feature-story--reverse .bu-feature-story__copy{order:2}.bu-feature-story--reverse .bu-feature-story__visual{order:1}
.bu-feature-story__copy{position:relative;z-index:2}
.bu-feature-story__num{display:inline-block;font:800 .72rem/1 var(--bu-ff-en);letter-spacing:.16em;color:var(--bu-gold);margin-bottom:20px}
.bu-feature-story h3{font-size:clamp(1.85rem,4vw,3.55rem);line-height:1.18;letter-spacing:-.025em;max-width:12ch}
.bu-feature-story p{color:rgba(245,240,232,.6);max-width:46ch;font-size:1rem;line-height:1.9;margin-top:15px}
.bu-mini-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.bu-mini-points li{font-size:.75rem;color:var(--bu-beige);border:1px solid rgba(245,240,232,.09);background:rgba(255,255,255,.025);padding:7px 11px;border-radius:999px}
.bu-feature-story__visual{min-height:360px;display:grid;place-items:center;position:relative;z-index:1}

/* Design builder UI */
.bu-builder-ui{width:min(100%,560px);aspect-ratio:1.32;display:grid;grid-template-columns:50px 1fr 118px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#0b0b0b;box-shadow:0 35px 80px rgba(0,0,0,.46);overflow:hidden;transform:rotate(-1.5deg)}
.bu-builder-ui__side{display:grid;align-content:start;justify-items:center;gap:15px;padding-top:18px;border-inline-end:1px solid rgba(255,255,255,.07);background:#111}.bu-builder-ui__side i{width:17px;height:17px;border:1px solid rgba(255,255,255,.18);border-radius:5px}.bu-builder-ui__side i:first-child{background:var(--bu-gold);border-color:var(--bu-gold)}
.bu-builder-ui__canvas{margin:14px;border-radius:11px;background:#f1ece2;padding:12px;overflow:hidden}.bu-builder-ui__hero{height:42%;display:block;border-radius:8px;background:linear-gradient(135deg,#25201a,#9d7b3f)}.bu-builder-ui__canvas div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px}.bu-builder-ui__canvas div i{aspect-ratio:1;border-radius:7px;background:#d9cdb9}
.bu-builder-ui__panel{padding:16px 10px;background:#121110;display:grid;align-content:start;gap:10px}.bu-builder-ui__panel b{font:700 9px/1.3 var(--bu-ff-en);color:#ddd}.bu-builder-ui__panel span{height:7px;border-radius:999px;background:#2a2825}.bu-builder-ui__panel span:nth-child(3){width:66%}.bu-builder-ui__panel em{width:34px;height:34px;border-radius:50%;margin-top:7px;background:var(--bu-gold-grad);box-shadow:28px 0 0 #e8ddcc,56px 0 0 #413a31}

/* Dashboard UI */
.bu-dashboard-ui{position:relative;width:min(100%,530px);padding:24px;border:1px solid rgba(255,255,255,.11);border-radius:20px;background:linear-gradient(145deg,#191714,#0d0d0c);box-shadow:0 35px 80px rgba(0,0,0,.48);transform:rotate(1.5deg)}
.bu-dashboard-ui__top{display:flex;align-items:center;justify-content:space-between}.bu-dashboard-ui__top b{font-size:1rem}.bu-dashboard-ui__top span{font:700 .72rem/1 var(--bu-ff-en);color:#65c989;background:rgba(101,201,137,.08);padding:7px 9px;border-radius:999px}
.bu-dashboard-ui__stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.bu-dashboard-ui__stats span{padding:16px;border-radius:13px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}.bu-dashboard-ui__stats small{display:block;color:var(--bu-muted);font:500 .68rem/1 var(--bu-ff-en)}.bu-dashboard-ui__stats strong{font:800 1.45rem/1.3 var(--bu-ff-en);color:var(--bu-cream)}
.bu-dashboard-ui__rows{display:grid;gap:9px;margin-top:16px}.bu-dashboard-ui__rows i{height:32px;border-radius:9px;background:linear-gradient(90deg,rgba(255,255,255,.07) 0 20%,rgba(255,255,255,.025) 20% 100%);border:1px solid rgba(255,255,255,.04)}
.bu-dashboard-ui__toast{position:absolute;inset-inline-end:-34px;bottom:28px;display:flex;align-items:center;gap:10px;width:190px;padding:12px;border-radius:14px;background:#eee6d9;color:#1a1712;box-shadow:0 20px 45px rgba(0,0,0,.35)}.bu-dashboard-ui__toast em{width:30px;height:30px;border-radius:9px;background:#62b47d}.bu-dashboard-ui__toast b,.bu-dashboard-ui__toast small{display:block}.bu-dashboard-ui__toast b{font-size:.75rem}.bu-dashboard-ui__toast small{font-size:.58rem;color:#62594e}

/* Checkout UI */
.bu-checkout-ui{width:min(100%,430px);padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:#f2ece2;color:#1c1812;box-shadow:0 35px 80px rgba(0,0,0,.5);transform:rotate(-2deg)}
.bu-checkout-ui__product{display:flex;gap:12px;align-items:center;padding-bottom:16px;border-bottom:1px solid rgba(0,0,0,.09)}.bu-checkout-ui__product>span{width:58px;height:58px;border-radius:12px;background:linear-gradient(135deg,#1b1712,#b5965b)}.bu-checkout-ui__product b,.bu-checkout-ui__product small{display:block}.bu-checkout-ui__product b{font:700 .78rem/1.3 var(--bu-ff-en)}.bu-checkout-ui__product small{font:500 .65rem/1.5 var(--bu-ff-en);color:#746b60}
.bu-checkout-ui label{height:42px;margin-top:10px;border:1px solid rgba(0,0,0,.1);border-radius:9px;display:flex;align-items:center;gap:8px;padding:0 10px}.bu-checkout-ui label i{width:18px;height:18px;border-radius:5px;background:#d8cbb7}.bu-checkout-ui label span{height:6px;width:62%;border-radius:999px;background:#d5c9b8}.bu-checkout-ui label.is-short span{width:38%}
.bu-checkout-ui__total{display:flex;justify-content:space-between;align-items:center;margin-top:18px;font-family:var(--bu-ff-en)}.bu-checkout-ui__total small{color:#756c61}.bu-checkout-ui__total strong{font-size:1.1rem}
.bu-checkout-ui button{width:100%;margin-top:12px;border:0;border-radius:10px;padding:12px;background:#19150f;color:#f3eadc;font-family:var(--bu-ff);font-weight:700}

/* Responsive mock */
.bu-responsive-ui{position:relative;width:min(100%,560px);height:340px}.bu-responsive-ui__desktop{position:absolute;left:8%;top:8%;width:78%;height:70%;border:5px solid #171512;border-radius:15px;background:#e9e1d4;padding:12px;box-shadow:0 30px 60px rgba(0,0,0,.45)}.bu-responsive-ui__desktop::after{content:"";position:absolute;left:42%;bottom:-38px;width:18%;height:38px;background:#171512;clip-path:polygon(35% 0,65% 0,78% 76%,100% 88%,100% 100%,0 100%,0 88%,22% 76%)}.bu-responsive-ui__desktop span{display:block;height:43%;border-radius:8px;background:linear-gradient(145deg,#31291f,#b28f55)}.bu-responsive-ui__desktop i{display:inline-block;width:29%;height:34%;margin:8px 2% 0 0;border-radius:7px;background:#d0c2ad}
.bu-responsive-ui__phone{position:absolute;right:1%;bottom:4%;width:25%;height:65%;border:6px solid #111;border-radius:27px;background:#e9e1d4;padding:9px;box-shadow:0 24px 48px rgba(0,0,0,.5)}.bu-responsive-ui__phone span{display:block;height:39%;border-radius:7px;background:linear-gradient(145deg,#31291f,#b28f55)}.bu-responsive-ui__phone i{display:block;height:21%;border-radius:6px;background:#d0c2ad;margin-top:8px}

/* ---------- Growth ---------- */
.bu-growth{padding-top:0;background:#0c0b0a}
.bu-growth__grid{display:grid;grid-template-columns:1.12fr .88fr;gap:22px}
.bu-growth-card{position:relative;min-height:600px;overflow:hidden;border:1px solid var(--bu-v3-line);border-radius:var(--bu-v3-radius-lg);padding:clamp(30px,4vw,58px);background:linear-gradient(145deg,#12110f,#0d0d0c)}
.bu-growth-card h2{font-size:clamp(1.9rem,4vw,3.45rem);line-height:1.2;max-width:12ch;letter-spacing:-.025em}.bu-growth-card p{color:rgba(245,240,232,.58);max-width:48ch;line-height:1.9}
.bu-tool-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.bu-tool-pills span{padding:8px 12px;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:rgba(245,240,232,.72);background:rgba(255,255,255,.025);font:600 .67rem/1 var(--bu-ff-en)}
.bu-growth-chart{position:absolute;left:6%;right:6%;bottom:0;height:44%;display:flex;align-items:flex-end;gap:8px;padding:0 8% 0;border-top:1px solid rgba(255,255,255,.04);background:linear-gradient(180deg,transparent,rgba(212,175,106,.04))}.bu-growth-chart i{flex:1;height:var(--h);min-width:20px;border-radius:9px 9px 0 0;background:linear-gradient(180deg,var(--bu-gold),rgba(212,175,106,.14));opacity:.72}.bu-growth-chart b{position:absolute;inset-inline-end:12%;top:14%;font:800 1.05rem/1 var(--bu-ff-en);color:#6ac88b;background:rgba(106,200,139,.08);padding:8px 10px;border-radius:10px}
.bu-growth-card--expand{background:radial-gradient(circle at 50% 78%,rgba(212,175,106,.13),transparent 34%),linear-gradient(145deg,#13110f,#0d0d0c)}
.bu-expand-visual{position:absolute;left:0;right:0;bottom:0;height:52%}.bu-expand-phone{position:absolute;left:50%;bottom:-35px;transform:translateX(-50%) rotate(-3deg);width:180px;height:330px;border:7px solid #0a0908;border-radius:34px;background:#eee6d9;padding:35px 17px 18px;color:#16120d;box-shadow:0 32px 65px rgba(0,0,0,.48)}.bu-expand-phone__notch{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:42%;height:13px;border-radius:999px;background:#0a0908}.bu-expand-phone__logo{font:900 1.6rem/1 var(--bu-ff-en);letter-spacing:-.08em;margin-bottom:23px}.bu-expand-phone__logo span{color:#a78348}.bu-expand-phone i{display:block;height:36px;border-radius:10px;background:#d9cdbb;margin-top:9px}.bu-expand-phone button{width:100%;border:0;border-radius:10px;padding:10px;background:#16120d;color:#eee6d9;margin-top:12px;font:700 .7rem/1 var(--bu-ff-en)}
.bu-expand-chip{position:absolute;padding:10px 13px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(18,17,15,.9);backdrop-filter:blur(12px);box-shadow:0 18px 40px rgba(0,0,0,.3);font:700 .65rem/1 var(--bu-ff-en);color:var(--bu-beige)}.bu-expand-chip--a{left:7%;top:28%}.bu-expand-chip--b{right:6%;top:8%}.bu-expand-chip--c{right:4%;bottom:17%}

/* ---------- Portfolio v3 ---------- */
.bu-portfolio-v3{background:#090909}
.bu-portfolio-v3__head{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:clamp(34px,5vw,60px)}
.bu-portfolio-v3__head .bu-h2{font-size:clamp(2.25rem,5.5vw,4.7rem);letter-spacing:-.04em}.bu-portfolio-v3__head .bu-lead{justify-self:end;margin:0}
.bu-portfolio-v3__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.bu-project-card{border:1px solid var(--bu-v3-line);border-radius:30px;overflow:hidden;background:#11100f}.bu-project-card--hero{grid-column:1/-1}.bu-project-card__media{height:430px;position:relative;background:#171513;overflow:hidden}.bu-project-card--hero .bu-project-card__media{height:clamp(420px,58vw,680px)}.bu-project-card__media img{width:100%;height:100%;object-fit:cover;object-position:top center}.bu-project-card__browserbar{position:absolute;z-index:3;top:0;left:0;right:0;height:38px;display:flex;align-items:center;gap:6px;padding:0 12px;background:rgba(13,13,13,.88);backdrop-filter:blur(8px);direction:ltr;border-bottom:1px solid rgba(255,255,255,.06)}.bu-project-card__browserbar i{width:7px;height:7px;border-radius:50%;background:#625d54}.bu-project-card__browserbar span{margin-inline:auto;color:rgba(255,255,255,.28);font:500 9px/1 system-ui,sans-serif}.bu-project-card__sector{position:absolute;z-index:4;inset-inline-start:16px;bottom:16px;padding:7px 10px;border-radius:999px;background:rgba(8,8,8,.75);backdrop-filter:blur(9px);font-size:.68rem;color:var(--bu-beige);border:1px solid rgba(255,255,255,.09)}
.bu-project-card__body{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px 24px 25px}.bu-project-card__index{font:800 .65rem/1 var(--bu-ff-en);color:var(--bu-gold);letter-spacing:.13em}.bu-project-card h3{font-size:1.35rem;margin:5px 0 2px}.bu-project-card__body p{margin:0;color:var(--bu-muted);font-size:.76rem}.bu-project-card__actions{display:flex;flex-direction:column;align-items:flex-end;gap:7px;white-space:nowrap}.bu-project-card__actions a{font-size:.74rem;color:var(--bu-beige);border-bottom:1px solid rgba(255,255,255,.14);padding-bottom:3px}.bu-project-card__actions a:hover{color:var(--bu-gold)}.bu-portfolio-v3__more{margin-top:34px}.bu-empty-showcase{padding:60px;border:1px dashed var(--bu-v3-line);border-radius:28px;text-align:center}.bu-empty-showcase strong,.bu-empty-showcase span{display:block}.bu-empty-showcase span{color:var(--bu-muted);margin-top:7px}

/* ---------- Testimonials ---------- */
.bu-testimonials{background:#0b0b0b}.bu-testimonials .bu-h2{font-size:clamp(2rem,5vw,4rem);max-width:14ch;margin-inline:auto}.bu-quote{border-radius:24px!important;background:linear-gradient(145deg,#12110f,#0e0e0d)!important;border-color:var(--bu-v3-line)!important}.bu-quote__stars{letter-spacing:.15em}

/* ---------- Packages ---------- */
#packages{background:linear-gradient(180deg,#0b0b0b,#0d0c0b)}
#packages>.bu-container>.bu-h2{font-size:clamp(2.1rem,5vw,4rem);max-width:15ch;margin-inline:auto}
.bu-pkgs{gap:20px}.bu-pkg{border-radius:30px!important;background:linear-gradient(150deg,#13110f,#0e0e0d)!important;border-color:var(--bu-v3-line)!important;box-shadow:none!important}.bu-pkg--rec{border-color:rgba(212,175,106,.45)!important;background:radial-gradient(circle at 50% 0,rgba(212,175,106,.12),transparent 30%),linear-gradient(150deg,#15120e,#0e0e0d)!important}.bu-pkg__badge{border-radius:999px}.bu-proofstrip{border-block:1px solid rgba(255,255,255,.055);padding-block:24px}

/* ---------- Steps ---------- */
.bu-steps-sec{background:#0a0a0a}.bu-steps-sec .bu-h2{font-size:clamp(2rem,5vw,4rem);max-width:16ch;margin-inline:auto}.bu-step{border-radius:26px!important;background:#11100f!important;border-color:var(--bu-v3-line)!important;text-align:start!important}.bu-step__n{margin-inline:0!important;border-radius:50%!important;width:46px!important;height:46px!important}.bu-step h3{font-size:1.05rem}.bu-deliverytime{border-radius:22px!important}

/* ---------- FAQ / lead ---------- */
.bu-faq{background:#0d0c0b}.bu-faq .bu-h2,.bu-lead-sec .bu-h2{font-size:clamp(2rem,5vw,3.6rem)}.bu-acc__item{border-radius:18px!important;background:#11100f!important;border-color:var(--bu-v3-line)!important}.bu-form{border-radius:30px!important;background:linear-gradient(145deg,#12110f,#0c0c0c)!important;border-color:var(--bu-v3-line)!important}.bu-lead-sec{background:#0a0a0a!important}

/* ---------- Final CTA ---------- */
.bu-final{padding-block:clamp(90px,13vw,180px)!important;background:radial-gradient(circle at 50% 45%,rgba(212,175,106,.13),transparent 31%),#090909;overflow:hidden}.bu-final::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(92vw,1050px);aspect-ratio:1;border:1px solid rgba(212,175,106,.06);border-radius:50%;box-shadow:0 0 0 80px rgba(212,175,106,.018),0 0 0 160px rgba(212,175,106,.012)}.bu-final__h{font-size:clamp(2.4rem,6vw,5.2rem)!important;letter-spacing:-.04em;max-width:13ch!important}.bu-final__sub{font-size:1rem!important}.bu-final__cta{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:30px}

/* ---------- Footer ---------- */
.bu-footer{border-top:1px solid rgba(255,255,255,.055);background:#080808}

/* ---------- Responsive ---------- */
@media (max-width:1024px){
  .bu-hero-v3{min-height:auto}
  .bu-feature-story{grid-template-columns:1fr;min-height:0}
  .bu-feature-story--reverse .bu-feature-story__copy,.bu-feature-story--reverse .bu-feature-story__visual{order:initial}
  .bu-feature-story h3{max-width:17ch}
  .bu-growth__grid{grid-template-columns:1fr}
  .bu-growth-card{min-height:560px}
  .bu-portfolio-v3__head{grid-template-columns:1fr}.bu-portfolio-v3__head .bu-lead{justify-self:start}
}

@media (max-width:768px){
  .bu-header__actions>.bu-btn{display:none}
  .bu-hero-v3{padding-top:42px}
  .bu-hero-v3 h1{font-size:clamp(2.45rem,12vw,4.4rem);max-width:13ch}
  .bu-hero-v3__lead{font-size:.95rem;line-height:1.8}
  .bu-hero-v3__cta .bu-btn{width:100%;max-width:360px}
  .bu-hero-v3__badges{display:grid;grid-template-columns:1fr 1fr;text-align:start;width:100%;max-width:430px;margin-inline:auto;margin-top:22px}
  .bu-showcase-stage{height:390px;margin-top:44px}
  .bu-device--desktop{width:93%;height:62%;top:25px}
  .bu-device--phone{width:27%;height:60%;inset-inline-start:1%;top:115px;border-width:4px;border-radius:24px}
  .bu-device--phone .bu-device__screen{border-radius:18px}
  .bu-showcase-card{width:48%;inset-inline-end:1%;bottom:43px;padding:12px}
  .bu-showcase-card strong{font-size:.76rem}.bu-showcase-card small{font-size:.6rem}
  .bu-hero-v3__marquee{margin-top:-10px}.bu-hero-v3__marquee-track{justify-content:flex-start;overflow:hidden;gap:16px}
  .bu-section-head--wide .bu-h2{font-size:clamp(2rem,8vw,3rem)}
  .bu-feature-story{padding:28px 22px;border-radius:28px;gap:20px}
  .bu-feature-story h3{font-size:clamp(1.8rem,7.5vw,2.7rem)}
  .bu-feature-story__visual{min-height:300px}
  .bu-builder-ui{grid-template-columns:36px 1fr 82px}.bu-builder-ui__panel{padding:10px 7px}.bu-builder-ui__side{gap:10px}.bu-builder-ui__side i{width:13px;height:13px}
  .bu-dashboard-ui{width:92%;padding:16px}.bu-dashboard-ui__toast{inset-inline-end:-10px;bottom:14px;width:160px}
  .bu-responsive-ui{height:280px}
  .bu-growth-card{min-height:520px;border-radius:28px;padding:28px 22px}.bu-growth-card h2{font-size:clamp(1.8rem,7vw,2.8rem)}
  .bu-growth-chart{height:39%;padding-inline:5%;gap:5px}.bu-growth-chart i{min-width:10px}
  .bu-expand-phone{width:155px;height:290px}.bu-expand-chip--a{left:2%}.bu-expand-chip--b{right:1%}.bu-expand-chip--c{right:0}
  .bu-portfolio-v3__grid{grid-template-columns:1fr}.bu-project-card--hero{grid-column:auto}.bu-project-card__media,.bu-project-card--hero .bu-project-card__media{height:390px}.bu-project-card{border-radius:24px}.bu-project-card__body{flex-direction:column}.bu-project-card__actions{align-items:flex-start;flex-direction:row;flex-wrap:wrap}
  .bu-final::before{width:120vw}
}

@media (max-width:480px){
  .bu-hero-v3 h1{font-size:clamp(2.2rem,12.5vw,3.5rem)}
  .bu-hero-v3__kicker{font-size:.65rem}
  .bu-hero-v3__badges{grid-template-columns:1fr;font-size:.76rem;gap:7px}
  .bu-showcase-stage{height:330px;width:100%}.bu-device--desktop{height:58%;border-radius:15px}.bu-device__chrome{height:30px}.bu-device__screen{height:calc(100% - 30px)}.bu-device--phone{height:57%;top:99px;width:29%}.bu-showcase-card{bottom:30px;width:52%}
  .bu-feature-story__visual{min-height:240px}.bu-builder-ui{grid-template-columns:30px 1fr 68px}.bu-builder-ui__panel em{width:24px;height:24px;box-shadow:20px 0 0 #e8ddcc,40px 0 0 #413a31}.bu-dashboard-ui__stats strong{font-size:1.1rem}.bu-dashboard-ui__rows i{height:25px}.bu-dashboard-ui__toast{width:145px}.bu-responsive-ui{height:230px}
  .bu-growth-card{min-height:500px}.bu-expand-chip{font-size:.55rem;padding:8px 9px}
  .bu-project-card__media,.bu-project-card--hero .bu-project-card__media{height:320px}
  .bu-project-card__body{padding:18px}.bu-project-card h3{font-size:1.15rem}
}

@media (prefers-reduced-motion:reduce){
  .bu-device{transition:none!important}
}