:root{--ink:#281b27;--wine:#a8284b;--rose:#be3455;--paper:#faf8f5;--muted:#746a71;--line:#e4dce0;--soft:#f2e8ec;--green:#23674f;--serif:Georgia,'Times New Roman',serif;--sans:Inter,'Segoe UI',Tahoma,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;font:15px/1.65 var(--sans);background:var(--paper);color:var(--ink)}button,input,textarea,select{font:inherit}button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button{border:0;background:none;color:inherit}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #b25177;outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--serif);font-weight:400;line-height:1.09}h1{font-size:clamp(40px,5.7vw,78px);letter-spacing:-.045em}h2{font-size:clamp(30px,3.5vw,46px);letter-spacing:-.025em}h3{font-size:18px;line-height:1.4;font-weight:600}p{margin-top:16px}small,.muted{color:var(--muted)}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}.wrap{max-width:1250px;margin:auto;padding:0 52px}.topbar{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;text-decoration:none;gap:20px}.brand img{width:114px;height:61px;object-fit:contain}.brand-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;border-inline-start:1px solid var(--line);padding-inline-start:20px;line-height:1.7}.actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.btn{padding:12px 22px;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;gap:24px;text-decoration:none;border-radius:3px;line-height:1.5;font-size:13px;font-weight:600}.btn.primary{color:white;background:var(--wine);border-color:var(--wine)}.btn.primary:hover{background:#88203d}.btn.light{background:var(--paper);border-color:var(--paper);color:var(--ink)}.btn.ghost:hover{background:var(--soft)}.text-btn{font-size:13px;text-decoration:underline;text-underline-offset:5px}.pill{font-size:11px;border:1px solid var(--line);border-radius:30px;padding:4px 11px;display:inline-block}.hero{padding-top:76px;padding-bottom:68px;display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center}.hero .eyebrow{color:var(--wine);margin-bottom:27px}.hero h1 em{font-style:italic;color:var(--wine)}.hero .lead{font-size:17px;max-width:550px;color:var(--muted);line-height:1.85;margin:27px 0 31px}.hero .footnote{font-size:12px;color:var(--muted);margin-top:19px}.service-art{background:var(--ink);color:white;min-height:482px;position:relative;overflow:hidden;padding:32px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:15px 15px 0 #eee6e8}.service-art:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 100% 0%,#87435e66,transparent 65%)}.service-art .eyebrow{color:#d3b3be;margin:0;position:relative}.art-lines{width:100%;height:230px;opacity:.9;margin-top:15px}.service-art h2{font-size:35px}.service-art .art-bottom{border-top:1px solid #ffffff30;padding-top:25px;position:relative}.art-bottom p{font-size:12px;color:#d5c5ce}.intro-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;border-top:1px solid var(--line);padding:29px 0 40px}.intro-strip div{display:flex;gap:17px;align-items:baseline}.intro-strip span{font-family:var(--serif);font-size:28px;color:var(--wine)}.intro-strip p{font-size:13px;margin:0}.about-section{background:#f0eaed;padding:74px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px}.split .eyebrow{margin-bottom:20px;color:var(--wine)}.split p{color:var(--muted)}.steps{padding:78px 0}.steps-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:35px}.steps-head p{max-width:420px;color:var(--muted)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.step-card{border-top:1px solid var(--ink);padding-top:23px}.step-card span{color:var(--wine);font-size:12px}.step-card h3{margin:23px 0 10px}.step-card p{font-size:14px;color:var(--muted)}.callout{background:var(--ink);color:white;padding:42px;display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:60px}.callout h2{font-size:34px}.callout p{color:#cdbdc6;font-size:14px}.footer{border-top:1px solid var(--line);padding:26px 0;display:flex;justify-content:space-between;font-size:12px;color:var(--muted);gap:20px;flex-wrap:wrap}.footer a{text-decoration:none}.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:calc(100vh - 92px)}.sidebar{border-inline-end:1px solid var(--line);padding:35px 27px 30px 0;position:sticky;top:0;align-self:start;max-height:100vh;overflow:auto}.sidebar .eyebrow{font-size:10px;color:var(--muted);margin-bottom:9px}.sidebar h3{font-size:16px;margin-bottom:22px;overflow-wrap:anywhere}.nav-step{width:100%;display:flex;text-align:start;gap:12px;padding:10px 11px;border-radius:3px;margin:2px 0;font-size:12px;align-items:center}.nav-step .num{font-size:11px;width:24px;height:24px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;flex-shrink:0}.nav-step.active{background:var(--soft);color:var(--wine);font-weight:600}.nav-step.active .num{background:var(--wine);color:white;border-color:var(--wine)}.nav-step.done .num{color:var(--green);border-color:#a2bdae}.side-help{margin-top:25px;border-top:1px solid var(--line);padding-top:20px;font-size:12px;color:var(--muted)}.workspace{padding:40px 0 70px 48px;min-width:0}.work-top{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:27px;font-size:11px;color:var(--muted)}.save-state{color:var(--green)}.section-head{margin-bottom:30px}.section-head .eyebrow{color:var(--wine);margin-bottom:12px}.section-head p{color:var(--muted);font-size:14px;max-width:640px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:21px}.field{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600}.field.wide{grid-column:1/-1}.field input,.field select,.field textarea{width:100%;padding:12px 13px;border:1px solid #dcd3d8;border-radius:3px;background:white;color:var(--ink);font-size:14px;font-weight:400;min-height:46px}.field textarea{min-height:110px;resize:vertical;line-height:1.7}.field small{font-size:11px;font-weight:400}.notice-box{padding:18px 21px;background:var(--soft);font-size:13px;border-inline-start:3px solid var(--wine);margin:24px 0}.notice-box p{margin-top:7px}.checkline{display:flex;align-items:start;gap:12px;font-size:13px;cursor:pointer;margin:22px 0}.checkline input{accent-color:var(--wine);margin-top:5px;min-width:17px;min-height:17px}.bottom-nav{border-top:1px solid var(--line);padding-top:24px;margin-top:32px;display:flex;justify-content:space-between;gap:15px;align-items:center}.question{background:white;border:1px solid var(--line);border-radius:4px;margin:13px 0;overflow:hidden}.question summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:20px}.question summary::-webkit-details-marker{display:none}.question summary:after{content:'+';margin-inline-start:auto;color:var(--wine);font-size:21px}.question[open] summary:after{content:'−'}.q-id{font-size:10px;color:var(--muted);letter-spacing:.05em;min-width:25px}.q-title{font-size:14px;font-weight:600}.q-mark{color:var(--green);font-size:12px;margin-inline-start:5px}.question-body{padding:0 23px 24px}.question-body>p{font-size:13px;color:var(--muted);margin:0 0 20px}.status-options{border:0;padding:0;margin:0 0 20px;display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.status-options legend{font-size:11px;margin-bottom:8px;color:var(--muted)}.status-choice{position:relative;border:1px solid var(--line);border-radius:3px;padding:10px 8px;cursor:pointer;font-size:11px;text-align:center;display:flex;align-items:center;justify-content:center;gap:5px}.status-choice:has(input:checked){background:var(--soft);border-color:var(--wine);color:var(--wine)}.status-choice input{accent-color:var(--wine);margin:0}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:16px}.upload-zone{border:1px dashed #cebac4;background:#fcfafb;border-radius:4px;padding:15px 17px;margin-top:20px;display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:12px}.upload-zone input{max-width:220px;font-size:11px}.file-row{display:flex;gap:12px;align-items:center;margin-top:9px;font-size:12px;padding:8px 11px;background:var(--paper)}.file-row span{overflow-wrap:anywhere;flex:1}.file-row button{font-size:11px;text-decoration:underline}.file-row small{white-space:nowrap}.owner-card{padding:16px;border:1px solid var(--line);margin:13px 0;background:var(--paper)}.owner-card .profile-grid{gap:12px}.owner-actions{display:flex;justify-content:space-between;align-items:center;margin:10px 0}.review-sections{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.review-section{padding:18px;border:1px solid var(--line);background:white;text-align:start;display:flex;justify-content:space-between;gap:10px;font-size:13px}.review-section small{font-size:11px}.success{max-width:700px;margin:75px auto 110px}.success-mark{width:58px;height:58px;background:var(--soft);color:var(--wine);display:grid;place-items:center;border-radius:50%;font-size:26px;margin-bottom:24px}.success h1{font-size:49px}.success p{color:var(--muted)}.reference{font-size:14px;margin:25px 0;letter-spacing:.1em;padding:18px 20px;background:white;border:1px solid var(--line)}#toast,#notice{position:fixed;bottom:25px;inset-inline-end:25px;z-index:90;max-width:420px;padding:14px 21px;border-radius:4px;color:white;background:var(--ink);box-shadow:0 10px 30px #281b2725;display:none}#notice{background:#8c2545;bottom:80px}#toast.show,#notice.show{display:block}.progress{height:3px;background:var(--line);margin:18px 0 8px}.progress-fill{height:3px;background:var(--wine);width:0}.login{max-width:440px;margin:70px auto 130px}.login h1{font-size:42px}.login .field{margin:25px 0}.admin-page{padding:45px 0 75px}.admin-header{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:30px}.admin-header h1{font-size:44px}.admin-header p{font-size:13px;color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:30px 0}.metric{border:1px solid var(--line);padding:23px;background:white}.metric strong{font-size:35px;font-family:var(--serif);font-weight:400;display:block}.metric small{font-size:11px}.admin-tools{display:flex;gap:15px;margin-bottom:20px}.admin-tools .field{flex:1}.table-scroll{overflow:auto}.admin-table{border-collapse:collapse;width:100%;font-size:12px;background:white}.admin-table th{text-align:start;background:#eee7eb;padding:14px}.admin-table td{padding:17px 14px;border-bottom:1px solid var(--line);vertical-align:top}.admin-table button{color:var(--wine);font-weight:600;text-align:start}.badge{font-size:10px;display:inline-block;border-radius:20px;padding:4px 10px;background:var(--soft);color:var(--wine)}.badge.green{background:#e8f1ec;color:var(--green)}.admin-section{border-top:1px solid var(--line);padding:26px 0;margin-top:20px}.admin-section h2{font-size:29px;margin-bottom:20px}.answer-row{border-bottom:1px solid var(--line);padding:20px 0}.answer-row h3{font-size:14px}.answer-row p{white-space:pre-wrap;font-size:13px;margin:9px 0;overflow-wrap:anywhere}.gap-row{border-inline-start:3px solid var(--wine);padding:14px 20px;background:white;margin:10px 0}.gap-row p{margin:6px 0;font-size:12px}.gap-row h3{font-size:14px}.resume-panel{margin:20px 0;padding:18px;border:1px solid var(--line);background:white}.resume-panel input{width:100%;padding:10px;font-size:12px;border:1px solid var(--line);margin-top:12px}.hidden{display:none!important}.skip{position:absolute;top:-80px;left:20px;background:white;z-index:99;padding:15px}.skip:focus{top:10px}.methodology{font-size:12px;color:var(--muted);border:1px solid var(--line);padding:17px;margin-top:20px}.methodology summary{cursor:pointer;color:var(--ink)}.preserve{white-space:pre-wrap}.spacer{margin-top:20px}dialog{max-width:550px;width:90%;border:1px solid var(--line);padding:32px;background:var(--paper)}dialog::backdrop{background:#281b2780}.loading{padding:90px 20px;text-align:center;color:var(--muted)}[dir=rtl] h1,[dir=rtl] h2{font-family:Tahoma,'Segoe UI',sans-serif;letter-spacing:0;line-height:1.4}[dir=rtl] .workspace{padding:40px 48px 70px 0}[dir=rtl] .sidebar{padding:35px 0 30px 27px}[dir=rtl] .hero h1{font-size:clamp(38px,5vw,66px)}[dir=rtl] .eyebrow{letter-spacing:0}[dir=rtl] .service-art{box-shadow:-15px 15px 0 #eee6e8}
@media(max-width:1000px){.wrap{padding:0 30px}.hero{gap:35px}.service-art{min-height:420px;padding:25px}.hero h1{font-size:57px}.workspace{padding-inline-start:30px}.app-shell{grid-template-columns:220px 1fr}.sidebar{padding-inline-end:20px}.status-options{grid-template-columns:1fr 1fr}.brand-label{display:none}.split{gap:45px}.metrics{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.wrap{padding:0 22px}.topbar{height:78px}.brand img{width:95px;height:51px}.topbar .actions{gap:9px}.topbar .btn{padding:9px 12px;font-size:11px}.hero{grid-template-columns:1fr;padding:45px 0;gap:35px}.hero h1{font-size:51px}.hero .lead{font-size:15px}.service-art{min-height:330px;box-shadow:8px 8px 0 #eee6e8}.art-lines{height:140px}.service-art h2{font-size:29px}.intro-strip{grid-template-columns:1fr;gap:16px;padding:25px 0}.intro-strip span{font-size:22px}.split,.steps-grid{grid-template-columns:1fr;gap:30px}.about-section,.steps{padding:45px 0}.steps-head{display:block}.steps-head p{margin-top:20px}.callout{padding:29px;display:block;margin-bottom:35px}.callout .btn{margin-top:22px}.app-shell{display:block}.sidebar{position:static;border:0;padding:20px 0 12px;max-height:none}.sidebar h3,.side-help,.sidebar>.eyebrow{display:none}.step-list{display:flex;overflow:auto;gap:8px;padding-bottom:8px}.nav-step{width:auto;white-space:nowrap;padding:8px;flex-shrink:0}.nav-step:not(.active) .nav-label{display:none}.nav-step .num{width:27px;height:27px}.workspace,[dir=rtl] .workspace{padding:20px 0 50px}.work-top{margin-bottom:20px;flex-wrap:wrap}.profile-grid,.mini-grid{grid-template-columns:1fr}.field.wide{grid-column:auto}.question summary{padding:17px 13px}.question-body{padding:0 16px 20px}.upload-zone{display:block}.upload-zone input{margin-top:12px;max-width:100%}.review-sections{grid-template-columns:1fr}.section-head h2{font-size:33px}.admin-header{display:block}.admin-header .actions{margin-top:20px}.admin-header h1{font-size:35px}.metric{padding:17px}.metric strong{font-size:29px}.admin-tools{flex-direction:column}.success{margin:50px auto 70px}.success h1{font-size:39px}.btn{padding:11px 16px;gap:13px}.bottom-nav{flex-wrap:wrap}#toast,#notice{inset-inline:15px;max-width:none}.footer{font-size:11px}[dir=rtl] .sidebar{padding:20px 0 12px}.question summary .pill{display:none}}
@media print{.topbar,.footer,.actions,.admin-tools,.sidebar,.bottom-nav,#toast,#notice,.no-print{display:none!important}.wrap{padding:0;max-width:none}.admin-page{padding:0}.metric{break-inside:avoid}.admin-section,.answer-row,.gap-row{break-inside:avoid}.metrics{display:flex}.metric{flex:1}.admin-table{font-size:10px}body{background:white}h1{font-size:32px}.admin-header h1{font-size:32px}}

.onboarding{max-width:800px}

.readiness-card{margin:32px 0;padding:28px 22px;background:white;border:1px solid var(--line);border-radius:5px;text-align:center}.readiness-card .eyebrow{color:var(--wine);font-size:10px}.readiness-card h2{font-size:30px;margin:10px 0}.readiness-card>p{font-size:12px;max-width:490px;margin:12px auto 0}.readiness-radar{display:block;width:100%;height:auto;max-width:600px;margin:5px auto}.radar-grid{fill:none;stroke:#e4dce0;stroke-width:1}.radar-spoke{stroke:#eee6ea;stroke-width:1}.radar-area{fill:#be34552b;stroke:#a8284b;stroke-width:2.5;stroke-linejoin:round}.radar-point{fill:#a8284b}.radar-label{font:16px var(--sans);fill:#51444e}.radar-key{font-size:12px;display:flex;align-items:center;justify-content:center;gap:8px}.radar-key span{width:17px;height:9px;background:#be345540;border:1px solid #a8284b}.readiness-card>small{display:block;font-size:11px;margin-top:8px}@media(max-width:720px){.readiness-card{padding:23px 4px}.readiness-card>p,.readiness-card>small{padding:0 14px}.readiness-card h2{font-size:25px}.radar-label{font-size:18px}}

.preview-chart-link{display:block;margin-top:18px;color:var(--wine)}

/* Raseem Digital Brand Kit — presentation layer only. */
:root {
  --ink: var(--raseem-midnight-plum);
  --wine: var(--raseem-rose);
  --rose: var(--raseem-berry);
  --paper: var(--raseem-soft-cream);
  --muted: var(--raseem-dusty-mauve);
  --line: rgb(72 37 58 / 16%);
  --soft: rgb(190 52 85 / 8%);
  --serif: var(--raseem-font-display);
  --sans: var(--raseem-font-body);
}

body { background: var(--raseem-soft-cream); color: var(--raseem-midnight-plum); }
h1, h2 { font-family: var(--raseem-font-display); font-weight: 500; }
[dir=rtl] body, [dir=rtl] h1, [dir=rtl] h2, [dir=rtl] .btn, [dir=rtl] .brand-label { font-family: var(--raseem-font-arabic); }
[dir=rtl] h1, [dir=rtl] h2 { line-height: 1.35; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible { outline-color: var(--raseem-berry); }

.topbar { min-height: 106px; height: auto; border-color: var(--line); }
.brand { gap: 1.35rem; }
.brand img { width: 178px; height: 72px; object-fit: contain; }
.brand-label { color: var(--raseem-dusty-mauve); border-color: var(--line); font-weight: 600; letter-spacing: .1em; }
.actions { gap: .85rem; }
.btn { min-height: 48px; border-radius: 0; letter-spacing: .01em; transition: background-color var(--raseem-transition-base), border-color var(--raseem-transition-base), color var(--raseem-transition-base), transform var(--raseem-transition-fast); }
.btn.primary { background: var(--raseem-rose); border-color: var(--raseem-rose); }
.btn.primary:hover { background: var(--raseem-berry); border-color: var(--raseem-berry); transform: translateY(-1px); }
.btn.light { color: var(--raseem-midnight-plum); background: var(--raseem-soft-cream); border-color: var(--raseem-soft-cream); }
.btn.ghost { border-color: var(--raseem-midnight-plum); }
.btn.ghost:hover { color: var(--raseem-white); background: var(--raseem-midnight-plum); }
.text-btn { color: var(--raseem-midnight-plum); text-decoration-color: var(--raseem-rose); }
.pill, .badge { border-radius: 0; border-color: rgb(72 37 58 / 24%); color: var(--raseem-midnight-plum); background: rgb(255 255 255 / 52%); }

.hero { position: relative; padding-top: clamp(4rem, 8vw, 7.5rem); padding-bottom: clamp(4.25rem, 8vw, 7rem); gap: clamp(2rem, 6vw, 5.5rem); }
.hero::before { content: ''; position: absolute; inset: 0 0 0 55%; z-index: -1; background: linear-gradient(180deg, rgb(190 52 85 / 7%), transparent 78%); pointer-events: none; }
.hero .eyebrow, .split .eyebrow, .section-head .eyebrow, .readiness-card .eyebrow { color: var(--raseem-rose); }
.hero h1 { max-width: 760px; letter-spacing: -.04em; }
.hero h1 em { color: var(--raseem-rose); }
.hero .lead { color: var(--raseem-dusty-mauve); font-size: 1.08rem; }
.hero .footnote { color: var(--raseem-dusty-mauve); }
.service-art { background: var(--raseem-gradient-deep); min-height: 510px; box-shadow: 14px 14px 0 var(--raseem-rose); border-radius: 0; }
.service-art::before { background: radial-gradient(ellipse at 94% 4%, rgb(190 52 85 / 62%), transparent 67%); }
.service-art .eyebrow { color: var(--raseem-soft-cream); }
.service-art h2 { font-family: var(--raseem-font-display); }
.service-art .art-bottom { border-color: rgb(251 238 230 / 35%); }
.art-bottom p { color: rgb(251 238 230 / 82%); }

.intro-strip { gap: clamp(1rem, 3vw, 2.25rem); border-color: var(--line); }
.intro-strip div { border-inline-start: 1px solid var(--line); padding-inline-start: 1rem; }
.intro-strip div:first-child { border-inline-start: 0; padding-inline-start: 0; }
.intro-strip span { color: var(--raseem-rose); }
.about-section { background: var(--raseem-white); border-block: 1px solid var(--line); }
.split p, .steps-head p, .step-card p, .section-head p { color: var(--raseem-dusty-mauve); }
.steps { padding-block: var(--raseem-section-space-sm); }
.step-card { border-color: var(--raseem-midnight-plum); }
.step-card span { color: var(--raseem-rose); font-weight: 700; }
.callout { background: var(--raseem-rose); margin-bottom: 5rem; border-radius: 0; }
.callout p { color: rgb(255 255 255 / 88%); }
.footer { border-color: var(--line); }

.app-shell { gap: 0; }
.sidebar { background: rgb(255 255 255 / 42%); border-color: var(--line); }
.nav-step { border-radius: 0; }
.nav-step.active { background: var(--raseem-soft-cream); color: var(--raseem-rose); }
.nav-step.active .num { background: var(--raseem-rose); border-color: var(--raseem-rose); }
.question, .readiness-card, .metric, .resume-panel { border-radius: 0; border-color: var(--line); }
.question { box-shadow: 0 8px 20px rgb(72 37 58 / 3%); }
.question summary { background: rgb(255 255 255 / 68%); }
.question summary:after { color: var(--raseem-rose); }
.field input, .field select, .field textarea, .resume-panel input { border-radius: 0; border-color: rgb(72 37 58 / 24%); }
.field input:focus, .field select:focus, .field textarea:focus { border-color: var(--raseem-rose); }
.notice-box { border-color: var(--raseem-rose); background: rgb(190 52 85 / 8%); }
.checkline input, .status-choice input { accent-color: var(--raseem-rose); }
.status-choice { border-radius: 0; }
.status-choice:has(input:checked) { color: var(--raseem-rose); border-color: var(--raseem-rose); background: rgb(190 52 85 / 7%); }
.upload-zone { border-color: var(--raseem-dusty-mauve); background: rgb(255 255 255 / 45%); border-radius: 0; }
.owner-card { background: var(--raseem-soft-cream); border-radius: 0; }
.review-section { border-color: var(--line); }
.review-section:hover { background: var(--raseem-soft-cream); }
.progress-fill { background: var(--raseem-rose); }
.readiness-card { background: var(--raseem-white); }
.radar-area { fill: rgb(190 52 85 / 18%); stroke: var(--raseem-rose); }
.radar-point { fill: var(--raseem-rose); }
.radar-label { fill: var(--raseem-midnight-plum); }

@media (max-width: 720px) {
  .topbar { min-height: 88px; }
  .brand img { width: 142px; height: 58px; }
  .hero::before { inset-inline-start: 28%; }
  .intro-strip div, .intro-strip div:first-child { border-inline-start: 0; padding-inline-start: 0; }
  .service-art { min-height: 360px; box-shadow: 8px 8px 0 var(--raseem-rose); }
  .callout { margin-bottom: 3.5rem; }
}


/* Clear availability prompts in the readiness questionnaire. */
.q-title { display: flex; flex-direction: column; gap: .2rem; }
.q-availability, .q-prompt-label { color: var(--raseem-rose); font-size: .68rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.question-prompt { display: grid; gap: .35rem; padding: 1rem 1.1rem; margin: 0 0 1rem; border-inline-start: 3px solid var(--raseem-rose); background: rgb(190 52 85 / 7%); }
.question-prompt strong { font-size: 1rem; color: var(--raseem-midnight-plum); }
.question-prompt > span:last-child { color: var(--raseem-dusty-mauve); font-size: .88rem; }
.data-request { margin: 0 0 1.15rem; padding: 1rem 1.1rem; border: 1px solid var(--line); background: rgb(255 255 255 / 62%); }
.data-request strong { color: var(--raseem-midnight-plum); font-size: .86rem; }
.data-request p { margin: .35rem 0 0; color: var(--raseem-dusty-mauve); font-size: .9rem; }
.availability-options { margin-bottom: .65rem; }
.availability-options .status-choice { min-height: 3.6rem; align-items: flex-start; justify-content: flex-start; padding: .72rem; text-align: start; }
.availability-options .status-choice input { margin-top: .2rem; flex: 0 0 auto; }
.availability-note { margin: 0 0 1.2rem; color: var(--raseem-dusty-mauve); font-size: .78rem; }
@media (max-width: 720px) { .availability-options .status-choice { min-height: 0; } }


/* Profile-backed client proof. */
.client-proof-section { padding-block: clamp(3.4rem, 6vw, 5.5rem); background: var(--raseem-soft-cream); border-bottom: 1px solid var(--line); }
.client-proof-heading { display: flex; align-items: end; justify-content: space-between; gap: 2.5rem; margin-bottom: 2rem; }
.client-proof-heading .eyebrow { margin-bottom: .7rem; color: var(--raseem-rose); }
.client-proof-heading h2 { max-width: 740px; font-size: clamp(2rem, 3.45vw, 3.25rem); }
.client-proof-heading p { max-width: 300px; margin: 0; color: var(--raseem-dusty-mauve); font-size: .9rem; }
.client-logo-board { margin: 0; padding: clamp(1rem, 2.3vw, 1.9rem); border: 1px solid var(--line); background: var(--raseem-white); }
.client-logo-board img { display: block; width: 100%; height: auto; }
.client-logo-board figcaption { padding-top: .8rem; color: var(--raseem-dusty-mauve); font-size: .72rem; }
@media (max-width: 720px) { .client-proof-section { padding-block: 2.7rem; } .client-proof-heading { display: block; margin-bottom: 1.5rem; } .client-proof-heading p { margin-top: .9rem; } .client-logo-board { overflow-x: auto; } .client-logo-board img { min-width: 620px; max-width: none; } }


/* Industrial expertise, sourced from the Raseem company profile. */
.industrial-focus-section { padding-block: clamp(4rem, 7vw, 6.7rem); background: var(--raseem-midnight-plum); color: var(--raseem-white); }
.industrial-focus-head { display: flex; align-items: end; justify-content: space-between; gap: 2.5rem; margin-bottom: 2.5rem; }
.industrial-focus-head .eyebrow { color: rgb(251 238 230 / 72%); margin-bottom: .8rem; }
.industrial-focus-head h2 { max-width: 760px; color: var(--raseem-white); font-size: clamp(2.15rem, 4vw, 3.75rem); }
.industrial-focus-head p { max-width: 360px; margin: 0; color: rgb(251 238 230 / 78%); font-size: .96rem; line-height: 1.75; }
.industrial-capability-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid rgb(251 238 230 / 28%); }
.industrial-capability { min-height: 205px; padding: 1.7rem 1.6rem 1.2rem; border-inline-start: 1px solid rgb(251 238 230 / 28%); }
.industrial-capability:first-child { border-inline-start: 0; padding-inline-start: 0; }
.industrial-capability span { display: block; color: var(--raseem-rose); font-family: var(--raseem-font-display); font-size: 1.7rem; margin-bottom: 1.8rem; }
.industrial-capability h3 { color: var(--raseem-white); font-size: 1.05rem; }
.industrial-capability p { margin-top: .55rem; color: rgb(251 238 230 / 72%); font-size: .84rem; }
@media (max-width: 720px) { .industrial-focus-section { padding-block: 3.4rem; } .industrial-focus-head { display: block; margin-bottom: 1.8rem; } .industrial-focus-head p { margin-top: 1rem; } .industrial-capability-grid { grid-template-columns: 1fr; } .industrial-capability, .industrial-capability:first-child { min-height: 0; padding: 1.35rem 0; border-inline-start: 0; border-top: 1px solid rgb(251 238 230 / 28%); } .industrial-capability:first-child { border-top: 0; } .industrial-capability span { margin-bottom: .65rem; } }


/* Natural industrial imagery and a responsive, client-ready proof grid. */
.hero-industrial-media { position: relative; min-height: 510px; margin: 0; overflow: hidden; background: var(--raseem-midnight-plum); box-shadow: 14px 14px 0 var(--raseem-rose); }
.hero-industrial-media::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 35%, rgb(32 15 31 / 88%) 100%); pointer-events: none; }
.hero-industrial-media img { display: block; position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.hero-industrial-media figcaption { position: absolute; inset-inline: 0; bottom: 0; z-index: 1; padding: 1.8rem 2rem; color: var(--raseem-white); }
.hero-industrial-media figcaption span { display: block; color: rgb(251 238 230 / 72%); font-size: .67rem; font-weight: 700; letter-spacing: .12em; }
.hero-industrial-media figcaption p { max-width: 340px; margin: .48rem 0 0; color: var(--raseem-white); font-family: var(--raseem-font-display); font-size: 1.55rem; line-height: 1.16; }
.service-promise { display: flex; align-items: center; gap: .7rem; max-width: 520px; margin-top: 1.25rem; color: var(--raseem-midnight-plum); font-size: .8rem; line-height: 1.55; }
.service-promise strong { display: inline-grid; place-items: center; flex: 0 0 auto; width: 2.7rem; height: 2.7rem; color: var(--raseem-white); background: var(--raseem-midnight-plum); font-family: var(--raseem-font-display); font-size: .95rem; }
.client-logo-board { padding: 0; border: 0; background: transparent; }
.client-logo-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); border-top: 1px solid var(--line); border-inline-start: 1px solid var(--line); background: var(--raseem-soft-cream); }
.client-logo { display: grid; place-items: center; min-height: 128px; padding: 1.35rem; border-inline-end: 1px solid var(--line); border-bottom: 1px solid var(--line); background: transparent; transition: background .2s ease, box-shadow .2s ease; }
.client-logo:hover, .client-logo:active { background: rgb(190 52 85 / 6%); box-shadow: inset 0 0 0 1px rgb(190 52 85 / 11%); }
.client-logo-board .client-logo img { display: block; width: auto; min-width: 0; max-width: 120px; height: auto; max-height: 62px; object-fit: contain; }
.client-logo-board figcaption { margin-top: .8rem; padding: 0; }
@media (max-width: 720px) { .hero-industrial-media { min-height: 390px; box-shadow: 8px 8px 0 var(--raseem-rose); } .hero-industrial-media figcaption { padding: 1.25rem; } .hero-industrial-media figcaption p { font-size: 1.3rem; } .service-promise { align-items: flex-start; } .client-logo-board { overflow: visible; } .client-logo-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .client-logo { min-height: 106px; padding: 1rem .6rem; } .client-logo-board .client-logo img { min-width: 0; max-width: 88px; max-height: 48px; } }