:root{--ink:var(--pi-ink);--muted:var(--pi-muted);--blue:var(--pi-accent);--blue-soft:var(--pi-accent-soft);--teal:var(--pi-accent);--line:var(--pi-line);--paper:var(--pi-canvas);--white:var(--pi-surface);--radius:14px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.55}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.58}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--pi-focus);outline-offset:3px}button{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.16;letter-spacing:-.035em}h1{font-size:clamp(2rem,4.5vw,3.8rem)}h2{font-size:1.65rem}h3{font-size:1.12rem}small,.small{font-size:.875rem}img{max-width:100%;display:block}button svg,nav svg{width:20px;height:20px;flex-shrink:0}svg{vertical-align:middle}.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:.75rem;font-weight:750;color:var(--teal);margin-bottom:16px}.pill,.badge{display:inline-flex;align-items:center;border:1px solid var(--line);background:var(--pi-surface-soft);border-radius:30px;padding:5px 10px;font-size:.75rem;font-weight:650;line-height:1.3}.badge.blue{background:var(--blue-soft);color:var(--blue);border-color:var(--pi-accent-line)}.badge.teal{background:var(--pi-accent-soft);color:var(--pi-accent);border-color:var(--pi-accent-line)}.badge.amber{background:var(--pi-warning-soft);color:var(--pi-warning);border-color:var(--pi-warning-line)}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.wrap-row{flex-wrap:wrap}.stack{display:grid;gap:16px}.button,button.primary{border:1px solid var(--pi-primary);border-radius:8px;background:var(--pi-primary);color:white;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 18px;min-height:44px;font-size:.9375rem;text-decoration:none;line-height:1.4}.button:hover,button.primary:hover{background:var(--pi-primary-hover);text-decoration:none}.button.secondary,button.secondary{background:var(--pi-surface);border:1px solid var(--line);border-radius:8px;color:var(--ink);padding:10px 16px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;text-decoration:none}.button.secondary:hover,button.secondary:hover{background:var(--pi-surface-soft)}.button.dark{background:var(--pi-feature);border-color:var(--pi-feature)}.text-button{background:none;border:0;color:var(--blue);padding:8px 2px;font-weight:650;min-height:40px}.danger{color:var(--pi-danger)!important}.icon-button{width:40px;height:40px;border:1px solid var(--line);border-radius:8px;background:var(--pi-surface);display:grid;place-items:center}.icon-button svg{width:19px;height:19px}.avatar{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:12px;background:var(--pi-accent-soft);color:var(--pi-muted);font-size:.875rem;font-weight:750}.avatar.large{width:58px;height:58px;font-size:1.1rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;left:10px;top:-100px;z-index:100;background:var(--pi-surface);padding:10px}.skip:focus{top:10px}.mark{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--pi-navy);color:white;font-size:15px;font-weight:800;letter-spacing:-1px}.network-brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:1.1rem;font-weight:760;letter-spacing:-.04em;white-space:nowrap}.network-brand:hover{text-decoration:none}.network-brand .brand-dot{color:var(--blue)}
/* Public site */
.marketing{background:var(--pi-surface)}.container{max-width:1220px;margin:auto;padding:0 32px}.public-header{height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.public-header nav{display:flex;gap:28px;font-size:.9375rem}.public-header nav a{color:var(--muted)}.public-header .header-actions{display:flex;align-items:center;gap:22px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:80px 0 74px}.hero h1{font-size:clamp(3.5rem,5.8vw,5.3rem);font-weight:660;line-height:1.02;letter-spacing:-.065em;margin-bottom:28px}.hero h1 em{font-style:normal;color:var(--blue)}.hero .lead{max-width:490px;font-size:1.15rem;line-height:1.6;color:var(--muted);margin-bottom:28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-note{font-size:.8125rem;color:var(--muted);margin-top:18px}.hero-visual{position:relative;background:var(--pi-surface-soft);border:1px solid var(--pi-line);border-radius:20px;padding:22px;box-shadow:0 26px 65px -38px #17386180}.visual-top{display:flex;justify-content:space-between;margin-bottom:18px;color:var(--pi-muted);font-size:.6875rem;font-weight:750;letter-spacing:.12em}.home-scene{width:100%;height:208px;object-fit:cover;border-radius:10px}.visual-client{border:1px solid var(--line);background:var(--pi-surface);border-radius:12px;padding:20px;margin-top:-28px;position:relative;margin-inline:14px;box-shadow:0 10px 24px -20px #1a3750}.visual-client h3{margin:0 0 4px;font-size:1rem}.visual-client p{font-size:.8125rem;margin:0;color:var(--muted)}.visual-client .client-goal{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.team-lane{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.team-person{background:var(--pi-surface);border-radius:10px;padding:13px;font-size:.8125rem}.team-person span{display:block;font-size:.75rem;color:var(--muted);margin-top:4px}.visual-label{margin:15px 0 0;text-align:center;color:var(--muted);font-size:.75rem}.profession-strip{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;font-size:.875rem;color:var(--pi-muted);font-weight:650}.section{padding:78px 0}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:36px}.section-head h2{font-size:clamp(2rem,3.3vw,2.8rem);max-width:650px;margin:0}.section-head p{max-width:340px;color:var(--muted);margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.feature{border-top:2px solid var(--pi-ink);padding-top:24px}.feature .number{font-size:.75rem;color:var(--blue);font-weight:750;letter-spacing:.12em;margin-bottom:26px}.feature h3{font-size:1.3rem}.feature p{font-size:.9375rem;color:var(--muted)}.dark-section{background:var(--pi-feature);color:#fff}.dark-section .eyebrow{color:var(--pi-brand-dot)}.dark-section p{color:var(--pi-on-feature)}.dark-section h2{font-size:clamp(2rem,3.5vw,3.2rem)}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.boundary-list{display:grid;gap:0}.boundary-list div{padding:18px 0;border-bottom:1px solid #ffffff26}.boundary-list strong{display:block;margin-bottom:4px;font-size:1rem}.boundary-list span{font-size:.875rem;color:var(--pi-on-feature)}.public-footer{padding:34px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--muted);font-size:.8125rem}.public-footer nav{display:flex;gap:22px}.legal-wrap{max-width:900px;margin:auto;padding:72px 28px}.legal-wrap h1{font-size:3rem}.legal-wrap h2{font-size:1.4rem;margin-top:38px}.legal-wrap li{margin-bottom:10px}.plan-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.price-card{border:1px solid var(--line);padding:32px;border-radius:var(--radius);background:var(--pi-surface)}.price-card.highlight{border:2px solid var(--pi-primary)}.price{font-size:3rem;font-weight:700;letter-spacing:-.05em;margin:20px 0}.price small{font-weight:400;color:var(--muted);letter-spacing:normal}.price-card li{margin:12px 0;font-size:.9375rem}
/* Product */
.app-layout{display:grid;grid-template-columns:234px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:var(--pi-surface);border-right:1px solid var(--line);padding:28px 18px;display:flex;flex-direction:column;gap:30px}.sidebar .network-brand{padding-left:8px}.workspace-label{padding:14px 12px;background:var(--paper);border-radius:9px;font-size:.8125rem}.workspace-label strong{display:block;color:var(--pi-ink);margin-top:4px}.side-nav{display:grid;gap:5px}.side-nav a{display:flex;align-items:center;gap:12px;border-radius:8px;padding:11px 12px;color:var(--pi-muted);font-size:.9375rem;font-weight:550}.side-nav a:hover{background:var(--pi-surface-soft);text-decoration:none}.side-nav a.active{background:var(--blue-soft);color:var(--blue);font-weight:700}.side-nav .nav-counter{margin-left:auto;background:var(--pi-surface);padding:1px 7px;border-radius:4px;font-size:.75rem}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding:20px 10px 0;font-size:.8125rem;color:var(--muted);display:grid;gap:12px}.app-main{min-width:0}.topbar{height:80px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:var(--pi-surface);gap:16px}.topbar .breadcrumb{font-size:.875rem;color:var(--muted)}.topbar .breadcrumb strong{color:var(--ink);font-weight:550}.topbar-actions{display:flex;align-items:center;gap:16px}.topbar-actions a{font-size:.8125rem;color:var(--muted)}.content{max-width:1480px;margin:auto;padding:36px 40px 60px}.page-title{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px}.page-title h1{font-size:2.15rem;letter-spacing:-.045em;margin-bottom:7px}.page-title p{color:var(--muted);margin:0;font-size:.9375rem}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:26px}.stat{padding:20px;background:var(--pi-surface);border:1px solid var(--line);border-radius:var(--radius)}.stat .stat-label{font-size:.8125rem;color:var(--muted)}.stat strong{display:block;font-size:2rem;letter-spacing:-.045em;margin:9px 0 2px;line-height:1.1}.stat small{color:var(--muted);font-size:.75rem}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr);gap:22px}.card{background:var(--pi-surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.card-pad{padding:24px}.card-head{padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid var(--line)}.card-head h2{font-size:1rem;letter-spacing:-.015em;margin:0}.card-head p{font-size:.8125rem;color:var(--muted);margin:4px 0 0}.client-list{display:grid}.client-row{display:grid;grid-template-columns:minmax(150px,1.5fr) minmax(100px,1fr) auto;gap:16px;align-items:center;padding:17px 24px;border-bottom:1px solid var(--pi-line)}.client-row:last-child{border-bottom:0}.client-row .name{font-size:.9375rem;font-weight:650}.client-row .meta{font-size:.8125rem;color:var(--muted)}.client-row button.name{border:0;background:none;text-align:left;padding:0;color:var(--ink)}.client-row button.name:hover{color:var(--blue)}.client-row .avatar{width:36px;height:36px;font-size:.75rem}.task-row{display:flex;align-items:flex-start;gap:12px;padding:17px 22px;border-bottom:1px solid var(--pi-line)}.task-row:last-child{border-bottom:0}.task-row input{width:18px;height:18px;margin:3px 0;accent-color:var(--blue)}.task-row label{font-size:.875rem;flex:1;cursor:pointer}.task-row small{display:block;color:var(--muted);margin-top:3px;font-size:.75rem}.task-row.done label{text-decoration:line-through;color:var(--muted)}.empty{padding:46px 28px;text-align:center;color:var(--muted);font-size:.9375rem}.empty h3{color:var(--ink);margin:12px 0}.empty svg{width:30px;height:30px;color:var(--pi-muted)}.empty .button{margin-top:14px}.callout{border:1px solid var(--pi-accent-line);background:var(--pi-accent-soft);border-radius:12px;padding:17px 20px;font-size:.875rem;color:var(--pi-accent);margin-bottom:22px}.callout p{margin:5px 0 0}.callout.warning{border-color:var(--pi-warning-line);background:var(--pi-warning-soft);color:var(--pi-warning)}.toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:22px}.search{min-width:210px;flex:1}.toolbar input,.toolbar select{border:1px solid var(--line);border-radius:8px;background:var(--pi-surface);padding:11px 13px;min-height:44px;font-size:.9375rem}.toolbar select{max-width:100%}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.partner-card{padding:24px;display:flex;flex-direction:column;gap:15px}.partner-card h3{margin:0}.partner-card p{margin:0;font-size:.875rem;color:var(--muted)}.partner-card .actions{margin-top:auto;display:flex;gap:10px;flex-wrap:wrap}.tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-bottom:24px;overflow:auto}.tabs button{background:none;border:0;border-bottom:2px solid transparent;white-space:nowrap;padding:10px 0 13px;font-size:.9375rem;font-weight:600;color:var(--muted)}.tabs button.active{color:var(--blue);border-bottom-color:var(--blue)}.referral-card{padding:24px;display:flex;flex-direction:column;gap:16px}.referral-card h3{margin:0;font-size:1.05rem}.referral-card .referral-line{border-left:2px solid var(--pi-accent-line);padding:3px 0 3px 15px;font-size:.875rem;color:var(--muted)}.referral-card .referral-line strong{color:var(--ink);display:block;font-weight:550}.referral-card .actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.shared-fields{display:flex;gap:6px;flex-wrap:wrap}.shared-fields span{font-size:.75rem;padding:4px 7px;background:var(--pi-surface-soft);border-radius:5px;color:var(--pi-muted)}.detail-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:24px}.contact-detail h2{font-size:1.15rem}.contact-detail dl{display:grid;grid-template-columns:100px 1fr;gap:13px;font-size:.875rem}.contact-detail dt{color:var(--muted)}.contact-detail dd{margin:0;overflow-wrap:anywhere}.action-card{padding:22px}.action-card p{font-size:.875rem;color:var(--muted)}.action-card .button{width:100%;margin-top:8px}.profile-card{background:var(--pi-feature);color:white;padding:32px;border-radius:16px}.profile-card .avatar{background:#ffffff1a;color:var(--pi-brand-dot);margin-bottom:24px}.profile-card h2{font-size:1.65rem;margin-bottom:6px}.profile-card p{color:var(--pi-on-feature);font-size:.875rem;margin-bottom:7px}.profile-card a{color:var(--pi-brand-dot);overflow-wrap:anywhere;font-size:.875rem}.profile-card hr{border:0;border-top:1px solid #ffffff26;margin:22px 0}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:7px;font-size:.875rem;font-weight:550;min-width:0}.field input,.field select,.field textarea{border:1px solid var(--pi-input-line);padding:11px 12px;border-radius:8px;background:var(--pi-surface);color:var(--ink);font-size:1rem;min-width:0;width:100%;min-height:44px;font-weight:400}.field textarea{resize:vertical;min-height:95px}.field small{font-size:.75rem;font-weight:400;color:var(--muted)}.field.full{grid-column:1/-1}.check{display:flex;gap:11px;font-size:.875rem;align-items:flex-start;font-weight:400}.check input{width:18px;height:18px;margin-top:3px;accent-color:var(--blue);flex-shrink:0}.form-section{margin-bottom:25px}.form-section h3{margin-bottom:16px}.form-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin-top:26px;border-top:1px solid var(--line);padding-top:20px}.form-error{color:var(--pi-danger);font-size:.875rem;white-space:pre-line}.dialog{border:1px solid var(--line);border-radius:16px;padding:0;width:min(680px,calc(100% - 28px));max-height:90vh;color:var(--ink);box-shadow:0 30px 100px #071d3c40}.dialog::backdrop{background:var(--pi-overlay);backdrop-filter:blur(3px)}.dialog-head{padding:24px 28px 18px;display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--line)}.dialog-head h2{font-size:1.35rem;margin:0}.dialog-body{padding:24px 28px}.dialog-body p{font-size:.875rem;color:var(--muted)}.dialog-body .callout{font-size:.8125rem}.dialog-close{background:none;border:0;font-size:1.65rem;line-height:1;width:35px;height:35px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--pi-feature);color:white;padding:12px 22px;border-radius:9px;box-shadow:0 10px 35px #0d294a33;z-index:200;font-size:.875rem;max-width:90vw;text-align:center}.toast[hidden]{display:none}.demo-banner{background:var(--pi-accent-soft);border-bottom:1px solid var(--pi-accent-line);padding:9px 26px;color:var(--pi-accent);display:flex;justify-content:center;gap:15px;font-size:.8125rem}.demo-banner a{font-weight:700}.resource-list{display:grid;gap:14px}.resource-list a{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line);color:var(--ink);font-size:.875rem}.alert-count{background:var(--pi-accent-soft);color:var(--pi-accent);padding:2px 8px;border-radius:20px;font-size:.75rem}.link-box{padding:12px;border:1px solid var(--line);border-radius:8px;overflow-wrap:anywhere;background:var(--pi-surface-soft);font-size:.875rem}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.permission-preview{border:1px solid var(--line);padding:18px;border-radius:8px;background:var(--pi-surface-soft);font-size:.875rem}.permission-preview dl{display:grid;grid-template-columns:95px 1fr;gap:7px;margin:0}.permission-preview dt{color:var(--muted)}.permission-preview dd{margin:0;overflow-wrap:anywhere}.mobile-brand{display:none}
/* Flyer studio */
.studio{display:grid;grid-template-columns:minmax(290px,420px) minmax(0,1fr);gap:30px;align-items:start}.studio-controls{padding:24px}.studio-controls .fields{gap:14px}.studio-controls h2{font-size:1.2rem}.studio-preview{position:sticky;top:25px}.flyer{background:var(--pi-surface);border:1px solid var(--line);box-shadow:0 16px 35px -25px #1a355880;overflow:hidden;max-width:610px;margin:auto;aspect-ratio:8.5/11;display:flex;flex-direction:column;color:var(--pi-ink)}.flyer .flyer-top{padding:6% 6% 4%;background:var(--pi-feature);color:white}.flyer .flyer-kicker{font-size:clamp(.65rem,1vw,.8rem);text-transform:uppercase;letter-spacing:.18em;margin-bottom:7px}.flyer h2{font-size:clamp(1.4rem,2.1vw,2.15rem);margin:0;letter-spacing:-.035em}.flyer-photo{width:100%;height:31%;min-height:100px;object-fit:cover;background:var(--pi-line)}.flyer-body{padding:4% 6% 2%;flex:1}.flyer-address{font-size:clamp(1.1rem,1.65vw,1.5rem);margin-bottom:8px;font-weight:650}.flyer-specs{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:12px;font-size:.875rem}.flyer-specs strong{font-size:1.4rem}.flyer-description{font-size:.8125rem;color:var(--pi-muted);line-height:1.45;margin-bottom:8px}.flyer-event{font-size:.875rem;color:var(--pi-accent);font-weight:650;margin-bottom:10px}.flyer-people{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid var(--line);padding:3% 6%;font-size:.75rem}.flyer-people strong{display:block;font-size:.875rem}.flyer-people span{display:block;color:var(--pi-muted);overflow-wrap:anywhere}.flyer-bottom{padding:3% 6%;display:flex;gap:14px;align-items:center;background:var(--pi-surface-soft)}.flyer-bottom img{width:65px;height:65px}.flyer-bottom strong{font-size:.875rem;display:block}.flyer-bottom span,.flyer-bottom a{font-size:.6875rem;overflow-wrap:anywhere}.flyer-disclosure{font-size:.59rem;line-height:1.4;padding:2% 6% 3%;color:var(--pi-muted);margin:0}.flyer.open_house .flyer-top{background:var(--pi-primary)}.flyer.minimal .flyer-top{background:var(--pi-surface);color:var(--pi-feature);border-top:8px solid var(--pi-accent)}.flyer-thumb{height:190px;background:var(--pi-surface-soft);display:flex;align-items:center;justify-content:center;overflow:hidden}.flyer-thumb img{width:100%;height:100%;object-fit:cover}.flyer-tile{padding:20px}.flyer-tile h3{font-size:1rem}.flyer-tile .actions{display:flex;gap:12px;margin-top:17px}.preview-caption{text-align:center;font-size:.75rem;color:var(--muted);margin:15px 0}.checklist li{margin-bottom:13px;font-size:.9375rem}
@media(min-width:1600px){.content{padding-top:45px}.hero{gap:100px}}
@media(max-width:1100px){.app-layout{grid-template-columns:200px minmax(0,1fr)}.sidebar{padding:24px 12px}.topbar{padding:0 26px}.content{padding:28px 26px}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.hero{gap:36px}.studio{grid-template-columns:340px minmax(0,1fr)}.public-header nav{gap:18px}.public-header .header-actions{gap:14px}.flyer-description{font-size:.7rem}.flyer-people{font-size:.65rem}.flyer-people strong{font-size:.75rem}}
@media(max-width:800px){.container{padding:0 22px}.public-header{height:76px}.public-header nav{display:none}.public-header .header-actions>a:not(.button){display:none}.hero{grid-template-columns:1fr;padding:46px 0 42px;gap:36px}.hero h1{font-size:3.8rem}.hero .lead{font-size:1.0625rem}.hero-visual{max-width:550px;width:100%;margin:auto}.hero-note{font-size:.75rem}.profession-strip{justify-content:center;font-size:.8125rem;gap:16px 25px}.section{padding:52px 0}.section-head{display:block}.section-head p{margin-top:18px}.feature-grid{grid-template-columns:1fr;gap:27px}.feature .number{margin-bottom:14px}.split{grid-template-columns:1fr;gap:32px}.public-footer{align-items:start;flex-direction:column}.app-layout{display:block}.sidebar{position:static;width:100%;height:auto;padding:0;gap:0;border:0}.sidebar>.network-brand,.workspace-label,.sidebar-bottom{display:none}.side-nav{display:flex;gap:3px;overflow-x:auto;border-bottom:1px solid var(--line);padding:8px 14px;background:var(--pi-surface)}.side-nav a{font-size:.8125rem;padding:9px 11px;white-space:nowrap;gap:7px}.side-nav a svg{width:17px;height:17px}.side-nav .nav-counter{display:none}.topbar{height:66px;padding:0 20px}.topbar .breadcrumb{display:none}.mobile-brand{display:flex}.topbar-actions>a:first-child{display:none}.content{padding:25px 20px 50px}.page-title{align-items:start;gap:14px}.page-title h1{font-size:1.9rem}.page-title>.button{padding:10px 12px}.stats{grid-template-columns:repeat(2,1fr);gap:12px}.stat{padding:17px}.stat strong{font-size:1.8rem}.grid-3,.grid-2,.detail-grid{grid-template-columns:1fr}.studio{grid-template-columns:1fr}.studio-preview{position:static;order:-1;max-width:450px;width:100%;margin:auto}.studio .flyer{aspect-ratio:auto;min-height:600px}.flyer-photo{height:185px}.flyer h2{font-size:1.65rem}.flyer-description{font-size:.8125rem}.flyer-people{font-size:.75rem}.flyer-people strong{font-size:.875rem}.client-row{grid-template-columns:minmax(0,1fr) auto;padding:16px 18px}.client-row>.client-goal{display:none}.card-head{padding:19px}.fields{gap:15px}.demo-banner{padding:8px 15px;justify-content:space-between;font-size:.75rem}.plan-grid{grid-template-columns:1fr}.dialog-head{padding:21px}.dialog-body{padding:21px}}
@media(max-width:440px){.hero h1{font-size:3.2rem}.hero-actions .button{flex:1}.team-lane{gap:8px}.hero-visual{padding:15px}.visual-client{margin-inline:5px;padding:15px}.fields{grid-template-columns:1fr}.field.full{grid-column:auto}.page-title{flex-wrap:wrap}.page-title h1{font-size:1.75rem}.check-grid{grid-template-columns:1fr}.topbar-actions{gap:10px}.topbar-actions .avatar{width:34px;height:34px}.sidebar .side-nav a{padding:8px}.sidebar .side-nav a svg{display:none}.content{padding-inline:16px}.network-brand{font-size:1rem}.profile-card{padding:24px}.client-row .avatar{display:none}.flyer-specs strong{font-size:1.15rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Focused handoff workspace: primary work first, secondary tools remain available. */
.tools-menu{position:relative;font-size:.8125rem}.tools-menu summary{cursor:pointer;min-height:44px;display:flex;align-items:center;padding:0 8px;color:var(--muted);list-style:none}.tools-menu summary:after{content:'⌄';margin-left:8px}.tools-menu>div{position:absolute;right:0;top:44px;min-width:235px;display:grid;background:var(--pi-surface);border:1px solid var(--line);border-radius:9px;padding:8px;box-shadow:0 12px 36px #14233320;z-index:20}.tools-menu a{display:block;padding:12px!important;min-height:44px}.tools-menu a:hover{background:var(--paper);text-decoration:none}.tools-menu summary:focus-visible{outline:3px solid var(--pi-focus);border-radius:4px}.client-list-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.client-list-heading h2{font-size:1.15rem;margin:0}.client-list-heading .button,.client-list-heading button{font-size:.875rem}.client-list-heading svg{width:18px;height:18px}.next-steps-card{margin-top:26px}.next-steps-card h2,.attention-card h2{font-size:1.1rem;margin:0}.attention-card{margin-bottom:28px}.attention-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;border-top:1px solid var(--line);font-size:.875rem}.attention-row small{display:block;color:var(--muted);font-size:.8125rem;margin-top:4px}.attention-row button{font-size:.8125rem}.overdue{color:var(--pi-warning)}.referral-next{padding:14px;background:var(--paper);border-radius:8px;font-size:.8125rem}.referral-next strong{font-size:.8125rem}.referral-next p{font-size:.8125rem;color:var(--muted);margin:5px 0 0}.intro-steps{display:flex;gap:8px;margin-bottom:24px}.intro-steps span{flex:1;padding:8px 0;border-bottom:3px solid var(--line);font-size:.75rem;color:var(--muted)}.intro-steps span.active{border-color:var(--pi-primary);color:var(--blue);font-weight:700}.intro-section[hidden]{display:none}.intro-section h3{font-size:1.05rem}.intro-actions{justify-content:space-between}.intro-actions .action-group{display:flex;gap:10px}.client-row .client-goal small{display:block;margin-top:5px;font-size:.75rem}
@media(max-width:800px){.side-nav{justify-content:space-around;overflow:visible}.side-nav a{justify-content:center;flex:1;min-height:44px}.topbar-actions .tools-menu+ a{display:none}.topbar-actions{gap:8px}.tools-menu summary{font-size:.75rem}.tools-menu>div{right:-42px}.client-row>.client-goal{display:block;grid-column:1/-1;padding:8px 0 0 52px}.client-row .client-goal .meta{font-size:.8125rem}.client-row>.badge{grid-column:2;grid-row:1}.attention-row{padding:15px 18px}.page-title:has(>[data-action="introduce"]){flex-wrap:wrap}.page-title>[data-action="introduce"]{width:100%;margin-top:4px}.intro-steps{gap:6px}.intro-steps span{font-size:.6875rem}.dialog{max-height:calc(100dvh - 28px)}}
@media(max-width:440px){.client-row>.client-goal{padding-left:0}.topbar{padding:0 16px}.mobile-brand{font-size:.9375rem}.tools-menu>div{right:-42px;max-width:calc(100vw - 32px)}.dialog .form-actions{flex-wrap:wrap}.attention-row strong{font-size:.8125rem}.intro-actions .action-group{margin-left:auto}.sidebar .side-nav a svg{display:block}}
/* Hidden wizard controls must override their flex button display. */
#introForm [hidden]{display:none!important}
.completed-tasks{border-top:1px solid var(--line)}.completed-tasks summary{padding:16px 24px;cursor:pointer;color:var(--muted);font-size:.8125rem;min-height:44px}.completed-tasks summary:focus-visible{outline:3px solid var(--pi-focus);outline-offset:-3px}