@font-face{font-family:Alibaba;src:url('assets/fonts/Alibaba-Regular.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:Alibaba;src:url('assets/fonts/Alibaba-Light.woff') format('woff');font-weight:300;font-display:swap}
@font-face{font-family:Alibaba;src:url('assets/fonts/Alibaba-Bold.woff') format('woff');font-weight:700;font-display:swap}
@font-face{font-family:Alibaba;src:url('assets/fonts/Alibaba-Black.woff') format('woff');font-weight:900;font-display:swap}
:root{--bg:#090707;--panel:#151110;--panel2:#1c1715;--line:rgba(255,255,255,.07);--line2:rgba(255,255,255,.12);--text:#f4f1ee;--muted:#9d948f;--orange:#f15a22;--orange2:#ff7a47;--green:#7bcf53;--blue:#cfd5d8;--radius:22px;--nav-h:84px}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%;background:#030404;color:var(--text);font-family:Alibaba,Tahoma,Arial,sans-serif;overscroll-behavior:none}body{min-height:100dvh}button,input,a{font:inherit}button{color:inherit}.desktop-backdrop{position:fixed;inset:0;overflow:hidden;background:radial-gradient(circle at 50% 18%,#1b130f 0%,#090807 42%,#030303 100%)}.desktop-backdrop>div{position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,rgba(241,90,34,.07),transparent 38%),rgba(0,0,0,.30)}.app-shell{position:relative;z-index:2;width:min(100%,430px);min-height:100dvh;margin:auto;background:linear-gradient(180deg,#0d0b0b,#0a0909 42%,#070707 100%);box-shadow:0 0 90px rgba(0,0,0,.78);overflow:hidden}.welcome-screen{position:fixed;z-index:50;top:0;left:50%;transform:translateX(-50%);width:min(100%,430px);height:100dvh;overflow:hidden;background:#000;transition:visibility .1s linear .65s}.welcome-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.welcome-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.06) 40%,rgba(0,0,0,.62) 100%)}.welcome-darkener{position:absolute;inset:0;background:#07090a;opacity:0;transition:opacity .45s cubic-bezier(.2,.75,.15,1)}.welcome-brand{position:absolute;z-index:3;left:50%;top:61%;transform:translate(-50%,-50%);width:78%;text-align:center;will-change:transform,opacity;transition:opacity .55s ease}.welcome-brand img{width:100%;display:block;filter:drop-shadow(0 8px 22px rgba(0,0,0,.42))}.welcome-brand h1{font-size:24px;margin:28px 0 10px;font-weight:700}.welcome-brand p{font:300 12px/1.6 Arial,sans-serif;letter-spacing:3.2px;margin:0;color:#e2e2e2}.swipe-entry{position:absolute;z-index:4;bottom:max(30px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);border:0;background:transparent;color:#fff;display:grid;justify-items:center;gap:9px;cursor:pointer}.swipe-entry em{font-style:normal;font-size:11px;color:#d2d3d4}.swipe-orb{width:62px;height:62px;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:radial-gradient(circle at 45% 35%,rgba(255,255,255,.12),rgba(10,12,13,.78) 62%);box-shadow:inset 0 0 24px rgba(255,255,255,.05),0 10px 26px rgba(0,0,0,.36);display:grid;place-items:center;animation:orbPulse 1.8s ease-in-out infinite}.swipe-orb i{width:18px;height:18px;border-top:3px solid white;border-left:3px solid white;transform:rotate(45deg) translate(3px,3px);border-radius:2px}.welcome-screen.leaving .welcome-darkener{opacity:.97}.welcome-screen.leaving .swipe-entry{animation:swipeOut .45s ease forwards}.welcome-screen.leaving .welcome-brand{opacity:0}.welcome-screen.done{visibility:hidden;pointer-events:none}.flying-logo{position:fixed;z-index:80;margin:0;object-fit:contain;transform-origin:center;pointer-events:none;filter:drop-shadow(0 12px 28px rgba(0,0,0,.5))}.portal{position:relative;min-height:auto;padding:0 18px calc(var(--nav-h) + 14px);opacity:0;transform:translateY(22px);transition:opacity .35s ease .18s,transform .45s cubic-bezier(.2,.85,.2,1) .15s}.portal.ready{opacity:1;transform:none}.topbar{height:94px;padding:30px 0 12px;display:flex;align-items:flex-start;justify-content:space-between;}.top-logo{width:192px;height:auto;display:block}.top-actions{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.round-icon,.avatar-button{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#4b403b 0%,#342d29 48%,#221e1c 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),inset 0 -12px 18px rgba(0,0,0,.17),0 12px 24px rgba(0,0,0,.24);display:grid;place-items:center;position:relative}.round-icon svg{width:20px;fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.round-icon b{position:absolute;top:-1px;right:-2px;width:15px;height:15px;border-radius:50%;background:var(--orange);font:700 8px Arial;display:grid;place-items:center}.avatar-button{padding:0;overflow:hidden}.avatar-button img{width:100%;height:100%;object-fit:cover}.top-actions-row{display:flex;flex-direction:row;align-items:center;gap:12px;direction:rtl}.user-meta{display:flex;flex-direction:column;align-items:flex-end;text-align:right;direction:rtl}.user-meta p{margin:0;font-size:16px;font-weight:700;line-height:1.25}.user-meta small{margin-top:4px;font-size:12px;color:var(--muted)}.pages{min-height:auto}.page{display:none;animation:pageIn .38s ease}.page.active{display:block}.greeting p{margin:0 0 9px;font-size:16px}.greeting p span{font-size:15px}.greeting h2{font-size:28px;line-height:0.92;margin:0;font-weight:700}.greeting h2 mark{background:transparent;color:var(--orange)}.greeting small{display:block;margin-top:12px;color:var(--muted);font-size:10px}.glass{background:linear-gradient(180deg,rgba(63,55,50,.96) 0%,rgba(40,35,32,.98) 46%,rgba(24,21,20,1) 100%);border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),inset 0 -20px 28px rgba(0,0,0,.16),0 18px 42px rgba(0,0,0,.18);border-radius:var(--radius)}.new-project-card{height:205px;display:flex;overflow:hidden;position:relative}.new-project-copy{position:relative;z-index:2;width:66%;padding:24px 20px;display:flex;flex-direction:column;align-items:flex-start}.new-project-copy h3{font-size:21px;margin:0 0 8px}.new-project-copy p{margin:0;color:#a8abad;font-size:12px;line-height:1.75}.new-project-art{position:absolute;left:0;top:0;width:46%;height:100%}.new-project-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(17,20,22,.25) 45%,rgba(17,20,22,1) 100%)}.new-project-art img{width:100%;height:100%;object-fit:cover}.primary-button{margin-top:auto;border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:13px 18px;background:linear-gradient(180deg,#f68255 0%,#f15a22 52%,#db4818 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.13),inset 0 -12px 20px rgba(122,39,12,.14),0 8px 18px rgba(241,90,34,.16);color:#fff7f2;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:18px;text-shadow:0 1px 0 rgba(108,31,10,.25)}.primary-button span{font:300 22px Arial}.primary-button.full{width:100%;margin-top:12px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:25px 3px 10px}.section-heading h3{margin:0;font-size:14px}.section-heading button,.section-heading small{border:0;background:none;color:#989da0;font-size:9px}.active-project{width:100%;border-radius:20px;padding:10px;display:grid;grid-template-columns:132px 1fr;gap:12px;text-align:right;color:white}.active-project>img{width:132px;height:92px;object-fit:cover;border-radius:14px}.active-project-content{padding:5px 0}.project-name{display:flex;align-items:center;gap:6px}.project-name i{width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 14px rgba(255,86,24,.7)}.project-name strong{font-size:12px}.active-project p{font-size:9px;color:#a6aaac}.progress-line{display:flex;align-items:center;gap:8px;margin-top:11px}.progress-line>b{font-size:10px;font-weight:400}.progress-line>span{flex:1;height:6px;border-radius:999px;background:#424648;overflow:hidden}.progress-line>span i{display:block;height:100%;background:linear-gradient(90deg,var(--orange),#ffac84);border-radius:inherit}.progress-line>em{font-style:normal;font:18px Arial;color:#ddd}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:13px}.quick{min-height:96px;padding:12px 5px;border-radius:20px;color:#f6f2ef;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:linear-gradient(180deg,rgba(64,56,51,.98) 0%,rgba(41,35,32,.98) 50%,rgba(27,23,22,.99) 100%);border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),inset 0 -14px 22px rgba(0,0,0,.15),0 12px 24px rgba(0,0,0,.16)}.quick-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(180deg,#564943 0%,#3b332f 54%,#292422 100%);border:1px solid rgba(255,255,255,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),inset 0 -8px 14px rgba(0,0,0,.13),0 10px 18px rgba(0,0,0,.17)}.quick-icon.hot{background:linear-gradient(180deg,#f47a4e 0%,#f15a22 56%,#d94a17 100%);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -8px 14px rgba(116,38,14,.16),0 10px 18px rgba(241,90,34,.18)}.quick-icon svg,.event-icon svg,.bottom-nav svg{width:21px;height:21px;fill:none;stroke:#f1ede8;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.quick-icon.hot svg{stroke:#fff5ef}.quick b{font-size:10px}.activity-list{display:grid;gap:8px}.activity{display:grid;grid-template-columns:54px 1fr 46px;align-items:center;padding:10px 11px;border-radius:18px}.activity time{font-size:8px;color:#888e91;line-height:1.6}.activity b{font-size:10px}.activity small{display:block;font-size:8px;color:#858a8d;margin-top:4px}.event-icon{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),inset 0 -8px 14px rgba(0,0,0,.13),0 10px 18px rgba(0,0,0,.16)}.event-icon.orange{background:linear-gradient(180deg,#f47a4e 0%,#f15a22 56%,#d94a17 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -8px 14px rgba(116,38,14,.16),0 10px 18px rgba(241,90,34,.18)}.event-icon.orange svg{stroke:#fff6f1}.event-icon.blue{background:linear-gradient(180deg,#4d4642 0%,#322d2a 52%,#24201e 100%)}.event-icon.blue svg{stroke:#f1ede8}.brand-banner{margin:18px 0 0;border-radius:24px;overflow:hidden;background:linear-gradient(180deg,rgba(39,34,31,.98) 0%,rgba(24,21,20,1) 100%);border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),inset 0 -18px 30px rgba(0,0,0,.15),0 18px 42px rgba(0,0,0,.18);padding:0;display:block;min-height:auto}.brand-banner img{width:100%;height:auto;display:block}.brand-banner strong{font-size:18px;line-height:1.6;text-align:left}.page-title{padding:16px 3px 14px}.page-title>small{font:8px Arial;letter-spacing:2px;color:#7f8588}.page-title h2{font-size:24px;margin:8px 0 6px}.page-title p{font-size:10px;color:#8c9295;line-height:1.8;margin:0}.filter-pills{display:flex;gap:7px;overflow:auto;padding:5px 0 14px;scrollbar-width:none}.filter-pills::-webkit-scrollbar{display:none}.filter-pills button{white-space:nowrap;border:1px solid var(--line);background:#141719;color:#969b9e;border-radius:999px;padding:9px 13px;font-size:9px}.filter-pills button.active{background:var(--orange);border-color:var(--orange);color:#fff}.project-tile{width:100%;border-radius:20px;margin-bottom:10px;overflow:hidden;text-align:right;color:#fff;padding:0}.project-cover{height:165px;position:relative}.project-cover img{width:100%;height:100%;object-fit:cover}.project-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.55))}.project-cover span{position:absolute;z-index:2;right:12px;bottom:10px;background:rgba(18,20,21,.85);border:1px solid rgba(255,105,46,.35);color:#ff8753;border-radius:999px;padding:6px 9px;font-size:8px}.project-cover span.waiting{color:#ddd;border-color:var(--line2)}.project-tile>div:last-child{padding:13px 14px}.project-tile h3{font-size:14px;margin:0}.project-tile p{font:9px Arial;color:#858b8e}.back-button{border:0;background:none;color:#a3a7a9;padding:10px 0;font-size:9px}.project-hero{overflow:hidden}.project-hero>img{width:100%;height:200px;object-fit:cover}.project-hero>div{position:relative;padding:15px}.project-hero small{font:8px Arial;letter-spacing:1.5px;color:#8c9194}.project-hero h2{font-size:18px;margin:5px 0}.project-hero p{font-size:9px;color:#9ba0a2}.progress-circle,.finance-ring{position:absolute;left:15px;bottom:15px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--orange) 0 70%,#303335 70%);font-size:11px}.progress-circle:before,.finance-ring:before{content:"";position:absolute;width:43px;height:43px;border-radius:50%;background:#141719}.progress-circle,.finance-ring{isolation:isolate}.progress-circle{color:white}.progress-circle::after{content:"۷۰٪";position:absolute;z-index:2}.journey,.review,.files,.dna-hero,.dna-card,.profile-card,.profile-form,.telegram-card,.message-thread,.brief-intro,.brief-question{padding:16px;margin-top:10px}.journey .section-heading{margin:0 0 8px}.journey-row{position:relative;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding:10px 0}.journey-row:not(:last-child):after{content:"";position:absolute;right:16px;top:42px;height:20px;width:1px;background:#323638}.journey-row>i{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:1px solid #3b3f42;color:#868c8f;font-style:normal;font-size:10px}.journey-row.done>i{border-color:rgba(114,205,91,.28);background:rgba(114,205,91,.1);color:var(--green)}.journey-row.current>i{border-color:rgba(255,90,24,.35);background:var(--orange);color:#fff}.journey-row b{font-size:10px}.journey-row small{display:block;font:8px Arial;color:#777d80;margin-top:2px}.journey-row>span{font-size:8px;color:#ff8956}.review>span{font-size:8px;color:#ff8752}.review h3{margin:5px 0 8px;font-size:16px}.review p{font-size:10px;color:#999ea1;line-height:1.8}.review-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.review-buttons button{border:1px solid var(--line);background:#17191b;color:#fff;padding:10px;border-radius:11px;font-size:9px}.review-buttons .approve{grid-column:1/-1;background:linear-gradient(135deg,var(--orange2),var(--orange));border:0}.files .section-heading{margin:0 0 7px}.file-row{display:grid;grid-template-columns:35px 1fr 34px;align-items:center;gap:9px;padding:10px 0;border-top:1px solid rgba(255,255,255,.06)}.file-row>b{width:34px;height:34px;border-radius:9px;background:#2a2424;display:grid;place-items:center;color:#ff7350;font:700 8px Arial}.file-row strong{font:700 9px Arial}.file-row small{display:block;color:#777d80;font-size:8px;margin-top:3px}.file-row button{width:31px;height:31px;border-radius:50%;border:1px solid var(--line);background:#121416;color:white}.external-link{margin-top:10px;padding:14px;display:flex;justify-content:space-between;color:#fff;text-decoration:none;font-size:10px}.finance-overview{padding:18px;display:grid;grid-template-columns:70px 1fr;align-items:center;gap:12px;position:relative}.finance-ring{position:relative;left:auto;bottom:auto}.finance-ring:after{content:"۷۰٪";position:absolute;z-index:2}.finance-overview small{color:#8d9295;font-size:8px}.finance-overview h3{font-size:17px;margin:5px 0}.finance-overview em{font-style:normal;font-size:9px}.finance-overview p{font-size:9px;color:#a2a6a8;margin:4px 0}.accent-text{color:#ff8350!important}.finance-list{display:grid;gap:8px;margin-top:10px}.finance-list article{display:grid;grid-template-columns:38px 1fr 28px;align-items:center;gap:9px;padding:12px}.finance-list article>span{width:35px;height:35px;border-radius:50%;background:#2b1d17;color:var(--orange);display:grid;place-items:center}.finance-list b{font-size:10px}.finance-list small{display:block;color:#858a8d;font-size:8px;margin-top:3px}.finance-list button{border:0;background:none;color:#aaa}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.tags span{border:1px solid rgba(255,105,47,.28);background:rgba(255,87,20,.08);color:#ff8b59;padding:8px 11px;border-radius:999px;font:9px Arial}.dna-card h3{font-size:14px;margin:0 0 16px}.spectrum{display:grid;grid-template-columns:42px 1fr 42px;gap:8px;align-items:center;font-size:9px;color:#969b9e;margin:13px 0}.spectrum i{height:4px;border-radius:999px;background:#35383a;position:relative}.spectrum i b{position:absolute;top:50%;width:13px;height:13px;border-radius:50%;background:var(--orange);transform:translate(-50%,-50%);box-shadow:0 0 14px rgba(255,90,24,.45)}.goal-list{display:grid;gap:8px}.goal-list span{padding:11px;border-radius:12px;background:#15181a;border:1px solid rgba(255,255,255,.05);font-size:10px}.profile-card{text-align:center}.profile-photo{position:relative;display:inline-block}.profile-photo img{width:88px;height:88px;border-radius:50%;object-fit:cover;border:1px solid var(--line2)}.profile-photo input{display:none}.profile-photo span{position:absolute;right:-5px;bottom:3px;background:var(--orange);padding:5px 7px;border-radius:999px;font-size:8px}.profile-card h2{font-size:18px;margin:8px 0 2px}.profile-card p{font:9px Arial;color:#8d9295}.profile-form label{display:block;color:#92979a;font-size:9px;margin-bottom:12px}.profile-form input{width:100%;margin-top:6px;padding:12px;border-radius:12px;border:1px solid var(--line);background:#111416;color:#fff;outline:none;direction:rtl}.profile-form .primary-button{width:100%;margin-top:5px}.telegram-card{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px}.telegram-card>span{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#248bc9}.telegram-card b{font:700 10px Arial}.telegram-card small{display:block;color:#888d90;font-size:8px}.telegram-card i{font-style:normal;font:8px Arial;color:#77d092;background:rgba(70,190,110,.1);padding:6px;border-radius:999px}.message-thread>div{width:86%;padding:10px 12px;border-radius:14px 14px 14px 4px;background:#15181a;margin-bottom:8px}.message-thread>div.mine{margin-right:auto;border-radius:14px 14px 4px 14px;background:#281913}.message-thread b{font-size:8px;color:#ff8752}.message-thread p{font-size:10px;line-height:1.7}.message-thread time{font-size:8px;color:#777c80}.brief-intro{min-height:360px;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(circle at 50% 5%,rgba(255,83,16,.14),transparent 42%),linear-gradient(160deg,#171a1c,#0e1011)}.brief-intro>small,.brief-question>small{font:8px Arial;letter-spacing:1.6px;color:#ff8651}.brief-intro h2{font-size:26px;line-height:1.5;margin:8px 0}.brief-intro p{font-size:10px;line-height:1.9;color:#959a9d}.brief-question h3{font-size:18px;line-height:1.7}.brief-options{display:grid;gap:8px}.brief-options button{border:1px solid var(--line);background:#151719;color:#fff;text-align:right;padding:12px;border-radius:12px}.brief-options button.selected{border-color:rgba(255,99,39,.65);background:#241712}.hidden{display:none!important}.bottom-nav{position:fixed;z-index:30;bottom:max(10px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(calc(100% - 24px),406px);height:84px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(52,45,42,.98),rgba(24,21,20,.98));border-radius:28px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;padding:7px 7px 5px;box-shadow:0 20px 50px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.04);backdrop-filter:blur(18px)}.bottom-nav button{position:relative;height:62px;border:1px solid rgba(255,255,255,.03);background:linear-gradient(180deg,rgba(73,63,58,.24),rgba(35,30,28,.15));color:#b7ada7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:18px;transition:transform .2s ease,color .2s ease}.bottom-nav svg{width:22px;height:22px;stroke:#cfc7c1}.bottom-nav span{font-size:9px}.bottom-nav button.active,.bottom-nav button.active span{color:#fff5ef}.bottom-nav button.active{background:linear-gradient(180deg,#f68255 0%,#f15a22 52%,#db4818 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -10px 18px rgba(122,39,12,.14),0 8px 16px rgba(241,90,34,.14);transform:translateY(-1px)}.bottom-nav button.active svg{stroke:#fff5ef;filter:none}.bottom-sheet{position:fixed;z-index:90;left:50%;bottom:-430px;transform:translateX(-50%);width:min(calc(100% - 24px),406px);border:1px solid var(--line2);background:#111416;border-radius:28px 28px 18px 18px;padding:13px 20px 21px;text-align:center;box-shadow:0 -25px 90px rgba(0,0,0,.75);transition:bottom .65s cubic-bezier(.2,.9,.2,1)}.bottom-sheet.open{bottom:max(10px,env(safe-area-inset-bottom))}.sheet-handle{display:block;width:42px;height:4px;border-radius:99px;background:#484c4e;margin:0 auto 18px}.telegram-mark{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#248bc9;margin:0 auto 10px;font-size:24px}.bottom-sheet h3{font-size:17px;margin:0 0 7px}.bottom-sheet p{font-size:10px;color:#979c9f;line-height:1.8}.telegram-button{display:block;background:#248bc9;color:#fff;text-decoration:none;border-radius:13px;padding:13px;font-weight:700}.demo-login{border:0;background:none;color:#aab0b3;padding:12px}.bottom-sheet small{display:block;color:#6f7578;font-size:8px;line-height:1.6}.notification-panel{position:fixed;z-index:85;top:76px;left:50%;transform:translate(-50%,-10px);width:min(calc(100% - 30px),395px);padding:12px;opacity:0;pointer-events:none;transition:.25s}.notification-panel.open{opacity:1;pointer-events:auto;transform:translate(-50%,0)}.notification-panel .section-heading{margin:0 0 4px}.notification-panel article{display:flex;gap:10px;padding:10px 3px;border-top:1px solid rgba(255,255,255,.06)}.notification-panel article>i{width:7px;height:7px;border-radius:50%;background:var(--orange);margin-top:4px}.notification-panel b{font-size:9px}.notification-panel small{display:block;font-size:8px;color:#858b8e;margin-top:3px}.toast{position:fixed;z-index:110;left:50%;bottom:104px;transform:translate(-50%,20px);width:min(calc(100% - 30px),395px);padding:12px 14px;background:#181c1e;border:1px solid rgba(255,104,45,.28);border-radius:14px;box-shadow:0 12px 42px rgba(0,0,0,.45);text-align:center;font-size:9px;opacity:0;pointer-events:none;transition:.3s}.toast.show{opacity:1;transform:translate(-50%,0)}.animate-in{opacity:0;transform:translateY(14px)}.portal.ready .animate-in{animation:reveal .7s cubic-bezier(.2,.8,.2,1) forwards}.portal.ready .a1{animation-delay:.36s}.portal.ready .a2{animation-delay:.52s}.portal.ready .a3{animation-delay:.66s}.portal.ready .a4{animation-delay:.78s}.portal.ready .a5{animation-delay:.9s}.portal.ready .a6{animation-delay:1.02s}.portal.ready .a7{animation-delay:1.12s}@keyframes reveal{to{opacity:1;transform:none}}@keyframes pageIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes orbPulse{0%,100%{transform:translateY(0);box-shadow:0 10px 26px rgba(0,0,0,.36)}50%{transform:translateY(-7px);box-shadow:0 15px 32px rgba(0,0,0,.46),0 0 20px rgba(255,255,255,.07)}}@keyframes swipeOut{to{opacity:0;transform:translate(-50%,-30px)}}
@media(min-width:700px){body{padding:18px 0}.app-shell{min-height:calc(100dvh - 36px);border-radius:38px;border:1px solid rgba(255,255,255,.12)}.welcome-screen{height:calc(100dvh - 36px);top:18px;border-radius:38px}.bottom-nav{bottom:26px}}
@media(max-width:370px){.greeting h2{font-size:25px}.new-project-card{height:195px}.active-project{grid-template-columns:120px 1fr}.active-project>img{width:120px}.quick{min-height:90px}}






/* === COOBEH CLEAN HOME CONTROL ===
   Single source of truth for current Home adjustments.
   Edit only this block for header / hero / new-project card / active project.
=== */
.topbar{
  direction:ltr;
  height:82px;
  padding-top:30px;
  align-items:flex-start;
}


.greeting{
  padding:0 3px 18px;
  text-align:left;
}

.greeting h2{
  font-size:30px;
  margin:0;
}

.greeting h2 mark{
  display:block;
  background:transparent;
  color:var(--orange);
  margin-bottom:0;
}

.greeting small{
  display:block;
  font-size:12px;
  margin-top:10px;
  color:var(--muted);
}

.new-project-card{
  direction:ltr;
  position:relative;
  height:172px;
  overflow:hidden;
}

.new-project-copy{
  position:relative;
  z-index:2;
  width:58%;
  height:100%;
  padding:16px 18px;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:flex-start;
  text-align:right;
  direction:rtl;
}

.new-project-copy h3,
.new-project-copy p,
.new-project-copy .primary-button{
  width:172px;
  max-width:172px;
  align-self:flex-end;
  text-align:right;
  margin-right:0;
  margin-left:auto;
}

.new-project-copy h3{
  margin:0 0 8px;
  font-size:18px;
  line-height:1.25;
  white-space:nowrap;
}

.new-project-copy p{
  margin:0;
  font-size:10px;
  line-height:1.45;
}

.primary-button{
  width:172px;
  min-width:172px;
  margin-top:auto;
  justify-content:space-between;
}

.new-project-art{
  position:absolute;
  top:0;
  right:0;
  left:auto;
  width:46%;
  height:100%;
}

.new-project-art::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(270deg,transparent 0%,rgba(17,20,22,.25) 45%,rgba(17,20,22,1) 100%);
}

.new-project-art img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.active-project{
  direction:ltr;
  grid-template-columns:1fr 132px;
}

.active-project > img{
  grid-column:2;
  grid-row:1;
  justify-self:end;
}

.active-project-content{
  grid-column:1;
  grid-row:1;
  order:initial;
  text-align:right;
}

.bottom-nav,
.bottom-navigation{
  left:50% !important;
  right:auto !important;
  margin:0 !important;
  transform:translateX(-50%) !important;
  width:min(calc(100% - 24px),406px);
}


/* === COOBEH VELVET THEME V1 === */
.section-heading button,.section-heading small,.active-project p,.activity time,.activity small,.greeting small,.user-meta small{color:var(--muted)}
.primary-button.full,.profile-form .primary-button,.brief-intro .primary-button{background:linear-gradient(180deg,#f47a4e 0%,#f15a22 56%,#d94a17 100%);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -10px 18px rgba(116,38,14,.16),0 10px 24px rgba(241,90,34,.20)}
.filter-pills button,.brief-options button,.goal-list span,.file-row,.finance-list li,.telegram-card,.external-link,.project-tile,.case,.more-card,.review,.journey-row,.profile-form input,.bottom-sheet,.notification-panel,.toast{background:linear-gradient(165deg,rgba(38,33,31,.94) 0%,rgba(24,21,20,.96) 52%,rgba(16,14,14,.98) 100%);border-color:rgba(255,255,255,.06)}
.filter-pills button.active,.brief-options button.selected,.review-buttons .approve,.journey-row.current i,.project-cover span,.tags span,.finance-ring{background:linear-gradient(180deg,#f47a4e 0%,#f15a22 56%,#d94a17 100%);color:#fff6f1;border-color:rgba(255,255,255,.08)}
.review-buttons .revise,.review-buttons .comment{background:linear-gradient(180deg,#564943 0%,#3b332f 54%,#292422 100%);color:#f1ede8;border-color:rgba(255,255,255,.07)}
.active-project,.new-project-card,.brand-banner,.portfolio-grid .case,.project-hero,.journey,.files,.finance-overview,.dna-card,.profile-card{box-shadow:inset 0 1px 0 rgba(255,255,255,.04),inset 0 -18px 30px rgba(0,0,0,.15),0 18px 42px rgba(0,0,0,.18)}


/* === COOBEH VELVET THEME V2 tactile refinement === */
:root{--inactive-top:#5a4d47;--inactive-mid:#3a322e;--inactive-bottom:#282321;--active-top:#f68255;--active-mid:#f15a22;--active-bottom:#db4818}
.quick-icon,.event-icon.blue,.finance-list article>span,.file-row>span,.bottom-nav button:not(.active),.round-icon,.avatar-button{background:linear-gradient(180deg,var(--inactive-top) 0%,var(--inactive-mid) 54%,var(--inactive-bottom) 100%)}
.quick,.more-card,.external-link,.goal-list span,.brief-options button,.profile-form input,.file-row,.telegram-card,.case,.glass{backdrop-filter:none}
.quick-icon.hot,.event-icon.orange,.bottom-nav button.active,.primary-button,.primary-button.full,.filter-pills button.active,.brief-options button.selected,.review-buttons .approve,.journey-row.current i,.project-cover span,.tags span,.finance-ring{background:linear-gradient(180deg,var(--active-top) 0%,var(--active-mid) 52%,var(--active-bottom) 100%)}
.quick-icon,.event-icon,.bottom-nav button,.primary-button,.filter-pills button,.brief-options button,.goal-list span,.file-row,.finance-list article,.more-card,.external-link{border-radius:16px}
.bottom-nav button .nav-icon-wrap{filter:drop-shadow(0 1px 0 rgba(0,0,0,.12))}


/* === COOBEH LUXURY VELVET CARBON FINAL === */
:root{
 --bg:#181818;
 --panel:#202020;
 --panel2:#262626;
 --line:rgba(255,255,255,.07);
 --line2:rgba(255,255,255,.12);
 --orange:#f15a22;
 --orange2:#ff7b4a;
 --inactive-icon:#b7afa9;
 --inactive-icon2:#938b86;
}

body,.app-shell{background:#181818!important;}
.app-shell{background:linear-gradient(180deg,#202020 0%,#181818 55%,#141414 100%)!important;}

.glass,.quick,.active-project,.new-project-card,.brand-banner,.portfolio-grid .case,.project-hero,.journey,.files,.finance-overview,.dna-card,.profile-card{
 background:linear-gradient(145deg,#292929 0%,#222 45%,#191919 100%)!important;
 border-color:rgba(255,255,255,.06)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.06), inset 0 -18px 30px rgba(0,0,0,.35), 0 18px 45px rgba(0,0,0,.35)!important;
}

.round-icon,.avatar-button,.quick-icon,.event-icon,.nav-icon-wrap{
 background:linear-gradient(145deg,#353535 0%,#262626 50%,#171717 100%);
 border:1px solid rgba(255,255,255,.07);
 box-shadow: inset 0 1px 0 rgba(255,255,255,.08), inset 0 -10px 18px rgba(0,0,0,.36), 0 10px 20px rgba(0,0,0,.28);
}

.primary-button,.quick.active .quick-icon,.event-icon.orange{
 background:linear-gradient(180deg,#ff8a58 0%,#f15a22 52%,#c94616 100%)!important;
 border-color:rgba(255,255,255,.10)!important;
 box-shadow: inset 0 1px 0 rgba(255,255,255,.2), inset 0 -12px 18px rgba(120,35,10,.25), 0 12px 28px rgba(241,90,34,.22)!important;
}

/* icon system */
.ico{display:block;width:22px;height:22px;background:linear-gradient(180deg,var(--inactive-icon) 0%,var(--inactive-icon2) 100%);-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat;filter:drop-shadow(0 1px 0 rgba(255,255,255,.12)) drop-shadow(0 1px 1px rgba(0,0,0,.22));}
.ico.home{-webkit-mask-image:url('assets/icons/svg/icon-home.svg');mask-image:url('assets/icons/svg/icon-home.svg')}
.ico.folder{-webkit-mask-image:url('assets/icons/svg/icon-folder.svg');mask-image:url('assets/icons/svg/icon-folder.svg')}
.ico.gallery{-webkit-mask-image:url('assets/icons/svg/icon-gallery.svg');mask-image:url('assets/icons/svg/icon-gallery.svg')}
.ico.card{-webkit-mask-image:url('assets/icons/svg/icon-card.svg');mask-image:url('assets/icons/svg/icon-card.svg')}
.ico.more{-webkit-mask-image:url('assets/icons/svg/icon-more.svg');mask-image:url('assets/icons/svg/icon-more.svg')}
.ico.plus{-webkit-mask-image:url('assets/icons/svg/icon-plus.svg');mask-image:url('assets/icons/svg/icon-plus.svg')}
.ico.chat{-webkit-mask-image:url('assets/icons/svg/icon-chat.svg');mask-image:url('assets/icons/svg/icon-chat.svg')}
.ico.info{-webkit-mask-image:url('assets/icons/svg/icon-info.svg');mask-image:url('assets/icons/svg/icon-info.svg')}
.ico.gear{-webkit-mask-image:url('assets/icons/svg/icon-gear.svg');mask-image:url('assets/icons/svg/icon-gear.svg')}
.ico.services{-webkit-mask-image:url('assets/icons/svg/icon-services.svg');mask-image:url('assets/icons/svg/icon-services.svg')}
.ico.user{-webkit-mask-image:url('assets/icons/svg/icon-user.svg');mask-image:url('assets/icons/svg/icon-user.svg')}
.ico.bell{-webkit-mask-image:url('assets/icons/svg/icon-bell.svg');mask-image:url('assets/icons/svg/icon-bell.svg')}
.ico.document{-webkit-mask-image:url('assets/icons/svg/icon-document.svg');mask-image:url('assets/icons/svg/icon-document.svg')}
.ico.brand{-webkit-mask-image:url('assets/icons/svg/icon-brand.svg');mask-image:url('assets/icons/svg/icon-brand.svg')}

.round-icon .ico{width:24px;height:24px}
.quick-icon,.event-icon{display:grid;place-items:center}
.quick-icon{width:60px;height:60px;border-radius:19px}
.quick.active .quick-icon .ico,.event-icon.orange .ico,.bottom-nav button.active .ico{background:linear-gradient(180deg,#ffd3c3 0%,#ff9f75 12%,#f15a22 58%,#b94217 100%)}
.quick.active b,.bottom-nav button.active span{color:var(--orange)}
.quick:not(.active) .quick-icon .ico,.event-icon.blue .ico,.round-icon .ico,.bottom-nav button:not(.active) .ico{background:linear-gradient(180deg,#d8d0cb 0%,#9f9791 100%)}

.quick{min-height:106px;gap:10px}
.quick b{font-size:11px;color:#f0ece9}
.quick.active{transform:translateY(-1px)}
.quick.active .quick-icon{transform:translateY(-1px)}

.event-icon{width:46px;height:46px;border-radius:15px}
.event-icon.blue{background:linear-gradient(145deg,#353535 0%,#262626 50%,#171717 100%)!important}

.bottom-nav{position:fixed;z-index:30;bottom:max(10px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(calc(100% - 24px),406px);height:82px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(39,39,39,.98),rgba(23,23,23,.98));border-radius:30px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;padding:6px 8px 8px;box-shadow:0 22px 48px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(18px)}
.bottom-nav button{position:relative;height:72px;border:0;background:transparent!important;color:#a9a29d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:18px;transition:transform .2s ease,color .2s ease}
.bottom-nav button::after{content:none}
.nav-icon-wrap{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;flex:none}
.bottom-nav button .ico{width:21px;height:21px}
.bottom-nav span{font-size:9px}
.bottom-nav button.active{transform:translateY(-1px);color:var(--orange)}
.bottom-nav button.active span{font-weight:700}
.bottom-nav button.active .nav-icon-wrap{box-shadow:inset 0 1px 0 rgba(255,255,255,.08), inset 0 -10px 18px rgba(0,0,0,.36), 0 8px 22px rgba(241,90,34,.14);}
.bottom-nav button:not(.active) .nav-icon-wrap{background:linear-gradient(145deg,#343434 0%,#272727 48%,#171717 100%)}

/* keep the CTA vivid but slightly refined */
.primary-button{border-radius:18px;padding:13px 18px;gap:14px;color:#fff7f2;text-shadow:0 1px 0 rgba(108,31,10,.25)}

/* preserve center alignment */
.bottom-nav,.bottom-navigation{left:50%!important;right:auto!important;margin:0!important;transform:translateX(-50%)!important;width:min(calc(100% - 24px),406px)}


/* === COOBEH ACTIVE SYSTEM CLEANUP === */
/* navigation and quick cards stay dark; only icon and label show active orange */
.quick.active,
.quick.active .quick-icon,
.event-icon.orange,
.bottom-nav button.active .nav-icon-wrap{
 background:linear-gradient(145deg,#353535 0%,#262626 50%,#171717 100%) !important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.08), inset 0 -10px 18px rgba(0,0,0,.36), 0 10px 20px rgba(0,0,0,.28) !important;
}
.quick.active .ico,
.bottom-nav button.active .ico{
 background:#f15a22 !important;
}
.quick.active b,
.bottom-nav button.active span{
 color:#f15a22 !important;
}
.event-icon .ico{
 width:27px;
 height:27px;
}
.event-icon.orange .ico{
 background:#b7afa9;
}
.quick-icon .ico{
 width:32px;
 height:32px;
}
.bottom-nav .ico{
 width:30px;
 height:30px;
}
.round-icon .ico{
 width:26px;
 height:26px;
}
/* latest activities: orange text + orange icon, no orange outline */
.activity time{color:rgba(241,90,34,.88) !important;}
.activity b{color:#f15a22 !important;}
.activity small{color:rgba(241,90,34,.82) !important;}
.activity .event-icon,
.activity .event-icon.orange,
.activity .event-icon.blue{
 background:linear-gradient(145deg,#353535 0%,#262626 50%,#171717 100%) !important;
 border-color:rgba(255,255,255,.07) !important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.06), inset 0 -8px 14px rgba(0,0,0,.18), 0 10px 18px rgba(0,0,0,.18) !important;
}
.activity .event-icon .ico{
 background:#f15a22 !important;
 filter:drop-shadow(0 2px 6px rgba(241,90,34,.22));
}
.activity .event-icon svg{stroke:#f15a22 !important;fill:#f15a22 !important;}


/* Final nav active icon emphasis */
.bottom-nav button.active .ico{
 width:34px;
 height:34px;
 filter:drop-shadow(0 3px 8px rgba(241,90,34,.45));
 transform:scale(1.08);
}
.bottom-nav button.active .nav-icon-wrap{
 transform:translateY(-2px);
}

/* V5 personalized dashboard foundation */
.quick-grid{grid-template-columns:repeat(3,1fr);gap:12px}
#quick-actions .quick:first-child .quick-icon{transform:scale(1.12)}
@media(max-width:430px){#quick-actions .quick{min-height:102px}}


/* V5 featured portfolio navigation item - refined */
.bottom-nav button[data-page="portfolio"]{
 position:relative;
 transform:none;
}
.bottom-nav button[data-page="portfolio"] .nav-icon-wrap{
 width:56px;
 height:56px;
 border-radius:20px;
 margin-top:0;
 background:linear-gradient(145deg,#353535 0%,#272727 52%,#181818 100%);
 border:2px solid rgba(241,90,34,.52);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.08), inset 0 -12px 18px rgba(0,0,0,.34),0 10px 22px rgba(0,0,0,.28);
}
.bottom-nav button[data-page="portfolio"] .ico{
 width:34px;
 height:34px;
}
.bottom-nav button[data-page="portfolio"] span:last-child{
 font-weight:700;
 color:#ece5df;
}
.bottom-nav button[data-page="portfolio"]:not(.active) .ico{
 background:linear-gradient(180deg,#e5ddd8 0%,#aca39c 100%) !important;
}
.bottom-nav button[data-page="portfolio"].active .nav-icon-wrap{
 border-color:#f15a22;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.12), inset 0 -12px 18px rgba(0,0,0,.34),0 10px 22px rgba(0,0,0,.30),0 0 0 2px rgba(241,90,34,.18);
}
.bottom-nav button[data-page="portfolio"].active .ico{
 width:38px;
 height:38px;
}
.bottom-nav button[data-page="portfolio"].active span:last-child{
 color:#f15a22 !important;
 font-weight:800;
}

/* cleaner discovery cards visuals */
.brand-feel-entry,
.brand-analysis-panel{
 overflow:hidden;
}
.brand-feel-entry-art,
.brand-analysis-panel-visual{
 background:linear-gradient(180deg,rgba(20,18,17,.88),rgba(8,8,8,.96));
}
.brand-feel-entry-art img,
.brand-analysis-panel-visual img{
 width:100%;
 height:100%;
 object-fit:cover;
 display:block;
}

/* === COOBEH BRAND FEEL DISCOVERY === */
.discovery-heading{margin-top:20px;margin-bottom:9px}
.brand-feel-launch{
 width:100%;min-height:108px;padding:13px 14px;border-radius:24px;
 display:grid;grid-template-columns:62px 1fr 28px;align-items:center;gap:12px;
 border:1px solid rgba(255,255,255,.13);color:#fff;text-align:right;cursor:pointer;
 background:linear-gradient(145deg,rgba(57,57,57,.72) 0%,rgba(35,35,35,.82) 48%,rgba(21,21,21,.94) 100%);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -18px 28px rgba(0,0,0,.24),0 14px 30px rgba(0,0,0,.28),0 0 0 1px rgba(241,90,34,.025);
 backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);position:relative;overflow:hidden;
 transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.brand-feel-launch:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 50%,rgba(241,90,34,.16),transparent 28%),linear-gradient(120deg,rgba(255,255,255,.055),transparent 34%);pointer-events:none}
.brand-feel-launch:active{transform:scale(.985);border-color:rgba(241,90,34,.30);box-shadow:inset 0 1px 0 rgba(255,255,255,.13),inset 0 -16px 24px rgba(0,0,0,.25),0 9px 20px rgba(0,0,0,.24)}
.brand-feel-launch-icon{width:58px;height:58px;border-radius:19px;display:grid;place-items:center;position:relative;z-index:1;background:linear-gradient(145deg,rgba(241,90,34,.22),rgba(44,31,27,.78));border:1px solid rgba(241,90,34,.26);box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 8px 18px rgba(0,0,0,.24)}
.brand-feel-launch-icon .ico{width:30px;height:30px;background:linear-gradient(180deg,#ffb18f 0%,#f15a22 70%,#c84116 100%);filter:drop-shadow(0 2px 7px rgba(241,90,34,.28))}
.brand-feel-launch-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;text-align:right;min-width:0}
.brand-feel-launch-copy small{font:700 7.5px/1.4 Arial,sans-serif;letter-spacing:1.25px;color:#f15a22;margin-bottom:5px}
.brand-feel-launch-copy strong{font-size:17px;line-height:1.55;color:#f6f2ef;font-weight:800}
.brand-feel-launch-copy em{font-style:normal;font-size:10px;line-height:1.7;color:#aaa29d;margin-top:4px}
.brand-feel-launch-arrow{position:relative;z-index:1;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;font:400 22px/1 Arial;color:#fff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10)}

/* Brand Lab card: compact portal, not an article */
.lab-heading{margin-top:22px;margin-bottom:9px}
.brand-analysis-panel{
 min-height:126px;display:grid;grid-template-columns:1fr 118px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.07);
 background:linear-gradient(145deg,#292929 0%,#202020 54%,#181818 100%)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.06),inset 0 -14px 24px rgba(0,0,0,.32),0 12px 28px rgba(0,0,0,.24)!important;
}
.brand-analysis-panel-copy{padding:17px 17px 15px;text-align:right;position:relative;z-index:2}
.brand-analysis-panel-copy>small{font:700 7.5px Arial;letter-spacing:1.25px;color:#f15a22}
.brand-analysis-panel-copy h3{font-size:19px;line-height:1.45;margin:6px 0 5px}
.brand-analysis-panel-copy p{font-size:10.5px;line-height:1.75;color:#b8b0ab;margin:0;max-width:210px}
.brand-analysis-panel-visual{position:relative;overflow:hidden;background:#111}
.brand-analysis-panel-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,20,20,.68) 0%,rgba(20,20,20,.12) 46%,rgba(20,20,20,.02) 100%)}
.brand-analysis-panel-visual img{width:100%;height:100%;object-fit:cover;object-position:center 40%;display:block;filter:saturate(.86) contrast(1.08) brightness(.82)}
.brand-analysis-panel-cta{margin-top:10px;border:1px solid rgba(241,90,34,.26);background:rgba(241,90,34,.08);color:#f15a22;font-size:10.5px;font-weight:700;padding:8px 11px;border-radius:12px;display:inline-flex;align-items:center;gap:7px}
.brand-analysis-panel-cta b{font:400 17px Arial}

.brand-feel-page{padding-bottom:12px}
.brand-feel-head{padding:12px 3px 18px;text-align:right}
.brand-feel-head>small{font:700 9px Arial;letter-spacing:1.35px;color:#f15a22}
.brand-feel-head h2{font-size:28px;line-height:1.35;margin:8px 0 9px}
.brand-feel-head p{font-size:12px;line-height:1.9;color:#aaa39f;margin:0}
.brand-feel-progress{display:flex;align-items:center;gap:10px;margin:0 2px 14px;direction:ltr}
.brand-feel-progress>span{height:5px;flex:1;background:#282828;border-radius:99px;overflow:hidden}
.brand-feel-progress i{display:block;height:100%;width:20%;background:#f15a22;border-radius:inherit;transition:width .35s ease}
.brand-feel-progress small{font:9px Arial;color:#a29b96;min-width:34px;text-align:right}
.brand-feel-type,.brand-feel-question,.brand-feel-goals,.brand-feel-reflection{padding:20px;border-radius:24px}
.discovery-step-label{color:#f15a22;font-size:10px;font-weight:700;display:block;margin-bottom:9px}
.brand-feel-type h3,.brand-feel-question h3,.brand-feel-goals h3,.brand-feel-reflection h3{font-size:20px;line-height:1.6;margin:0 0 7px}
.brand-feel-type>p,.brand-feel-question>p,.brand-feel-goals>p,.brand-feel-reflection>p{font-size:12px;line-height:1.85;color:#aaa39f;margin:0 0 16px}
.business-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.business-type{border:1px solid rgba(255,255,255,.06);background:#171717;border-radius:17px;padding:8px;color:#fff;text-align:right;overflow:hidden;transition:.2s}
.business-type.wide{grid-column:1/-1;display:grid;grid-template-columns:88px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center}
.business-type.wide .type-visual{grid-row:1/3;width:88px;height:70px;margin:0}
.business-type b{display:block;font-size:11px;line-height:1.6;margin:8px 3px 2px}
.business-type small{display:block;font-size:9px;line-height:1.55;color:#938c87;margin:0 3px 4px}
.type-visual{display:block;height:87px;border-radius:12px;background-size:cover;background-position:center;position:relative;overflow:hidden}
.type-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(0,0,0,.48))}
.type-visual.product{background-image:url('assets/media/business-type-product-v635.webp');background-position:center center}
.type-visual.service{background-image:url('assets/media/business-type-service-v635.webp');background-position:center center}
.type-visual.personal{background-image:url('assets/media/business-type-personal-v635.webp');background-position:center center}
.type-visual.retail{background-image:url('assets/media/business-type-retail-v635.webp');background-position:center center}
.type-visual.b2b{background-image:url('assets/media/business-type-b2b-v635.webp');background-position:center center}
.business-type:active{transform:scale(.98)}
.business-type.selected{border-color:rgba(241,90,34,.78);box-shadow:inset 0 0 0 1px rgba(241,90,34,.12)}

.discovery-question-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}
.discovery-question-meta small{color:#f15a22;font-size:10px;font-weight:700}
.discovery-question-meta span{font:700 24px Arial;color:#403b39}
.perception-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}
.perception-choice{border:1px solid rgba(255,255,255,.06);background:#141414;color:#fff;border-radius:18px;padding:7px;overflow:hidden;text-align:center;transition:.2s}
.perception-choice.selected{border-color:#f15a22;transform:translateY(-2px)}
.perception-image{display:block;height:178px;border-radius:13px;background-size:cover;background-position:center;position:relative;overflow:hidden}
.perception-choice b{display:block;font-size:11px;padding:10px 3px 5px}
.perception-image.choice-a{filter:saturate(.55) contrast(.88) brightness(.8)}
.perception-image.choice-a:after{content:"";position:absolute;inset:0;background:linear-gradient(155deg,rgba(115,108,103,.12),rgba(0,0,0,.36));box-shadow:inset 0 0 0 9px rgba(232,226,220,.035)}
.perception-image.choice-b{filter:saturate(1.05) contrast(1.04) brightness(1.02)}
.perception-image.choice-b:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 65% 22%,rgba(241,90,34,.11),transparent 26%),linear-gradient(180deg,transparent 60%,rgba(0,0,0,.16))}
.brand-feel-question[data-business="product"] .perception-image{background-image:url('assets/media/case-mozaric.jpg')}
.brand-feel-question[data-business="service"] .perception-image{background-image:url('assets/media/project-nova.jpg')}
.brand-feel-question[data-business="personal"] .perception-image{background-image:url('assets/media/avatar.jpg');background-position:center 23%}
.brand-feel-question[data-business="retail"] .perception-image{background-image:url('assets/media/case-zeram.jpg')}
.brand-feel-question[data-business="b2b"] .perception-image{background-image:url('assets/media/hero-orb.jpg')}
.brand-feel-question[data-concept="quality"] .choice-a{filter:saturate(.38) contrast(.78) brightness(.88)}
.brand-feel-question[data-concept="trust"] .choice-a{filter:saturate(.28) contrast(.72) brightness(.74) blur(.15px)}
.brand-feel-question[data-concept="audience"] .choice-a{filter:hue-rotate(25deg) saturate(.68) brightness(.84)}
.brand-feel-question[data-concept="memory"] .choice-a{filter:grayscale(.75) contrast(.82) brightness(.79)}
.brand-feel-reveal{margin-top:13px;padding:15px;border-radius:17px;background:#151311;border:1px solid rgba(241,90,34,.18)}
.brand-feel-reveal>span{font-size:9px;font-weight:700;color:#f15a22}
.brand-feel-reveal p{font-size:12px;line-height:1.9;color:#ddd6d1;margin:6px 0 14px}
.discovery-next{width:100%;min-height:46px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:linear-gradient(180deg,#f68255 0%,#f15a22 52%,#db4818 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 18px rgba(241,90,34,.14);color:#fff7f2;font-weight:700;font-size:12px;padding:11px 14px;display:flex;align-items:center;justify-content:center;gap:8px}
.discovery-next b{font:400 18px Arial}
.discovery-next.disabled{opacity:.35;filter:saturate(.55)}

.goal-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0 15px}
.goal-choice-grid button{min-height:52px;border-radius:14px;border:1px solid rgba(255,255,255,.07);background:#171717;color:#c9c1bc;font-size:10px;font-weight:700}
.goal-choice-grid button.selected{border-color:rgba(241,90,34,.8);color:#f15a22;background:#211714;box-shadow:inset 0 0 0 1px rgba(241,90,34,.08)}
.brand-feel-reflection{position:relative;overflow:hidden;padding-top:86px}
.reflection-orbit{position:absolute;width:148px;height:148px;border:1px solid rgba(241,90,34,.36);border-radius:50%;top:-69px;left:50%;transform:translateX(-50%);box-shadow:0 0 45px rgba(241,90,34,.08)}
.reflection-orbit:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#f15a22;bottom:10px;right:28px;box-shadow:0 0 18px rgba(241,90,34,.48)}
.brand-feel-reflection>small{font-size:10px;font-weight:700;color:#f15a22}
.brand-feel-reflection h3 span{color:#f15a22}
.reflection-actions{display:grid;gap:9px;margin-top:16px}
.reflection-actions button{border:1px solid rgba(255,255,255,.07);background:#171717;color:#eee8e4;border-radius:14px;padding:13px;font-size:11px;font-weight:700}
.reflection-actions button.accent{border-color:rgba(241,90,34,.7);color:#f15a22;background:#211714}
/* === COOBEH BRAND LAB === */
.brand-analysis-page{padding-bottom:12px}
.brand-analysis-head{padding:12px 3px 18px;text-align:right}
.brand-analysis-head>small{font:700 9px Arial;letter-spacing:1.35px;color:#f15a22}
.brand-analysis-head h2{font-size:27px;line-height:1.42;margin:8px 0 9px}
.brand-analysis-head p{font-size:12px;line-height:1.9;color:#aaa39f;margin:0}
.lab-scope-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:15px}
.lab-scope-grid span{min-height:38px;display:grid;place-items:center;text-align:center;padding:7px 5px;border-radius:12px;background:#151515;border:1px solid rgba(255,255,255,.055);color:#bdb5b0;font-size:8.5px;font-weight:700}
.brand-analysis-step,.brand-analysis-result{padding:20px;border-radius:24px}
.brand-analysis-step h3,.brand-analysis-result h3{font-size:20px;line-height:1.6;margin:0 0 7px}
.brand-analysis-step>p,.brand-analysis-result>p{font-size:12px;line-height:1.85;color:#aaa39f;margin:0 0 16px}
.analysis-choice-grid{display:grid;gap:9px;margin:16px 0 14px}
.analysis-choice-grid button{width:100%;min-height:58px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:#171717;color:#e9e3df;text-align:right;padding:11px 13px;font-size:11px;line-height:1.7;transition:.18s}
.choice-chip.selected,
.idea-grid article.selected,
.analysis-choice-grid button.selected{border-color:#f15a22;color:#fff;background:#211714;box-shadow:inset 0 0 0 1px rgba(241,90,34,.1);transform:translateY(-1px)}
.brand-analysis-result{position:relative;overflow:hidden;padding-top:86px}
.analysis-result-orbit{position:absolute;width:150px;height:150px;border:1px dashed rgba(241,90,34,.42);border-radius:50%;top:-72px;left:50%;transform:translateX(-50%)}
.analysis-result-orbit:before{content:"";position:absolute;width:54px;height:54px;border:1px solid rgba(255,255,255,.14);border-radius:50%;left:47px;top:47px}
.analysis-result-orbit:after{content:"";position:absolute;width:13px;height:13px;border-radius:50%;background:#f15a22;bottom:16px;right:31px;box-shadow:0 0 18px rgba(241,90,34,.46)}
.brand-analysis-result>small{font-size:10px;font-weight:700;color:#f15a22}
.brand-analysis-result h3{font-size:22px;margin-top:8px}
.analysis-result-tags{display:flex;gap:7px;flex-wrap:wrap;margin:13px 0}
.analysis-result-tags span{padding:8px 10px;border-radius:999px;border:1px solid rgba(241,90,34,.2);background:#171412;color:#d7cec8;font-size:9px}
.analysis-result-note{margin-top:14px;padding:14px;border-radius:16px;background:#151413;border:1px solid rgba(255,255,255,.06)}
.analysis-result-note b{font-size:10px;color:#f15a22}
.analysis-result-note p{font-size:10px;line-height:1.8;color:#9f9894;margin:6px 0 0}
.analysis-map{margin-top:16px;padding:14px;border-radius:17px;background:#121212;border:1px solid rgba(255,255,255,.06)}
.analysis-map>b{display:block;font-size:10px;color:#eee8e4;margin-bottom:11px}
.analysis-map-row{display:grid;grid-template-columns:88px 1fr 62px;align-items:center;gap:8px;margin:9px 0}
.analysis-map-row>span{font-size:8.5px;color:#c7bfba}
.analysis-map-row>i{display:block;height:5px;border-radius:99px;background:#2b2928;overflow:hidden}
.analysis-map-row>i em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#a43a18,#f15a22,#ff9b70)}
.analysis-map-row>small{font-size:7.5px;color:#918985;text-align:left}
.brand-evidence-page{padding-bottom:12px}
.brand-evidence-card{padding:20px;border-radius:24px}
.brand-evidence-card h3{font-size:20px;line-height:1.6;margin:0 0 7px}
.brand-evidence-card>p{font-size:12px;line-height:1.85;color:#aaa39f;margin:0 0 16px}
.evidence-grid{display:grid;gap:10px;margin:16px 0}
.evidence-upload{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto auto;gap:2px 10px;align-items:center;padding:14px;border-radius:17px;background:#151515;border:1px dashed rgba(241,90,34,.34);cursor:pointer}
.evidence-upload>.ico{grid-row:1/4;width:28px;height:28px;background:#f15a22}
.evidence-upload b{font-size:11px;color:#eee8e4}
.evidence-upload small{font-size:8.5px;color:#948c87;line-height:1.55}
.evidence-upload em{font-style:normal;font-size:8px;color:#f15a22;margin-top:5px;direction:ltr;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.evidence-upload input{display:none}
.evidence-note{margin:14px 0;padding:14px;border-radius:16px;background:#151311;border:1px solid rgba(241,90,34,.14)}
.evidence-note b{font-size:10px;color:#f15a22}
.evidence-note p{font-size:10px;line-height:1.85;color:#a49b96;margin:6px 0 0}

@media(max-width:370px){
  .brand-analysis-panel{grid-template-columns:1fr 104px}
  .business-type-grid{gap:7px}
  .perception-image{height:158px}
  .goal-choice-grid{gap:6px}
}

/* === portfolio spotlight nav button === */
.bottom-nav button.portfolio-spotlight{
  z-index:4;
  transform:translateY(-12px);
}
.bottom-nav button.portfolio-spotlight .nav-icon-wrap{
  position:relative;
  width:62px;
  height:62px;
  border-radius:22px;
  background:linear-gradient(180deg,#2d65c8 0%,#17479e 34%,#0d2f73 62%,#071d48 100%) !important;
  border:1px solid rgba(155,201,255,.52);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.46),
    inset 0 -10px 20px rgba(2,10,34,.58),
    0 14px 28px rgba(11,67,178,.30),
    0 0 18px rgba(72,146,255,.20);
  overflow:hidden;
}
.bottom-nav button.portfolio-spotlight .nav-icon-wrap::before{
  content:"";
  position:absolute;
  left:5px; right:5px; top:4px; height:48%;
  border-radius:19px;
  background:linear-gradient(180deg,rgba(255,255,255,.56) 0%,rgba(255,255,255,.18) 58%,rgba(255,255,255,0) 100%);
  pointer-events:none;
}
.bottom-nav button.portfolio-spotlight .nav-icon-wrap::after{
  content:"";
  position:absolute;
  inset:3px;
  border-radius:19px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
  pointer-events:none;
}
.bottom-nav button.portfolio-spotlight .ico{
  width:31px;
  height:31px;
  background:linear-gradient(180deg,#ffffff 0%,#eef6ff 100%) !important;
  filter:drop-shadow(0 0 10px rgba(130,196,255,.40));
  position:relative;
  z-index:1;
}
.bottom-nav button.portfolio-spotlight span:last-child{
  color:#deebff;
  font-weight:700;
}
.bottom-nav button.portfolio-spotlight.active{
  transform:translateY(-16px);
}
.bottom-nav button.portfolio-spotlight.active .nav-icon-wrap{
  width:64px;
  height:64px;
  background:linear-gradient(180deg,#ff9a70 0%,#f15a22 48%,#d64516 74%,#9f300f 100%) !important;
  border:1px solid rgba(255,214,198,.55);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.34),
    inset 0 -12px 20px rgba(111,32,10,.34),
    0 18px 30px rgba(241,90,34,.34),
    0 0 18px rgba(241,90,34,.22);
}
.bottom-nav button.portfolio-spotlight.active .nav-icon-wrap::before{
  background:linear-gradient(180deg,rgba(255,255,255,.40) 0%,rgba(255,255,255,.10) 58%,rgba(255,255,255,0) 100%);
}
.bottom-nav button.portfolio-spotlight.active .ico{
  width:34px;
  height:34px;
  transform:scale(1.08);
  background:linear-gradient(180deg,#fffaf7 0%,#ffffff 100%) !important;
  filter:drop-shadow(0 1px 3px rgba(123,35,11,.28));
}
.bottom-nav button.portfolio-spotlight.active span:last-child{
  color:#ffffff !important;
  font-weight:800;
}



/* === COOBEH V21 / more-page + inline icon system (single source) === */
.coobeh-icon{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round;display:block;vector-effect:non-scaling-stroke}
.coobeh-icon .icon-accent{stroke:#f15a22}
.brand-feel-launch-icon .coobeh-icon{width:31px;height:31px;color:#ff9a71;filter:drop-shadow(0 3px 8px rgba(241,90,34,.24))}
.brand-analysis-panel h3{display:flex;align-items:center;gap:10px}
.panel-inline-icon{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;color:#ff9a71;background:linear-gradient(180deg,#45413f 0%,#2f2d2c 58%,#20201f 100%);border:1px solid rgba(255,255,255,.09);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 20px rgba(0,0,0,.18)}
.panel-inline-icon .coobeh-icon{width:23px;height:23px}

/* === COOBEH new-user empty states + home logo action === */
.header-home-link{border:0;background:transparent;padding:0;margin:0;display:block;cursor:pointer;line-height:0}
.header-home-link:active{transform:scale(.98)}
.empty-state{min-height:245px;padding:26px 22px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:right;position:relative;overflow:hidden}
.empty-state:after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;left:-72px;top:-72px;background:radial-gradient(circle,rgba(241,90,34,.10) 0%,rgba(241,90,34,0) 70%);pointer-events:none}
.empty-state-icon{width:58px;height:58px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(180deg,#574a44 0%,#39322f 54%,#282322 100%);border:1px solid rgba(255,255,255,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),inset 0 -10px 16px rgba(0,0,0,.16),0 14px 26px rgba(0,0,0,.2);margin-bottom:17px}
.empty-state-icon .ico{width:28px;height:28px;background:linear-gradient(180deg,#ffc2a7 0%,#f15a22 68%,#c84618 100%)}
.empty-state>small{font:700 8px/1.4 Arial;letter-spacing:1.35px;color:#f15a22;margin-bottom:7px}
.empty-state h3{font-size:19px;line-height:1.6;margin:0 0 7px;color:#f4efec}
.empty-state p{max-width:320px;font-size:11px;line-height:1.95;color:#9f9792;margin:0}
.empty-state-action{margin-top:18px;min-height:42px;padding:10px 14px;border:1px solid rgba(241,90,34,.28);border-radius:14px;background:linear-gradient(180deg,rgba(241,90,34,.14),rgba(241,90,34,.055));color:#f15a22;text-decoration:none;font-size:10.5px;font-weight:700;display:inline-flex;align-items:center;gap:8px}
.empty-state-action b{font:400 18px/1 Arial}
.notification-empty{padding:20px 9px 18px;text-align:center;display:grid;justify-items:center;gap:7px}
.notification-empty .ico{width:26px;height:26px;background:#f15a22;margin-bottom:3px}
.notification-empty b{font-size:10px;color:#eee8e4}
.notification-empty small{max-width:260px;font-size:8.5px;line-height:1.8;color:#8f8884}

/* V64.70 — readable notification action button */
.notification-view-all{
  appearance:none;-webkit-appearance:none;
  display:inline-flex;align-items:center;justify-content:center;
  min-height:42px;padding:11px 18px;margin-top:5px;
  border:1px solid rgba(215,255,31,.9);border-radius:12px;
  background:linear-gradient(135deg,#d7ff1f 0%,#b8f20a 100%);
  color:#11150b!important;-webkit-text-fill-color:#11150b;
  font-size:11px;font-weight:800;line-height:1.4;
  text-decoration:none;cursor:pointer;white-space:nowrap;
  box-shadow:0 7px 20px rgba(184,242,10,.18);
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.notification-view-all:hover{filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 9px 24px rgba(184,242,10,.26)}
.notification-view-all:active{transform:translateY(0)}
.notification-view-all:focus-visible{outline:2px solid #f4ffb0;outline-offset:3px}


/* ======================================================================
   COOBEH V27 — RESPONSIVE SYSTEM
   One responsive layer for 320–430px phones + safe-area + short screens.
   Keep structural/content rules above untouched; responsive behavior lives here.
   ====================================================================== */

html,body{width:100%;max-width:100%;overflow-x:hidden}
img,svg,video{max-width:100%}
.app-shell,.welcome-screen{width:100%;max-width:430px}
.portal{
  padding-left:clamp(12px,4.2vw,18px);
  padding-right:clamp(12px,4.2vw,18px);
  padding-bottom:calc(var(--nav-h) + max(12px,env(safe-area-inset-bottom)));
}
.pages,.page,.glass,.quick,.more-card,.brand-feel-launch,.brand-analysis-panel,
.new-project-card,.active-project,.portfolio-grid,.finance-overview,.profile-card,
.brand-feel-type,.brand-feel-question,.brand-feel-goals,.brand-feel-reflection,
.brand-analysis-step,.brand-analysis-result,.brand-evidence-card{min-width:0;max-width:100%}

/* Header: fluid instead of a 192px fixed logo competing with the account area. */
.topbar{
  height:auto;
  min-height:88px;
  padding-top:max(24px,env(safe-area-inset-top));
  padding-bottom:10px;
  gap:10px;
}
.header-home-link{flex:0 1 auto;min-width:0}
.top-logo{width:clamp(146px,43vw,184px);max-width:100%;height:auto}
.top-actions{flex:0 0 auto;min-width:0;gap:5px}
.top-actions-row{gap:clamp(7px,2.5vw,12px)}
.round-icon,.avatar-button{width:clamp(38px,10.3vw,44px);height:clamp(38px,10.3vw,44px)}
.user-meta p{font-size:clamp(13px,3.9vw,16px);white-space:nowrap}
.user-meta small{font-size:clamp(9.5px,3vw,12px);white-space:nowrap}

/* Home */

.greeting h2{font-size:clamp(24px,7.1vw,30px);}
.greeting small{font-size:clamp(9px,2.8vw,12px);line-height:1.7}
.new-project-card{height:clamp(158px,43vw,172px)}
.new-project-copy{width:62%;padding:clamp(13px,4vw,16px) clamp(13px,4.4vw,18px)}
.new-project-copy h3,.new-project-copy p,.new-project-copy .primary-button{
  width:100%;max-width:172px;min-width:0
}
.new-project-copy h3{font-size:clamp(15px,4.6vw,18px);white-space:normal}
.new-project-copy p{font-size:clamp(8.8px,2.6vw,10px);line-height:1.55}
.new-project-copy .primary-button{padding:clamp(9px,2.8vw,13px) clamp(10px,3.2vw,18px);font-size:clamp(9px,2.8vw,11px);gap:8px}
.new-project-art{width:48%}
.section-heading{gap:10px;min-width:0}
.section-heading h3{font-size:clamp(12.5px,3.6vw,14px);min-width:0}
.section-heading small,.section-heading button{font-size:clamp(8px,2.4vw,9px);text-align:left}
.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(7px,2.7vw,12px)}
.quick{min-width:0;min-height:clamp(92px,26vw,102px);padding:10px 4px;gap:7px}
.quick-icon{width:clamp(48px,14vw,60px);height:clamp(48px,14vw,60px);border-radius:clamp(16px,4.8vw,19px)}
.quick-icon .ico{width:clamp(27px,8vw,32px);height:clamp(27px,8vw,32px)}
.quick b{font-size:clamp(8.3px,2.6vw,10px);line-height:1.5;text-align:center;overflow-wrap:break-word}

/* Current project / generic list cards */
.active-project{grid-template-columns:minmax(0,1fr) clamp(104px,31vw,132px);gap:clamp(8px,2.7vw,12px)}
.active-project>img{width:100%;height:clamp(78px,23vw,92px)}
.activity{grid-template-columns:clamp(44px,13vw,54px) minmax(0,1fr) clamp(38px,11vw,46px);gap:5px}
.activity b,.activity small,.activity time{overflow-wrap:break-word}

/* Interactive entry + Brand Lab portal */
.brand-feel-launch{
  min-height:clamp(96px,28vw,108px);
  padding:12px clamp(11px,3.5vw,14px);
  grid-template-columns:clamp(48px,15vw,58px) minmax(0,1fr) 26px;
  gap:clamp(8px,3vw,12px)
}
.brand-feel-launch-icon{width:clamp(48px,15vw,58px);height:clamp(48px,15vw,58px);border-radius:clamp(16px,5vw,19px)}
.brand-feel-launch-copy strong{font-size:clamp(14px,4.5vw,17px);line-height:1.55;overflow-wrap:break-word}
.brand-feel-launch-copy em{font-size:clamp(8.5px,2.7vw,10px);line-height:1.65}
.brand-analysis-panel{grid-template-columns:minmax(0,1fr) clamp(92px,29vw,118px);min-height:120px}
.brand-analysis-panel-copy{padding:clamp(12px,4vw,17px)}
.brand-analysis-panel-copy h3{font-size:clamp(15px,4.8vw,19px)}
.brand-analysis-panel-copy p{font-size:clamp(8.8px,2.8vw,10.5px);line-height:1.7;max-width:none}
.brand-analysis-panel-cta{font-size:clamp(9px,2.8vw,10.5px);padding:7px 9px}
.panel-inline-icon{width:clamp(32px,10vw,38px);height:clamp(32px,10vw,38px)}

/* Discovery / analysis pages */
.brand-feel-head h2,.brand-analysis-head h2{font-size:clamp(22px,7vw,28px)}
.brand-feel-head p,.brand-analysis-head p{font-size:clamp(10px,3.2vw,12px)}
.brand-feel-type,.brand-feel-question,.brand-feel-goals,.brand-feel-reflection,
.brand-analysis-step,.brand-analysis-result,.brand-evidence-card{padding:clamp(14px,5vw,20px)}
.brand-feel-type h3,.brand-feel-question h3,.brand-feel-goals h3,.brand-feel-reflection h3,
.brand-analysis-step h3,.brand-analysis-result h3,.brand-evidence-card h3{font-size:clamp(17px,5.4vw,20px)}
.business-type-grid,.perception-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(7px,2.7vw,10px)}
.business-type.wide{grid-template-columns:clamp(68px,24vw,88px) minmax(0,1fr);column-gap:10px}
.business-type.wide .type-visual{width:100%;height:clamp(62px,20vw,70px)}
.type-visual{height:clamp(72px,24vw,87px)}
.perception-image{height:clamp(142px,43vw,178px)}
.goal-choice-grid,.lab-scope-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(6px,2vw,8px)}
.goal-choice-grid button,.lab-scope-grid span{min-width:0;overflow-wrap:break-word}
.analysis-map-row{grid-template-columns:clamp(68px,23vw,88px) minmax(0,1fr) clamp(46px,16vw,62px);gap:6px}
.evidence-upload{grid-template-columns:38px minmax(0,1fr)}

/* Projects / files / finance / profile */
.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(8px,2.8vw,10px)}
.case img{height:clamp(125px,38vw,150px)}
.project-hero>img{height:clamp(165px,52vw,200px)}
.file-row{grid-template-columns:32px minmax(0,1fr) 30px}
.finance-overview{grid-template-columns:clamp(60px,20vw,70px) minmax(0,1fr);padding:clamp(14px,4.5vw,18px)}
.finance-list article{grid-template-columns:36px minmax(0,1fr) 26px}
.spectrum{grid-template-columns:clamp(34px,11vw,42px) minmax(0,1fr) clamp(34px,11vw,42px)}
.telegram-card{grid-template-columns:40px minmax(0,1fr) auto}
.profile-photo img{width:clamp(76px,23vw,88px);height:clamp(76px,23vw,88px)}


/* Bottom nav */
.bottom-nav,.bottom-navigation{
  width:min(calc(100% - clamp(12px,4vw,24px)),406px)!important;
  height:clamp(76px,21vw,82px);
  padding:5px clamp(4px,1.8vw,8px) 7px;
  border-radius:clamp(23px,7vw,30px)
}
.bottom-nav button{height:clamp(64px,18vw,72px);min-width:0;gap:3px}
.nav-icon-wrap{width:clamp(42px,13vw,50px);height:clamp(42px,13vw,50px);border-radius:clamp(14px,4.5vw,16px)}
.bottom-nav .ico{width:clamp(25px,8vw,30px);height:clamp(25px,8vw,30px)}
.bottom-nav span{font-size:clamp(7.4px,2.3vw,9px);white-space:nowrap}
.bottom-nav button.portfolio-spotlight{transform:translateY(clamp(-12px,-3vw,-8px))}
.bottom-nav button.portfolio-spotlight .nav-icon-wrap{width:clamp(52px,16vw,62px);height:clamp(52px,16vw,62px);border-radius:clamp(18px,5.6vw,22px)}
.bottom-nav button.portfolio-spotlight .ico{width:clamp(27px,8.8vw,31px);height:clamp(27px,8.8vw,31px)}
.bottom-nav button.portfolio-spotlight.active{transform:translateY(clamp(-14px,-3.5vw,-10px))}
.bottom-nav button.portfolio-spotlight.active .nav-icon-wrap{width:clamp(54px,16.5vw,64px);height:clamp(54px,16.5vw,64px)}
.bottom-nav button.portfolio-spotlight.active .ico{width:clamp(29px,9vw,34px);height:clamp(29px,9vw,34px)}
.bottom-sheet,.notification-panel,.toast{max-width:calc(100% - 16px)}


/* Narrow phones: 320/340/360 class devices. */
@media(max-width:359px){
  :root{--nav-h:78px}
  .portal{padding-left:11px;padding-right:11px}
  .topbar{min-height:82px;padding-top:max(20px,env(safe-area-inset-top));gap:7px}
  .top-logo{width:136px}
  .top-actions-row{gap:6px}
  .round-icon,.avatar-button{width:36px;height:36px}
  .round-icon .ico{width:22px;height:22px}
  .user-meta p{font-size:12.5px}
  .user-meta small{font-size:9.2px;margin-top:2px}
  .greeting h2{font-size:23px;}
  .greeting small{font-size:8.8px;margin-top:8px}
  .new-project-card{height:154px}
  .new-project-copy{width:66%;padding:12px 12px}
  .new-project-copy h3{font-size:15px;margin-bottom:6px}
  .new-project-copy p{font-size:8.6px}
  .new-project-copy .primary-button{padding:9px 10px;border-radius:14px;font-size:8.8px}
  .new-project-art{width:46%}
  .section-heading{margin-top:20px}
  .quick-grid{gap:7px}
  .quick{min-height:88px;border-radius:17px;padding:8px 3px}
  .quick-icon{width:46px;height:46px;border-radius:15px}
  .quick-icon .ico{width:26px;height:26px}
  .quick b{font-size:8px;line-height:1.4}
  .brand-feel-launch{grid-template-columns:46px minmax(0,1fr) 24px;min-height:92px;padding:10px;gap:8px;border-radius:20px}
  .brand-feel-launch-icon{width:46px;height:46px;border-radius:15px}
  .brand-feel-launch-copy small{font-size:6.8px;letter-spacing:.8px;margin-bottom:3px}
  .brand-feel-launch-copy strong{font-size:13.6px}
  .brand-feel-launch-copy em{font-size:8.2px;margin-top:2px}
  .brand-analysis-panel{grid-template-columns:minmax(0,1fr) 88px}
  .brand-analysis-panel-copy{padding:11px 12px}
  .brand-analysis-panel-copy>small{font-size:6.8px}
  .brand-analysis-panel-copy h3{font-size:14.5px;margin:4px 0}
  .brand-analysis-panel-copy p{font-size:8.2px;line-height:1.6}
  .brand-analysis-panel-cta{font-size:8.5px;margin-top:7px;padding:6px 8px}
  .panel-inline-icon{width:30px;height:30px;border-radius:11px}
  .goal-choice-grid,.lab-scope-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .analysis-map-row{grid-template-columns:62px minmax(0,1fr) 44px}
  .analysis-map-row>span{font-size:7.8px}.analysis-map-row>small{font-size:7px}
  .portfolio-grid{gap:7px}.case img{height:118px}
  .bottom-nav,.bottom-navigation{width:calc(100% - 10px)!important;height:74px;border-radius:23px;bottom:max(6px,env(safe-area-inset-bottom))}
  .bottom-nav button{height:62px;border-radius:15px}
  .nav-icon-wrap{width:40px;height:40px;border-radius:13px}
  .bottom-nav .ico{width:24px;height:24px}
  .bottom-nav span{font-size:7px}
  .bottom-nav button.portfolio-spotlight{transform:translateY(-8px)}
  .bottom-nav button.portfolio-spotlight .nav-icon-wrap{width:50px;height:50px;border-radius:17px}
  .bottom-nav button.portfolio-spotlight.active{transform:translateY(-10px)}
  .bottom-nav button.portfolio-spotlight.active .nav-icon-wrap{width:52px;height:52px}
}

/* Very narrow devices: protect content instead of forcing three columns everywhere. */
@media(max-width:329px){
  .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #quick-actions .quick:first-child .quick-icon{transform:none}
  .business-type-grid,.perception-choices{grid-template-columns:1fr}
  .perception-image{height:150px}
  .portfolio-grid{grid-template-columns:1fr}
  .case img{height:145px}
  .brand-analysis-panel{grid-template-columns:minmax(0,1fr) 80px}
  .bottom-nav span{font-size:6.5px}
}

/* Short screens / landscape-ish phones: avoid wasting vertical space above content. */
@media(max-height:650px) and (max-width:430px){
  .topbar{padding-top:max(16px,env(safe-area-inset-top));min-height:72px;padding-bottom:6px}
  .greeting h2{font-size:23px}
  .greeting small{margin-top:7px}
  .section-heading{margin-top:18px}
  .welcome-brand{top:57%}
  .swipe-entry{bottom:max(18px,env(safe-area-inset-bottom))}
}

/* Desktop/tablet preview still looks like a centered phone shell. */
@media(min-width:700px){
  .app-shell{width:430px}
  .welcome-screen{width:430px}
}

/* ======================================================================
   COOBEH V30 — MORE PAGE / SINGLE SOURCE OF TRUTH
   Clean layout + one icon frame + consistent optical alignment.
   ====================================================================== */

/* Services — initial structure */
.services-page-title{padding-bottom:12px}
.services-intro{padding:22px 20px;margin-bottom:14px;position:relative;overflow:hidden}
.services-intro::after{content:"";position:absolute;width:150px;height:150px;left:-72px;bottom:-80px;border-radius:50%;background:radial-gradient(circle,rgba(241,90,34,.16),rgba(241,90,34,0) 70%);pointer-events:none}
.services-intro>small{font:700 8px/1.4 Arial,sans-serif;letter-spacing:1.5px;color:#f15a22}
.services-intro h3{font-size:19px;margin:9px 0 7px}
.services-intro p{font-size:10px;line-height:1.9;color:#9a9490;margin:0 0 18px;max-width:320px}
.services-intro .primary-button{margin-top:0}
.services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.service-preview-card{min-height:128px;padding:15px 14px;text-align:right;position:relative;overflow:hidden}
.service-preview-card>span{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:22px;padding:0 7px;border-radius:999px;background:rgba(241,90,34,.10);color:#f15a22;font:700 8px Arial,sans-serif}
.service-preview-card h3{font-size:12px;margin:12px 0 5px}
.service-preview-card p{font-size:8.5px;line-height:1.75;color:#918b87;margin:0}
.services-coming-note{margin:14px 3px 0;color:#77716d;font-size:8.5px;line-height:1.8;text-align:right}
@media(max-width:359px){.services-grid{grid-template-columns:1fr}.service-preview-card{min-height:102px}}

/* More — visual header */
.more-header-banner{width:100%;margin:6px 0 clamp(22px,6vw,28px);border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.055);background:#151515;box-shadow:0 16px 34px rgba(0,0,0,.24)}
.more-header-banner img{display:block;width:100%;height:auto;object-fit:cover;object-position:center}

#page-more{padding-top:clamp(24px,8vw,34px)}
.more-sections{display:grid;gap:clamp(22px,7vw,28px)}
.more-section{display:grid;gap:12px}
.more-section-head{padding:0 4px;text-align:right;position:relative}
.more-section-head::before{content:"";position:absolute;right:0;top:4px;width:3px;height:34px;border-radius:9px;background:linear-gradient(180deg,#f15a22,rgba(241,90,34,.12))}
.more-section-head small{display:block;font:700 8px/1.4 Arial,sans-serif;letter-spacing:1.35px;color:#f15a22;margin:0 10px 4px 0;opacity:.82}
.more-section-head h3{margin:0 10px 4px 0;font-size:15px;font-weight:700;color:#f4efec}
.more-section-head p{margin:0 10px;color:#8f8884;font-size:9px;line-height:1.75}

#page-more .more-grid-extended{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#page-more .more-card{
  position:relative;min-width:0;min-height:104px;padding:13px 14px;
  display:grid;grid-template-columns:58px minmax(0,1fr);grid-template-rows:auto auto;
  grid-template-areas:"icon title" "icon desc";
  direction:ltr;align-items:center;align-content:center;column-gap:12px;row-gap:2px;
  text-decoration:none;color:#fff;text-align:right;border-radius:20px;overflow:hidden;
  border:1px solid rgba(255,255,255,.065);
  background:linear-gradient(160deg,#292725 0%,#211f1e 50%,#181817 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 12px 28px rgba(0,0,0,.14)
}
#page-more .more-card::before{display:none!important}
#page-more .more-card::after{content:"";position:absolute;width:72px;height:72px;border-radius:50%;left:-38px;bottom:-42px;background:radial-gradient(circle,rgba(241,90,34,.10),rgba(241,90,34,0) 70%);pointer-events:none}
#page-more .more-card>b{grid-area:title;direction:rtl;text-align:right;align-self:end;min-width:0;margin:0;font-size:clamp(10px,2.75vw,11.2px);font-weight:800;line-height:1.55;overflow-wrap:break-word;position:relative;z-index:1}
#page-more .more-card>small{grid-area:desc;direction:rtl;text-align:right;align-self:start;min-width:0;margin:0;color:#968f8a;font-size:clamp(7.6px,2.15vw,8.2px);line-height:1.7;overflow-wrap:break-word;position:relative;z-index:1}

#page-more .more-icon.more-icon-image{
  grid-area:icon;justify-self:start;align-self:center;
  width:58px;height:58px;margin:0;padding:0;display:block;flex:0 0 auto;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible;
  transform:none!important
}
#page-more .more-icon.more-icon-image img{
  display:block;width:100%;height:100%;object-fit:contain;object-position:center;border-radius:0;
  filter:none;transform:none
}
#page-more .more-card:hover .more-icon.more-icon-image,
#page-more .more-card:focus-visible .more-icon.more-icon-image{transform:none!important}

#page-more .more-card.more-card-wide{
  grid-column:1/-1;min-height:96px;
  grid-template-columns:60px minmax(0,1fr);grid-template-rows:1fr;grid-template-areas:"icon copy";
  column-gap:14px;background:linear-gradient(145deg,#302824 0%,#24201e 48%,#191817 100%);border-color:rgba(241,90,34,.18)
}
#page-more .more-card.more-card-wide>.more-icon{grid-area:icon}
#page-more .more-card.more-card-wide .more-card-copy{grid-area:copy;direction:rtl;display:grid;gap:2px;text-align:right;min-width:0}
#page-more .more-card.more-card-wide .more-card-copy b{font-size:11.2px;line-height:1.55}
#page-more .more-card.more-card-wide .more-card-copy small{font-size:8.2px;line-height:1.7;color:#968f8a}


.more-account-actions{margin-top:clamp(24px,7vw,30px)}
#page-more .more-account-actions .more-card{width:100%}
#page-more .more-logout-card{border-color:rgba(241,90,34,.15);background:linear-gradient(145deg,#282320 0%,#201d1b 54%,#171616 100%)}
#page-more .more-logout-card .more-card-copy b{color:#f1ebe7}
#page-more .more-logout-card .more-card-copy small{color:#877f7b}

.more-footer{
  position:relative;
  width:100%;
  max-width:100%;
  margin:28px 0 0;
  padding:0;
  border:0;
  border-radius:26px;
  overflow:hidden;
  background:transparent;
  box-shadow:none;
}
.more-footer-banner-image{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
  object-position:center;
  border-radius:26px;
}

@media(max-width:389px){
  #page-more .more-grid-extended{grid-template-columns:1fr}
  #page-more .more-card{min-height:88px;grid-template-columns:56px minmax(0,1fr);padding:12px 14px;column-gap:12px}
  #page-more .more-icon.more-icon-image{width:56px;height:56px}
  #page-more .more-card.more-card-wide{grid-column:auto;min-height:88px;grid-template-columns:56px minmax(0,1fr);grid-template-areas:"icon copy"}
  #page-more .more-card.more-card-wide .more-icon.more-icon-image{width:56px;height:56px}
}
@media(max-width:359px){
  #page-more .more-card{grid-template-columns:52px minmax(0,1fr);padding:11px 12px;column-gap:10px}
  #page-more .more-icon.more-icon-image{width:52px;height:52px}
  #page-more .more-card.more-card-wide{grid-template-columns:52px minmax(0,1fr)}
  #page-more .more-card.more-card-wide .more-icon.more-icon-image{width:52px;height:52px}
}

/* V34 stable raster icon contract — do not add per-icon positioning overrides */
#page-more .more-icon.more-icon-image{
  width:58px;
  height:58px;
  min-width:58px;
  min-height:58px;
  aspect-ratio:1/1;
  overflow:visible;
}
#page-more .more-icon.more-icon-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:50% 50%;
}
@media(max-width:389px){
  #page-more .more-icon.more-icon-image{width:56px;height:56px;min-width:56px;min-height:56px}
}
@media(max-width:359px){
  #page-more .more-icon.more-icon-image{width:52px;height:52px;min-width:52px;min-height:52px}
}

/* ======================================================================
   COOBEH V39 — CLEAN FINAL LAYOUT CONTRACT
   Single source for header logo, quick-image icons, footer images and bottom spacing.
   ====================================================================== */
:root{--shell-gutter:clamp(12px,4.2vw,18px)}

.portal{
  padding-left:var(--shell-gutter);
  padding-right:var(--shell-gutter);
  padding-bottom:calc(var(--nav-h) + max(12px,env(safe-area-inset-bottom)));
}
.pages{min-height:auto;padding-bottom:0}
.page{min-height:0}
#page-home{padding-bottom:0}
#page-more{padding-bottom:0}

/* Header logo */
.header-home-link{
  display:flex;
  align-items:center;
  flex:0 1 auto;
  min-width:0;
  min-height:44px;
}
.top-logo,#headerLogo{
  display:block;
  visibility:visible;
  opacity:1;
  width:clamp(148px,44vw,188px);
  max-width:100%;
  height:auto;
  object-fit:contain;
}

/* Quick access: reuse exact raster icons from the More menu */
#quick-actions .quick.quick-with-image{
  min-height:clamp(96px,27vw,108px);
  padding:10px 4px 12px;
  gap:8px;
}
#quick-actions .quick.quick-with-image .quick-icon.quick-icon-image{
  width:clamp(50px,15vw,58px);
  height:clamp(50px,15vw,58px);
  min-width:clamp(50px,15vw,58px);
  min-height:clamp(50px,15vw,58px);
  aspect-ratio:1/1;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
  display:block;
}
#quick-actions .quick.quick-with-image .quick-icon.quick-icon-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
}
#quick-actions .quick.quick-with-image b{
  font-size:clamp(8.4px,2.6vw,10px);
  line-height:1.45;
  text-align:center;
}

/* Dashboard footer image */
#page-home .brand-banner{
  width:100%;
  max-width:100%;
  margin:18px 0 0;
  padding:0;
  overflow:hidden;
  border-radius:26px;
}
#page-home .brand-banner img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
  object-position:center;
  border-radius:26px;
}

/* More footer image */
#page-more .more-account-actions{margin-bottom:0}
#page-more .more-footer{
  width:100%;
  max-width:100%;
  min-height:0;
  margin:28px 0 0;
  padding:0;
  overflow:hidden;
  border:0;
  border-radius:26px;
  background:transparent;
  box-shadow:none;
}
#page-more .more-footer-banner-image{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  object-fit:cover;
  object-position:center;
  border-radius:26px;
}

/* Fixed nav: document only reserves the nav itself + a small visual breathing room. */
.bottom-nav,.bottom-navigation{
  width:calc(100% - (var(--shell-gutter) * 2));
  max-width:394px;
  left:50%;
  right:auto;
  margin:0;
  transform:translateX(-50%);
  padding-bottom:calc(7px + env(safe-area-inset-bottom));
}
.bottom-nav button{min-width:0}
.bottom-nav button span:last-child{white-space:nowrap}

@media(max-width:359px){
  .top-logo,#headerLogo{width:136px}
  .bottom-nav,.bottom-navigation{width:calc(100% - (var(--shell-gutter) * 2))}
}


/* ======================================================================
   COOBEH V40 — HEADER LOGO HARD FIX
   Logo is pinned independently from account controls so it cannot collapse.
   ====================================================================== */
.topbar{
  position:relative;
  min-height:96px;
  height:auto;
  padding-top:max(24px,env(safe-area-inset-top));
  padding-bottom:10px;
  display:flex;
  align-items:flex-start;
  justify-content:flex-end;
}
.header-home-link{
  position:absolute;
  left:0;
  top:max(24px,env(safe-area-inset-top));
  width:clamp(158px,46vw,196px);
  height:auto;
  min-height:0;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  z-index:5;
  line-height:0;
  overflow:visible;
}
.top-logo,#headerLogo{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  width:100% !important;
  max-width:none !important;
  height:auto !important;
  object-fit:contain;
  object-position:left center;
  filter:none;
}
.top-actions{
  position:relative;
  z-index:6;
  max-width:52%;
  margin-right:0;
}

@media(max-width:359px){
  .topbar{min-height:88px}
  .header-home-link{
    width:142px;
    top:max(20px,env(safe-area-inset-top));
  }
  .top-actions{max-width:54%}
}

/* ======================================================================
   COOBEH V45 — PORTFOLIO / CASE LIBRARY
   Dedicated system; no legacy portfolio selector overrides required.
   ====================================================================== */
.portfolio-page-title{padding-bottom:18px}
.portfolio-page-title h2{font-size:clamp(24px,7vw,30px)}
.portfolio-page-title p{max-width:340px}

.pf-featured{
  position:relative;overflow:hidden;margin-bottom:14px;padding:0;
  display:grid;grid-template-columns:45% 55%;min-height:220px;border-radius:26px
}
.pf-featured-media{position:relative;min-height:220px;overflow:hidden}
.pf-featured-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,11,11,.05),rgba(12,11,11,.18) 55%,rgba(12,11,11,.9))}
.pf-featured-media img{width:100%;height:100%;object-fit:cover;display:block}
.pf-featured-label{position:absolute;z-index:2;top:12px;left:12px;padding:7px 9px;border-radius:999px;background:rgba(12,12,12,.72);border:1px solid rgba(255,255,255,.1);font-size:8px}
.pf-featured-index{position:absolute;z-index:2;bottom:-8px;left:9px;font:700 70px/1 Arial;color:rgba(255,255,255,.14)}
.pf-featured-copy{position:relative;z-index:3;padding:22px 17px 17px;display:flex;flex-direction:column;align-items:flex-start}
.pf-eyebrow{display:flex;align-items:center;gap:7px;font:700 7px Arial;letter-spacing:1.2px;color:#f58a5e}
.pf-eyebrow span{width:20px;height:2px;background:#f15a22;border-radius:99px}
.pf-featured-copy h3{font-size:26px;margin:10px 0 6px}
.pf-featured-copy p{margin:0;color:#9f9894;font-size:9px;line-height:1.9}
.pf-featured-meta{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}
.pf-featured-meta span{padding:6px 8px;border-radius:999px;background:#211c1a;border:1px solid rgba(255,255,255,.06);font-size:7px;color:#c9c0bb}
.pf-open-case{margin-top:auto;border:0;background:none;color:#fff;padding:7px 0;font-size:9px;font-weight:700}
.pf-open-case b{color:#f15a22;font-size:16px;margin-right:5px}

.pf-filter-panel{padding:15px;margin-bottom:14px;border-radius:24px}
.pf-filter-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:12px}
.pf-filter-head>div{display:grid;gap:2px}
.pf-filter-head small{font:700 7px Arial;letter-spacing:1.2px;color:#f15a22}
.pf-filter-head b{font-size:13px}
.pf-filter-head>span{font-size:8px;color:#938b87;padding:6px 8px;border:1px solid rgba(255,255,255,.06);border-radius:999px}
.pf-main-filters,.pf-sub-filters{display:flex;gap:7px;overflow:auto;padding:2px 0 8px;scrollbar-width:none}
.pf-main-filters::-webkit-scrollbar,.pf-sub-filters::-webkit-scrollbar{display:none}
.pf-main-filters button,.pf-sub-filters button{
  flex:0 0 auto;border:1px solid rgba(255,255,255,.07);background:#1c1918;color:#aaa19d;
  border-radius:999px;padding:9px 12px;font-size:8px
}
.pf-main-filters button.active,.pf-sub-filters button.active{
  background:#f15a22;color:#fff;border-color:#f15a22;box-shadow:0 7px 18px rgba(241,90,34,.18)
}
.pf-subfilter-wrap{border-top:1px solid rgba(255,255,255,.055);padding-top:10px;margin-top:2px}
.pf-subfilter-title{display:flex;align-items:center;gap:7px;margin-bottom:7px}
.pf-subfilter-title>span{width:4px;height:18px;border-radius:99px;background:#f15a22}
.pf-subfilter-title b{font-size:10px}
.pf-subfilter-title small{font-size:7px;color:#766f6b}
.pf-sub-filters button{padding:7px 10px;background:#171515}
.pf-industry-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:3px;padding-top:9px;border-top:1px solid rgba(255,255,255,.05)}
.pf-industry-row label{font-size:8px;color:#aaa19d}
.pf-industry-row select{appearance:none;border:1px solid rgba(255,255,255,.07);background:#181615;color:#d8d0cb;border-radius:12px;padding:8px 10px;font-size:8px}
.pf-industry-row small{font-size:7px;color:#6f6864}

.pf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pf-card{overflow:hidden;border-radius:22px;min-width:0}
.pf-card[hidden]{display:none!important}
.pf-card-media{position:relative;height:145px;background:linear-gradient(145deg,#2a2421,#141313);overflow:hidden}
.pf-card-media::after{content:"";position:absolute;inset:auto 0 0;height:48%;background:linear-gradient(transparent,rgba(8,8,8,.82))}
.pf-card-media img{display:block;width:100%;height:100%;object-fit:cover}
.pf-card-media>span{position:absolute;z-index:2;bottom:9px;right:9px;font:700 7px Arial;letter-spacing:1px;color:#f5eee9}
.pf-card-body{padding:11px 11px 12px}
.pf-card-body>small{font-size:7px;color:#f15a22}
.pf-card-body h3{font-size:14px;margin:5px 0 3px}
.pf-card-body p{font-size:8px;color:#8c8581;margin:0 0 10px}
.pf-card-body>i{height:3px;background:#37312f;border-radius:99px;display:block;overflow:hidden;margin-bottom:10px}
.pf-card-body>i em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f15a22,#ff9a6f)}
.pf-card-body button{border:0;background:none;color:#eee7e3;padding:0;font-size:8px}
.pf-card-placeholder .pf-card-media{display:grid;place-items:center}
.pf-visual-object{position:relative;width:74px;height:74px;opacity:.9}
.product-object::before{content:"";position:absolute;width:42px;height:62px;border-radius:14px 14px 21px 21px;background:linear-gradient(#4a3e38,#241f1d);left:15px;top:7px;border:1px solid rgba(255,255,255,.07)}
.product-object::after{content:"";position:absolute;width:24px;height:8px;border-radius:5px;background:#f15a22;left:24px;top:3px}
.product-object span:nth-child(1){position:absolute;width:54px;height:3px;background:#f15a22;left:9px;bottom:8px;transform:rotate(-18deg)}
.digital-object::before{content:"";position:absolute;inset:8px 2px 13px;border-radius:12px;background:#171515;border:2px solid #665852;box-shadow:inset 0 0 0 5px #27211f}
.digital-object::after{content:"";position:absolute;width:22px;height:22px;border-radius:50%;background:#f15a22;right:9px;top:14px}
.digital-object span:nth-child(1){position:absolute;width:33px;height:4px;background:#8b7b74;left:12px;top:25px;border-radius:99px}
.digital-object span:nth-child(2){position:absolute;width:47px;height:4px;background:#4c423d;left:12px;top:36px;border-radius:99px}
.campaign-object::before{content:"";position:absolute;width:52px;height:42px;left:10px;top:18px;border-radius:10px;background:#302724;transform:rotate(-8deg);border:1px solid rgba(255,255,255,.07)}
.campaign-object::after{content:"";position:absolute;width:42px;height:4px;background:#f15a22;left:19px;top:34px;transform:rotate(-8deg);border-radius:99px}
.campaign-object span:nth-child(1){position:absolute;width:18px;height:18px;border-radius:50%;background:#544740;left:2px;top:4px}
.campaign-object span:nth-child(2){position:absolute;width:9px;height:9px;border-radius:50%;background:#f15a22;right:2px;bottom:9px}
.pf-empty{text-align:center;padding:35px 10px;color:#8d8580}
.pf-empty span{display:block;font-size:30px;color:#f15a22}.pf-empty b{display:block;font-size:11px}.pf-empty small{display:block;font-size:8px;margin-top:5px}
.pf-site-link{margin-top:14px}

/* Case file */
.portfolio-case-page{padding-top:8px}
.pc-hero{position:relative;height:330px;overflow:hidden;padding:0;border-radius:28px;margin-top:8px}
.pc-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pc-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,8,8,.08),rgba(8,8,8,.18) 38%,rgba(8,8,8,.94) 100%)}
.pc-hero-content{position:absolute;z-index:2;bottom:18px;right:18px;left:18px}
.pc-hero-content>small{font:700 7px Arial;letter-spacing:1.5px;color:#f15a22}
.pc-hero-content h2{font-size:30px;margin:6px 0 3px}
.pc-hero-content p{font-size:9px;color:#aaa29e;margin:0}
.pc-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.pc-tags span{font-size:7px;padding:6px 8px;border-radius:999px;background:rgba(29,25,23,.85);border:1px solid rgba(255,255,255,.08)}
.pc-case-number{position:absolute;z-index:2;top:11px;left:14px;font:700 52px/1 Arial;color:rgba(255,255,255,.15)}

.pc-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}
.pc-facts article{padding:11px 8px;text-align:center;border-radius:18px}.pc-facts small{font-size:7px;color:#817a76;display:block}.pc-facts b{font-size:9px;display:block;margin-top:4px}

.pc-route{padding:15px;border-radius:22px;margin-bottom:22px}
.pc-route-head{display:flex;align-items:center;justify-content:space-between}.pc-route-head small{font:700 7px Arial;color:#f15a22;letter-spacing:1px}.pc-route-head b{font-size:11px}.pc-route-head span{font-size:7px;color:#77706c}
.pc-route-line{height:2px;background:#3a3330;margin:18px 20px -12px;overflow:hidden}.pc-route-line i{display:block;width:72%;height:100%;background:#f15a22}
.pc-route-steps{display:grid;grid-template-columns:repeat(4,1fr);position:relative}
.pc-route-steps>div{text-align:center}.pc-route-steps span{margin:auto;width:24px;height:24px;border-radius:50%;background:#322c29;border:2px solid #171514;display:grid;place-items:center;font:700 7px Arial;color:#89817c}.pc-route-steps div.active span{background:#f15a22;color:#fff}.pc-route-steps b{font-size:8px;display:block;margin-top:6px}

.pc-section{display:grid;grid-template-columns:58px minmax(0,1fr);gap:10px;margin:20px 0}
.pc-section-index{padding-top:4px}.pc-section-index b{font:700 30px/1 Arial;color:#f15a22}.pc-section-index span{display:block;font:700 6px Arial;letter-spacing:1px;color:#716965;writing-mode:vertical-rl;margin-top:8px}
.pc-copy-card{padding:17px;border-radius:22px}.pc-copy-card>small{font-size:8px;color:#f15a22}.pc-copy-card h3{font-size:17px;line-height:1.55;margin:7px 0}.pc-copy-card p{font-size:9px;line-height:1.95;color:#a39b97;margin:0}.pc-copy-card p strong{color:#d7cfcb}
.pc-insight-strip{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-top:16px}.pc-insight-strip span{font-size:7px;color:#837b77}.pc-insight-strip i{height:5px;border-radius:99px;background:#393230;overflow:hidden}.pc-insight-strip em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6f625c,#f15a22)}
.pc-signal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:15px}.pc-signal-grid>div{padding:10px 8px;border-radius:14px;background:#191716;border:1px solid rgba(255,255,255,.05)}.pc-signal-grid span{font:700 7px Arial;color:#f15a22}.pc-signal-grid b{font-size:9px;display:block;margin:5px 0 2px}.pc-signal-grid small{font-size:6.7px;color:#7c7470;line-height:1.5}

.pc-solution-map{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:16px;direction:rtl}.pc-solution-map>div{min-width:0;flex:1;text-align:center}.pc-solution-map b{font-size:7px}.pc-solution-map span{display:block;width:22px;height:22px;border-radius:7px;background:linear-gradient(145deg,#4d413c,#26211f);border:1px solid rgba(255,255,255,.06);margin:6px auto 0}.pc-solution-map>div:nth-of-type(3) span{background:#f15a22}.pc-solution-map i{font-style:normal;color:#6d625d}

.pc-build{padding:18px;border-radius:24px;margin:22px 0}.pc-build-head small{font:700 7px Arial;color:#f15a22;letter-spacing:1px}.pc-build-head h3{font-size:18px;margin:5px 0}.pc-build-head p{font-size:8px;color:#8d8581;line-height:1.8;margin:0 0 17px}
.pc-build-track{position:relative}.pc-build-track::before{content:"";position:absolute;top:14px;right:14px;bottom:14px;width:2px;background:#39312e}.pc-build-track article{position:relative;z-index:1;display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:center;padding:7px 0}.pc-build-track article>span{width:28px;height:28px;border-radius:10px;background:#2c2725;border:1px solid rgba(255,255,255,.06);display:grid;place-items:center;font:700 7px Arial}.pc-build-track article.done>span{background:#51433d;color:#fff}.pc-build-track article.current>span{background:#f15a22;color:#fff;box-shadow:0 0 20px rgba(241,90,34,.22)}.pc-build-track b{font-size:9px}.pc-build-track small{font-size:7px;color:#837b77;display:block;margin-top:2px}

.pc-gallery{margin:22px 0}.pc-gallery-wide{position:relative;height:230px;overflow:hidden;padding:0;border-radius:24px}.pc-gallery-wide img{width:100%;height:100%;object-fit:cover;display:block}.pc-gallery-wide::after{content:"";position:absolute;inset:auto 0 0;height:40%;background:linear-gradient(transparent,rgba(8,8,8,.8))}.pc-gallery-wide span{position:absolute;z-index:2;bottom:12px;right:13px;font-size:8px}
.pc-gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:9px}.pc-image-slot{height:160px;border-radius:22px;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 50% 35%,rgba(241,90,34,.09),transparent 38%),linear-gradient(145deg,#25211f,#141313)}.pc-image-slot b{font:700 9px Arial;color:#f15a22}.pc-image-slot small{font-size:7px;color:#77706c;margin-top:5px}

.pc-impact{padding:17px;border-radius:24px;margin:22px 0}.pc-impact-head small{font:700 7px Arial;color:#f15a22;letter-spacing:1px}.pc-impact-head h3{font-size:17px;margin:5px 0}.pc-impact-head p{font-size:8px;color:#837b77;line-height:1.7;margin:0 0 14px}.pc-meter{display:grid;grid-template-columns:78px 1fr 72px;align-items:center;gap:8px;margin:10px 0}.pc-meter>span,.pc-meter>b{font-size:7px}.pc-meter>b{text-align:left;color:#9a918c}.pc-meter i{height:5px;border-radius:99px;background:#35302d;overflow:hidden}.pc-meter em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f15a22,#ff9a6f)}
.pc-deliverables{padding:17px;border-radius:24px}.pc-deliverables>small{font:700 7px Arial;color:#f15a22;letter-spacing:1px}.pc-deliverables h3{font-size:16px;margin:5px 0 12px}.pc-deliverables>div{display:flex;flex-wrap:wrap;gap:7px}.pc-deliverables span{font-size:7px;padding:7px 9px;border-radius:999px;background:#1b1817;border:1px solid rgba(255,255,255,.06)}
.pc-next{padding:19px;border-radius:24px;margin:12px 0 0}.pc-next small{font-size:7px;color:#f15a22}.pc-next h3{font-size:16px;margin:5px 0}.pc-next p{font-size:8px;color:#89817d;line-height:1.8}.pc-next button{border:0;background:none;color:#fff;padding:6px 0;font-size:8px}.pc-next button b{color:#f15a22;font-size:15px}

@media(max-width:389px){
  .pf-featured{grid-template-columns:42% 58%;min-height:205px}.pf-featured-media{min-height:205px}.pf-featured-copy{padding:17px 13px}.pf-featured-copy h3{font-size:22px}
  .pf-grid{gap:8px}.pf-card-media{height:130px}
  .pc-hero{height:300px}.pc-section{grid-template-columns:48px minmax(0,1fr)}.pc-section-index b{font-size:26px}
}
@media(max-width:349px){
  .pf-grid{grid-template-columns:1fr}.pf-card-media{height:170px}
  .pc-signal-grid{grid-template-columns:1fr}.pc-meter{grid-template-columns:64px 1fr 58px}
}

/* ======================================================================
   COOBEH V46 — CMS generated content states
   ====================================================================== */
.pf-eyebrow em{font-style:normal}
.pf-admin-placeholder{
  position:absolute;inset:0;display:grid;place-content:center;text-align:center;
  background:
    radial-gradient(circle at 70% 30%,rgba(241,90,34,.14),transparent 28%),
    linear-gradient(145deg,#2a2421,#121111)
}
.pf-admin-placeholder span{font:700 7px Arial;letter-spacing:1.6px;color:#f15a22}
.pf-admin-placeholder b{font:700 18px Arial;letter-spacing:2px;color:#5a4c46;margin-top:4px}
.pc-image-slot-filled{position:relative;overflow:hidden;padding:0;display:block}
.pc-image-slot-filled img{width:100%;height:100%;object-fit:cover;display:block}
.pc-image-slot-filled::after{content:"";position:absolute;inset:auto 0 0;height:40%;background:linear-gradient(transparent,rgba(8,8,8,.78))}
.pc-image-slot-filled span{position:absolute;z-index:2;right:10px;bottom:9px;font:700 7px Arial;letter-spacing:1px;color:#eee}
.service-admin-image{height:92px;margin:-2px -2px 12px;overflow:hidden;border-radius:17px}
.service-admin-image img{width:100%;height:100%;display:block;object-fit:cover}



/* ======================================================================
   COOBEH V47 — Portfolio UX refinement
   ====================================================================== */
#page-portfolio{gap:14px}
.portfolio-page-title small{font-size:8px;letter-spacing:1.5px}
.portfolio-page-title h2{font-size:27px;line-height:1.4;margin-bottom:8px}
.portfolio-page-title p{font-size:10px;line-height:2;color:#a9a19d;max-width:92%}
.pf-featured{border-radius:28px;overflow:hidden;margin-bottom:2px;box-shadow:0 16px 40px rgba(0,0,0,.18)}
.pf-featured-media{min-height:245px}
.pf-featured-media::after{background:linear-gradient(180deg,rgba(12,11,11,.05),rgba(12,11,11,.12) 35%,rgba(12,11,11,.88) 100%)}
.pf-featured-label{top:16px;left:16px;padding:8px 11px;font-size:9px;background:rgba(12,12,12,.76)}
.pf-featured-index{bottom:-6px;left:12px;font-size:82px;color:rgba(255,255,255,.16)}
.pf-featured-copy{padding:22px 18px 18px;gap:2px}
.pf-featured-copy h3{font-size:27px;line-height:1.35;margin:10px 0 6px}
.pf-featured-copy p{font-size:10px;line-height:2;color:#b0a8a4}
.pf-featured-meta{gap:8px;margin:14px 0 16px}
.pf-featured-meta span{padding:7px 10px;font-size:8px;background:#211c1a}
.pf-open-case{font-size:10px;font-weight:800;padding:8px 0}
.pf-open-case b{font-size:18px}

.pf-filter-panel{padding:18px 16px 16px;border-radius:26px;margin-bottom:12px;background:linear-gradient(180deg,rgba(29,26,24,.95),rgba(18,17,16,.98))}
.pf-filter-head{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:start;margin-bottom:16px}
.pf-filter-title{display:grid;gap:4px}
.pf-filter-title small{font:700 8px Arial;letter-spacing:1.4px;color:#f15a22}
.pf-filter-title b{font-size:16px;line-height:1.5}
.pf-filter-title p{margin:0;font-size:9px;line-height:1.95;color:#9e9691}
.pf-filter-stats{display:flex;align-items:center;justify-content:space-between;gap:10px}
#pfResultCount{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 13px;border-radius:999px;background:#171513;border:1px solid rgba(255,255,255,.08);font-size:8px;color:#f5ede8;white-space:nowrap}
.pf-reset-button{border:1px solid rgba(241,90,34,.25);background:rgba(241,90,34,.08);color:#f5c1ad;border-radius:14px;min-height:36px;padding:0 14px;font-size:8px;font-weight:700}
.pf-main-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:visible;padding:0}
.pf-main-filters button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;min-height:66px;padding:13px 15px;border-radius:18px;border:1px solid rgba(255,255,255,.06);background:#171514;color:#f0ebe8;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.pf-main-filters button b{font-size:11px;line-height:1.6}
.pf-main-filters button small{font-size:8px;color:#7f7772}
.pf-subfilter-wrap{border-top:1px solid rgba(255,255,255,.055);padding-top:14px;margin-top:14px}
.pf-subfilter-title{display:grid;grid-template-columns:4px auto;grid-template-rows:auto auto;column-gap:8px;row-gap:2px;align-items:center;margin-bottom:10px}
.pf-subfilter-title>span{grid-row:1/span 2;height:100%;min-height:28px;width:4px;border-radius:999px;background:#f15a22}
.pf-subfilter-title b{font-size:11px}
.pf-subfilter-title small{font-size:7.5px;color:#8d8580}
.pf-sub-filters{display:flex;flex-wrap:wrap;gap:8px;overflow:visible;padding:0}
.pf-sub-filters button{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:10px 13px;border-radius:14px;background:#161414;border:1px solid rgba(255,255,255,.06);font-size:9px;color:#dcd5d1}
.pf-sub-filters button b{font-size:10px;font-weight:700}
.pf-sub-filters button small{font-size:8px;color:#7d7570}
.pf-industry-row{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.05)}
.pf-industry-copy{display:grid;gap:3px}
.pf-industry-row label{font-size:10px;color:#f1ebe7;font-weight:700}
.pf-industry-row small{font-size:7.5px;color:#807873;line-height:1.8}
.pf-industry-row select{width:100%;min-height:44px;border-radius:14px;padding:0 12px;font-size:9px;background:#181615;border:1px solid rgba(255,255,255,.08)}

.pf-grid{grid-template-columns:1fr;gap:12px}
.pf-card{border-radius:24px;overflow:hidden;display:grid;grid-template-columns:132px minmax(0,1fr);align-items:stretch}
.pf-card-media{height:auto;min-height:100%;border-left:1px solid rgba(255,255,255,.04)}
.pf-card-media>span{right:10px;bottom:10px;font-size:7.5px}
.pf-card-body{padding:14px 14px 15px;display:grid;align-content:start}
.pf-card-body>small{font-size:7.5px;letter-spacing:.2px}
.pf-card-body h3{font-size:17px;line-height:1.45;margin:7px 0 6px}
.pf-card-body p{font-size:9px;line-height:1.9;color:#9d9590;margin:0 0 12px}
.pf-card-body>i{height:4px;margin-bottom:12px}
.pf-card-body button{display:inline-flex;align-items:center;gap:6px;font-size:9px;font-weight:700;color:#fff;background:rgba(241,90,34,.08);border:1px solid rgba(241,90,34,.18);padding:9px 11px;border-radius:12px;justify-self:start}
.pf-empty{padding:36px 14px}
.pf-empty b{font-size:12px;margin-top:5px}
.pf-empty small{font-size:8px}
.pf-site-link{margin-top:12px;padding:14px 16px;font-size:9px;border-radius:20px}

.pc-facts article{padding:13px 10px}
.pc-facts small{font-size:7.5px}
.pc-facts b{font-size:10px}
.pc-route{padding:16px 14px}
.pc-route-head b{font-size:12px}
.pc-route-steps b{font-size:8.5px}
.pc-copy-card h3{font-size:18px}
.pc-copy-card p{font-size:9.5px}
.pc-build-head h3,.pc-deliverables h3,.pc-next h3{font-size:18px}

@media (min-width:760px){
  .pf-filter-head{grid-template-columns:minmax(0,1fr) auto;align-items:end}
  .pf-filter-stats{display:grid;justify-items:end}
  .pf-main-filters{grid-template-columns:repeat(4,minmax(0,1fr))}
  .pf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pf-card{grid-template-columns:1fr}
  .pf-card-media{height:178px;border-left:0;border-bottom:1px solid rgba(255,255,255,.04)}
}
@media (max-width:420px){
  .portfolio-page-title h2{font-size:24px}
  .pf-featured-copy h3{font-size:23px}
  .pf-card{grid-template-columns:118px minmax(0,1fr)}
  .pf-card-body{padding:12px}
  .pf-card-body h3{font-size:15px}
}

/* ======================================================================
   COOBEH V49 — SELECTED / FILTER CONTROL CONTRACT
   Only filter/choice controls fill with the COOBEH standard orange.
   Navigation is intentionally excluded and uses its original visual state.
   ====================================================================== */
:root{
  --coobeh-selection-orange:#f15a22;
  --coobeh-selection-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 8px 20px rgba(241,90,34,.20);
}

#page-portfolio .pf-main-filters button.active,
#page-portfolio .pf-sub-filters button.active,
.filter-pills button.active,
.brief-options button.selected,
.business-type.selected,
.perception-choice.selected,
.goal-choice-grid button.selected,
.analysis-choice-grid button.selected{
  background:var(--coobeh-selection-orange) !important;
  border-color:var(--coobeh-selection-orange) !important;
  color:#fff !important;
  box-shadow:var(--coobeh-selection-shadow) !important;
}

#page-portfolio .pf-main-filters button.active b,
#page-portfolio .pf-main-filters button.active small,
#page-portfolio .pf-sub-filters button.active b,
#page-portfolio .pf-sub-filters button.active small,
.filter-pills button.active *,
.brief-options button.selected *,
.business-type.selected *,
.perception-choice.selected *,
.goal-choice-grid button.selected *,
.analysis-choice-grid button.selected *{
  color:#fff !important;
}

.pf-results-heading{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:12px;
  padding:3px 2px 0;
  margin-top:2px;
}
.pf-results-heading>div{display:grid;gap:3px}
.pf-results-heading small{
  font:700 8px Arial;
  letter-spacing:1.3px;
  color:#f15a22;
}
.pf-results-heading h3{
  font-size:16px;
  margin:0;
}
.pf-results-heading>span{
  max-width:48%;
  color:#827a75;
  font-size:8px;
  line-height:1.7;
  text-align:left;
}
#page-portfolio .pf-filter-panel{margin-top:2px}
#page-portfolio .pf-featured{margin-top:8px}

/* ======================================================================
   COOBEH V50 — ABOUT PAGE
   ====================================================================== */
.about-page{padding-top:7px}
.about-hero{padding:15px 3px 20px}
.about-hero>small{font:700 8px Arial;letter-spacing:1.6px;color:#f15a22}
.about-hero h2{font-size:clamp(29px,8.6vw,38px);line-height:1.45;letter-spacing:-.7px;margin:9px 0 13px;max-width:350px}
.about-hero h2 span{color:#f15a22;position:relative;white-space:nowrap}
.about-hero h2 span::after{content:"";display:block;width:48%;height:3px;border-radius:99px;background:#f15a22;margin-top:5px}
.about-hero p{font-size:10px;line-height:2.15;color:#aaa19d;margin:0;max-width:365px}
.about-section-label{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.about-section-label>span{font:700 23px/1 Arial;color:#f15a22}
.about-section-label>div{display:grid;gap:2px}.about-section-label small{font:700 7px Arial;letter-spacing:1px;color:#766e69}.about-section-label b{font-size:12px}
.about-service-map{padding:17px 15px;border-radius:24px;margin-bottom:12px}
.about-service-flow{display:flex;align-items:center;gap:7px;overflow:auto;padding:3px 1px 5px;scrollbar-width:none}.about-service-flow::-webkit-scrollbar{display:none}
.about-service-flow span{flex:0 0 auto;min-height:40px;display:grid;place-items:center;padding:0 12px;border-radius:13px;background:#181615;border:1px solid rgba(255,255,255,.06);font-size:8.5px;color:#dcd4cf;white-space:nowrap}
.about-service-flow span:nth-of-type(1),.about-service-flow span:nth-of-type(4),.about-service-flow span:nth-of-type(7){border-color:rgba(241,90,34,.24);background:rgba(241,90,34,.07)}
.about-service-flow i{flex:0 0 18px;height:1px;background:linear-gradient(90deg,#5a4c46,#f15a22);position:relative}.about-service-flow i::after{content:"";position:absolute;left:0;top:-2px;width:5px;height:5px;border-radius:50%;background:#f15a22}
.about-philosophy{position:relative;overflow:hidden;padding:20px 18px;border-radius:26px;margin-bottom:20px;background:radial-gradient(circle at 10% 10%,rgba(241,90,34,.10),transparent 30%),linear-gradient(145deg,#211c19,#121111)}
.about-philosophy-mark{position:absolute;left:15px;top:-15px;font:700 92px Georgia;color:rgba(241,90,34,.18);line-height:1}
.about-philosophy>small{font:700 7px Arial;letter-spacing:1.2px;color:#f15a22}.about-philosophy h3{font-size:18px;line-height:1.6;margin:7px 0 7px;max-width:250px}.about-philosophy p{font-size:10px;line-height:2.05;color:#aaa19d;margin:0;position:relative;z-index:2}
.about-sense-row{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:7px;margin-top:16px}.about-sense-row span{font-size:8px;color:#d9d1cc}.about-sense-row i{height:3px;border-radius:99px;background:linear-gradient(90deg,#4c403b,#f15a22)}
.about-process{margin:3px 0 19px}.about-process-track{position:relative;padding:14px 14px 11px;border-radius:24px}.about-process-track::before{content:"";position:absolute;top:29px;right:27px;bottom:29px;width:2px;background:#39312e}.about-process-track article{position:relative;z-index:2;display:grid;grid-template-columns:32px 14px 1fr;gap:9px;align-items:center;padding:9px 0}.about-process-track article>b{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#282321;border:1px solid rgba(255,255,255,.06);font:700 8px Arial;color:#a79d97}.about-process-track article:nth-child(4)>b{background:#f15a22;color:#fff;border-color:#f15a22;box-shadow:0 7px 20px rgba(241,90,34,.18)}.about-process-track article>span{width:10px;height:10px;border-radius:50%;background:#51443e;border:2px solid #171514}.about-process-track article:nth-child(4)>span{background:#f15a22}.about-process-track strong{display:block;font-size:10px}.about-process-track small{display:block;font-size:7.5px;color:#817974;margin-top:3px;line-height:1.6}.about-process-copy{font-size:9.5px;color:#9a918d;line-height:2;margin:11px 5px 0}
.about-statement{position:relative;overflow:hidden;border-radius:27px;background:linear-gradient(135deg,#ff7642 0%,#f15a22 48%,#cf3e12 100%);padding:24px 20px 25px;margin:19px 0;color:#fff;box-shadow:0 16px 36px rgba(241,90,34,.18)}.about-statement-orbit{position:absolute;width:155px;height:155px;border:1px solid rgba(255,255,255,.16);border-radius:50%;left:-55px;bottom:-70px}.about-statement-orbit::before,.about-statement-orbit::after{content:"";position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%}.about-statement-orbit::before{width:98px;height:98px;left:28px;top:28px}.about-statement-orbit::after{width:30px;height:30px;left:62px;top:62px;background:rgba(255,255,255,.08)}.about-statement small{font:700 8px Arial;letter-spacing:1.5px;color:rgba(255,255,255,.8)}.about-statement h3{position:relative;z-index:2;font-size:20px;line-height:1.75;margin:8px 0 17px;max-width:325px}.about-statement h3 b{color:#fff;font-weight:900}.about-statement>i{display:block;width:42px;height:3px;border-radius:99px;background:#fff}
.about-visual{padding:0;overflow:hidden;border-radius:28px;margin:0}.about-visual img{width:100%;aspect-ratio:4/3;display:block;object-fit:cover}.about-visual figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:#151312}.about-visual figcaption small{font:700 7px Arial;letter-spacing:1px;color:#f15a22}.about-visual figcaption span{font-size:7.5px;color:#8d8580;text-align:left}
@media(max-width:360px){.about-hero h2{font-size:27px}.about-statement h3{font-size:18px}.about-sense-row{grid-template-columns:auto 1fr auto;row-gap:8px}.about-sense-row i:nth-of-type(2){display:none}.about-sense-row span:last-child{grid-column:1/-1}}

/* ======================================================================
   COOBEH V51 — COMPLETE UTILITY ROUTES
   Shared components keep new sections visually consistent and maintainable.
   ====================================================================== */
.utility-page{padding-top:7px}
.utility-hero{padding:12px 3px 17px}
.utility-hero>small{font:700 8px Arial;letter-spacing:1.4px;color:#f15a22}
.utility-hero h2{font-size:clamp(25px,7.5vw,32px);line-height:1.45;margin:6px 0 6px}
.utility-hero p{font-size:9.5px;line-height:2;color:#9d9590;margin:0;max-width:365px}
.utility-panel{padding:17px;border-radius:23px;margin:10px 0}
.utility-panel-head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:12px}
.utility-panel-head small{font:700 7px Arial;letter-spacing:1.1px;color:#f15a22}.utility-panel-head b{font-size:12px}
.utility-panel>p{font-size:9px;line-height:1.95;color:#968e89;margin:0}
.utility-note{padding:14px 16px;border-radius:18px;background:#161311;border:1px solid rgba(241,90,34,.14);margin-top:11px}
.utility-note b{font-size:10px;color:#f4eae5}.utility-note p{font-size:8px;color:#8d817b;line-height:1.9;margin:4px 0 0}
.wide-action{width:100%;min-height:46px;border:1px solid rgba(241,90,34,.22);background:rgba(241,90,34,.08);color:#fff;border-radius:16px;font-size:9px;font-weight:800;margin-top:11px}

.hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.hub-card{border:0;color:#fff;text-align:right;padding:15px;border-radius:20px;min-height:126px;display:flex;flex-direction:column;align-items:flex-start}
.hub-card.wide{grid-column:1/-1;min-height:102px}
.hub-card>span{font:700 14px Arial;color:#f15a22}.hub-card>b{font-size:12px;margin:14px 0 5px}.hub-card>small{font-size:7.5px;color:#817a75;line-height:1.6}
.brand-snapshot{display:grid;gap:8px}.brand-snapshot-row{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;padding:9px 0;border-top:1px solid rgba(255,255,255,.05)}.brand-snapshot-row:first-child{border-top:0}.brand-snapshot-row>span{font-size:8px;color:#8d8580}.brand-snapshot-row>i{height:4px;background:#332d2a;border-radius:99px;overflow:hidden}.brand-snapshot-row>i em{display:block;height:100%;background:#f15a22;border-radius:inherit}.brand-snapshot-row>b{font-size:8px;color:#d7cec8}

.task-summary{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;padding:13px;border-radius:21px;margin-bottom:11px}.task-summary>span{text-align:center}.task-summary b{font:700 19px Arial;display:block}.task-summary small{font-size:7px;color:#827a75}.task-summary i{width:1px;height:32px;background:rgba(255,255,255,.06)}
.utility-list{display:grid;gap:8px}.utility-list-empty{padding:32px 15px;text-align:center;border:1px dashed rgba(255,255,255,.08);border-radius:21px;color:#7e7672}.utility-list-empty b{display:block;font-size:11px}.utility-list-empty small{font-size:8px;display:block;margin-top:5px}
.utility-list-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border-radius:18px;background:#131211;border:1px solid rgba(255,255,255,.055)}
.utility-list-row>span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#211b18;color:#f15a22;font:700 9px Arial}.utility-list-row b{display:block;font-size:10px}.utility-list-row small{display:block;font-size:7.5px;color:#817a75;margin-top:3px;line-height:1.55}.utility-list-row button{border:0;background:#1e1917;color:#bdb4ae;border-radius:10px;min-height:34px;padding:0 9px;font-size:8px}

.reports-grid{display:grid;gap:9px}.report-card{padding:16px;border-radius:22px;position:relative;overflow:hidden}.report-card>small{font:700 7px Arial;color:#f15a22;letter-spacing:1px}.report-card h3{font-size:15px;margin:6px 0}.report-card p{font-size:8.5px;color:#8e8681;line-height:1.9;margin:0 0 12px}.report-card button{border:0;background:none;color:#fff;font-size:8px;padding:0;font-weight:700}.report-state{display:inline-flex;padding:6px 8px;border-radius:999px;background:#1d1917;border:1px solid rgba(255,255,255,.06);font-size:7px;color:#948c87;margin-bottom:8px}.report-state.ready{background:rgba(241,90,34,.09);border-color:rgba(241,90,34,.2);color:#f79a72}

.health-gauge{padding:17px;border-radius:24px;display:grid;grid-template-columns:92px 1fr;gap:15px;align-items:center}.health-ring{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#f15a22 0 var(--health-pct,0%),#302a27 var(--health-pct,0%) 100%);position:relative}.health-ring::after{content:"";position:absolute;inset:8px;border-radius:50%;background:#141212}.health-ring span{position:relative;z-index:2;font:700 17px Arial}.health-gauge small{font:700 7px Arial;letter-spacing:1px;color:#f15a22}.health-gauge h3{font-size:14px;margin:6px 0}.health-gauge p{font-size:8px;color:#89817c;line-height:1.8;margin:0}.health-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:9px 0}.health-actions button{min-height:46px;border-radius:15px;border:1px solid rgba(241,90,34,.16);background:#181514;color:#ddd5d0;font-size:8px;padding:8px}

.upload-zone{display:grid;place-items:center;text-align:center;padding:26px 15px;border-radius:23px;border-style:dashed;cursor:pointer;margin-bottom:11px}.upload-zone input{display:none}.upload-zone>span{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#f15a22;color:#fff;font-size:21px;margin-bottom:9px}.upload-zone b{font-size:11px}.upload-zone small{font-size:7.5px;color:#807873;margin-top:4px}

.utility-form{padding:17px;border-radius:23px}.utility-form label{display:grid;gap:6px;font-size:8.5px;color:#a59b95;margin-bottom:11px}.utility-form input,.utility-form textarea,.utility-form select{width:100%;border:1px solid rgba(255,255,255,.07);background:#121111;color:#eee;border-radius:12px;padding:10px 11px;font:inherit;outline:0}.utility-form input,.utility-form select{min-height:42px}.utility-form textarea{resize:vertical;line-height:1.8}.utility-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.compact-form{margin-bottom:11px}.utility-submit{width:100%;margin-top:4px}
.form-section-title{display:flex;align-items:center;gap:9px;border-top:1px solid rgba(255,255,255,.055);padding-top:15px;margin:15px 0 11px}.form-section-title:first-child{border-top:0;padding-top:0;margin-top:0}.form-section-title>span{width:30px;height:30px;border-radius:10px;background:#221a17;color:#f15a22;display:grid;place-items:center;font:700 8px Arial}.form-section-title>div{display:grid;gap:2px}.form-section-title b{font-size:10px}.form-section-title small{font-size:7px;color:#756d68}
.utility-success{padding:19px;border-radius:23px;margin-top:10px}.utility-success>span{width:44px;height:44px;border-radius:14px;background:#f15a22;color:#fff;display:grid;place-items:center;font-size:20px}.utility-success>small{display:block;font:700 7px Arial;color:#f15a22;letter-spacing:1px;margin-top:12px}.utility-success h3{font-size:15px;margin:5px 0}.utility-success p{font-size:8.5px;color:#8f8782;line-height:1.9}.utility-success a{display:inline-block;color:#fff;text-decoration:none;font-size:8.5px;margin-top:5px}

.calendar-list{display:grid;gap:8px}.calendar-event{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border-radius:19px;background:#131211;border:1px solid rgba(255,255,255,.055)}.calendar-date{padding:7px;text-align:center;border-radius:12px;background:#211a17;color:#f15a22;font:700 9px Arial}.calendar-event b{font-size:10px}.calendar-event small{display:block;font-size:7px;color:#817974;margin-top:3px}.calendar-event button{border:0;background:none;color:#766e69;font-size:13px}

.settings-list{border-radius:23px;overflow:hidden}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px;border-top:1px solid rgba(255,255,255,.055)}.setting-row:first-child{border-top:0}.setting-row div{display:grid;gap:4px}.setting-row b{font-size:10px}.setting-row small{font-size:7.5px;color:#817974}.setting-row input{width:42px;height:23px;accent-color:#f15a22}
body.reduce-motion *,body.reduce-motion *::before,body.reduce-motion *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
body.hide-helpers .utility-hero p,body.hide-helpers .more-section-head p,body.hide-helpers .more-card small{display:none!important}

.learning-stack{display:grid;gap:9px}.learning-card{padding:17px;border-radius:22px;position:relative}.learning-card>span{position:absolute;left:15px;top:12px;font:700 34px Arial;color:rgba(255,255,255,.05)}.learning-card>small{font:700 7px Arial;color:#f15a22;letter-spacing:1px}.learning-card h3{font-size:15px;margin:7px 0}.learning-card p{font-size:8.5px;color:#918984;line-height:1.95;margin:0;max-width:90%}

.idea-feature{padding:19px;border-radius:24px;background:radial-gradient(circle at 15% 20%,rgba(241,90,34,.11),transparent 32%),linear-gradient(145deg,#221d1a,#121111)}.idea-feature small{font:700 7px Arial;color:#f15a22;letter-spacing:1px}.idea-feature h3{font-size:18px;line-height:1.65;margin:7px 0}.idea-feature p{font-size:9px;line-height:1.95;color:#978f8a}.idea-feature button{border:1px solid rgba(241,90,34,.2);background:rgba(241,90,34,.08);color:#fff;border-radius:12px;padding:9px 11px;font-size:8px}.idea-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.idea-grid article{padding:14px;border-radius:19px}.idea-grid b{font-size:11px;color:#f15a22}.idea-grid p{font-size:7.8px;color:#867e79;line-height:1.8;margin:5px 0 0}

.tool-grid,.media-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.tool-card,.media-card{border:0;text-decoration:none;color:#fff;text-align:right;padding:15px;border-radius:21px;min-height:126px;display:flex;flex-direction:column;align-items:flex-start}.tool-card span,.media-card span{font:700 16px Arial;color:#f15a22}.tool-card b,.media-card b{font-size:11px;margin-top:auto}.tool-card small,.media-card small{font-size:7.5px;color:#817974;margin-top:4px}.media-card.muted{opacity:.62}

.process-rail{padding:14px 15px;border-radius:24px;position:relative}.process-rail::before{content:"";position:absolute;top:29px;right:30px;bottom:29px;width:2px;background:#352f2c}.process-rail article{position:relative;z-index:2;display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;padding:9px 0}.process-rail span{width:34px;height:34px;border-radius:11px;background:#231d1a;border:1px solid rgba(255,255,255,.06);display:grid;place-items:center;color:#f15a22;font:700 8px Arial}.process-rail article:last-child span{background:#f15a22;color:#fff}.process-rail b{font-size:10px}.process-rail small{display:block;font-size:7.5px;color:#807873;margin-top:3px;line-height:1.6}

.invite-card{border-radius:27px;background:linear-gradient(135deg,#ff7642,#f15a22 50%,#cf3e12);padding:23px 20px;color:#fff;box-shadow:0 15px 34px rgba(241,90,34,.17)}.invite-card>small{font:700 8px Arial;letter-spacing:1px;color:rgba(255,255,255,.8)}.invite-card h3{font-size:20px;margin:8px 0}.invite-card p{font-size:9px;line-height:1.9;color:rgba(255,255,255,.84)}.invite-card>div{display:flex;gap:8px}.invite-card button{border:1px solid rgba(255,255,255,.2);background:rgba(82,24,7,.19);color:#fff;border-radius:13px;padding:10px 12px;font-size:8.5px}

.guide-stack,.privacy-stack{display:grid;gap:8px}.guide-stack article,.privacy-stack article{display:grid;grid-template-columns:42px 1fr;gap:11px;padding:14px;border-radius:20px}.guide-stack span,.privacy-stack span{width:38px;height:38px;border-radius:12px;background:#221a17;display:grid;place-items:center;color:#f15a22;font:700 8px Arial}.guide-stack b,.privacy-stack b{font-size:10px}.guide-stack p,.privacy-stack p{font-size:8px;color:#847c77;line-height:1.8;margin:4px 0 0}
.faq-list{display:grid;gap:8px}.faq-list details{border-radius:18px;padding:0 14px}.faq-list summary{cursor:pointer;list-style:none;font-size:10px;font-weight:700;padding:14px 0}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:"＋";float:left;color:#f15a22}.faq-list details[open] summary::after{content:"−"}.faq-list p{font-size:8.5px;color:#918984;line-height:1.9;padding:0 0 14px;margin:0;border-top:1px solid rgba(255,255,255,.05);padding-top:11px}

@media(max-width:360px){
  .utility-form-grid,.health-actions,.tool-grid,.media-grid,.idea-grid{grid-template-columns:1fr}
  .health-gauge{grid-template-columns:78px 1fr}.health-ring{width:74px;height:74px}
}

/* ======================================================================
   COOBEH V53 — CONTEXTUAL ACCOUNT LOGIN
   Login appears only when the user enters a personal / writable route.
   ====================================================================== */
.auth-sheet-v53{padding-top:14px}
.auth-sheet-v53 .auth-sheet-close{
  position:absolute;top:13px;left:14px;width:32px;height:32px;border-radius:10px;
  border:1px solid rgba(255,255,255,.07);background:#1a1817;color:#aaa29d;
  display:grid;place-items:center;font:18px/1 Arial
}
.auth-sheet-v53 .auth-sheet-kicker{
  color:#f15a22;font:700 7px Arial;letter-spacing:1.3px;margin-bottom:5px
}
.auth-sheet-v53 h3{font-size:18px;margin-bottom:7px}
.auth-sheet-v53 #authReason{max-width:330px;margin:0 auto 13px;line-height:1.9;color:#a49c97}
.auth-sheet-v53 .telegram-button{min-height:46px;display:flex;align-items:center;justify-content:center}
.auth-sheet-v53 .demo-login{
  min-height:42px;width:100%;margin-top:5px;border-radius:12px;
  border:1px solid rgba(255,255,255,.06);background:#171514;color:#aaa29d
}
body.auth-sheet-open::after{
  content:"";position:fixed;z-index:88;inset:0;background:rgba(0,0,0,.48);
  backdrop-filter:blur(3px);pointer-events:none
}
#authSheet{z-index:90}

/* ======================================================================
   COOBEH V54 — EXACT TELEGRAM BRIEF WIZARD
   ====================================================================== */
.brief-wizard-page{padding-top:7px}
.brief-v54-hero{padding:12px 3px 17px}.brief-v54-hero>small{font:700 8px Arial;letter-spacing:1.4px;color:#f15a22}.brief-v54-hero h2{font-size:30px;margin:6px 0 7px}.brief-v54-hero p{font-size:9.5px;line-height:2;color:#9a928d;margin:0}
.brief-stage-head{display:flex;align-items:center;gap:10px;margin:4px 1px 12px}.brief-stage-head>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#241b17;color:#f15a22;font:700 10px Arial}.brief-stage-head>div{display:grid;gap:3px}.brief-stage-head small{font:700 7px Arial;letter-spacing:1px;color:#746d68}.brief-stage-head h3{font-size:13px;margin:0}
.brief-service-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.brief-service-card{border:1px solid rgba(255,255,255,.055);color:#fff;border-radius:21px;padding:14px;text-align:right;min-height:150px;display:flex;flex-direction:column;align-items:flex-start;position:relative}
.brief-service-card>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#211a17;color:#f15a22;font:700 9px Arial}.brief-service-card>div{margin-top:12px}.brief-service-card b{font-size:11px}.brief-service-card small{display:block;font-size:7.5px;line-height:1.7;color:#817974;margin-top:4px}.brief-service-card>i{font-style:normal;font-size:7px;color:#f28a5e;margin-top:auto;padding-top:10px}
.brief-service-card:active{transform:scale(.985)}.brief-service-card:hover{border-color:rgba(241,90,34,.22)}
.brief-shared-note{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;padding:13px;border-radius:19px;margin-top:10px}.brief-shared-note>span{width:38px;height:38px;border-radius:12px;background:rgba(241,90,34,.10);display:grid;place-items:center;color:#f15a22}.brief-shared-note b{display:block;font-size:9px}.brief-shared-note small{display:block;font-size:7.3px;line-height:1.75;color:#817974;margin-top:3px}
.brief-wizard-top{display:flex;align-items:end;justify-content:space-between;gap:12px}.brief-wizard-top>button{border:0;background:none;color:#8e8580;font-size:8px}.brief-progress-copy{text-align:left;display:grid;gap:2px}.brief-progress-copy small{font:700 7px Arial;color:#f15a22}.brief-progress-copy b{font-size:9px}
.brief-progress-track{height:5px;background:#282320;border-radius:99px;overflow:hidden;margin:10px 0 12px}.brief-progress-track i{display:block;height:100%;width:0;background:#f15a22;border-radius:inherit;transition:width .25s ease}
.brief-question-card{position:relative;padding:20px 16px 16px;border-radius:25px;overflow:hidden}.brief-question-number{position:absolute;left:12px;top:3px;font:700 58px Arial;color:rgba(255,255,255,.045)}.brief-question-card>small{font:700 7px Arial;letter-spacing:1px;color:#f15a22}.brief-question-card>h3{position:relative;z-index:2;font-size:16px;line-height:1.8;margin:8px 0 14px;padding-left:30px;white-space:pre-line}
.brief-options-v54{display:grid;grid-template-columns:1fr 1fr;gap:8px}.brief-option-v54{min-height:51px;border-radius:15px;border:1px solid rgba(255,255,255,.065);background:#171514;color:#e5ded9;text-align:right;padding:10px 12px}.brief-option-v54 b{font-size:9px;line-height:1.55;font-weight:650}.brief-option-v54.selected{background:#f15a22!important;border-color:#f15a22!important;color:#fff!important;box-shadow:0 8px 20px rgba(241,90,34,.18)!important}.brief-option-v54.selected b{color:#fff!important}
.brief-free-answer textarea{width:100%;border:1px solid rgba(255,255,255,.07);background:#111;color:#eee;border-radius:15px;padding:12px;font:inherit;font-size:10px;line-height:1.9;resize:vertical;outline:0}.brief-answer-submit{width:100%;min-height:44px;border:0;border-radius:13px;background:#f15a22;color:#fff;font-size:9px;font-weight:800;margin-top:7px}
.brief-image-upload{min-height:135px;border:1px dashed rgba(241,90,34,.28);background:rgba(241,90,34,.045);border-radius:18px;display:grid;place-items:center;text-align:center;padding:14px;cursor:pointer}.brief-image-upload input{display:none}.brief-image-upload span{width:42px;height:42px;border-radius:13px;background:#f15a22;color:#fff;display:grid;place-items:center;font-size:20px}.brief-image-upload b{font-size:10px;margin-top:7px}.brief-image-upload small{font-size:7px;color:#827974}.brief-upload-state{text-align:center;font-size:8px;color:#f59a72;margin-top:7px}
.brief-question-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.05)}.brief-question-actions button{min-height:36px;border-radius:11px;border:1px solid rgba(255,255,255,.06);background:#181615;color:#aaa29c;font-size:8px;padding:0 11px}.brief-question-actions button:disabled{opacity:.35}
.brief-summary-list{display:grid;gap:8px}.brief-summary-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:start;padding:12px;border-radius:18px}.brief-summary-row>span{width:34px;height:34px;border-radius:10px;background:#221a17;color:#f15a22;display:grid;place-items:center;font:700 8px Arial}.brief-summary-row b{display:block;font-size:8.5px;line-height:1.7;color:#cfc6c1}.brief-summary-row p{font-size:9px;line-height:1.8;color:#fff;margin:5px 0 0;white-space:pre-line}.brief-summary-row button{border:0;background:none;color:#f27d4c;font-size:8px;padding:5px}
.brief-summary-actions{display:grid;grid-template-columns:1fr 1.3fr;gap:8px;margin-top:12px}.brief-summary-actions>button:first-child{border:1px solid rgba(255,255,255,.07);background:#181615;color:#b5aca7;border-radius:13px;font-size:9px}
.projects-v54-toolbar{display:flex;justify-content:space-between;align-items:center;margin:4px 0 11px}.projects-v54-toolbar>span{font:700 7px Arial;letter-spacing:1px;color:#f15a22;padding:7px 9px;border-radius:999px;background:#211712;border:1px solid rgba(241,90,34,.15)}.projects-v54-toolbar>button{border:1px solid rgba(241,90,34,.2);background:rgba(241,90,34,.07);color:#fff;border-radius:12px;min-height:36px;padding:0 11px;font-size:8px}
.projects-v54-list{display:grid;gap:9px}.project-v54-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center;padding:13px;border-radius:20px}.project-v54-index{width:42px;height:42px;border-radius:12px;background:#221a17;color:#f15a22;display:grid;place-items:center;font:700 9px Arial}.project-v54-card small{font-size:7px;color:#f17c4b}.project-v54-card h3{font-size:11px;margin:3px 0}.project-v54-card p{font-size:7.5px;color:#817974;margin:0}.project-v54-status{font-size:7px;color:#d6cdc7;border-radius:999px;background:#1c1917;padding:7px 8px}.project-v54-status.in_progress{color:#f69b73;background:#25170f}.project-v54-status.completed{color:#fff;background:#f15a22}
@media(max-width:360px){.brief-service-grid,.brief-options-v54{grid-template-columns:1fr}.brief-summary-actions{grid-template-columns:1fr}.project-v54-card{grid-template-columns:38px 1fr}.project-v54-status{grid-column:2;justify-self:start}}



/* COOBEH V55 — live Telegram account connection */
.auth-live-status{min-height:34px;margin:7px 0 2px;padding:8px 10px;border-radius:11px;background:#141211;border:1px solid rgba(255,255,255,.055);color:#837b76;font-size:7.5px;line-height:1.7;text-align:center}
.auth-live-status.ready{color:#f39a72;border-color:rgba(241,90,34,.18);background:rgba(241,90,34,.055)}
.auth-live-status.success{color:#fff;background:#f15a22;border-color:#f15a22}
.telegram-button[aria-disabled="true"]{opacity:.55;pointer-events:none}
.project-v54-card[data-resume-project]{cursor:pointer}
.project-v54-card .resume-draft{grid-column:2/-1;justify-self:start;margin-top:5px;border:1px solid rgba(241,90,34,.18);background:rgba(241,90,34,.07);color:#f79a72;border-radius:10px;padding:7px 9px;font-size:7.5px}
.brief-sync-error{margin:8px 0 0;padding:9px 10px;border-radius:12px;background:rgba(241,90,34,.08);border:1px solid rgba(241,90,34,.18);font-size:7.5px;line-height:1.7;color:#f29a74}


/* V55.4 — additional pages for More section */
.asset-kit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:18px 0;}
.asset-kit-card{padding:18px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));display:flex;flex-direction:column;gap:8px;min-height:148px;}
.asset-kit-card span{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(255,124,32,.14);color:var(--accent,#ff7b29);font-weight:800;}
.asset-kit-card b{font-size:1rem;}
.asset-kit-card small{color:rgba(255,255,255,.68);line-height:1.8;}
.approval-stack{display:grid;gap:14px;margin-top:18px;}
.approval-card{padding:18px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));display:grid;gap:14px;}
.approval-head{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.approval-head span{padding:6px 10px;border-radius:999px;background:rgba(255,124,32,.14);color:var(--accent,#ff7b29);font-size:.72rem;font-weight:800;letter-spacing:.08em;}
.approval-card p{margin:0;color:rgba(255,255,255,.72);line-height:1.9;}
.approval-actions{display:flex;flex-wrap:wrap;gap:10px;}
.approval-actions button{border:none;border-radius:16px;padding:12px 16px;background:rgba(255,255,255,.08);color:#fff;font:inherit;cursor:pointer;}
.approval-actions button:hover{background:rgba(255,124,32,.18);}


/* =========================================================
   V56 — Unified account / multi-provider login
   ========================================================= */
.auth-sheet-v56{padding:14px 18px 24px;max-height:min(88vh,780px);overflow:auto;overscroll-behavior:contain}
.auth-sheet-v56 .auth-sheet-close{position:absolute;left:18px;top:18px;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.055);color:#fff;font-size:24px;line-height:1;z-index:2}
.auth-brand-mark{width:112px;height:34px;margin:4px auto 8px;display:flex;align-items:center;justify-content:center}.auth-brand-mark img{width:100%;height:auto;display:block}
.auth-sheet-v56 .auth-sheet-kicker{display:block;text-align:center;color:var(--accent,#ff7b29);letter-spacing:.14em;font-size:.66rem;font-weight:800}.auth-sheet-v56>h3{text-align:center;margin:8px 0 6px;font-size:1.22rem}.auth-sheet-v56>#authReason{max-width:390px;text-align:center;margin:0 auto 16px;color:#aaa19c;line-height:1.85;font-size:.86rem}
.auth-view{display:none}.auth-view.active{display:block;animation:authViewIn .22s ease both}@keyframes authViewIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.auth-method-list{display:grid;gap:9px}.auth-method{width:100%;border:1px solid rgba(255,255,255,.085);border-radius:19px;background:linear-gradient(145deg,rgba(255,255,255,.072),rgba(255,255,255,.032));color:#fff;padding:10px 12px;display:grid;grid-template-columns:46px 1fr 20px;align-items:center;gap:11px;text-align:right;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.auth-method:active{transform:scale(.985)}.auth-method>span:nth-child(2){display:grid;gap:2px}.auth-method b{font-size:.92rem}.auth-method small{color:#918b87;font-size:.72rem;line-height:1.55}.auth-method>i{font-style:normal;color:#6e6864;font-size:1.4rem}.auth-method-create{border-color:rgba(255,121,34,.3);background:linear-gradient(145deg,rgba(255,122,30,.115),rgba(255,255,255,.025))}
.auth-method-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#302c2a,#171514);border:1px solid rgba(255,255,255,.1);color:#ff7a20;font-weight:900;font-size:.9rem;box-shadow:0 8px 22px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.06)}.auth-method-icon.google-g{font-family:Arial,sans-serif;background:#fff;color:#4285f4;font-size:1.18rem;text-shadow:1px 1px 0 #ea4335,-1px 1px 0 #fbbc05}.auth-method-icon.telegram-plane{color:#ff7a20;font-size:1.15rem}
.auth-guest{width:100%;margin-top:12px;border:0;background:transparent;color:#9a938f;padding:9px;font:inherit;font-size:.78rem}.auth-back{border:0;background:transparent;color:#aaa19c;padding:4px 0 12px;font:inherit;font-size:.78rem}.auth-view-head{display:flex;align-items:center;gap:12px;margin-bottom:15px}.auth-view-head>div{display:grid;gap:4px}.auth-view-head b{font-size:1rem}.auth-view-head small{color:#918b87;line-height:1.65;font-size:.75rem}
.auth-form{display:grid;gap:11px}.auth-form label{display:grid;gap:6px;color:#b8b0ab;font-size:.76rem}.auth-form input{height:47px;border-radius:15px;border:1px solid rgba(255,255,255,.095);background:#141211;color:#fff;padding:0 14px;font:inherit;outline:none}.auth-form input:focus{border-color:rgba(255,121,34,.65);box-shadow:0 0 0 3px rgba(255,121,34,.08)}.auth-primary{min-height:48px;border:0;border-radius:16px;background:linear-gradient(135deg,#ff8a32,#ff6d12);color:#111;font:inherit;font-weight:900;box-shadow:0 12px 28px rgba(255,108,18,.16)}.auth-register-grid label small{display:inline;color:#706a66;margin-right:4px}.auth-helper{display:block;margin:10px 2px 0;color:#7f7975;line-height:1.75;font-size:.72rem}.google-signin-box{min-height:50px;display:flex;align-items:center;justify-content:center;border-radius:16px;overflow:hidden}.auth-live-status{margin-top:10px}
.account-context-card{margin:4px 0 16px;padding:17px 18px;border-radius:24px;background:radial-gradient(circle at 90% 0,rgba(255,121,34,.13),transparent 38%),linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.026))}.account-context-top{display:flex;justify-content:space-between;align-items:start;gap:12px}.account-context-top small{color:#8d8681;font-size:.66rem;letter-spacing:.12em}.account-context-top h3{margin:3px 0 0;font-size:1.04rem}.account-context-top>span{border-radius:999px;padding:6px 10px;background:rgba(255,121,34,.12);color:#ff7922;font-size:.66rem;font-weight:900}.account-context-card>p{margin:11px 0;color:#a49c97;font-size:.78rem;line-height:1.8}.account-context-stats{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;text-align:center}.account-context-stats span{display:grid;gap:1px}.account-context-stats b{font-size:1rem}.account-context-stats small{font-size:.65rem;color:#817a76}.account-context-stats i{height:22px;width:1px;background:rgba(255,255,255,.08)}
.profile-form-v56{display:grid;grid-template-columns:1fr 1fr;gap:12px}.profile-form-v56 label{min-width:0}.profile-form-v56 .primary-button{grid-column:1/-1}.profile-smart-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.profile-smart-card{padding:16px;border-radius:22px}.profile-smart-card>small{font-size:.62rem;letter-spacing:.11em;color:#827b77}.profile-smart-card h3{font-size:.9rem;margin:4px 0 11px}.profile-chip-list{display:flex;flex-wrap:wrap;gap:6px}.profile-chip-list span{padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.075);font-size:.68rem;color:#b8b0ab}.profile-chip-list span.verified{background:rgba(255,121,34,.1);border-color:rgba(255,121,34,.22);color:#ff8a36}
@media(max-width:560px){.profile-form-v56,.profile-smart-grid{grid-template-columns:1fr}.auth-sheet-v56{padding-left:14px;padding-right:14px}}


/* =========================================================
   V56.1 — Contextual auth modal (not a persistent bottom sheet)
   ========================================================= */
body.auth-modal-open{overflow:hidden;touch-action:none}
.auth-modal-backdrop{
  position:fixed;inset:0;z-index:88;
  background:rgba(0,0,0,.68);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease;
}
.auth-modal-backdrop.open{opacity:1;visibility:visible;pointer-events:auto}
.bottom-sheet.auth-sheet-v56{
  position:fixed;z-index:90;left:50%;top:50%;bottom:auto;
  transform:translate(-50%,-48%) scale(.97);
  width:min(calc(100% - 28px),430px);
  max-height:min(86dvh,760px);overflow:auto;overscroll-behavior:contain;
  border-radius:28px;padding:18px 18px 22px;
  background:linear-gradient(180deg,#171513 0%,#11100f 100%);
  border:1px solid rgba(255,255,255,.1);
  box-shadow:0 28px 90px rgba(0,0,0,.72),inset 0 1px 0 rgba(255,255,255,.05);
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .22s ease,transform .24s cubic-bezier(.2,.8,.2,1),visibility .22s ease;
}
.bottom-sheet.auth-sheet-v56.open{
  top:50%;bottom:auto;
  transform:translate(-50%,-50%) scale(1);
  opacity:1;visibility:visible;pointer-events:auto;
}
.auth-sheet-v56 .sheet-handle{display:none}
.auth-view-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px}
.auth-view-actions .auth-back,.auth-view-actions .auth-view-cancel{
  min-height:38px;border-radius:12px;padding:0 12px;font:inherit;font-size:.78rem;cursor:pointer
}
.auth-view-actions .auth-back{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:#b8b0ab}
.auth-view-actions .auth-view-cancel{border:1px solid rgba(255,121,34,.22);background:rgba(255,121,34,.08);color:#ff8a36}
.auth-sheet-v56 .auth-sheet-close{cursor:pointer}
@media(max-width:560px){
  .bottom-sheet.auth-sheet-v56{width:calc(100% - 20px);max-height:88dvh;border-radius:24px;padding:16px 14px 20px}
}


/* V56.2 auth modal refinement */
.auth-sheet-v56 .sheet-handle{display:none}
.auth-sheet-v56 .auth-guest{margin-top:14px}
.auth-sheet-v56 .auth-view-actions{align-items:center}
.auth-sheet-v56 .auth-back,.auth-sheet-v56 .auth-view-cancel,.auth-sheet-v56 .auth-guest{min-height:44px;border-radius:14px}
.auth-sheet-v56 .auth-view-head .auth-method-icon{flex:0 0 52px}
.auth-sheet-v56 .auth-method-icon{position:relative;width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(165deg,#2c2623 0%,#191615 56%,#11100f 100%);border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 28px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.05);overflow:hidden}
.auth-sheet-v56 .auth-method-icon::after{content:"";position:absolute;inset:1px;border-radius:15px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
.auth-sheet-v56 .auth-method-icon > span{position:absolute;display:block}
.auth-sheet-v56 .auth-icon-google{background:linear-gradient(165deg,#312a27 0%,#1a1715 58%,#121110 100%)}
.auth-sheet-v56 .auth-icon-google::before{content:"";position:absolute;width:28px;height:28px;border-radius:50%;background:conic-gradient(#4285f4 0 24%, #34a853 24% 49%, #fbbc05 49% 74%, #ea4335 74% 100%);}
.auth-sheet-v56 .auth-icon-google::after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#171413;box-shadow:none}
.auth-sheet-v56 .auth-icon-google .g-stem{width:16px;height:18px;right:12px;background:#171413;border-radius:4px}
.auth-sheet-v56 .auth-icon-google .g-bar{width:12px;height:4px;right:12px;top:24px;background:#4285f4;border-radius:4px;z-index:2}
.auth-sheet-v56 .auth-icon-phone .phone-shell{width:18px;height:28px;border-radius:7px;border:2px solid #ff7a20;background:linear-gradient(180deg,#161312,#0d0c0c);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
.auth-sheet-v56 .auth-icon-phone .phone-shell::before{content:"";position:absolute;left:50%;top:4px;transform:translateX(-50%);width:8px;height:2px;border-radius:3px;background:rgba(255,255,255,.22)}
.auth-sheet-v56 .auth-icon-phone .phone-dot{width:4px;height:4px;border-radius:50%;background:#ff7a20;bottom:10px}
.auth-sheet-v56 .auth-icon-credentials .user-head{width:10px;height:10px;border-radius:50%;background:#ff7a20;top:11px;left:15px;box-shadow:0 0 14px rgba(255,122,32,.22)}
.auth-sheet-v56 .auth-icon-credentials .user-body{width:18px;height:10px;border-radius:10px 10px 7px 7px;background:#ff7a20;left:11px;top:24px}
.auth-sheet-v56 .auth-icon-credentials .lock-body{width:12px;height:10px;border-radius:3px;background:#fff3ea;right:10px;bottom:12px}
.auth-sheet-v56 .auth-icon-credentials .lock-arc{width:10px;height:8px;border:2px solid #fff3ea;border-bottom:none;border-radius:8px 8px 0 0;right:11px;bottom:20px;background:transparent}
.auth-sheet-v56 .auth-icon-telegram .plane-wing{width:0;height:0;border-left:18px solid #ff7a20;border-top:9px solid transparent;border-bottom:9px solid transparent;transform:translateX(2px) rotate(-12deg);filter:drop-shadow(0 4px 10px rgba(255,122,32,.22))}
.auth-sheet-v56 .auth-icon-telegram .plane-tail{width:14px;height:2px;background:#ffd3be;transform:rotate(28deg);left:16px;top:28px;border-radius:2px}
.auth-sheet-v56 .auth-icon-register .card-base{width:24px;height:18px;border-radius:7px;background:linear-gradient(180deg,#ff8a31,#ff6f16);box-shadow:0 8px 16px rgba(255,122,32,.18)}
.auth-sheet-v56 .auth-icon-register .card-base::before{content:"";position:absolute;inset:2px;border-radius:5px;border:1px solid rgba(255,255,255,.28)}
.auth-sheet-v56 .auth-icon-register .card-plus-h{width:14px;height:3px;border-radius:3px;background:#1a1512}
.auth-sheet-v56 .auth-icon-register .card-plus-v{width:3px;height:14px;border-radius:3px;background:#1a1512}
/* neutralize old variants */
.auth-method-icon.google-g,.auth-method-icon.telegram-plane{font-size:0;color:transparent;text-shadow:none;background:transparent}


/* V56.3 auth PNG icons */
.auth-sheet-v56 .auth-method-icon-image{background:transparent !important;border:none !important;box-shadow:none !important;overflow:visible !important;}
.auth-sheet-v56 .auth-method-icon-image::after,.auth-sheet-v56 .auth-method-icon-image::before{display:none !important;}
.auth-sheet-v56 .auth-method-icon-image img{display:block;width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.22));}
.auth-sheet-v56 .auth-view-head .auth-method-icon-image img{width:58px;height:58px;}


/* V56.4 lighter auth icons */
.auth-sheet-v56 .auth-method-icon{width:44px;height:44px;flex:0 0 44px;}
.auth-sheet-v56 .auth-view-head .auth-method-icon{width:46px;height:46px;flex:0 0 46px;}
.auth-sheet-v56 .auth-method-icon-image img{width:44px !important;height:44px !important;filter:none !important;}
.auth-sheet-v56 .auth-view-head .auth-method-icon-image img{width:46px !important;height:46px !important;}


/* V56.6 public lead forms */
.lead-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.utility-submit:disabled{opacity:.58;cursor:wait}


/* V57 — Client workspace core */
.project-workspace-page .workspace-loading{padding:24px;text-align:center;color:#aaa}
.project-workspace-hero{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:start;padding:22px;border-radius:26px}.project-workspace-copy small,.next-action-card>small{font:8px Arial;letter-spacing:1.4px;color:#ff7a2a}.project-workspace-copy h2{margin:7px 0 5px;font-size:22px}.project-workspace-copy p{margin:0;color:#a39d99;font-size:10px}.project-workspace-status{padding:8px 11px;border-radius:999px;background:rgba(255,118,36,.12);color:#ff8a46;font-size:9px}.project-workspace-progress{display:flex;align-items:center;gap:10px;margin-top:18px}.project-workspace-progress i{height:6px;flex:1;background:#24201e;border-radius:99px;overflow:hidden}.project-workspace-progress i b{display:block;height:100%;width:0;background:linear-gradient(90deg,#ff8b3d,#f15b21);border-radius:99px;transition:width .35s}.project-workspace-progress strong{font:11px Arial}.next-action-card,.workspace-section{padding:19px;border-radius:24px;margin-top:12px}.next-action-card h3{margin:7px 0}.next-action-card p{color:#b0aaa6;line-height:1.8;font-size:10px}.next-action-card span{display:block;color:#ff9056;font-size:9px;margin-top:8px}.workspace-muted{color:#85807d;font-size:10px;line-height:1.8}.workspace-inline-action{width:100%;border:1px solid rgba(255,255,255,.07);background:#171412;color:#eee;border-radius:14px;padding:11px;margin-top:10px}.workspace-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.workspace-shortcuts button{border:0;border-radius:16px;padding:14px;background:linear-gradient(160deg,#2a2421,#171412);color:#fff}.payment-mini{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.06)}.payment-mini:last-child{border-bottom:0}.payment-mini small{display:block;color:#847f7c;font-size:8px;margin-top:4px}.payment-mini strong{font-size:10px;color:#ff8a46;white-space:nowrap}
.payment-account-card{padding:20px;border-radius:26px;margin-bottom:18px}.payment-account-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.payment-account-head small{font:8px Arial;letter-spacing:1.3px;color:#ff7a2a}.payment-account-head h3{margin:6px 0}.payment-account-head>span{font-size:9px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.06)}.payment-owner{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.06)}.payment-owner small,.payment-copy-row small{display:block;color:#827d7a;font-size:8px;margin-bottom:4px}.payment-copy-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.06)}.payment-copy-row:last-child{border-bottom:0}.payment-copy-row b{font:600 11px Arial;letter-spacing:.4px;direction:ltr}.payment-copy-row button{border:1px solid rgba(255,121,43,.22);background:rgba(255,121,43,.08);color:#ff8b4f;border-radius:10px;padding:7px 10px}.finance-payment-card{padding:16px;border-radius:20px;margin-bottom:10px}.finance-payment-card h3{margin:4px 0}.finance-payment-card>div>small{color:#ff7f35;font-size:8px}.finance-amounts{display:grid!important;grid-template-columns:repeat(3,1fr);gap:7px;margin:13px 0}.finance-amounts span{padding:10px;border-radius:13px;background:#151210}.finance-amounts small{display:block;color:#817b77;font-size:7px}.finance-amounts b{display:block;margin-top:4px;font-size:9px}.finance-payment-card p{color:#9a9490;font-size:9px}.finance-payment-card em{font-style:normal;font-size:8px;color:#ff8a46}.compact-empty{min-height:auto!important;padding:20px!important}
.chat-project-filter{padding:12px 14px;margin-bottom:10px}.chat-project-filter label{display:grid;gap:6px;color:#918b87;font-size:8px}.chat-project-filter select,.file-upload-controls select{background:#151311;color:#fff;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:11px}.chat-thread-v57{min-height:360px;max-height:56vh;overflow:auto;padding:14px;border-radius:24px;display:flex;flex-direction:column;gap:9px}.chat-empty{text-align:center;color:#7f7975;font-size:10px;padding:30px 10px}.chat-bubble-v57{max-width:86%;padding:11px 13px;border-radius:16px;background:#171412;border:1px solid rgba(255,255,255,.05)}.chat-bubble-v57.mine{align-self:flex-start;background:#281a14;border-color:rgba(255,117,43,.14)}.chat-bubble-v57.team{align-self:flex-end}.chat-bubble-v57 b{font-size:8px;color:#ff874c}.chat-bubble-v57 p{margin:5px 0;line-height:1.8;font-size:10px;white-space:pre-wrap}.chat-bubble-v57 time{font:7px Arial;color:#706b68}.chat-compose-v57{display:grid;grid-template-columns:1fr auto;gap:9px;padding:10px;border-radius:20px;margin-top:10px}.chat-compose-v57 textarea{resize:none;background:#13110f;color:#fff;border:1px solid rgba(255,255,255,.07);border-radius:13px;padding:11px;outline:none;font:inherit}.chat-compose-v57 button{border:0;border-radius:13px;background:linear-gradient(135deg,#ff8b37,#f05b20);color:#111;padding:0 18px;font-weight:800}.chat-note-v57{display:block;text-align:center;color:#6f6966;margin-top:8px;font-size:8px}
.file-upload-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px;margin-bottom:10px}.file-upload-controls label{display:grid;gap:6px;color:#8d8783;font-size:8px}.storage-state{font-size:8px;color:#817b77;text-align:center;margin:8px 0 12px}.file-row-actions{display:flex;gap:5px}.workspace-file-row .file-row-actions button{min-width:32px}.utility-empty{padding:16px;text-align:center;color:#817c79;font-size:9px;border:1px dashed rgba(255,255,255,.06);border-radius:16px}.notification-item-v57{display:flex;gap:10px;padding:11px 3px;border-top:1px solid rgba(255,255,255,.06)}.notification-item-v57>i{width:7px;height:7px;border-radius:50%;background:#5c5754;margin-top:5px;flex:0 0 auto}.notification-item-v57.unread>i{background:#ff752a;box-shadow:0 0 12px rgba(255,117,42,.35)}.notification-item-v57 b{font-size:9px}.notification-item-v57 p{font-size:8px;color:#928c88;margin:4px 0}.notification-item-v57 small{font-size:7px;color:#6d6865}
@media(max-width:520px){.project-workspace-hero{grid-template-columns:1fr}.project-workspace-status{justify-self:start}.finance-amounts{grid-template-columns:1fr}.file-upload-controls{grid-template-columns:1fr}.workspace-shortcuts{grid-template-columns:1fr}}


/* V57.2 — Telegram Web Login */
.telegram-web-login-box{
  min-height:52px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:10px 0 4px;
}
.telegram-web-login-box iframe{
  max-width:100%;
}


/* V58.1 — profile save feedback + bot-sourced brief intro */
.profile-save-status{min-height:24px;margin-top:10px;font-size:.84rem;line-height:1.8;color:rgba(255,255,255,.66)}
.profile-save-status[data-kind="success"]{color:#8ee8b5}
.profile-save-status[data-kind="error"]{color:#ff9c8e}
.profile-save-status[data-kind="loading"]{color:#ffc38f}
.profile-completion-hint{margin-top:10px;padding:13px 15px;border-radius:16px;display:flex;flex-direction:column;gap:4px}
.profile-completion-hint:empty{display:none}
.profile-completion-hint b{font-size:.88rem}
.profile-completion-hint small{color:rgba(255,255,255,.64);line-height:1.75}
#profileSaveButton:disabled{opacity:.58;cursor:wait}

.brief-intro-stage{margin-top:16px}
.brief-intro-card{position:relative;overflow:hidden;padding:22px;border-radius:28px}
.brief-intro-card::before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(255,119,31,.09);filter:blur(14px);left:-68px;top:-74px}
.brief-intro-icon{position:relative;width:62px;height:62px;border-radius:19px;display:grid;place-items:center;background:linear-gradient(145deg,#312a27,#171412);border:1px solid rgba(255,255,255,.08);color:#ff7a20;font-weight:900;letter-spacing:.04em;margin-bottom:18px}
.brief-intro-card p{position:relative;white-space:pre-line;line-height:2.05;color:rgba(255,255,255,.76);margin:0}
.brief-intro-actions{position:relative;display:grid;grid-template-columns:1fr 1.3fr;gap:10px;margin-top:20px}
.brief-intro-actions>button{min-height:48px;border-radius:16px}
@media(max-width:560px){.brief-intro-actions{grid-template-columns:1fr}}


/* COOBEH V59 — stable baseline */
.field-helper{display:block;margin-top:5px;color:rgba(255,255,255,.42);font-size:7.5px;line-height:1.7}
.profile-methods-help{margin:7px 0 12px;color:rgba(255,255,255,.58);font-size:8.5px;line-height:1.8}
.profile-identity-methods{display:grid;gap:8px}
.profile-method-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid rgba(255,255,255,.06);border-radius:14px;background:#151311}
.profile-method-row>div{min-width:0}.profile-method-row b{display:block;font-size:9px}.profile-method-row small{display:block;margin-top:4px;color:#817b77;font-size:7.5px;line-height:1.55;overflow:hidden;text-overflow:ellipsis}
.profile-method-row button{border:1px solid rgba(255,120,38,.2);background:rgba(255,120,38,.07);color:#ff9258;border-radius:10px;padding:8px 10px;font-size:8px;white-space:nowrap}
.profile-method-row.connected button{color:#9bd8af;border-color:rgba(105,207,143,.18);background:rgba(105,207,143,.06)}
.profile-credentials-setup{display:grid;gap:9px;margin-top:10px;padding:12px;border-radius:15px;background:#12100f;border:1px solid rgba(255,255,255,.06)}
.profile-credentials-setup label{display:grid;gap:5px;font-size:8px;color:#928b86}.profile-credentials-setup input{width:100%;background:#181513;color:#fff;border:1px solid rgba(255,255,255,.07);border-radius:11px;padding:10px;outline:none}.profile-credentials-setup>div{display:grid;grid-template-columns:1.4fr .7fr;gap:7px}.profile-credentials-setup>div button{min-height:40px;border-radius:11px}.profile-credentials-setup>div button:last-child{border:1px solid rgba(255,255,255,.07);background:#181513;color:#aaa}.profile-credentials-setup>small{min-height:18px;color:#ff9b6d}
.brief-top-actions{display:flex;gap:5px;align-items:center}.brief-top-actions button{border:0;background:none;color:#8e8580;font-size:8px;padding:5px}.brief-top-actions #briefCancel{color:#d89d84}
.brief-live-sync{display:block;font-style:normal;font-size:7px;margin-top:3px;color:#7e7772}.brief-live-sync[data-state="saving"]{color:#ff9a64}.brief-live-sync[data-state="synced"]{color:#83caa0}.brief-live-sync[data-state="offline"],.brief-live-sync[data-state="error"]{color:#f6a48b}
.brief-recovery-slot:empty{display:none}.brief-recovery-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;margin:0 0 10px;border-radius:18px}.brief-recovery-card small{font:700 7px Arial;letter-spacing:1px;color:#ff8350}.brief-recovery-card b{display:block;font-size:10px;margin:4px 0}.brief-recovery-card p{font-size:7.5px;color:#847d78;margin:0}.brief-recovery-card button{border:1px solid rgba(255,121,43,.2);background:rgba(255,121,43,.08);color:#ff955e;border-radius:11px;padding:9px 10px;font-size:8px;white-space:nowrap}
.brief-summary-actions{grid-template-columns:.8fr .9fr 1.35fr}.brief-summary-actions>#briefSummaryCancel{border:1px solid rgba(255,255,255,.07);background:#181615;color:#aaa29c;border-radius:13px;font-size:8px}
.brief-option-v54{transition:transform .08s ease,background .1s ease,border-color .1s ease}.brief-option-v54:active{transform:scale(.985)}
.notification-item-v57.clickable{cursor:pointer;align-items:center}.notification-item-v57 .notification-go{margin-right:auto;color:#ff8a4e;font-size:18px}
@media(max-width:430px){.profile-method-row{align-items:flex-start}.profile-credentials-setup>div,.brief-summary-actions{grid-template-columns:1fr}.brief-recovery-card{align-items:flex-start;flex-direction:column}.brief-recovery-card button{width:100%}}


/* =========================================================
   V60 — Stable UX / brief readability / adaptive dashboard
   ========================================================= */
.brief-hero-badges{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.brief-hero-badges span{font-size:8.5px;color:#c7bcb6;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);padding:7px 9px;border-radius:999px}
.brief-service-load-state{font-size:9px;line-height:1.7;color:#8f8580;margin:0 2px 10px;min-height:16px}
.brief-service-load-state[data-state="error"]{color:#ff9b86}
.brief-service-grid{gap:11px}
.brief-service-card{min-height:178px;padding:15px;border-radius:23px;background:linear-gradient(155deg,rgba(47,40,36,.83),rgba(18,16,15,.96))}
.brief-service-card .brief-service-icon-image{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;overflow:hidden;background:transparent}
.brief-service-card .brief-service-icon-image img{width:54px;height:54px;display:block;object-fit:contain}
.brief-service-card>div{margin-top:13px}
.brief-service-card b{font-size:13px;line-height:1.65}
.brief-service-card small{font-size:9.5px;line-height:1.85;color:#a79c96;margin-top:5px}
.brief-service-card>i{font-size:8.5px;color:#f69262}
.brief-service-card:disabled{opacity:.62;cursor:wait}
.brief-intro-card{padding:24px}
.brief-intro-icon{width:66px;height:66px;padding:0;background:transparent;border:0;overflow:visible}
.brief-intro-icon img{width:66px;height:66px;display:block;object-fit:contain}
.brief-intro-card p{font-size:11px;line-height:2.1}
.brief-question-card h3{font-size:15px;line-height:2}
.brief-options-v54{gap:10px}
.brief-option-v54{min-height:60px;padding:13px 14px;border-radius:17px}
.brief-option-v54 b{font-size:12.5px;line-height:1.7;font-weight:650}
.brief-question-actions button,.brief-top-actions button{font-size:9.5px;min-height:38px}
.brief-live-sync{font-size:8.5px}
.brief-answer-submit{font-size:11px}
.brief-free-answer textarea{font-size:12px;line-height:1.9}

.otp-resend-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;padding:9px 11px;border-radius:13px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05)}
.otp-resend-row span{font-size:8.5px;color:#8e8681}
.otp-resend-row button{border:0;background:transparent;color:#ff8750;font-size:9px;padding:5px}
.otp-resend-row button:disabled{opacity:.35}

.client-dashboard-focus{padding:18px;border-radius:24px;margin:12px 0}
.client-dashboard-focus-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.client-dashboard-focus-head small{font:700 7.5px Arial;letter-spacing:1.3px;color:#ff7b31}
.client-dashboard-focus-head h3{margin:5px 0 0;font-size:17px}
.client-dashboard-focus-head>span{font:700 8px Arial;letter-spacing:.8px;color:#ff8b50;border:1px solid rgba(255,126,56,.18);background:rgba(255,126,56,.08);padding:7px 9px;border-radius:999px}
.client-dashboard-focus>p{font-size:10px;line-height:1.9;color:#aaa19c;margin:13px 0}
.client-dashboard-focus-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.client-dashboard-focus-actions button{min-height:43px;border-radius:14px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(155deg,#2b2522,#171412);color:#fff;font-size:9.5px}
.client-dashboard-focus-actions button:first-child{background:linear-gradient(180deg,#f47e4c,#ed5a22);border-color:transparent}
.new-project-card.dashboard-secondary{opacity:.82}
#page-home[data-dashboard-mode="project"] #homeDiscoveryHeading,
#page-home[data-dashboard-mode="project"] #homeBrandFeelLaunch,
#page-home[data-dashboard-mode="project"] #homeLabHeading,
#page-home[data-dashboard-mode="project"] #homeBrandLabPanel{display:none}
#page-home[data-dashboard-mode="project"] .new-project-card{margin-top:10px}
@media(max-width:360px){
  .brief-service-grid{grid-template-columns:1fr}
  .brief-service-card{min-height:138px}
  .client-dashboard-focus-actions{grid-template-columns:1fr}
}


/* V60.1 — deterministic brief service selection */
.brief-service-picker{padding:14px;border-radius:20px;margin:0 0 13px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}
.brief-service-picker label{display:grid;gap:7px}
.brief-service-picker label>span{font-size:10px;font-weight:700;color:#d7d0cc}
.brief-service-picker select{width:100%;min-height:48px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#171412;color:#fff;padding:0 13px;font:inherit;font-size:11.5px;outline:none}
.brief-service-picker select:focus{border-color:rgba(241,90,34,.55);box-shadow:0 0 0 3px rgba(241,90,34,.08)}
.brief-service-picker .primary-button{min-width:92px;min-height:48px;border-radius:14px}
.brief-service-picker>small{grid-column:1/-1;font-size:8.5px;line-height:1.7;color:#8f8580}
.brief-service-card.selected{border-color:rgba(244,113,52,.72);box-shadow:0 0 0 2px rgba(244,113,52,.10) inset;background:linear-gradient(155deg,rgba(70,47,36,.92),rgba(20,16,14,.98))}
.brief-service-card.selected>i{color:#ffb28a}
.brief-start-error{margin-top:10px;padding:11px 13px;border-radius:14px;background:rgba(255,91,64,.07);border:1px solid rgba(255,91,64,.15);color:#ffad9f;font-size:9px;line-height:1.8}
#briefIntroError{margin-top:12px}
@media(max-width:520px){
  .brief-service-picker{grid-template-columns:1fr}
  .brief-service-picker .primary-button{width:100%}
}


/* V61 — decoupled app brief */
.brief-controller-health{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 2px 9px}
.brief-controller-health>span{font:700 7.5px Arial;letter-spacing:.8px;color:#f69b70;background:rgba(241,90,34,.08);border:1px solid rgba(241,90,34,.16);padding:6px 8px;border-radius:999px}
.brief-controller-health>span[data-state="ready"]{color:#8fe2ae;background:rgba(68,184,112,.07);border-color:rgba(68,184,112,.14)}
.brief-controller-health>small{font-size:7.5px;color:#7e7671}
#briefServiceGrid .brief-service-card,#briefServiceContinue,#briefServiceSelect{touch-action:manipulation}
#briefServiceGrid .brief-service-card{cursor:pointer}


/* V61.1 — core boot isolation */
.brief-controller-health>span[data-state="error"]{
  color:#ffad9f;
  background:rgba(255,91,64,.07);
  border-color:rgba(255,91,64,.16);
}


/* =========================================================
   V62 — Project Flow / destructive actions / readable projects
   ========================================================= */
.projects-v54-toolbar{display:grid;grid-template-columns:1fr;gap:10px;margin:6px 0 16px}.projects-toolbar-status{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.projects-toolbar-status>span{font:700 7.5px Arial;letter-spacing:.9px;color:#f39a72;padding:7px 9px;border-radius:999px;background:#211712;border:1px solid rgba(241,90,34,.15)}#projectsServerBadge[data-state="online"],#briefServerBadge[data-state="online"]{color:#8fe2ae;background:rgba(68,184,112,.07);border-color:rgba(68,184,112,.14)}#projectsServerBadge[data-state="offline"],#briefServerBadge[data-state="offline"]{color:#ffad9f;background:rgba(255,91,64,.07);border-color:rgba(255,91,64,.15)}
.projects-new-project-button{width:100%;min-height:70px;padding:12px 15px;border:1px solid rgba(241,90,34,.22);border-radius:20px;background:linear-gradient(135deg,#f47d49,#e95720);color:#fff;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;text-align:right;box-shadow:0 14px 34px rgba(241,90,34,.16)}.projects-new-project-button>span{width:42px;height:42px;border-radius:13px;background:rgba(255,255,255,.13);display:grid;place-items:center;font-size:22px}.projects-new-project-button>div{display:grid;gap:3px}.projects-new-project-button b{font-size:13px}.projects-new-project-button small{font-size:8.5px;color:rgba(255,255,255,.76)}.projects-new-project-button>i{font:400 23px Arial}
.project-v62-card{padding:16px;border-radius:22px;display:grid;gap:13px}.project-v62-head{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:12px;align-items:center}.project-v62-title small{font-size:8.5px;color:#f58b59}.project-v62-title h3{font-size:15px;line-height:1.65;margin:3px 0 4px;font-weight:760;letter-spacing:-.15px}.project-v62-title p{font-size:9px;line-height:1.7;color:#8f8681;margin:0}.project-v62-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding-right:58px}.project-v62-actions button{min-height:44px;border-radius:13px;font-size:10px;font-weight:700}.project-action-primary{border:1px solid rgba(241,90,34,.25);background:linear-gradient(180deg,rgba(241,90,34,.15),rgba(241,90,34,.07));color:#ff9a6d;text-align:center}.project-action-primary b{font:400 16px Arial;margin-right:5px}.project-action-delete{border:1px solid rgba(255,85,72,.15);background:#171413;color:#b98e87;padding:0 13px}.project-empty-start{min-height:50px;font-size:11px;padding:11px 18px;background:linear-gradient(180deg,#f47d49,#e95720);color:#fff;border-color:transparent}.project-v54-status{font-size:8px;padding:7px 9px}
.brief-intro-actions>button{font-size:10.5px;font-weight:700}.brief-secondary-dark{border:1px solid rgba(255,255,255,.07)!important;background:#151311!important;color:#aaa29d!important}.brief-top-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;margin-bottom:10px}.brief-top-actions .brief-flow-action{min-height:44px!important;padding:9px 12px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:13px!important;background:#151311!important;color:#d2c9c3!important;font-size:10px!important;font-weight:700}.brief-top-actions .brief-flow-action.danger{border-color:rgba(255,86,70,.14)!important;color:#d29b92!important;background:#181312!important}.brief-summary-actions{grid-template-columns:1fr 1fr!important;gap:9px!important}.brief-summary-actions>button{min-height:47px!important;border-radius:14px!important;font-size:9.5px!important;font-weight:700}.brief-save-later{border:1px solid rgba(241,90,34,.17);background:rgba(241,90,34,.07);color:#f0a07c}.brief-danger-action{border:1px solid rgba(255,86,70,.15)!important;background:#171312!important;color:#c8948b!important}.brief-submit-error{margin-top:10px;padding:11px 13px;border-radius:14px;background:rgba(255,91,64,.07);border:1px solid rgba(255,91,64,.15);color:#ffad9f;font-size:9.5px;line-height:1.8}
.project-confirm-backdrop{position:fixed;inset:0;background:rgba(6,5,5,.72);backdrop-filter:blur(8px);z-index:8998}.project-confirm-modal{position:fixed;z-index:8999;left:50%;top:50%;transform:translate(-50%,-50%);width:min(390px,calc(100vw - 28px));padding:22px;border-radius:24px;background:linear-gradient(160deg,#26201d,#12100f);border:1px solid rgba(255,255,255,.08);box-shadow:0 28px 80px rgba(0,0,0,.52)}.project-confirm-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:rgba(255,83,68,.09);border:1px solid rgba(255,83,68,.14);color:#ff8c7d;font:800 20px Arial;margin-bottom:13px}.project-confirm-modal>small{font:700 7.5px Arial;letter-spacing:1px;color:#f38152}.project-confirm-modal h3{font-size:17px;margin:6px 0 8px}.project-confirm-modal p{font-size:10px;line-height:1.9;color:#a49b96;margin:0}.project-confirm-actions{display:grid;grid-template-columns:.8fr 1.2fr;gap:9px;margin-top:18px}.project-confirm-actions button{min-height:46px;border-radius:14px;font-size:9.5px;font-weight:700}.project-confirm-actions #projectConfirmNo{border:1px solid rgba(255,255,255,.07);background:#171513;color:#aaa19c}.project-confirm-actions #projectConfirmYes{border:1px solid rgba(255,84,70,.2);background:linear-gradient(180deg,#b83f33,#8e2b24);color:#fff}
.brief-controller-health{flex-wrap:wrap}.brief-controller-health>#briefServerBadge{font:700 7.5px Arial;letter-spacing:.7px;padding:6px 8px;border-radius:999px;color:#a89f99;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}.brief-controller-health>small{flex:1 1 100%}
@media(max-width:430px){.project-v62-head{grid-template-columns:42px 1fr}.project-v62-head>.project-v54-status{grid-column:2;justify-self:start}.project-v62-actions{padding-right:54px;grid-template-columns:1fr}.brief-top-actions,.brief-summary-actions,.project-confirm-actions{grid-template-columns:1fr!important}}


/* =========================================================
   V62.1 — CONTROLLED UX
   Base palette is V62. No global palette overrides.
   ========================================================= */

/* Projects: full brand orange for primary actions; dark for destructive actions. */
.project-action-primary{
  border-color:rgba(255,255,255,.08);
  background:linear-gradient(180deg,#f68255 0%,var(--orange) 52%,#db4818 100%);
  color:#fff7f2;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 8px 18px rgba(241,90,34,.14);
}
.project-v62-title small{color:var(--orange)}
.projects-toolbar-status>span{color:var(--muted);background:#171412;border-color:rgba(255,255,255,.06)}
#projectsSyncBadge[data-state="synced"]{color:var(--orange);border-color:rgba(241,90,34,.22);background:#1b1411}
.projects-new-project-button{min-height:78px}
.project-v62-actions button{min-height:48px}

/* No pale orange text for service selection/status. */
.brief-service-card>i{color:var(--orange)}
.brief-service-card.selected>i{color:var(--orange)}
.brief-service-card.selected{border-color:rgba(241,90,34,.62);box-shadow:0 0 0 1px rgba(241,90,34,.18) inset}

/* Service cards: visual artwork per service, but V62 colors stay authoritative. */
#briefServiceGrid{grid-template-columns:1fr;gap:12px}
.brief-service-card.v621-service-card{
  min-height:132px;
  display:grid;
  grid-template-columns:124px minmax(0,1fr) auto;
  gap:13px;
  align-items:center;
  padding:12px;
}
.brief-service-card.v621-service-card>div{margin-top:0}
.v621-service-art{
  width:124px;
  height:104px;
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.065);
  background:var(--panel2);
  position:relative;
}
.v621-service-art img{width:100%;height:100%;display:block;object-fit:cover}
.v621-service-copy b{font-size:13px;line-height:1.65}
.v621-service-copy small{font-size:9px;line-height:1.8;color:var(--muted)}
.brief-service-card.v621-service-card>i{margin:0;align-self:end;padding:7px 9px;border-radius:999px;background:#171311;border:1px solid rgba(255,255,255,.06);white-space:nowrap}

/* Dashboard: graphical, compact, interactive. Scoped only. */
.v621-client-viz{display:none;gap:11px;margin:13px 0 18px}
.v621-client-viz.is-visible{display:grid}
.v621-viz-card{padding:15px;border-radius:22px;overflow:hidden}
.v621-viz-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}
.v621-viz-head small{display:block;color:var(--orange);font:700 7px Arial;letter-spacing:1px;margin-bottom:4px}
.v621-viz-head h3{font-size:14px;margin:0 0 4px}.v621-viz-head p{font-size:8px;line-height:1.7;color:var(--muted);margin:0}
.v621-viz-tabs{display:flex;gap:5px;padding:4px;border-radius:14px;background:#171412;border:1px solid rgba(255,255,255,.05)}
.v621-viz-tabs button{border:0;background:transparent;color:var(--muted);padding:7px 9px;border-radius:10px;font-size:7.5px;white-space:nowrap}
.v621-viz-tabs button.active{background:var(--orange);color:#fff;font-weight:700}
.v621-viz-pane{display:none}.v621-viz-pane.active{display:block}
.v621-ring-row{display:grid;grid-template-columns:112px 1fr;gap:14px;align-items:center}
.v621-ring{width:112px;height:112px;position:relative}.v621-ring svg{width:112px;height:112px;transform:rotate(-90deg)}
.v621-ring circle{fill:none;stroke-width:9}.v621-ring .track{stroke:rgba(255,255,255,.08)}.v621-ring .value{stroke:var(--orange);stroke-linecap:round;transition:stroke-dashoffset .35s ease}
.v621-ring-center{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.v621-ring-center b{font:700 20px Arial}.v621-ring-center span{font-size:7px;color:var(--muted);margin-top:2px}
.v621-stats{display:grid;gap:7px}.v621-stat{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.04)}.v621-stat small{font-size:7.5px;color:var(--muted)}.v621-stat b{font-size:9.5px}
.v621-stage-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px}.v621-stage-rail i{height:7px;border-radius:999px;background:rgba(255,255,255,.08)}.v621-stage-rail i.on{background:var(--orange)}
.v621-finance-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.v621-finance-summary>div{padding:10px 8px;border-radius:13px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.04)}.v621-finance-summary small{display:block;font-size:7px;color:var(--muted);margin-bottom:4px}.v621-finance-summary b{font-size:8px;line-height:1.5;display:block;word-break:break-word}
.v621-finance-bar{height:9px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden;margin:12px 0 6px}.v621-finance-bar i{display:block;height:100%;width:0;background:var(--orange);border-radius:inherit;transition:width .35s ease}.v621-finance-caption{display:flex;justify-content:space-between;font-size:7.5px;color:var(--muted)}
.v621-empty{font-size:8px;color:var(--muted);line-height:1.7;margin:10px 0 0}

/* More: smooth webp icon reveal, no recoloring. */
.more-icon-image img,.quick-icon-image img{transition:opacity .18s ease,transform .18s ease}.v621-icon-loading{opacity:.3;transform:scale(.96)}.v621-icon-ready{opacity:1;transform:none}

/* Avatar persistence status. */
.profile-photo.v621-saving span{color:var(--orange)}

@media(max-width:370px){
  .brief-service-card.v621-service-card{grid-template-columns:102px minmax(0,1fr)}
  .v621-service-art{width:102px;height:92px}
  .brief-service-card.v621-service-card>i{grid-column:2;justify-self:start}
  .v621-ring-row{grid-template-columns:100px 1fr}.v621-ring,.v621-ring svg{width:100px;height:100px}
}


/* =========================================================
   V62.2 — PRO UX SYNC
   Scoped additions. V62 palette remains authoritative.
   ========================================================= */

/* Dashboard: third account pane + smart action */
.v622-account-viz{display:grid;grid-template-columns:96px 1fr;gap:13px;align-items:center}
.v622-account-ring{width:88px;height:88px;position:relative;margin:auto}
.v622-account-ring svg{width:88px;height:88px;transform:rotate(-90deg)}
.v622-account-ring circle{fill:none;stroke-width:8}.v622-account-ring .track{stroke:rgba(255,255,255,.08)}.v622-account-ring .value{stroke:var(--orange);stroke-linecap:round;transition:stroke-dashoffset .3s ease}
.v622-account-ring>div{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.v622-account-ring b{font:700 17px Arial}.v622-account-ring small{font-size:6.5px;color:var(--muted);margin-top:2px}
.v622-account-metrics{display:grid;grid-template-columns:1fr 1fr;gap:7px}.v622-account-metrics span{min-height:42px;padding:8px 9px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.04);display:flex;align-items:center;justify-content:space-between;gap:6px}.v622-account-metrics small{font-size:7px;color:var(--muted)}.v622-account-metrics b{font-size:10px}
.v622-next-event{margin-top:10px;padding:10px 12px;border-radius:13px;border:1px solid rgba(255,255,255,.05);background:#171412;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}.v622-next-event small{font:700 6.5px Arial;color:var(--orange)}.v622-next-event b{font-size:8.5px}.v622-next-event span{font-size:7.5px;color:var(--muted)}
.v622-smart-action{width:100%;margin-top:12px;min-height:54px;border-radius:16px;border:1px solid rgba(241,90,34,.24);background:linear-gradient(180deg,#f68255 0%,var(--orange) 52%,#db4818 100%);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;text-align:right}.v622-smart-action span{display:grid;gap:2px}.v622-smart-action small{font:700 6.5px Arial;color:rgba(255,255,255,.72)}.v622-smart-action b{font-size:10px}.v622-smart-action i{font:400 20px Arial}

/* Brief interaction modes */
.v622-brief-interaction-hint{font-size:7.5px;color:var(--muted);margin:6px 0 12px;min-height:14px}
.brief-options-v54.mode-segmented{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;padding:4px;border-radius:18px;background:#12100f;border:1px solid rgba(255,255,255,.05)}
.brief-options-v54.mode-segmented .brief-option-v54{min-height:48px;background:transparent;border-color:transparent;text-align:center}
.brief-options-v54.mode-segmented .brief-option-v54.selected{background:var(--orange)!important}
.brief-options-v54.mode-scroll{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:2px 1px 8px}

.brief-options-v54.mode-scroll .brief-option-v54{min-height:58px}
.brief-options-v54.mode-scale{display:block}
.v622-brief-scale{padding:13px;border-radius:19px;background:#12100f;border:1px solid rgba(255,255,255,.055)}
.v622-scale-value{min-height:38px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:10px;font-weight:700;color:var(--text);padding:4px 8px}
.v622-brief-scale input[type="range"]{width:100%;height:28px;accent-color:var(--orange);background:transparent}
.v622-scale-labels{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding-top:7px}
.v622-scale-labels button{width:100%;min-height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.055);background:#171412;color:var(--muted);font-size:7px;line-height:1.5;padding:7px 8px}
.v622-scale-labels button.selected{border-color:var(--orange);color:#fff;background:var(--orange)}

/* Progressive segmented selects */
.v622-native-select{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important}
.v622-segmented-select{display:none!important}
.v622-segmented-select button{flex:1 0 auto;min-height:36px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-size:8px;padding:7px 10px;white-space:nowrap}
.v622-segmented-select button.active{background:var(--orange);color:#fff;font-weight:700}

/* Server state / real library */
.v622-server-state{font-size:8px;line-height:1.7;color:var(--muted);margin:6px 0 10px}
.v622-brand-assets-list{display:grid;gap:7px}.v622-brand-file{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:center;padding:11px;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05)}.v622-brand-file div{display:grid;gap:3px}.v622-brand-file b{font-size:9px}.v622-brand-file small{font-size:7px;color:var(--muted)}.v622-brand-file button{min-height:36px;padding:7px 11px;border-radius:10px;border:1px solid rgba(241,90,34,.2);background:var(--orange);color:#fff;font-size:8px}

/* Real approvals */
.v622-approval-summary{display:flex;align-items:center;justify-content:space-around;padding:13px;margin-bottom:10px}.v622-approval-summary span{display:grid;gap:3px;text-align:center}.v622-approval-summary b{font-size:15px}.v622-approval-summary small{font-size:7px;color:var(--muted)}.v622-approval-summary i{width:1px;height:28px;background:rgba(255,255,255,.07)}
.v622-approval-card{padding:15px;display:grid;gap:10px}.v622-approval-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.v622-approval-head small{font-size:7px;color:var(--orange)}.v622-approval-head h3{font-size:12px;margin:3px 0 0}.v622-approval-head>span{font-size:7px;padding:6px 8px;border-radius:999px;background:#171412;border:1px solid rgba(255,255,255,.06);color:var(--muted)}.v622-approval-head>span[data-status="pending"]{color:var(--orange);border-color:rgba(241,90,34,.2)}.v622-approval-head>span[data-status="approved"]{color:#8fe2ae}.v622-approval-card>p{font-size:8.5px;color:var(--muted);line-height:1.8;margin:0}.v622-approval-card blockquote{margin:0;padding:10px 11px;border-right:2px solid var(--orange);background:#171412;border-radius:10px;font-size:8px;color:#c7bdb7}.v622-approval-card textarea{width:100%;border:1px solid rgba(255,255,255,.07);background:#121111;color:#eee;border-radius:12px;padding:10px 11px;font:inherit;resize:vertical}.v622-approval-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.v622-approval-actions button{min-height:44px;border-radius:13px;border:1px solid rgba(255,255,255,.07);background:#171413;color:#ddd;font-size:9px}.v622-approval-actions .primary-button{margin:0;background:linear-gradient(180deg,#f68255 0%,var(--orange) 52%,#db4818 100%);color:#fff}

/* Evidence */
.v622-evidence-status{min-height:22px;margin:10px 0 2px;font-size:8px;line-height:1.7;color:var(--muted)}

/* Server tasks */
.v622-task-row{cursor:pointer}.v622-task-row button{background:#171412;border:1px solid rgba(255,255,255,.06);color:var(--text);border-radius:10px;min-height:34px;padding:6px 10px;font-size:7.5px}

/* Preferences */
body.reduce-motion *,body.reduce-motion *::before,body.reduce-motion *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}

@media(max-width:370px){
  .v622-account-viz{grid-template-columns:88px 1fr}.v622-account-metrics{grid-template-columns:1fr}
  .brief-options-v54.mode-segmented{grid-template-columns:1fr}
  .v622-approval-actions{grid-template-columns:1fr}
}


/* =========================================================
   V62.4 — VISUAL SERVICE UX / NO DROPDOWNS
   Clean replacement for V62.3 Services. V62 palette preserved.
   ========================================================= */
.v624-native-select{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
.v624-choice-control{display:grid;gap:9px;margin-top:7px}.v624-choice-current{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:12px;background:#151311;border:1px solid rgba(255,255,255,.05)}.v624-choice-current small{font-size:8px;color:var(--muted)}.v624-choice-current b{font-size:10px;color:#fff}.v624-choice-search{width:100%;min-height:42px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:#121110;color:#fff;padding:9px 11px;font:inherit;font-size:10px;outline:none}.v624-choice-search:focus{border-color:rgba(241,90,34,.45)}.v624-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.v624-choice-item{min-height:44px;padding:8px 10px;border-radius:13px;border:1px solid rgba(255,255,255,.06);background:#181615;color:#d8d3d0;display:grid;grid-template-columns:13px 1fr;gap:7px;align-items:center;text-align:right}.v624-choice-item>span{width:12px;height:12px;border:2px solid #665f5a;border-radius:50%;position:relative}.v624-choice-item>b{font-size:9.5px;line-height:1.5}.v624-choice-item.active{border-color:var(--orange);background:#211714;color:#fff}.v624-choice-item.active>span{border-color:var(--orange)}.v624-choice-item.active>span::after{content:"";position:absolute;inset:2px;border-radius:50%;background:var(--orange)}.v624-choice-control.is-compact .v624-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.v624-brief-choice-action{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:13px 14px;border-radius:18px;margin-bottom:10px}.v624-brief-choice-action>div{display:grid;gap:3px}.v624-brief-choice-action small{font-size:7px;color:var(--orange)}.v624-brief-choice-action b{font-size:11px}.v624-brief-choice-action span{font-size:8.5px;color:var(--muted);line-height:1.6}.v624-brief-choice-action .primary-button{margin:0;min-width:86px}
.v624-faq-card{padding:14px;display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start}.v624-faq-card>span{width:30px;height:30px;border-radius:10px;background:#241b17;color:var(--orange);display:grid;place-items:center;font-weight:800}.v624-faq-card b{font-size:11px;line-height:1.55}.v624-faq-card p{font-size:10px!important;line-height:1.85!important;color:#aaa19c!important;margin:5px 0 0!important;padding:0!important;border:0!important}
.services-discovery-v623{padding-top:18px}.v623-services-hero{display:grid;gap:14px;margin-bottom:24px}.v623-services-hero-copy small,.v623-section-head small,.v623-service-section-head small,.v623-service-detail-copy>small,.v623-service-final-cta small{font:700 7.5px Arial,sans-serif;letter-spacing:1.2px;color:var(--orange)}.v623-services-hero-copy h2{font-size:27px;line-height:1.45;margin:7px 0 8px;max-width:330px}.v623-services-hero-copy p{font-size:11px;line-height:1.9;color:var(--muted);margin:0;max-width:355px}
.v623-services-hero-paths{display:grid;grid-template-columns:1fr 1fr;gap:9px}.v623-path-card{border:1px solid rgba(255,255,255,.065);background:linear-gradient(155deg,#282522,#171615);border-radius:20px;min-height:132px;padding:13px;display:grid;grid-template-columns:48px 1fr;grid-template-rows:1fr auto;grid-template-areas:"icon copy" ". arrow";column-gap:9px;text-align:right;color:#fff}.v623-path-card.is-discovery{border-color:rgba(241,90,34,.26);box-shadow:inset 0 0 0 1px rgba(241,90,34,.07)}.v623-path-icon{grid-area:icon;width:48px;height:48px;display:grid;place-items:center}.v623-path-icon img{width:48px;height:48px;object-fit:contain}.v623-path-card>span:nth-child(2){grid-area:copy;display:grid;align-content:start;gap:4px}.v623-path-card small{font-size:7.5px;color:var(--muted)}.v623-path-card b{font-size:12px;line-height:1.55}.v623-path-card em{font-style:normal;font-size:8.5px;line-height:1.65;color:#a59b95}.v623-path-card>i{grid-area:arrow;justify-self:end;font:400 18px Arial;color:var(--orange)}
.v623-stage-section,.v623-catalog{display:grid;gap:13px;margin-top:23px}.v623-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:0 2px}.v623-section-head h3{font-size:16px;margin:4px 0 0}.v623-section-head>p{font-size:9.5px;line-height:1.7;color:var(--muted);margin:0;max-width:170px;text-align:left}.v623-section-head>button{border:0;background:transparent;color:var(--orange);font-size:9px}
.v623-stage-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;overflow:visible;padding:0}.v623-stage-rail button{width:100%;min-height:118px;border-radius:18px;border:1px solid rgba(255,255,255,.055);background:#181716;color:#fff;padding:13px;text-align:right;display:grid;grid-template-columns:34px 1fr;column-gap:9px;align-content:center}.v623-stage-rail button>span{grid-row:1/3;width:34px;height:34px;border-radius:10px;background:#241b17;color:var(--orange);display:grid;place-items:center;font:700 8px Arial}.v623-stage-rail button b{font-size:12px;line-height:1.65}.v623-stage-rail button small{font-size:9.5px;color:var(--muted);line-height:1.65;margin-top:2px}.v623-stage-rail button.active{border-color:var(--orange);background:linear-gradient(145deg,#2b1d17,#181615)}.v623-stage-rail button.active>span{background:var(--orange);color:#fff}
.v623-recommendation{padding:15px;border-radius:21px;display:grid;gap:11px}.v623-recommendation-head{display:flex;justify-content:space-between;align-items:start;gap:8px}.v623-recommendation-head small{font:700 6.5px Arial;color:var(--orange);letter-spacing:1px}.v623-recommendation-head h3{font-size:13px;margin:3px 0}.v623-recommendation-head button{border:0;background:#171412;color:var(--muted);border-radius:10px;padding:7px 9px;font-size:8px}.v623-recommendation>p{font-size:10.5px;line-height:1.85;color:#aaa19c;margin:0}.v623-recommendation-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.v623-category-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:0}.v623-category-rail button{width:100%;min-height:84px;padding:11px;border-radius:16px;border:1px solid rgba(255,255,255,.055);background:#181716;color:#fff;display:grid;grid-template-columns:58px 1fr;gap:9px;align-items:center;text-align:right}.v623-category-rail img{width:58px;height:58px;object-fit:contain;border-radius:16px}.v623-category-rail b{font-size:11px;line-height:1.5;display:block}.v623-category-rail small{font-size:8px;color:var(--muted);display:block;margin-top:4px}.v623-category-rail button.active{border-color:var(--orange);box-shadow:inset 0 0 0 1px rgba(241,90,34,.12)}
.v623-category-overview{display:grid;grid-template-columns:92px 1fr;gap:14px;align-items:center;padding:15px;border-radius:21px}.v623-category-visual{height:92px;border-radius:18px;overflow:hidden;background:#151311}.v623-category-visual img{width:100%;height:100%;object-fit:contain}.v623-category-overview small{font:700 7.5px Arial;color:var(--orange);letter-spacing:1px}.v623-category-overview h3{font-size:16px;margin:4px 0}.v623-category-overview p{font-size:10.5px;line-height:1.85;color:var(--muted);margin:0}
.v623-services-grid{display:grid;grid-template-columns:1fr;gap:10px}.v623-service-card{border:1px solid rgba(255,255,255,.055);background:linear-gradient(155deg,#262321,#171615);border-radius:20px;color:#fff;overflow:hidden;padding:0;text-align:right;display:grid;grid-template-columns:112px minmax(0,1fr) 24px;min-height:132px;align-items:stretch}.v623-service-card-art{position:relative;display:grid;place-items:center;background:#131211;overflow:hidden;min-height:130px}.v623-service-card-art img{width:72px;height:72px;object-fit:contain}.v623-service-card-art em{display:none}.v623-service-card-copy{padding:14px 10px;display:grid;align-content:center}.v623-service-card-copy>small{font-size:8px;color:var(--orange)}.v623-service-card-copy>b{font-size:14px;line-height:1.55;margin-top:4px}.v623-service-card-copy>p{font-size:10.5px;line-height:1.85;color:var(--muted);margin:6px 0 0}.v623-service-card>i{font:400 20px Arial;color:var(--orange);padding:0 8px;align-self:center;justify-self:end}.v623-service-card.compact{width:100%;min-height:145px;grid-template-columns:72px 1fr auto}.v623-service-card.compact .v623-service-card-art{min-height:143px}.v623-service-card.compact .v623-service-card-art img{width:58px;height:58px}.v623-service-card.compact .v623-service-card-copy{padding:10px}.v623-service-card.compact .v623-service-card-copy>p{font-size:9px;line-height:1.65}.v623-service-card.compact>i{padding:0 8px}
.v623-services-footer{margin-top:19px;padding:16px;border-radius:21px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.v623-services-footer small{font:700 6.5px Arial;color:var(--orange)}.v623-services-footer h3{font-size:13px;margin:4px 0}.v623-services-footer p{font-size:10px;line-height:1.8;color:var(--muted);margin:0}.v623-services-footer button{border:0;border-radius:13px;background:var(--orange);color:#fff;padding:10px 12px;font-size:9px;white-space:nowrap}
.service-detail-v623{padding-top:22px}.v623-service-detail-hero{display:grid;grid-template-columns:1fr 122px;gap:13px;padding:16px;border-radius:23px;align-items:center}.v623-service-detail-copy h2{font-size:23px;line-height:1.45;margin:6px 0 7px}.v623-service-detail-copy p{font-size:11px;line-height:1.9;color:var(--muted);margin:0}.v623-service-detail-art{height:132px;border-radius:20px;background:#151413;display:grid;place-items:center;overflow:hidden}.v623-service-detail-art img{width:94px;height:94px;object-fit:contain}.v623-service-detail-actions{display:flex;gap:7px;margin-top:13px}.v623-service-detail-actions .primary-button{margin:0;min-height:42px}.v623-service-detail-actions>button:not(.primary-button){border:1px solid rgba(255,255,255,.07);background:#171514;color:#ddd;border-radius:12px;padding:8px 10px;font-size:8.5px}
.v623-service-section{margin-top:10px;padding:15px;border-radius:20px}.v623-service-section-head h3{font-size:14px;margin:4px 0 10px}.v623-service-problem{font-size:11.5px;line-height:1.95;color:#b0a6a1;margin:0}.v623-output-chips{display:flex;flex-wrap:wrap;gap:7px}.v623-output-chips span{padding:9px 11px;border-radius:999px;background:#171412;border:1px solid rgba(255,255,255,.055);font-size:9.5px;color:#d5d0cd}
.v623-service-process{display:grid;gap:0;padding:2px 0;position:relative}.v623-service-process::before{content:"";position:absolute;top:26px;bottom:26px;right:21px;width:2px;background:linear-gradient(var(--orange),#3a312c)}.v623-service-process article{position:relative;z-index:1;width:100%;min-height:78px;display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:start;padding:10px 0;background:transparent;border:0}.v623-service-process article>span{width:44px;height:44px;border-radius:14px;background:#211815;border:1px solid rgba(241,90,34,.3);color:var(--orange);display:grid;place-items:center;font:700 9px Arial;box-shadow:0 0 0 6px #151311}.v623-service-process article:last-child>span{background:var(--orange);color:#fff}.v623-service-process article>div{padding:3px 0 12px;border-bottom:1px solid rgba(255,255,255,.05)}.v623-service-process article:last-child>div{border-bottom:0}.v623-service-process b{font-size:11.5px;line-height:1.55}.v623-service-process small{display:block;font-size:9px;line-height:1.7;color:var(--muted);margin-top:5px}
.v623-fit-list{display:grid;gap:7px}.v623-fit-list>div{display:grid;grid-template-columns:24px 1fr;gap:7px;align-items:start;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.04)}.v623-fit-list>div:last-child{border:0}.v623-fit-list i{width:22px;height:22px;border-radius:8px;background:#241b17;color:var(--orange);display:grid;place-items:center;font-style:normal;font-size:8px}.v623-fit-list span{font-size:10.5px;line-height:1.8;color:#d4ceca}
.v623-related-work,.v623-related-services{display:grid;gap:10px;margin-top:19px}.v623-related-work-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v623-related-case{border:1px solid rgba(255,255,255,.055);border-radius:18px;padding:0;overflow:hidden;color:#fff;text-align:right;background:#171615}.v623-related-case img{width:100%;height:108px;object-fit:cover}.v623-related-case>span{display:grid;padding:10px;gap:3px}.v623-related-case small{font:700 6px Arial;color:var(--orange)}.v623-related-case b{font-size:10px}.v623-related-case em{font-style:normal;font-size:7.8px;line-height:1.65;color:var(--muted)}.v623-no-case{grid-column:1/-1;padding:14px;border-radius:17px}.v623-no-case b{font-size:9px}.v623-no-case small{display:block;font-size:7.5px;color:var(--muted);margin-top:4px}.v623-related-service-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v623-service-final-cta{margin-top:18px;padding:16px;border-radius:21px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.v623-service-final-cta h3{font-size:13px;margin:4px 0}.v623-service-final-cta p{font-size:10px;color:var(--muted);line-height:1.8;margin:0}.v623-service-final-cta .primary-button{margin:0;white-space:nowrap}
.process-rail article{min-height:67px}.process-rail b{font-size:11.5px}.process-rail small{font-size:9.5px;line-height:1.7}.process-rail span{width:38px;height:38px;font-size:9px}.process-rail::before{right:32px}
@media(max-width:370px){.v623-services-hero-paths{grid-template-columns:1fr}.v623-stage-rail,.v623-category-rail{grid-template-columns:1fr}.v623-recommendation-grid,.v623-related-service-grid{grid-template-columns:1fr}.v623-category-overview{grid-template-columns:86px 1fr}.v623-service-card{grid-template-columns:92px minmax(0,1fr) 22px}.v623-service-card-art img{width:64px;height:64px}.v623-service-detail-hero{grid-template-columns:1fr}.v623-service-detail-art{height:108px}.v623-related-work-grid{grid-template-columns:1fr}.v623-services-footer,.v623-service-final-cta{grid-template-columns:1fr}.v623-services-footer button,.v623-service-final-cta .primary-button{width:100%}.v624-choice-grid{grid-template-columns:1fr 1fr}.v624-choice-control.is-compact .v624-choice-grid{grid-template-columns:1fr 1fr}.v624-brief-choice-action{grid-template-columns:1fr}.v624-brief-choice-action .primary-button{width:100%}}


/* =========================================================
   V62.5 — CONSULTATION EXPERIENCE
   V62 palette preserved.
   ========================================================= */
.consultation-v625{padding-top:18px}
.consult-v625-hero small{font:700 7.5px Arial,sans-serif;letter-spacing:1.1px;color:var(--orange)}
.consult-v625-hero h2{font-size:27px;line-height:1.45;margin:7px 0 8px}
.consult-v625-hero p{font-size:10px;line-height:1.95;color:var(--muted);margin:0}
.consult-v625-lab{margin:15px 0;padding:15px;border-radius:20px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}
.consult-v625-lab small{font:700 6.5px Arial;color:var(--orange);letter-spacing:1px}.consult-v625-lab b{display:block;font-size:11px;margin:4px 0}.consult-v625-lab p{font-size:8px;line-height:1.7;color:var(--muted);margin:0}.consult-v625-lab button{border:0;border-radius:13px;background:#171412;color:#fff;padding:10px 12px;font-size:8px;white-space:nowrap}
.consult-v625-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:15px 0 10px}
.consult-v625-progress span{position:relative;min-width:0;padding:8px 3px;border-radius:12px;background:#151413;border:1px solid rgba(255,255,255,.045);display:grid;justify-items:center;gap:3px;color:#746c68}
.consult-v625-progress i{font:700 6.5px Arial;font-style:normal}.consult-v625-progress b{font-size:6.5px;white-space:nowrap}
.consult-v625-progress span.done{color:#b7ada8;border-color:rgba(241,90,34,.12)}.consult-v625-progress span.active{background:#211712;border-color:var(--orange);color:#fff}.consult-v625-progress span.active i{color:var(--orange)}
.consult-v625-shell{padding:16px;border-radius:22px}.consult-v625-step{display:none}.consult-v625-step.active{display:block}
.consult-v625-step-head small{font:700 6.8px Arial;color:var(--orange);letter-spacing:1px}.consult-v625-step-head h3{font-size:17px;line-height:1.55;margin:5px 0 6px}.consult-v625-step-head p{font-size:9px;line-height:1.85;color:var(--muted);margin:0 0 14px}
.consult-v625-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.consult-v625-choice-grid button{min-height:112px;border-radius:17px;border:1px solid rgba(255,255,255,.055);background:#171615;color:#fff;padding:11px;text-align:right;display:grid;grid-template-columns:34px 1fr;align-content:center;column-gap:8px}
.consult-v625-choice-grid button>span{grid-row:1/3;width:34px;height:34px;border-radius:11px;background:#211a17;color:var(--orange);display:grid;place-items:center;font-size:15px}
.consult-v625-choice-grid b{font-size:9px;line-height:1.65}.consult-v625-choice-grid small{font-size:7px;line-height:1.55;color:var(--muted);margin-top:3px}.consult-v625-choice-grid button.selected{border-color:var(--orange);background:#211713}.consult-v625-choice-grid button.selected>span{background:var(--orange);color:#fff}
.consult-v625-session-grid{display:grid;gap:8px}.consult-v625-session-grid button{min-height:92px;border-radius:17px;border:1px solid rgba(255,255,255,.055);background:#171615;color:#fff;padding:12px;display:grid;grid-template-columns:38px 1fr;gap:10px;text-align:right;align-items:start}
.consult-v625-session-grid button>i{width:36px;height:36px;border-radius:11px;background:#211a17;color:var(--orange);display:grid;place-items:center;font:700 7px Arial;font-style:normal}.consult-v625-session-grid button b{font-size:11px}.consult-v625-session-grid button p{font-size:8px;line-height:1.75;color:var(--muted);margin:4px 0 0}.consult-v625-session-grid button.selected{border-color:var(--orange);background:#211713}.consult-v625-session-grid button.selected>i{background:var(--orange);color:#fff}
.consult-v625-step-actions{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:15px}.consult-v625-step-actions>button:not(.primary-button){min-height:43px;border-radius:13px;border:1px solid rgba(255,255,255,.06);background:#171412;color:#d8d2ce;padding:8px 12px;font-size:8px}.consult-v625-step-actions .primary-button{margin:0;min-width:132px}
.consult-v625-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.consult-v625-form-grid label,.consult-v625-full{display:grid;gap:5px;font-size:8px;color:#d7d0cc;margin-top:8px}.consult-v625-form-grid input,.consult-v625-full input,.consult-v625-full textarea{width:100%;border:1px solid rgba(255,255,255,.07);background:#121111;color:#eee;border-radius:13px;padding:11px 12px;font:inherit;outline:none}.consult-v625-form-grid input:focus,.consult-v625-full input:focus,.consult-v625-full textarea:focus{border-color:rgba(241,90,34,.52);box-shadow:0 0 0 3px rgba(241,90,34,.07)}
.consult-v625-session-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.consult-v625-session-meta span{padding:10px 11px;border-radius:14px;background:#171412;border:1px solid rgba(255,255,255,.05);display:grid;gap:4px}.consult-v625-session-meta small{font-size:7px;color:var(--muted)}.consult-v625-session-meta b{font-size:9px}
.consult-v625-availability-state{min-height:22px;font-size:8px;color:var(--muted);line-height:1.7;margin-bottom:7px}
.consult-v625-date-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.consult-v625-date-grid button{min-height:78px;border-radius:15px;border:1px solid rgba(255,255,255,.055);background:#171615;color:#fff;padding:8px;display:grid;align-content:center;gap:3px}.consult-v625-date-grid small{font-size:6.5px;color:var(--muted)}.consult-v625-date-grid b{font-size:8.5px;line-height:1.5}.consult-v625-date-grid em{font-style:normal;font-size:6.5px;color:var(--orange)}.consult-v625-date-grid button.selected{border-color:var(--orange);background:#211713}.consult-v625-date-grid button:disabled{opacity:.38}
.consult-v625-time-area{margin-top:13px}.consult-v625-time-head{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:7px}.consult-v625-time-head small{font-size:7px;color:var(--orange)}.consult-v625-time-head b{font-size:8px}
.consult-v625-time-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.consult-v625-time-grid button{min-height:52px;border-radius:14px;border:1px solid rgba(255,255,255,.055);background:#171615;color:#fff;display:grid;place-items:center;gap:1px}.consult-v625-time-grid b{font:700 10px Arial}.consult-v625-time-grid small{font-size:6.5px;color:var(--muted)}.consult-v625-time-grid button.selected{background:var(--orange);border-color:var(--orange)}.consult-v625-time-grid button.selected small{color:#fff}.consult-v625-time-grid button:disabled{opacity:.3}
.consult-v625-review{display:grid;grid-template-columns:1fr 1fr;gap:8px}.consult-v625-review>div{min-height:61px;padding:10px;border-radius:14px;background:#171412;border:1px solid rgba(255,255,255,.045);display:grid;align-content:start;gap:4px}.consult-v625-review>div.full{grid-column:1/-1}.consult-v625-review small{font-size:6.5px;color:var(--muted)}.consult-v625-review b{font-size:9px;line-height:1.65}.consult-v625-review p{font-size:8px;line-height:1.75;color:#d8d1cd;margin:0}
.consult-v625-submit-state{min-height:22px;margin-top:9px;font-size:8px;color:var(--muted);line-height:1.7}
.consult-v625-success{padding:21px 16px;border-radius:24px;text-align:center}.consult-v625-success-mark{width:58px;height:58px;border-radius:20px;background:var(--orange);display:grid;place-items:center;margin:0 auto 10px;font-size:24px;color:#fff}.consult-v625-success>small{font:700 7px Arial;color:var(--orange);letter-spacing:1px}.consult-v625-success h2{font-size:24px;margin:7px 0 15px}
.consult-v625-success-summary{display:grid;grid-template-columns:1fr 1fr;gap:7px;text-align:right}.consult-v625-success-summary>div{padding:10px;border-radius:14px;background:#171412;border:1px solid rgba(255,255,255,.05);display:grid;gap:4px}.consult-v625-success-summary>div.full{grid-column:1/-1}.consult-v625-success-summary small{font-size:6.5px;color:var(--muted)}.consult-v625-success-summary b{font-size:9px;line-height:1.65}
.consult-v625-success-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.consult-v625-success-actions button{min-height:44px;border-radius:13px;border:1px solid rgba(255,255,255,.065);background:#171412;color:#fff;font-size:8px}.consult-v625-success-actions .primary-button{grid-column:1/-1;margin:0;background:var(--orange)}.consult-v625-success-actions .danger{color:#e8c3bb}.consult-v625-success>p{font-size:7px;color:var(--muted);line-height:1.7;margin:10px 0 0}

/* Mobile auth: entered phone must be easy to verify at a glance. */
#authPhone{
  font-size:20px;
  font-weight:800;
  letter-spacing:.7px;
  direction:ltr;
  text-align:left;
  min-height:54px;
}
#authPhone::placeholder{font-size:15px;font-weight:500;letter-spacing:.2px}

@media(max-width:370px){
  .consult-v625-lab{grid-template-columns:1fr}.consult-v625-lab button{width:100%}
  .consult-v625-choice-grid,.consult-v625-form-grid{grid-template-columns:1fr}
  .consult-v625-date-grid{grid-template-columns:1fr 1fr}
  .consult-v625-success-summary{grid-template-columns:1fr}
  .consult-v625-success-summary>div.full{grid-column:auto}
}


/* =========================================================
   V62.6 — SERVICE REQUEST + COLLABORATION JOURNEY
   Scoped additions. V62 palette remains authoritative.
   ========================================================= */
.service-request-v626,.collaboration-v626{padding-top:18px}
.v626-request-hero small,.v626-process-hero small,.v626-request-step-head small,.v626-process-intro small,.v626-process-faq-head small{font:700 7.5px Arial,sans-serif;letter-spacing:1.1px;color:var(--orange)}
.v626-request-hero h2,.v626-process-hero h2{font-size:25px;line-height:1.5;margin:7px 0 8px}.v626-request-hero p,.v626-process-hero p{font-size:10px;line-height:1.95;color:var(--muted);margin:0}.v626-request-hero p b{color:var(--text)}
.v626-request-context{margin:14px 0;padding:14px;border-radius:20px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.v626-request-context small{font:700 6.5px Arial;color:var(--orange)}.v626-request-context h3{font-size:13px;margin:4px 0}.v626-request-context p{font-size:8px;line-height:1.7;color:var(--muted);margin:0}.v626-request-context button{border:1px solid rgba(255,255,255,.07);background:#171412;color:#ddd;border-radius:11px;padding:8px 10px;font-size:7.5px}
.v626-request-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:14px 0 9px}.v626-request-progress span{padding:8px 3px;border-radius:12px;background:#151413;border:1px solid rgba(255,255,255,.045);display:grid;justify-items:center;gap:3px;color:#756d69}.v626-request-progress i{font:700 6.5px Arial;font-style:normal}.v626-request-progress b{font-size:6.8px}.v626-request-progress span.active{border-color:var(--orange);background:#211713;color:#fff}.v626-request-progress span.active i{color:var(--orange)}.v626-request-progress span.done{color:#b5aaa5}
.v626-request-shell{padding:16px;border-radius:22px}.v626-request-step{display:none}.v626-request-step.active{display:block}.v626-request-step-head h3{font-size:17px;line-height:1.55;margin:5px 0 6px}.v626-request-step-head p{font-size:9px;line-height:1.8;color:var(--muted);margin:0 0 13px}
.v626-request-area-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v626-request-area-grid button{min-height:86px;border:1px solid rgba(255,255,255,.055);background:#171615;border-radius:16px;color:#fff;display:grid;grid-template-columns:33px 1fr;gap:8px;align-items:center;text-align:right;padding:10px}.v626-request-area-grid button>span{width:32px;height:32px;border-radius:10px;background:#211a17;color:var(--orange);display:grid;place-items:center;font:700 6.5px Arial}.v626-request-area-grid b{font-size:9.5px;display:block}.v626-request-area-grid small{font-size:7px;line-height:1.55;color:var(--muted);display:block;margin-top:3px}.v626-request-area-grid button.selected{border-color:var(--orange);background:#211713}.v626-request-area-grid button.selected>span{background:var(--orange);color:#fff}
.v626-request-service-grid{display:grid;gap:7px}.v626-request-service-grid button{min-height:54px;border:1px solid rgba(255,255,255,.055);background:#171615;color:#fff;border-radius:14px;padding:9px 11px;display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;text-align:right}.v626-request-service-grid span{width:29px;height:29px;border-radius:9px;background:#211a17;color:var(--orange);display:grid;place-items:center;font:700 6px Arial}.v626-request-service-grid b{font-size:9px}.v626-request-service-grid i{font:400 16px Arial;color:var(--orange)}.v626-request-service-grid button.selected{border-color:var(--orange);background:#211713}.v626-request-service-grid button.selected span{background:var(--orange);color:#fff}
.v626-request-actions{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:15px}.v626-request-actions>button:not(.primary-button){min-height:42px;border:1px solid rgba(255,255,255,.06);background:#171412;color:#ddd;border-radius:12px;padding:8px 12px;font-size:8px}.v626-request-actions .primary-button{margin:0;min-width:132px}.v626-request-actions.final{display:grid;grid-template-columns:1fr 1fr}.v626-request-actions.final button{width:100%}
.v626-request-selected{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:11px}.v626-request-selected>div{padding:9px 10px;border-radius:13px;background:#171412;border:1px solid rgba(255,255,255,.045);display:grid;gap:3px}.v626-request-selected>div.full{grid-column:1/-1}.v626-request-selected small{font-size:6.5px;color:var(--muted)}.v626-request-selected b{font-size:9px}
.v626-request-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.v626-request-form-grid label,.v626-request-date{display:grid;gap:5px;font-size:8px;color:#d8d1cd}.v626-request-form-grid label.full{grid-column:1/-1}.v626-request-form-grid input,.v626-request-form-grid textarea,.v626-request-date input{width:100%;border:1px solid rgba(255,255,255,.07);background:#121111;color:#eee;border-radius:13px;padding:11px 12px;font:inherit;outline:none}.v626-request-form-grid input:focus,.v626-request-form-grid textarea:focus,.v626-request-date input:focus{border-color:rgba(241,90,34,.5);box-shadow:0 0 0 3px rgba(241,90,34,.07)}
.v626-request-subsection{margin-top:14px;padding-top:13px;border-top:1px solid rgba(255,255,255,.05)}.v626-request-subhead{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:8px}.v626-request-subhead small{font:700 6.5px Arial;color:var(--orange);display:block}.v626-request-subhead b{font-size:10px}.v626-request-subhead>span{font-size:6.8px;color:var(--muted);max-width:150px;text-align:left;line-height:1.55}
.v626-file-drop{min-height:70px;border:1px dashed rgba(241,90,34,.32);background:#171412;border-radius:16px;padding:11px;display:grid;place-items:center;text-align:center;cursor:pointer}.v626-file-drop input{position:absolute;opacity:0;width:1px;height:1px}.v626-file-drop span{font-size:9px;color:#fff;font-weight:700}.v626-file-drop small{font-size:6.8px;color:var(--muted);margin-top:3px}.v626-request-file-list{display:grid;gap:5px;margin-top:7px}.v626-request-file-list>div{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:8px 9px;border-radius:11px;background:#151413}.v626-request-file-list span{display:grid;gap:2px}.v626-request-file-list b{font-size:8px}.v626-request-file-list small{font-size:6.5px;color:var(--muted)}.v626-request-file-list button{border:0;background:transparent;color:#aaa;font-size:14px}
.v626-urgency-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.v626-urgency-grid button{min-height:82px;border:1px solid rgba(255,255,255,.055);background:#171615;color:#fff;border-radius:15px;padding:9px;display:grid;align-content:center;justify-items:start;text-align:right;gap:3px}.v626-urgency-grid span{width:26px;height:26px;border-radius:8px;background:#211a17;color:var(--orange);display:grid;place-items:center;font-weight:800}.v626-urgency-grid b{font-size:8.5px}.v626-urgency-grid small{font-size:6.5px;line-height:1.45;color:var(--muted)}.v626-urgency-grid button.selected{border-color:var(--orange);background:#211713}.v626-urgency-grid button.selected span{background:var(--orange);color:#fff}.v626-request-date{margin-top:8px}.v626-request-state{min-height:20px;font-size:8px;color:var(--muted);line-height:1.7;margin-top:8px}
.v626-request-success-mark{width:54px;height:54px;border-radius:18px;background:var(--orange);color:#fff;display:grid;place-items:center;font-size:22px;margin:0 auto 9px}.v626-request-success-copy{text-align:center}.v626-request-success-copy small{font:700 6.5px Arial;color:var(--orange)}.v626-request-success-copy h3{font-size:19px;margin:5px 0 6px}.v626-request-success-copy p{font-size:8.5px;line-height:1.8;color:var(--muted);margin:0}.v626-request-result{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.v626-request-result>div{padding:9px;border-radius:12px;background:#171412;display:grid;gap:3px}.v626-request-result small{font-size:6.5px;color:var(--muted)}.v626-request-result b{font-size:9px}.v626-request-result>p{grid-column:1/-1;font-size:7.5px;color:var(--muted);line-height:1.7}
.v626-request-history{margin-top:20px}.v626-request-history-head{display:flex;justify-content:space-between;align-items:end;gap:10px;margin-bottom:8px}.v626-request-history-head small{font:700 6.5px Arial;color:var(--orange)}.v626-request-history-head h3{font-size:14px;margin:3px 0}.v626-request-history-head button{border:0;background:transparent;color:var(--orange);font-size:7.5px}.v626-request-history{display:grid;gap:8px}.v626-request-history-card{padding:13px;border:1px solid rgba(255,255,255,.055);border-radius:17px;background:#171615}.v626-request-history-card .head{display:flex;justify-content:space-between;gap:8px}.v626-request-history-card .head small{font-size:6.5px;color:var(--orange)}.v626-request-history-card .head b{font-size:10px;display:block;margin-top:2px}.v626-request-history-card .head>span{font-size:6.5px;border:1px solid rgba(255,255,255,.06);border-radius:999px;padding:5px 7px;color:var(--muted)}.v626-request-history-card .head>span[data-status="quoted"]{color:var(--orange);border-color:rgba(241,90,34,.25)}.v626-request-history-card>p{font-size:8px;line-height:1.7;color:#c8bfba}.v626-request-history-card .meta{display:flex;justify-content:space-between;gap:8px;font-size:6.5px;color:var(--muted)}.v626-request-history-card .quote{margin-top:9px;padding:10px;border-radius:13px;background:#211713;border:1px solid rgba(241,90,34,.2);display:grid;grid-template-columns:1fr 1fr;gap:8px}.v626-request-history-card .quote span{display:grid;gap:3px}.v626-request-history-card .quote small{font-size:6.5px;color:var(--muted)}.v626-request-history-card .quote b{font-size:9px}.v626-request-history-card .quote p{grid-column:1/-1;font-size:7.5px;line-height:1.7;margin:0}.v626-request-history-card .quote button{grid-column:1/-1;min-height:40px;border:0;border-radius:11px;background:var(--orange);color:#fff;font-size:8px;font-weight:700}.v626-request-history-empty{font-size:8px;color:var(--muted);padding:12px;border-radius:14px;background:#171412}
.v626-project-service-box>.workspace-muted{margin-bottom:9px}.v626-project-new-request{background:var(--orange)!important;color:#fff!important}.v626-project-request-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.045)}.v626-project-request-row div{display:grid;gap:3px}.v626-project-request-row b{font-size:8.5px}.v626-project-request-row small{font-size:6.8px;color:var(--muted)}.v626-project-request-row button{border:0;border-radius:9px;background:var(--orange);color:#fff;padding:6px 9px;font-size:7px}.v626-project-journey-detail{margin-top:9px;padding:10px 11px;border-radius:13px;background:#171412;border:1px solid rgba(255,255,255,.05)}.v626-project-journey-detail small{font:700 6px Arial;color:var(--orange)}.v626-project-journey-detail b{display:block;font-size:9px;margin:3px 0}.v626-project-journey-detail p{font-size:7.5px;line-height:1.7;color:var(--muted);margin:0}.journey-row{width:100%;color:inherit;text-align:right}

/* Collaboration journey */
.v626-process-mode{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:4px;border-radius:15px;background:#121111;border:1px solid rgba(255,255,255,.055);margin:14px 0}.v626-process-mode button{min-height:38px;border:0;border-radius:11px;background:transparent;color:var(--muted);font-size:8px}.v626-process-mode button.active{background:var(--orange);color:#fff;font-weight:700}.v626-process-projects{display:flex;gap:7px;overflow-x:auto;padding:1px 0 8px}.v626-process-projects button{flex:0 0 185px;min-height:58px;border:1px solid rgba(255,255,255,.055);border-radius:14px;background:#171615;color:#fff;text-align:right;padding:9px}.v626-process-projects b{font-size:8.5px;display:block}.v626-process-projects small{font-size:6.5px;color:var(--muted);display:block;margin-top:3px}.v626-process-projects button.selected{border-color:var(--orange);background:#211713}.v626-live-summary{padding:14px;border-radius:19px;display:flex;justify-content:space-between;align-items:center;gap:10px}.v626-live-summary small{font:700 6.5px Arial;color:var(--orange)}.v626-live-summary h3{font-size:13px;margin:3px 0}.v626-live-summary p{font-size:8px;color:var(--muted);margin:0}.v626-live-summary>strong{font:700 20px Arial}.v626-live-action{margin-top:8px;padding:14px;border-radius:19px}.v626-live-action>small{font:700 6.5px Arial;color:var(--orange)}.v626-live-action h3{font-size:12px;margin:4px 0}.v626-live-action p{font-size:8px;color:#c7bdb8;line-height:1.7}.v626-live-action button{border:0;border-radius:11px;background:var(--orange);color:#fff;min-height:38px;padding:7px 11px;font-size:8px}.v626-process-intro{margin:17px 0 10px}.v626-process-intro h3{font-size:15px;margin:4px 0}.v626-process-intro p{font-size:8px;color:var(--muted);line-height:1.7;margin:0}
.v626-process-timeline{padding:14px;border-radius:21px;display:grid;gap:0}.v626-process-timeline button{position:relative;border:0;background:transparent;color:#fff;text-align:right;padding:7px 0 17px;display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:start}.v626-process-timeline button:not(:last-child)::after{content:"";position:absolute;right:18px;top:43px;bottom:-2px;width:1px;background:rgba(255,255,255,.08)}.v626-process-timeline button>i{width:36px;height:36px;border-radius:12px;background:#1e1a18;border:1px solid rgba(255,255,255,.055);display:grid;place-items:center;font:700 6.5px Arial;font-style:normal;color:var(--muted);z-index:1}.v626-process-timeline b{font-size:10px;display:block;margin:2px 0 4px}.v626-process-timeline small{font-size:7.5px;line-height:1.65;color:var(--muted)}.v626-process-timeline em{font-style:normal;font-size:6.5px;color:var(--orange);padding-top:3px}.v626-process-timeline button.done>i{background:#1e211d;color:#8fd1a5}.v626-process-timeline button.current>i,.v626-process-timeline button.selected>i{background:var(--orange);color:#fff;border-color:var(--orange)}.v626-process-timeline button.current:not(:last-child)::after{background:linear-gradient(var(--orange),rgba(255,255,255,.08))}.v626-process-detail{margin-top:8px;padding:13px;border-radius:18px;display:grid;grid-template-columns:34px 1fr;gap:9px}.v626-process-detail>span{width:32px;height:32px;border-radius:10px;background:#211a17;color:var(--orange);display:grid;place-items:center;font:700 6.5px Arial}.v626-process-detail small{font:700 6px Arial;color:var(--orange)}.v626-process-detail h3{font-size:11px;margin:3px 0}.v626-process-detail p{font-size:8px;line-height:1.75;color:var(--muted);margin:0}.v626-process-faq{margin-top:22px}.v626-process-faq-head small{display:block}.v626-process-faq-head h3{font-size:15px;margin:4px 0 10px}.v626-process-faq-grid{display:grid;gap:8px}.v626-process-faq-grid article{padding:12px;border-radius:17px;display:grid;grid-template-columns:32px 1fr;gap:9px}.v626-process-faq-grid article>span{width:31px;height:31px;border-radius:10px;background:#211a17;color:var(--orange);display:grid;place-items:center;font:700 6px Arial}.v626-process-faq-grid b{font-size:9px}.v626-process-faq-grid p{font-size:7.5px;line-height:1.75;color:var(--muted);margin:4px 0 0}
@media(max-width:370px){.v626-request-area-grid,.v626-request-form-grid{grid-template-columns:1fr}.v626-request-form-grid label.full{grid-column:auto}.v626-urgency-grid{grid-template-columns:1fr}.v626-request-context{grid-template-columns:1fr}.v626-request-context button{width:100%}.v626-request-actions.final{grid-template-columns:1fr}.v626-request-result{grid-template-columns:1fr}.v626-request-result>p{grid-column:auto}}

/* V62.7 VISUAL SYSTEM — scoped additions, original palette preserved */
.page-title p,.utility-hero p,.v626-request-hero p,.consult-v625-hero p,.v626-process-hero p,.v623-services-hero-copy p{font-size:10px!important;line-height:1.9!important;max-width:37ch}
.utility-hero::before,.v626-request-hero::before,.consult-v625-hero::before,.v626-process-hero::before,.page-title::before{content:"";display:block;width:42px;height:5px;border-radius:999px;background:var(--orange);margin-bottom:10px;box-shadow:0 0 22px rgba(241,90,34,.23)}
.v627-page-visual{position:relative;min-height:174px;margin:12px 0 17px;padding:0;border-radius:24px;overflow:hidden;display:grid;grid-template-columns:1.08fr .92fr;align-items:stretch;border:1px solid rgba(255,255,255,.055);background:linear-gradient(145deg,#171513,#0f0e0d)}
.v627-page-visual::after{content:"";position:absolute;inset:auto -55px -82px auto;width:190px;height:190px;border-radius:50%;background:rgba(241,90,34,.09);filter:blur(18px);pointer-events:none}
.v627-page-visual>img{width:100%;height:100%;min-height:174px;object-fit:cover;display:block}
.v627-page-visual-copy{padding:17px 15px;display:grid;align-content:center;gap:5px;position:relative;z-index:1}
.v627-page-visual-copy small{font:700 6.5px Arial,sans-serif;letter-spacing:1px;color:var(--orange)}
.v627-page-visual-copy b{font-size:14px;line-height:1.55}.v627-page-visual-copy p{font-size:8.5px;line-height:1.8;color:var(--muted);margin:0;max-width:26ch}
.v627-visual-stat{position:absolute;left:12px;bottom:12px;z-index:2;min-width:64px;padding:8px 10px;border-radius:14px;background:rgba(9,7,7,.72);backdrop-filter:blur(9px);border:1px solid rgba(255,255,255,.07);display:grid}
.v627-visual-stat strong{font:800 18px Arial;color:#fff}.v627-visual-stat span{font-size:6.5px;color:var(--muted)}
.v627-home-visual{position:relative;overflow:hidden;min-height:210px;margin:15px 0 14px;border-radius:26px;background:#100f0e}.v627-home-art{height:210px}.v627-home-art img{width:100%;height:100%;object-fit:cover;display:block}
.v627-home-visual-copy{position:absolute;right:16px;left:16px;bottom:13px;padding:10px 12px;border-radius:16px;background:rgba(8,7,7,.66);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.06)}.v627-home-visual-copy small{font:700 6px Arial;color:var(--orange);letter-spacing:1px}.v627-home-visual-copy b{display:block;font-size:11px;margin:3px 0 7px}.v627-pulse-row{display:flex;align-items:center;gap:6px}.v627-pulse-row i{width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 14px rgba(241,90,34,.45)}.v627-pulse-row span{font-size:6.7px;color:#aaa19c}
.more-card small,.v623-service-card-copy>p,.v626-request-category small,.v626-request-service small,.consult-v625-choice-grid small,.utility-list-row small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.v623-service-card{min-height:228px!important;background:#151311!important}.v623-service-card-art{min-height:104px!important;background:radial-gradient(circle at 76% 20%,rgba(241,90,34,.18),transparent 36%),linear-gradient(145deg,#1a1715,#11100f)!important}.v623-service-card-art img{width:72px!important;height:72px!important;filter:drop-shadow(0 10px 20px rgba(0,0,0,.24))}.v623-service-card-copy>b{font-size:12px!important}.v623-service-card-copy>p{font-size:8.5px!important;line-height:1.75!important}
.consult-v625-choice-grid button{min-height:126px!important;background:radial-gradient(circle at 85% 12%,rgba(241,90,34,.08),transparent 34%),#161412!important}.consult-v625-choice-grid button>span{width:42px!important;height:42px!important;border-radius:14px!important;font-size:18px!important}.consult-v625-choice-grid b{font-size:10.5px!important}.consult-v625-choice-grid small{font-size:7.7px!important;line-height:1.65!important}
.v626-request-category,.v626-request-service{position:relative;overflow:hidden;background:radial-gradient(circle at 92% 0%,rgba(241,90,34,.08),transparent 33%),#171513!important}.v626-request-category::after,.v626-request-service::after{content:"";position:absolute;width:76px;height:76px;border-radius:50%;left:-35px;bottom:-42px;border:1px solid rgba(255,255,255,.045)}.v626-request-category b,.v626-request-service b{font-size:10.5px!important}
.project-card-v54{position:relative;overflow:hidden;background:radial-gradient(circle at 90% 0%,rgba(241,90,34,.10),transparent 33%),linear-gradient(145deg,#1a1715,#12100f)!important}.project-card-v54::after{content:"";position:absolute;left:-46px;bottom:-46px;width:120px;height:120px;border-radius:50%;border:1px solid rgba(255,255,255,.04)}
.projects-new-project-button{min-height:66px!important;border-radius:18px!important;box-shadow:0 14px 28px rgba(241,90,34,.10)}
.utility-list-row{border-radius:16px!important;background:#151311!important}.utility-list-row>span{background:#211713!important;color:var(--orange)!important;border-radius:10px!important}
.more-card{background:radial-gradient(circle at 90% 10%,rgba(241,90,34,.07),transparent 32%),linear-gradient(145deg,#171513,#11100f)!important}.more-icon-image{width:58px!important;height:58px!important;border-radius:18px!important;background:#211713!important;display:grid!important;place-items:center!important}.more-icon-image img{width:44px!important;height:44px!important;filter:drop-shadow(0 8px 16px rgba(0,0,0,.24))}
@keyframes v627Float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes v627Pulse{0%,100%{opacity:.45;transform:scale(.96)}50%{opacity:.8;transform:scale(1.05)}}.v627-home-art img,.v627-page-visual>img{animation:v627Float 7s ease-in-out infinite}.v627-home-visual::after,.v627-page-visual::after{animation:v627Pulse 5s ease-in-out infinite}body.reduce-motion .v627-home-art img,body.reduce-motion .v627-page-visual>img{animation:none!important}
@media(max-width:390px){.v627-page-visual{grid-template-columns:1fr;min-height:0}.v627-page-visual>img{height:156px;min-height:156px}.v627-page-visual-copy{padding:13px 14px}.v627-visual-stat{top:112px;bottom:auto}.v627-home-visual{min-height:190px}.v627-home-art{height:190px}}


/* =========================================================
   V62.8 — EXACT GENERATED HEADER ART
   The artwork below is the exact image set approved in-chat.
   No substitute SVGs, no alternate visual style.
   ========================================================= */
.v627-page-visual{
  min-height:0!important;
  grid-template-columns:1fr!important;
  padding:0 0 13px!important;
  background:
    radial-gradient(circle at 50% 5%,rgba(241,90,34,.08),transparent 42%),
    linear-gradient(180deg,#151311,#0f0e0d)!important;
}
.v627-page-visual>img{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
  margin:0!important;
  background:transparent!important;
  filter:drop-shadow(0 18px 28px rgba(0,0,0,.22));
}
.v627-page-visual-copy{
  padding:2px 15px 4px!important;
  max-width:390px;
}
.v627-visual-stat{top:12px!important;bottom:auto!important;left:12px!important}

.v627-home-visual{
  min-height:0!important;
  padding-bottom:0!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(241,90,34,.09),transparent 44%),
    #100f0e!important;
}
.v627-home-art{height:auto!important;min-height:0!important}
.v627-home-art img{
  width:100%!important;height:auto!important;object-fit:contain!important;display:block!important;
  filter:drop-shadow(0 20px 30px rgba(0,0,0,.24));
}
.v627-home-visual-copy{
  position:relative!important;right:auto!important;left:auto!important;bottom:auto!important;
  margin:-6px 13px 13px!important;
}

/* Keep motion subtle so the detailed artwork remains premium rather than game-like. */
.v627-home-art img,.v627-page-visual>img{animation:v628ArtFloat 8s ease-in-out infinite!important}
@keyframes v628ArtFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.004)}}
body.reduce-motion .v627-home-art img,body.reduce-motion .v627-page-visual>img{animation:none!important}

@media(max-width:390px){
  .v627-page-visual>img{height:auto!important;min-height:0!important}
  .v627-home-art img{height:auto!important}
  .v627-page-visual-copy{padding:0 13px 4px!important}
}


/* =========================================================
   V62.9 — PROJECT PORTAL
   Scoped visual system; V62 palette + approved header art retained.
   ========================================================= */
.v629-projects-page .v629-projects-header-art{margin-bottom:14px}
.v629-projects-topbar{display:grid;margin:8px 0 12px}.v629-projects-topbar .projects-new-project-button{min-height:72px!important}
.v629-project-filters{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:8px 0 15px;padding:5px;border-radius:17px;background:#11100f;border:1px solid rgba(255,255,255,.045)}
.v629-project-filters button{min-width:0;min-height:42px;border:0;border-radius:12px;background:transparent;color:var(--muted);font-size:7.5px;display:grid;place-items:center;gap:2px;padding:5px 3px}.v629-project-filters button span{font:700 6.5px Arial;opacity:.7}.v629-project-filters button.active{background:var(--orange);color:#fff;box-shadow:0 10px 20px rgba(241,90,34,.13)}
.v629-projects-list-head{display:flex;justify-content:space-between;align-items:end;gap:10px;margin:4px 2px 9px}.v629-projects-list-head small{font:700 6.5px Arial;color:var(--orange);letter-spacing:1px}.v629-projects-list-head h3{font-size:13px;margin:3px 0 0}.v629-projects-list-head>span{font:700 6px Arial;color:var(--muted);padding:6px 8px;border-radius:999px;background:#171412;border:1px solid rgba(255,255,255,.05)}
.v629-project-list{display:grid;gap:10px}
.v629-project-card{position:relative;overflow:hidden;padding:15px;border-radius:22px;background:radial-gradient(circle at 90% 4%,rgba(241,90,34,.10),transparent 28%),linear-gradient(145deg,#191614,#11100f)!important;border:1px solid rgba(255,255,255,.055)}.v629-project-card.needs-action{border-color:rgba(241,90,34,.30);box-shadow:0 14px 34px rgba(241,90,34,.07)}.v629-project-card.completed{background:radial-gradient(circle at 90% 4%,rgba(123,207,83,.08),transparent 28%),linear-gradient(145deg,#171614,#11100f)!important}
.v629-project-card-top{display:grid;grid-template-columns:36px 1fr auto;gap:9px;align-items:start}.v629-project-index{width:34px;height:34px;border-radius:11px;background:#211713;color:var(--orange);display:grid;place-items:center;font:700 7px Arial}.v629-project-card-title small{font-size:6.5px;color:var(--orange)}.v629-project-card-title h3{font-size:14px;line-height:1.5;margin:3px 0}.v629-project-status{display:flex;gap:5px;align-items:center;font-size:7px;color:var(--muted);padding:6px 8px;border-radius:999px;background:#12100f;border:1px solid rgba(255,255,255,.05)}.v629-project-status i{width:7px;height:7px;border-radius:50%;background:#777}.v629-project-status[data-status="in_progress"] i,.v629-project-status[data-status="submitted"] i,.v629-project-status[data-status="reviewing"] i{background:var(--orange);box-shadow:0 0 10px rgba(241,90,34,.35)}.v629-project-status[data-status="completed"] i{background:var(--green)}
.v629-project-progress{margin-top:13px;display:grid;grid-template-columns:1fr auto;gap:7px;align-items:end}.v629-project-progress>div{display:grid;gap:2px}.v629-project-progress span{font-size:6.7px;color:var(--muted)}.v629-project-progress b{font-size:9px}.v629-project-progress strong{font:800 14px Arial}.v629-project-progress>i{grid-column:1/-1;height:7px;border-radius:999px;background:rgba(255,255,255,.05);overflow:hidden}.v629-project-progress>i em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d94918,var(--orange),#ff8458)}
.v629-project-action-callout,.v629-project-action-quiet{margin-top:11px;padding:10px 11px;border-radius:14px;background:#171412;border:1px solid rgba(255,255,255,.045);display:grid;gap:3px}.v629-project-action-callout{background:#211713;border-color:rgba(241,90,34,.18)}.v629-project-action-callout small{font:700 6px Arial;color:var(--orange);letter-spacing:.8px}.v629-project-action-callout b,.v629-project-action-quiet b{font-size:8.5px;line-height:1.65}.v629-project-action-quiet span{font-size:6.5px;color:var(--muted)}
.v629-project-card-meta{display:flex;justify-content:space-between;gap:8px;margin-top:9px;color:var(--muted);font-size:6.8px}.v629-project-card-meta b{color:#cfc7c2;font-size:6.8px}.v629-project-card-actions{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:11px}.v629-project-card-actions button{min-height:44px;border-radius:13px}.v629-project-card-actions .project-action-delete{padding:8px 12px}
.v629-project-empty{padding:22px 16px;text-align:center;border-radius:24px}.v629-empty-orb{width:64px;height:64px;border-radius:22px;background:#211713;color:var(--orange);display:grid;place-items:center;margin:0 auto 12px;font-size:26px}.v629-project-empty>small{font:700 6.5px Arial;color:var(--orange)}.v629-project-empty h3{font-size:16px;margin:5px 0}.v629-project-empty p{font-size:9px;line-height:1.85;color:var(--muted);margin:0 auto 14px;max-width:320px}.v629-project-empty>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:7px}.v629-project-empty button{min-height:44px;border-radius:13px;border:1px solid rgba(255,255,255,.06);background:#171412;color:#fff}.v629-project-empty button:first-child{background:var(--orange);border-color:var(--orange)}.v629-filter-empty{padding:18px;text-align:center}.v629-filter-empty b{font-size:10px}.v629-filter-empty small{display:block;margin-top:4px;font-size:7px;color:var(--muted)}

/* Workspace header uses the exact approved Projects artwork. */
.v629-project-hero{position:relative;overflow:hidden;border-radius:25px;padding:0;background:#100f0e}.v629-project-hero-art{height:150px;overflow:hidden;background:radial-gradient(circle at 50% 0%,rgba(241,90,34,.10),transparent 52%)}.v629-project-hero-art img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 15px 25px rgba(0,0,0,.25))}.v629-project-hero-content{padding:0 15px 15px;margin-top:-7px}.v629-project-hero-content .project-workspace-copy h2{font-size:24px;margin:3px 0}.v629-project-hero-status{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:9px}.v629-project-hero-status span{font-size:8px;padding:7px 10px;border-radius:999px;background:#211713;color:var(--orange)}.v629-project-hero-status strong{font:800 19px Arial}.v629-project-hero-meta{display:flex;justify-content:space-between;gap:8px;margin-top:8px;font-size:6.8px;color:var(--muted)}
.v629-next-action{margin-top:10px;padding:14px;border-radius:21px;display:grid;grid-template-columns:46px 1fr auto;gap:10px;align-items:center;border-color:rgba(241,90,34,.24);background:radial-gradient(circle at 95% 0%,rgba(241,90,34,.14),transparent 40%),#171311}.v629-next-action-orb{width:44px;height:44px;border-radius:15px;background:var(--orange);color:#fff;display:grid;place-items:center;font:800 18px Arial;box-shadow:0 10px 25px rgba(241,90,34,.18)}.v629-next-action small{font:700 6px Arial;color:var(--orange);letter-spacing:1px}.v629-next-action h3{font-size:11px;margin:2px 0}.v629-next-action p{font-size:8.3px;line-height:1.7;color:#c7bdb7;margin:0}.v629-next-action button{min-height:42px;border:0;border-radius:12px;background:var(--orange);color:#fff;padding:8px 10px;font-size:7.5px;white-space:nowrap}
.v629-journey,.v629-project-workspace .workspace-section{margin-top:10px;border-radius:21px;padding:15px}.v629-project-workspace .section-heading{align-items:flex-start}.v629-project-workspace .section-heading>div small{font:700 6px Arial;color:var(--orange);letter-spacing:.8px}.v629-project-workspace .section-heading>div h3{font-size:13px;margin:3px 0}.v629-project-workspace .section-heading>span{font-size:6.7px;color:var(--muted);padding:6px 8px;border-radius:999px;background:#171412}
.v629-section-intro{font-size:8px;line-height:1.75;color:var(--muted);margin:4px 0 10px}
.v629-approval-row{display:grid;grid-template-columns:1fr auto;gap:9px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.045)}.v629-approval-row:last-child{border-bottom:0}.v629-approval-row small{font-size:6.5px;color:var(--orange)}.v629-approval-row b{display:block;font-size:9.5px;margin:2px 0}.v629-approval-row p{font-size:7.7px;line-height:1.65;color:var(--muted);margin:0}.v629-approval-row em{display:block;font-style:normal;font-size:7px;color:#c5bbb6;margin-top:5px}.v629-approval-actions{display:grid;gap:5px}.v629-approval-actions button{min-height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.06);background:#171412;color:#fff;padding:6px 9px;font-size:7px}.v629-approval-actions button:first-child{background:var(--orange);border-color:var(--orange)}
.v629-version-file{display:grid;grid-template-columns:42px 1fr 34px;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.04)}.v629-version-file:last-child{border-bottom:0}.v629-file-type{width:40px;height:40px;border-radius:12px;background:#211713;color:var(--orange);display:grid;place-items:center;font:700 6.5px Arial}.v629-version-file strong{font-size:8.5px;display:block}.v629-version-file small{display:block;font-size:6.7px;color:var(--muted);margin-top:2px}.v629-version-file em{display:inline-block;margin-top:4px;font-style:normal;font-size:6.2px;color:#bcb2ad}.v629-version-file em[data-file-state="approved"]{color:var(--green)}.v629-version-file>button{width:32px;height:32px;border-radius:10px;border:1px solid rgba(255,255,255,.06);background:#171412;color:#fff}
.v629-project-thread{max-height:310px;overflow-y:auto;display:grid;gap:7px;padding:3px}.v629-message{max-width:86%;padding:9px 10px;border-radius:15px;background:#171412;border:1px solid rgba(255,255,255,.04)}.v629-message.mine{justify-self:start;background:#211713;border-color:rgba(241,90,34,.13)}.v629-message.team{justify-self:end}.v629-message b{font-size:6.8px;color:var(--orange)}.v629-message p{font-size:8px;line-height:1.7;margin:3px 0}.v629-message time{font-size:5.8px;color:var(--muted)}.v629-project-message-form{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:9px}.v629-project-message-form textarea{border:1px solid rgba(255,255,255,.06);background:#121111;color:#eee;border-radius:13px;padding:10px;font:inherit;resize:none}.v629-project-message-form button{border:0;border-radius:12px;background:var(--orange);color:#fff;padding:8px 12px;font-size:8px}
.v629-finance-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:7px 0}.v629-finance-summary span{padding:10px 8px;border-radius:13px;background:#171412;border:1px solid rgba(255,255,255,.045);display:grid;gap:4px}.v629-finance-summary small{font-size:6.3px;color:var(--muted)}.v629-finance-summary b{font-size:8px}.v629-finance-progress{height:7px;border-radius:999px;background:rgba(255,255,255,.05);overflow:hidden;margin:5px 0 10px}.v629-finance-progress i{display:block;height:100%;width:0;background:var(--orange);border-radius:inherit;transition:width .3s ease}
.v629-project-history{display:grid;gap:0}.v629-history-row{display:grid;grid-template-columns:31px 1fr;gap:9px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.04)}.v629-history-row:last-child{border-bottom:0}.v629-history-row>i{width:29px;height:29px;border-radius:10px;background:#171412;color:var(--orange);display:grid;place-items:center;font:700 6px Arial;font-style:normal}.v629-history-row b{font-size:8.3px;line-height:1.55}.v629-history-row small{font-size:6.5px;color:var(--muted);display:block;margin-top:2px}
.v629-inline-empty{padding:13px;border-radius:14px;background:#151311;border:1px dashed rgba(255,255,255,.07)}.v629-inline-empty b{font-size:8.5px}.v629-inline-empty small{display:block;font-size:6.8px;line-height:1.6;color:var(--muted);margin-top:3px}
.v629-completed-project{background:radial-gradient(circle at 90% 0%,rgba(123,207,83,.08),transparent 32%),#151311!important}.v629-completed-head{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:12px}.v629-completed-head small{font:700 6px Arial;color:var(--green)}.v629-completed-head h3{font-size:15px;margin:4px 0}.v629-completed-head p{font-size:7.7px;line-height:1.7;color:var(--muted);margin:0}.v629-completed-head strong{font:800 23px Arial;color:var(--green)}.v629-brand-assets{display:grid;grid-template-columns:1fr 1fr;gap:7px}.v629-brand-assets>button{min-height:78px;border-radius:14px;border:1px solid rgba(255,255,255,.05);background:#171412;color:#fff;text-align:right;padding:9px;display:grid;grid-template-columns:35px 1fr;column-gap:8px;align-content:center}.v629-brand-assets>button>span{grid-row:1/3;width:34px;height:34px;border-radius:10px;background:#211713;color:var(--orange);display:grid;place-items:center;font:700 6px Arial}.v629-brand-assets b{font-size:7.8px;overflow:hidden;text-overflow:ellipsis}.v629-brand-assets small{font-size:6.3px;color:var(--muted)}.v629-next-brand-step{margin-top:15px;padding-top:12px;border-top:1px solid rgba(255,255,255,.05)}.v629-next-brand-step>small{font:700 6px Arial;color:var(--orange)}.v629-next-brand-step h3{font-size:12px;margin:4px 0 9px}.v629-next-brand-step>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.v629-next-brand-step button{min-height:43px;border-radius:12px;border:1px solid rgba(241,90,34,.15);background:#211713;color:#fff;text-align:right;padding:8px 10px;font-size:7.5px;display:flex;justify-content:space-between;align-items:center}
@media(max-width:390px){.v629-project-filters{grid-template-columns:repeat(3,1fr)}.v629-next-action{grid-template-columns:44px 1fr}.v629-next-action button{grid-column:1/-1;width:100%}.v629-project-card-top{grid-template-columns:34px 1fr}.v629-project-status{grid-column:1/-1;justify-self:start;margin-right:43px}.v629-finance-summary{grid-template-columns:1fr}.v629-approval-row{grid-template-columns:1fr}.v629-approval-actions{grid-template-columns:1fr 1fr}.v629-brand-assets{grid-template-columns:1fr}}


/* =========================================================
   V62.10 — UX RELIABILITY / RESPONSIVE / SERVICES
   Original V62 color tokens remain authoritative.
   ========================================================= */
/* Premium home hero */
.v6210-home-hero{position:relative;min-height:400px;margin:4px 0 17px;overflow:hidden;border-radius:28px;background:#050505}
.v6210-home-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:72% center;animation:v6210HeroBreath 10s ease-in-out infinite;transform:scale(1.01)}
.v6210-home-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,4,4,.97) 0%,rgba(5,5,5,.87) 38%,rgba(5,5,5,.36) 70%,rgba(5,5,5,.06) 100%),linear-gradient(180deg,rgba(0,0,0,.18),transparent 38%,rgba(0,0,0,.24) 100%)}
.v6210-home-hero-copy{position:relative;z-index:2;min-height:400px;width:68%;padding:52px 21px 88px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;text-align:right;direction:rtl}
.v6210-home-hero-copy>small{font:700 6.6px Arial;letter-spacing:1.1px;color:#f7cfac;margin:0 0 17px}.v6210-home-hero-copy h2{font-size:34px;line-height:1.12;margin:0 0 11px;color:#fff}.v6210-home-hero-copy h2 mark{background:transparent;color:var(--orange)}.v6210-home-hero-copy p{font-size:10.5px;line-height:1.9;color:#ddd4cd;margin:0;max-width:27ch}.v6210-home-hero-actions{display:flex;gap:7px;margin-top:13px}.v6210-home-hero-actions .primary-button{width:auto;min-width:145px;margin:0;padding:11px 14px}.v6210-home-hero-actions>button:not(.primary-button){border:1px solid rgba(255,255,255,.13);background:rgba(17,14,12,.64);backdrop-filter:blur(9px);color:#fff;border-radius:15px;padding:10px 12px;font-size:8px}.v6210-home-hero-orbit{position:absolute;z-index:2;right:14px;bottom:13px;display:flex;align-items:center;gap:5px;padding:6px 8px;border-radius:999px;background:rgba(8,7,6,.55);backdrop-filter:blur(8px);font:700 5.5px Arial;color:#d8cec7}.v6210-home-hero-orbit i{width:5px;height:5px;border-radius:50%;background:var(--orange);box-shadow:0 0 10px rgba(241,90,34,.5)}
@keyframes v6210HeroBreath{0%,100%{transform:scale(1.01) translate3d(0,0,0)}50%{transform:scale(1.025) translate3d(-2px,-1px,0)}}
body.reduce-motion .v6210-home-hero>img{animation:none!important}

/* Service catalog: six obvious keys, then groups */
.v6210-services-hero{position:relative;min-height:235px;border-radius:24px;overflow:hidden;background:#11100f;margin-bottom:10px}.v6210-services-hero>img{position:absolute;inset:auto 0 0;width:100%;height:150px;object-fit:contain;opacity:.82}.v6210-services-hero>div{position:relative;z-index:2;padding:17px 15px 135px;background:linear-gradient(180deg,rgba(15,13,12,.98),rgba(15,13,12,.72) 62%,transparent)}.v6210-services-hero small,.v6210-service-catalog-head small,.v6210-stage-discovery>div>small{font:700 6.5px Arial;color:var(--orange);letter-spacing:1px}.v6210-services-hero h2{font-size:22px;line-height:1.5;margin:5px 0}.v6210-services-hero p{font-size:9px;line-height:1.85;color:var(--muted);margin:0;max-width:35ch}
.v6210-service-help{padding:13px 14px;border-radius:18px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin:10px 0 16px}.v6210-service-help small{font-size:6.5px;color:var(--muted)}.v6210-service-help b{display:block;font-size:9.5px;margin-top:3px}.v6210-service-help button{border:0;border-radius:12px;background:var(--orange);color:#fff;min-height:40px;padding:8px 11px;font-size:7.5px;white-space:nowrap}
.v6210-service-catalog-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:9px}.v6210-service-catalog-head h3{font-size:15px;margin:3px 0}.v6210-service-catalog-head>span{font-size:7px;color:var(--muted);padding:6px 8px;border-radius:999px;background:#171412}
.v6210-service-filters{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:5px;border-radius:17px;background:#11100f;border:1px solid rgba(255,255,255,.05);margin-bottom:14px}.v6210-service-filters button{min-width:0;min-height:45px;border:0;border-radius:12px;background:transparent;color:#aaa19c;padding:7px 5px;display:flex;align-items:center;justify-content:center;gap:5px;font-size:7.3px;line-height:1.35}.v6210-service-filters button span{font:700 6px Arial;opacity:.65}.v6210-service-filters button.active{background:var(--orange);color:#fff;box-shadow:0 9px 20px rgba(241,90,34,.13)}
.v6210-service-groups{display:grid;gap:18px}.v6210-service-group>header{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;margin:0 2px 8px}.v6210-service-group>header small{font:700 6px Arial;color:var(--orange);letter-spacing:.8px}.v6210-service-group>header h3{font-size:14px;margin:2px 0}.v6210-service-group>header p{font-size:7.5px;line-height:1.65;color:var(--muted);margin:0;max-width:33ch}.v6210-service-group>header>span{font-size:6.7px;color:var(--muted)}.v6210-service-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v6210-service-card{min-height:154px;border-radius:18px;border:1px solid rgba(255,255,255,.055);background:radial-gradient(circle at 85% 12%,rgba(241,90,34,.10),transparent 34%),#171513;color:#fff;padding:0;overflow:hidden;text-align:right;display:grid;grid-template-rows:68px 1fr auto}.v6210-service-card-art{display:flex;align-items:center;gap:7px;padding:8px 9px;background:#12100f}.v6210-service-card-art img{width:52px;height:52px;object-fit:contain}.v6210-service-card-art em{font-style:normal;font-size:6.2px;color:var(--orange)}.v6210-service-card-copy{padding:9px 9px 2px}.v6210-service-card-copy b{font-size:10px;line-height:1.55}.v6210-service-card-copy p{font-size:7.3px;line-height:1.65;color:var(--muted);margin:4px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.v6210-service-card>i{justify-self:end;padding:2px 10px 8px;color:var(--orange);font:400 15px Arial}.v6210-service-card.compact{min-height:108px;grid-template-columns:58px 1fr auto;grid-template-rows:1fr;align-items:center}.v6210-service-card.compact .v6210-service-card-art{height:100%;padding:5px}.v6210-service-card.compact .v6210-service-card-art img{width:48px;height:48px}.v6210-service-card.compact .v6210-service-card-art em,.v6210-service-card.compact p{display:none}.v6210-service-card.compact>i{padding:0 8px}
.v6210-stage-discovery{margin-top:18px;padding:15px;border-radius:21px}.v6210-stage-discovery>div>h3{font-size:13px;margin:4px 0}.v6210-stage-discovery>div>p{font-size:8px;line-height:1.7;color:var(--muted);margin:0 0 10px}.v6210-stage-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.v6210-stage-grid button{min-height:68px;border-radius:14px;border:1px solid rgba(255,255,255,.055);background:#151311;color:#fff;padding:8px;text-align:right;display:grid;grid-template-columns:26px 1fr;align-items:center;gap:7px}.v6210-stage-grid button span{width:25px;height:25px;border-radius:8px;background:#211713;color:var(--orange);display:grid;place-items:center;font:700 6px Arial}.v6210-stage-grid button b{font-size:7.5px;line-height:1.55}.v6210-stage-grid button.active{border-color:var(--orange);background:#211713}.v6210-stage-result{margin-top:10px;padding:11px;border-radius:15px;background:#12100f}.v6210-stage-result-head{display:flex;justify-content:space-between;align-items:center}.v6210-stage-result-head b{font-size:9px}.v6210-stage-result-head button{border:0;background:transparent;color:var(--muted);font-size:6.5px}.v6210-stage-result>p{font-size:7.5px;line-height:1.7;color:var(--muted)}.v6210-stage-result>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:7px}

/* Authentication reliability UI */
.google-signin-box{min-height:58px}.auth-loading-dot{width:28px;height:28px;border-radius:50%;border:3px solid rgba(255,255,255,.09);border-top-color:var(--orange);animation:v6210Spin .8s linear infinite}.auth-google-retry{width:100%;margin:0}.auth-form button:disabled,.auth-primary:disabled{opacity:.55;cursor:wait}@keyframes v6210Spin{to{transform:rotate(360deg)}}
.auth-sheet-v56{max-height:min(92dvh,760px);overflow-y:auto;overscroll-behavior:contain}.auth-form input{font-size:16px!important}#authPhone{font-size:21px!important}

/* Global responsive hardening */
html,body{max-width:100%;overflow-x:hidden}.app-shell,.portal,.page,.glass,.page>*,button,input,textarea,select{min-width:0}.page img,.glass img{max-width:100%}.page p,.page b,.page h2,.page h3,.page small,.page span{overflow-wrap:break-word}.portal{padding-inline:clamp(12px,4.2vw,18px)}.top-logo{width:clamp(150px,45vw,192px)}.bottom-nav{width:min(calc(100% - 16px),406px)}
@media(max-width:390px){.v6210-home-hero{min-height:380px}.v6210-home-hero>img{object-position:69% center}.v6210-home-hero-shade{background:linear-gradient(90deg,rgba(4,4,4,.96) 0%,rgba(5,5,5,.84) 48%,rgba(5,5,5,.30) 78%,rgba(5,5,5,.08) 100%),linear-gradient(180deg,rgba(0,0,0,.15),transparent 42%,rgba(0,0,0,.24) 100%)}.v6210-home-hero-copy{min-height:380px;width:88%;padding:34px 15px 78px}.v6210-home-hero-copy>small{margin-bottom:13px}.v6210-home-hero-copy h2{font-size:29px}.v6210-home-hero-actions{display:grid;grid-template-columns:1.08fr .92fr;gap:7px;width:min(100%,286px);margin-top:12px}.v6210-home-hero-actions .primary-button,.v6210-home-hero-actions>button:not(.primary-button){width:100%;min-width:0}.v6210-service-filters{grid-template-columns:1fr 1fr}.v6210-service-grid{grid-template-columns:1fr}.v6210-service-card{min-height:116px;grid-template-columns:72px 1fr 22px;grid-template-rows:1fr;align-items:stretch}.v6210-service-card-art{height:100%;display:grid;place-content:center}.v6210-service-card-art em{display:none}.v6210-service-card-copy{align-content:center;display:grid}.v6210-service-card>i{align-self:center}.v6210-stage-grid{grid-template-columns:1fr}.topbar{gap:8px}.top-actions-row{gap:7px}.user-meta p{font-size:13px}.user-meta small{font-size:9px}}
@media(max-width:340px){.portal{padding-inline:10px}.v6210-home-hero{min-height:365px}.v6210-home-hero-copy{min-height:365px;width:92%;padding:30px 13px 74px}.v6210-home-hero-copy h2{font-size:27px}.v6210-home-hero-actions{width:min(100%,264px)}.bottom-nav{width:calc(100% - 10px);height:78px;padding-inline:4px}.bottom-nav button{height:58px}.bottom-nav span{font-size:7.5px}.v629-project-filters{grid-template-columns:1fr 1fr}.quick-grid{grid-template-columns:1fr 1fr}.consult-v625-choice-grid{grid-template-columns:1fr!important}.v624-choice-grid{grid-template-columns:1fr!important}}
@media(min-width:431px) and (max-width:699px){.app-shell{width:min(100%,500px)}.welcome-screen{width:min(100%,500px)}.bottom-nav{width:min(calc(100% - 24px),470px)}}
@media(max-height:620px) and (max-width:430px){.topbar{height:74px;padding-top:20px}.v6210-home-hero{min-height:330px}.v6210-home-hero-copy{min-height:330px;width:90%;padding:24px 14px 68px}.v6210-home-hero-copy>small{margin-bottom:9px}.v6210-home-hero-copy h2{font-size:26px;margin-bottom:8px}.v6210-home-hero-copy p{font-size:9px;line-height:1.72}.v6210-home-hero-actions{margin-top:10px}.auth-sheet-v56{max-height:88dvh}}


/* =========================================================
   V62.13 — ACTION CENTER
   Tasks = next actions. Notifications stay separate.
   ========================================================= */
.v6213-tasks-title p{max-width:43ch!important}
.v6213-tasks-visual{margin-bottom:12px!important}
.v6213-task-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:10px 0 15px;padding:10px 7px;border-radius:19px}
.v6213-task-summary>span{min-width:0;display:grid;grid-template-columns:8px auto;grid-template-rows:auto auto;justify-content:center;align-items:center;column-gap:5px;padding:4px 5px;border-left:1px solid rgba(255,255,255,.05)}
.v6213-task-summary>span:last-child{border-left:0}.v6213-task-summary i{width:7px;height:7px;border-radius:50%;grid-row:1/3}.v6213-task-summary i.urgent,.v6213-home-action-counts i.urgent,.v6213-dot.urgent{background:#f15a22;box-shadow:0 0 13px rgba(241,90,34,.34)}.v6213-task-summary i.follow,.v6213-home-action-counts i.follow,.v6213-dot.follow{background:#d8a04a}.v6213-task-summary i.done,.v6213-dot.done{background:var(--green)}
.v6213-task-summary b{font:800 17px Arial;line-height:1}.v6213-task-summary small{font-size:6.5px;color:var(--muted);margin-top:3px;white-space:nowrap}

.v6213-task-priority{position:relative;overflow:hidden;margin:0 0 14px;padding:14px;border-radius:21px;display:grid;grid-template-columns:43px 1fr auto;gap:10px;align-items:center;background:radial-gradient(circle at 93% 0%,rgba(241,90,34,.16),transparent 40%),linear-gradient(145deg,#1c1512,#11100f);border-color:rgba(241,90,34,.24)}
.v6213-task-priority::after{content:"";position:absolute;width:110px;height:110px;border:1px solid rgba(241,90,34,.10);border-radius:50%;left:-50px;bottom:-63px}.v6213-priority-pulse{width:42px;height:42px;border-radius:15px;background:#211713;display:grid;place-items:center}.v6213-priority-pulse i{width:13px;height:13px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 7px rgba(241,90,34,.09),0 0 18px rgba(241,90,34,.42);animation:v6213TaskPulse 2.2s ease-in-out infinite}.v6213-task-priority small{font:700 6px Arial;color:var(--orange);letter-spacing:1px}.v6213-task-priority h3{font-size:11px;margin:3px 0}.v6213-task-priority p{font-size:7.6px;line-height:1.65;color:#cfc5bf;margin:0}.v6213-task-priority button{position:relative;z-index:1;min-height:40px;border:0;border-radius:12px;background:var(--orange);color:#fff;padding:8px 10px;font-size:7.4px;white-space:nowrap}
@keyframes v6213TaskPulse{0%,100%{transform:scale(.9);opacity:.75}50%{transform:scale(1.08);opacity:1}}

.v6213-task-notice{display:grid;grid-template-columns:30px 1fr;gap:9px;align-items:center;padding:10px 11px;margin-bottom:17px;border-radius:14px;background:#121110;border:1px solid rgba(255,255,255,.045)}.v6213-task-notice>span{width:28px;height:28px;border-radius:10px;background:#191614;display:grid;place-items:center;font:700 8px Arial;color:var(--orange)}.v6213-task-notice p{font-size:7px;line-height:1.7;color:var(--muted);margin:0}.v6213-task-notice b{color:#d7cfca}

.v6213-task-section{margin:0 0 19px}.v6213-task-section-head{display:flex;justify-content:space-between;align-items:center;margin:0 2px 9px}.v6213-task-section-head>div{position:relative;padding-right:15px}.v6213-dot{position:absolute;right:0;top:5px;width:8px;height:8px;border-radius:50%}.v6213-task-section-head small{font:700 5.8px Arial;color:var(--muted);letter-spacing:.8px}.v6213-task-section-head h3{font-size:13px;margin:2px 0 0}.v6213-task-section-head>strong{min-width:29px;height:29px;padding:0 8px;border-radius:10px;background:#171412;color:#fff;display:grid;place-items:center;font:700 8px Arial}
.v6213-task-list{display:grid;gap:8px}

.v6213-task-card{position:relative;overflow:hidden;min-height:106px;border-radius:18px;border:1px solid rgba(255,255,255,.05);background:radial-gradient(circle at 96% 0%,rgba(241,90,34,.07),transparent 34%),linear-gradient(145deg,#171513,#11100f);padding:11px;display:grid;grid-template-columns:42px 1fr auto;gap:9px;align-items:center}
.v6213-task-card.urgent{border-color:rgba(241,90,34,.22);background:radial-gradient(circle at 96% 0%,rgba(241,90,34,.13),transparent 37%),linear-gradient(145deg,#1a1512,#11100f)}.v6213-task-card.done{opacity:.78;background:#141312}.v6213-task-card::after{content:"";position:absolute;left:-42px;bottom:-54px;width:100px;height:100px;border-radius:50%;border:1px solid rgba(255,255,255,.035)}
.v6213-task-icon{position:relative;z-index:1;width:40px;height:40px;border-radius:13px;background:#211713;color:var(--orange);display:grid;place-items:center;font:800 15px Arial}.v6213-task-card.done .v6213-task-icon{background:rgba(123,207,83,.08);color:var(--green)}
.v6213-task-body{position:relative;z-index:1;min-width:0}.v6213-task-body>small{font-size:6px;color:var(--orange)}.v6213-task-body h4{font-size:10.5px;line-height:1.55;margin:2px 0}.v6213-task-body p{font-size:7.2px;line-height:1.65;color:var(--muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.v6213-task-card>button{position:relative;z-index:1;min-height:38px;border:1px solid rgba(255,255,255,.06);background:#191614;color:#fff;border-radius:11px;padding:7px 9px;font-size:7px;white-space:nowrap}.v6213-task-card.urgent>button{background:var(--orange);border-color:var(--orange)}
.v6213-task-meta{display:flex;flex-wrap:wrap;gap:5px 9px;margin-top:6px}.v6213-task-meta>span{font-size:6.2px;color:#aaa19c}.v6213-task-project b{color:#d7cfca;font-size:6.3px}.v6213-task-due.urgent{color:#ff8e64}
.v6213-task-progress{display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center;margin-top:7px}.v6213-task-progress i{height:5px;border-radius:999px;background:rgba(255,255,255,.055);overflow:hidden}.v6213-task-progress em{display:block;height:100%;background:var(--orange);border-radius:inherit}.v6213-task-progress span{font:700 6px Arial;color:var(--muted)}
.v6213-task-empty{min-height:94px;padding:15px;border-radius:17px;background:#141312;border:1px dashed rgba(255,255,255,.055);display:grid;grid-template-columns:34px 1fr;align-content:center;column-gap:9px}.v6213-task-empty>span{grid-row:1/3;width:32px;height:32px;border-radius:10px;background:#191614;color:var(--green);display:grid;place-items:center}.v6213-task-empty b{font-size:8.5px}.v6213-task-empty small{font-size:6.8px;line-height:1.6;color:var(--muted);margin-top:2px}.v6213-task-empty.loading>span{color:var(--orange)}

.v6213-home-actions{position:relative;overflow:hidden;margin:12px 0 14px;min-height:148px;border-radius:23px;background:#100f0e;display:grid;grid-template-columns:37% 63%;border-color:rgba(241,90,34,.10)}.v6213-home-actions-art{overflow:hidden;min-height:148px;background:#11100f}.v6213-home-actions-art img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;opacity:.78;filter:saturate(.9)}.v6213-home-actions-copy{padding:13px 13px 12px;display:grid;align-content:center}.v6213-home-actions-copy>small{font:700 5.8px Arial;color:var(--orange);letter-spacing:.8px}.v6213-home-actions-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:3px}.v6213-home-actions-title h3{font-size:12px;margin:0}.v6213-home-actions-title strong{width:31px;height:31px;border-radius:10px;background:#211713;color:var(--orange);display:grid;place-items:center;font:800 10px Arial}.v6213-home-actions-copy>p{font-size:7.3px;line-height:1.65;color:#c5bbb5;margin:6px 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.v6213-home-action-counts{display:flex;gap:12px;margin-bottom:8px}.v6213-home-action-counts span{display:grid;grid-template-columns:7px auto;grid-template-rows:auto auto;column-gap:4px;align-items:center}.v6213-home-action-counts i{width:6px;height:6px;border-radius:50%;grid-row:1/3}.v6213-home-action-counts b{font:700 8px Arial}.v6213-home-action-counts small{font-size:5.8px;color:var(--muted)}.v6213-home-actions-copy>button{width:max-content;min-height:34px;border:0;border-radius:11px;background:var(--orange);color:#fff;padding:7px 10px;font-size:7px}
.v6213-focus-flash{animation:v6213Flash 1.8s ease}@keyframes v6213Flash{0%,100%{box-shadow:0 0 0 0 rgba(241,90,34,0)}25%,65%{box-shadow:0 0 0 2px rgba(241,90,34,.55),0 0 30px rgba(241,90,34,.15)}}

@media(max-width:390px){
  .v6213-task-priority{grid-template-columns:40px 1fr}.v6213-task-priority button{grid-column:1/-1;width:100%}
  .v6213-task-card{grid-template-columns:39px 1fr}.v6213-task-card>button{grid-column:1/-1;width:100%}
  .v6213-task-summary small{font-size:5.8px}
  .v6213-home-actions{grid-template-columns:32% 68%}.v6213-home-actions-art img{object-position:58% center}
}
@media(max-width:340px){
  .v6213-task-summary{grid-template-columns:1fr}.v6213-task-summary>span{grid-template-columns:8px auto 1fr;grid-template-rows:1fr;justify-content:start;border-left:0;border-bottom:1px solid rgba(255,255,255,.04);padding:7px 10px}.v6213-task-summary>span:last-child{border-bottom:0}.v6213-task-summary i{grid-row:auto}.v6213-task-summary small{margin:0 6px 0 0}
  .v6213-home-actions{grid-template-columns:1fr}.v6213-home-actions-art{height:90px;min-height:90px}.v6213-home-actions-copy{padding:10px 12px 12px}
}


/* =========================================================
   V62.14 — CLEAN HOME HERO + DISCIPLINED PROJECT START
   ========================================================= */

/* Home hero: artwork only, no copy, no CTA, no decorative overlays. */
.v6214-home-hero-clean{
  min-height:0!important;
  aspect-ratio:3/1!important;
  margin:5px 0 17px!important;
  padding:0!important;
  border-radius:27px!important;
  overflow:hidden!important;
  background:#070707!important;
}
.v6214-home-hero-clean>img{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
  transform:none!important;
  animation:none!important;
}
.v6214-home-hero-clean .v6210-home-hero-shade,
.v6214-home-hero-clean .v6210-home-hero-copy,
.v6214-home-hero-clean .v6210-home-hero-orbit{display:none!important}

/* Start Project: visual intro */
.v6214-brief-page{padding-top:12px}
.brief-v6214-hero{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:1.08fr .92fr;
  min-height:184px;
  margin:9px 0 15px;
  padding:0;
  border-radius:23px;
  background:
    radial-gradient(circle at 85% 5%,rgba(241,90,34,.10),transparent 34%),
    linear-gradient(145deg,#171412,#0f0e0d);
  border:1px solid rgba(255,255,255,.05);
}
.brief-v6214-hero-copy{
  padding:18px 16px;
  display:grid;
  align-content:center;
  position:relative;
  z-index:2;
}
.brief-v6214-hero-copy>small{font:700 6.2px Arial;color:var(--orange);letter-spacing:1px}
.brief-v6214-hero-copy h2{font-size:24px;line-height:1.35;margin:5px 0 5px}
.brief-v6214-hero-copy>p{font-size:8.3px;line-height:1.8;color:var(--muted);margin:0;max-width:34ch}
.brief-v6214-hero-art{overflow:hidden;min-height:184px;position:relative}
.brief-v6214-hero-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#151210 0%,rgba(21,18,16,.15) 55%,transparent 100%)}
.brief-v6214-hero-art img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;opacity:.88}

.brief-v6214-flow{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:5px;margin-top:13px}
.brief-v6214-flow span{display:grid;grid-template-columns:24px auto;align-items:center;gap:5px;white-space:nowrap}
.brief-v6214-flow span i{width:23px;height:23px;border-radius:8px;background:#1b1715;color:#817872;display:grid;place-items:center;font:700 5.8px Arial;font-style:normal}
.brief-v6214-flow span b{font-size:6.4px;color:#8d847f;font-weight:600}
.brief-v6214-flow span.active i{background:var(--orange);color:#fff;box-shadow:0 8px 18px rgba(241,90,34,.16)}
.brief-v6214-flow span.active b{color:#fff}
.brief-v6214-flow em{height:1px;background:rgba(255,255,255,.07);min-width:10px}

.v6214-service-stage{padding:0}
.brief-v6214-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin:3px 2px 11px}
.brief-v6214-section-head small{font:700 5.8px Arial;color:var(--orange);letter-spacing:.8px}
.brief-v6214-section-head h3{font-size:13px;margin:3px 0 2px;line-height:1.55}
.brief-v6214-section-head p{font-size:7.2px;line-height:1.65;color:var(--muted);margin:0}
.brief-v6214-section-head>span{flex:0 0 auto;padding:6px 8px;border-radius:10px;background:#171412;border:1px solid rgba(255,255,255,.05);font-size:6.5px;color:#b5aba5}

/* Compact health: technical info stays present but visually quiet. */
.v6214-brief-health{margin:0 2px 8px!important;gap:5px!important}
.v6214-brief-health>span{font-size:5.7px!important;padding:4px 6px!important}
.v6214-brief-health>small{font-size:6.4px!important;line-height:1.55!important}
.v6214-service-stage .brief-service-load-state{font-size:7px!important;margin:0 2px 8px!important;min-height:0!important}

/* Service cards: compact visual selectors, not giant buttons. */
.v6214-service-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
.v6214-service-grid .brief-service-card.v621-service-card{
  position:relative;
  min-height:138px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:70px auto!important;
  gap:7px!important;
  align-items:stretch!important;
  padding:8px!important;
  border-radius:17px!important;
  overflow:hidden;
  text-align:right;
  background:
    radial-gradient(circle at 88% 2%,rgba(241,90,34,.07),transparent 30%),
    linear-gradient(145deg,#171513,#11100f)!important;
  border:1px solid rgba(255,255,255,.05)!important;
  box-shadow:none!important;
}
.v6214-service-grid .brief-service-card.v621-service-card:hover{transform:translateY(-1px)}
.v6214-service-grid .brief-service-card.v621-service-card.selected{
  border-color:rgba(241,90,34,.55)!important;
  background:
    radial-gradient(circle at 88% 2%,rgba(241,90,34,.13),transparent 35%),
    linear-gradient(145deg,#1c1613,#11100f)!important;
  box-shadow:0 0 0 1px rgba(241,90,34,.08),0 12px 26px rgba(0,0,0,.16)!important;
}
.v6214-service-grid .v621-service-art{
  width:100%!important;
  height:70px!important;
  min-height:70px!important;
  border-radius:12px!important;
  overflow:hidden!important;
  background:#131110!important;
  margin:0!important;
}
.v6214-service-grid .v621-service-art img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
.v6214-service-grid .v621-service-copy{
  min-width:0;
  display:grid;
  gap:2px;
  align-content:start;
  padding:0 2px 2px;
}
.v6214-service-grid .v621-service-copy b{font-size:9px!important;line-height:1.5}
.v6214-service-grid .v621-service-copy small{
  font-size:6.5px!important;
  line-height:1.55!important;
  color:var(--muted)!important;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.v6214-service-grid .brief-service-card.v621-service-card>i{
  position:absolute;
  left:8px;
  top:8px;
  margin:0!important;
  padding:4px 6px!important;
  border-radius:999px!important;
  background:rgba(10,9,8,.70)!important;
  backdrop-filter:blur(7px);
  border:1px solid rgba(255,255,255,.06)!important;
  color:#d9d0cb;
  font-size:5.8px!important;
  line-height:1!important;
  font-style:normal;
}
.v6214-service-grid .brief-service-card.v621-service-card.selected>i{
  color:#fff!important;background:var(--orange)!important;border-color:var(--orange)!important;
}

/* Compact selection bar below cards. */
.v6214-choice-bar{
  position:relative;
  margin:10px 0 0!important;
  padding:10px 11px!important;
  border-radius:16px!important;
  display:grid!important;
  grid-template-columns:1fr auto!important;
  gap:9px!important;
  align-items:center!important;
  background:#151311!important;
}
.v6214-choice-bar>div{gap:2px!important}
.v6214-choice-bar small{font-size:5.8px!important}
.v6214-choice-bar b{font-size:9px!important}
.v6214-choice-bar span{font-size:6.5px!important;line-height:1.55!important}
.v6214-choice-bar .primary-button{
  width:auto!important;
  min-width:82px!important;
  min-height:38px!important;
  margin:0!important;
  padding:8px 10px!important;
  border-radius:11px!important;
  font-size:7.5px!important;
}
.v6214-choice-bar .primary-button:disabled{opacity:.34}

.v6214-shared-note{
  margin-top:8px!important;
  padding:10px!important;
  border-radius:15px!important;
  grid-template-columns:31px 1fr!important;
  gap:8px!important;
}
.v6214-shared-note>span{width:31px!important;height:31px!important;border-radius:10px!important}
.v6214-shared-note b{font-size:8px!important}
.v6214-shared-note small{font-size:6.5px!important;line-height:1.6!important}

/* Intro stage: disciplined, not oversized. */
.v6214-brief-page .brief-intro-card{
  position:relative;
  overflow:hidden;
  padding:14px!important;
  border-radius:20px!important;
  background:
    radial-gradient(circle at 90% 0%,rgba(241,90,34,.10),transparent 34%),
    linear-gradient(145deg,#181513,#11100f)!important;
}
.v6214-brief-page .brief-intro-icon{
  width:54px!important;height:54px!important;border-radius:16px!important;
  margin-bottom:10px!important;background:#211713!important;
}
.v6214-brief-page .brief-intro-icon img{width:42px!important;height:42px!important}
.v6214-brief-page .brief-intro-card>p{font-size:8.5px!important;line-height:1.8!important;color:#c8beb8!important}
.v6214-brief-page .brief-intro-actions{
  display:flex!important;
  justify-content:flex-start!important;
  gap:7px!important;
  margin-top:12px!important;
}
.v6214-brief-page .brief-intro-actions button{
  width:auto!important;
  min-width:96px!important;
  min-height:40px!important;
  padding:8px 11px!important;
  border-radius:11px!important;
  font-size:7.5px!important;
  margin:0!important;
}
.v6214-brief-page .brief-intro-actions .primary-button{min-width:116px!important}

/* Small screens */
@media(max-width:390px){
  .v6214-home-hero-clean{aspect-ratio:2.55/1!important;border-radius:21px!important}
  .brief-v6214-hero{grid-template-columns:1fr;min-height:0}
  .brief-v6214-hero-art{height:98px;min-height:98px;grid-row:1}
  .brief-v6214-hero-art::after{background:linear-gradient(0deg,#151210 0%,rgba(21,18,16,.18) 70%,transparent 100%)}
  .brief-v6214-hero-copy{grid-row:2;padding:13px 13px 14px}
  .brief-v6214-hero-copy h2{font-size:21px}
  .brief-v6214-hero-copy>p{font-size:7.6px}
  .brief-v6214-flow{margin-top:10px}
  .brief-v6214-flow span{grid-template-columns:21px auto}
  .brief-v6214-flow span i{width:21px;height:21px}
  .brief-v6214-flow span b{font-size:5.8px}
  .v6214-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .v6214-service-grid .brief-service-card.v621-service-card{min-height:132px!important}
  .v6214-choice-bar{grid-template-columns:1fr auto!important}
  .v6214-choice-bar .primary-button{width:auto!important}
}
@media(max-width:340px){
  .v6214-home-hero-clean{aspect-ratio:2.35/1!important}
  .brief-v6214-flow span b{display:none}
  .v6214-service-grid{grid-template-columns:1fr 1fr!important}
  .v6214-service-grid .brief-service-card.v621-service-card{min-height:126px!important;padding:7px!important}
  .v6214-service-grid .v621-service-art{height:64px!important;min-height:64px!important}
  .v6214-choice-bar{grid-template-columns:1fr!important}
  .v6214-choice-bar .primary-button{width:100%!important}
}


/* =========================================================
   V62.15 — CLEAN PROJECT START
   ========================================================= */
.v6214-service-grid{display:none!important}

.v6215-service-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
}
.v6215-brief-service{
  position:relative;
  min-height:86px!important;
  margin:0!important;
  padding:10px!important;
  border-radius:15px!important;
  border:1px solid rgba(255,255,255,.055)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.018),transparent 42%),#151311!important;
  display:grid!important;
  grid-template-columns:30px 1fr 16px!important;
  gap:8px!important;
  align-items:center!important;
  text-align:right!important;
  box-shadow:none!important;
  overflow:hidden;
}
.v6215-brief-service::after{
  content:"";position:absolute;right:0;top:16px;width:3px;height:0;border-radius:999px;
  background:var(--orange);transition:height .18s ease;
}
.v6215-service-no{
  width:29px;height:29px;display:grid;place-items:center;border-radius:9px;
  background:#1b1816;border:1px solid rgba(255,255,255,.045);color:#8d847e;
  font:700 6px Arial;
}
.v6215-service-text{min-width:0;display:grid;gap:3px}
.v6215-service-text b{font-size:9px!important;line-height:1.5!important;color:#f4efec}
.v6215-service-text small{
  font-size:6.4px!important;line-height:1.55!important;color:var(--muted)!important;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;
}
.v6215-service-arrow{
  font-style:normal;font-size:16px!important;color:#5f5752!important;
  margin:0!important;padding:0!important;background:transparent!important;border:0!important;justify-self:end;
}
.v6215-brief-service.selected{
  border-color:rgba(241,90,34,.45)!important;
  background:radial-gradient(circle at 100% 0%,rgba(241,90,34,.09),transparent 38%),#171311!important;
  box-shadow:0 10px 25px rgba(0,0,0,.13)!important;
}
.v6215-brief-service.selected::after{height:52px}
.v6215-brief-service.selected .v6215-service-no{background:var(--orange);border-color:var(--orange);color:#fff}
.v6215-brief-service.selected .v6215-service-arrow{color:var(--orange)!important}

.v6215-other-service{
  width:100%;min-height:66px;margin:8px 0 0;padding:9px 11px;border-radius:15px;
  border:1px dashed rgba(241,90,34,.24);
  background:radial-gradient(circle at 94% 0%,rgba(241,90,34,.06),transparent 35%),#131210;
  color:#fff;display:grid;grid-template-columns:35px 1fr 18px;align-items:center;gap:9px;text-align:right;
}
.v6215-other-plus{
  width:33px;height:33px;border-radius:10px;background:#211713;color:var(--orange);
  display:grid;place-items:center;font-size:16px;
}
.v6215-other-service>div{display:grid;gap:2px}
.v6215-other-service b{font-size:9px}
.v6215-other-service small{font-size:6.5px;line-height:1.55;color:var(--muted)}
.v6215-other-service>i{font-style:normal;color:var(--orange);font-size:17px}

.v6214-choice-bar{margin-top:9px!important}
.v6214-choice-bar .primary-button{
  min-width:74px!important;min-height:36px!important;padding:7px 9px!important;font-size:7.2px!important;
}

/* Service intro remains visual but without a pictorial icon. */
.v6214-brief-page .brief-intro-icon{
  width:48px!important;height:48px!important;border-radius:14px!important;
  display:grid!important;place-items:center!important;background:#211713!important;
}
.v6215-intro-mark{font:800 11px Arial;color:var(--orange);letter-spacing:.5px}
.v6214-brief-page .brief-intro-actions button{
  min-width:84px!important;min-height:37px!important;padding:7px 10px!important;
}
.v6214-brief-page .brief-intro-actions .primary-button{min-width:104px!important}

@media(max-width:390px){
  .v6215-service-grid{grid-template-columns:1fr!important;gap:6px!important}
  .v6215-brief-service{min-height:74px!important}
  .v6215-brief-service.selected::after{height:44px}
  .v6215-other-service{min-height:62px}
}


/* V62.16 — auth reliability state */
.auth-backend-status{margin:9px 0 2px;padding:9px 10px;border-radius:12px;background:#121110;border:1px solid rgba(255,255,255,.045);display:grid;grid-template-columns:8px 1fr;gap:8px;align-items:center;text-align:right}.auth-backend-status i{width:8px;height:8px;border-radius:50%;background:#7f7772}.auth-backend-status span{font-size:7px;line-height:1.65;color:#9d9590}.auth-backend-status[data-state="ready"] i{background:#72c86b;box-shadow:0 0 12px rgba(114,200,107,.28)}.auth-backend-status[data-state="ready"] span{color:#b7cdb4}.auth-backend-status[data-state="error"] i{background:#f15a22;box-shadow:0 0 12px rgba(241,90,34,.30)}.auth-backend-status[data-state="error"] span{color:#e6b6a5}.welcome-video{background:#000}

/* =========================================================
   V62.17 — POWER EXPERIENCE / CONNECTED BRAND INTELLIGENCE
   Scoped additions only. Existing palette, navigation and More remain intact.
   ========================================================= */

/* Adaptive command view: one signature panel for guest/account/client modes. */
.v6217-command-view{
  position:relative;
  overflow:hidden;
  margin:12px 0 14px;
  padding:18px;
  background:
    radial-gradient(circle at 8% -5%,rgba(241,90,34,.18),transparent 32%),
    radial-gradient(circle at 96% 102%,rgba(241,90,34,.08),transparent 36%),
    linear-gradient(155deg,#211b18 0%,#151210 52%,#0e0d0c 100%);
}
.v6217-command-view::before{
  content:"";position:absolute;width:170px;height:170px;border:1px solid rgba(241,90,34,.10);border-radius:50%;left:-102px;bottom:-112px;box-shadow:0 0 44px rgba(241,90,34,.04);pointer-events:none
}
.v6217-command-view .client-dashboard-focus-head,.v6217-command-view>p,.v6217-command-view .v6217-command-signals,.v6217-command-view .client-dashboard-focus-actions{position:relative;z-index:1}
.v6217-command-view .client-dashboard-focus-head h3{font-size:18px;line-height:1.55;max-width:26ch}
.v6217-command-view>p{margin:11px 0 13px;max-width:46ch}
.v6217-command-signals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:4px 0 12px}
.v6217-command-signals>span{min-width:0;padding:9px 9px 8px;border-radius:13px;background:rgba(10,9,8,.52);border:1px solid rgba(255,255,255,.05);display:grid;grid-template-columns:7px 1fr;grid-template-areas:"dot title" ". meta";column-gap:6px;align-items:center}
.v6217-command-signals>span>i{grid-area:dot;width:6px;height:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 12px rgba(241,90,34,.45)}
.v6217-command-signals>span>b{grid-area:title;font-size:7.7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v6217-command-signals>span>small{grid-area:meta;font-size:6px;color:#8e8580;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v6217-command-view .client-dashboard-focus-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.v6217-command-view .client-dashboard-focus-actions button{min-height:42px;padding:8px 7px;font-size:7.7px;line-height:1.45}
.v6217-command-view .client-dashboard-focus-actions button:first-child{box-shadow:0 10px 24px rgba(241,90,34,.13)}

/* Selected Work comes forward on Home without duplicating the portfolio system. */
.v6217-selected-work{margin:16px 0 18px}
.v6217-section-kicker{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin:0 2px 9px}
.v6217-section-kicker small{font:700 6.2px Arial;letter-spacing:1px;color:var(--orange)}
.v6217-section-kicker h3{font-size:13px;margin:3px 0 0;line-height:1.55}
.v6217-section-kicker>button{border:0;background:none;color:#9b918b;font-size:7px;padding:4px 0}
.v6217-selected-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.v6217-work-card{min-width:0;padding:0;border:1px solid rgba(255,255,255,.055);border-radius:19px;overflow:hidden;background:linear-gradient(150deg,#171412,#0f0e0d);color:inherit;text-align:right;box-shadow:0 13px 30px rgba(0,0,0,.15);transition:transform .2s ease,border-color .2s ease}
.v6217-work-card:active{transform:scale(.985)}
.v6217-work-card:hover{border-color:rgba(241,90,34,.22)}
.v6217-work-media{position:relative;display:block;height:112px;background:#0d0c0b;overflow:hidden}
.v6217-work-media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.v6217-work-card:hover .v6217-work-media img{transform:scale(1.035)}
.v6217-work-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(8,7,7,.72) 100%);pointer-events:none}
.v6217-work-media>i{position:absolute;z-index:2;right:9px;bottom:8px;font:700 5.7px Arial;letter-spacing:.8px;color:#fff;font-style:normal;padding:5px 7px;border-radius:999px;background:rgba(12,10,9,.62);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08)}
.v6217-work-copy{display:grid;padding:10px 11px 11px;min-height:106px;align-content:start}
.v6217-work-copy>small{font:700 5.6px Arial;color:var(--orange);letter-spacing:.7px}
.v6217-work-copy>b{font-size:10px;line-height:1.55;margin-top:4px}
.v6217-work-copy>em{font-style:normal;color:#8d8580;font-size:6.7px;line-height:1.65;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.v6217-work-copy>strong{font-size:6.8px;color:#d9d0cb;margin-top:9px;font-weight:600}

/* Brand Pulse: coverage of real registered brand signals, not a fabricated quality score. */
.v6217-brand-pulse{margin:13px 0 17px;padding:15px;display:grid;grid-template-columns:104px minmax(0,1fr);gap:14px;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 0 50%,rgba(241,90,34,.10),transparent 33%),linear-gradient(150deg,#1b1715,#100f0e)}
.v6217-pulse-orbit{width:98px;height:98px;position:relative;display:grid;place-items:center}
.v6217-pulse-orbit svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.v6217-pulse-orbit circle{fill:none;stroke-width:7}
.v6217-pulse-orbit .track{stroke:#2d2724}.v6217-pulse-orbit .value{stroke:var(--orange);stroke-linecap:round;transition:stroke-dashoffset .55s ease;filter:drop-shadow(0 0 5px rgba(241,90,34,.30))}
.v6217-pulse-orbit>div{position:relative;z-index:1;text-align:center;display:grid;gap:2px}
.v6217-pulse-orbit b{font:800 18px Arial}.v6217-pulse-orbit small{font-size:5.8px;color:#8e8580}
.v6217-pulse-copy>small{font:700 5.9px Arial;letter-spacing:1px;color:var(--orange)}
.v6217-pulse-copy h3{font-size:12.5px;margin:3px 0 4px;line-height:1.55}
.v6217-pulse-copy>p{font-size:6.8px;line-height:1.75;color:#938a85;margin:0}
.v6217-pulse-bars{display:grid;gap:5px;margin:9px 0}
.v6217-pulse-bars>span{display:grid;grid-template-columns:1fr 56px;align-items:center;gap:8px}
.v6217-pulse-bars i{height:4px;background:#2b2623;border-radius:99px;overflow:hidden}
.v6217-pulse-bars em{display:block;height:100%;width:12%;background:linear-gradient(90deg,var(--orange),#ff9c6c);border-radius:inherit;transition:width .45s ease}
.v6217-pulse-bars b{font-size:5.8px;color:#a79e98;font-weight:600}
.v6217-pulse-copy>button{border:1px solid rgba(241,90,34,.18);background:rgba(241,90,34,.08);color:#f6eee9;border-radius:11px;padding:8px 9px;font-size:6.8px;display:flex;align-items:center;justify-content:space-between;width:100%}
.v6217-pulse-copy>button span{font:14px Arial;color:var(--orange)}

/* Connected Brand Intelligence inside Brand Center. Tools stay independent and visible in More. */
.v6217-brand-intelligence{padding:14px;margin:10px 0 12px;background:radial-gradient(circle at 95% 0,rgba(241,90,34,.10),transparent 32%),linear-gradient(150deg,#1c1816,#11100f)}
.v6217-brand-intelligence-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px}
.v6217-brand-intelligence-head small{font:700 5.8px Arial;color:var(--orange);letter-spacing:1px}.v6217-brand-intelligence-head h3{font-size:12.5px;margin:3px 0 0}.v6217-brand-intelligence-head>span{font:700 8px Arial;padding:6px 8px;border-radius:999px;background:#211713;color:#ff8b50}
.v6217-intelligence-grid{display:grid;gap:6px}
.v6217-intelligence-grid>button{display:grid;grid-template-columns:28px 1fr 10px;gap:8px;align-items:center;width:100%;border:1px solid rgba(255,255,255,.045);border-radius:13px;background:rgba(10,9,8,.42);color:inherit;text-align:right;padding:8px 9px}
.v6217-intelligence-grid>button>span{font:700 6px Arial;color:#6f6762}.v6217-intelligence-grid>button>div{display:grid;gap:2px}.v6217-intelligence-grid b{font-size:8px}.v6217-intelligence-grid small{font-size:6.2px;color:#8f8782}.v6217-intelligence-grid i{width:8px;height:8px;border-radius:50%;background:#3a332f;border:1px solid rgba(255,255,255,.08)}.v6217-intelligence-grid i.on{background:var(--orange);box-shadow:0 0 12px rgba(241,90,34,.42);border-color:rgba(241,90,34,.55)}
.v6217-intelligence-next{width:100%;margin-top:8px;border:1px solid rgba(241,90,34,.18);background:linear-gradient(145deg,rgba(241,90,34,.13),rgba(241,90,34,.035));color:#fff;border-radius:13px;padding:9px 10px;display:flex;align-items:center;justify-content:space-between;text-align:right}
.v6217-intelligence-next>span{display:grid;gap:2px}.v6217-intelligence-next small{font:700 5.4px Arial;color:var(--orange);letter-spacing:.7px}.v6217-intelligence-next b{font-size:7.8px}.v6217-intelligence-next>i{font:18px Arial;color:var(--orange);font-style:normal}

/* Project journey becomes a visual, touchable journey rail. */
.v6217-journey-map{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(118px,138px);gap:7px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding:2px 1px 7px;scrollbar-width:none}
.v6217-journey-map::-webkit-scrollbar{display:none}
.v6217-journey-map .journey-row{position:relative;scroll-snap-align:center;min-height:118px;border:1px solid rgba(255,255,255,.05);border-radius:16px;background:linear-gradient(155deg,#171412,#0f0e0d);padding:10px;display:grid;grid-template-columns:25px 1fr;grid-template-areas:"no state" "copy copy" "chip chip";gap:7px;text-align:right;color:inherit;overflow:hidden}
.v6217-journey-map .journey-row::after{content:"";position:absolute;left:-12px;top:30px;width:18px;height:1px;background:rgba(255,255,255,.06)}
.v6217-journey-map .journey-row:first-child::after{display:none}
.v6217-journey-index{grid-area:no;font:800 7px Arial;color:#756d68;align-self:center}
.v6217-journey-map .journey-row>i{grid-area:state;justify-self:end;width:25px;height:25px;border-radius:9px;display:grid;place-items:center;background:#23201d;color:#706965;font:700 8px Arial;font-style:normal}
.v6217-journey-map .journey-row>div{grid-area:copy;display:grid;gap:2px;align-self:end}.v6217-journey-map .journey-row>div>b{font-size:8.3px;line-height:1.5}.v6217-journey-map .journey-row>div>small{font-size:6px;color:#817a75}
.v6217-journey-map .journey-row.done{border-color:rgba(241,90,34,.08)}.v6217-journey-map .journey-row.done>i{background:#211713;color:var(--orange)}
.v6217-journey-map .journey-row.current{border-color:rgba(241,90,34,.34);background:radial-gradient(circle at 85% 0,rgba(241,90,34,.15),transparent 40%),linear-gradient(155deg,#201814,#110f0e);box-shadow:0 12px 28px rgba(0,0,0,.17),inset 0 0 0 1px rgba(241,90,34,.04)}
.v6217-journey-map .journey-row.current>i{background:var(--orange);color:#fff;box-shadow:0 0 0 5px rgba(241,90,34,.07),0 0 16px rgba(241,90,34,.26);animation:v6217JourneyPulse 2.2s ease-in-out infinite}
.v6217-current-chip{grid-area:chip;justify-self:start;font-size:5.7px;color:#ff9a68;padding:5px 7px;border-radius:999px;background:rgba(241,90,34,.08);border:1px solid rgba(241,90,34,.12)}
@keyframes v6217JourneyPulse{0%,100%{transform:scale(.94)}50%{transform:scale(1.05)}}

/* Light tactile motion only on the new experience layer. */
.v6217-command-view,.v6217-brand-pulse,.v6217-brand-intelligence{transition:transform .22s ease,border-color .22s ease}
@media(hover:hover){.v6217-command-view:hover,.v6217-brand-pulse:hover,.v6217-brand-intelligence:hover{border-color:rgba(241,90,34,.12)}}

@media(max-width:370px){
  .v6217-command-view{padding:15px}.v6217-command-signals{gap:5px}.v6217-command-signals>span{padding:8px 7px}.v6217-command-view .client-dashboard-focus-actions{grid-template-columns:1fr 1fr}.v6217-command-view .client-dashboard-focus-actions button:first-child{grid-column:1/-1}
  .v6217-selected-work-grid{grid-template-columns:1fr}.v6217-work-media{height:126px}.v6217-work-copy{min-height:90px}
  .v6217-brand-pulse{grid-template-columns:88px 1fr;gap:10px;padding:13px}.v6217-pulse-orbit{width:84px;height:84px}.v6217-pulse-orbit b{font-size:15px}
}
@media(prefers-reduced-motion:reduce){
  .v6217-work-media img,.v6217-pulse-orbit .value,.v6217-pulse-bars em,.v6217-command-view,.v6217-brand-pulse,.v6217-brand-intelligence{transition:none!important}
  .v6217-journey-map .journey-row.current>i{animation:none!important}
}
.v6217-work-placeholder{width:100%;height:100%;display:grid;place-items:center;align-content:center;gap:3px;background:radial-gradient(circle at 50% 35%,rgba(241,90,34,.13),transparent 36%),#0e0d0c}.v6217-work-placeholder b{font:800 13px Arial;letter-spacing:2px}.v6217-work-placeholder small{font-size:6px;color:#827a75}

/* =========================================================
   V62.18 — BRAND COMMAND ROOM
   Scoped visual command-center layer. No global palette overrides.
   ========================================================= */
#page-brand-center.brand-command-room-page{gap:0}
#page-brand-center .bcr-page-head{display:grid;grid-template-columns:minmax(0,1fr) 86px;gap:14px;align-items:center;margin:8px 0 14px;padding:2px 2px 0}
#page-brand-center .bcr-page-head-copy small,#page-brand-center .bcr-section-head small,#page-brand-center .bcr-panel-head small,#page-brand-center .bcr-recommendation>div>small{font:700 6.2px Arial;letter-spacing:1.05px;color:var(--orange)}
#page-brand-center .bcr-page-head-copy h2{font-size:24px;line-height:1.42;margin:4px 0 5px}
#page-brand-center .bcr-page-head-copy p{font-size:8px;line-height:1.9;color:#968e89;margin:0;max-width:44ch}
#page-brand-center .bcr-page-head-mark{margin:0;width:86px;height:86px;display:grid;place-items:center;position:relative}
#page-brand-center .bcr-page-head-mark::before{content:"";position:absolute;inset:7px;border:1px solid rgba(241,90,34,.12);border-radius:25px;transform:rotate(8deg)}
#page-brand-center .bcr-page-head-mark img{width:78px;height:78px;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 10px 20px rgba(0,0,0,.24))}

#page-brand-center .bcr-overview{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:14px;align-items:center;padding:16px;margin:0 0 17px;background:radial-gradient(circle at 6% 10%,rgba(241,90,34,.11),transparent 32%),linear-gradient(150deg,#1d1917,#10100f 70%)}
#page-brand-center .bcr-overview::after{content:"";position:absolute;width:150px;height:150px;border:1px solid rgba(255,255,255,.025);border-radius:50%;right:-86px;bottom:-92px;pointer-events:none}
#page-brand-center .bcr-radar-stage{min-width:0;min-height:208px;display:grid;place-items:center;position:relative}
#page-brand-center #bcrRadarSvg{width:100%;max-width:240px;height:auto;overflow:visible}
#page-brand-center .bcr-radar-empty{width:100%;min-height:205px;display:grid;place-items:center;align-content:center;text-align:center;gap:5px}
#page-brand-center .bcr-radar-empty.hidden{display:none}
#page-brand-center .bcr-radar-empty img{width:92px;height:92px;object-fit:contain;opacity:.84}
#page-brand-center .bcr-radar-empty b{font-size:9px}.bcr-radar-empty small{font-size:6.4px;color:#8e8681}
#page-brand-center .bcr-radar-empty button{border:1px solid rgba(241,90,34,.18);background:rgba(241,90,34,.08);color:#f2ebe7;border-radius:10px;padding:7px 9px;font-size:6.5px;margin-top:3px}
#page-brand-center .bcr-overview-copy{position:relative;z-index:1;min-width:0}
#page-brand-center .bcr-overview-kicker{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
#page-brand-center .bcr-overview-kicker>span{font:700 5.8px Arial;letter-spacing:.9px;padding:5px 7px;border-radius:999px;background:rgba(241,90,34,.10);border:1px solid rgba(241,90,34,.14);color:#ff9560}
#page-brand-center .bcr-overview-kicker>small{font-size:5.8px;color:#756e6a;text-align:left}
#page-brand-center .bcr-overview-copy h3{font-size:15px;line-height:1.55;margin:0 0 6px}
#page-brand-center .bcr-overview-copy>p{font-size:7px;line-height:1.85;color:#978f8a;margin:0}
#page-brand-center .bcr-overview-source-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:11px}
#page-brand-center .bcr-overview-source-strip>span{display:grid;grid-template-columns:7px minmax(0,1fr);grid-template-areas:"dot title" ". meta";column-gap:6px;align-items:center;padding:7px 8px;border-radius:11px;background:rgba(10,9,8,.46);border:1px solid rgba(255,255,255,.045)}
#page-brand-center .bcr-overview-source-strip i{grid-area:dot;width:6px;height:6px;border-radius:50%;background:#3a3431;border:1px solid rgba(255,255,255,.08)}
#page-brand-center .bcr-overview-source-strip span.ready i{background:var(--orange);border-color:rgba(241,90,34,.35);box-shadow:0 0 10px rgba(241,90,34,.26)}
#page-brand-center .bcr-overview-source-strip b{grid-area:title;font-size:6.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#page-brand-center .bcr-overview-source-strip small{grid-area:meta;font-size:5.4px;color:#7d7570;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

#page-brand-center .bcr-section{margin:17px 0}
#page-brand-center .bcr-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:0 2px 9px}
#page-brand-center .bcr-section-head h3{font-size:13px;line-height:1.5;margin:3px 0 0}
#page-brand-center .bcr-section-head>span{font-size:6px;color:#8a817c;padding:5px 8px;border-radius:999px;background:#161412;border:1px solid rgba(255,255,255,.045);white-space:nowrap}
#page-brand-center .bcr-pulse-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#page-brand-center .bcr-pulse-card{position:relative;overflow:hidden;min-height:98px;padding:11px 11px 10px;border:1px solid rgba(255,255,255,.055);border-radius:18px;background:linear-gradient(150deg,#1b1816,#11100f);color:inherit;text-align:right;display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-areas:"icon copy" "meta meta";gap:8px;align-items:start}
#page-brand-center .bcr-pulse-card::after{content:"";position:absolute;left:-26px;bottom:-32px;width:64px;height:64px;border-radius:50%;background:rgba(241,90,34,.035);pointer-events:none}
#page-brand-center .bcr-pulse-card>img{grid-area:icon;width:36px;height:36px;object-fit:contain}
#page-brand-center .bcr-pulse-card>div{grid-area:copy;min-width:0;display:grid;gap:2px}
#page-brand-center .bcr-pulse-card b{font-size:8.2px;line-height:1.45}
#page-brand-center .bcr-pulse-card small{font-size:6.1px;line-height:1.55;color:#8a827d}
#page-brand-center .bcr-pulse-card>em{grid-area:meta;font-style:normal;font-size:5.8px;color:#6f6864;padding-top:7px;border-top:1px solid rgba(255,255,255,.04);display:flex;justify-content:space-between;gap:8px}
#page-brand-center .bcr-pulse-card>em strong{font-size:5.8px;font-weight:600;color:#9d948f}
#page-brand-center .bcr-pulse-card[data-state="ready"]{border-color:rgba(241,90,34,.10)}
#page-brand-center .bcr-pulse-card[data-state="attention"]{border-color:rgba(241,90,34,.28);background:linear-gradient(150deg,#211815,#11100f)}
#page-brand-center .bcr-pulse-card[data-state="attention"] small{color:#e0ad98}
#page-brand-center .bcr-pulse-card[data-state="neutral"]{opacity:.88}

#page-brand-center .bcr-split-section{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:9px;margin:18px 0}
#page-brand-center .bcr-issues,#page-brand-center .bcr-distribution,#page-brand-center .bcr-trend,#page-brand-center .bcr-map-panel{padding:14px;background:linear-gradient(150deg,#191715,#10100f)}
#page-brand-center .bcr-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:9px;margin-bottom:10px}
#page-brand-center .bcr-panel-head h3{font-size:11.5px;margin:3px 0 0}
#page-brand-center .bcr-panel-head>span{min-width:26px;text-align:center;font:700 7px Arial;color:#ff9059;padding:5px 7px;border-radius:999px;background:#211713}
#page-brand-center .bcr-issue-list{display:grid;gap:6px}
#page-brand-center .bcr-issue-card{border:1px solid rgba(255,255,255,.045);background:#121110;border-radius:13px;padding:9px 9px 8px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
#page-brand-center .bcr-issue-card>div{min-width:0}.bcr-issue-card span{font-size:5.5px;color:#ff8d57}.bcr-issue-card b{display:block;font-size:7.8px;line-height:1.5;margin:2px 0}.bcr-issue-card p{font-size:5.9px;line-height:1.65;color:#817975;margin:0}
#page-brand-center .bcr-issue-card button{border:0;background:transparent;color:#d9d1cc;font-size:6.2px;padding:7px 4px;white-space:nowrap}.bcr-issue-card button i{font:14px Arial;color:var(--orange);font-style:normal;margin-right:4px}
#page-brand-center .bcr-issue-empty{padding:18px 10px;text-align:center;border:1px dashed rgba(255,255,255,.055);border-radius:13px;color:#8f8782;font-size:6.4px;line-height:1.8}
#page-brand-center .bcr-segmented-status{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:18px 0 12px}
#page-brand-center .bcr-segmented-status i{height:10px;border-radius:99px;background:#2a2522;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
#page-brand-center .bcr-segmented-status i.ready{background:linear-gradient(90deg,#9f3e1b,var(--orange))}
#page-brand-center .bcr-distribution-legend{display:grid;grid-template-columns:1fr 1fr;gap:6px}
#page-brand-center .bcr-distribution-legend>span{display:grid;grid-template-columns:7px auto;grid-template-areas:"dot count" ". label";column-gap:6px;align-items:center;padding:8px;border-radius:11px;background:#121110}
#page-brand-center .bcr-distribution-legend i{grid-area:dot;width:6px;height:6px;border-radius:50%;background:#3b3532}.bcr-distribution-legend i.ready{background:var(--orange)}
#page-brand-center .bcr-distribution-legend b{grid-area:count;font:700 9px Arial}.bcr-distribution-legend small{grid-area:label;font-size:5.5px;color:#7e7772;margin-top:2px}
#page-brand-center .bcr-distribution>p{font-size:5.7px;line-height:1.7;color:#6f6864;margin:10px 0 0}

#page-brand-center .bcr-trend{position:relative;overflow:hidden}
#page-brand-center .bcr-trend-head{margin-bottom:8px}
#page-brand-center .bcr-trend-metrics{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none;padding:1px 0 8px}.bcr-trend-metrics::-webkit-scrollbar{display:none}
#page-brand-center .bcr-trend-metrics button{flex:0 0 auto;border:1px solid rgba(255,255,255,.055);background:#121110;color:#8e8681;border-radius:999px;padding:6px 8px;font-size:5.8px}.bcr-trend-metrics button.active{background:#241713;border-color:rgba(241,90,34,.22);color:#ff9867}
#page-brand-center .bcr-trend-chart{min-height:170px;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,0));overflow:hidden}
#page-brand-center .bcr-trend-chart svg{display:block;width:100%;height:auto;min-height:170px}
#page-brand-center .bcr-trend-empty{min-height:190px;display:grid;place-items:center;align-content:center;text-align:center;gap:5px}
#page-brand-center .bcr-trend-empty.hidden{display:none}.bcr-empty-chart-art{width:170px;height:64px;position:relative;display:flex;align-items:flex-end;justify-content:space-around;border-bottom:1px solid rgba(255,255,255,.08)}
#page-brand-center .bcr-empty-chart-art i{width:7px;border-radius:6px 6px 0 0;background:#2b2724}.bcr-empty-chart-art i:nth-child(1){height:18px}.bcr-empty-chart-art i:nth-child(2){height:28px}.bcr-empty-chart-art i:nth-child(3){height:22px}.bcr-empty-chart-art i:nth-child(4){height:34px}.bcr-empty-chart-art span{position:absolute;width:150px;height:1px;left:10px;top:29px;background:repeating-linear-gradient(90deg,rgba(241,90,34,.22) 0 10px,transparent 10px 17px);transform:rotate(-4deg)}
#page-brand-center .bcr-trend-empty b{font-size:8.5px}.bcr-trend-empty small{font-size:6px;color:#817a75}.bcr-trend-empty button{border:1px solid rgba(241,90,34,.18);background:rgba(241,90,34,.08);color:#fff;border-radius:10px;padding:7px 9px;font-size:6.2px}
#page-brand-center .bcr-trend-note{font-size:5.6px;color:#6f6864;line-height:1.7;margin:7px 0 0}

#page-brand-center .bcr-map-panel{overflow:hidden}
#page-brand-center .bcr-map{position:relative;min-height:330px;margin:2px auto 0;max-width:390px;background:radial-gradient(circle at 50% 50%,rgba(241,90,34,.07),transparent 31%)}
#page-brand-center .bcr-map::before,#page-brand-center .bcr-map::after{content:"";position:absolute;left:50%;top:50%;border:1px solid rgba(255,255,255,.045);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.bcr-map::before{width:220px;height:220px}.bcr-map::after{width:130px;height:130px;border-style:dashed;border-color:rgba(241,90,34,.10)}
#page-brand-center .bcr-map-core,#page-brand-center .bcr-map-node{position:absolute;z-index:2;border:1px solid rgba(255,255,255,.055);background:#151311;color:#fff;text-align:center}
#page-brand-center .bcr-map-core{left:50%;top:50%;transform:translate(-50%,-50%);width:105px;height:105px;border-radius:34px;display:grid;place-items:center;align-content:center;gap:3px;background:linear-gradient(145deg,#2a1b16,#13110f);border-color:rgba(241,90,34,.24);box-shadow:0 16px 30px rgba(0,0,0,.24)}
#page-brand-center .bcr-map-core>i{width:15px;height:15px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 6px rgba(241,90,34,.07)}.bcr-map-core b{font-size:9px;max-width:78px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bcr-map-core small{font:700 4.8px Arial;color:#8b817c;letter-spacing:.6px}
#page-brand-center .bcr-map-node{width:104px;min-height:57px;border-radius:16px;padding:8px 7px;display:grid;grid-template-columns:24px 1fr;grid-template-areas:"index title" "index state";column-gap:6px;align-items:center}.bcr-map-node>span{grid-area:index;width:24px;height:24px;border-radius:8px;background:#211b18;display:grid;place-items:center;font:700 5.2px Arial;color:#8e8580}.bcr-map-node>b{grid-area:title;font-size:6.8px;text-align:right}.bcr-map-node>small{grid-area:state;font-size:5.2px;color:#7f7772;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bcr-map-node[data-state="ready"]{border-color:rgba(241,90,34,.14)}.bcr-map-node[data-state="ready"]>span{background:#261913;color:#ff925d}.bcr-map-node[data-state="attention"]{border-color:rgba(241,90,34,.28)}.bcr-map-node[data-state="attention"] small{color:#dfa78f}
#page-brand-center .node-dna{left:1%;top:16%}.bcr-map .node-feel{right:1%;top:16%}.bcr-map .node-diff{left:0;top:62%}.bcr-map .node-health{right:0;top:62%}.bcr-map .node-assets{left:50%;top:3%;transform:translateX(-50%)}.bcr-map .node-reports{left:50%;bottom:2%;transform:translateX(-50%)}
#page-brand-center .bcr-map-note{font-size:5.8px;line-height:1.75;color:#77706b;text-align:center;margin:5px auto 0;max-width:48ch}

#page-brand-center .bcr-recommendation{position:relative;overflow:hidden;display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:11px;align-items:center;margin:18px 0;padding:14px;background:linear-gradient(150deg,#211713,#12100f);border-color:rgba(241,90,34,.16)}
#page-brand-center .bcr-rec-orbit{width:42px;height:42px;border:1px solid rgba(241,90,34,.18);border-radius:50%;position:relative;display:grid;place-items:center}.bcr-rec-orbit::before{content:"";position:absolute;inset:7px;border:1px dashed rgba(241,90,34,.18);border-radius:50%}.bcr-rec-orbit i{width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 12px rgba(241,90,34,.34)}.bcr-rec-orbit span{position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;right:4px;top:17px;opacity:.7}
#page-brand-center .bcr-recommendation>div:nth-child(2){min-width:0}.bcr-recommendation h3{font-size:10.5px;line-height:1.55;margin:3px 0}.bcr-recommendation p{font-size:6.3px;line-height:1.75;color:#918883;margin:0}.bcr-recommendation>button{border:1px solid rgba(241,90,34,.18);background:rgba(241,90,34,.09);color:#fff;border-radius:11px;padding:8px 9px;font-size:6.2px;white-space:nowrap}.bcr-recommendation>button span{font:13px Arial;color:var(--orange);margin-right:4px}

#page-brand-center .bcr-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
#page-brand-center .bcr-quick-grid>button{display:grid;grid-template-columns:36px minmax(0,1fr) 12px;gap:8px;align-items:center;text-align:right;color:#fff;border:1px solid rgba(255,255,255,.05);background:#141210;border-radius:15px;padding:9px}.bcr-quick-grid img{width:36px;height:36px;object-fit:contain}.bcr-quick-grid>button>span{min-width:0;display:grid;gap:2px}.bcr-quick-grid b{font-size:7.5px}.bcr-quick-grid small{font-size:5.7px;color:#7e7772;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bcr-quick-grid>button>i{font:15px Arial;color:#6f6762;font-style:normal}

#page-brand-center .bcr-radar-grid{fill:none;stroke:rgba(255,255,255,.07);stroke-width:1}
#page-brand-center .bcr-radar-spoke{stroke:rgba(255,255,255,.055);stroke-width:1}
#page-brand-center .bcr-radar-area{fill:rgba(241,90,34,.16);stroke:#f15a22;stroke-width:2;stroke-linejoin:round;filter:drop-shadow(0 4px 9px rgba(241,90,34,.11))}
#page-brand-center .bcr-radar-dot{fill:#ff8f58;stroke:#171311;stroke-width:2}
#page-brand-center .bcr-radar-label{fill:#9a918c;font:600 8px Arial,sans-serif;text-anchor:middle;dominant-baseline:central}
#page-brand-center .bcr-radar-caption{fill:#69625e;font:600 6px Arial,sans-serif;text-anchor:middle}
#page-brand-center .bcr-trend-gridline{stroke:rgba(255,255,255,.055);stroke-width:1}.bcr-trend-axislabel{fill:#746d68;font:600 6px Arial,sans-serif}.bcr-trend-line{fill:none;stroke:#f15a22;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.bcr-trend-area{fill:url(#bcrTrendAreaGradient)}.bcr-trend-dot{fill:#f15a22;stroke:#151311;stroke-width:2}.bcr-trend-date{fill:#746d68;font:600 5.5px Arial,sans-serif;text-anchor:middle}

@media(max-width:420px){
  #page-brand-center .bcr-page-head{grid-template-columns:minmax(0,1fr) 72px}.bcr-page-head-mark{width:72px!important;height:72px!important}.bcr-page-head-mark img{width:66px!important;height:66px!important}
  #page-brand-center .bcr-overview{grid-template-columns:1fr;gap:6px}.bcr-radar-stage{min-height:190px!important}.bcr-overview-copy{padding-top:2px}
  #page-brand-center .bcr-split-section{grid-template-columns:1fr}.bcr-distribution{min-height:auto}
  #page-brand-center .bcr-recommendation{grid-template-columns:42px minmax(0,1fr)}.bcr-recommendation>button{grid-column:1/-1;width:100%;display:flex;justify-content:space-between;align-items:center}
}
@media(max-width:360px){
  #page-brand-center .bcr-pulse-grid,#page-brand-center .bcr-quick-grid{grid-template-columns:1fr}.bcr-overview-source-strip{grid-template-columns:1fr 1fr!important}.bcr-map{min-height:410px!important;display:grid;grid-template-columns:1fr 1fr;gap:7px;align-content:start;background:none!important}.bcr-map::before,.bcr-map::after{display:none}.bcr-map-core,.bcr-map-node{position:static!important;transform:none!important;width:auto!important;min-height:60px!important}.bcr-map-core{grid-column:1/-1;height:82px!important;border-radius:22px!important}.bcr-map-node{grid-template-columns:28px 1fr!important}.bcr-map .node-assets{order:-1}.bcr-map .node-reports{grid-column:1/-1}
}
@media(hover:hover){
  #page-brand-center .bcr-pulse-card:hover,#page-brand-center .bcr-map-node:hover,#page-brand-center .bcr-quick-grid>button:hover{border-color:rgba(241,90,34,.18);transform:translateY(-1px)}
}
@media(prefers-reduced-motion:reduce){
  #page-brand-center .bcr-pulse-card,#page-brand-center .bcr-map-node,#page-brand-center .bcr-quick-grid>button{transition:none!important}
}


/* =========================================================
   V63.3 — HERO CLEANUP FOR CONSULTATION / SERVICE / PROCESS / TASKS
   Remove duplicate copy under visuals and make top copy cleaner.
   ========================================================= */
.v627-page-visual--hero{
  grid-template-columns:1fr!important;
  min-height:0!important;
  aspect-ratio:16/9;
  margin:12px 0 18px!important;
}
.v627-page-visual--hero>img{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  object-fit:cover!important;
  object-position:center!important;
}
.v627-page-visual--hero .v627-page-visual-copy,
.v627-page-visual--hero .v627-visual-stat{display:none!important}

.v6213-tasks-title,.v626-request-hero,.consult-v625-hero,.v626-process-hero{
  display:grid;
  gap:7px;
  padding:10px 2px 14px;
}
.v6213-tasks-title h2,.v626-request-hero h2,.consult-v625-hero h2,.v626-process-hero h2{
  font-size:clamp(24px,7.2vw,31px)!important;
  line-height:1.6!important;
  margin:0!important;
  max-width:14ch;
  text-wrap:balance;
}
.v6213-tasks-title p,.v626-request-hero p,.consult-v625-hero p,.v626-process-hero p{
  font-size:10px!important;
  line-height:1.95!important;
  color:#b8afa9!important;
  margin:0!important;
  max-width:34ch!important;
}
.v6213-tasks-title small,.v626-request-hero small,.consult-v625-hero small,.v626-process-hero small{
  margin-bottom:0!important;
}

@media(max-width:390px){
  .v627-page-visual--hero{aspect-ratio:1.22/1;margin:10px 0 16px!important}
  .v6213-tasks-title,.v626-request-hero,.consult-v625-hero,.v626-process-hero{gap:6px;padding:8px 1px 12px}
  .v6213-tasks-title h2,.v626-request-hero h2,.consult-v625-hero h2,.v626-process-hero h2{font-size:clamp(22px,9vw,28px)!important;max-width:11ch}
  .v6213-tasks-title p,.v626-request-hero p,.consult-v625-hero p,.v626-process-hero p{font-size:9.2px!important;max-width:31ch!important}
}

/* =========================================================
   V63.4 — COMPACT FULL-WIDTH TOP HERO COPY
   Consultation / Service Request / Collaboration Journey / Tasks
   ========================================================= */
#page-tasks .v6213-tasks-title,
#page-service-request .v626-request-hero,
#page-consultation .consult-v625-hero,
#page-process .v626-process-hero{
  width:100%!important;
  max-width:none!important;
  display:block!important;
  padding:6px 0 11px!important;
  margin:0!important;
  text-align:right!important;
}

#page-tasks .v6213-tasks-title::before,
#page-service-request .v626-request-hero::before,
#page-consultation .consult-v625-hero::before,
#page-process .v626-process-hero::before{
  width:32px!important;
  height:4px!important;
  margin:0 0 9px auto!important;
  box-shadow:none!important;
  opacity:.9!important;
}

#page-tasks .v6213-tasks-title>small,
#page-service-request .v626-request-hero>small,
#page-consultation .consult-v625-hero>small,
#page-process .v626-process-hero>small{
  display:block!important;
  width:100%!important;
  margin:0 0 6px!important;
  font-size:7.2px!important;
  line-height:1.2!important;
  letter-spacing:1px!important;
  text-align:right!important;
}

#page-tasks .v6213-tasks-title h2,
#page-service-request .v626-request-hero h2,
#page-consultation .consult-v625-hero h2,
#page-process .v626-process-hero h2{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0 0 5px!important;
  padding:0!important;
  font-size:clamp(22px,6.4vw,28px)!important;
  line-height:1.48!important;
  letter-spacing:-.02em!important;
  text-align:right!important;
  text-wrap:pretty!important;
}

#page-tasks .v6213-tasks-title p,
#page-service-request .v626-request-hero p,
#page-consultation .consult-v625-hero p,
#page-process .v626-process-hero p{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  font-size:9.1px!important;
  line-height:1.78!important;
  color:#aaa29d!important;
  text-align:right!important;
}

#page-service-request .v626-request-hero p b{font-weight:800!important;color:#d8d2ce!important}

@media (max-width:390px){
  #page-tasks .v6213-tasks-title,
  #page-service-request .v626-request-hero,
  #page-consultation .consult-v625-hero,
  #page-process .v626-process-hero{padding:4px 0 9px!important}

  #page-tasks .v6213-tasks-title h2,
  #page-service-request .v626-request-hero h2,
  #page-consultation .consult-v625-hero h2,
  #page-process .v626-process-hero h2{
    font-size:23px!important;
    line-height:1.48!important;
    margin-bottom:4px!important;
  }

  #page-tasks .v6213-tasks-title p,
  #page-service-request .v626-request-hero p,
  #page-consultation .consult-v625-hero p,
  #page-process .v626-process-hero p{
    font-size:8.8px!important;
    line-height:1.72!important;
  }
}


/* =========================================================
   V63.6 — BRAND FEEL REAL COMPARISON IMAGES
   User-supplied 50-image set; neutral presentation for A/B choices.
   ========================================================= */
#page-brand-feel .perception-image.choice-a,
#page-brand-feel .perception-image.choice-b,
#page-brand-feel .brand-feel-question[data-concept] .perception-image.choice-a{
  filter:none!important;
}
#page-brand-feel .perception-image.choice-a:after,
#page-brand-feel .perception-image.choice-b:after{
  background:linear-gradient(180deg,transparent 72%,rgba(0,0,0,.10))!important;
  box-shadow:none!important;
}
#page-brand-feel .perception-image{
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}

/* =========================================================
   COOBEH V63.7 — notification alignment + filter sizing + profile logout + preferences
   ========================================================= */
#notificationsButton{position:relative;display:grid!important;place-items:center!important;padding:0!important}
#notificationsButton .ico.bell{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:25px!important;height:25px!important;margin:0!important}
#ccNotifFilters{align-items:center;padding-bottom:2px}
#ccNotifFilters button{flex:0 0 auto!important;width:auto!important;min-width:max-content!important;min-height:40px!important;padding:9px 14px!important;border-radius:13px!important;white-space:nowrap!important;display:inline-flex!important;align-items:center;justify-content:center;line-height:1.35!important;overflow-wrap:normal!important}
.profile-account-actions{margin-top:12px;padding:14px;border-radius:20px;display:grid;gap:8px}.profile-account-actions small{color:#f15a22;font-size:9px;font-weight:800;letter-spacing:.08em}.profile-account-actions h3{margin:0;font-size:16px}.profile-account-actions p{margin:0;color:#999;font-size:11px;line-height:1.8}.profile-account-actions button{width:100%;min-height:44px;border:1px solid rgba(241,90,34,.3);background:rgba(241,90,34,.09);color:#ff9b77;border-radius:14px;font:inherit;font-weight:800}
html.coobeh-large-text{font-size:17px}html.coobeh-large-text .page p,html.coobeh-large-text .page button,html.coobeh-large-text .page input,html.coobeh-large-text .page textarea,html.coobeh-large-text .page select{font-size:1.04em}
html.coobeh-compact .page .glass{--coobeh-compact:1}html.coobeh-compact .ih-setting-group,html.coobeh-compact .profile-form,html.coobeh-compact .cc-panel{padding-top:8px!important;padding-bottom:8px!important}html.coobeh-compact .more-card{min-height:0!important}html.coobeh-compact .more-grid{gap:7px!important}
html.coobeh-high-contrast{--muted:#bcb4af}html.coobeh-high-contrast .glass,html.coobeh-high-contrast .more-card,html.coobeh-high-contrast .cc-panel{border-color:rgba(255,255,255,.13)!important}html.coobeh-high-contrast .page p,html.coobeh-high-contrast .page small{color:#c2bbb6}

/* V64.41 — universal page navigation */
.coobeh-universal-back{position:fixed;inset-block-start:max(14px,env(safe-area-inset-top));inset-inline-start:max(14px,env(safe-area-inset-left));z-index:760;display:flex;align-items:center;gap:7px;min-height:40px;padding:0 12px;border:1px solid rgba(255,255,255,.13);border-radius:13px;background:rgba(10,12,12,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:inherit;font:inherit;box-shadow:0 8px 30px rgba(0,0,0,.18);cursor:pointer}.coobeh-universal-back[hidden]{display:none!important}.coobeh-universal-back span{font-size:18px}.coobeh-universal-back b{font-size:11px;font-weight:600}@media(max-width:640px){.coobeh-universal-back{inset-block-start:max(10px,env(safe-area-inset-top));inset-inline-start:10px;width:40px;padding:0;justify-content:center;border-radius:12px}.coobeh-universal-back b{display:none}}

/* V64.44 deep-link focus */
.coobeh-deeplink-target{outline:2px solid rgba(194,255,0,.92)!important;outline-offset:4px!important;box-shadow:0 0 0 7px rgba(194,255,0,.08),0 18px 48px rgba(0,0,0,.32)!important;transition:box-shadow .25s ease,outline-color .25s ease!important}

/* COOBEH V64.47 — Pinterest-style portfolio gallery + project cases */
#page-portfolio .pf-view-switch{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:7px;margin:10px 0 12px;border-radius:18px;background:rgba(18,17,16,.92);border:1px solid rgba(255,255,255,.07)}
#page-portfolio .pf-view-switch button{border:0;min-width:0;min-height:52px;border-radius:13px;padding:9px 10px;background:transparent;color:#8e8783;text-align:right;display:flex;flex-direction:column;justify-content:center;gap:2px;cursor:pointer;transition:.2s}
#page-portfolio .pf-view-switch button span{font-size:12px;font-weight:900;color:inherit}
#page-portfolio .pf-view-switch button small{font-size:7px;opacity:.72}
#page-portfolio .pf-view-switch button.active{background:linear-gradient(135deg,#f15a22,#ff7a42);color:#fff;box-shadow:0 8px 26px rgba(241,90,34,.2)}
#page-portfolio .pf-gallery-toolbar{padding:11px;border-radius:18px;margin-bottom:10px;background:linear-gradient(180deg,rgba(28,25,23,.9),rgba(15,14,13,.96));border:1px solid rgba(255,255,255,.06)}
#page-portfolio .pf-gallery-toolbar-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}
#page-portfolio .pf-gallery-toolbar-head>div{display:flex;flex-direction:column;gap:2px}
#page-portfolio .pf-gallery-toolbar-head small{font-size:6.5px;letter-spacing:1.2px;color:#f15a22;font-weight:900}
#page-portfolio .pf-gallery-toolbar-head b{font-size:12px;color:#f2efed}
#page-portfolio #pfGalleryCount{font-size:8px;color:#aaa29d;background:#151311;border:1px solid rgba(255,255,255,.06);padding:7px 9px;border-radius:999px;white-space:nowrap}
#page-portfolio .pf-gallery-type-filters{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:1px}
#page-portfolio .pf-gallery-type-filters::-webkit-scrollbar{display:none}
#page-portfolio .pf-gallery-type-filters button{flex:0 0 auto;border:1px solid rgba(255,255,255,.06);background:#151311;color:#aaa29d;min-height:31px;padding:0 11px;border-radius:999px;font-size:8px;font-weight:800;cursor:pointer}
#page-portfolio .pf-gallery-type-filters button.active{background:#f15a22;color:#fff;border-color:#f15a22}
#page-portfolio .pf-masonry{columns:2;column-gap:9px;margin-top:9px}
#page-portfolio .pf-pin{break-inside:avoid;margin:0 0 9px;border-radius:15px;overflow:hidden;background:#141210;border:1px solid rgba(255,255,255,.065);transition:.2s}
#page-portfolio .pf-pin-media{display:block;width:100%;padding:0;border:0;background:#0d0c0b;position:relative;cursor:pointer;text-align:inherit}
#page-portfolio .pf-pin-media img{display:block;width:100%;height:auto;min-height:80px;object-fit:cover}
#page-portfolio .pf-pin-type{position:absolute;right:7px;bottom:7px;background:rgba(8,8,8,.72);backdrop-filter:blur(10px);color:#fff;padding:5px 7px;border-radius:999px;font-size:6.5px;font-weight:900;border:1px solid rgba(255,255,255,.12)}
#page-portfolio .pf-pin-info{display:none;padding:11px 10px 10px;border-top:1px solid rgba(255,255,255,.055);background:linear-gradient(180deg,#171411,#12100f)}
#page-portfolio .pf-pin.expanded .pf-pin-info{display:block}
#page-portfolio .pf-pin.expanded{border-color:rgba(241,90,34,.32);box-shadow:0 10px 28px rgba(0,0,0,.24)}
#page-portfolio .pf-pin-info-copy small{font-size:6px;letter-spacing:1px;color:#f15a22;font-weight:900}
#page-portfolio .pf-pin-info-copy h3{font-size:12px;margin:4px 0 5px;color:#fff;line-height:1.5}
#page-portfolio .pf-pin-info-copy p{font-size:8px;line-height:1.9;color:#aaa29d;margin:0}
#page-portfolio .pf-pin-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}
#page-portfolio .pf-pin-tags span{font-size:6.5px;padding:4px 6px;border-radius:999px;background:rgba(255,255,255,.045);color:#c6bfba;border:1px solid rgba(255,255,255,.05)}
#page-portfolio .pf-pin-case{width:100%;margin-top:9px;min-height:36px;border:0;border-radius:10px;background:#f15a22;color:#fff;font-size:8px;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:0 10px}
#page-portfolio .pf-pin-case b{font-size:15px}
#page-portfolio .pf-projects-view.hidden,#page-portfolio .pf-gallery-view.hidden{display:none!important}
@media(min-width:720px){#page-portfolio .pf-masonry{columns:3;column-gap:12px}#page-portfolio .pf-pin{margin-bottom:12px}}
@media(min-width:1080px){#page-portfolio .pf-masonry{columns:4}}


/* V64.48 — Dual portfolio: Pinterest wall + standalone visual works */
#page-portfolio .pf-pin{background:transparent;border:0;box-shadow:none;overflow:hidden;border-radius:16px}
#page-portfolio .pf-pin-media{border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.07);background:#0d0c0b;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
#page-portfolio .pf-pin-media:active{transform:scale(.985)}
@media(hover:hover) and (pointer:fine){#page-portfolio .pf-pin-media:hover{transform:translateY(-2px);border-color:rgba(241,90,34,.28);box-shadow:0 12px 28px rgba(0,0,0,.24)}}
#page-portfolio .pf-pin-info{display:none!important}
 .pf-pin-lightbox{position:fixed;inset:0;z-index:9997;display:none;align-items:center;justify-content:center;padding:18px}
.pf-pin-lightbox.open{display:flex}
.pf-pin-lightbox-backdrop{position:absolute;inset:0;background:rgba(4,4,4,.9);backdrop-filter:blur(12px)}
.pf-pin-lightbox-card{position:relative;z-index:1;width:min(96vw,1120px);max-height:94vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:14px;align-items:center}
.pf-pin-lightbox-media{position:relative;min-width:0;max-height:92vh;border-radius:22px;overflow:hidden;background:#090807;border:1px solid rgba(255,255,255,.12);box-shadow:0 28px 80px rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center}
.pf-pin-lightbox-media>img{display:block;max-width:100%;max-height:90vh;width:auto;height:auto;object-fit:contain;margin:auto}
.pf-pin-lightbox-details{align-self:center;max-height:88vh;overflow:auto;padding:18px 16px;border-radius:18px;background:linear-gradient(180deg,rgba(24,21,19,.98),rgba(12,11,10,.98));border:1px solid rgba(255,255,255,.09);box-shadow:0 20px 54px rgba(0,0,0,.35);color:#fff}
.pf-pin-lightbox-details small{font:900 7px Arial;letter-spacing:1.3px;color:#ff7a42}
.pf-pin-lightbox-details h3{font-size:16px;margin:6px 0 7px;line-height:1.55}
.pf-pin-lightbox-details p{font-size:9px;line-height:2;color:#ddd4cf;margin:0}
.pf-pin-lightbox-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:11px}
.pf-pin-lightbox-tags span{font-size:7px;padding:5px 7px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);border-radius:999px;color:#f5efec}
.pf-pin-lightbox-case{margin-top:13px;min-height:40px;border:0;border-radius:11px;background:#f15a22;color:#fff;padding:0 12px;font-size:8px;font-weight:900;display:inline-flex;align-items:center;gap:18px;cursor:pointer}
.pf-pin-lightbox-case[hidden]{display:none!important}
.pf-pin-lightbox-close{position:absolute;z-index:3;top:10px;left:10px;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.62);color:#fff;font-size:24px;line-height:1;cursor:pointer;backdrop-filter:blur(8px)}
@media(max-width:760px){.pf-pin-lightbox{padding:10px}.pf-pin-lightbox-card{width:100%;grid-template-columns:1fr;gap:9px;max-height:94vh;overflow:auto;align-items:start}.pf-pin-lightbox-media{border-radius:17px;max-height:none}.pf-pin-lightbox-media>img{max-height:72vh}.pf-pin-lightbox-details{max-height:none;overflow:visible;padding:14px 13px 15px}.pf-pin-lightbox-details h3{font-size:14px}.pf-pin-lightbox-details p{font-size:8.5px}.pf-pin-lightbox-close{top:7px;left:7px}}

/* V64.60 — Finance documents */
.cc-invoice{padding:16px;border-radius:18px;border:1px solid rgba(255,255,255,.055);background:linear-gradient(160deg,rgba(255,255,255,.025),rgba(255,255,255,.012));margin-bottom:10px}
.cc-invoice .cc-row-head{align-items:flex-start}.cc-invoice .cc-row-head small{color:#ff8b4f}.cc-invoice .cc-meta{margin-top:10px}
.cc-invoice .cc-row-actions button{border-color:rgba(255,126,54,.2);background:rgba(255,126,54,.075);color:#ff9a61}

/* COOBEH V64.64 — live notification badge */
#notificationsButton>b:not(.hidden){
  position:absolute!important;
  top:-4px!important;
  right:-5px!important;
  min-width:18px!important;
  width:auto!important;
  height:18px!important;
  padding:0 5px!important;
  border-radius:999px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#f15a22!important;
  color:#fff!important;
  border:2px solid #0d0b0b!important;
  font:800 9px/1 Arial,sans-serif!important;
  box-shadow:0 4px 12px rgba(241,90,34,.38)!important;
  z-index:4!important;
}
.notification-item-v57.unread{border-color:rgba(241,90,34,.26)!important;background:rgba(241,90,34,.065)!important}