:root{--bg:#080909;--panel:#101111;--panel2:#161717;--gold:#d7af5d;--gold2:#96743c;--white:#f5f3ec;--muted:#969691;--line:#33302a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.grain{pointer-events:none;position:fixed;inset:0;opacity:.13;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.14' filter='url(%23n)'/%3E%3C/svg%3E")}.nav{height:83px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #252421;position:sticky;top:0;background:#090909ed;backdrop-filter:blur(18px);z-index:8}.logo{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--white)}.logo-mark{font-size:32px;font-weight:900;letter-spacing:-3px}.logo-mark span{color:var(--gold);font-size:19px;vertical-align:top;letter-spacing:0}.logotype{font-size:14px;font-weight:800;letter-spacing:3px;display:flex;flex-direction:column}.logotype small{font-size:8px;font-weight:500;color:var(--gold);letter-spacing:3.1px;margin-top:3px}.nav nav{display:flex;gap:35px}.nav nav a{font-size:12px;text-decoration:none;color:#c8c6bd;text-transform:uppercase;letter-spacing:1.5px}.nav nav a:hover{color:var(--gold)}.button{border:1px solid var(--line);padding:15px 22px;color:var(--white);background:transparent;border-radius:3px;font-weight:700;font-size:12px;letter-spacing:1px;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:space-between;gap:20px;text-decoration:none;transition:.25s}.button:hover{transform:translateY(-2px)}.button.small{padding:12px 16px}.button.gold{background:linear-gradient(110deg,#ad8547,#e9c77c,#ac8140);color:#18130c;border-color:#dcb776}.button.outline:hover,.button.ghost:hover{border-color:var(--gold);color:var(--gold)}.button:disabled{opacity:.3;cursor:not-allowed}.hero{min-height:700px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:20px;overflow:hidden;padding:85px 7%;background:radial-gradient(ellipse at 82% 50%,#291f1155,transparent 45%),linear-gradient(90deg,#080909,#0c0c0b)}.hero-copy{z-index:2}.eyebrow{font-size:10px;font-weight:750;color:var(--gold);letter-spacing:3px;text-transform:uppercase}.pulse{display:inline-block;width:7px;height:7px;background:var(--gold);border-radius:50%;margin-right:8px;box-shadow:0 0 10px var(--gold);animation:pulse 2s infinite}@keyframes pulse{50%{opacity:.4;transform:scale(.8)}}h1,h2,h3,h4,p{margin-top:0}.hero h1{font-size:clamp(55px,6vw,100px);letter-spacing:-5px;line-height:.97;max-width:810px;margin:31px 0 28px;font-weight:800}.hero h1 em,h2 em{font-style:normal;color:var(--gold)}.hero p{max-width:540px;font-size:15px;line-height:1.95;color:#bab9b4}.actions{display:flex;gap:15px;margin:36px 0 65px}.hero-facts{display:flex;gap:48px}.hero-facts div{display:flex;flex-direction:column;gap:8px}.hero-facts strong{font-size:26px;color:var(--gold);font-weight:600}.hero-facts span{font-size:9px;letter-spacing:2px;color:#8b8983}.hero-art{height:540px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #aa874b70;border-radius:50%;aspect-ratio:1;animation:spin 34s linear infinite}.orbit-one{width:75%;border-style:dashed}.orbit-two{width:92%;border-color:#b88a3b3b;animation-direction:reverse}.orbit-three{width:58%;box-shadow:0 0 60px #a8802511,inset 0 0 50px #a8802514}.orbit::before{content:"";position:absolute;left:50%;top:-5px;background:var(--gold);height:9px;width:9px;border-radius:50%;box-shadow:0 0 16px var(--gold)}@keyframes spin{to{transform:rotate(360deg)}}.core{width:45%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 28%,#f7df9f,#ad7c2e 36%,#3e280e 68%,#14100c 83%);box-shadow:0 0 90px #d4a54633,0 0 180px #d4a5461a,inset -20px -40px 55px #000b;display:grid;place-items:center;animation:breath 4s ease-in-out infinite}@keyframes breath{50%{box-shadow:0 0 110px #d4a54655,0 0 200px #d4a54623,inset -20px -40px 55px #000b}}.core-inner{width:75%;height:75%;border:1px solid #ffdda65e;border-radius:50%;display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:47px;letter-spacing:-4px;font-weight:900;color:#17120a;text-shadow:0 1px 1px #ffe3a6}.core-inner span{color:#fff5cf;font-size:19px;letter-spacing:0}.core-inner small{font-size:8px;color:#241a0c;letter-spacing:3px;margin-top:10px}.floatchip{position:absolute;background:#10100eeb;border:1px solid #80663e;padding:12px 15px;font-size:9px;letter-spacing:2px;color:#ebcb8b;box-shadow:0 10px 35px #0009}.chip-a{left:0;top:21%}.chip-b{right:-4%;top:45%}.chip-c{left:4%;bottom:16%}.ribbon{display:flex;gap:35px;justify-content:center;flex-wrap:wrap;padding:19px 20px;background:#1a1711;border-top:1px solid #513c20;border-bottom:1px solid #513c20;color:#c7a66d;font-size:10px;letter-spacing:2px}.section{padding:110px 7%}.section-head{max-width:760px;margin-bottom:54px}.section h2,.cta h2{font-size:clamp(35px,4.2vw,66px);line-height:1.08;letter-spacing:-2px;margin:18px 0}.section-head p,.cta p{color:var(--muted);max-width:650px;line-height:1.8}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.step{padding:31px 24px;background:linear-gradient(155deg,#1c1914,#111212 60%);border:1px solid #302b22;min-height:270px}.step>span,.feature-grid article>span{font-size:11px;color:var(--gold)}.step-icon{margin:24px 0;font-size:34px;color:var(--gold)}.step h3{font-size:16px;letter-spacing:1px}.step p,.feature-grid p{font-size:13px;color:#aaa9a3;line-height:1.8}.feature-section{background:#0d0e0e}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#302d27;border:1px solid #302d27}.feature-grid article{background:#111212;padding:38px;min-height:225px}.feature-grid article h3{margin-top:32px}.cta{padding:90px 7%;display:flex;justify-content:space-between;align-items:center;gap:30px;background:linear-gradient(100deg,#211a10,#0c0d0d 70%);border-top:1px solid #4e3c21;border-bottom:1px solid #4e3c21}.cta h2{font-size:clamp(32px,3.5vw,56px)}.workspace{background:#0b0c0c}.workspace-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.workspace-head p{color:var(--muted);font-size:13px;max-width:750px;line-height:1.7}.mode-pill{font-size:9px;color:var(--gold);border:1px solid #5d4929;padding:10px 13px;white-space:nowrap}.workspace-shell{min-height:700px;display:grid;grid-template-columns:230px 1fr;border:1px solid #3d3527;background:#101111}.sidebar{background:#121210;border-right:1px solid #302b22;padding:28px 17px;display:flex;flex-direction:column}.side-title{color:#6f6a5c;font-size:10px;letter-spacing:3px;margin:7px 15px 23px}.side-link{text-align:left;width:100%;background:none;border:1px solid transparent;color:#999b98;padding:16px 13px;font-size:12px;letter-spacing:.3px}.side-link.active,.side-link:hover{background:#2a2318;color:var(--gold);border-color:#51402a}.side-foot{margin-top:auto;padding:25px 13px 0;color:var(--gold);font-size:9px;line-height:2;letter-spacing:1px}.side-foot span{color:#777}.work-main{padding:35px;min-width:0}.panel{display:none}.panel.active{display:block}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:20px}.panel h3{font-size:19px;letter-spacing:1px;margin:0 0 10px}.panel-heading p{color:#9b9b96;font-size:12px;margin:0;line-height:1.5}.step-tag,.tag-warn{font-size:9px;letter-spacing:1px;color:var(--gold);border:1px solid #55462c;padding:10px}.tag-warn{color:#b5aa94}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid label,.full-label{display:flex;flex-direction:column;gap:10px;font-size:11px;letter-spacing:.5px;color:#bbb9b1;margin-bottom:19px}input:not([type=checkbox]),textarea,select{width:100%;border:1px solid #38352f;background:#181919;color:var(--white);border-radius:2px;padding:14px;outline:none;font-size:13px}input:focus,textarea:focus,select:focus{border-color:var(--gold)}textarea{resize:vertical}.form-subheading{font-size:11px;letter-spacing:1.8px;color:var(--gold);margin:22px 0}.checkbox-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.checkbox-grid label{font-size:12px;color:#c7c6c0;background:#171817;border:1px solid #302e29;padding:13px;cursor:pointer;display:flex;gap:10px;align-items:center}.checkbox-grid input{accent-color:#d7af5d}.panel-actions{display:flex;gap:12px;margin-top:29px}.hidden{display:none!important}.result{margin-top:35px;padding:26px;border:1px solid #69522d;background:linear-gradient(145deg,#201a11,#121414)}.result-top{display:flex;justify-content:space-between;gap:15px;align-items:center}.result h3{font-size:24px;color:var(--gold)}.price{font-size:40px;letter-spacing:-2px;color:#f1d197;font-weight:800}.subtle{font-size:11px;line-height:1.7;color:#999}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:25px 0}.metric{background:#111211;padding:16px;border:1px solid #373126}.metric small{display:block;color:#999;font-size:10px;margin-bottom:10px}.metric b{font-size:18px}.reason{font-size:12px;color:#bcbaaF;line-height:1.8}.cost-table{width:100%;border-collapse:collapse;margin:20px 0;font-size:12px}.cost-table th,.cost-table td{text-align:left;border-bottom:1px solid #39342b;padding:10px}.cost-table th{color:var(--gold);font-size:10px;letter-spacing:1px}.cost-table td:last-child,.cost-table th:last-child{text-align:right}.records{display:grid;gap:10px}.record{border:1px solid #3b3327;padding:20px;display:flex;justify-content:space-between;gap:15px;align-items:center}.record b{display:block;font-size:14px;margin-bottom:8px}.record small{color:#999}.record-actions{display:flex;gap:7px}.record-actions button{border:1px solid #55482f;background:none;color:var(--gold);padding:9px;font-size:11px}.info-callout{padding:20px;border:1px solid #68512f;color:#ccb990;font-size:12px;line-height:1.8;margin-bottom:19px}.benchmark-card{padding:22px;border:1px solid #343028;display:flex;justify-content:space-between;gap:20px;margin-bottom:10px}.benchmark-card b{font-size:13px}.benchmark-card p{color:#999;font-size:12px;margin:8px 0 0;line-height:1.6}.benchmark-card span{font-size:9px;color:var(--gold)}.agents-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.agents-grid>div{background:#181715;border:1px solid #3f3627;padding:25px 12px;display:flex;align-items:center;flex-direction:column;text-align:center;gap:11px}.agents-grid span{height:72px;width:72px;border-radius:50%;border:1px solid #9e7c44;background:radial-gradient(circle,#6c522a,#211c14);display:grid;place-items:center;font-size:21px;color:#edce91}.agents-grid b{font-size:12px}.agents-grid small{color:#999;font-size:11px}footer{padding:40px 7%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #282720}footer p{font-size:9px;color:#76746d;letter-spacing:1.5px;margin:0}@media(max-width:950px){.nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:70px}.hero-art{height:420px}.hero h1{max-width:720px}.steps,.feature-grid{grid-template-columns:repeat(2,1fr)}.workspace-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid #302b22;display:flex;flex-direction:row;flex-wrap:wrap;gap:5px}.side-title,.side-foot{display:none}.side-link{width:auto}.cta{flex-direction:column;align-items:flex-start}}@media(max-width:600px){.nav{padding:0 5%}.nav>.button{font-size:9px;padding:10px}.hero{padding:75px 6%}.hero h1{font-size:52px;letter-spacing:-3px}.hero-art{height:330px}.hero-facts{gap:24px}.ribbon{font-size:8px}.section{padding:75px 5%}.steps,.feature-grid,.form-grid,.checkbox-grid,.agents-grid,.metrics{grid-template-columns:1fr}.cta{padding:65px 5%}.work-main{padding:18px}.panel-heading,.workspace-head{flex-direction:column;align-items:flex-start}.record{flex-direction:column;align-items:flex-start}footer{flex-direction:column;align-items:flex-start}.actions,.panel-actions{flex-wrap:wrap}}
/* Logo */
.logo-img{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 0 10px #d4a5462e)}
.core{overflow:hidden}.core-logo{width:88%;height:88%;object-fit:contain;border-radius:50%;filter:drop-shadow(0 6px 18px #000a)}
.side-logo{display:block;width:54px;height:54px;object-fit:contain;margin-bottom:12px}.side-foot .dim{color:#777}
.nav-actions{display:flex;gap:10px;align-items:center}.lang-toggle{font-family:'IBM Plex Sans Arabic',Tahoma,Arial,sans-serif;letter-spacing:0;text-transform:none;font-size:13px}
.steps{grid-template-columns:repeat(5,1fr)}
/* Proposal upload */
.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.dropzone{border:1px dashed #6a5531;background:#14130f;padding:22px;display:flex;flex-direction:column;gap:10px;transition:.2s}
.dropzone.drag{border-color:var(--gold);background:#221b10}.dropzone b{font-size:14px;color:var(--gold)}.dropzone p{margin:0;font-size:12px;color:#9b9b96;line-height:1.6}
.file-button{position:relative;align-self:flex-start;cursor:pointer}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.file-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.file-list li{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;background:#1b1a16;border:1px solid #33302a;padding:8px 10px;overflow-wrap:anywhere}
.file-list li.error{border-color:#7a3b2b;color:#e2a594}.file-list button{background:none;border:0;color:#999;font-size:13px;padding:2px 6px}.file-list button:hover{color:var(--gold)}
.status{align-self:center;font-size:12px;color:#bbb9b1}.status.error{color:#e2a594}
.analysis{margin-top:24px;padding:24px;border:1px solid #4e4129;background:#121210}.analysis h5{font-size:11px;letter-spacing:1.5px;color:var(--gold);margin:6px 0 12px}
.analysis-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:14px}
.doc-chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.doc-chips span{font-size:11px;border:1px solid #4a3d26;color:#d9c393;padding:6px 10px}
.warnings{margin:10px 0;padding:12px 18px;border:1px solid #6b4b2b;color:#dbb98b;font-size:12px;line-height:1.7;list-style:'⚠  '}
.finding{border-bottom:1px solid #2c2a25}.finding summary{display:flex;justify-content:space-between;gap:12px;padding:10px 2px;cursor:pointer;font-size:12px;color:#c7c6c0;list-style:none}
.finding summary::-webkit-details-marker{display:none}.finding summary::before{content:'›';color:var(--gold);margin-inline-end:6px;transition:.2s}.finding[open] summary::before{transform:rotate(90deg)}
.finding summary span{flex:1}.finding.found summary b{color:var(--gold)}.finding.missing summary b{color:#76746d;font-weight:500}
.evidence{margin:0 0 12px;padding-inline-start:18px;font-size:12px;line-height:1.7;color:#bcbaaf}.evidence q{color:#e9dcc0}.evidence small{color:#888}
/* Value pricing */
.price-build .total td{font-weight:800;color:#f1d197;border-bottom:0;font-size:14px}
.value-box{margin:20px 0;padding:18px;border:1px solid #3a352b;background:#111211}.value-box.real{border-color:#8a6c38;background:linear-gradient(145deg,#231c10,#111211)}
.value-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px}.value-head small{display:block;color:#999;font-size:10px;margin-bottom:6px}.value-head b{font-size:14px}
.value-box.real .value-head b{color:var(--gold)}.score{text-align:end}.score span{font-size:34px;font-weight:800;color:#f1d197}.score small{display:inline;margin-inline-start:4px}
.factor{display:grid;grid-template-columns:170px 1fr 52px;gap:12px;align-items:center;font-size:12px;color:#bcbaaf;margin:7px 0}.factor b{text-align:end;font-weight:600}
.bar{height:6px;background:#26241f;border-radius:3px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,#96743c,#e9c77c)}
/* Arabic / right-to-left */
html[dir=rtl] body{font-family:'IBM Plex Sans Arabic',Tahoma,Arial,sans-serif}
html[dir=rtl] *{letter-spacing:0!important}
html[dir=rtl] .hero h1{line-height:1.3;font-size:clamp(46px,5.4vw,88px)}
html[dir=rtl] .section h2,html[dir=rtl] .cta h2{line-height:1.45}
html[dir=rtl] .eyebrow{font-size:12px}html[dir=rtl] .hero-facts span,html[dir=rtl] .floatchip,html[dir=rtl] .ribbon{font-size:12px}
html[dir=rtl] .pulse{margin-right:0;margin-left:8px}
html[dir=rtl] .side-link{text-align:right}
html[dir=rtl] .sidebar{border-right:0;border-left:1px solid #302b22}
html[dir=rtl] .cost-table th,html[dir=rtl] .cost-table td{text-align:right}
html[dir=rtl] .cost-table td:last-child,html[dir=rtl] .cost-table th:last-child{text-align:left}
html[dir=rtl] .chip-a{left:auto;right:0}html[dir=rtl] .chip-b{right:auto;left:-4%}html[dir=rtl] .chip-c{left:auto;right:4%}
html[dir=rtl] .button,html[dir=rtl] .nav nav a{text-transform:none}
html[dir=rtl] .finding[open] summary::before{transform:rotate(-90deg)}
@media(max-width:950px){.steps{grid-template-columns:repeat(2,1fr)}html[dir=rtl] .sidebar{border-left:0}.upload-grid,.analysis-grid{grid-template-columns:1fr}}
@media(max-width:600px){.steps{grid-template-columns:1fr}.factor{grid-template-columns:1fr 52px}.factor .bar{grid-column:1/-1;grid-row:2}.nav-actions .button:not(.lang-toggle){display:none}html[dir=rtl] .hero h1{font-size:44px}}

/* Proposal sources */
.dropzone.primary{border-style:solid;border-color:#8a6c38;background:linear-gradient(145deg,#211a10,#14130f)}
.finding.hint summary b{color:#b5aa94;font-weight:500;font-style:italic}
.src{font-style:normal;font-size:9px;font-weight:600;border:1px solid #55462c;color:#c7a66d;padding:2px 6px;margin-inline-end:8px;vertical-align:middle}.src.business{color:#9b9b96;border-color:#3d3a33}

/* ===== Cinematic glass design (gold / black / white) ===== */
body.tw{background:#09090b}
section[id]{scroll-margin-top:84px}
/* Minimal reset for the new sections only (zero specificity, so Tailwind utilities still win). */
:where(header,#home,#system,#features,#classes,footer) :where(p,h1,h2,h3,h4,ul,li){margin:0}
:where(header,#home,#system,#features,#classes,footer) :where(ul){padding:0;list-style:none}
:where(header,#home,#system,#features,#classes,footer) :where(button){border:0;background:none;font:inherit;color:inherit;cursor:pointer}
:where(header,#home,#system,#features,#classes,footer) :where(img){max-width:100%}
:where(header,#home,#system,#features,#classes,footer) :where(a){text-decoration:none;color:inherit}
iconify-icon{display:inline-block}

/* Gold aura: drifting light, faded out toward the bottom. */
.aura-background-component{-webkit-mask-image:linear-gradient(to bottom,transparent,black 0%,black 80%,transparent);mask-image:linear-gradient(to bottom,transparent,black 0%,black 80%,transparent);overflow:hidden}
.aura-blob{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55;mix-blend-mode:screen;will-change:transform}
.aura-a{width:46vw;height:46vw;top:-14vw;left:8vw;background:radial-gradient(circle,#d7af5d55,#96743c22 55%,transparent 70%);animation:auraDrift 22s ease-in-out infinite}
.aura-b{width:38vw;height:38vw;top:4vw;right:-6vw;background:radial-gradient(circle,#f1d19740,#b48a4922 55%,transparent 70%);animation:auraDrift 28s ease-in-out infinite reverse}
.aura-c{width:30vw;height:30vw;top:30vh;left:38vw;background:radial-gradient(circle,#e9c77c30,transparent 70%);animation:auraDrift 34s ease-in-out infinite}
@keyframes auraDrift{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(4vw,3vh) scale(1.08)}66%{transform:translate(-3vw,5vh) scale(.94)}}

/* Glass morphism */
.glass-card{position:relative;background:rgba(255,255,255,.03);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:1.25rem;box-shadow:inset 0 1px 0 0 rgba(255,255,255,.10),inset 0 0 0 1px rgba(215,175,93,.08),0 30px 60px -20px rgba(0,0,0,.85)}
.glass-highlight{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(241,209,151,.14),transparent 38%,transparent 62%,rgba(255,255,255,.05))}
.hero-card{transition:transform .6s cubic-bezier(.15,.83,.66,1),box-shadow .6s cubic-bezier(.15,.83,.66,1),border-color .4s;cursor:default}
.hero-card:hover{z-index:100;transform:rotate(0) scale(1.05) translateY(-6px);border-color:rgba(215,175,93,.45);box-shadow:inset 0 1px 0 0 rgba(255,255,255,.14),inset 0 0 0 1px rgba(215,175,93,.2),0 40px 80px -20px rgba(0,0,0,.9),0 0 40px -10px rgba(215,175,93,.35)}
.hero-card-overlay{position:absolute;top:10px;inset-inline-end:10px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(9,9,11,.6);border:1px solid rgba(215,175,93,.4);color:#f1d197;opacity:0;transform:scale(.8);transition:.35s cubic-bezier(.15,.83,.66,1)}
.hero-card:hover .hero-card-overlay{opacity:1;transform:scale(1)}
.agent-dot{display:grid;place-items:center;aspect-ratio:1;border-radius:50%;font-size:10px;font-weight:600;color:#f1d197;border:1px solid rgba(215,175,93,.45);background:radial-gradient(circle,#5d4929,#1a1610)}
.score-ring{--p:85;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#e9c77c calc(var(--p)*1%),rgba(255,255,255,.07) 0)}
.score-ring span{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#0e0e11;font-size:22px;font-weight:600;color:#f6e3b8}

/* Navigation */
.nav-link{display:inline-flex;align-items:center;gap:4px;padding:8px 14px;border-radius:999px;font-size:13px;color:#d4d4d8;transition:.25s}
.nav-link:hover{color:#f1d197;background:rgba(255,255,255,.04)}
/* Dual-layer CTA: the text slides down and out while its clone slides in from above. */
.btn-dual{position:relative;overflow:hidden;align-items:center;gap:8px;height:40px;padding:0 18px;border-radius:999px;background:linear-gradient(110deg,#ad8547,#e9c77c,#ac8140)!important;color:#0b0906!important;font-size:13px;font-weight:600;transition:transform .5s cubic-bezier(.15,.83,.66,1),box-shadow .5s}
.btn-dual:hover{transform:translateY(-2px);box-shadow:0 10px 30px -8px rgba(215,175,93,.6)}
.btn-dual-text,.btn-dual-clone{display:block;transition:transform .5s cubic-bezier(.15,.83,.66,1),opacity .5s cubic-bezier(.15,.83,.66,1)}
.btn-dual-clone{position:absolute;inset-inline-start:18px;transform:translateY(-32px);opacity:0}
.btn-dual:hover .btn-dual-text{transform:translateY(32px);opacity:0}
.btn-dual:hover .btn-dual-clone{transform:translateY(0);opacity:1}
.btn-gold,.btn-glass{display:inline-flex;align-items:center;gap:10px;height:50px;padding:0 24px;border-radius:999px;font-size:14px;font-weight:600;transition:transform .5s cubic-bezier(.15,.83,.66,1),box-shadow .5s,border-color .3s,background .3s}
.btn-gold{background:linear-gradient(110deg,#ad8547,#e9c77c,#ac8140)!important;color:#0b0906!important}
.btn-gold:hover{transform:translateY(-3px);box-shadow:0 16px 40px -12px rgba(215,175,93,.65)}
.btn-glass{border:1px solid rgba(255,255,255,.12)!important;background:rgba(255,255,255,.04)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.btn-glass:hover{transform:translateY(-3px);border-color:rgba(215,175,93,.5)!important;background:rgba(215,175,93,.08)!important;color:#f6e3b8!important}

/* Section headings */
.section-eyebrow{font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:#d7af5d}
.section-title{margin-top:16px!important;font-size:clamp(34px,4.6vw,60px);line-height:1.04;font-weight:600;text-transform:uppercase;letter-spacing:-.025em}

/* System dashboard */
.dash-icon{display:grid;place-items:center;color:#71717a;transition:.25s;cursor:pointer}
.dash-icon:hover,.dash-icon.active{color:#e9c77c}
.skill-card{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:16px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02);transition:.3s}
.skill-card:hover{border-color:rgba(215,175,93,.35);background:rgba(215,175,93,.04)}
.skill-card b{font-size:14px;font-weight:600}.skill-card p{font-size:12px;line-height:1.6;color:#a1a1aa}
.skill-num{font-size:10px;color:#71717a;letter-spacing:.2em;margin-top:6px}
.graph-col{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:10px;min-width:0}
.graph-bar{width:100%;max-width:46px;height:var(--h);border-radius:10px 10px 4px 4px;background:linear-gradient(to top,rgba(150,116,60,.3),rgba(241,209,151,.9));box-shadow:0 0 24px -6px rgba(215,175,93,.45);transform-origin:bottom;transform:scaleY(.05);transition:transform 1.2s cubic-bezier(.15,.83,.66,1)}
.animate .graph-bar{transform:scaleY(1)}
.graph-col span{font-size:10px;line-height:1.3;color:#71717a;text-align:center;height:26px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.rule-row{display:flex;flex-direction:column;gap:3px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.05)}
.rule-row code{font-size:10px;color:#e9c77c;font-family:ui-monospace,Menlo,Consolas,monospace}
.mini-factor{display:grid;grid-template-columns:1fr 90px;align-items:center;gap:12px}
.mini-factor i{display:block;height:5px;border-radius:9px;background:linear-gradient(90deg,#96743c,#f1d197) left/var(--w) 100% no-repeat,rgba(255,255,255,.06)}
html[dir=rtl] .mini-factor i{background:linear-gradient(270deg,#96743c,#f1d197) right/var(--w) 100% no-repeat,rgba(255,255,255,.06)}
.stat-tile{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02)}
.stat-tile b{font-size:24px;font-weight:600;color:#f1d197}.stat-tile span{font-size:11px;color:#a1a1aa}
.dash-scroll::-webkit-scrollbar{width:4px}.dash-scroll::-webkit-scrollbar-thumb{background:rgba(215,175,93,.35);border-radius:9px}.dash-scroll{scrollbar-width:thin;scrollbar-color:rgba(215,175,93,.35) transparent}

/* Capability cards */
.cap-card{display:flex;flex-direction:column;padding:22px;border-radius:24px;background:#0e0e11;border:1px solid rgba(255,255,255,.06);transition:transform .6s cubic-bezier(.15,.83,.66,1),border-color .3s}
.cap-card:hover{transform:scale(1.02);border-color:rgba(215,175,93,.3)}
.cap-mock{min-height:150px;padding:18px;border-radius:16px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(160deg,rgba(255,255,255,.03),rgba(0,0,0,.2))}
.cap-title{margin-top:20px!important;font-size:17px;font-weight:600}.cap-text{margin-top:8px!important;font-size:13px;line-height:1.7;color:#a1a1aa}
.timeline-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px dashed rgba(255,255,255,.07)}.timeline-row:last-child{border-bottom:0}
.chip-on,.chip-off{padding:4px 8px;border-radius:999px;border:1px solid}.chip-on{color:#f1d197;border-color:rgba(215,175,93,.5);background:rgba(215,175,93,.1)}.chip-off{color:#71717a;border-color:rgba(255,255,255,.08)}
.lut-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;font-size:11px;color:#d4d4d8;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03)}
.lut-badge.active{color:#0b0906;background:linear-gradient(110deg,#ad8547,#e9c77c);border-color:transparent;font-weight:600}
.lang-pill{display:grid;place-items:center;min-width:52px;height:52px;padding:0 10px;border-radius:14px;font-size:16px;font-weight:600;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03)}
.lang-pill.active{color:#0b0906;background:linear-gradient(110deg,#ad8547,#e9c77c);border-color:transparent}
/* Value bar: grows 10% -> 95% over 2s once visible; the caption fades in at 2s. */
@keyframes loadBar{from{width:10%}to{width:95%}}
@keyframes fadeInText{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.load-bar{width:10%}.animate .load-bar{animation:loadBar 2s cubic-bezier(.15,.83,.66,1) forwards}
.fade-in-text{opacity:0}.animate .fade-in-text{animation:fadeInText .6s ease forwards 2s}

/* Project classes */
.class-card{position:relative;padding:28px;border-radius:24px;border:1px solid rgba(255,255,255,.07);background:#0e0e11;transition:border-color .3s}
.class-card:hover{border-color:rgba(215,175,93,.3)}
.class-card.popular{background:#131316;border-color:rgba(215,175,93,.35);box-shadow:0 30px 80px -30px rgba(215,175,93,.25)}
.class-list{margin-top:22px!important;display:grid;gap:10px}
.class-list li{display:flex;gap:10px;font-size:13px;color:#d4d4d8;line-height:1.5}
.class-list li::before{content:"\2726";color:#d7af5d;font-size:11px;line-height:1.9}

/* Entrance animation */
@keyframes animationIn{from{opacity:0;transform:translateY(30px);filter:blur(8px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes animationInLift{from{opacity:0;transform:translateY(14px);filter:blur(8px)}to{opacity:1;transform:translateY(-1rem);filter:blur(0)}}
.animate-on-scroll{opacity:0}
.animate-on-scroll.animate{animation:animationIn .9s cubic-bezier(.15,.83,.66,1) forwards}
@media(min-width:768px){.class-card.popular.animate-on-scroll.animate{animation-name:animationInLift}}
@media(prefers-reduced-motion:reduce){.animate-on-scroll{opacity:1}.animate-on-scroll.animate,.aura-blob,.animate .load-bar,.animate .fade-in-text{animation:none!important}.load-bar{width:95%}.fade-in-text{opacity:1}.graph-bar{transform:none}}

/* Workspace sits on the same black canvas */
.workspace{background:transparent;position:relative;max-width:1280px;margin:0 auto}
.workspace-shell{border-radius:24px;overflow:hidden;border-color:rgba(255,255,255,.08);background:rgba(14,14,17,.85);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}

/* Arabic adjustments for the new sections */
html[dir=rtl] .hero-title{line-height:1.25;font-size:clamp(40px,5.2vw,68px)}
html[dir=rtl] .section-title{line-height:1.35}
html[dir=rtl] .section-eyebrow,html[dir=rtl] .nav-link{font-size:13px}
.site-header{transition:background .4s,border-color .4s,backdrop-filter .4s;border-bottom:1px solid transparent}
.site-header.scrolled{background:rgba(9,9,11,.72);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom-color:rgba(255,255,255,.06)}