/* Kasbokar Website Master Brief v22 */
:root{--wb-bg:#07091a;--wb-panel:#10142c;--wb-panel2:#151a38;--wb-line:rgba(174,182,255,.16);--wb-text:#f7f8ff;--wb-muted:#aeb5d6;--wb-pink:#ff3f98;--wb-purple:#8b5cff;--wb-cyan:#4adfff;--wb-ok:#52e6b2}
body{background:radial-gradient(circle at 20% 0,rgba(139,92,255,.14),transparent 35%),radial-gradient(circle at 90% 12%,rgba(255,63,152,.12),transparent 28%),var(--wb-bg);color:var(--wb-text)}
.wb22-hero{padding:clamp(7rem,12vw,11rem) 0 clamp(3rem,7vw,6rem);overflow:hidden;position:relative}.wb22-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,transparent 30%,rgba(74,223,255,.05),transparent 70%);pointer-events:none}.wb22-hero>.container{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:clamp(2rem,5vw,5rem);align-items:center}.wb22-hero span,.wb22-section header span{font-size:.78rem;letter-spacing:.18em;color:var(--wb-cyan)}.wb22-hero h1{font-size:clamp(2.4rem,6vw,6.4rem);line-height:1.08;margin:.8rem 0 1.25rem;max-width:1050px}.wb22-hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--wb-pink),#ff7ad9,var(--wb-cyan));-webkit-background-clip:text;color:transparent}.wb22-hero p{font-size:clamp(1rem,1.4vw,1.25rem);line-height:2;color:var(--wb-muted);max-width:850px}.wb22-hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.7rem}.wb22-hero aside{padding:1.5rem;border:1px solid var(--wb-line);background:linear-gradient(145deg,rgba(20,25,57,.92),rgba(9,12,31,.9));border-radius:28px}.wb22-hero aside img{width:72px;height:72px;display:block;margin-bottom:1rem}.wb22-hero aside b{font-size:1.08rem}.wb22-hero aside ul{margin:1rem 0 0;padding:0;list-style:none;display:grid;gap:.75rem}.wb22-hero aside li{color:var(--wb-muted);display:flex;gap:.6rem}.wb22-hero aside li:before{content:"✓";color:var(--wb-ok)}
.wb22-note{margin:-1rem 0 2rem}.wb22-note>.container{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;padding:1rem 1.2rem;border:1px solid rgba(74,223,255,.18);background:rgba(74,223,255,.055);border-radius:18px}.wb22-note p{margin:0;color:var(--wb-muted);flex:1 1 520px}.wb22-note .ltr{direction:ltr;font-weight:700;color:var(--wb-cyan)}
.wb22-form>.container{display:grid;grid-template-columns:270px minmax(0,1fr);gap:1.4rem;align-items:start;padding-bottom:6rem}.wb22-sidebar{position:sticky;top:92px;border:1px solid var(--wb-line);background:rgba(13,17,39,.96);border-radius:24px;padding:1rem;max-height:calc(100vh - 110px);overflow:auto}.wb22-sidebar>div{padding:1rem;border-radius:16px;background:rgba(255,255,255,.035)}.wb22-sidebar>div span{color:var(--wb-muted);font-size:.85rem}.wb22-sidebar>div b{display:block;font-size:1.75rem;margin:.2rem 0}.wb22-sidebar>div i{display:block;height:8px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}.wb22-sidebar>div em{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--wb-purple),var(--wb-pink),var(--wb-cyan));transition:width .3s ease}.wb22-sidebar nav{display:grid;margin-top:.8rem}.wb22-sidebar nav a{display:flex;align-items:center;gap:.65rem;padding:.75rem;border-radius:12px;color:var(--wb-muted);font-size:.88rem;transition:.2s}.wb22-sidebar nav a i{font-style:normal;font-size:.7rem;color:var(--wb-cyan)}.wb22-sidebar nav a.active{color:#fff;background:rgba(139,92,255,.13)}
.wb22-main{min-width:0;display:grid;gap:1.25rem}.wb22-section{scroll-margin-top:100px;border:1px solid var(--wb-line);background:linear-gradient(150deg,rgba(18,23,52,.94),rgba(10,13,32,.96));border-radius:28px;padding:clamp(1.15rem,3vw,2.4rem)}.wb22-section>header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.6rem}.wb22-section>header>i{font-style:normal;flex:0 0 48px;height:48px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(140deg,rgba(255,63,152,.18),rgba(74,223,255,.12));border:1px solid rgba(255,255,255,.12);color:#fff}.wb22-section h2{font-size:clamp(1.3rem,2.6vw,2.25rem);line-height:1.5;margin:.25rem 0 0}.wb22-section h3{font-size:1rem;margin:1.6rem 0 .8rem;color:#fff}.wb22-section label{display:grid;gap:.55rem;color:#eef0ff;font-size:.92rem}.wb22-section .input{width:100%;min-width:0;background:#0b0f27;border:1px solid rgba(195,201,255,.18);color:#fff;border-radius:14px;padding:.9rem 1rem;outline:none;transition:border-color .2s,box-shadow .2s}.wb22-section .input:focus{border-color:var(--wb-purple);box-shadow:0 0 0 4px rgba(139,92,255,.12)}.wb22-section textarea.input{resize:vertical;line-height:1.8}.wb22-section select.input{appearance:auto}.form-grid{display:grid;gap:1rem}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.wb22-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.wb22-checks.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.wb22-checks label{display:flex;align-items:flex-start;gap:.6rem;padding:.82rem;border:1px solid rgba(191,198,255,.13);background:rgba(255,255,255,.025);border-radius:13px;cursor:pointer;line-height:1.55}.wb22-checks label:has(input:checked){border-color:rgba(255,63,152,.58);background:rgba(255,63,152,.09)}.wb22-checks input{accent-color:var(--wb-pink);margin-top:.2rem}.file-drop{position:relative;display:grid;place-items:center;text-align:center;min-height:150px;border:1px dashed rgba(74,223,255,.42);border-radius:18px;background:rgba(74,223,255,.035);padding:1rem}.file-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}.file-drop small{color:var(--wb-muted)}.file-preview{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.6rem}.file-preview span{font-size:.78rem;padding:.45rem .6rem;border-radius:10px;background:rgba(139,92,255,.12);color:#dfe2ff}
.wb22-prompt-section{border-color:rgba(255,63,152,.32)}.wb22-prompt-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.wb22-prompt-toolbar button{border:0;border-radius:12px;padding:.72rem 1rem;background:linear-gradient(90deg,var(--wb-purple),var(--wb-pink));color:#fff;cursor:pointer}.wb22-prompt-toolbar span{color:var(--wb-muted);font-size:.84rem}.wb22-prompt-section pre{white-space:pre-wrap;word-break:break-word;direction:rtl;text-align:right;background:#06091d;border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:1.2rem;min-height:260px;max-height:620px;overflow:auto;line-height:2;color:#dfe5ff;font-family:inherit}.wb22-submit{border:1px solid rgba(82,230,178,.22);background:rgba(82,230,178,.055);border-radius:24px;padding:1.4rem;display:grid;gap:1rem}.wb22-submit .consent{display:flex;gap:.7rem;align-items:flex-start}.wb22-submit p{margin:0;color:var(--wb-muted)}
@media(max-width:1100px){.wb22-hero>.container{grid-template-columns:1fr}.wb22-hero aside{max-width:720px}.wb22-form>.container{grid-template-columns:220px minmax(0,1fr)}.wb22-checks,.wb22-checks.compact{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.wb22-form>.container{display:block}.wb22-sidebar{position:relative;top:auto;max-height:none;margin-bottom:1rem}.wb22-sidebar nav{display:flex;overflow:auto;gap:.4rem;padding-bottom:.2rem}.wb22-sidebar nav a{flex:0 0 auto}.wb22-sidebar nav a i{display:none}.wb22-section{border-radius:22px}.form-grid.two{grid-template-columns:1fr}}
@media(max-width:560px){.wb22-hero{padding-top:6.5rem}.wb22-hero h1{font-size:2.35rem}.wb22-hero-actions .btn{width:100%;justify-content:center}.wb22-note>.container{align-items:flex-start}.wb22-form>.container{padding-inline:10px}.wb22-sidebar{border-radius:18px}.wb22-section{padding:1rem;border-radius:18px}.wb22-section>header>i{flex-basis:40px;height:40px}.wb22-checks,.wb22-checks.compact{grid-template-columns:1fr}.wb22-prompt-toolbar{align-items:flex-start;flex-direction:column}.wb22-submit .btn{width:100%}}

/* v22 brand/header polish: transparent vector logo, no white tile */
.website-project-brief .brand-mark{
  background:transparent!important;
  border:0!important;
  overflow:visible!important;
  box-shadow:none!important;
  border-radius:0!important;
}
.website-project-brief .brand-mark img{
  padding:0!important;
  filter:drop-shadow(0 0 8px rgba(255,63,152,.55)) drop-shadow(0 0 18px rgba(139,92,255,.22));
}
.website-project-brief .main-header{border-bottom-color:rgba(255,255,255,.075)}
.website-project-brief .brand-copy small{direction:rtl;letter-spacing:0;text-align:right}
@media(max-width:560px){
  .website-project-brief .brand-mark{width:40px!important;height:40px!important}
  .website-project-brief .brand-copy strong{font-size:13px!important}
}