/* Noluvio — coherent multi-service quote scoping; no cart, checkout or dependencies. */
.project-brief-body{background:#f3f8fc}
.project-brief-hero{background:radial-gradient(ellipse at 82% 23%,#19b9aa36,transparent 48%),linear-gradient(130deg,#081a30,#123d5e);color:#f6fbff}
.project-brief-hero-layout{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(310px,.84fr);gap:clamp(35px,6vw,85px);align-items:center;padding-block:clamp(66px,8vw,108px)}
.project-brief-kicker{display:block;color:#168371;font-size:10px;letter-spacing:.15em;font-weight:920;margin-bottom:16px}
.project-brief-hero .project-brief-kicker{color:#72f4cf}
.project-brief-hero h1{font-size:clamp(41px,5.1vw,72px);line-height:1.06;letter-spacing:-.058em;color:#fff;margin:0 0 22px}
.project-brief-hero-layout>div>p{font-size:clamp(14px,1.4vw,18px);line-height:1.81;color:#c8e1ed;max-width:730px;margin:0}
.project-brief-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:29px}
.project-brief-hero-actions a{display:inline-flex;justify-content:center;align-items:center;text-align:center;min-height:48px;padding:12px 20px;border-radius:10px;font-size:12px;font-weight:880;text-decoration:none}
.project-brief-hero-actions a:first-child{background:#22e08a;color:#083e32}
.project-brief-hero-actions a:first-child:hover{background:#8bf9c9}
.project-brief-hero-actions a:last-child{color:#eaf6fe;border:1px solid #7ba3bd;background:#ffffff09}
.project-brief-hero-actions a:last-child:hover{background:#ffffff15}
.project-brief-hero-aside{background:#0a2a47;border:1px solid #406a85;border-radius:20px;padding:clamp(20px,2.7vw,33px);box-shadow:0 23px 54px #00172f59}
.project-brief-hero-aside>strong{color:#70f5cf;font-size:11px;letter-spacing:.14em;font-weight:900}
.project-brief-hero-aside ol{counter-reset:steps;list-style:none;padding:0;margin:22px 0;display:grid;gap:17px}
.project-brief-hero-aside li{display:flex;align-items:start;gap:12px;color:#eff9fe;font-size:13px;font-weight:730;line-height:1.55}
.project-brief-hero-aside li:before{counter-increment:steps;content:counter(steps,decimal-leading-zero);display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:9px;background:#184462;color:#9df4e0;font-size:13px;font-weight:880}
.project-brief-hero-aside p{font-size:11px;line-height:1.8;color:#b6d4e4;padding-top:19px;border-top:1px solid #345877;margin:0}
.project-brief-main{padding:clamp(60px,8vw,102px) 0}
.project-brief-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.78fr);align-items:end;gap:30px;margin-bottom:26px}
.project-brief-section-head h2{font-size:clamp(31px,3.55vw,49px);letter-spacing:-.052em;line-height:1.13;color:#143650;margin:0}
.project-brief-section-head>p{font-size:13px;color:#5b7488;line-height:1.82;max-width:465px;margin:0}
.project-brief-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.project-brief-presets button{display:grid;gap:9px;align-content:start;min-height:110px;text-align:start;cursor:pointer;border:1px solid #bfd8e9;border-radius:13px;background:#fff;padding:18px;color:#153c56;box-shadow:0 5px 16px #183b5510}
.project-brief-presets button:hover{background:#eff8ff;border-color:#278ada}
.project-brief-presets button strong{font-size:14px;line-height:1.45;color:#163a56}
.project-brief-presets button small{font-size:11px;line-height:1.65;color:#56758b}
.project-brief-hint{margin:13px 0 26px;color:#527387;font-size:11px;line-height:1.7}
.project-brief-layout{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(310px,.84fr);gap:clamp(24px,3vw,37px);align-items:start}
.project-brief-selection{min-width:0}
.project-brief-list-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-bottom:18px}
.project-brief-list-heading h3{color:#123755;font-size:21px;letter-spacing:-.035em;margin:0}
#project-brief-selected{border:1px solid #b6dacc;background:#eaf9f1;color:#07634e;padding:8px 12px;border-radius:999px;font-size:11px;font-weight:830}
.project-brief-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.project-brief-item{display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid #d4e3ef;border-radius:16px;padding:clamp(16px,2vw,23px);min-width:0;box-shadow:0 6px 19px #14375d0d;transition:border-color .16s ease,background .16s ease}
.project-brief-item[data-selected=true]{background:#f5fffc;border-color:#37bb9b;box-shadow:0 8px 23px #078e7433}
.project-brief-choose{display:flex;align-items:center;gap:11px;min-height:44px;cursor:pointer;color:#143754;line-height:1.35}
.project-brief-choose input{flex:none;width:19px;height:19px;accent-color:#0b8b72;margin:0}
.project-brief-choose strong{font-size:14px}
.project-brief-description{font-size:12px;color:#526f84;line-height:1.7;min-height:42px;margin:0}
.project-brief-option-label{font-size:11px;color:#315772;font-weight:820;cursor:pointer}
.project-brief-option-label>span{display:block}
.project-brief-item select{width:100%;min-height:44px;font-family:inherit;font-size:12px;font-weight:740;background:#fff;border:1px solid #afcadc;color:#16445e;border-radius:9px;padding:10px 12px}
.project-brief-item select:disabled{color:#9bafbd;border-color:#dce6ed;background:#f2f6fa}
.project-brief-limits{display:grid;gap:6px;border-top:1px solid #e1ebf2;padding-top:13px;margin:auto 0 0;color:#617c90;font-size:11px;line-height:1.65}
.project-brief-limits strong{font-size:10px;color:#647a88}
.project-brief-summary{position:sticky;top:22px;background:#fff;border:1px solid #bfd4e4;border-radius:18px;padding:clamp(20px,3vw,31px);box-shadow:0 18px 42px #153b6221;min-width:0}
.project-brief-summary-label{color:#047a67;font-weight:900;font-size:10px;letter-spacing:.12em}
.project-brief-summary h3{font-size:clamp(23px,2.45vw,33px);line-height:1.18;letter-spacing:-.045em;color:#163a56;margin:13px 0 22px}
.project-brief-summary>label{display:block;font-size:11px;font-weight:850;color:#325972;margin:0 0 9px}
.project-brief-summary textarea{width:100%;resize:vertical;min-height:92px;max-height:300px;line-height:1.6;border:1px solid #b7cede;border-radius:10px;padding:11px 13px;color:#103653;font-family:inherit;font-size:12px}
.project-brief-local-note{font-size:11px;line-height:1.65;color:#698195;margin:9px 0 17px}
.project-brief-preview{white-space:pre-wrap;overflow-wrap:anywhere;max-height:350px;overflow:auto;min-height:110px;border-radius:10px;border:1px solid #d3e1ea;background:#f3f8fc;color:#274b64;padding:15px;font-family:inherit;line-height:1.75;font-size:11px;margin:0}
.project-brief-price{font-size:11px;font-weight:820;color:#195d56;background:#edf8f3;border-radius:9px;padding:11px 13px;line-height:1.65}
.project-brief-actions{display:grid;gap:10px}
.project-brief-actions>button{min-height:46px;border:1px solid #0057cb;border-radius:9px;background:#0057cb;color:#fff;padding:12px;font-weight:850;font-size:12px;cursor:pointer}
.project-brief-actions>div{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.project-brief-actions>div button{min-height:45px;border:1px solid #b4d1e3;border-radius:9px;background:#ebf6fc;color:#164a72;padding:10px;font-weight:830;font-size:12px;cursor:pointer}
.project-brief-actions button:hover:not(:disabled){filter:brightness(.93)}
.project-brief-actions button:disabled{opacity:.53;cursor:not-allowed}
.project-brief-contact{display:inline-flex;align-items:center;min-height:44px;color:#135ba4;font-weight:830;font-size:11px;line-height:1.6;margin-top:13px;text-decoration:underline!important;text-underline-offset:3px}
.project-brief-clear{display:inline-flex;min-height:42px;align-items:center;border:0;background:transparent;color:#375f80;padding:5px 0;font-size:11px;font-weight:830;text-decoration:underline;cursor:pointer}
.project-brief-status{min-height:17px;color:#507990;font-size:11px;line-height:1.6;margin:9px 0 0}
.project-brief-noscript{color:#87440b;background:#fff7e8;padding:14px;border:1px solid #e8cfa3;border-radius:8px}
.project-brief-clarity{background:#e9f4f9;padding:clamp(52px,6vw,81px) 0;border-top:1px solid #c9e0ee}
.project-brief-clarity-inner{display:grid;grid-template-columns:1fr 1fr;gap:43px;align-items:center}
.project-brief-clarity h2{font-size:clamp(28px,3vw,43px);line-height:1.18;letter-spacing:-.048em;margin:0;color:#173957}
.project-brief-clarity p{font-size:13px;line-height:1.88;color:#537187;margin:0}
.project-brief-body button:focus-visible,.project-brief-body input:focus-visible,.project-brief-body textarea:focus-visible,.project-brief-body select:focus-visible,.project-brief-body a:focus-visible{outline:3px solid #0099ff;outline-offset:3px}
@media(max-width:1050px){.project-brief-layout{grid-template-columns:1fr}.project-brief-summary{position:static}.project-brief-hero-layout{grid-template-columns:1fr}.project-brief-hero-aside{max-width:680px}}
@media(max-width:760px){.project-brief-presets,.project-brief-items{grid-template-columns:1fr}.project-brief-section-head,.project-brief-clarity-inner{grid-template-columns:1fr;gap:15px}.project-brief-hero-layout{padding-block:59px}.project-brief-hero h1{font-size:clamp(39px,8vw,55px)}.project-brief-item{padding:18px}.project-brief-summary{padding:20px}.project-brief-presets button{min-height:85px}.project-brief-hero-actions a{width:100%}}
@media(prefers-reduced-motion:reduce){.project-brief-item{transition:none!important}}
@media(forced-colors:active){.project-brief-item[data-selected=true],.project-brief-actions>button{border:2px solid ButtonText}}

.project-brief-arabic-note{margin:0 0 11px;color:#43667d;font-size:12px;line-height:1.8}