/* PAGE: Start a Project — navigation, introduction, multi-step form, and responsive states */
*{box-sizing:border-box}html{background:#08100f;color:#edf4f1;font-family:Manrope,Arial,sans-serif}body{margin:0;min-height:100vh;background:radial-gradient(circle at 83% 12%,rgba(72,201,192,.13),transparent 27%),#08100f}button,input,textarea{font:inherit}.brief-nav{height:86px;padding:0 clamp(1.1rem,5vw,5rem);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1)}.brief-nav img{width:150px;height:auto}.brief-nav-links{display:flex;align-items:center;gap:1rem}.brief-nav a{color:#dfe9e6;text-decoration:none;font-size:.78rem}.brief-lang{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:50%}.brief-layout{width:min(1400px,100%);min-height:calc(100vh - 86px);margin:auto;display:grid;grid-template-columns:.72fr 1.28fr}.brief-aside{padding:clamp(3rem,7vw,7rem) clamp(1.2rem,5vw,5rem);border-inline-end:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column}.brief-kicker{color:#72d8d0;font-size:.68rem;text-transform:uppercase;letter-spacing:.22em}.brief-aside h1{margin:1.6rem 0;font-size:clamp(3.3rem,6vw,6.7rem);font-weight:500;line-height:.9;letter-spacing:-.065em}.brief-aside>p{max-width:430px;color:rgba(229,241,237,.58);line-height:1.8}.brief-assurance{margin-top:auto;padding-top:3rem;display:grid;gap:.75rem;color:rgba(229,241,237,.48);font-size:.72rem}.brief-assurance span:before{content:"✓";margin-inline-end:.65rem;color:#72d8d0}.brief-main{padding:clamp(3rem,7vw,7rem) clamp(1.2rem,6vw,6rem)}.brief-progress-top{display:flex;align-items:center;justify-content:space-between;color:rgba(229,241,237,.55);font-size:.72rem}.brief-progress{height:2px;margin:1rem 0 clamp(3rem,6vw,5.5rem);background:rgba(255,255,255,.12)}.brief-progress i{display:block;width:16.666%;height:100%;background:#63d5cc;transition:width .45s ease}.brief-step{display:none;animation:briefIn .45s ease}.brief-step.is-active{display:block}@keyframes briefIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.brief-step>span{color:#63d5cc;font-size:.7rem;text-transform:uppercase;letter-spacing:.18em}.brief-step h2{max-width:760px;margin:1rem 0 2.5rem;font-size:clamp(2rem,4vw,4.3rem);font-weight:500;line-height:1.06;letter-spacing:-.045em}.brief-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.brief-option{min-height:70px;padding:1rem 1.2rem;text-align:start;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.025);color:#e9f1ee;cursor:pointer;transition:.25s ease}.brief-option:hover,.brief-option.is-selected{border-color:#63d5cc;background:rgba(99,213,204,.1)}.brief-option.is-selected:after{content:"✓";float:inline-end;color:#63d5cc}.brief-fields{display:grid;gap:1rem}.brief-field{display:grid;gap:.55rem}.brief-field label{color:rgba(229,241,237,.58);font-size:.75rem}.brief-field input,.brief-field textarea{width:100%;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.035);color:#fff;padding:1rem 1.1rem;outline:0;resize:vertical}.brief-field textarea{min-height:150px}.brief-field input:focus,.brief-field textarea:focus{border-color:#63d5cc;box-shadow:0 0 0 3px rgba(99,213,204,.08)}.brief-error{min-height:1.2rem;margin:1.2rem 0 0;color:#ff9185;font-size:.75rem}.brief-actions{margin-top:2.5rem;display:flex;gap:.7rem}.brief-actions button{min-height:54px;padding:0 1.5rem;border-radius:999px;cursor:pointer}.brief-next,.brief-submit{border:0;background:#63d5cc;color:#07100f}.brief-back{border:1px solid rgba(255,255,255,.16);background:transparent;color:#fff}.brief-back[hidden]{display:none}.brief-submit{display:none}.brief-fallback{margin-top:1rem;color:rgba(229,241,237,.45);font-size:.7rem}.brief-fallback a{color:#81ddd5}.brief-success{display:none}.brief-success.is-active{display:block}.brief-success h2{font-size:clamp(2.5rem,5vw,5rem);font-weight:500}.brief-success p{color:rgba(229,241,237,.62);line-height:1.8}.brief-success a{display:inline-flex;margin-top:1.5rem;color:#63d5cc}.brief-step.is-invalid .brief-option{animation:shake .25s ease}@keyframes shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}html[dir="rtl"]{font-family:"IBM Plex Sans Arabic",Arial,sans-serif}html[dir="rtl"] .brief-aside h1,html[dir="rtl"] .brief-step h2{letter-spacing:-.025em;line-height:1.15}html[dir="rtl"] .brief-kicker,html[dir="rtl"] .brief-step>span{text-transform:none;letter-spacing:0}
@media(max-width:850px){.brief-layout{grid-template-columns:1fr}.brief-aside{min-height:auto;border-inline-end:0;border-bottom:1px solid rgba(255,255,255,.1)}.brief-assurance{margin-top:2rem}.brief-aside h1{font-size:clamp(3rem,13vw,5rem)}.brief-main{min-height:650px}}
@media(max-width:560px){.brief-nav{height:72px}.brief-nav img{width:125px}.brief-layout{min-height:calc(100vh - 72px)}.brief-aside,.brief-main{padding:3rem 1.1rem}.brief-options{grid-template-columns:1fr}.brief-step h2{font-size:2rem;margin-bottom:1.8rem}.brief-actions button{flex:1}.brief-assurance{display:none}}

/* FEATURE: Guided brief / ready proposal route switch */
.brief-route-switch{display:inline-flex;margin:0 0 clamp(2.5rem,5vw,4rem);padding:.3rem;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(255,255,255,.025)}
.brief-route-switch button{min-height:42px;padding:0 1rem;border:0;border-radius:999px;background:transparent;color:rgba(237,244,241,.55);font-size:.72rem;cursor:pointer;transition:background .25s ease,color .25s ease}.brief-route-switch button.is-active{background:#63d5cc;color:#07100f}
.proposal-upload>h2,.proposal-success h2{max-width:760px;margin:1rem 0 1.25rem;font-size:clamp(2.5rem,5vw,5rem);font-weight:500;line-height:1;letter-spacing:-.05em}.proposal-intro{max-width:620px;margin:0 0 2rem;color:rgba(229,241,237,.58);line-height:1.75}
.proposal-drop{min-height:180px;padding:2rem;display:grid;place-items:center;text-align:center;border:1px dashed rgba(99,213,204,.5);border-radius:18px;background:rgba(99,213,204,.045);cursor:pointer;transition:border-color .25s ease,background .25s ease}.proposal-drop:hover,.proposal-drop:focus-within{border-color:#63d5cc;background:rgba(99,213,204,.09)}.proposal-drop input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.proposal-drop-icon{width:44px;height:44px;display:grid;place-items:center;margin-bottom:.65rem;border-radius:50%;background:#63d5cc;color:#07100f;font-size:1.35rem}.proposal-drop strong{font-size:1rem;font-weight:500}.proposal-drop small{margin-top:.45rem;color:rgba(229,241,237,.48);font-size:.72rem}
.proposal-file{margin-top:.75rem;padding:.8rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid rgba(255,255,255,.12);border-radius:12px}.proposal-file[hidden]{display:none}.proposal-file-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dfe9e6;font-size:.78rem}.proposal-remove{border:0;background:transparent;color:#72d8d0;font-size:.7rem;cursor:pointer}
.proposal-fields{margin-top:1.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}.proposal-fields .brief-field:last-child{grid-column:1/-1}.proposal-note{margin:1rem 0 0;color:rgba(229,241,237,.42);font-size:.68rem;line-height:1.6}.proposal-error{min-height:1.2rem;margin:1rem 0;color:#ff9185;font-size:.75rem}.proposal-submit{min-height:54px;padding:0 1.5rem;border:0;border-radius:999px;background:#63d5cc;color:#07100f;cursor:pointer}.proposal-success p{max-width:620px;color:rgba(229,241,237,.62);line-height:1.8}
html[dir="rtl"] .proposal-upload>h2,html[dir="rtl"] .proposal-success h2{font-family:"IBM Plex Sans Arabic",Arial,sans-serif;letter-spacing:0;line-height:1.18;font-weight:500}
@media(max-width:560px){.brief-route-switch{width:100%;display:grid;grid-template-columns:1fr 1fr}.brief-route-switch button{padding:0 .55rem;font-size:.65rem}.proposal-upload>h2,.proposal-success h2{font-size:2.6rem}.proposal-drop{min-height:160px;padding:1.5rem}.proposal-fields{grid-template-columns:1fr}.proposal-fields .brief-field:last-child{grid-column:auto}}