:root{--ink:#101114;--muted:#6d7078;--line:#e8e8e5;--paper:#f7f7f4;--accent:#635bff;--success:#1b8b5a;--danger:#b83d4b;--shadow:0 20px 60px rgba(16,17,20,.08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-size:15px}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}.brand{font-weight:850;letter-spacing:-.055em;font-size:24px}.brand span{color:var(--accent)}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:800;color:#777a81}.muted{color:var(--muted);line-height:1.6}.btn{border:0;border-radius:12px;padding:11px 16px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.18s}.btn:hover{transform:translateY(-1px)}.btn-dark{background:#111216;color:#fff}.btn-light{background:#fff;color:#111216}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 8px 24px rgba(99,91,255,.2)}.btn-lg{padding:14px 20px}.btn-full{width:100%}.form-msg{min-height:20px;margin-top:10px;font-size:13px;color:var(--danger)}.bluesky-handle-status{margin-top:10px}.bluesky-handle-status:empty{min-height:0}.bluesky-handle-status.duplicate{min-height:0;margin-top:12px;padding:13px 14px;border:1px solid #f0c7cd;background:#fff5f6;border-radius:12px;color:#a53b49}.bluesky-handle-status.current{min-height:0;margin-top:12px;padding:11px 13px;border:1px solid #e7e7e5;background:#f7f7f5;border-radius:12px;color:#6d7078}.bluesky-handle-status.available{color:var(--success)}.bluesky-duplicate-copy{display:grid;gap:3px;line-height:1.45}.bluesky-duplicate-copy strong{font-size:13px;color:#922f3d}.bluesky-duplicate-copy span{font-size:12px;color:#7d4c54}.bluesky-login-btn{margin-top:10px;border:1px solid #e2dfe0;background:#fff;color:#922f3d;box-shadow:none}.bluesky-login-btn:hover{border-color:#c98a92;background:#fffafa}.bluesky-handle-status+.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}
.site-nav{height:78px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between}.nav-actions{display:flex;align-items:center;gap:24px}.nav-link{font-weight:650}.hero{min-height:680px;padding:70px 8vw 90px;display:grid;grid-template-columns:1.05fr .95fr;gap:6vw;align-items:center}.hero h1{font-size:clamp(46px,6vw,82px);line-height:.98;letter-spacing:-.065em;margin:18px 0 26px}.hero h1 em{font-style:normal;color:var(--accent)}.hero-copy>p{font-size:19px;line-height:1.65;color:#5f6269;max-width:660px}.hero-actions{display:flex;gap:22px;align-items:center;margin-top:30px}.trust-line{margin-top:24px;color:#70727a;font-size:12px;display:flex;gap:8px;align-items:center}.dot{width:7px;height:7px;border-radius:50%;background:var(--success)}.hero-panel{position:relative;height:500px}.hero-orb{width:300px;height:300px;border-radius:42% 58% 55% 45%;background:#111216;color:#fff;position:absolute;inset:90px 0 0 90px;display:grid;place-items:center;font-size:70px;font-weight:900;box-shadow:0 40px 100px rgba(0,0,0,.18);transform:rotate(-8deg)}.float-card{position:absolute;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:18px;padding:18px 20px;box-shadow:var(--shadow);z-index:2;display:grid;gap:6px}.float-card strong{font-size:16px}.tiny{font-size:11px;color:#8a8d94}.mini-label{font-size:9px;letter-spacing:.13em;font-weight:850;color:var(--accent)}.card-one{left:0;top:45px;width:235px}.card-two{right:0;bottom:55px;width:255px}.section{padding:100px 8vw;background:#fff}.section h2{font-size:clamp(36px,5vw,60px);letter-spacing:-.055em;line-height:1.02;margin:14px 0 48px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-grid article{border:1px solid var(--line);border-radius:20px;padding:28px;min-height:240px}.feature-no{font-size:12px;font-weight:850;color:var(--accent)}.feature-grid h3{font-size:22px;letter-spacing:-.03em;margin:55px 0 10px}.feature-grid p{color:var(--muted);line-height:1.65}.quote-section{padding:100px 8vw;background:#111216;color:#fff}.quote-section p{font-size:clamp(28px,4vw,52px);letter-spacing:-.045em;max-width:1000px;line-height:1.08;margin:0 0 22px}.quote-section span{color:#a9abb2}.cta-section{margin:70px 8vw;padding:55px;border-radius:28px;background:var(--accent);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-section h2{font-size:clamp(30px,4vw,50px);letter-spacing:-.05em;line-height:1;margin:12px 0 0;max-width:750px}.cta-section .eyebrow{color:#dcd9ff}footer{padding:25px 8vw;display:flex;justify-content:space-between;color:#898b91;font-size:12px}
.auth-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#ece9ff 0,#f7f7f4 32%)}.auth-shell{width:min(440px,92vw)}.auth-shell>.brand{display:block;margin-bottom:30px}.auth-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:var(--shadow)}.auth-card h1{font-size:38px;letter-spacing:-.055em;line-height:1.03;margin:10px 0}.auth-card form{display:grid;gap:16px;margin-top:28px}.auth-card label{display:grid;gap:7px;font-size:12px;font-weight:750}.auth-card input{width:100%;border:1px solid #dcdde0;border-radius:11px;padding:13px 14px;outline:none}.auth-card input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(99,91,255,.1)}.auth-card small{color:#888;font-weight:500}.auth-switch{font-size:13px;color:#777;text-align:center;margin:22px 0 0}.auth-switch a{color:var(--accent);font-weight:750}
.sidebar{position:fixed;inset:0 auto 0 0;width:252px;background:#111216;color:#fff;padding:25px 18px;display:flex;flex-direction:column;z-index:20}.side-top{display:flex;justify-content:space-between;align-items:center;padding:0 9px 30px}.sidebar .brand{color:#fff}.side-profile{background:#1b1c21;border:1px solid #2a2b31;border-radius:16px;padding:12px;display:flex;gap:10px;align-items:center;margin-bottom:22px}.avatar{width:36px;height:36px;border-radius:11px;background:#2b2c33;display:grid;place-items:center;font-size:11px;font-weight:850}.side-profile strong{display:block;font-size:12px;max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-profile span{display:block;color:#8d8f97;font-size:10px;margin-top:2px}.side-nav{display:grid;gap:5px}.nav-item{border:0;background:transparent;color:#9a9ca5;padding:11px 12px;border-radius:11px;text-align:left;font-weight:650;display:flex;align-items:center;gap:11px}.nav-item span{width:16px;text-align:center}.nav-item:hover,.nav-item.active{background:#202126;color:#fff}.side-bottom{margin-top:auto;display:grid;gap:12px;padding:15px 9px;color:#6f717a;font-size:10px}.logout{background:none;border:0;color:#a4a6ae;text-align:left;padding:0;font-weight:650}.app-main{margin-left:252px;padding:0 4vw 70px;min-height:100vh}.topbar{min-height:115px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}.topbar h1{font-size:32px;letter-spacing:-.05em;margin:6px 0 0}.top-actions{display:flex;gap:10px;align-items:center}.connection-pill{border:1px solid var(--line);background:#fff;padding:10px 12px;border-radius:999px;font-size:11px;font-weight:750;display:flex;gap:7px;align-items:center}.connection-pill span{width:7px;height:7px;border-radius:50%;background:#b9bbc0}.connection-pill.connected span{background:var(--success)}.mobile-bar{display:none}.view{padding-top:30px}.grid{display:grid;gap:16px}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}.metric{min-height:135px}.metric .label{color:#81838a;font-size:11px;font-weight:750}.metric .value{font-size:35px;letter-spacing:-.05em;font-weight:850;margin-top:20px}.metric .sub{font-size:11px;color:#8a8c93;margin-top:4px}.section-title{font-size:17px;letter-spacing:-.025em;margin:0}.section-row{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}.link-btn{border:0;background:none;color:var(--accent);font-weight:750;font-size:12px}.empty{padding:40px 20px;text-align:center;color:#8a8c93;font-size:13px}.hero-card{padding:30px;background:#111216;color:#fff;border-radius:22px;position:relative;overflow:hidden}.hero-card:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:#635bff;filter:blur(50px);opacity:.28;right:-90px;top:-100px}.hero-card>*{position:relative;z-index:1}.hero-card h2{font-size:32px;letter-spacing:-.05em;max-width:600px;margin:10px 0}.hero-card p{color:#b5b6bc;max-width:620px;line-height:1.6}.hero-card .btn{margin-top:12px}.activity-list{display:grid}.activity-item{display:grid;grid-template-columns:10px 1fr auto;gap:12px;padding:15px 0;border-bottom:1px solid #efefec}.activity-item:last-child{border-bottom:0}.activity-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);margin-top:6px}.activity-main strong{font-size:13px}.activity-main p{margin:4px 0 0;color:#777a81;font-size:12px;line-height:1.5}.activity-time{color:#999ba1;font-size:10px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid #dddde0;border-radius:999px;padding:8px 11px;background:#fff;font-size:11px;font-weight:700}.chip.selected{background:#111216;color:#fff;border-color:#111216}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:11px;font-weight:750;color:#5f6269}.field input,.field textarea,.field select{border:1px solid #dddde0;border-radius:10px;padding:11px 12px;background:#fff;outline:none}.field textarea{min-height:100px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(99,91,255,.08)}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #eee}.toggle-row:last-child{border-bottom:0}.toggle{width:46px;height:26px;border-radius:99px;background:#d7d8dc;border:0;padding:3px}.toggle i{display:block;width:20px;height:20px;border-radius:50%;background:#fff;transition:.2s}.toggle.on{background:var(--accent)}.toggle.on i{transform:translateX(20px)}.plan-card{border:1px solid var(--line);border-radius:18px;padding:22px;background:#fff}.plan-card.pro{border-color:#bcb7ff;background:linear-gradient(145deg,#fff,#f5f3ff)}.plan-name{font-size:13px;font-weight:850}.plan-price{font-size:40px;letter-spacing:-.06em;font-weight:900;margin:8px 0}.plan-price span{font-size:12px;letter-spacing:0;color:#85878e;font-weight:650}.feature-list{padding:0;margin:18px 0;list-style:none;display:grid;gap:9px;color:#656870;font-size:12px}.feature-list li:before{content:"✓";color:var(--success);font-weight:900;margin-right:8px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table th{text-align:left;color:#85878d;font-size:10px;text-transform:uppercase;letter-spacing:.08em;padding:10px;border-bottom:1px solid #e8e8e5}.data-table td{padding:13px 10px;border-bottom:1px solid #f0f0ed}.status{display:inline-flex;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800;background:#f0f0ee;color:#6c6e75}.status.ok{background:#e9f6ef;color:#17764d}.status.warn{background:#fff3df;color:#976216}.status.bad{background:#fdebed;color:#a53b49}.toast{position:fixed;right:24px;bottom:24px;background:#111216;color:#fff;padding:12px 15px;border-radius:12px;font-size:12px;z-index:100;box-shadow:var(--shadow);opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translateY(0)}.modal-backdrop{position:fixed;inset:0;background:rgba(15,16,20,.58);display:grid;place-items:center;z-index:80;padding:20px}.modal{width:min(520px,100%);background:#fff;border-radius:22px;padding:25px;box-shadow:0 30px 100px rgba(0,0,0,.25)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start}.modal-close{border:0;background:#f1f1ef;border-radius:50%;width:32px;height:32px;font-size:20px}.mobile-close{display:none;background:none;border:0;color:#fff;font-size:22px}
@media(max-width:1050px){.hero{grid-template-columns:1fr}.hero-panel{display:none}.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:.2s;width:275px}.sidebar.open{transform:translateX(0)}.mobile-close{display:block}.mobile-bar{position:sticky;top:0;height:64px;background:#111216;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 18px;z-index:15}.mobile-bar>button{border:0;background:none;color:#fff;font-size:22px}.mobile-bar .brand{font-size:20px}.app-main{margin-left:0;padding:0 18px 50px}.topbar{min-height:110px;align-items:flex-start;padding-top:20px}.topbar h1{font-size:27px}.top-actions .connection-pill{display:none}.top-actions .btn{padding:9px 11px;font-size:11px}.grid-3,.grid-2,.grid-4{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.cta-section{margin:40px 5vw;padding:35px;display:grid}.site-nav{padding:0 5vw}.site-nav .nav-link{display:none}.hero{padding:50px 5vw 70px}.hero h1{font-size:49px}.section{padding:70px 5vw}.quote-section{padding:70px 5vw}footer{padding:22px 5vw}}

/* Conversation desk */
.compact-copy{font-size:12px;margin:4px 0 0}.desk-hero{background:#15151c;color:#fff;border-radius:23px;padding:32px;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(240px,.75fr);gap:36px;align-items:center;overflow:hidden;position:relative}.desk-hero:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:#635bff;opacity:.24;filter:blur(80px);right:-120px;top:-140px}.desk-hero>*{position:relative;z-index:1}.desk-hero .eyebrow{color:#bcb8ff}.desk-hero h2{font-size:clamp(30px,3.4vw,48px);letter-spacing:-.055em;line-height:1.02;max-width:650px;margin:10px 0}.desk-hero p{color:#b9bac3;line-height:1.6;max-width:650px;margin:0}.hero-text-btn{border:0;background:none;color:#d8d7ff;font-size:13px;font-weight:800;padding:10px 0}.desk-pulse{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.06);border-radius:18px;padding:18px;display:flex;gap:15px;align-items:center}.pulse-ring{flex:0 0 66px;width:66px;height:66px;border-radius:50%;border:1px solid #8a83ff;box-shadow:0 0 0 8px rgba(99,91,255,.13);display:grid;place-content:center;text-align:center}.pulse-ring span{font-weight:900;font-size:24px;line-height:1}.pulse-ring small{font-size:9px;color:#b7b4f6;text-transform:uppercase;letter-spacing:.1em}.desk-pulse strong{font-size:13px}.desk-pulse p{font-size:11px;margin-top:4px}.setup-card{display:grid;grid-template-columns:1.1fr .9fr;gap:26px}.setup-copy h3{font-size:20px;letter-spacing:-.04em;margin:8px 0}.setup-copy p{font-size:12px;margin:0}.setup-steps{display:grid;gap:8px}.setup-step{display:flex;align-items:center;gap:10px;border:1px solid #e6e6e4;background:#fbfbfa;text-align:left;border-radius:11px;padding:9px;color:var(--ink)}.setup-step>span{width:24px;height:24px;border:1px solid #d7d8dd;border-radius:50%;display:grid;place-items:center;color:#777a81;font-size:11px;font-weight:850}.setup-step.complete{border-color:#cdebdc;background:#f3fbf6}.setup-step.complete>span{color:#fff;background:var(--success);border-color:var(--success)}.setup-step strong,.setup-step small{display:block}.setup-step strong{font-size:11px}.setup-step small{font-size:10px;color:#7e8087;margin-top:1px}.conversation-intro{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:8px 2px 26px}.conversation-intro h2{font-size:clamp(28px,3vw,40px);letter-spacing:-.055em;margin:8px 0}.conversation-intro p{max-width:650px;color:var(--muted);line-height:1.6;margin:0}.conversation-stat{text-align:right;padding:0 9px 6px}.conversation-stat strong{display:block;font-size:39px;letter-spacing:-.07em;line-height:.9}.conversation-stat span{font-size:10px;text-transform:uppercase;letter-spacing:.11em;color:#85878e;font-weight:800}.filter-row{display:flex;gap:7px;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:13px}.filter{border:1px solid transparent;border-radius:999px;background:transparent;padding:8px 11px;color:#777980;font-size:11px;font-weight:800}.filter span{display:inline-grid;place-items:center;min-width:18px;height:18px;border-radius:99px;background:#e9e9e7;margin-left:4px;font-size:9px}.filter.active{background:#15151c;color:#fff}.filter.active span{background:#4c4a55}.conversation-list{display:grid;gap:9px}.conversation-card{display:grid;grid-template-columns:5px minmax(0,1fr) auto;gap:18px;border:1px solid var(--line);border-radius:15px;padding:18px;background:#fff;transition:.18s}.conversation-card:hover{border-color:#cbc9ff;box-shadow:0 12px 35px rgba(16,17,20,.05)}.conversation-marker{width:5px;border-radius:99px;background:#e8c46c}.conversation-marker.ok{background:var(--success)}.conversation-marker.bad{background:var(--danger)}.conversation-meta{display:flex;gap:6px;color:#888a91;font-size:10px;align-items:center}.conversation-type{color:var(--accent);font-weight:850;text-transform:uppercase;letter-spacing:.08em}.conversation-main h3{font-size:15px;letter-spacing:-.025em;margin:8px 0 4px}.conversation-main p{font-size:12px;line-height:1.55;color:#73757c;margin:0;max-width:670px}.conversation-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.conversation-tags span{background:#f3f3f1;color:#75777e;border-radius:99px;padding:5px 7px;font-size:9px;font-weight:750}.conversation-side{display:grid;align-content:space-between;justify-items:end;gap:25px;text-align:right}.empty-desk{text-align:center;padding:50px 22px}.empty-desk strong{font-size:16px}.empty-desk p{color:var(--muted);font-size:12px;max-width:360px;margin:9px auto 18px;line-height:1.6}.room-rules{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:20px;margin-top:16px;background:#eeedff;border-radius:17px;padding:22px}.room-rules h3{font-size:19px;letter-spacing:-.04em;margin:8px 0 0}.room-rules strong{font-size:12px}.room-rules p{font-size:11px;line-height:1.5;color:#6f7080;margin:5px 0 0}
@media(max-width:800px){.desk-hero,.setup-card{grid-template-columns:1fr}.desk-hero{padding:25px}.conversation-intro{align-items:flex-start;flex-direction:column;gap:15px}.conversation-stat{text-align:left;padding:0}.conversation-card{grid-template-columns:4px minmax(0,1fr);gap:12px}.conversation-side{grid-column:2;display:flex;justify-content:space-between;align-items:center;gap:8px}.room-rules{grid-template-columns:1fr;gap:14px}.filter-row{overflow:auto}.filter{white-space:nowrap}}
/* Dashboard utility classes: CSP-safe replacements for inline styles. */
.mt-5{margin-top:5px}
.mt-10{margin-top:10px}
.mt-16{margin-top:16px}
.mt-18{margin-top:18px}
.mt-20{margin-top:20px}
.mt-24{margin-top:24px}
.modal-title{margin:7px 0;letter-spacing:-.04em}
.focus-label{font-size:12px}
.offer-actions{display:flex;gap:8px;align-items:center}
.remove-interest{border:0;background:none;color:inherit}
.btn,.nav-item,.link-btn,.setup-step,.chip,.filter,.toggle,.modal-close,.mobile-close,.logout{cursor:pointer}
.btn:disabled,.nav-item:disabled,.link-btn:disabled,.setup-step:disabled,.chip:disabled,.filter:disabled,.toggle:disabled{cursor:not-allowed;opacity:.6}

/* ---- Polish pass: states, focus, motion (additive, no structural changes) ---- */
@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}
.btn:focus-visible{outline-offset:3px}
.chip:focus-visible,.filter:focus-visible,.toggle:focus-visible,.nav-item:focus-visible{outline-offset:1px}
.btn{transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease,background-color .15s ease}
.btn:active{transform:translateY(0) scale(.98)}
.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}
.btn.is-loading{color:transparent!important;pointer-events:none;position:relative}
.btn.is-loading:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:btn-spin .6s linear infinite}
.btn-light.is-loading:after,.btn-light.is-loading{border-top-color:var(--ink)}
.btn-light.is-loading:after{border-color:rgba(17,18,22,.25);border-top-color:var(--ink)}
@keyframes btn-spin{to{transform:rotate(360deg)}}
.nav-item{transition:background-color .15s ease,color .15s ease}
.nav-item:disabled{opacity:.5;cursor:not-allowed}
.chip,.filter{transition:background-color .15s ease,border-color .15s ease,color .15s ease}
.chip:active,.filter:active{transform:scale(.97)}
.toggle{transition:background-color .18s ease}
.toggle i{transition:transform .18s cubic-bezier(.4,0,.2,1)}
.toggle:disabled{opacity:.5;cursor:not-allowed}
.conversation-card,.plan-card,.panel{transition:box-shadow .18s ease,border-color .18s ease}
.modal-backdrop{animation:modal-fade .16s ease}
.modal{animation:modal-in .18s cubic-bezier(.2,.8,.2,1)}
@keyframes modal-fade{from{opacity:0}to{opacity:1}}
@keyframes modal-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.toast{transition:opacity .22s cubic-bezier(.2,.8,.2,1),transform .22s cubic-bezier(.2,.8,.2,1)}
.modal-close:hover,.mobile-close:hover{background:#e7e7e4}
.modal-close{transition:background-color .15s ease}
@media(max-width:800px){.nav-item,.btn,.chip,.filter,.toggle{min-height:44px}}
/* Skeleton utility, opt-in via class="skeleton" on any block while data loads */
.skeleton{position:relative;overflow:hidden;background:#eeeeec;border-radius:8px;color:transparent!important}
.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:skeleton-sheen 1.3s ease infinite}
@keyframes skeleton-sheen{from{transform:translateX(-100%)}to{transform:translateX(100%)}}


/* ---- Foundation checklist refinement ---- */
.setup-steps{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  width:100%;
}
.setup-step{
  appearance:none;
  -webkit-appearance:none;
  box-sizing:border-box;
  width:100%;
  min-height:58px;
  margin:0;
  padding:11px 13px;
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  align-items:center;
  gap:12px;
  border:1px solid #e2e2df;
  border-radius:12px;
  background:#fff;
  color:var(--ink);
  font:inherit;
  line-height:1.2;
  text-align:left;
  white-space:normal;
  box-shadow:0 1px 2px rgba(16,17,20,.02);
  cursor:pointer;
  transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.setup-step:hover{
  border-color:#d3d1ff;
  background:#fcfcff;
  box-shadow:0 7px 20px rgba(16,17,20,.05);
  transform:translateY(-1px);
}
.setup-step:active{transform:translateY(0);}
.setup-step:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}
.setup-step>span{
  box-sizing:border-box;
  width:32px;
  height:32px;
  margin:0;
  display:grid;
  place-items:center;
  flex:none;
  border:1px solid #d7d8dd;
  border-radius:50%;
  background:#f8f8f6;
  color:#777a81;
  font-size:11px;
  line-height:1;
  font-weight:850;
}
.setup-step.complete{
  border-color:#e0e9e3;
  background:#fbfdfb;
}
.setup-step.complete>span{
  border-color:var(--success);
  background:var(--success);
  color:#fff;
  font-size:13px;
}
.setup-step>div{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:3px;
}
.setup-step strong{
  display:block;
  margin:0;
  font-size:12px;
  line-height:1.25;
  font-weight:800;
  letter-spacing:-.01em;
}
.setup-step small{
  display:block;
  margin:0;
  color:#85878e;
  font-size:11px;
  line-height:1.3;
}
@media(max-width:900px){
  .setup-card{grid-template-columns:1fr;}
}


/* Discovery Intelligence — additive UI only */
.keyword-list{max-height:360px;overflow:auto;border-top:1px solid #ecece9}.keyword-list .toggle-row{border-bottom:1px solid #ecece9;padding:10px 0}.keyword-list .link-btn{margin-left:10px}


/* Discovery keyword modal: keep the header/actions fixed while the vocabulary scrolls. */
.keyword-modal{max-height:calc(100vh - 40px);overflow:hidden;display:flex;flex-direction:column}
.keyword-modal .keyword-list{flex:1;min-height:0;max-height:none;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding-right:6px}
.keyword-modal .modal-head,.keyword-modal>.muted,.keyword-modal>.field,.keyword-modal>.btn,.keyword-modal>.section-row{flex-shrink:0}

/* Pricing: present all plans inside the existing premium customer shell. */
.pricing-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:20px}
.pricing-intro h2{font-size:28px;letter-spacing:-.045em;margin:7px 0 8px;max-width:620px}
.pricing-intro p{max-width:680px;line-height:1.6;margin:0}
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pricing-card{position:relative;display:flex;flex-direction:column;min-width:0}
.pricing-card .feature-list{flex:1}
.pricing-card.pro{border-color:#bcb7ff;background:linear-gradient(145deg,#fff,#f5f3ff)}
.pricing-card.premium{border-color:#d9d5ff;background:linear-gradient(145deg,#fff,#faf9ff)}
.pricing-badge{position:absolute;right:18px;top:18px;border-radius:999px;padding:5px 8px;background:#111216;color:#fff;font-size:9px;font-weight:850;letter-spacing:.08em}
.pricing-note{font-size:12px;line-height:1.6}
.btn:disabled{cursor:default;opacity:.6}
@media(max-width:1050px){.pricing-grid{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.pricing-grid{grid-template-columns:1fr}.pricing-intro{align-items:flex-start}.pricing-intro h2{font-size:25px}.keyword-modal{max-height:calc(100vh - 24px)}}

/* Dedicated public pricing page — additive to the premium site system. */
.pricing-page{background:var(--paper);min-height:100vh}
.pricing-nav{border-bottom:1px solid var(--line);background:rgba(247,247,244,.96)}
.pricing-nav-active{color:var(--accent)}
.pricing-hero{max-width:940px;margin:0 auto;padding:88px 5vw 48px;text-align:center}
.pricing-hero h1{font-size:clamp(42px,6vw,72px);line-height:.98;letter-spacing:-.065em;margin:14px auto 22px;max-width:850px}
.pricing-hero p{max-width:720px;margin:0 auto;color:#62656c;font-size:17px;line-height:1.65}
.public-pricing-wrap{padding:0 5vw 70px;max-width:1320px;margin:0 auto}
.pricing-status{text-align:center;color:#7b7d84;font-size:12px;font-weight:650;min-height:20px;margin-bottom:14px}
.public-pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.public-plan-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;display:flex;flex-direction:column;min-width:0;box-shadow:0 10px 30px rgba(16,17,20,.035)}
.public-plan-card.is-basic{border-color:#bcb7ff;background:linear-gradient(145deg,#fff,#f5f3ff);box-shadow:0 18px 50px rgba(99,91,255,.09)}
.public-plan-card.is-premium{border-color:#d9d5ff;background:linear-gradient(145deg,#fff,#faf9ff)}
.public-plan-card.is-current{box-shadow:0 0 0 2px var(--accent),0 18px 50px rgba(99,91,255,.10)}
.public-plan-card h2{font-size:30px;letter-spacing:-.05em;margin:9px 0 0}
.public-plan-price{font-size:46px;letter-spacing:-.065em;font-weight:900;margin:13px 0 7px;min-height:55px}
.public-plan-price span{font-size:12px;letter-spacing:0;color:#85878e;font-weight:650}
.public-plan-description{color:#6f7178;line-height:1.6;font-size:13px;min-height:62px;margin:4px 0 10px}
.public-plan-card ul{list-style:none;padding:0;margin:13px 0 25px;display:grid;gap:11px;color:#62656c;font-size:12px;line-height:1.45;flex:1}
.public-plan-card li:before{content:"✓";color:var(--success);font-weight:900;margin-right:9px}
.public-plan-action{margin-top:auto}
.public-plan-badge{position:absolute;right:20px;top:20px;border-radius:999px;padding:6px 9px;background:#111216;color:#fff;font-size:9px;font-weight:850;letter-spacing:.08em}
.pricing-principles{max-width:1320px;margin:0 auto 70px;padding:26px 5vw;background:#eeedff;display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:24px;border-radius:20px}
.pricing-principles h2{font-size:21px;letter-spacing:-.045em;margin:8px 0 0}
.pricing-principles strong{font-size:12px}
.pricing-principles p{font-size:11px;line-height:1.55;color:#6f7080;margin:6px 0 0}
@media(max-width:1050px){.public-pricing-grid{grid-template-columns:1fr 1fr}.pricing-principles{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.pricing-nav{padding:0 5vw}.pricing-nav .pricing-nav-active{display:none}.pricing-hero{padding:62px 5vw 38px}.pricing-hero h1{font-size:46px}.pricing-hero p{font-size:15px}.public-pricing-grid{grid-template-columns:1fr}.pricing-principles{grid-template-columns:1fr;margin-left:5vw;margin-right:5vw}.public-plan-description{min-height:0}}


/* Dedicated Activity page — additive to the existing premium dashboard system. */
.activity-page{min-height:100vh}
.activity-view{padding-top:30px}
.activity-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;padding:8px 2px 26px}
.activity-intro h2{font-size:clamp(30px,3.4vw,44px);letter-spacing:-.06em;line-height:1.02;margin:8px 0 10px}
.activity-intro p{max-width:690px;color:var(--muted);line-height:1.6;margin:0}
.activity-pulse{min-width:220px;padding:16px 18px;border:1px solid var(--line);background:#fff;border-radius:16px}
.activity-pulse .eyebrow{color:var(--accent)}
.activity-pulse strong{display:block;font-size:15px;margin-top:7px}
.activity-pulse span{display:block;font-size:11px;color:#85878e;margin-top:3px}
.activity-stats{grid-template-columns:repeat(4,1fr)}
.activity-stat{min-height:145px}
.activity-stat .value{font-size:38px}
.activity-section{margin-top:16px}
.activity-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:4px}
.activity-filter{display:flex;gap:7px;overflow:auto}
.activity-filter .filter{white-space:nowrap}
.activity-list-full{display:grid}
.activity-row{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:15px;padding:19px 0;border-bottom:1px solid #efefec}
.activity-row:last-child{border-bottom:0}
.activity-row .activity-dot{margin-top:5px}
.activity-row-main strong{font-size:13px}
.activity-row-main p{margin:5px 0 0;color:#73757c;font-size:12px;line-height:1.55;max-width:760px}
.activity-row-meta{display:flex;gap:8px;align-items:center;margin-bottom:5px}
.activity-row-type{font-size:9px;letter-spacing:.1em;text-transform:uppercase;font-weight:850;color:var(--accent)}
.activity-row-status{font-size:9px;font-weight:800;color:#888a91}
.activity-row-time{font-size:10px;color:#999ba1;white-space:nowrap}
.activity-empty{padding:58px 20px;text-align:center}
.activity-empty strong{font-size:17px}
.activity-empty p{max-width:470px;margin:9px auto 20px;color:var(--muted);font-size:12px;line-height:1.6}
.activity-aside{display:grid;gap:16px}
.activity-help{background:#eeedff;border:0}
.activity-help h3{font-size:19px;letter-spacing:-.04em;margin:8px 0}
.activity-help p{font-size:11px;line-height:1.6;color:#6f7080;margin:0}
.activity-breakdown{display:grid;gap:0}
.activity-breakdown-row{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #efefec;font-size:11px}
.activity-breakdown-row:last-child{border-bottom:0}
.activity-breakdown-row strong{font-size:12px}
@media(max-width:1000px){.activity-stats{grid-template-columns:1fr 1fr}.activity-intro{align-items:flex-start;flex-direction:column}.activity-pulse{min-width:0;width:100%}}
@media(max-width:800px){.activity-view{padding-top:22px}.activity-stats{grid-template-columns:1fr 1fr}.activity-row{grid-template-columns:8px minmax(0,1fr);gap:11px}.activity-row-time{grid-column:2}.activity-toolbar{align-items:flex-start;flex-direction:column}.activity-filter{width:100%}}
@media(max-width:520px){.activity-stats{grid-template-columns:1fr}.activity-intro h2{font-size:30px}}
/* Production V2 conversation timeline */
.modal-wide{max-width:760px;width:min(760px,calc(100vw - 32px))}.timeline{margin-top:20px;display:grid;gap:0}.timeline-item{display:grid;grid-template-columns:18px 1fr;gap:14px;padding:0 0 22px}.timeline-dot{width:10px;height:10px;border-radius:50%;margin-top:5px;background:currentColor;box-shadow:0 0 0 4px rgba(0,0,0,.05)}.timeline-item>div:nth-child(2){border-left:1px solid rgba(0,0,0,.1);padding-left:16px;margin-left:-19px}.timeline-item strong{text-transform:capitalize}.timeline-item p{margin:7px 0 0;word-break:break-word;white-space:pre-wrap}.conversation-card[data-action]{cursor:pointer}.conversation-card[data-action]:hover{transform:translateY(-1px)}


/* ============================================================
   IMOQLAK PREMIUM EXPERIENCE LAYER
   Additive visual system — existing product architecture preserved.
   ============================================================ */

:root {
  --iq-bg: #f6f7fb;
  --iq-surface: rgba(255,255,255,.92);
  --iq-surface-strong: #ffffff;
  --iq-border: rgba(15,23,42,.09);
  --iq-border-strong: rgba(15,23,42,.14);
  --iq-text: #111827;
  --iq-muted: #667085;
  --iq-brand: #5b4ce2;
  --iq-brand-2: #7c6cf0;
  --iq-success: #16855b;
  --iq-warning: #a86600;
  --iq-danger: #c83b4b;
  --iq-shadow-sm: 0 1px 2px rgba(15,23,42,.04);
  --iq-shadow-md: 0 12px 35px rgba(15,23,42,.08);
  --iq-shadow-lg: 0 24px 70px rgba(15,23,42,.12);
  --iq-radius-sm: 10px;
  --iq-radius-md: 16px;
  --iq-radius-lg: 22px;
  --iq-ease: cubic-bezier(.2,.75,.25,1);
}

html { scroll-behavior: smooth; }

body {
  background:
    radial-gradient(circle at 85% 0%, rgba(124,108,240,.09), transparent 30rem),
    radial-gradient(circle at 5% 25%, rgba(91,76,226,.055), transparent 26rem),
    var(--iq-bg);
  color: var(--iq-text);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

button, input, select, textarea { font: inherit; }

button, a, input, select, textarea {
  transition: box-shadow .18s var(--iq-ease), border-color .18s var(--iq-ease),
              background-color .18s var(--iq-ease), transform .18s var(--iq-ease),
              opacity .18s var(--iq-ease);
}

button:focus-visible, a:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible {
  outline: 3px solid rgba(91,76,226,.20);
  outline-offset: 2px;
}

.card, .panel, .surface, .stat-card, .settings-card,
.dashboard-card, .conversation-card, .activity-card {
  border: 1px solid var(--iq-border);
  border-radius: var(--iq-radius-lg);
  background: var(--iq-surface);
  box-shadow: var(--iq-shadow-sm);
  backdrop-filter: blur(16px);
}

.card:hover, .panel:hover, .dashboard-card:hover,
.conversation-card:hover, .activity-card:hover {
  border-color: var(--iq-border-strong);
  box-shadow: var(--iq-shadow-md);
}

input, select, textarea {
  border-color: var(--iq-border-strong);
  border-radius: 12px;
  background: #fff;
}

input:hover, select:hover, textarea:hover {
  border-color: rgba(91,76,226,.35);
}

input:focus, select:focus, textarea:focus {
  border-color: var(--iq-brand);
  box-shadow: 0 0 0 4px rgba(91,76,226,.10);
}

button:not([disabled]), .btn:not([disabled]), [role="button"] {
  cursor: pointer;
}

button:not([disabled]):active, .btn:not([disabled]):active {
  transform: translateY(1px);
}

.btn-primary, button.primary, .primary-btn {
  border: 0;
  background: linear-gradient(135deg, var(--iq-brand), var(--iq-brand-2));
  color: #fff;
  box-shadow: 0 8px 22px rgba(91,76,226,.22);
}

.btn-primary:hover, button.primary:hover, .primary-btn:hover {
  box-shadow: 0 12px 30px rgba(91,76,226,.30);
  transform: translateY(-1px);
}

.badge, .status, .pill, .tag {
  border-radius: 999px;
  font-weight: 650;
  letter-spacing: .01em;
}

table { border-collapse: separate; border-spacing: 0; }
thead th { color: var(--iq-muted); font-size: .78rem; text-transform: uppercase; letter-spacing: .06em; }
tbody tr { transition: background-color .16s ease; }
tbody tr:hover { background: rgba(91,76,226,.035); }

.modal, .dialog, [role="dialog"] {
  border: 1px solid var(--iq-border);
  border-radius: 24px;
  box-shadow: var(--iq-shadow-lg);
  backdrop-filter: blur(22px);
}

.toast, .notification, .alert {
  border: 1px solid var(--iq-border);
  border-radius: 14px;
  box-shadow: var(--iq-shadow-md);
}

.skeleton, .loading {
  background: linear-gradient(90deg, rgba(15,23,42,.05), rgba(15,23,42,.09), rgba(15,23,42,.05));
  background-size: 200% 100%;
  animation: iq-shimmer 1.4s infinite;
}

@keyframes iq-shimmer {
  to { background-position: -200% 0; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
  }
}

@media (max-width: 760px) {
  body { background: var(--iq-bg); }
  .card, .panel, .dashboard-card, .conversation-card { border-radius: 16px; }
}

/* =========================================================
   IMOQLAK PREMIUM PRODUCT SHELL — dedicated-page polish
   Additive layer. Existing product architecture and controls remain intact.
   ========================================================= */
.premium-sidebar{width:264px;padding:22px 16px 16px;background:linear-gradient(180deg,#101116 0%,#121318 72%,#0d0e12 100%);box-shadow:18px 0 50px rgba(16,17,20,.07)}
.premium-sidebar .side-top{padding:2px 9px 25px}.premium-sidebar .brand{font-size:23px;letter-spacing:-.06em}.premium-sidebar .side-profile{position:relative;margin-bottom:20px;padding:11px;background:linear-gradient(145deg,#1b1c22,#17181d);border-color:#2c2d34;border-radius:14px}.premium-sidebar .profile-caret{margin-left:auto;color:#696b74;font-size:12px}
.side-section-label{padding:0 10px 8px;color:#656771;font-size:9px;letter-spacing:.16em;font-weight:850}.premium-nav{gap:3px}.premium-nav .nav-item{min-height:42px;padding:10px 11px;border:1px solid transparent;border-radius:10px;font-size:12px;color:#92949d}.premium-nav .nav-item span{font-size:13px;color:#6f717a}.premium-nav .nav-item:hover{background:#191a20;color:#fff;border-color:#26272e}.premium-nav .nav-item.active{background:linear-gradient(90deg,#24252c,#1c1d23);color:#fff;border-color:#30313a;box-shadow:inset 2px 0 0 var(--accent),0 7px 18px rgba(0,0,0,.12)}.premium-nav .nav-item.active span{color:#b9b5ff}.side-divider{height:1px;background:#25262c;margin:18px 9px 16px}.sidebar-account{display:block;padding:12px 11px;margin:0 0 7px;border:1px solid #272830;border-radius:12px;background:#17181d;transition:.18s ease}.sidebar-account:hover{border-color:#383944;background:#1b1c22}.sidebar-account-kicker{font-size:8px;letter-spacing:.14em;font-weight:850;color:#696b74;margin-bottom:5px}.sidebar-account strong{display:block;color:#f0f0f2;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-account>span{display:block;color:#777984;font-size:9px;margin-top:3px}.premium-sidebar .side-bottom{padding:16px 9px 4px;border-top:1px solid #24252b;margin-top:16px}.premium-sidebar .logout:hover{color:#fff}
.premium-main{margin-left:264px;background:radial-gradient(circle at 82% 0%,rgba(99,91,255,.045),transparent 28%),var(--paper)}.premium-topbar{min-height:108px}.premium-topbar h1{font-size:30px}.page-body{padding:30px 0 70px;max-width:1400px}.page-hero{position:relative;display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding:34px;border-radius:24px;background:linear-gradient(135deg,#121319 0%,#191a23 58%,#29254b 100%);color:#fff;overflow:hidden;box-shadow:0 24px 60px rgba(16,17,20,.12)}.page-hero:after{content:"";position:absolute;width:340px;height:340px;border-radius:50%;right:-120px;top:-160px;background:#635bff;filter:blur(70px);opacity:.24}.page-hero>*{position:relative;z-index:1}.page-hero h2{font-size:clamp(34px,4vw,54px);line-height:1.02;letter-spacing:-.06em;max-width:800px;margin:10px 0 12px}.page-hero p{max-width:720px;color:#b8bac1;line-height:1.65;margin:0}.page-hero.compact{min-height:230px}.card-kicker{font-size:9px;letter-spacing:.16em;font-weight:850;color:#777a81}.page-hero .card-kicker{color:#aaa7ff}.hero-stat{min-width:145px;text-align:right;padding:16px 0 2px}.hero-stat strong{display:block;font-size:48px;letter-spacing:-.07em;line-height:1}.hero-stat span{display:block;margin-top:7px;color:#a6a8b0;font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.premium-card{background:rgba(255,255,255,.96);border:1px solid #e4e4e1;border-radius:20px;padding:25px;box-shadow:0 12px 35px rgba(16,17,20,.035)}.premium-card:hover{border-color:#d9d7f3;box-shadow:0 18px 45px rgba(16,17,20,.05)}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.section-head h2,.premium-card h2{font-size:20px;letter-spacing:-.04em;margin:0}.section-head p,.premium-card>p{font-size:12px;color:#777a81;line-height:1.6;margin:6px 0 0}.count-badge{border:1px solid #e0e0de;border-radius:999px;padding:7px 10px;background:#fafaf8;color:#777981;font-size:9px;font-weight:850}.segmented{display:flex;gap:7px;margin:18px 0}.segmented button{border:1px solid #dededb;background:#fff;color:#71737b;border-radius:999px;padding:9px 12px;font-size:10px;font-weight:800}.segmented button.active{background:#15161b;border-color:#15161b;color:#fff}.segmented b{margin-left:4px;opacity:.65}.conversation-stack{display:grid;gap:10px}.conversation-row{display:grid;grid-template-columns:5px minmax(0,1fr) auto;gap:17px;padding:19px}.status-rail{border-radius:999px;min-height:100%}.status-rail.ok{background:var(--success)}.status-rail.bad{background:var(--danger)}.status-rail.wait{background:#d7b35b}.row-meta{display:flex;gap:10px;align-items:center;color:#8b8d94;font-size:9px;text-transform:uppercase;letter-spacing:.09em;font-weight:800}.row-meta time{margin-left:auto;text-transform:none;letter-spacing:0;font-weight:650}.conversation-row h3{font-size:15px;letter-spacing:-.025em;margin:8px 0 5px}.conversation-row p{max-width:780px;color:#74767e;font-size:11px;line-height:1.55;margin:0}.row-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.row-tags span{padding:5px 8px;border-radius:999px;background:#f2f2ef;color:#777981;font-size:8px;font-weight:800}.status-pill{align-self:start;padding:6px 9px;border-radius:999px;font-size:8px;letter-spacing:.08em;text-transform:uppercase;font-weight:850}.status-pill.ok{background:#e9f5ee;color:#20794f}.status-pill.bad{background:#faecee;color:#a53d4b}.status-pill.wait{background:#fbf5e5;color:#94751f}.approval-panel{margin:16px 0}.approval-panel h2{font-size:24px;margin:7px 0 3px}.approval-row{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:15px 0;border-top:1px solid #eeeeeb}.approval-row strong{display:block;font-size:12px;line-height:1.45}.approval-row span{display:block;color:#8a8c93;font-size:9px;margin-top:5px}.approval-row>div:last-child{display:flex;gap:7px;flex:none}.principles-strip{display:grid;grid-template-columns:1.25fr repeat(3,1fr);gap:22px;margin-top:16px;padding:24px;border-radius:18px;background:#eeedff;border:1px solid #e2e0ff}.principles-strip h3{font-size:20px;letter-spacing:-.04em;margin:7px 0 0}.principles-strip strong{display:block;font-size:11px}.principles-strip span{display:block;color:#73748a;font-size:10px;line-height:1.55;margin-top:5px}.voice-mark{width:78px;height:78px;border:1px solid rgba(255,255,255,.16);border-radius:22px;display:grid;place-items:center;font-size:30px;background:rgba(255,255,255,.06)}.premium-form{margin-top:22px}.premium-form .field input,.premium-form .field textarea{border-radius:12px;background:#fbfbfa}.setting-toggle{display:flex;justify-content:space-between;align-items:center;gap:16px;border:1px solid #e8e8e5;border-radius:13px;padding:13px 14px;background:#fbfbfa}.setting-toggle strong{display:block;font-size:11px}.setting-toggle span{display:block;color:#8b8d94;font-size:9px;margin-top:3px}.interest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.interest-tile{appearance:none;text-align:left;border:1px solid #e3e3e0;background:#fff;border-radius:14px;padding:15px;min-height:108px;transition:.18s ease}.interest-tile:hover{transform:translateY(-1px);border-color:#cbc8ff;box-shadow:0 10px 24px rgba(16,17,20,.05)}.interest-tile>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid #dededb;color:#898b92;font-size:11px;font-weight:850;margin-bottom:14px}.interest-tile strong{display:block;font-size:12px}.interest-tile small{display:block;color:#8a8c93;font-size:9px;margin-top:4px;line-height:1.45}.interest-tile.selected{background:#15161b;border-color:#15161b;color:#fff;box-shadow:0 12px 28px rgba(16,17,20,.12)}.interest-tile.selected small{color:#a7a9b0}.interest-tile.selected>span{background:#635bff;border-color:#635bff;color:#fff}.focus-area{margin-top:25px;padding-top:20px;border-top:1px solid #ededeb}.focus-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.focus-chip{display:inline-flex;gap:7px;align-items:center;padding:8px 10px;border-radius:999px;background:#15161b;color:#fff;font-size:10px;font-weight:750}.focus-chip button{border:0;background:none;color:#a9abb2;padding:0;font-size:13px;line-height:1}.offer-list{border-top:1px solid #ededeb}.offer-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:13px;align-items:center;padding:17px 0;border-bottom:1px solid #ededeb}.offer-row:last-child{border-bottom:0}.offer-icon{width:38px;height:38px;border-radius:12px;background:#eeedff;color:var(--accent);display:grid;place-items:center;font-size:17px}.offer-row strong{font-size:12px}.offer-row p{margin:4px 0 0;color:#7b7d84;font-size:10px;line-height:1.5}.offer-right{display:flex;align-items:center;gap:12px}.empty-state{text-align:center;padding:55px 20px}.empty-state.small{padding:45px 20px}.empty-icon{width:44px;height:44px;border-radius:14px;background:#f0efff;color:var(--accent);display:grid;place-items:center;margin:0 auto 14px;font-size:18px}.empty-state h2,.empty-state h3{margin:0 0 6px}.empty-state p{max-width:450px;margin:0 auto 20px;color:#80828a;font-size:11px;line-height:1.6}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.metric-card{min-height:136px}.metric-card>span{display:block;color:#85878e;font-size:8px;font-weight:850;letter-spacing:.11em}.metric-card>strong{display:block;font-size:37px;letter-spacing:-.06em;margin-top:20px}.metric-card>small{display:block;color:#8a8c93;font-size:9px;margin-top:3px}.activity-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.65fr);gap:16px;margin-top:16px}.activity-feed-premium{border-top:1px solid #ededeb}.activity-row{position:relative;display:grid;grid-template-columns:14px 1fr;gap:13px;padding:16px 0;border-bottom:1px solid #ededeb}.activity-node{width:8px;height:8px;border-radius:50%;background:var(--accent);margin-top:5px;box-shadow:0 0 0 4px #eeedff}.activity-row strong{display:block;font-size:11px;margin-top:7px}.activity-note{align-self:start;background:linear-gradient(145deg,#171820,#20213a);color:#fff;border:0}.activity-note .card-kicker{color:#aaa7ff}.activity-note h3{font-size:23px;letter-spacing:-.04em;margin:9px 0}.activity-note p{color:#aeb0b8;line-height:1.65}.plan-grid-premium{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.premium-plan{position:relative;display:flex;flex-direction:column;padding:27px;border:1px solid #e1e1de;border-radius:20px;background:#fff;box-shadow:0 12px 35px rgba(16,17,20,.035)}.premium-plan.featured{border-color:#bdb8ff;background:linear-gradient(145deg,#fff,#f4f2ff);box-shadow:0 18px 50px rgba(99,91,255,.09)}.plan-ribbon{position:absolute;right:18px;top:18px;border-radius:999px;padding:6px 9px;background:#15161b;color:#fff;font-size:8px;letter-spacing:.1em;font-weight:850}.premium-plan h2{font-size:28px;margin:10px 0 0}.price-large{font-size:45px;font-weight:900;letter-spacing:-.065em;margin:14px 0 5px}.price-large span{font-size:10px;letter-spacing:0;color:#85878e;font-weight:650}.premium-plan>p{min-height:56px}.premium-plan ul{list-style:none;padding:0;margin:16px 0 24px;display:grid;gap:9px;flex:1}.premium-plan li{font-size:10px;color:#777a82}.premium-plan li:before{content:"✓";color:var(--success);font-weight:900;margin-right:8px}.account-card{padding:24px}.account-head{display:flex;justify-content:space-between;gap:25px;align-items:flex-start}.account-title{font-size:21px!important;margin:7px 0!important}.live-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid #dce9e1;background:#f4fbf7;color:#21764e;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:850}.live-badge i{width:6px;height:6px;border-radius:50%;background:var(--success)}.account-actions{display:flex;gap:8px;margin-top:17px;padding-top:17px;border-top:1px solid #ededeb}.account-danger{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:18px;padding:17px;border-radius:13px;background:#faf7f7;border:1px solid #f0dddd}.account-danger strong{font-size:11px}.account-danger p{margin:4px 0 0}.btn-danger-soft{background:#fff;color:#a53d4b;border:1px solid #e7c9ce;box-shadow:none}.btn-danger-soft:hover{background:#fff7f8;border-color:#dcaab2}.premium-modal{border-radius:22px;box-shadow:0 35px 90px rgba(0,0,0,.2)}
@media(max-width:1100px){.premium-sidebar{width:238px}.premium-main{margin-left:238px}.interest-grid,.plan-grid-premium{grid-template-columns:1fr 1fr}.metric-grid{grid-template-columns:1fr 1fr}.principles-strip{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.premium-sidebar{width:280px;transform:translateX(-100%);transition:transform .2s ease}.premium-sidebar.open{transform:translateX(0)}.premium-main{margin-left:0;padding:0 5vw 55px}.premium-topbar{min-height:94px}.premium-topbar .top-actions .connection-pill{display:none}.page-body{padding-top:20px}.page-hero{padding:25px;flex-direction:column;align-items:flex-start}.hero-stat{text-align:left}.interest-grid,.plan-grid-premium,.metric-grid,.activity-layout{grid-template-columns:1fr}.principles-strip{grid-template-columns:1fr;padding:20px}.conversation-row{grid-template-columns:4px minmax(0,1fr)}.conversation-row>.status-pill{grid-column:2;justify-self:start}.approval-row{align-items:flex-start;flex-direction:column}.account-head,.account-danger{flex-direction:column}.account-actions{flex-wrap:wrap}.account-actions .btn{flex:1}.offer-row{grid-template-columns:38px minmax(0,1fr)}.offer-right{grid-column:2;justify-content:space-between}.mobile-bar{display:flex;position:sticky;top:0;z-index:25;height:62px;padding:0 5vw;align-items:center;justify-content:space-between;background:rgba(247,247,244,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.mobile-bar button{border:0;background:none;font-size:20px}.mobile-bar .brand{font-size:20px}.premium-sidebar .mobile-close{display:block}}

/* ---- Customer navigation architecture + smooth routing ---- */
@view-transition{navigation:auto}
::view-transition-old(root){animation:iq-route-out .16s ease both}
::view-transition-new(root){animation:iq-route-in .32s cubic-bezier(.2,.75,.2,1) both}
@keyframes iq-route-out{to{opacity:0;transform:translateY(-4px)}}
@keyframes iq-route-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
html{scroll-behavior:smooth;background:var(--paper)}
html.iq-navigating{cursor:progress}
body.app-page{animation:iq-body-in .34s cubic-bezier(.2,.75,.2,1) both}
@keyframes iq-body-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
#iqRouteVeil{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:rgba(247,247,244,.72);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);opacity:0;pointer-events:none;transition:opacity .16s ease}
#iqRouteVeil.show{opacity:1}
.iq-route-spinner{width:25px;height:25px;border-radius:50%;border:2px solid rgba(99,91,255,.2);border-top-color:var(--accent);animation:iq-spin .7s linear infinite}
@keyframes iq-spin{to{transform:rotate(360deg)}}
.side-section-spaced{margin-top:24px}
.premium-sidebar{box-shadow:18px 0 55px rgba(5,7,12,.12);border-right:1px solid rgba(255,255,255,.055)}
.premium-sidebar .side-profile{transition:border-color .18s ease,background .18s ease,transform .18s ease}
.premium-sidebar .side-profile:hover{background:#202128;border-color:#34353d;transform:translateY(-1px)}
.premium-sidebar .nav-item{position:relative;min-height:42px}
.premium-sidebar .nav-item.active{background:linear-gradient(90deg,rgba(99,91,255,.2),rgba(99,91,255,.06));color:#fff;box-shadow:inset 2px 0 0 #7d76ff}
.premium-sidebar .nav-item.active span{color:#c9c6ff}
.sidebar-account{display:grid;gap:4px;margin:12px 0 9px;padding:14px;border:1px solid #2b2c33;border-radius:14px;background:#18191e;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.sidebar-account:hover{border-color:#45464f;background:#1d1e24;transform:translateY(-1px)}
.sidebar-account .sidebar-account-kicker{font-size:8px;letter-spacing:.14em;font-weight:850;color:#8f91a0}
.sidebar-account strong{font-size:11px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar-account>span:last-child{font-size:9px;color:#858792}
.sidebar-upgrade{display:grid;gap:6px;margin:8px 0;padding:15px;border:1px solid rgba(125,118,255,.35);border-radius:15px;background:linear-gradient(145deg,#201f35,#181821);color:#fff;box-shadow:0 12px 35px rgba(0,0,0,.12);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.sidebar-upgrade:hover{transform:translateY(-2px);border-color:rgba(150,144,255,.65);box-shadow:0 18px 42px rgba(0,0,0,.18)}
.sidebar-upgrade-kicker{font-size:8px;letter-spacing:.13em;font-weight:850;color:#aaa6ff}
.sidebar-upgrade strong{font-size:11px;line-height:1.35}
.sidebar-upgrade>span:last-child{font-size:9px;color:#a3a5b0;line-height:1.45}

/* Settings control centre */
.settings-layout{display:grid;grid-template-columns:205px minmax(0,1fr);gap:16px;align-items:start;margin-top:16px}
.settings-index{position:sticky;top:20px;padding:12px}
.settings-index>a{display:grid;gap:2px;padding:11px 10px;border-radius:10px;color:#676a72;font-size:11px;font-weight:800;transition:background-color .15s ease,color .15s ease,transform .15s ease}
.settings-index>a:hover{background:#f3f2ff;color:#4942c9;transform:translateX(1px)}
.settings-index>a span{font-size:9px;font-weight:600;color:#999ba2}
.settings-content{display:grid;gap:16px;min-width:0}
.settings-section{scroll-margin-top:22px}
.settings-section h2{letter-spacing:-.04em}
.settings-choice-grid,.autonomy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:18px}
.choice-card{appearance:none;text-align:left;border:1px solid #e3e3e0;border-radius:14px;background:#fbfbfa;padding:15px;min-height:105px;color:var(--ink);transition:border-color .17s ease,background-color .17s ease,box-shadow .17s ease,transform .17s ease}
.choice-card:hover{border-color:#c9c5ff;background:#fdfdff;transform:translateY(-1px);box-shadow:0 10px 25px rgba(16,17,20,.05)}
.choice-card.selected{border-color:#aaa5ff;background:#f2f0ff;box-shadow:inset 0 0 0 1px rgba(99,91,255,.1)}
.choice-card strong{display:block;font-size:11px}
.choice-card span{display:block;color:#81838b;font-size:9px;line-height:1.5;margin-top:6px}
.choice-card.selected span{color:#67627f}
.settings-inline-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:18px;padding-top:18px;border-top:1px solid #ededeb}
.settings-hero{min-height:180px}
.settings-hero .hero-stat{min-width:110px}
.settings-section .account-card{border:0;box-shadow:none;padding:0;background:transparent}
.settings-section#bluesky{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px}
.settings-section#bluesky .account-card{padding:0}

@media(max-width:1000px){.settings-layout{grid-template-columns:1fr}.settings-index{position:relative;top:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.settings-index .card-kicker{grid-column:1/-1;margin:5px 8px}.settings-choice-grid,.autonomy-grid{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.premium-sidebar{box-shadow:20px 0 60px rgba(0,0,0,.22)}.sidebar-upgrade{margin-top:6px}.settings-index{display:flex;overflow:auto;padding:8px;gap:5px}.settings-index .card-kicker{display:none}.settings-index>a{min-width:150px}.settings-choice-grid,.autonomy-grid{grid-template-columns:1fr}.settings-hero{min-height:0}.settings-inline-actions .btn{min-width:150px}}
@media(prefers-reduced-motion:reduce){body.app-page{animation:none}#iqRouteVeil{transition:none}.iq-route-spinner{animation:none}::view-transition-old(root),::view-transition-new(root){animation:none}}