
    :root{
      --ba-obsidian:#11110f;
      --ba-obsidian-2:#1b1a17;
      --ba-paper:#f4f0e8;
      --ba-paper-2:#e9e1d5;
      --ba-paper-3:#dcd1c0;
      --ba-ink:#1d1a16;
      --ba-ink-soft:#665f54;
      --ba-bronze:#b79563;
      --ba-bronze-light:#d7bc8c;
      --ba-bronze-dark:#80623a;
      --ba-pine:#23453a;
      --ba-line:rgba(29,26,22,.13);
      --ba-line-light:rgba(244,240,232,.18);
      --ba-shadow:0 24px 70px rgba(17,17,15,.14);
      --ba-radius:3px;
      --ba-wrap:1220px;
      --ba-arabic:'Noto Kufi Arabic', Tahoma, sans-serif;
      --ba-display:'Cormorant Garamond', Georgia, serif;
    }

    *{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}
    body{background:var(--ba-paper);color:var(--ba-ink);font-family:var(--ba-arabic);line-height:1.75;overflow-x:hidden}
    body.no-scroll{overflow:hidden}
    img,svg{display:block;max-width:100%}
    button,input,select{font:inherit}
    button{border:0;cursor:pointer}
    a{color:inherit;text-decoration:none}
    ul{list-style:none}
    ::selection{background:var(--ba-bronze);color:var(--ba-obsidian)}
    :focus-visible{outline:2px solid var(--ba-bronze);outline-offset:3px}

    .ba-skip-link{position:fixed;top:10px;right:10px;z-index:500;background:var(--ba-bronze);color:var(--ba-obsidian);padding:10px 16px;transform:translateY(-150%);transition:transform .2s}
    .ba-skip-link:focus{transform:translateY(0)}
    .ba-wrap{width:min(var(--ba-wrap),calc(100% - 64px));margin-inline:auto}
    .ba-latin{font-family:var(--ba-display),serif;direction:ltr;unicode-bidi:isolate}
    .ba-eyebrow{display:inline-flex;align-items:center;gap:11px;color:var(--ba-bronze-dark);font-family:var(--ba-display),serif;font-size:16px;font-style:italic;letter-spacing:.08em;direction:ltr}
    .ba-eyebrow::before{content:"";width:30px;height:1px;background:currentColor}
    .ba-section{padding:112px 0}
    .ba-section-head{max-width:680px;margin-bottom:52px}
    .ba-section-head h2{font-size:clamp(30px,4vw,54px);line-height:1.23;font-weight:700;letter-spacing:-.035em;margin-top:14px}
    .ba-section-head p{max-width:600px;color:var(--ba-ink-soft);font-size:16px;margin-top:17px}
    .ba-dark-section{background:var(--ba-obsidian);color:var(--ba-paper)}
    .ba-dark-section .ba-section-head p{color:rgba(244,240,232,.66)}
    .ba-dark-section .ba-eyebrow{color:var(--ba-bronze-light)}
    .ba-muted{color:var(--ba-ink-soft)}
    .ba-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

    /* Header */
    .ba-site-header{position:fixed;top:0;right:0;left:0;z-index:100;background:rgba(17,17,15,.80);border-bottom:1px solid rgba(215,188,140,.18);backdrop-filter:blur(16px);transition:background .3s ease,box-shadow .3s ease}
    .ba-site-header.ba-scrolled{background:rgba(17,17,15,.96);box-shadow:0 12px 35px rgba(0,0,0,.18)}
    .ba-nav{height:80px;display:flex;align-items:center;justify-content:space-between;gap:28px}
    .ba-brand{display:inline-flex;align-items:center;gap:12px;color:var(--ba-paper);min-width:190px}
    .ba-brand-mark{width:39px;height:39px;flex:0 0 auto}
    .ba-brand-copy{display:flex;flex-direction:column;line-height:1.1}
    .ba-brand-name{font-size:21px;font-weight:700;letter-spacing:.02em}
    .ba-brand-name span{color:var(--ba-bronze-light)}
    .ba-brand-sub{font-family:var(--ba-display),serif;font-size:11px;letter-spacing:.13em;color:rgba(244,240,232,.56);direction:ltr;margin-top:5px}
    .ba-primary-nav{display:flex;align-items:center;gap:26px;color:rgba(244,240,232,.73);font-size:14px}
    .ba-primary-nav a{position:relative;padding:8px 0;transition:color .2s ease}
    .ba-primary-nav a::after{content:"";position:absolute;right:0;bottom:3px;width:0;height:1px;background:var(--ba-bronze-light);transition:width .25s ease}
    .ba-primary-nav a:hover,.ba-primary-nav a.ba-active{color:var(--ba-paper)}
    .ba-primary-nav a:hover::after,.ba-primary-nav a.ba-active::after{width:100%}
    .ba-nav-actions{display:flex;align-items:center;gap:12px}
    .ba-lang-tag{font-family:var(--ba-display),serif;direction:ltr;color:var(--ba-bronze-light);font-size:14px;border:1px solid rgba(215,188,140,.35);padding:8px 10px}
    .ba-menu-toggle{display:none;width:44px;height:44px;background:transparent;color:var(--ba-paper);border:1px solid rgba(244,240,232,.2);align-items:center;justify-content:center;flex-direction:column;gap:5px}
    .ba-menu-toggle span{width:20px;height:1px;background:currentColor;transition:transform .2s ease}
    .ba-menu-toggle.ba-open span:first-child{transform:translateY(3px) rotate(45deg)}
    .ba-menu-toggle.ba-open span:last-child{transform:translateY(-3px) rotate(-45deg)}

    .ba-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 23px;border:1px solid transparent;border-radius:var(--ba-radius);font-size:14px;font-weight:700;transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease}
    .ba-btn:hover{transform:translateY(-2px)}
    .ba-btn-primary{background:var(--ba-bronze);color:var(--ba-obsidian)}
    .ba-btn-primary:hover{background:var(--ba-bronze-light)}
    .ba-btn-outline{border-color:rgba(244,240,232,.38);color:var(--ba-paper)}
    .ba-btn-outline:hover{border-color:var(--ba-bronze-light);color:var(--ba-bronze-light)}
    .ba-btn-dark{background:var(--ba-obsidian);color:var(--ba-paper)}
    .ba-btn-dark:hover{background:var(--ba-bronze-dark)}
    .ba-btn-light{background:var(--ba-paper);color:var(--ba-obsidian)}
    .ba-btn-light:hover{background:#fff}
    .ba-btn-small{min-height:40px;padding:8px 15px;font-size:12px}

    /* Hero */
    .ba-hero{position:relative;min-height:760px;padding:160px 0 96px;background:var(--ba-obsidian);color:var(--ba-paper);overflow:hidden}
    .ba-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 70% 20%,rgba(183,149,99,.18),transparent 40%),linear-gradient(115deg,rgba(17,17,15,.25),rgba(17,17,15,.9) 68%);pointer-events:none}
    .ba-hero-veins{position:absolute;inset:0;width:100%;height:100%;opacity:.62;pointer-events:none}
    .ba-hero-grid{position:relative;z-index:2;min-height:565px;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}
    .ba-hero-copy{max-width:690px}
    .ba-hero .ba-eyebrow{color:var(--ba-bronze-light);font-size:15px}
    .ba-hero h1{font-size:clamp(45px,6.7vw,92px);font-weight:700;line-height:1.12;letter-spacing:-.05em;margin:22px 0 28px}
    .ba-hero h1 em{font-style:normal;color:var(--ba-bronze-light)}
    .ba-hero-copy p{max-width:590px;color:rgba(244,240,232,.72);font-size:17px;margin-bottom:34px}
    .ba-hero-actions{display:flex;flex-wrap:wrap;gap:12px}
    .ba-hero-proof{display:flex;flex-wrap:wrap;gap:22px;margin-top:52px;color:rgba(244,240,232,.58);font-size:12px}
    .ba-hero-proof span{display:inline-flex;align-items:center;gap:8px}
    .ba-hero-proof span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ba-bronze)}
    .ba-hero-material-wrap{position:relative;max-width:500px;justify-self:end}
    .ba-hero-material{position:relative;min-height:545px;overflow:hidden;border:1px solid rgba(215,188,140,.28);background:#3c2a20;box-shadow:0 34px 80px rgba(0,0,0,.30)}
    .ba-hero-material::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(17,17,15,.9) 100%)}
    .ba-hero-material-label{position:absolute;top:26px;right:26px;z-index:2;padding:7px 10px;background:rgba(17,17,15,.62);border:1px solid rgba(215,188,140,.33);color:var(--ba-bronze-light);font-family:var(--ba-display),serif;font-size:13px;letter-spacing:.12em;direction:ltr}
    .ba-hero-material-copy{position:absolute;right:28px;left:28px;bottom:28px;z-index:2}
    .ba-hero-material-copy .ba-latin{display:block;color:var(--ba-bronze-light);font-size:16px;font-style:italic}
    .ba-hero-material-copy h2{font-size:34px;line-height:1.25;margin:7px 0 9px}
    .ba-hero-material-copy p{color:rgba(244,240,232,.72);font-size:13px;max-width:330px}
    .ba-material-tag{display:inline-flex;align-items:center;gap:8px;margin-top:18px;color:rgba(244,240,232,.68);font-size:12px}
    .ba-material-tag::before{content:"";width:20px;height:1px;background:var(--ba-bronze)}
    .ba-hero-note{position:absolute;left:-44px;bottom:50px;z-index:3;background:var(--ba-paper);color:var(--ba-ink);padding:18px 20px;max-width:185px;box-shadow:var(--ba-shadow)}
    .ba-hero-note strong{display:block;color:var(--ba-bronze-dark);font-family:var(--ba-display),serif;font-size:23px;line-height:1}
    .ba-hero-note span{display:block;font-size:12px;line-height:1.7;margin-top:7px}
    .ba-hero-scroll{position:absolute;bottom:26px;right:50%;z-index:3;transform:translateX(50%);display:flex;flex-direction:column;align-items:center;gap:7px;color:rgba(244,240,232,.48);font-family:var(--ba-display),serif;font-size:14px;direction:ltr}
    .ba-hero-scroll i{display:block;width:1px;height:32px;background:linear-gradient(var(--ba-bronze-light),transparent);animation:pulse 2s ease-in-out infinite}
    @keyframes pulse{0%,100%{opacity:.3;transform:scaleY(.65)}50%{opacity:1;transform:scaleY(1)}}
    .texture-warm{background:repeating-linear-gradient(117deg,rgba(232,185,125,.10) 0 2px,transparent 2px 18px),repeating-linear-gradient(16deg,rgba(18,11,7,.24) 0 1px,transparent 1px 25px),linear-gradient(135deg,#3c271c 0%,#70452d 37%,#2b1d17 62%,#936246 100%)}
    .texture-white{background:repeating-linear-gradient(122deg,rgba(126,117,101,.16) 0 2px,transparent 2px 22px),repeating-linear-gradient(27deg,rgba(255,255,255,.32) 0 2px,transparent 2px 20px),linear-gradient(145deg,#d7d2c7,#f8f5ee 43%,#b8b4ab 100%)}
    .texture-black{background:repeating-linear-gradient(135deg,rgba(198,158,93,.17) 0 2px,transparent 2px 30px),repeating-linear-gradient(24deg,rgba(255,255,255,.04) 0 1px,transparent 1px 13px),linear-gradient(145deg,#0b0c0c,#272621 48%,#050505)}
    .texture-grey{background:repeating-linear-gradient(115deg,rgba(229,219,195,.2) 0 2px,transparent 2px 24px),linear-gradient(145deg,#444944,#8a8e87 47%,#272a28)}
    .texture-green{background:repeating-linear-gradient(120deg,rgba(215,190,132,.16) 0 2px,transparent 2px 25px),linear-gradient(145deg,#18382f,#3f6650 45%,#10241f)}
    .texture-amber{background:repeating-linear-gradient(135deg,rgba(255,238,178,.27) 0 2px,transparent 2px 24px),linear-gradient(145deg,#865322,#c88d42 50%,#e5bd74)}

    /* Proof strip */
    .ba-proof-strip{background:var(--ba-paper-2);border-bottom:1px solid var(--ba-line)}
    .ba-proof-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
    .ba-proof-item{display:flex;align-items:center;gap:14px;padding:25px 22px;border-inline-start:1px solid var(--ba-line)}
    .ba-proof-item:first-child{border-inline-start:0}
    .ba-proof-icon{width:31px;height:31px;flex:0 0 auto;color:var(--ba-bronze-dark)}
    .ba-proof-item strong{display:block;font-size:13px;line-height:1.45}
    .ba-proof-item span{display:block;color:var(--ba-ink-soft);font-size:11px;margin-top:2px}

    /* Discovery */
    .ba-discovery{background:var(--ba-paper)}
    .ba-space-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;background:var(--ba-line)}
    .ba-space-card{position:relative;min-height:235px;overflow:hidden;background:var(--ba-obsidian);color:var(--ba-paper);text-align:right;transition:transform .25s ease}
    .ba-space-card:hover{transform:translateY(-6px);z-index:2}
    .ba-space-card.is-selected{outline:2px solid var(--ba-bronze);outline-offset:-2px}
    .ba-space-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(17,17,15,.86),transparent 72%)}
    .ba-space-visual{position:absolute;inset:0;transition:transform .6s ease,filter .4s ease}
    .ba-space-card:hover .ba-space-visual{transform:scale(1.08);filter:saturate(1.1)}
    .ba-space-content{position:absolute;right:20px;left:16px;bottom:18px;z-index:2}
    .ba-space-content .ba-latin{display:block;color:var(--ba-bronze-light);font-size:14px;font-style:italic}
    .ba-space-content strong{display:block;font-size:17px;margin-top:4px}
    .ba-space-arrow{position:absolute;top:16px;left:16px;z-index:2;width:28px;height:28px;border:1px solid rgba(244,240,232,.38);display:flex;align-items:center;justify-content:center;color:var(--ba-paper);font-size:16px;line-height:1}
    .ba-mood-area{display:none;max-width:900px;margin:52px auto 0;padding-top:42px;border-top:1px solid var(--ba-line)}
    .ba-mood-area.is-visible{display:block;animation:rise .35s ease}
    @keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
    .ba-mood-area h3{font-size:26px;line-height:1.35}
    .ba-mood-area p{color:var(--ba-ink-soft);font-size:14px;margin-top:7px}
    .ba-mood-grid{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}
    .ba-mood-chip{padding:10px 16px;border:1px solid var(--ba-line);background:transparent;color:var(--ba-ink-soft);border-radius:30px;font-size:13px;transition:.2s ease}
    .ba-mood-chip:hover,.ba-mood-chip.is-selected{background:var(--ba-obsidian);border-color:var(--ba-obsidian);color:var(--ba-paper)}
    .ba-recommendation{display:none;margin-top:30px;background:#fff;border:1px solid var(--ba-line);grid-template-columns:1fr 1fr;box-shadow:0 18px 50px rgba(17,17,15,.08)}
    .ba-recommendation.is-visible{display:grid;animation:rise .4s ease}
    .ba-recommendation-visual{min-height:275px}
    .ba-recommendation-copy{padding:34px;display:flex;flex-direction:column;justify-content:center}
    .ba-recommendation-copy .ba-latin{font-size:15px;color:var(--ba-bronze-dark);font-style:italic}
    .ba-recommendation-copy h4{font-size:27px;margin-top:6px}
    .ba-recommendation-copy p{color:var(--ba-ink-soft);font-size:14px;margin:12px 0 22px}
    .ba-recommendation-actions{display:flex;flex-wrap:wrap;gap:9px}

    /* Library */
    .ba-library{position:relative;overflow:hidden}
    .ba-library::before{content:"";position:absolute;left:-180px;top:90px;width:420px;height:420px;border:1px solid rgba(215,188,140,.13);border-radius:50%;box-shadow:0 0 0 45px rgba(215,188,140,.025),0 0 0 90px rgba(215,188,140,.02);pointer-events:none}
    .ba-library-tools{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:28px}
    .ba-search-box{position:relative;min-width:280px;flex:1;max-width:420px}
    .ba-search-box svg{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:18px;color:var(--ba-bronze-light)}
    .ba-search-box input{width:100%;height:46px;padding:10px 43px 10px 14px;background:rgba(244,240,232,.06);border:1px solid rgba(244,240,232,.2);color:var(--ba-paper);font-size:13px}
    .ba-search-box input::placeholder{color:rgba(244,240,232,.45)}
    .ba-filter-row{display:flex;flex-wrap:wrap;gap:8px}
    .ba-filter-btn{padding:9px 14px;border:1px solid rgba(244,240,232,.2);background:transparent;color:rgba(244,240,232,.68);font-size:12px;transition:.2s ease}
    .ba-filter-btn:hover,.ba-filter-btn.is-active{background:var(--ba-bronze);border-color:var(--ba-bronze);color:var(--ba-obsidian)}
    .ba-library-count{color:rgba(244,240,232,.52);font-size:12px;white-space:nowrap}
    .ba-stone-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:rgba(244,240,232,.16)}
    .ba-stone-card{background:var(--ba-paper);color:var(--ba-ink);min-width:0}
    .ba-stone-thumb{position:relative;aspect-ratio:1/1.08;overflow:hidden}
    .ba-stone-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.06),transparent 55%,rgba(17,17,15,.16))}
    .ba-stone-thumb .ba-texture{position:absolute;inset:0;transition:transform .6s ease}
    .ba-stone-card:hover .ba-stone-thumb .ba-texture{transform:scale(1.07)}
    .ba-stone-type{position:absolute;right:14px;top:14px;z-index:2;background:rgba(17,17,15,.78);color:var(--ba-bronze-light);padding:5px 8px;font-family:var(--ba-display),serif;font-size:13px;direction:ltr}
    .ba-compare-button{position:absolute;left:14px;top:14px;z-index:3;width:30px;height:30px;border-radius:50%;border:1px solid rgba(244,240,232,.68);background:rgba(17,17,15,.74);color:var(--ba-paper);font-size:18px;line-height:1;transition:.2s ease}
    .ba-compare-button:hover,.ba-compare-button.is-active{background:var(--ba-bronze);border-color:var(--ba-bronze);color:var(--ba-obsidian)}
    .ba-stone-body{padding:18px 18px 19px}
    .ba-stone-body .ba-latin{display:block;color:var(--ba-bronze-dark);font-size:14px;font-style:italic}
    .ba-stone-body h3{font-size:18px;line-height:1.4;margin-top:3px}
    .ba-stone-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;color:var(--ba-ink-soft);font-size:11px}
    .ba-stone-meta span{padding-left:7px;border-left:1px solid var(--ba-line)}
    .ba-stone-meta span:last-child{border-left:0}
    .ba-stone-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}
    .ba-stone-actions .ba-btn{flex:1;min-width:106px}
    .ba-empty-state{grid-column:1/-1;padding:45px 20px;text-align:center;background:var(--ba-paper);color:var(--ba-ink-soft);font-size:14px}

    /* compare */
    .ba-compare{background:var(--ba-paper-2)}
    .ba-compare-empty{border-top:1px solid var(--ba-line);padding:25px 0;color:var(--ba-ink-soft);font-size:14px}
    .ba-compare-table-wrap{overflow-x:auto}
    .ba-compare-table{display:none;width:100%;min-width:700px;border-collapse:collapse;background:var(--ba-paper)}
    .ba-compare-table.is-visible{display:table}
    .ba-compare-table th,.ba-compare-table td{border:1px solid var(--ba-line);padding:15px 16px;text-align:right;font-size:13px;vertical-align:top}
    .ba-compare-table th{background:#fff;font-size:15px}
    .ba-compare-table td:first-child{color:var(--ba-ink-soft);width:150px;background:rgba(255,255,255,.36)}
    .ba-compare-cell-name{font-size:17px;font-weight:700}
    .ba-compare-cell-en{display:block;color:var(--ba-bronze-dark);font-family:var(--ba-display),serif;font-style:italic;font-size:13px;font-weight:400;direction:ltr}
    .ba-compare-clear{margin-top:17px}
    .ba-compare-dock{position:fixed;right:20px;bottom:20px;left:20px;z-index:90;display:none;align-items:center;justify-content:space-between;gap:16px;background:var(--ba-obsidian);color:var(--ba-paper);padding:13px 16px;border:1px solid rgba(215,188,140,.34);box-shadow:0 18px 50px rgba(0,0,0,.28)}
    .ba-compare-dock.is-visible{display:flex;animation:rise .3s ease}
    .ba-compare-dock strong{font-size:13px}
    .ba-compare-dock span{display:block;color:rgba(244,240,232,.62);font-size:12px;margin-top:2px}
    .ba-compare-dock-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}

    /* visualizer + calculator */
    .ba-visualizer{background:var(--ba-paper)}
    .ba-visualizer-layout{display:grid;grid-template-columns:1.2fr .8fr;border:1px solid var(--ba-line);background:#fff}
    .ba-viz-stage{position:relative;min-height:410px;background:var(--ba-paper-2);overflow:hidden;display:flex;align-items:center;justify-content:center}
    .ba-viz-stage::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.28),transparent 45%,rgba(17,17,15,.08));pointer-events:none}
    .ba-viz-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none}
    .ba-viz-image.is-visible{display:block}
    .ba-viz-placeholder{position:relative;z-index:1;max-width:280px;text-align:center;color:var(--ba-ink-soft);font-size:14px}
    .ba-viz-placeholder strong{display:block;color:var(--ba-ink);font-size:18px;margin-bottom:8px}
    .ba-viz-surface{position:absolute;right:10%;left:10%;bottom:12%;height:23%;opacity:.55;mix-blend-mode:multiply;display:none;pointer-events:none}
    .ba-viz-surface.is-visible{display:block}
    .ba-viz-controls{padding:34px;border-inline-start:1px solid var(--ba-line)}
    .ba-viz-controls h3{font-size:22px;line-height:1.4}
    .ba-viz-controls p{color:var(--ba-ink-soft);font-size:13px;margin-top:9px}
    .ba-upload-label{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin-top:24px;border:1px dashed var(--ba-bronze-dark);color:var(--ba-bronze-dark);font-size:13px;cursor:pointer;transition:.2s ease}
    .ba-upload-label:hover{background:rgba(183,149,99,.08)}
    .ba-upload-label input{display:none}
    .ba-viz-controls h4{font-size:13px;margin:24px 0 12px}
    .ba-viz-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
    .ba-viz-swatch{position:relative;aspect-ratio:1;border:2px solid transparent;padding:0;overflow:hidden}
    .ba-viz-swatch .ba-texture{position:absolute;inset:0}
    .ba-viz-swatch.is-active{border-color:var(--ba-bronze)}
    .ba-viz-swatch span{position:absolute;right:5px;bottom:4px;z-index:2;color:#fff;background:rgba(17,17,15,.72);font-size:9px;padding:2px 4px}
    .ba-helper-note{color:var(--ba-ink-soft);font-size:11px;margin-top:14px}
    .ba-calculator{background:var(--ba-obsidian)}
    .ba-calculator .ba-section-head h2{max-width:650px}
    .ba-calc-layout{display:grid;grid-template-columns:.86fr 1.14fr;gap:2px;background:rgba(244,240,232,.16)}
    .ba-calc-form{background:var(--ba-paper);color:var(--ba-ink);padding:34px}
    .ba-calc-form h3{font-size:23px}
    .ba-calc-form p{color:var(--ba-ink-soft);font-size:13px;margin-top:7px}
    .ba-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:25px}
    .ba-field{display:block}
    .ba-field.ba-full{grid-column:1/-1}
    .ba-field label{display:block;color:var(--ba-ink-soft);font-size:12px;margin-bottom:7px}
    .ba-field input,.ba-field select{width:100%;height:46px;background:var(--ba-paper-2);border:1px solid var(--ba-line);color:var(--ba-ink);padding:8px 12px;font-size:13px}
    .ba-calc-form .ba-btn{margin-top:20px}
    .ba-calc-output{background:var(--ba-obsidian);color:var(--ba-paper);padding:34px;min-height:100%;display:flex;flex-direction:column;justify-content:center}
    .ba-calc-output h3{color:var(--ba-bronze-light);font-size:24px}
    .ba-calc-output p{color:rgba(244,240,232,.62);font-size:13px;margin:8px 0 22px}
    .ba-calc-result{display:none;border-top:1px solid rgba(244,240,232,.2);border-bottom:1px solid rgba(244,240,232,.2);padding:9px 0}
    .ba-calc-result.is-visible{display:block;animation:rise .3s ease}
    .ba-calc-result-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid rgba(244,240,232,.11);font-size:13px}
    .ba-calc-result-row:last-child{border-bottom:0}
    .ba-calc-result-row strong{color:var(--ba-bronze-light);font-size:19px}
    .ba-calc-caption{color:rgba(244,240,232,.45);font-size:11px;margin-top:20px}

    /* Services */
    .ba-services{background:var(--ba-paper-2)}
    .ba-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--ba-line)}
    .ba-service-card{background:var(--ba-paper);padding:32px 28px;min-height:255px}
    .ba-service-number{font-family:var(--ba-display),serif;color:var(--ba-bronze-dark);font-size:25px;direction:ltr}
    .ba-service-card h3{font-size:22px;margin:17px 0 10px}
    .ba-service-card p{font-size:13px;color:var(--ba-ink-soft)}
    .ba-service-list{margin-top:18px;border-top:1px solid var(--ba-line);padding-top:14px;color:var(--ba-ink-soft);font-size:12px}
    .ba-service-list li{display:flex;gap:8px;align-items:flex-start;margin-top:7px}
    .ba-service-list li::before{content:"—";color:var(--ba-bronze-dark)}

    /* Studio */
    .ba-studio{background:var(--ba-obsidian);color:var(--ba-paper)}
    .ba-studio-layout{display:grid;grid-template-columns:.76fr 1.24fr;gap:60px;align-items:start}
    .ba-studio-copy{position:sticky;top:110px}
    .ba-studio-copy h2{font-size:clamp(29px,4vw,52px);line-height:1.25;margin-top:14px}
    .ba-studio-copy p{max-width:430px;color:rgba(244,240,232,.65);font-size:14px;margin-top:18px}
    .ba-studio-points{margin-top:28px;color:rgba(244,240,232,.74);font-size:13px}
    .ba-studio-points li{display:flex;gap:10px;align-items:center;margin-top:13px}
    .ba-studio-points li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ba-bronze);flex:0 0 auto}
    .ba-studio-panel{background:var(--ba-paper);color:var(--ba-ink);border:1px solid rgba(215,188,140,.28)}
    .ba-stepper{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--ba-line)}
    .ba-step{padding:17px 8px;text-align:center;color:var(--ba-ink-soft);font-size:11px;border-bottom:2px solid transparent}
    .ba-step.is-active{color:var(--ba-ink);border-bottom-color:var(--ba-bronze);font-weight:700}
    .ba-step.is-done{color:var(--ba-bronze-dark)}
    .ba-studio-panel-body{padding:35px}
    .ba-studio-panel-body h3{font-size:24px}
    .ba-studio-panel-body > p{color:var(--ba-ink-soft);font-size:13px;margin-top:7px}
    .ba-option-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:24px}
    .ba-option-button{min-height:58px;background:var(--ba-paper);border:1px solid var(--ba-line);color:var(--ba-ink);font-size:12px;padding:10px;transition:.2s ease}
    .ba-option-button:hover,.ba-option-button.is-selected{background:var(--ba-obsidian);border-color:var(--ba-obsidian);color:var(--ba-paper)}
    .ba-studio-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:28px}
    .ba-studio-actions .ba-btn[disabled]{opacity:.35;cursor:not-allowed;transform:none}
    .ba-studio-notice{min-height:20px;color:#9b3f2c;font-size:12px;margin-top:10px}
    .ba-studio-success{text-align:center;padding:30px 10px}
    .ba-studio-success .ba-success-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--ba-pine);color:var(--ba-bronze-light);margin:0 auto 18px;font-size:23px}
    .ba-studio-success h3{font-size:25px}
    .ba-studio-success p{color:var(--ba-ink-soft);font-size:13px;max-width:410px;margin:9px auto 20px}

    /* About / CTA / footer */
    .ba-about{background:var(--ba-paper)}
    .ba-about-layout{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}
    .ba-about-copy h2{font-size:clamp(29px,4vw,50px);line-height:1.25;margin-top:14px}
    .ba-about-copy p{color:var(--ba-ink-soft);font-size:15px;margin-top:18px}
    .ba-about-copy p + p{margin-top:11px}
    .ba-about-tiles{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--ba-line)}
    .ba-about-tile{position:relative;min-height:205px;padding:18px;color:var(--ba-paper);overflow:hidden}
    .ba-about-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(17,17,15,.72),transparent 65%)}
    .ba-about-tile:nth-child(3){grid-column:span 2;min-height:145px}
    .ba-about-tile .ba-tile-text{position:absolute;right:18px;bottom:16px;z-index:2}
    .ba-about-tile .ba-latin{display:block;color:var(--ba-bronze-light);font-size:14px}
    .ba-about-tile strong{display:block;font-size:15px;margin-top:3px}
    .ba-about-tile.texture-amber{color:var(--ba-obsidian)}
    .ba-about-tile.texture-amber::after{background:linear-gradient(0deg,rgba(255,242,206,.18),transparent 70%)}
    .ba-about-tile.texture-amber .ba-tile-text{color:var(--ba-obsidian)}
    .ba-about-tile.texture-amber .ba-latin{color:var(--ba-bronze-dark)}
    .ba-cta-band{background:var(--ba-bronze);color:var(--ba-obsidian);padding:55px 0}
    .ba-cta-content{display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}
    .ba-cta-content h2{font-size:clamp(24px,3.5vw,39px);line-height:1.3;max-width:670px}
    .ba-footer{background:var(--ba-obsidian);color:rgba(244,240,232,.62);padding:70px 0 28px}
    .ba-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:50px;padding-bottom:45px;border-bottom:1px solid rgba(244,240,232,.12)}
    .ba-footer-brand .ba-brand{margin-bottom:16px}
    .ba-footer-brand p{max-width:340px;font-size:13px}
    .ba-footer h3{color:var(--ba-paper);font-size:14px;margin-bottom:17px}
    .ba-footer li,.ba-footer a{font-size:13px;margin-top:9px}
    .ba-footer a:hover{color:var(--ba-bronze-light)}
    .ba-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;padding-top:23px;font-size:11px}
    .ba-footer-bottom .ba-latin{color:var(--ba-bronze-light);font-size:14px}

    /* modal, toast, mobile navigation */
    .ba-modal-backdrop{position:fixed;inset:0;z-index:200;background:rgba(17,17,15,.78);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;padding:30px 20px;overflow:auto}
    .ba-modal-backdrop.is-open{display:flex;animation:fade .2s ease}
    @keyframes fade{from{opacity:0}to{opacity:1}}
    .ba-modal{position:relative;display:grid;grid-template-columns:1.05fr .95fr;max-width:980px;width:100%;background:var(--ba-paper);color:var(--ba-ink);box-shadow:0 30px 100px rgba(0,0,0,.4)}
    .ba-modal-media{min-height:560px;position:relative;overflow:hidden}
    .ba-modal-media .ba-texture{position:absolute;inset:0}
    .ba-modal-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(17,17,15,.46))}
    .ba-modal-media-label{position:absolute;right:22px;bottom:20px;z-index:2;color:var(--ba-paper)}
    .ba-modal-media-label .ba-latin{display:block;color:var(--ba-bronze-light);font-size:15px}
    .ba-modal-media-label strong{display:block;font-size:25px;margin-top:3px}
    .ba-modal-close{position:absolute;left:17px;top:17px;z-index:5;width:38px;height:38px;background:var(--ba-obsidian);color:var(--ba-paper);font-size:22px;line-height:1}
    .ba-modal-body{padding:42px 36px}
    .ba-modal-body .ba-latin{color:var(--ba-bronze-dark);font-size:15px;font-style:italic}
    .ba-modal-body h2{font-size:30px;line-height:1.3;margin-top:5px}
    .ba-modal-body > p{color:var(--ba-ink-soft);font-size:13px;margin-top:13px}
    .ba-spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px;margin-top:25px;border-top:1px solid var(--ba-line)}
    .ba-spec{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:11px 0;border-bottom:1px solid var(--ba-line);font-size:12px}
    .ba-spec span{color:var(--ba-ink-soft)}
    .ba-spec strong{font-weight:600}
    .ba-modal-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
    .ba-modal-note{color:var(--ba-ink-soft);font-size:11px;margin-top:16px}
    .ba-toast{position:fixed;top:98px;right:50%;z-index:400;transform:translateX(50%) translateY(-15px);background:var(--ba-obsidian);color:var(--ba-paper);border:1px solid rgba(215,188,140,.35);padding:13px 20px;font-size:12px;opacity:0;pointer-events:none;transition:.3s ease}
    .ba-toast.is-visible{opacity:1;transform:translateX(50%) translateY(0)}
    .ba-mobile-dock{display:none}

    @media (max-width:1100px){
      .ba-primary-nav{gap:16px}
      .ba-space-grid{grid-template-columns:repeat(3,1fr)}
      .ba-stone-grid{grid-template-columns:repeat(3,1fr)}
      .ba-hero-grid{gap:45px}
      .ba-hero-note{left:-18px}
    }
    @media (max-width:820px){
      .ba-wrap{width:min(var(--ba-wrap),calc(100% - 40px))}
      .ba-site-header .ba-wrap{width:calc(100% - 40px)}
      .ba-primary-nav{position:fixed;top:80px;right:0;left:0;display:flex;flex-direction:column;align-items:stretch;gap:0;background:rgba(17,17,15,.98);padding:15px 20px 22px;border-bottom:1px solid rgba(215,188,140,.2);transform:translateY(-150%);transition:transform .3s ease}
      .ba-primary-nav.is-open{transform:translateY(0)}
      .ba-primary-nav a{padding:15px 0;border-bottom:1px solid rgba(244,240,232,.08)}
      .ba-menu-toggle{display:flex}
      .ba-nav-actions .ba-btn{display:none}
      .ba-hero{min-height:auto;padding:140px 0 95px}
      .ba-hero-grid{grid-template-columns:1fr;min-height:0}
      .ba-hero-material-wrap{justify-self:stretch;max-width:600px;width:100%;margin:10px auto 0}
      .ba-hero-material{min-height:380px}
      .ba-hero-note{left:10px;bottom:-18px}
      .ba-hero-scroll{display:none}
      .ba-proof-grid{grid-template-columns:repeat(2,1fr)}
      .ba-proof-item:nth-child(3){border-inline-start:0;border-top:1px solid var(--ba-line)}
      .ba-proof-item:nth-child(4){border-top:1px solid var(--ba-line)}
      .ba-visualizer-layout,.ba-calc-layout,.ba-studio-layout,.ba-about-layout{grid-template-columns:1fr}
      .ba-viz-controls{border-inline-start:0;border-top:1px solid var(--ba-line)}
      .ba-calc-output{min-height:270px}
      .ba-studio-copy{position:static}
      .ba-about-layout{gap:45px}
      .ba-footer-grid{grid-template-columns:1fr 1fr}
      .ba-footer-brand{grid-column:1/-1}
    }
    @media (max-width:620px){
      .ba-section{padding:75px 0}
      .ba-nav{height:70px}
      .ba-primary-nav{top:70px}
      .ba-brand{min-width:0}
      .ba-brand-sub{display:none}
      .ba-lang-tag{display:none}
      .ba-hero{padding-top:120px}
      .ba-hero h1{font-size:clamp(40px,13vw,66px)}
      .ba-hero-copy p{font-size:15px}
      .ba-hero-proof{gap:10px 16px;margin-top:36px}
      .ba-hero-material{min-height:310px}
      .ba-hero-material-copy h2{font-size:27px}
      .ba-hero-note{position:relative;left:auto;bottom:auto;display:inline-block;margin:-18px 16px 0 0}
      .ba-proof-item{padding:18px 12px;gap:9px}
      .ba-proof-item strong{font-size:11px}
      .ba-proof-item span{font-size:10px}
      .ba-space-grid{grid-template-columns:repeat(2,1fr)}
      .ba-space-card{min-height:190px}
      .ba-recommendation{grid-template-columns:1fr}
      .ba-recommendation-visual{min-height:180px}
      .ba-recommendation-copy{padding:24px}
      .ba-library-tools{align-items:stretch}
      .ba-search-box{max-width:none;min-width:100%}
      .ba-library-count{width:100%}
      .ba-stone-grid{grid-template-columns:repeat(2,1fr)}
      .ba-stone-body{padding:14px 12px 15px}
      .ba-stone-body h3{font-size:15px}
      .ba-stone-actions .ba-btn{min-width:0;padding-inline:8px;font-size:11px}
      .ba-compare-dock{right:10px;bottom:10px;left:10px}
      .ba-compare-dock-actions .ba-btn{padding-inline:11px}
      .ba-viz-stage{min-height:285px}
      .ba-viz-controls{padding:25px 20px}
      .ba-field-grid{grid-template-columns:1fr}
      .ba-field.ba-full{grid-column:auto}
      .ba-calc-form,.ba-calc-output{padding:25px 20px}
      .ba-service-grid{grid-template-columns:1fr}
      .ba-service-card{min-height:0}
      .ba-studio-panel-body{padding:24px 18px}
      .ba-option-grid{grid-template-columns:repeat(2,1fr)}
      .ba-step{font-size:10px;padding-inline:3px}
      .ba-about-tiles{grid-template-columns:1fr}
      .ba-about-tile:nth-child(3){grid-column:auto}
      .ba-footer-grid{grid-template-columns:1fr}
      .ba-footer-brand{grid-column:auto}
      .ba-footer-bottom{display:block}
      .ba-footer-bottom .ba-latin{display:block;margin-top:8px}
      .ba-modal-backdrop{padding:0}
      .ba-modal{display:block;min-height:100%;margin:0}
      .ba-modal-media{min-height:300px}
      .ba-modal-body{padding:28px 20px 35px}
      .ba-modal-body h2{font-size:25px}
      .ba-mobile-dock{position:fixed;right:0;bottom:0;left:0;z-index:80;display:flex;background:var(--ba-obsidian);border-top:1px solid rgba(215,188,140,.2);padding:8px 7px;justify-content:space-around}
      .ba-mobile-dock a{display:flex;flex-direction:column;align-items:center;gap:3px;color:rgba(244,240,232,.66);font-size:10px}
      .ba-mobile-dock a span{font-family:var(--ba-display),serif;font-size:16px;line-height:1;color:var(--ba-bronze-light)}
      body{padding-bottom:55px}
    }
    @media (prefers-reduced-motion:reduce){
      html{scroll-behavior:auto}
      *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
    }
  
