/* Space Grotesk (SIL OFL 1.1, see fonts/OFL.txt), self-hosted latin subset, variable 300-700 */
@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:300 700;font-display:swap;src:url(fonts/space-grotesk-latin-var.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--ink:#0B0B0F;--org:#FF5A1F;--sand:#E9DCC6;--mut:#9a958c}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}
body{font-family:"Space Grotesk",system-ui,sans-serif;background:var(--ink);color:#f4efe6;line-height:1.5}
a{color:inherit}
.banner{background:var(--org);color:var(--ink);text-align:center;padding:.55rem 1rem;font-size:.9rem}.banner a{font-weight:700;margin-left:.5rem}
.nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 5vw;position:sticky;top:0;background:rgba(11,11,15,.85);backdrop-filter:blur(8px);z-index:10}
.logo{font-weight:700;text-decoration:none;letter-spacing:.04em}.logo span{color:var(--org)}
.nav nav{display:none;gap:1.5rem}.nav nav a{text-decoration:none;opacity:.8}
.hero{display:grid;gap:1rem;padding:2rem 5vw 3rem;min-height:80vh;align-items:center}
.eyebrow{color:var(--org);text-transform:uppercase;letter-spacing:.15em;font-size:.8rem}
h1{font-size:clamp(2.6rem,9vw,6.2rem);line-height:.95;letter-spacing:-.03em;margin:.6rem 0 1rem}h1 em{color:var(--org);font-style:normal}
.lead{font-size:1.15rem;max-width:34rem;color:#cfc8bb}
.ctas{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.6rem}
.btn{display:inline-block;background:var(--org);color:var(--ink);font-weight:700;padding:.95rem 1.5rem;border-radius:999px;text-decoration:none;border:0;font:inherit;font-weight:700;cursor:pointer;transition:transform .2s}
.btn:hover{transform:translateY(-2px)}.btn.ghost{background:transparent;color:#f4efe6;border:1px solid #444}
.hero-3d{position:relative;aspect-ratio:4/5;max-height:70vh;width:100%;background:radial-gradient(circle at 50% 60%,#2a1a12,transparent 65%)}
.hero-3d .poster,.hero-3d model-viewer{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
model-viewer{--poster-color:transparent;background:transparent}
.hint{position:absolute;bottom:.5rem;width:100%;text-align:center;font-size:.8rem;color:var(--mut)}
.sec{padding:4.5rem 5vw}.sec h2{font-size:clamp(2rem,6vw,3.8rem);letter-spacing:-.02em;margin-bottom:2rem}
.sub{color:var(--mut);margin:-1.2rem 0 2rem}
.grid4,.grid3,.prices{display:grid;gap:1rem}
.card{border:1px solid #26262c;border-radius:20px;padding:1.6rem;background:#121217;transition:border-color .3s,transform .3s}
.card:hover{border-color:var(--org);transform:translateY(-4px)}
.num{color:var(--org);font-weight:700}.card h3{font-size:1.4rem;margin:.6rem 0}.card p{color:#bdb6aa}.from{margin-top:1rem;color:var(--sand)!important;font-weight:700}
.ph{aspect-ratio:4/3;border:2px dashed #3a3a42;border-radius:20px;display:grid;place-items:center;color:var(--mut);background:repeating-linear-gradient(45deg,#111116 0 12px,#15151b 12px 24px)}
.sand{background:var(--sand);color:var(--ink)}
.steps{list-style:none;padding:0;display:grid;gap:1.4rem}.steps b{display:inline-grid;place-items:center;width:3rem;height:3rem;border-radius:50%;background:var(--ink);color:var(--org);font-size:1.3rem}
.steps h3{font-size:1.4rem;margin:.6rem 0 .3rem}
.prices>div{border-top:2px solid var(--org);padding:1.2rem 0}.prices h3{font-weight:500;color:var(--sand)}.big{font-size:2rem;font-weight:700;letter-spacing:-.02em}.prices p:last-child{color:var(--mut)}
details{border-bottom:1px solid #26262c;padding:1.1rem 0}summary{font-size:1.2rem;font-weight:500;cursor:pointer}details p{color:#bdb6aa;margin-top:.6rem;max-width:46rem}
.dark{background:#121217}
form{display:grid;gap:1rem;max-width:56rem}label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;color:var(--sand)}
input,select,textarea{font:inherit;padding:.8rem;border-radius:12px;border:1px solid #33333a;background:var(--ink);color:#f4efe6}
input:focus,select:focus,textarea:focus{outline:2px solid var(--org)}small{color:var(--mut)}
footer{padding:2.5rem 5vw 6rem;color:var(--mut);font-size:.9rem}.credit{margin-top:.4rem;font-size:.8rem}
.sticky{position:fixed;right:1rem;bottom:1rem;z-index:20;background:var(--org);color:var(--ink);font-weight:700;padding:.9rem 1.4rem;border-radius:999px;text-decoration:none;box-shadow:0 8px 30px rgba(255,90,31,.4)}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}
@media(min-width:720px){.grid4,.prices{grid-template-columns:repeat(2,1fr)}.grid3{grid-template-columns:repeat(3,1fr)}.steps{grid-template-columns:repeat(4,1fr)}form{grid-template-columns:1fr 1fr}.full{grid-column:1/-1}.nav nav{display:flex}}
@media(min-width:1024px){.hero{grid-template-columns:1.1fr .9fr}.grid4,.prices{grid-template-columns:repeat(4,1fr)}}
/* ---- audit fixes ---- */
.skip{position:absolute;left:-999px;top:0;background:var(--org);color:var(--ink);padding:.6rem 1rem;z-index:99;font-weight:700}.skip:focus{left:1rem;top:1rem}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--org);outline-offset:3px}
.nav nav{display:flex;gap:1.2rem}.nav nav a:not(.navcta){display:none}
.navcta{border:1px solid var(--org);border-radius:999px;padding:.4rem .9rem;font-weight:700;opacity:1!important}
.trust{list-style:none;padding:0;margin-top:1.4rem;display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;color:var(--sand);font-size:.9rem}.trust li::before{content:"✓ ";color:var(--org)}
.grid5{display:grid;gap:1rem}.cta-row{margin-top:2rem}
.btn{min-height:48px}
.hp{position:absolute;left:-9999px}
.chk{flex-direction:row;align-items:center;gap:.6rem}.chk input{width:1.2rem;height:1.2rem}
.sticky{bottom:max(1rem,env(safe-area-inset-bottom))}
@media(min-width:720px){.nav nav a:not(.navcta){display:inline}.grid5{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.grid5{grid-template-columns:repeat(5,1fr)}.grid5 .card{padding:1.3rem}}
/* ---- National Day section ---- */
.nd{background:linear-gradient(180deg,#0f1512,#0B0B0F)}.nd .lead{margin-bottom:1.4rem}
.dates{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.dates li{border:1px solid #2c3a31;border-left:4px solid #EF3340;border-radius:14px;padding:.8rem 1.1rem;display:flex;flex-direction:column}.dates b{font-size:1.6rem;color:#fff}.dates span{color:var(--sand);font-size:.9rem}
.ndgrid{display:grid;gap:1rem}.ndcard{margin:0;background:#121217;border:1px solid #26262c;border-radius:20px;overflow:hidden}.ndimg{display:block;width:100%;height:auto}
.concept-tag{font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:var(--sand);padding:.3rem .8rem;display:inline-block;margin:.8rem 1.2rem 0;border-radius:999px}
.ndcard figcaption{padding:.6rem 1.2rem 1.3rem}.ndcard h3{margin:.3rem 0}.ndcard p{color:#bdb6aa}
.small-note{color:var(--sand);margin-left:.8rem;font-size:.9rem}.fine{color:var(--mut);font-size:.8rem;margin-top:1rem}
.flinks{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;margin-bottom:1rem}.flinks a{color:var(--sand)}
@media(min-width:720px){.ndgrid{grid-template-columns:repeat(3,1fr)}}
.ndimgwrap{position:relative}.ndimgwrap .concept-tag{position:absolute;top:.7rem;left:.7rem;margin:0}
.cta-row{display:flex;flex-wrap:wrap;gap:.8rem}
@media(min-width:1024px){.ndgrid{grid-template-columns:repeat(4,1fr)}}
/* ---- landing pages ---- */
.crumbs{padding:1rem 5vw 0;color:var(--mut);font-size:.85rem}.crumbs a{color:var(--sand)}
.lp-hero{min-height:auto;padding-top:1.5rem}.lp-hero h1{font-size:clamp(2.2rem,7vw,4.8rem)}
.lp-list{padding-left:1.2rem;display:grid;gap:.5rem;color:#cfc8bb;max-width:46rem}.lp-list li::marker{color:var(--org)}
.lp .reveal{opacity:1;transform:none}


/* ---- added animations ---- */
.hero-txt>*{opacity:0;transform:translateY(24px);animation:up .8s cubic-bezier(.2,.7,.2,1) forwards}
.hero-txt>*:nth-child(1){animation-delay:.1s}.hero-txt>*:nth-child(2){animation-delay:.25s}.hero-txt>*:nth-child(3){animation-delay:.4s}.hero-txt>*:nth-child(4){animation-delay:.55s}
.hero-3d{animation:spinIn 1.4s .3s cubic-bezier(.2,.7,.2,1) both}
@keyframes up{to{opacity:1;transform:none}}
@keyframes spinIn{from{opacity:0;transform:perspective(900px) rotateY(-70deg) scale(.85)}to{opacity:1;transform:none}}
.btn,.sticky{transition:transform .2s,box-shadow .25s}.btn:hover,.sticky:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(255,90,31,.45)}
.btn.ghost:hover{border-color:var(--org);box-shadow:0 0 0 1px var(--org),0 10px 30px rgba(255,90,31,.2)}
.card{transition:border-color .3s,transform .3s,box-shadow .3s}.card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(255,90,31,.18)}
.prices>div{transition:transform .3s}.prices>div:hover{transform:translateY(-4px)}
.nav nav a{transition:opacity .2s,color .2s}.nav nav a:hover{opacity:1;color:var(--org)}
.grid4 .reveal:nth-child(2),.prices .reveal:nth-child(4n+2),.steps .reveal:nth-child(2){transition-delay:.1s}
.grid4 .reveal:nth-child(3),.prices .reveal:nth-child(4n+3),.steps .reveal:nth-child(3){transition-delay:.2s}
.grid4 .reveal:nth-child(4),.prices .reveal:nth-child(4n+4),.steps .reveal:nth-child(4){transition-delay:.3s}
input,select,textarea{transition:border-color .2s,box-shadow .25s}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--org);box-shadow:0 0 0 3px rgba(255,90,31,.25),0 0 22px rgba(255,90,31,.25)}
label.bad input{border-color:#ff4d4d;animation:shake .35s}.err{color:#ff7a7a;font-size:.8rem;min-height:1em}
@keyframes shake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
.ok{display:none;grid-column:1/-1;padding:1.2rem;border:1px solid var(--org);border-radius:14px;color:var(--sand)}
.ok.show{display:flex;gap:.8rem;align-items:center;animation:up .6s forwards;opacity:0;transform:translateY(12px)}
.ok svg path{stroke-dasharray:30;stroke-dashoffset:30;animation:draw .6s .2s forwards}@keyframes draw{to{stroke-dashoffset:0}}
details p{animation:up .4s}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero-txt>*,.hero-3d{opacity:1;transform:none}.ok.show{opacity:1;transform:none}}


/* ---- v2: filament palette ---- */
:root{--blue:#2D7BFF;--lime:#B6FF3B;--mag:#FF2BD6;--gold:#E8B84A;--teal:#2FE0C8;--white:#F4F1EA;
--fil:linear-gradient(90deg,#FF5A1F,#E8B84A,#B6FF3B,#2FE0C8,#2D7BFF,#FF2BD6,#FF5A1F)}
body{background:radial-gradient(1200px 600px at 85% -10%,rgba(45,123,255,.14),transparent 60%),radial-gradient(900px 500px at -10% 30%,rgba(255,43,214,.10),transparent 60%),var(--ink)}
.banner{background:var(--fil);background-size:200% 100%;animation:flow 12s linear infinite}
@keyframes flow{to{background-position:200% 0}}
.logo span,h1 em{background:linear-gradient(90deg,#FF5A1F,#FF2BD6,#2D7BFF);-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow{background:linear-gradient(90deg,#FF5A1F,#E8B84A);-webkit-background-clip:text;background-clip:text;color:transparent}
.btn:not(.ghost){background:linear-gradient(135deg,#FF5A1F,#FF2BD6)}
.hero-3d{background:radial-gradient(circle at 50% 60%,color-mix(in srgb,var(--glow,#FF5A1F) 28%,transparent),transparent 62%);transition:background .9s}
.sec{position:relative}.sec::before{content:"";position:absolute;left:0;right:0;top:0;height:9px;background:repeating-linear-gradient(180deg,transparent 0 2px,#000 2px 3px),var(--fil);background-size:auto,200% 100%;opacity:.75;animation:flow 18s linear infinite}
.sec h2{background:linear-gradient(90deg,#f4efe6 40%,var(--h2,#FF5A1F));-webkit-background-clip:text;background-clip:text;color:transparent}
.sand h2{background:none;color:var(--ink)}
.card{--c:#FF5A1F;position:relative}.card:nth-child(2){--c:#2D7BFF}.card:nth-child(3){--c:#E8B84A}.card:nth-child(4){--c:#B6FF3B}
.card::before{content:"";position:absolute;inset:-1px;border-radius:20px;background:radial-gradient(120% 80% at 0 0,var(--c),transparent 55%);opacity:.18;transition:opacity .3s;pointer-events:none}
.card .num{color:var(--c)}.card{border-top:3px solid var(--c)}
.card:hover{border-color:var(--c);box-shadow:0 18px 50px -10px var(--c)}.card:hover::before{opacity:.35}
.prices>div{--c:#FF5A1F}.prices>div:nth-child(8n+2){--c:#2D7BFF}.prices>div:nth-child(8n+3){--c:#B6FF3B}.prices>div:nth-child(8n+4){--c:#FF2BD6}.prices>div:nth-child(8n+5){--c:#E8B84A}.prices>div:nth-child(8n+6){--c:#2FE0C8}.prices>div:nth-child(8n+7){--c:#F4F1EA}.prices>div:nth-child(8n+8){--c:#FF5A1F}
.prices>div{border-top-color:var(--c)}.prices .big{color:var(--c);text-shadow:0 0 24px color-mix(in srgb,var(--c) 40%,transparent)}
.steps b{background:linear-gradient(135deg,#FF5A1F,#FF2BD6);color:#fff}
.sticky{background:linear-gradient(135deg,#FF5A1F,#FF2BD6);color:#fff}
.ph{border-image:var(--fil) 1;border-style:dashed}
/* swatches on tower */
.tsw{position:absolute;top:.6rem;left:50%;transform:translateX(-50%);display:flex;gap:.45rem;z-index:3;background:rgba(11,11,15,.6);padding:.4rem .55rem;border-radius:999px;backdrop-filter:blur(6px)}
.tsw button{width:22px;height:22px;border-radius:50%;border:2px solid #0b0b0f;outline:1px solid #444;cursor:pointer;background:var(--c);transition:transform .2s,outline-color .2s}
.tsw button:hover{transform:scale(1.2)}.tsw button[aria-pressed=true]{outline:2px solid #fff;transform:scale(1.15)}
/* materials strip */
.mats{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.mat{border:1px solid #26262c;border-radius:18px;padding:1rem;background:#121217;transition:transform .3s,box-shadow .3s,border-color .3s}
.mat:hover{transform:translateY(-6px) rotate(-1deg);border-color:var(--c);box-shadow:0 16px 40px -12px var(--c)}
.spool{height:70px;border-radius:12px;margin-bottom:.8rem;background:var(--s);position:relative;overflow:hidden;transition:transform .5s}
.spool::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 5px,rgba(0,0,0,.18) 5px 6px)}
.mat:hover .spool{transform:scale(1.04)}
.mat.silk .spool::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.6) 50%,transparent 70%);transform:translateX(-100%);transition:transform .8s;z-index:1}.mat.silk:hover .spool::before{transform:translateX(100%)}
.mat.glow:hover .spool{box-shadow:0 0 30px #B6FF3B}
.mat h3{font-size:1rem}.mat p{font-size:.82rem;color:#bdb6aa;margin-top:.3rem}.mat small{display:block;margin-top:.5rem;font-size:.72rem}
/* ---- r5: catalogue, why, procurement, portfolio, CTA band ---- */
.leadtime{color:var(--mut);font-size:.88rem;margin-top:1rem;max-width:40rem}
.btn.sm{padding:.6rem 1.1rem;min-height:40px;font-size:.9rem}
.who{max-width:46rem;margin-bottom:1.5rem}
.why{list-style:none;padding:0;display:grid;gap:1rem}.why li{background:#121217;border:1px solid #26262c;border-radius:16px;padding:1rem 1.2rem;display:flex;flex-direction:column;gap:.2rem}.why b{color:#fff}.why span{color:#bdb6aa;font-size:.92rem}
.proc{margin-top:2rem;border:1px solid var(--org);border-radius:18px;padding:1.2rem 1.4rem;background:rgba(255,90,31,.06)}.proc h3{margin-bottom:.6rem}.proc ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.proc li{background:#1a1a20;border-radius:999px;padding:.35rem .8rem;font-size:.88rem;color:var(--sand)}
.ndcta{display:flex;flex-wrap:wrap;gap:1.2rem;align-items:center;margin-top:2rem}
.covercard{display:flex;gap:1rem;align-items:center;text-decoration:none;background:#121217;border:1px solid #2c3a31;border-radius:16px;padding:.7rem 1.1rem .7rem .7rem;max-width:26rem}.covercard img{width:72px;height:auto;border-radius:6px;box-shadow:0 6px 18px rgba(0,0,0,.5)}.covercard span{display:flex;flex-direction:column}.covercard small{color:var(--mut)}
.covercard:hover{border-color:var(--org)}
.big-dl{font-size:1.05rem;padding:1.1rem 1.8rem}
.chips{display:flex;gap:.5rem;overflow-x:auto;padding:.4rem 0 1rem;margin:1.2rem 0 .4rem;scrollbar-width:none}.chip{flex:none;font:inherit;font-size:.9rem;background:#121217;color:#f4efe6;border:1px solid #33333a;border-radius:999px;padding:.55rem 1rem;cursor:pointer;min-height:44px}.chip[aria-pressed=true]{background:var(--org);color:var(--ink);border-color:var(--org);font-weight:700}
.cgrid{display:grid;gap:1rem}.ccard{background:#121217;border:1px solid #26262c;border-radius:18px;overflow:hidden;display:flex;flex-direction:column}.ccard[hidden]{display:none}.ccard img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;background:#1a1a20}
.cbody{padding:1rem 1.1rem 1.2rem;display:flex;flex-direction:column;gap:.4rem;flex:1}.cbody h3{font-size:1.15rem}.cbody p{color:#bdb6aa;font-size:.92rem}.cbody .spec{color:var(--sand);font-size:.82rem}.cbody .btn{margin-top:auto;align-self:flex-start}
.instock{color:#B6FF3B!important}
.pgrid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.pitem{all:unset;cursor:pointer;border-radius:16px;overflow:hidden;background:#121217;border:1px solid #26262c}.pitem img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.pitem span{display:flex;flex-direction:column;padding:.7rem 1rem}.pitem:focus-visible{outline:3px solid var(--org)}
#lightbox{border:0;padding:0;background:#0B0B0F;color:#f4efe6;max-width:min(92vw,1100px);border-radius:16px}#lightbox::backdrop{background:rgba(0,0,0,.8)}#lightbox img{display:block;max-width:100%;max-height:80vh}.lbcap{padding:.8rem 1rem}.lbclose{position:absolute;top:.4rem;right:.6rem;font-size:2rem;background:none;border:0;color:#fff;cursor:pointer}
.contact-alt{margin-top:1.4rem;color:var(--mut);display:flex;flex-wrap:wrap;gap:1rem;align-items:center}
.ctaband{text-align:center;background:linear-gradient(135deg,#FF5A1F,#FF2BD6);color:var(--ink)}.ctaband h2{background:none!important;-webkit-text-fill-color:var(--ink);color:var(--ink)!important;margin-bottom:.6rem}.ctaband p{margin-bottom:1.4rem;font-weight:500}.ctaband .btn{background:var(--ink)!important;color:#fff}
label.bad select{border-color:#ff4d4d}
@media(min-width:720px){.why{grid-template-columns:repeat(3,1fr)}.cgrid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.cgrid{grid-template-columns:repeat(4,1fr)}}
/* ---- QA fixes 17 Oct ---- */
[hidden]{display:none!important}
summary{min-height:44px;display:flex;align-items:center;padding:.4rem 0}
.logo{display:inline-block;padding:.6rem 0}
.chk{padding:.4rem 0;min-height:44px}.chk input{width:1.5rem;height:1.5rem;flex:none}
/* ---- legal pages, thanks page, form file fields (18 Oct) ---- */
fieldset.files{border:0;padding:0;margin:0;display:grid;gap:.5rem;min-width:0}fieldset.files legend{font-size:.9rem;color:var(--sand);margin-bottom:.35rem;padding:0}
fieldset.files input{width:100%;max-width:100%}
.chk a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.legal{max-width:48rem}.legal h1{font-size:clamp(2.2rem,7vw,3.6rem);line-height:1.05;margin:.4rem 0 .6rem}
.legal h2{font-size:clamp(1.3rem,4vw,1.7rem)!important;margin:2.2rem 0 .7rem!important}.legal p{margin:.6rem 0;color:#C3CCDA}.legal .lead{color:#D9DFEA;margin-bottom:1rem}
.legal a{color:var(--sand)}.legal code{font-size:.9em;background:rgba(255,255,255,.08);padding:.05rem .3rem;border-radius:4px;overflow-wrap:anywhere}
.legal .lp-list{margin:.6rem 0;color:#C3CCDA}.updated{color:var(--mut);font-size:.9rem}
.legal.sec::before{display:none}
.thanks{min-height:50vh}.thanks h1{font-size:clamp(2.2rem,7vw,4rem);margin-bottom:1rem}
.flinks.legal{max-width:none;margin-top:-.4rem}
/* BRAND-THEME:START (generated by brand.apply_css from brand.json; edit the theme file, not this block) */
/* Text-wordmark theme (used until a logo is approved): navy #001F4D and cream #FCFBF7. Filament accents kept for energy. */
:root{--navy:#001F4D;--cream:#FCFBF7;--ink:#000F26;--panel:#06234F;--line:#1B3A68;--sand:#EADFC8;--mut:#A9B4C6}
body{color:var(--cream);background:radial-gradient(1200px 600px at 85% -10%,rgba(45,123,255,.16),transparent 60%),radial-gradient(900px 500px at -10% 30%,rgba(255,43,214,.08),transparent 60%),var(--ink)}
.lead,.lp-list{color:#D9DFEA}.card p,details p,.ndcard p,.why span,.cbody p,.mat p{color:#C3CCDA}
/* header: cream bar so the full-colour logo sits on its own background */
.nav{background:var(--cream);backdrop-filter:none;color:var(--navy);padding:.7rem 5vw;box-shadow:0 1px 0 rgba(0,31,77,.12)}
.nav nav a{color:var(--navy);opacity:.85}.nav nav a:hover{color:var(--navy);opacity:1;text-decoration:underline;text-underline-offset:4px}
.navcta{border-color:var(--navy)!important;background:var(--navy);color:var(--cream)!important}.nav nav a.navcta:hover{text-decoration:none;background:#0A3270}
.logo{display:inline-flex;align-items:center;padding:0;line-height:0;flex:none}
.logo-img{display:block;height:34px;width:auto}
@media(min-width:720px){.logo-img{height:40px}}
.nav a:focus-visible{outline-color:var(--navy)}
/* surfaces */
.card,.why li,.ccard,.mat,.ndcard,.covercard,.pitem,.chip{background:var(--panel);border-color:var(--line)}
.dark,#lightbox{background:#031A3D}
details{border-bottom-color:var(--line)}
input,select,textarea{background:var(--ink);border-color:#2A4A78;color:var(--cream)}
.nd{background:linear-gradient(180deg,#04213F,var(--ink))}
.proc li{background:#0B2B5C}
.tsw{background:rgba(0,15,38,.6)}.tsw button{border-color:var(--ink)}
.ph{background:repeating-linear-gradient(45deg,#03193A 0 12px,#062044 12px 24px)}
.sec h2{background:linear-gradient(90deg,var(--cream) 40%,var(--h2,#FF5A1F));-webkit-background-clip:text;background-clip:text;color:transparent}
.sand{background:var(--cream);color:var(--navy)}.sand h2{color:var(--navy)}.steps b{color:#fff}
.ctaband .btn{background:var(--navy)!important;color:var(--cream)}
.btn:not(.ghost),.sticky,.chip[aria-pressed=true]{color:var(--navy)}
.btn.ghost{color:var(--cream);border-color:#3A5A88}
/* footer: navy with the white logo */
footer{background:var(--navy);color:#C3CCDA;padding-top:2.2rem}.flinks a{color:var(--cream)}
.flogo{margin-bottom:1.4rem;line-height:0}.flogo img{height:48px;width:auto;max-width:100%}
@media(min-width:720px){.flogo img{height:56px}}
/* text wordmark in the cream header */
.logo{display:inline-block;padding:.35rem 0;line-height:1.1;color:var(--navy);font-weight:700;letter-spacing:.03em;font-size:1.02rem;white-space:nowrap}
.logo span{background:none;-webkit-background-clip:initial;background-clip:initial;color:#E5481A}
@media(max-width:420px){.logo{font-size:.8rem;white-space:normal;max-width:10em;margin-right:.6rem}}
/* BRAND-THEME:END */

/* About Jad */
.about-band{border-top:1px solid #222228;border-bottom:1px solid #222228}.about-band h2{margin-bottom:1.2rem}.about-copy{max-width:40rem;display:grid;gap:1rem}.about-copy p{color:#d9d2c6}
.about-story{max-width:42rem;margin:0 auto}.about-story h1{font-size:clamp(2.2rem,7vw,4rem)}.about-story h2{font-size:clamp(1.4rem,4vw,2rem);margin:2.2rem 0 .6rem;color:var(--sand)}.about-story p{color:#d9d2c6;margin-bottom:.8rem}.about-story .ctas{margin-top:2rem;display:flex;flex-wrap:wrap;gap:.8rem}