/* Covalent Bond · Campaign landing pages · Tier A, Brand System v2.1 tokens */
:root{
  --cb-ink:#0A0B0F;--cb-ink-deep:#08090C;--cb-surface:#13141B;--cb-surface-raised:#181A22;
  --cb-gold:#C9A961;--cb-gold-tint:#E4D2A4;--cb-gold-soft:#B8924A;
  --cb-ivory:#E8E6DF;--cb-ivory-warm:#F5F1E8;--cb-muted:#A6A49E;--cb-dim:#74726C;--cb-faint:#5C5A55;
  --cb-line:#252833;--cb-line-gold:rgba(201,169,97,.18);--cb-line-gold-hi:rgba(201,169,97,.45);
  --cb-critical:#D9534F;--cb-success:#3FA66B;
  --s1:8px;--s2:16px;--s3:24px;--s4:40px;--s5:64px;--s6:96px;--s7:160px;
  --serif:'Cormorant Garamond',Georgia,serif;--sans:'Inter Tight',Helvetica,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;--ar:'IBM Plex Sans Arabic',Tahoma,sans-serif;
  --ease:cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--cb-ink);color:var(--cb-ivory);font:400 16px/1.65 var(--sans);overflow-x:hidden}
[dir=rtl] body{font-family:var(--ar);line-height:1.95;letter-spacing:0!important}
[dir=rtl] .serif,[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{font-family:var(--ar);letter-spacing:0!important}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
.mono,.fig{font-family:var(--mono);font-feature-settings:"tnum";direction:ltr;unicode-bidi:isolate}
.wrap{max-width:1280px;margin:0 auto;padding:0 var(--s5)}
@media(max-width:1024px){.wrap{padding:0 var(--s4)}}
@media(max-width:768px){.wrap{padding:0 20px}}
.eyebrow{font:400 11px/1.4 var(--sans);letter-spacing:.28em;text-transform:uppercase;color:var(--cb-gold)}
[dir=rtl] .eyebrow{font-family:var(--ar);letter-spacing:0;font-size:13px}
h1{font:300 72px/1.02 var(--serif);letter-spacing:-.005em}
h2{font:400 48px/1.08 var(--serif)}
h3{font:600 20px/1.35 var(--sans)}
[dir=rtl] h1{font-weight:500;font-size:54px;line-height:1.35}
[dir=rtl] h2{font-weight:500;font-size:36px;line-height:1.4}
@media(max-width:768px){h1{font-size:44px}h2{font-size:34px}[dir=rtl] h1{font-size:36px}[dir=rtl] h2{font-size:28px}}
.lead{font-size:18px;color:var(--cb-muted);max-width:60ch}
.muted{color:var(--cb-muted)}.dim{color:var(--cb-dim)}

/* header */
.hdr{position:fixed;inset:0 0 auto 0;height:72px;z-index:50;display:flex;align-items:center;background:rgba(10,11,15,.0);border-bottom:1px solid transparent;transition:background .16s ease-out,height .16s ease-out,border-color .16s}
.hdr.is-scrolled{height:60px;background:var(--cb-ink);border-bottom-color:var(--cb-line-gold)}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;width:100%}
.wordmark{font:500 18px/1 var(--serif);letter-spacing:.13em;color:var(--cb-ivory);direction:ltr}
.wordmark small{display:block;font:400 9px/1 var(--sans);letter-spacing:.28em;color:var(--cb-gold);margin-top:6px}
.hdr nav{display:flex;gap:var(--s3);align-items:center}
.lang{font:500 12px/1 var(--sans);letter-spacing:.12em;color:var(--cb-muted);border-bottom:1px solid var(--cb-gold);padding:6px 0}
.lang:hover{color:var(--cb-ivory)}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:10px;font:500 13px/1 var(--sans);letter-spacing:.04em;border-radius:10px;padding:15px 24px;border:1px solid transparent;cursor:pointer;transition:background .16s ease-out,border-color .16s ease-out,color .16s ease-out}
[dir=rtl] .btn{font-family:var(--ar);font-size:15px;letter-spacing:0}
.btn .arr{display:inline-block}
[dir=rtl] .btn .arr{transform:scaleX(-1)}
.btn-primary{background:var(--cb-gold);color:var(--cb-ink)}
.btn-primary:hover{background:var(--cb-gold-tint)}
.btn-ghost{background:transparent;color:var(--cb-ivory);border-color:var(--cb-line-gold)}
.btn-ghost .arr{color:var(--cb-gold)}
.btn-ghost:hover{border-color:var(--cb-line-gold-hi)}
.btn[disabled]{background:var(--cb-surface-raised);color:var(--cb-faint);border-color:var(--cb-line);cursor:not-allowed}

/* hero */
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,11,15,0) 25%,rgba(10,11,15,.88))}
.hero .wrap{position:relative;z-index:2;padding-bottom:var(--s6);width:100%}
.hero h1{max-width:14ch;margin:var(--s3) 0}
[dir=rtl] .hero h1{max-width:18ch}
.hero .lead{color:var(--cb-ivory-warm);opacity:.88}
.hero .ctas{display:flex;gap:var(--s2);margin-top:var(--s4);flex-wrap:wrap}

/* facts strip */
.facts{border-top:1px solid var(--cb-line-gold);border-bottom:1px solid var(--cb-line-gold);background:var(--cb-ink-deep)}
.facts .wrap{display:grid;grid-template-columns:repeat(5,1fr)}
.fact{padding:var(--s4) var(--s3);border-inline-start:1px solid var(--cb-line)}
.fact:first-child{border-inline-start:0;padding-inline-start:0}
.fact .fig{font-size:30px;font-weight:500;color:var(--cb-ivory);display:block}
.fact span{font-size:13px;color:var(--cb-muted)}
@media(max-width:900px){.facts .wrap{grid-template-columns:repeat(2,1fr)}.fact{border-inline-start:0;border-top:1px solid var(--cb-line);padding:var(--s3) 0}.fact:nth-child(-n+2){border-top:0}}

/* sections */
section.sec{padding:var(--s7) 0}
@media(max-width:1024px){section.sec{padding:var(--s6) 0}}
@media(max-width:768px){section.sec{padding:var(--s5) 0}}
.split{display:grid;grid-template-columns:7fr 5fr;gap:var(--s5);align-items:start}
.split.rev{grid-template-columns:5fr 7fr}
@media(max-width:900px){.split,.split.rev{grid-template-columns:1fr;gap:var(--s4)}}
.sec-head{margin-bottom:var(--s5)}
.sec-head h2{margin-top:var(--s2);max-width:20ch}

/* card */
.card{background:var(--cb-surface);border:1px solid var(--cb-line-gold);border-radius:12px;padding:var(--s4);transition:border-color .16s ease-out}
.card:hover{border-color:var(--cb-line-gold-hi)}

/* plan / calculator */
.plan-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3);margin-bottom:var(--s4)}
.plan-steps.two{grid-template-columns:repeat(2,1fr)}
.step{padding:var(--s3);background:var(--cb-surface);border:1px solid var(--cb-line);border-radius:12px}
.step .fig{font-size:36px;color:var(--cb-gold);display:block;line-height:1.2}
.step p{font-size:14px;color:var(--cb-muted);margin-top:6px}
@media(max-width:768px){.plan-steps,.plan-steps.two{grid-template-columns:1fr}}
.calc label,.form label{display:block;font-size:13px;color:var(--cb-muted);margin-bottom:8px}
.seg{display:flex;gap:8px;margin-bottom:var(--s3);flex-wrap:wrap}
.seg button{font:500 13px/1 var(--sans);background:transparent;color:var(--cb-muted);border:1px solid var(--cb-line);border-radius:10px;padding:12px 18px;cursor:pointer;transition:border-color .16s,color .16s}
[dir=rtl] .seg button{font-family:var(--ar);font-size:14px}
.seg button[aria-pressed=true]{color:var(--cb-ivory);border-color:var(--cb-gold)}
select,input,textarea{width:100%;background:var(--cb-ink);color:var(--cb-ivory);border:1px solid var(--cb-line);border-radius:10px;padding:14px 16px;font:400 15px/1.4 var(--sans);transition:border-color .16s;appearance:none}
[dir=rtl] select,[dir=rtl] input,[dir=rtl] textarea{font-family:var(--ar)}
select{background-image:linear-gradient(45deg,transparent 50%,var(--cb-gold) 50%),linear-gradient(135deg,var(--cb-gold) 50%,transparent 50%);background-position:calc(100% - 22px) 50%,calc(100% - 16px) 50%;background-size:6px 6px;background-repeat:no-repeat}
[dir=rtl] select{background-position:22px 50%,16px 50%}
select:focus,input:focus,textarea:focus{outline:none;border-color:var(--cb-gold)}
.calc-out{margin-top:var(--s3);border-top:1px solid var(--cb-line-gold)}
.row{display:flex;justify-content:space-between;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--cb-line)}
.row span{color:var(--cb-muted);font-size:14px}
.row .fig{font-size:20px}
.row.hl .fig{font-size:30px;color:var(--cb-gold)}
.note{font-size:12px;color:var(--cb-dim);margin-top:var(--s2);line-height:1.6}

/* gallery */
.gal{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--s3)}
.gal figure{position:relative;overflow:hidden;border-radius:0}
.gal img{width:100%;height:100%;object-fit:cover}
.gal figcaption{position:absolute;inset:auto 0 0 0;padding:var(--s3);background:linear-gradient(180deg,rgba(10,11,15,0),rgba(10,11,15,.82));font-size:13px;color:var(--cb-ivory-warm)}
.g-a{grid-column:span 7;aspect-ratio:4/3}.g-b{grid-column:span 5;aspect-ratio:4/5}.g-c{grid-column:span 4;aspect-ratio:1}.g-d{grid-column:span 4;aspect-ratio:1}.g-e{grid-column:span 4;aspect-ratio:1}
@media(max-width:768px){.gal{grid-template-columns:1fr}.gal figure{grid-column:auto!important;aspect-ratio:4/3!important}}

/* list */
.list{list-style:none;border-top:1px solid var(--cb-line-gold)}
.list li{padding:18px 0;border-bottom:1px solid var(--cb-line);display:flex;gap:var(--s2);align-items:baseline}
.list li b{font-weight:500;color:var(--cb-ivory);min-width:2ch}
.list li .k{font-family:var(--mono);color:var(--cb-gold);font-size:12px;min-width:3ch}

/* form */
.form .grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}
.form .full{grid-column:1/-1}
.form .ph{display:grid;grid-template-columns:120px 1fr;gap:8px}
[dir=rtl] .form .ph{direction:ltr}
@media(max-width:768px){.form .grid{grid-template-columns:1fr}}
.consent{display:flex;gap:12px;align-items:flex-start;font-size:13px;color:var(--cb-muted)}
.consent input{width:18px;height:18px;flex:0 0 18px;margin-top:3px;appearance:auto;accent-color:var(--cb-gold);padding:0}
.err{display:none;color:var(--cb-critical);font-size:12px;margin-top:6px}
.is-invalid input,.is-invalid select{border-color:var(--cb-critical)}
.is-invalid .err{display:block}
.form-ok{display:none;text-align:center;padding:var(--s5) var(--s3)}
.form-ok.is-visible{display:block}
.form-ok .fig{color:var(--cb-gold)}
.hp{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}

/* footer */
footer{border-top:1px solid var(--cb-line-gold);padding:var(--s5) 0;color:var(--cb-dim);font-size:13px}
footer .wrap{display:grid;grid-template-columns:2fr 1fr;gap:var(--s4)}
@media(max-width:768px){footer .wrap{grid-template-columns:1fr}}
.wa-float{position:fixed;inset-inline-end:20px;bottom:20px;z-index:40;width:52px;height:52px;border-radius:50%;background:var(--cb-surface);border:1px solid var(--cb-line-gold);display:grid;place-items:center;transition:border-color .16s}
.wa-float:hover{border-color:var(--cb-gold)}
.wa-float svg{width:24px;height:24px;color:var(--cb-gold)}
@media(max-width:768px){.wa-float{bottom:88px}}
.sticky-cta{display:none}
@media(max-width:768px){.sticky-cta{display:block;position:fixed;inset:auto 0 0 0;z-index:45;padding:12px 20px;background:var(--cb-ink);border-top:1px solid var(--cb-line-gold)}.sticky-cta .btn{width:100%;justify-content:center}}

/* reveal */
.rv{opacity:0;transform:translateY(16px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}
.hero::before{content:"";position:absolute;inset:0 0 auto 0;height:220px;z-index:1;background:linear-gradient(180deg,rgba(10,11,15,.72),rgba(10,11,15,0))}
[dir=rtl] .fact .fig,[dir=rtl] .step .fig{text-align:right}
.wordmark{white-space:nowrap}
@media(max-width:768px){
  .hdr nav .btn{display:none}
  .wordmark{font-size:15px}.wordmark small{font-size:8px;letter-spacing:.22em}
  .wa-float{display:none}
  .sticky-cta{display:flex;gap:10px}
  .sticky-cta .btn{flex:1}
  .sticky-cta .wa-mini{flex:0 0 50px;height:50px;border:1px solid var(--cb-line-gold);border-radius:10px;display:grid;place-items:center;color:var(--cb-gold)}
  .sticky-cta .wa-mini svg{width:22px;height:22px}
  footer{padding-bottom:110px}
}
@media(max-width:768px){.sticky-cta{transform:translateY(110%);transition:transform .24s ease-out}.sticky-cta.on{transform:none}}