@font-face{font-family:Plus Jakarta Sans;src:url(/plus-jakarta-sans.woff2)format("woff2");font-display:swap;font-weight:200 800}:root{color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;--brand-900:#4c1d95;--brand-800:#5b21b6;--brand-700:#6d28d9;--brand-600:#8b5cf6;--brand-500:#a78bfa;--brand-200:#ddd6fe;--brand-100:#ede9fe;--brand-50:#f5f3ff;--violet-950:var(--brand-900);--violet-800:var(--brand-800);--violet-700:var(--brand-700);--violet-600:var(--brand-600);--violet-500:var(--brand-500);--violet-100:var(--brand-100);--violet-50:var(--brand-50);--pink-500:#e11d48;--slate-950:#0f172a;--slate-800:#1e293b;--slate-600:#475569;--slate-500:#64748b;--slate-300:#cbd5e1;--slate-200:#e2e8f0;--slate-100:#f1f5f9;--success:#059669;--danger:#e11d48;--surface:#fff;--canvas:#e8eef2;--radius:14px;--shadow-sm:0 1px 3px #0f172a0d;--shadow-md:0 8px 24px #0f172a14;--shadow-lg:0 18px 40px #0f172a1a;background:#f3f5f7;font-family:Plus Jakarta Sans,Segoe UI,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#f3f5f7;min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}.route-loading{min-height:100vh;color:var(--slate-500);background:#f3f5f7;place-items:center;font-weight:700;display:grid}body,button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:not(:disabled),a{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}:focus-visible{outline-offset:2px;outline:3px solid #7c3aed59}.brand{align-items:center;gap:11px;min-width:0;display:inline-flex}.brand img{border:1px solid var(--slate-200);object-fit:contain;width:44px;height:44px;box-shadow:var(--shadow-sm);background:#fff;border-radius:14px}.brand span{min-width:0;line-height:1.1}.brand strong{color:var(--violet-700);letter-spacing:-.03em;font-size:17px;display:block}.brand small{color:var(--slate-500);white-space:nowrap;margin-top:4px;font-size:10px;font-style:italic;display:block}.button{min-height:44px;box-shadow:none;border:1.5px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:700;line-height:1;transition:background .16s,border-color .16s,color .16s;display:inline-flex}.button:hover:not(:disabled){transform:none}.button-primary{color:#5b21b6;box-shadow:none;background:#ede9fe;border-color:#c4b5fd}.button-primary:hover:not(:disabled){color:#4c1d95;background:#ddd6fe;border-color:#a78bfa}.button-secondary{color:#475569;background:#fff;border-color:#e8e4f0}.button-secondary:hover:not(:disabled){color:#5b21b6;background:#faf8ff;border-color:#ddd6fe}.button-small{min-height:40px;padding:9px 16px;font-size:13px}.icon-button{background:0 0;border:0;border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:inline-grid}.icon-button:hover{background:var(--slate-100)}.icon-button.danger,.danger{color:#e11d48}.text-button{color:var(--violet-700);background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:13px;font-weight:700;display:inline-flex}.public-header{z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe8;border-bottom:1px solid #e2e8f0e6;position:sticky;top:0}.public-header-inner{justify-content:space-between;align-items:center;gap:20px;width:min(100% - 32px,1180px);min-height:70px;margin:0 auto;display:flex}.public-header nav,.public-footer nav{color:var(--slate-600);align-items:center;gap:24px;font-size:13px;font-weight:650;display:flex}.public-header nav>a:not(.button):hover,.public-footer a:hover{color:var(--violet-700)}.hero{border-bottom:1px solid var(--violet-100);background:radial-gradient(800px 500px at 0 0,#d8b4fea6,#0000 70%),radial-gradient(700px 500px at 100% 0,#fbcfe899,#0000 70%),linear-gradient(135deg,#fbf7ff 0%,#fff 50%,#fff7fb 100%);position:relative;overflow:hidden}.hero-inner{grid-template-columns:minmax(0,1fr) minmax(440px,.95fr);align-items:center;gap:clamp(42px,7vw,96px);width:min(100% - 48px,1320px);min-height:720px;margin:auto;padding:72px 0 88px;display:grid}.hero-blob{filter:blur(60px);pointer-events:none;border-radius:999px;position:absolute}.hero-blob-one{background:#ec48991a;width:320px;height:320px;top:10%;left:-120px}.hero-blob-two{background:#8b5cf61f;width:380px;height:380px;bottom:0;right:-100px}.hero-copy,.demo-board{z-index:1;position:relative}.eyebrow{color:var(--violet-700);box-shadow:var(--shadow-sm);letter-spacing:.16em;text-transform:uppercase;background:#ffffffd9;border:1px solid #e4defc;border-radius:999px;align-items:center;padding:10px 20px;font-size:11px;font-weight:780;display:inline-flex}.hero h1{color:#17182a;letter-spacing:-.055em;max-width:720px;margin:28px 0 20px;font-size:clamp(44px,4.5vw,70px);font-weight:800;line-height:1.04}.hero h1 span{color:#0000;background:linear-gradient(115deg,#8b5cf6 0%,#db4fb2 52%,#ec4899 100%);-webkit-background-clip:text;background-clip:text}.hero-copy>p{max-width:650px;color:var(--slate-600);margin-bottom:0;font-size:clamp(16px,1.5vw,20px);line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.hero-trust{color:var(--slate-500);flex-wrap:wrap;gap:20px;margin-top:28px;font-size:12px;font-weight:650;display:flex}.hero-trust span{align-items:center;gap:7px;display:flex}.demo-board{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border:1px solid #e2e8f0e6;border-radius:30px;justify-self:end;width:100%;max-width:590px;padding:clamp(15px,2vw,25px);box-shadow:0 30px 80px #4c1d9526}.demo-badge{background:var(--violet-500);color:#fff;letter-spacing:.08em;text-transform:uppercase;border-radius:10px;padding:6px 12px;font-size:10px;font-weight:800;position:absolute;top:-14px;left:24px;transform:rotate(-3deg);box-shadow:0 8px 18px #8b5cf647}.sentence-bar{border:1px solid var(--slate-200);background:#f8fafc;border-radius:18px;align-items:center;gap:12px;min-width:0;min-height:58px;padding:8px 12px;display:flex}.sentence-bar>button:first-child{background:var(--violet-600);color:#fff;border:0;border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid}.sentence-bar strong{min-width:0;color:var(--slate-800);overflow-wrap:anywhere;flex:1;font-size:15px}.clear-button{color:var(--slate-500);background:0 0;border:0;align-items:center;gap:5px;padding:6px;font-size:10px;display:inline-flex}.demo-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.demo-grid>button{aspect-ratio:1;border:1px solid #94a3b838;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:0;padding:7px;transition:all .16s;display:flex;position:relative}.demo-grid>button:hover{z-index:1;box-shadow:var(--shadow-md);transform:translateY(-3px)scale(1.02)}.demo-grid img{object-fit:contain;width:66%;height:66%}.demo-grid strong{max-width:100%;color:var(--slate-800);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.section{background:#fff;padding:90px max(24px,50vw - 660px)}.tinted-section{border-block:1px solid var(--violet-100);background:linear-gradient(135deg,#faf8ff,#fff 50%,#fff8fc)}.section-heading{text-align:center;max-width:850px;margin:0 auto 52px}.section-heading h2{color:var(--slate-950);letter-spacing:-.045em;margin:20px 0 12px;font-size:clamp(29px,3vw,43px);line-height:1.15}.section-heading p{color:var(--slate-600);margin:0;font-size:16px}.three-cards,.feature-grid,.steps{gap:20px;max-width:1320px;margin:auto;display:grid}.three-cards{grid-template-columns:repeat(3,1fr)}.feature-card,.resource-card,.steps li{border:1px solid var(--violet-100);box-shadow:var(--shadow-sm);background:#fff;border-radius:26px;padding:28px;transition:all .18s}.feature-card:hover,.resource-card:hover,.steps li:hover{box-shadow:var(--shadow-md);background:#fff1f7;border-color:#f9a8d4;transform:translateY(-5px)}.feature-icon,.resource-card>span{background:var(--violet-100);width:48px;height:48px;color:var(--violet-700);border-radius:16px;place-items:center;display:inline-grid}.feature-card:nth-child(2) .feature-icon{color:#db2777;background:#fce7f3}.feature-card:nth-child(3) .feature-icon{color:#059669;background:#dcfce7}.feature-card h3,.resource-card h3,.steps h3{color:var(--slate-950);margin:22px 0 9px;font-size:18px}.feature-card p,.resource-card p,.steps p{color:var(--slate-600);margin:0;font-size:14px;line-height:1.65}.steps{grid-template-columns:repeat(3,1fr);padding:0;list-style:none}.steps li>span{color:#a78bfa;font-size:30px;font-weight:800;display:inline-flex}.feature-grid{grid-template-columns:repeat(3,1fr)}.final-cta{text-align:center;background:radial-gradient(500px 250px at 10% 100%,#ec489929,#0000),radial-gradient(500px 250px at 90% 0,#8b5cf633,#0000),linear-gradient(135deg,#ede9fe,#fdf2f8);flex-direction:column;justify-content:center;align-items:center;min-height:430px;padding:72px 24px;display:flex}.final-cta>svg{color:var(--violet-600)}.final-cta h2{max-width:720px;color:var(--violet-950);letter-spacing:-.04em;margin:20px 0 12px;font-size:clamp(30px,4vw,48px)}.final-cta p{max-width:630px;color:var(--slate-600);margin-bottom:28px}.public-footer{border-top:1px solid var(--slate-200);background:#fff;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;padding:38px max(24px,50vw - 660px);display:grid}.public-footer>div>p,.public-footer>p{color:var(--slate-500);margin:10px 0 0;font-size:11px}.public-footer>p{justify-self:end}.login-page{grid-template-columns:1fr 430px;align-items:center;gap:90px;width:min(100% - 40px,1120px);min-height:calc(100vh - 70px);margin:auto;padding:60px 0 90px;display:grid}.login-copy h1{color:var(--slate-950);letter-spacing:-.055em;margin:24px 0 18px;font-size:clamp(38px,5vw,64px);line-height:1.07}.login-copy>p{max-width:600px;color:var(--slate-600);font-size:17px;line-height:1.7}.login-copy ul{color:var(--slate-600);gap:13px;margin:30px 0 0;padding:0;font-size:14px;list-style:none;display:grid}.login-copy li{align-items:center;gap:10px;display:flex}.login-copy li svg{color:#10b981}.back-link{color:var(--slate-500);align-items:center;gap:7px;margin-bottom:30px;font-size:13px;display:flex}.login-card{border:1px solid var(--violet-100);box-shadow:var(--shadow-lg);text-align:center;background:#fff;border-radius:30px;padding:42px}.login-card>img{width:72px;height:72px;box-shadow:var(--shadow-sm);border-radius:22px;margin:auto}.login-card h2{margin:24px 0 8px}.login-card p{color:var(--slate-500);font-size:13px}.google-button{min-height:48px;color:var(--slate-500);justify-content:center;align-items:center;margin:26px 0;font-size:13px;display:flex}.login-card>small{color:var(--slate-500);font-size:10px;line-height:1.6}.login-card>small a{color:var(--violet-700);text-decoration:underline}.form-error,.form-success,.error-banner,.editor-message{color:#be123c;background:#fff1f2;border:1px solid #fecdd3;border-radius:14px;padding:12px 14px;font-size:12px;line-height:1.5}.form-success{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.page-loader{min-height:100vh;color:var(--violet-700);background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.page-loader img{width:68px}.page-loader span{color:var(--slate-500);font-size:12px}.app-sidebar{z-index:50;border-right:1px solid var(--slate-200);background:#fff;flex-direction:column;width:252px;padding:22px 16px;display:flex;position:fixed;inset:0 auto 0 0}.app-sidebar nav a,.sidebar-foot a,.sidebar-foot button{min-height:46px;color:var(--slate-600);text-align:left;background:0 0;border:0;border-radius:13px;align-items:center;gap:12px;padding:0 13px;font-size:13px;font-weight:650;display:flex}.app-sidebar nav a:hover,.sidebar-foot a:hover,.sidebar-foot button:hover{background:var(--slate-100);color:var(--slate-800)}.app-topbar{z-index:30;border-bottom:1px solid var(--slate-200);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;justify-content:flex-end;align-items:center;height:68px;padding:0 30px;display:flex;position:sticky;top:0}.app-topbar>.brand{display:none}.topbar-user{align-items:center;gap:10px;display:flex}.topbar-user>img,.topbar-user>span{background:var(--violet-100);width:38px;height:38px;color:var(--violet-700);object-fit:cover;border-radius:12px;place-items:center;font-weight:800;display:grid}.topbar-user strong,.topbar-user small{display:block}.topbar-user strong{text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:12px;overflow:hidden}.topbar-user small{color:var(--slate-500);margin-top:2px;font-size:9px}.app-content{min-width:0}.workspace-page,.standard-page{width:min(100% - 48px,1450px);margin:0 auto;padding:40px 0 70px}.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.page-heading>div>span{color:var(--violet-700);letter-spacing:.15em;text-transform:uppercase;font-size:10px;font-weight:800}.page-heading h1{color:var(--slate-950);letter-spacing:-.045em;margin:7px 0 6px;font-size:clamp(27px,3vw,39px)}.page-heading p{color:var(--slate-500);margin:0;font-size:13px}.workspace-toolbar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:30px;display:flex}.search-field{border:1px solid var(--slate-200);min-width:0;color:var(--slate-500);background:#fff;border-radius:14px;align-items:center;gap:10px;padding:0 14px;display:flex}.search-field input{width:100%;min-width:0;height:44px;color:var(--slate-800);background:0 0;border:0;outline:0;font-size:13px}.workspace-toolbar .search-field{width:min(100%,420px)}.error-banner{justify-content:space-between;align-items:center;gap:14px;margin:18px 0;display:flex}.error-banner button{color:inherit;background:0 0;border:0;font-weight:800;text-decoration:underline}.workspace-section{margin-top:32px}.workspace-section>h2,.section-title-row h2{color:var(--slate-800);margin:0;font-size:17px}.section-title-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;display:flex}.section-title-row>span{color:var(--slate-500);font-size:11px}.folder-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:15px;display:grid}.folder-card{border:1px solid var(--slate-200);min-width:0;min-height:82px;box-shadow:var(--shadow-sm);text-align:left;background:#fff;border-radius:18px;align-items:center;padding:14px;transition:all .16s;display:flex;position:relative}button.folder-card{width:100%}.folder-card:hover,.folder-card.active{box-shadow:var(--shadow-md);border-color:#ddd6fe;transform:translateY(-2px)}.folder-card.active{background:#f5f3ff}.folder-card>button:first-child,button.folder-card{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:12px;min-width:0;padding:0;display:flex}.folder-card svg{color:#7c3aed;flex:none}.folder-card span{min-width:0}.folder-card strong,.folder-card small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.folder-card strong{color:var(--slate-800);font-size:15px}.folder-card small{color:var(--slate-500);margin-top:5px;font-size:12px}.card-menu-wrap{position:relative}.board-menu-wrap{z-index:5;position:absolute;top:12px;right:12px}.board-menu-wrap .icon-button{border:1px solid var(--slate-200);background:#fffffff2}.card-menu{z-index:10;border:1px solid var(--slate-200);width:190px;box-shadow:var(--shadow-md);background:#fff;border-radius:13px;padding:5px;position:absolute;top:calc(100% + 5px);right:0;overflow:hidden}.card-menu button{text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:8px;width:100%;padding:9px;font-size:11px;display:flex}.card-menu button:hover{background:var(--slate-100)}.board-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.board-card{border:1px solid var(--slate-200);min-width:0;box-shadow:var(--shadow-sm);background:#fff;border-radius:20px;transition:all .18s;position:relative;overflow:visible}.board-card:hover{box-shadow:var(--shadow-md);border-color:#ddd6fe;transform:translateY(-4px)}.board-card>button{text-align:left;background:0 0;border:0;width:100%;padding:14px;display:block}.board-preview{aspect-ratio:16/10;background:#fff;border:1px solid #e2e8f0;border-radius:14px;gap:5px;width:100%;height:auto;min-height:180px;padding:10px;display:grid;overflow:hidden}.board-preview-cell{border:1.5px solid #94a3b8;border-radius:8px;place-items:center;min-width:0;min-height:0;padding:3px;display:grid;position:relative;overflow:hidden}.board-preview-cell.is-empty{background:#f8fafc;border-style:dashed;border-color:#cbd5e1}.board-preview-cell img{object-fit:contain;width:78%;height:78%}.board-preview-cell em{color:#0f172a;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(7px,1.1vw,10px);font-style:normal;font-weight:800;line-height:1.1;position:absolute;top:2px;left:2px;right:2px;overflow:hidden}.board-card>button>strong,.board-card>button>small,.board-card-meta strong,.board-card-meta small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.board-card>button>strong,.board-card-meta strong{color:var(--slate-800);margin-top:14px;font-size:16px}.board-card>button>small,.board-card-meta small{color:var(--slate-500);margin-top:4px;font-size:13px}.board-card-meta{padding:0 2px 2px}.folder-view-head{gap:14px;margin-bottom:22px;display:grid}.folder-back{color:#6d28d9;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;width:fit-content;padding:0;font-size:14px;font-weight:750;display:inline-flex}.folder-back:hover{color:#5b21b6}.folder-view-title{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.folder-view-title h1{color:var(--slate-950);letter-spacing:-.04em;margin:0 0 6px;font-size:clamp(28px,3vw,38px)}.folder-view-title p{color:var(--slate-500);margin:0;font-size:15px}.board-card-rich{border-radius:22px;overflow:hidden}.board-card-rich>button{padding:16px}.folder-boards-section{margin-top:8px}.board-card-actions{justify-content:flex-end;gap:3px;padding:0 10px 10px;display:flex}.board-card-actions button{background:var(--slate-100);width:32px;height:32px;color:var(--slate-600);border:0;border-radius:9px;place-items:center;display:grid}.board-card-actions button:hover{background:var(--violet-100);color:var(--violet-700)}.workspace-loading{min-height:210px;color:var(--violet-700);place-items:center;font-size:13px;font-weight:700;display:grid}.empty-state>span:first-child{margin-bottom:14px;font-size:44px;display:block}.empty-state h3,.empty-state h2{color:#64748b;margin:0 0 4px;font-size:18px;font-weight:700}.empty-state>p{color:#94a3b8;margin:0;font-size:13px}.empty-state.compact{max-width:700px;margin:50px auto}.empty-state.compact>.feature-icon{display:inline-grid}.empty-folder{width:100%}.muted-row{color:var(--slate-500);align-items:center;gap:7px;font-size:11px!important;display:inline-flex!important}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;max-width:720px;margin:22px auto 0;display:grid}.template-grid button,.template-grid .template-card{color:#64748b;text-align:left;box-shadow:none;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;gap:8px;padding:10px;transition:border-color .14s,background .14s,transform .14s;display:grid;overflow:hidden}.template-grid button:hover,.template-grid .template-card:hover{box-shadow:none;background:#fff;border-color:#cbd5e1;transform:translateY(-1px)}.template-grid .board-preview{aspect-ratio:auto;opacity:.88;filter:saturate(.72);background:#fff;border-color:#e8eef4;border-radius:10px;gap:4px;height:112px;min-height:112px;padding:8px}.template-grid .board-preview-cell{border-width:1px;border-color:#cbd5e1;border-radius:6px;padding:2px}.template-grid .board-preview-cell img{object-fit:contain;width:86%;height:70%;margin-top:10%}.template-grid .board-preview-cell em{color:#64748b;opacity:.85;font-size:7px;font-style:normal;font-weight:650;top:1px}.template-blank-preview{background:#fff;border:1px solid #e8eef4;border-radius:10px;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;height:112px;padding:8px;display:grid}.template-blank-preview span{background:#f1f5f9;border:1px dashed #d6dee8;border-radius:6px}.template-grid strong{color:#475569;margin:0;font-size:13px;font-weight:700;display:block}.template-grid .template-card>span{color:#94a3b8;margin:0;font-size:11px;font-weight:500;line-height:1.35;display:block}.empty-inline{border:1px dashed var(--slate-300);color:var(--slate-500);text-align:center;border-radius:16px;grid-column:1/-1;margin:0;padding:24px;font-size:12px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a94;place-items:center;padding:28px 20px;display:grid;position:fixed;inset:0;overflow-y:auto}.modal{background:#fff;border:1px solid #e2e8f0e6;border-radius:22px;width:min(100%,560px);max-height:calc(100vh - 56px);overflow:hidden;box-shadow:0 28px 70px #0f172a3d}.modal-small{width:min(100%,520px)}.modal-large{width:min(100%,960px)}.modal-header{border-bottom:1px solid var(--slate-200);justify-content:space-between;align-items:center;gap:14px;padding:20px 24px;display:flex}.modal-header h2{color:var(--slate-800);letter-spacing:-.02em;margin:0;font-size:22px;font-weight:750}.modal-body{max-height:calc(100vh - 140px);padding:24px;overflow-y:auto}.modal-form{gap:18px}.modal-form label>span{color:var(--slate-600);font-size:14px;font-weight:650}.modal-form input,.modal-form select,.modal-form textarea{border-radius:14px;min-height:52px;padding:14px 16px;font-size:16px}.modal-form .form-actions{justify-content:flex-end;gap:12px;margin-top:8px;padding-top:8px;display:flex}.modal-form .form-actions .button{border-radius:999px;min-height:48px;padding:12px 20px;font-size:15px;font-weight:700}.stack-form,.share-form,.profile-form{gap:17px;display:grid}.stack-form label,.share-form label,.editor-panel label,.profile-form label{gap:7px;min-width:0;display:grid}.stack-form label>span,.share-form label>span,.editor-panel label>span,.profile-form label>span,.profile-label{color:var(--slate-600);font-size:10px;font-weight:750}input,select,textarea{border:1px solid var(--slate-200);width:100%;color:var(--slate-800);background:#fff;border-radius:12px;outline:0;padding:11px 13px;font-size:12px;transition:all .14s}input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):focus,select:focus,textarea:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed29}input[type=checkbox],input[type=radio]{width:auto;height:auto;box-shadow:none;accent-color:#7c3aed;background:0 0;border:none;border-radius:4px;padding:0}input[type=checkbox]:focus,input[type=checkbox]:focus-visible,input[type=radio]:focus,input[type=radio]:focus-visible{outline-offset:2px;box-shadow:none;outline:2px solid #7c3aed66}.share-form>p{color:var(--slate-500);margin:0;font-size:12px;line-height:1.6}.recipient-row{grid-template-columns:.8fr 1.2fr auto;align-items:end;gap:10px;display:grid}.form-actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}.share-access-list{border-top:1px solid var(--slate-200);gap:9px;padding-top:17px;display:grid}.share-access-list h3{color:var(--slate-800);align-items:center;gap:8px;margin:0 0 3px;font-size:12px;display:flex}.share-access-list>p{color:var(--slate-500);margin:0;font-size:11px}.share-access-row{border:1px solid var(--slate-200);border-radius:13px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 11px;display:grid}.share-access-row>span{gap:2px;min-width:0;display:grid}.share-access-row strong,.share-access-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.share-access-row strong{color:var(--slate-800);font-size:11px}.share-access-row small{color:var(--slate-500);font-size:9px}.share-access-row em{color:#c2410c;text-transform:uppercase;background:#fff7ed;border-radius:999px;padding:5px 8px;font-size:8px;font-style:normal;font-weight:800}.share-access-row em[data-status=accepted]{color:#047857;background:#ecfdf5}.share-access-row em[data-status=declined]{color:#be123c;background:#fff1f2}.invite-state{text-align:center;justify-items:center;gap:14px;padding:8px 0;display:grid}.invite-state p,.invite-state h3{margin:0}.invite-state p{color:var(--slate-600);font-size:12px}.invite-state h3{color:var(--slate-950);font-size:20px}.invite-icon,.notification-icon{background:var(--violet-100);width:48px;height:48px;color:var(--violet-700);border-radius:15px;place-items:center;display:grid}.account-kind-dialog{text-align:center;padding:42px;position:relative}.account-kind-dialog>h1{color:var(--slate-950);margin:10px 0;font-size:29px}.account-kind-dialog>p{max-width:620px;color:var(--slate-500);margin:0 auto;font-size:13px}.onboarding-mark{color:var(--violet-700);letter-spacing:.15em;text-transform:uppercase;font-size:10px;font-weight:800}.account-kind-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:30px;display:grid}.account-kind-grid>button{border:1px solid var(--slate-200);text-align:left;background:#fff;border-radius:22px;flex-direction:column;align-items:flex-start;padding:25px;transition:all .18s;display:flex}.account-kind-grid>button:hover{box-shadow:var(--shadow-md);border-color:#a78bfa;transform:translateY(-3px)}.account-kind-icon{border-radius:16px;place-items:center;width:50px;height:50px;display:grid}.account-kind-icon.violet{background:var(--violet-100);color:var(--violet-700)}.account-kind-icon.pink{color:#db2777;background:#fce7f3}.account-kind-grid strong{margin:18px 0 8px;font-size:16px}.account-kind-grid small{color:var(--slate-500);font-size:11px;line-height:1.55}.account-kind-grid .text-link{color:var(--violet-700);margin-top:20px;font-size:11px;font-weight:750}.editor-page{min-height:calc(100vh - 68px)}.editor-toolbar{z-index:25;border-bottom:1px solid var(--slate-200);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff2;align-items:center;gap:10px;min-height:64px;padding:9px 20px;display:flex;position:sticky;top:68px}.board-name-input{background:0 0;border-color:#0000;width:min(300px,26vw);font-size:14px;font-weight:780}.board-name-input:focus{background:#fff;border-color:#a78bfa}.save-status{color:#059669;white-space:nowrap;font-size:9px;font-weight:700}.save-status.dirty{color:#d97706}.editor-actions{align-items:center;gap:7px;margin-left:auto;display:flex}.editor-actions .button{min-height:39px;padding:8px 13px;font-size:11px}.editor-message{margin:14px 20px 0}.editor-layout{grid-template-columns:280px minmax(0,1fr);align-items:start;display:grid}.editor-layout.readonly{display:block}.editor-panel{border-right:1px solid var(--slate-200);background:#fff;height:calc(100vh - 132px);padding:18px;position:sticky;top:132px;overflow-y:auto}.editor-panel section+section{border-top:1px solid var(--slate-200);margin-top:22px;padding-top:20px}.editor-panel h2{color:var(--slate-800);margin:0 0 14px;font-size:12px}.editor-panel label{margin-bottom:12px}.stepper-row{color:var(--slate-600);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:10px;font-weight:700;display:flex}.stepper-row>div{border:1px solid var(--slate-200);border-radius:10px;align-items:center;display:flex}.stepper-row button{background:0 0;border:0;place-items:center;width:29px;height:29px;display:grid}.stepper-row button svg{width:14px}.stepper-row strong{text-align:center;min-width:30px}.color-field{grid-template-columns:1fr auto;align-items:center}.color-field input{width:42px;height:34px;padding:3px}.full-button{width:100%;margin-bottom:9px}.file-button{position:relative;overflow:hidden}.file-button input{opacity:0;width:1px;height:1px;position:absolute}.palette{margin:15px 0}.palette>span{color:var(--slate-600);align-items:center;gap:6px;margin-bottom:9px;font-size:10px;font-weight:750;display:flex}.palette>div{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.palette button{aspect-ratio:1;border:1px solid var(--slate-200);border-radius:8px}.palette button.active{box-shadow:0 0 0 2px var(--violet-600)}.cell-order{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px;display:grid}.cell-order button{border:1px solid var(--slate-200);background:#fff;border-radius:9px;justify-content:center;align-items:center;gap:3px;padding:8px 4px;font-size:9px;display:flex}.cell-order svg{width:14px}.danger-button{color:#be123c;background:#fff1f2;border-color:#fecdd3}.board-stage{min-width:0;padding:clamp(18px,3vw,42px)}.communication-strip{border:1px solid var(--slate-200);min-width:0;max-width:1200px;box-shadow:var(--shadow-sm);background:#fff;border-radius:18px;align-items:center;gap:12px;margin:0 auto 16px;padding:9px;display:flex}.communication-strip>button:first-child{background:var(--violet-600);color:#fff;border:0;border-radius:13px;flex:none;place-items:center;width:43px;height:43px;display:grid}.communication-strip>div{flex:1;gap:7px;min-width:0;display:flex;overflow-x:auto}.communication-strip span{border:1px solid var(--slate-200);background:var(--slate-100);border-radius:9px;flex:none;align-items:center;gap:5px;padding:4px 7px;font-size:10px;display:flex}.communication-strip span img{object-fit:contain;width:28px;height:28px}.communication-board{width:100%;max-width:1200px;min-height:min(70vh,760px);box-shadow:var(--shadow-md);border:2px solid #cbd5e1cc;border-radius:24px;gap:clamp(7px,1.1vw,14px);margin:auto;padding:clamp(9px,1.4vw,18px);display:grid}.communication-cell{border:3px solid #cbd5e1bf;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:100px;padding:8px;transition:all .14s;display:flex;overflow:hidden;box-shadow:0 3px 8px #0f172a0f}.communication-cell:hover,.communication-cell.selected{z-index:1;border-color:var(--violet-500);transform:translateY(-2px);box-shadow:0 8px 20px #7c3aed29}.communication-cell img{object-fit:contain;flex:1;width:100%;min-height:0}.communication-cell strong{width:100%;color:inherit;text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:5px;font-size:clamp(9px,1.1vw,14px);line-height:1.25;display:-webkit-box;overflow:hidden}.empty-cell-mark{width:44px;height:44px;color:var(--slate-500);background:#e2e8f0cc;border-radius:14px;place-items:center;display:grid}.board-tip{color:var(--slate-500);text-align:center;margin:12px 0 0;font-size:9px}.symbol-search{grid-template-columns:1fr auto;gap:10px;display:grid}.symbol-results,.symbol-library-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.page-heading-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.symbols-search{max-width:420px;margin:0 0 14px}.workspace-empty-card{border:1px dashed var(--slate-300);color:var(--slate-500);text-align:center;background:#f8fafc;border-radius:16px;justify-items:center;gap:8px;padding:36px 20px;display:grid}.workspace-empty-card strong{color:var(--slate-800);font-size:16px}.workspace-empty-card p{max-width:360px;margin:0;font-size:14px}.my-symbols-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px;display:grid}.my-symbols-grid article{border:1px solid var(--slate-200);background:#fff;border-radius:14px;gap:8px;padding:10px;display:grid}.my-symbols-grid img{aspect-ratio:1;object-fit:contain;background:#f8fafc;border-radius:10px;width:100%}.my-symbols-grid strong{color:var(--slate-700);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.my-symbol-actions{justify-content:center;gap:6px;display:flex}.my-symbol-actions button{border:1px solid var(--slate-200);width:32px;height:32px;color:var(--slate-600);background:#fff;border-radius:8px;place-items:center;display:grid}.my-symbol-actions button.danger{color:#be123c}.symbol-upload-preview{border:1px solid var(--slate-200);background:#f8fafc;border-radius:14px;place-items:center;padding:12px;display:grid}.symbol-upload-preview img{aspect-ratio:1;object-fit:contain;width:min(180px,100%)}.form-hint{color:var(--slate-500);margin:0;font-size:12px}.symbol-results button,.symbol-library-grid article{border:1px solid var(--slate-200);background:#fff;border-radius:14px;flex-direction:column;align-items:center;min-width:0;padding:8px;display:flex;position:relative}.symbol-results button:hover{border-color:var(--violet-500);background:var(--violet-50)}.symbol-results img,.symbol-library-grid img{aspect-ratio:1;object-fit:contain;width:100%}.symbol-results span,.symbol-library-grid strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:5px;font-size:9px;overflow:hidden}.large-search{border:1px solid var(--slate-200);max-width:800px;box-shadow:var(--shadow-sm);background:#fff;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 8px 8px 17px;display:grid}.large-search input{box-shadow:none;border:0}.suggestion-chips{flex-wrap:wrap;gap:7px;margin:14px 0 25px;display:flex}.suggestion-chips button{border:1px solid var(--violet-100);background:var(--violet-50);color:var(--violet-700);border-radius:999px;padding:7px 11px;font-size:10px}.symbol-library-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.symbol-library-grid article>button{width:28px;height:28px;color:var(--violet-700);box-shadow:var(--shadow-sm);background:#ffffffe6;border:0;border-radius:8px;place-items:center;display:grid;position:absolute;top:6px;right:6px}.symbol-library-grid article>button svg{width:15px}.profile-grid{grid-template-columns:minmax(280px,340px) minmax(0,1fr);align-items:start;gap:24px;display:grid}.profile-card,.profile-form{border:1px solid var(--slate-200);box-shadow:var(--shadow-sm);background:#fff;border-radius:22px;padding:28px}.profile-page .page-heading>div>span{color:#6d28d9;font-size:12px}.profile-page .page-heading h1{font-size:clamp(32px,3.4vw,42px)}.profile-page .page-heading p{font-size:16px;line-height:1.45}.profile-page .profile-form{gap:22px}.profile-page .profile-form label{gap:9px}.profile-page .profile-form label>span,.profile-page .profile-label,.profile-page .profile-form legend{color:var(--slate-700);font-size:14px;font-weight:750}.profile-page .profile-form input:not([type=checkbox]):not([type=radio]),.profile-page .profile-form select,.profile-page .profile-form textarea{border-radius:14px;min-height:48px;padding:14px 16px;font-size:16px;line-height:1.35}.profile-page .profile-form textarea{min-height:140px}.profile-page .button{min-height:46px;padding:12px 18px;font-size:15px}.profile-page .button-primary{color:#5b21b6;background:#ede9fe;border-color:#c4b5fd}.profile-page .button-primary:hover{color:#4c1d95;background:#ddd6fe;border-color:#a78bfa}.profile-card{text-align:center}.avatar-large{color:#6d28d9;width:128px;height:128px;box-shadow:0 0 0 1px var(--slate-200), var(--shadow-md);background:#ede9fe;border:4px solid #fff;border-radius:32px;place-items:center;margin:0 auto 18px;display:grid;overflow:hidden}.avatar-large.avatar-upload{cursor:pointer;padding:0;position:relative}.avatar-large.avatar-upload:hover .avatar-upload-hint,.avatar-large.avatar-upload:focus-visible .avatar-upload-hint{opacity:1}.avatar-upload-hint{color:#fff;opacity:0;background:linear-gradient(#0000,#0f172a9e);justify-content:center;align-items:center;gap:6px;padding:8px 6px;font-size:11px;font-weight:700;transition:opacity .14s;display:inline-flex;position:absolute;inset:auto 0 0}.avatar-large img{object-fit:cover;width:100%;height:100%}.profile-card h2{margin:0 0 6px;font-size:22px}.profile-card>p{color:var(--slate-500);overflow-wrap:anywhere;margin-bottom:20px;font-size:14px}.profile-card hr{border:0;border-top:1px solid var(--slate-200);margin:22px 0}.segmented-control{background:var(--slate-100);border-radius:14px;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px;padding:5px;display:grid}.segmented-control button{color:var(--slate-600);background:0 0;border:0;border-radius:11px;padding:12px 8px;font-size:14px;font-weight:700}.segmented-control button.active{color:#6d28d9;box-shadow:var(--shadow-sm);background:#fff}.field-block{gap:8px;min-width:0;display:grid}.choice-pills{flex-wrap:wrap;gap:8px;display:flex}.choice-pills button{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:999px;justify-content:center;align-items:center;min-height:42px;padding:8px 16px;font-size:14px;font-weight:650;transition:border-color .14s,background .14s,color .14s;display:inline-flex}.choice-pills button:hover{color:#9d174d;background:#fff1f7;border-color:#f9a8d4}.choice-pills button.is-on{color:#5b21b6;background:#f5f3ff;border-color:#c4b5fd;box-shadow:inset 0 0 0 1px #7c3aed1f}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.profile-form fieldset{border:1px solid var(--slate-200);border-radius:16px;padding:18px}.profile-form legend{color:var(--slate-600);padding:0 6px;font-size:10px;font-weight:750}.check-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.check-grid label{border:1px solid var(--slate-200);min-height:44px;color:var(--slate-700);background:#f8fafc;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-size:15px;font-weight:600;display:flex}.check-grid input{width:18px;height:18px;box-shadow:none;accent-color:#7c3aed;border:none;border-radius:4px;flex:none;margin:0;padding:0}.check-grid input:focus,.check-grid input:focus-visible{outline-offset:2px;box-shadow:none;outline:2px solid #7c3aed66}.profile-form .form-actions>span{color:#059669;margin-right:auto;font-size:14px;font-weight:700}.notification-list{gap:14px;display:grid}.notification-card{border:1px solid var(--slate-200);box-shadow:var(--shadow-sm);background:#fff;border-radius:19px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:17px;padding:18px;display:grid}.notification-card small{color:var(--violet-600);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:800}.notification-card h2{color:var(--slate-900);margin:4px 0;font-size:15px}.notification-card p{color:var(--slate-500);margin:0;font-size:11px}.notification-actions{gap:8px;display:flex}.legal-page{width:min(100% - 40px,850px);min-height:70vh;margin:auto;padding:80px 0}.legal-page>h1{letter-spacing:-.05em;margin:22px 0 14px;font-size:clamp(34px,5vw,54px)}.legal-intro{color:var(--slate-600);font-size:17px;line-height:1.7}.legal-page section{border-top:1px solid var(--slate-200);margin-top:30px;padding-top:24px}.legal-page section h2{font-size:17px}.legal-page section p{color:var(--slate-600);font-size:13px;line-height:1.75}.not-found{background:linear-gradient(135deg, var(--violet-50), white, #fdf2f8);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:30px;display:flex}.not-found img{width:72px}.not-found>span{color:var(--violet-600);letter-spacing:.2em;margin-top:20px;font-size:12px;font-weight:800}.not-found h1{margin:10px 0}.not-found p{color:var(--slate-500)}@media (max-width:1180px){.hero-inner{grid-template-columns:minmax(0,1fr) minmax(390px,.9fr);gap:35px}.hero h1{font-size:50px}.folder-grid,.board-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.symbol-library-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (max-width:960px){.public-header nav>a:not(.button){display:none}.hero-inner{grid-template-columns:1fr;min-height:auto;padding:65px 0 75px}.hero-copy{text-align:center}.hero h1,.hero-copy>p{margin-inline:auto}.hero-actions,.hero-trust{justify-content:center}.demo-board{justify-self:center;max-width:650px}.three-cards,.feature-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr}.login-page{grid-template-columns:1fr;gap:45px}.login-copy{text-align:center}.login-copy>p{margin-inline:auto}.login-copy ul{justify-content:center}.login-card{width:min(100%,470px);margin:auto}.public-footer{text-align:center;grid-template-columns:1fr}.public-footer .brand,.public-footer nav{justify-content:center}.public-footer>p{justify-self:center}.app-shell{padding-left:0}.app-sidebar{box-shadow:var(--shadow-lg);transition:transform .18s;transform:translate(-105%)}.app-sidebar.open{transform:translate(0)}.mobile-menu{display:grid}.sidebar-scrim{z-index:45;background:#0f172a6b;border:0;display:block;position:fixed;inset:0}.app-topbar{justify-content:space-between;padding:0 18px}.app-topbar>.brand{display:inline-flex}.editor-toolbar{flex-wrap:wrap;top:68px}.editor-actions{width:100%;margin-left:50px;overflow-x:auto}.editor-layout{grid-template-columns:240px minmax(0,1fr)}.communication-board{min-height:600px}}@media (max-width:720px){.brand small,.public-header .brand small{display:none}.public-header-inner{width:min(100% - 24px,1180px)}.public-header nav{gap:8px}.hero-inner{width:min(100% - 28px,1320px);padding-top:48px}.hero h1{font-size:clamp(36px,11vw,48px)}.hero-copy>p{font-size:15px}.demo-board{border-radius:22px}.section{padding-block:70px}.three-cards,.feature-grid{grid-template-columns:1fr}.folder-grid,.board-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-page,.standard-page{width:min(100% - 28px,1450px);padding-top:25px}.page-heading{flex-direction:column;align-items:flex-start}.workspace-toolbar{flex-direction:column;align-items:stretch}.workspace-toolbar .search-field{width:100%}.template-grid{grid-template-columns:1fr}.modal-backdrop{align-items:end;padding:0}.modal{border-radius:24px 24px 0 0;width:100%;max-height:92vh}.modal-header{padding:22px 22px 18px}.modal-header h2{font-size:20px}.modal-body{padding:22px}.modal-form input,.modal-form select,.modal-form textarea{min-height:54px;font-size:16px}.modal-form .form-actions .button{flex:auto;min-height:50px}.account-kind-dialog{padding:28px 18px}.account-kind-grid,.recipient-row{grid-template-columns:1fr}.recipient-row .icon-button{width:100%}.notification-card{grid-template-columns:auto minmax(0,1fr)}.notification-actions{grid-column:1/-1;justify-content:flex-end}.editor-toolbar{padding-inline:10px}.board-name-input{width:calc(100% - 55px)}.save-status{margin-left:50px}.editor-actions{margin-left:0}.editor-layout{flex-direction:column;display:flex}.editor-panel{border-right:0;border-bottom:1px solid var(--slate-200);width:100%;height:auto;position:static}.editor-panel section:first-child{grid-template-columns:1fr 1fr;gap:8px 16px;display:grid}.editor-panel section:first-child h2,.editor-panel section:first-child .color-field{grid-column:1/-1}.board-stage{width:100%;padding:12px;overflow-x:auto}.communication-board{border-radius:17px;min-width:min(620px,100vw - 24px);min-height:520px}.communication-cell{border-width:2px;border-radius:13px;min-height:85px}.symbol-results,.symbol-library-grid{grid-template-columns:repeat(3,1fr)}.large-search{grid-template-columns:auto 1fr}.large-search .button{grid-column:1/-1}.profile-grid,.form-grid,.check-grid{grid-template-columns:1fr}}@media (max-width:480px){.public-header .brand strong{font-size:14px}.public-header .brand img{width:38px;height:38px}.public-header .button{min-height:36px;padding-inline:14px}.hero h1{font-size:36px}.eyebrow{letter-spacing:.1em;text-align:center;max-width:100%;padding-inline:14px}.demo-grid{gap:6px}.demo-grid>button{border-radius:13px;padding:4px}.section-heading{margin-bottom:35px}.feature-card,.resource-card,.steps li{border-radius:20px;padding:22px}.login-page{width:min(100% - 28px,1120px)}.login-card{border-radius:22px;padding:28px 18px}.topbar-user>div{display:none}.app-topbar .brand strong{font-size:14px}.app-topbar .brand img{width:38px;height:38px}.folder-grid,.board-card-grid{grid-template-columns:1fr}.board-preview{height:180px}.editor-actions .button{flex:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.app-shell{background:radial-gradient(circle at 8% 0,#2563eb0d,#0000 32%),#f4f6f9;min-height:100svh;padding-left:260px}.app-shell-editor{background:#eef1f6}.app-main{min-width:0;min-height:100svh}.app-sidebar{z-index:150;background:#fff;border-right:1px solid #e2e8f0;flex-direction:column;gap:8px;width:260px;padding:18px 14px;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:1px 0 #0f172a05}.sidebar-head{justify-content:space-between;align-items:center;padding:4px 6px 18px;display:flex}.app-sidebar nav{gap:4px;display:grid}.app-sidebar nav a,.sidebar-logout{color:#475569;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:11px;min-height:44px;padding:0 12px;font-size:13px;font-weight:650;transition:background .14s,color .14s;display:flex}.app-sidebar nav a:hover,.sidebar-logout:hover{color:#0f172a;background:#f1f5f9}.app-sidebar nav a.active{color:#1d4ed8;background:#eff6ff}.sidebar-foot{border-top:1px solid #e2e8f0;gap:8px;margin-top:auto;padding-top:14px;display:grid}.sidebar-user{color:inherit;border-radius:12px;align-items:center;gap:10px;padding:6px 8px;text-decoration:none;display:flex}.sidebar-user:hover{background:#f1f5f9}a.sidebar-user.active{background:var(--brand-50,#f5f3ff)}.sidebar-user img,.sidebar-user>span{color:#334155;object-fit:cover;background:#e2e8f0;border-radius:10px;place-items:center;width:36px;height:36px;font-size:13px;font-weight:800;display:grid}.sidebar-user strong,.sidebar-user small{display:block}.sidebar-user strong{text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:12px;overflow:hidden}.sidebar-user small{color:#64748b;margin-top:2px;font-size:11px}.sidebar-logout{color:#be123c}.sidebar-logout:hover{color:#9f1239;background:#fff1f2}.app-topbar{z-index:120;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:14px;height:64px;padding:0 22px;display:flex;position:sticky;top:0}.app-topbar-title{display:none}.app-topbar-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.app-topbar-minimal{justify-content:flex-start}.app-topbar-minimal .app-topbar-title{margin-left:4px}.topbar-profile-chip{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:8px;min-height:40px;padding:4px 10px 4px 4px;display:inline-flex}.topbar-profile-chip img,.topbar-profile-chip>span{object-fit:cover;background:#e2e8f0;border-radius:9px;place-items:center;width:30px;height:30px;font-size:12px;font-weight:800;display:grid}.topbar-profile-chip strong{font-size:12px}.app-content{min-width:0;padding-top:0}.mobile-menu,.sidebar-scrim{display:none}.confirm-dialog-message{color:#475569;margin:0 0 18px;font-size:14px;line-height:1.5}.confirm-dialog-actions{justify-content:flex-end;gap:10px;display:flex}.confirm-dialog-actions .button{border-radius:10px;min-height:40px;padding:9px 16px}.button-danger{color:#be123c;background:#fff1f2;border-color:#fecdd3}.button-danger:hover{color:#9f1239;background:#ffe4e6;border-color:#fda4af}.button-ghost{color:#64748b;background:#fff;border-color:#e8e4f0}.button-ghost:hover:not(:disabled){color:#5b21b6;background:#f8f7fc;border-color:#ddd6fe}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.settings-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:22px}.settings-card.featured{background:linear-gradient(#f8fafc 0%,#fff 55%);grid-column:1/-1}.settings-card h2{margin:0 0 8px;font-size:18px}.settings-card p{color:#64748b;margin:0 0 12px;font-size:14px;line-height:1.5}.settings-card .muted,.muted{color:#94a3b8;font-size:13px}.plan-list{color:#334155;margin:0 0 16px;padding-left:18px;font-size:14px;line-height:1.7}@media (max-width:980px){.app-shell{padding-left:0}.app-topbar-title{display:block}.app-topbar .mobile-menu{display:grid}.app-sidebar{width:min(300px,88vw);transition:transform .18s;transform:translate(-105%);box-shadow:18px 0 40px #0f172a29}.app-sidebar.open{transform:translate(0)}.sidebar-scrim{z-index:140;background:#0f172a6b;border:0;display:block;position:fixed;inset:0}.settings-grid{grid-template-columns:1fr}.topbar-profile-chip strong{display:none}}@media (max-width:620px){.app-topbar{padding-inline:12px}.workspace-page,.standard-page{width:min(100% - 24px,1450px);padding-top:24px}}.sr-only{clip:rect(0, 0, 0, 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}.spin{animation:.8s linear infinite sw-spin}@keyframes sw-spin{to{transform:rotate(360deg)}}.app-sidebar nav a.active{background:var(--brand-50)!important;color:var(--brand-800)!important}.board-card,.folder-card,.template-card{border:1px solid var(--slate-200);box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;transition:border-color .14s,box-shadow .14s,transform .14s}.board-card:hover,.folder-card:hover,.template-card:hover{box-shadow:var(--shadow-md);border-color:#ddd6fe;transform:translateY(-1px)}.workspace-skeleton,.skeleton-card{background:linear-gradient(90deg,#eef2f6 25%,#f8fafc 50%,#eef2f6 75%) 0 0/200% 100%;border-radius:16px;animation:1.2s infinite sw-shimmer}@keyframes sw-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{color:#94a3b8;text-align:center;background:#f8fafc;border:1px dashed #d8dee6;border-radius:18px;justify-items:center;gap:8px;padding:36px 22px 28px;display:grid}.empty-state strong{color:#475569;font-size:13px}.form-success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:12px;padding:10px 12px;font-size:13px}.form-error{color:#be123c;background:#fff1f2;border:1px solid #fecdd3;border-radius:12px;padding:10px 12px;font-size:13px}@media (max-width:480px){.workspace-page,.standard-page{width:min(100% - 20px,1450px);padding:20px 0 48px}.page-heading{flex-direction:column;align-items:flex-start}.workspace-toolbar{flex-direction:column;align-items:stretch}.workspace-toolbar .search-field{width:100%}}.parental-lock-badge{color:#4c1d95;background:#f5f3ff;border:1px solid #ede9fe;border-radius:16px;align-items:center;gap:12px;margin-bottom:16px;padding:14px 16px;display:flex}.parental-lock-badge p{margin:0;font-size:13px;line-height:1.5}.parental-challenge-box{background:#fff7ed;border:1px solid #fed7aa;border-radius:14px;margin-bottom:14px;padding:14px}.parental-challenge-box strong{color:#9a3412;align-items:center;gap:8px;margin-bottom:8px;font-size:13px;display:flex}.pin-input,.pin-input-sm{letter-spacing:.4em;text-align:center;font-family:monospace;font-size:18px;font-weight:800}.pin-input.large{padding:14px;font-size:24px}.parental-support-hint{color:var(--slate-600);align-items:center;gap:8px;margin-top:10px;font-size:12px;display:flex}.parental-support-hint a,.support-phone-footer strong{color:#7c3aed;font-weight:700}.pin-setup-step{text-align:left}.pin-header-badge{align-items:flex-start;gap:14px;margin:16px 0 20px;display:flex}.pin-header-badge h2{color:var(--slate-900);margin:0 0 6px;font-size:20px}.pin-header-badge p{color:var(--slate-500);margin:0;font-size:13px}.welcome-onboarding-card{background:#fff;border:1px solid #ece8f5;border-radius:24px;max-width:640px;padding:32px 32px 28px;box-shadow:0 24px 48px #3124541f}.onboarding-header{margin-bottom:22px}.onboarding-kicker{color:#7c3aed;letter-spacing:.02em;margin:0 0 10px;font-size:12px;font-weight:650}.onboarding-header h2{color:#17182a;letter-spacing:-.03em;margin:0 0 8px;font-size:24px;font-weight:750;line-height:1.2}.onboarding-header p{color:#64748b;margin:0;font-size:14px;line-height:1.5}.onboarding-stepper{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:22px;display:grid}.step-indicator{color:#64748b;background:#faf9fc;border:1px solid #e8e4f0;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:8px 10px;font-size:12px;font-weight:650;transition:border-color .14s,background .14s,color .14s;display:flex}.step-indicator.active{color:#5b21b6;background:#f5f3ff;border-color:#c4b5fd}.step-indicator.done{color:#475569;background:#fff;border-color:#e8e4f0}.step-indicator span{color:#6d28d9;background:#ede9fe;border-radius:999px;place-items:center;width:20px;height:20px;font-size:11px;font-weight:750;display:grid}.step-indicator:not(.active) span{color:#64748b;background:#f1f5f9}.demo-slide h3{color:#17182a;letter-spacing:-.02em;margin:0 0 6px;font-size:16px;font-weight:700}.demo-slide p{color:#64748b;margin:0 0 18px;font-size:13px;line-height:1.55}.demo-cards-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.demo-card{min-height:112px;box-shadow:none;cursor:pointer;border:1px solid #0f172a0f;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:16px 10px;transition:border-color .14s,background .14s;display:flex}.demo-card:hover,.demo-card.speaking{box-shadow:none;border-color:#c4b5fd;transform:none}.demo-card strong{color:#1e293b;font-size:14px;font-weight:700}.demo-card small{color:#64748b;font-size:11px}.demo-audio-icon{color:#6d28d9;margin-bottom:4px}.color-categories-showcase{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.cat-chip{background:#faf9fc;border:1px solid #eeeaf5;border-radius:14px;align-items:center;gap:12px;padding:14px 16px;display:flex}.cat-chip>div{gap:2px;display:grid}.cat-chip strong{color:#1e293b;font-size:13px;font-weight:700}.cat-chip small{color:#64748b;font-size:11px}.cat-chip .dot{border-radius:999px;flex:none;width:12px;height:12px}.cat-chip.yellow .dot{background:#eab308}.cat-chip.green .dot{background:#22c55e}.cat-chip.blue .dot{background:#3b82f6}.cat-chip.pink .dot{background:#ec4899}.realtime-sync-box{background:#faf9fc;border:1px solid #eeeaf5;border-radius:16px;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:16px;display:grid}.sync-role{color:#6d28d9;background:#fff;border:0;border-radius:12px;align-items:flex-start;gap:10px;padding:12px;display:flex}.sync-role strong{color:#1e293b;font-size:13px;font-weight:700;display:block}.sync-role small{color:#64748b;margin-top:2px;font-size:12px;line-height:1.4;display:block}.sync-arrow{color:#7c3aed;flex-direction:column;align-items:center;gap:4px;font-size:10px;font-weight:650;display:flex}.onboarding-footer{border-top:1px solid #f1eef7;justify-content:flex-end;align-items:center;gap:10px;margin-top:24px;padding-top:18px;display:flex}.onboarding-footer .button-primary{box-shadow:none}.spin-slow{animation:8s linear infinite spin}@media (max-width:640px){.welcome-onboarding-card{border-radius:20px;padding:24px 18px 20px}.onboarding-stepper{gap:6px}.step-indicator{padding:8px 6px;font-size:11px}.demo-cards-grid,.color-categories-showcase,.realtime-sync-box{grid-template-columns:1fr 1fr}.realtime-sync-box{gap:10px}.sync-arrow{flex-direction:row;grid-column:1/-1;justify-content:center}}
.site-shell{--public-container:1180px;background:#f5f5f7;min-height:100vh;overflow-x:clip}.public-header{z-index:50;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:12px 0 0;position:sticky;top:0}.public-header-inner{width:min(calc(100% - 32px), var(--public-container));background:linear-gradient(135deg,#6d28d9 0%,#7c3aed 58%,#8b5cf6 100%);border:0;border-radius:22px;justify-content:space-between;align-items:center;gap:12px;min-height:64px;margin:0 auto;padding:9px 10px 9px 16px;display:flex;overflow:visible;box-shadow:inset 0 1px #ffffff2e,0 14px 34px #6d28d938}.public-header .brand{flex:auto;min-width:0}.public-header .brand small{text-overflow:ellipsis;max-width:220px;overflow:hidden}.public-header nav{flex:none;align-items:center;gap:10px;display:flex}.public-header .brand img{background:#fff;border-color:#ffffffb8;border-radius:13px;width:40px;height:40px;box-shadow:0 7px 20px #3212692e}.public-header .brand strong{color:#fff}.public-header .brand small{color:#ffffffb8}.public-header nav{align-items:center;gap:10px;display:flex}.public-header nav>a:not(.button){color:#ffffffe0;border-radius:999px;padding:10px 13px;transition:color .16s,background .16s}.public-header nav>a:not(.button):hover{color:#fff;background:#ffffff1f}.lang-switch{position:relative}.lang-switch-trigger{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff29;border:0;border-radius:999px;align-items:center;gap:8px;height:38px;padding:0 12px 0 10px;font-size:12px;font-weight:750;display:inline-flex}.lang-switch-trigger:hover,.lang-switch.is-open .lang-switch-trigger{background:#ffffff38;border-color:#ffffff80}.lang-flag{font-size:16px;line-height:1}.lang-flag-img{border-radius:3px;flex:none;width:22px;height:16px;overflow:hidden;box-shadow:0 0 0 1px #0f172a1f}.lang-switch-menu{z-index:40;background:#fff;border:1px solid #e9e5f5;border-radius:14px;gap:4px;min-width:180px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 40px #4c1d9529}.lang-switch-menu button{color:#334155;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:13px;font-weight:650;display:flex}.lang-switch-menu button:hover{color:#9d174d;background:#fff1f7}.lang-switch-menu button.is-on{color:#5b21b6;background:#f5f3ff}.public-header .button-small{color:#6d28d9;min-height:42px;box-shadow:none;background:#fffffff2;border:0;padding-inline:18px}.public-header .button-small:hover:not(:disabled){color:#5b21b6;box-shadow:none;background:#fff;border-color:#0000}.hero{background:linear-gradient(135deg,#faf9ff 0%,#f8f7fb 48%,#fff9fc 100%);border:0;margin-top:-76px;padding-top:76px;position:relative;overflow:hidden}.hero-grid-pattern{opacity:.18;pointer-events:none;background-image:linear-gradient(#6d28d909 1px,#0000 1px),linear-gradient(90deg,#6d28d909 1px,#0000 1px);background-size:54px 54px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 80%);mask-image:linear-gradient(#000,#0000 80%)}.hero-bubbles,.float-bubbles{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.hero-bubbles i,.float-bubbles i{filter:blur(1px);opacity:.45;will-change:transform;border-radius:50%;animation:linear infinite hero-bubble-float;display:block;position:absolute}.hero-bubbles i:first-child,.float-bubbles i:first-child{background:radial-gradient(circle at 30% 30%,#fbcfe8,#f9a8d4 70%);width:120px;height:120px;animation-duration:28s;animation-delay:-4s;bottom:-40px;left:8%}.hero-bubbles i:nth-child(2),.float-bubbles i:nth-child(2){opacity:.38;background:radial-gradient(circle at 30% 30%,#ddd6fe,#c4b5fd 70%);width:72px;height:72px;animation-duration:22s;animation-delay:-11s;bottom:-30px;left:22%}.hero-bubbles i:nth-child(3),.float-bubbles i:nth-child(3){opacity:.32;background:radial-gradient(circle at 30% 30%,#fde68a,#fcd34d 75%);width:96px;height:96px;animation-duration:32s;animation-delay:-7s;bottom:-50px;left:48%}.hero-bubbles i:nth-child(4),.float-bubbles i:nth-child(4){opacity:.35;background:radial-gradient(circle at 30% 30%,#bbf7d0,#86efac 70%);width:58px;height:58px;animation-duration:24s;animation-delay:-15s;bottom:-24px;left:68%}.hero-bubbles i:nth-child(5),.float-bubbles i:nth-child(5){opacity:.4;background:radial-gradient(circle at 30% 30%,#e9d5ff,#d8b4fe 70%);width:140px;height:140px;animation-duration:36s;animation-delay:-2s;bottom:-60px;left:82%}.hero-bubbles i:nth-child(6),.float-bubbles i:nth-child(6){opacity:.36;background:radial-gradient(circle at 30% 30%,#bae6fd,#7dd3fc 70%);width:44px;height:44px;animation-duration:20s;animation-delay:-9s;bottom:-20px;left:14%}.hero-bubbles i:nth-child(7),.float-bubbles i:nth-child(7){opacity:.34;background:radial-gradient(circle at 30% 30%,#fecdd3,#fda4af 70%);width:88px;height:88px;animation-duration:26s;animation-delay:-18s;bottom:-36px;left:36%}.hero-bubbles i:nth-child(8),.float-bubbles i:nth-child(8){opacity:.33;background:radial-gradient(circle at 30% 30%,#c7d2fe,#a5b4fc 70%);width:64px;height:64px;animation-duration:30s;animation-delay:-13s;bottom:-28px;left:58%}@keyframes hero-bubble-float{0%{opacity:0;transform:translate(0,0)scale(1)}12%{opacity:.4}50%{opacity:.28;transform:translate(24px,-48vh)scale(1.08)}88%{opacity:.18}to{opacity:0;transform:translate(-18px,-92vh)scale(.92)}}@media (prefers-reduced-motion:reduce){.hero-bubbles i,.float-bubbles i{opacity:.22;animation:none;transform:translateY(-28vh)}}.has-bubbles{position:relative;overflow:hidden}.has-bubbles>:not(.float-bubbles){z-index:1;position:relative}.hero-inner{z-index:1;width:min(calc(100% - 40px), var(--public-container));grid-template-columns:minmax(0,.94fr) minmax(460px,1.06fr);gap:clamp(48px,6vw,82px);min-height:760px;margin:0 auto;padding:112px 0 84px;display:grid;position:relative}.hero-copy{max-width:590px;overflow:visible}.hero-kicker,.section-kicker{color:#6d28d9;letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:9px;font-size:11px;font-weight:800;display:inline-flex}.hero-kicker{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffad;border:0;border-radius:999px;padding:9px 13px;box-shadow:0 8px 26px #4a217d0f}.hero h1{color:#121426;letter-spacing:-.055em;text-wrap:balance;max-width:610px;margin:22px 0 20px;padding-top:6px;font-size:clamp(44px,4.8vw,66px);font-weight:800;line-height:1.08;overflow:visible}.hero h1 span{color:#0000;background:linear-gradient(118deg,#6d28d9 2%,#a78bfa 47%,#7c3aed 98%);-webkit-background-clip:text;background-clip:text}.hero-copy>p{color:#596278;max-width:570px;font-size:clamp(16px,1.4vw,19px);line-height:1.68}.hero-actions{margin-top:28px}.hero-actions .button{min-height:49px;padding-inline:21px}.button-primary{color:#5b21b6;box-shadow:none;background:#ede9fe;border-color:#c4b5fd}.button-primary:hover:not(:disabled){color:#4c1d95;background:#ddd6fe;border-color:#a78bfa}.button-secondary{color:#5b21b6;box-shadow:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffdb;border-color:#6d28d91f}.button-secondary:hover:not(:disabled){color:#4c1d95;background:#fff;border-color:#c4b5fd}.hero-trust{color:#687187;gap:16px;margin-top:25px;font-size:11px}.hero-trust span{gap:5px}.hero-trust svg{color:#7c3aed}.hero-product{z-index:2;justify-self:end;width:100%;max-width:610px;padding:0;position:relative}.demo-board{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:1px solid #ddd9e8;border-radius:24px;justify-self:auto;max-width:none;padding:16px;box-shadow:0 24px 55px #31234e1f,inset 0 1px #fff}.demo-window-bar{color:#737b8f;grid-template-columns:1fr auto 1fr;align-items:center;min-height:42px;padding:0 8px 6px;font-size:11px;font-weight:700;display:grid}.window-dots{gap:5px;display:flex}.window-dots i{background:#fda4af;border-radius:50%;width:7px;height:7px}.window-dots i:nth-child(2){background:#fde68a}.window-dots i:nth-child(3){background:#86efac}.demo-live{color:#15803d;background:#f0fdf4;border-radius:999px;justify-self:end;align-items:center;gap:5px;padding:6px 9px;display:flex}.demo-live i{background:#22c55e;border-radius:50%;width:5px;height:5px}.demo-grid{gap:9px;margin-top:4px}.demo-grid>button{border-color:#5c457e1c;border-radius:14px;box-shadow:inset 0 1px #fffc}.demo-grid img{width:68%;height:68%}.demo-grid strong{font-size:12px}.demo-board-foot{color:#697185;justify-content:space-between;align-items:center;gap:12px;padding:14px 6px 2px;font-size:10px;font-weight:700;display:flex}.demo-board-foot span{align-items:center;gap:5px;display:inline-flex}.hero-brand-strip{z-index:2;width:min(calc(100% - 40px), var(--public-container));-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:1px solid #e5e2ec;border-radius:18px;grid-template-columns:1fr;align-items:center;gap:20px;margin:0 auto 48px;padding:22px 26px;display:grid;position:relative;box-shadow:0 10px 28px #2d1e520b}.hero-brand-strip>span{color:#626a7d;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:750}.hero-brand-strip>div{grid-template-columns:repeat(4,minmax(0,1fr));justify-content:space-between;align-items:center;gap:12px;display:grid}.hero-brand-strip strong{color:#34394a;white-space:normal;border-left:2px solid #8b5cf6;padding:4px 0 4px 12px;font-size:13px}.section{padding:clamp(82px, 9vw, 120px) max(20px, calc((100vw - var(--public-container)) / 2))}.problem-section{background:radial-gradient(circle at 50% 0,#8b5cf60d,#0000 31rem),#fff}.tinted-section{background:radial-gradient(circle at 10% 10%,#d8b4fe29,#0000 26rem),radial-gradient(circle at 90% 90%,#fbcfe82e,#0000 26rem),#f5f3f9;border:0}.section-heading{max-width:760px;margin-bottom:clamp(38px,5vw,58px)}.section-heading h2{color:#151729;letter-spacing:-.052em;text-wrap:balance;margin:15px 0 13px;font-size:clamp(32px,4vw,49px);line-height:1.08}.section-heading p{color:#697185;max-width:650px;margin-inline:auto;font-size:clamp(14px,1.4vw,17px);line-height:1.7}.three-cards,.feature-grid,.steps{max-width:var(--public-container)}.three-cards{gap:15px}.feature-card,.resource-card,.steps li{background:#fffc;border:1px solid #5f4b821a;border-radius:24px;transition:transform .18s,border-color .18s,background-color .18s,box-shadow .18s;box-shadow:0 18px 46px #2e204e0f,inset 0 1px #fffffff2}.feature-card{min-height:250px;padding:26px}.feature-card:hover,.resource-card:hover,.steps li:hover{background:#fff1f7;border-color:#f9a8d4;transform:translateY(-4px);box-shadow:0 24px 55px #db27771f}.feature-icon,.resource-card>span{border-radius:15px;width:46px;height:46px}.feature-card h3{letter-spacing:-.025em;margin-top:38px;font-size:17px}.feature-card p,.resource-card p,.steps p{color:#687085;font-size:14px;line-height:1.7}.steps{gap:15px}.steps li{min-height:350px;padding:18px}.step-topline{justify-content:space-between;align-items:center;display:flex}.steps .step-topline>span{color:#a78bfa;letter-spacing:.12em;font-size:12px;font-weight:850}.step-topline small{color:#756b8b;background:#f3f0fb;border-radius:999px;padding:6px 9px;font-size:8px;font-weight:800}.step-visual{color:#7c3aed;background:radial-gradient(circle,#8b5cf62b,#0000 48%),linear-gradient(145deg,#faf9fe,#f2eff9);border:1px solid #6d28d914;border-radius:18px;place-items:center;height:150px;margin-top:16px;display:grid;position:relative;overflow:hidden}.step-visual:before,.step-visual:after{content:"";background:#ffffff9e;border:1px solid #8b5cf61a;border-radius:16px;width:58px;height:58px;position:absolute;transform:rotate(12deg)translate(-52px,12px)}.step-visual:after{transform:rotate(-9deg)translate(52px,8px)}.step-visual svg{z-index:1;filter:drop-shadow(0 8px 14px #6d28d92e);width:39px;height:39px;position:relative}.steps h3{letter-spacing:-.025em;margin:20px 4px 8px;font-size:17px}.steps p{margin-inline:4px}.step-copy{align-items:flex-start;gap:13px;padding:3px 2px 0;display:flex}.step-copy>span{color:#7c3aed;background:#ffffffe6;border:1px solid #7c3aed33;border-radius:50%;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:11px;font-weight:850;display:grid;box-shadow:0 7px 20px #6d28d912}.steps .step-copy h3{margin:2px 0 6px}.steps .step-copy p{margin:0}.step-mockup{background:linear-gradient(145deg,#fffffff5,#f9f7ffe6);border:1px solid #6d28d917;border-radius:19px;min-height:228px;margin-top:20px;padding:14px;box-shadow:0 16px 36px #37235c0f,inset 0 1px #fff}.step-mockup>strong{color:#514a63;letter-spacing:.09em;text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:850;display:block}.template-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.template-thumb{aspect-ratio:1;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;padding:5px;display:grid}.template-thumb:first-child,.template-thumb:nth-child(5){grid-template-columns:repeat(2,minmax(0,1fr))}.template-thumb i{background:#ffffff94;border-radius:3px;place-items:center;min-width:0;display:grid}.template-thumb i>span{aspect-ratio:1;opacity:.85;border-radius:50%;width:38%}.symbol-board{gap:7px;display:grid}.symbol-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.symbol-row>i{aspect-ratio:1;border-radius:7px;place-items:center;display:grid}.symbol-row span{border-radius:50%;width:9px;height:9px}.export-preview{align-items:flex-end;gap:13px;display:flex}.export-preview>svg{color:#9b7cf7;flex:0 0 38px;width:38px;height:38px;margin-bottom:2px}.export-sheet{background:#f7f4ff;border:1px solid #ebe6fb;border-radius:8px;flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:8px;display:grid}.export-sheet i{aspect-ratio:1;background:#fff;border:1px solid #ebe6fb;border-radius:4px;place-items:center;display:grid}.export-sheet span{background:#b8a0ff;border-radius:50%;width:7px;height:7px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.resource-card{grid-template-columns:auto 1fr;align-items:start;gap:18px;min-height:168px;padding:26px;display:grid}.resource-card:nth-child(2)>span,.resource-card:nth-child(5)>span{color:#078467;background:#e5faf4}.resource-card:nth-child(3)>span,.resource-card:nth-child(6)>span{color:#d73584;background:#fff0f7}.resource-card h3{letter-spacing:-.025em;margin:3px 0 8px;font-size:18px}.audience-section{background:radial-gradient(circle at 15% 20%,#c4b5fd29,#0000 28rem),radial-gradient(circle at 90% 75%,#fbcfe82e,#0000 28rem),#faf9fc}.audience-grid,.use-case-grid{width:min(100%, var(--public-container));gap:15px;margin-inline:auto;display:grid}.audience-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.audience-card,.use-case-card,.faq-list details{background:#ffffffd6;border:1px solid #5f4b821a;box-shadow:0 18px 46px #2e204e0e,inset 0 1px #fffffff2}.audience-card{text-align:center;border-radius:24px;min-height:225px;padding:26px 22px;transition:transform .18s,border-color .18s,background-color .18s,box-shadow .18s}.audience-card:hover,.use-case-card:hover{background:#fff1f7;border-color:#f9a8d4;transform:translateY(-4px);box-shadow:0 24px 55px #db27771f}.audience-card:hover{background:#fff1f7;border-color:#f9a8d4;box-shadow:0 24px 55px #db27771f}.audience-card>span,.use-case-card>span{color:#7c3aed;background:#f1eaff;border-radius:17px;place-items:center;width:52px;height:52px;margin:0 auto 24px;display:grid}.audience-card:nth-child(2)>span,.use-case-card:nth-child(2)>span{color:#db2777;background:#ffe9f3}.audience-card:nth-child(3)>span,.use-case-card:nth-child(3)>span{color:#078467;background:#e5faf4}.audience-card:nth-child(4)>span,.use-case-card:nth-child(4)>span{color:#d65c10;background:#fff0df}.audience-card svg,.use-case-card svg{width:24px;height:24px}.audience-card h3,.use-case-card h3{color:#151729;letter-spacing:-.025em;font-size:18px}.audience-card p,.use-case-card p,.faq-list p{color:#687085;font-size:14px;line-height:1.7}.use-cases-section{background:#fff}.use-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.use-case-card{border-radius:24px;grid-template-columns:auto 1fr;gap:18px;min-height:170px;padding:28px;transition:transform .18s,border-color .18s,background-color .18s,box-shadow .18s;display:grid;position:relative;overflow:hidden}.use-case-card>span{margin:0}.use-case-card h3{margin:3px 0 8px}.faq-section{background:#f8f7fb}.faq-list{gap:11px;width:min(100%,900px);margin-inline:auto;display:grid}.faq-list details{border-radius:19px;padding:0 22px}.faq-list details[open]{border-color:#6d28d933;box-shadow:0 18px 44px #3c266314}.faq-list summary{color:#17182a;cursor:pointer;justify-content:space-between;align-items:center;gap:20px;min-height:70px;font-size:15px;font-weight:750;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:#7c3aed;border:1px solid #e8e1fa;border-radius:50%;flex:0 0 30px;place-items:center;width:30px;height:30px;transition:transform .18s,background .18s;display:grid}.faq-list details[open] summary span{background:#f1eaff;transform:rotate(45deg)}.faq-list p{margin:-4px 50px 20px 0}.final-cta-wrap{padding:22px max(20px, calc((100vw - var(--public-container)) / 2)) 94px;background:#fff}.final-cta{text-align:left;background:linear-gradient(135deg,#171626,#242039);border:1px solid #28253d;border-radius:28px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:48px;min-height:300px;padding:58px 64px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 55px #1b163029}.final-cta:before{display:none}.final-cta .section-kicker{color:#c4b5fd}.final-cta h2{color:#fff;letter-spacing:-.055em;text-wrap:balance;max-width:700px;margin:14px 0;font-size:clamp(34px,4.5vw,52px);line-height:1.04;position:relative}.final-cta p{color:#c7c3d4;max-width:620px;margin-bottom:0;font-size:16px;line-height:1.7;position:relative}.final-cta .button{white-space:nowrap;min-height:49px;position:relative}.public-footer{padding:68px max(20px, calc((100vw - var(--public-container)) / 2)) 25px;background:#f5f5f7;border-top:1px solid #59447814;display:block}.footer-main{grid-template-columns:1fr auto;gap:90px;padding-bottom:42px;display:grid}.footer-brand{max-width:380px}.public-footer .footer-brand .brand{gap:13px}.public-footer .footer-brand .brand img{border-radius:17px;width:54px;height:54px}.public-footer .footer-brand .brand strong{font-size:21px}.public-footer .footer-brand .brand small{margin-top:5px;font-size:12px}.footer-brand>p{color:#5f687b;margin:20px 0 0;font-size:15px;line-height:1.7}.public-footer .footer-main>nav{grid-template-columns:repeat(2,minmax(165px,1fr));align-items:start;gap:72px;display:grid}.footer-main nav>div{gap:14px;display:grid}.footer-main nav strong{color:#202438;letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;font-size:12px;font-weight:800}.footer-main nav a{color:#626b7e;font-size:14px;line-height:1.35}.footer-bottom{border-top:1px solid #5c48781a;justify-content:space-between;align-items:center;gap:20px;min-height:72px;display:flex}.footer-bottom>p{color:#757d8e;margin:0;font-size:12px}.avory-credit{background:#ffffffad;border:1px solid #1b3dea14;border-radius:999px;align-items:center;gap:9px;padding:8px 14px 8px 10px;transition:transform .16s,box-shadow .16s;display:inline-flex;box-shadow:0 7px 20px #1f338e0f}.avory-credit:hover{transform:translateY(-2px);box-shadow:0 11px 26px #1f338e1a}.avory-credit span{color:#7e8697;font-size:10px}.avory-credit img{object-fit:contain;width:28px;height:28px}.avory-credit strong{color:#1d3cf0;font-size:12px}.login-page{width:100%;position:relative;overflow:hidden}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffc7;border-color:#ffffffe6;box-shadow:0 35px 85px #41286821}.login-page-centered{background:radial-gradient(circle at 12% 18%,#fbcfe86b,#0000 28rem),radial-gradient(circle at 88% 12%,#ddd6fe7a,#0000 26rem),radial-gradient(circle at 70% 88%,#fef3c752,#0000 24rem),linear-gradient(160deg,#faf8ff 0%,#f7f5fb 48%,#fff9fc 100%);grid-template-columns:1fr;place-items:center;width:100%;min-height:calc(100svh - 76px);margin:0;padding:72px 20px 88px;display:grid}.login-panel{z-index:1;justify-items:center;gap:16px;width:min(100%,440px);display:grid;position:relative}.login-card-compact{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#fffffff5;border:1px solid #7c3aed14;border-radius:28px;width:100%;padding:38px 36px 32px;position:relative;overflow:hidden;box-shadow:0 24px 60px #38265a1a,inset 0 1px #ffffffe6}.login-brand{align-items:center;gap:10px;display:inline-flex}.login-brand img{object-fit:contain;border:1px solid #eeeaf5;border-radius:15px;width:48px;height:48px;box-shadow:0 7px 18px #30205012}.login-brand strong{color:#6d28d9;letter-spacing:-.03em;font-size:18px}.login-overline{color:#7c3aed;letter-spacing:.17em;text-transform:uppercase;margin-top:25px;font-size:10px;font-weight:800;display:block}.login-card-compact h1{color:#17182a;letter-spacing:-.045em;margin:10px 0 12px;font-size:27px;line-height:1.15}.login-card-compact>p{color:#646d80;max-width:35ch;margin:0 auto;font-size:14px;line-height:1.65}.login-provider{border-top:1px solid #efedf3;margin:30px -36px 0;padding:25px 36px 0}.login-provider>span{color:#747c8e;font-size:12px}.login-provider .google-button{background:#fff;border:1px solid #e8e4f0;border-radius:999px;width:100%;margin:14px 0 10px;padding:6px}.google-button iframe{max-width:100%!important}.login-progress{color:#6d28d9;margin-top:12px;font-size:12px;font-weight:700}.login-provider .form-error{text-align:left;margin-top:13px}.login-security{color:#047857;background:#ecfdf5;border-radius:999px;justify-content:center;align-items:center;gap:7px;margin-top:24px;padding:8px 14px;font-size:12px;font-weight:700;display:inline-flex}.login-security svg{color:#059669;flex-shrink:0}.login-page.has-bubbles .float-bubbles i{opacity:.55;filter:blur(.5px)}.login-card-compact>small{color:#94a3b8;margin-top:20px;display:block}.login-card-compact>small a{color:#6d28d9;font-weight:700}.login-back{color:#9d174d;background:#fdf2f8;border:1px solid #f9a8d4;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:46px;margin-top:4px;padding:0 18px;font-size:13px;font-weight:700;transition:background .16s,color .16s,border-color .16s;display:inline-flex}.login-back:hover{color:#831843;background:#fce7f3;border-color:#f472b6}.legal-page{width:min(100% - 40px,820px)}.workspace-page,.standard-page{width:min(100% - 48px,1240px)}@media (max-width:1100px){.hero-inner{grid-template-columns:1fr;gap:58px;min-height:auto;padding:132px 0 82px}.hero-copy{text-align:center;justify-self:center;max-width:760px}.hero h1,.hero-copy>p{margin-inline:auto}.hero-actions,.hero-trust{justify-content:center}.hero-product{justify-self:center;max-width:620px}.hero-brand-strip{text-align:center;grid-template-columns:1fr;gap:13px}.hero-brand-strip>div{justify-content:center}}@media (max-width:820px){.public-header{padding-top:8px}.public-header-inner{width:min(calc(100% - 20px), var(--public-container));border-radius:19px;min-height:58px;padding:7px 8px 7px 12px}.public-header nav>a:not(.button){display:none}.hero{margin-top:-66px;padding-top:66px}.hero-inner{width:min(calc(100% - 30px), var(--public-container));gap:48px;padding:110px 0 68px}.hero h1{font-size:clamp(42px,10.5vw,62px)}.hero-brand-strip{margin-bottom:28px}.hero-brand-strip>div{grid-template-columns:repeat(2,minmax(0,1fr))}.three-cards,.steps,.feature-grid{grid-template-columns:1fr}.steps li{grid-template-columns:minmax(0,.8fr) minmax(280px,1.2fr);align-items:center;gap:22px;display:grid}.step-mockup{min-height:210px;margin-top:0}.audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.use-case-grid{grid-template-columns:1fr}.final-cta{grid-template-columns:1fr;gap:30px}.feature-card{min-height:220px}.steps li{min-height:auto}.footer-main{grid-template-columns:1fr;gap:38px}.public-footer .footer-main>nav{justify-content:start}}@media (max-width:600px){.login-page-centered{padding:42px 14px 62px}.login-card-compact{padding:32px 20px 27px}.login-provider{margin-inline:-20px;padding-inline:20px}.login-brand strong{font-size:17px}.login-card-compact h1{font-size:24px}.public-header .brand img{width:36px;height:36px}.public-header .brand strong{font-size:14px}.public-header .button-small{min-height:38px;padding-inline:16px}.hero-inner{width:min(calc(100% - 24px), var(--public-container));padding-top:96px}.hero-kicker{letter-spacing:.1em;font-size:8px}.hero h1{margin-top:20px;font-size:clamp(38px,12vw,52px);line-height:1.02}.hero-copy>p{font-size:14px}.hero-actions{display:grid}.hero-actions .button{width:100%}.hero-trust{gap:10px 14px}.hero-product{padding:0}.demo-board{border-radius:24px;padding:9px}.demo-window-bar{grid-template-columns:1fr auto}.demo-window-bar>span:nth-child(2),.demo-board-foot>span:last-child{display:none}.hero-brand-strip{width:min(100% - 24px,1080px);padding:15px}.hero-brand-strip strong{width:auto}.section{padding:74px 16px}.section-heading{margin-bottom:34px}.section-heading h2{font-size:clamp(30px,9vw,40px)}.feature-card,.resource-card,.steps li{border-radius:21px}.steps li{display:block}.step-mockup{min-height:0;margin-top:20px}.audience-grid{grid-template-columns:1fr}.audience-card{min-height:0}.use-case-card{min-height:0;padding:22px}.faq-list details{padding-inline:17px}.faq-list summary{min-height:64px;font-size:13px}.faq-list p{margin-right:0}.resource-card{grid-template-columns:1fr;min-height:0}.final-cta-wrap{padding:10px 12px 58px}.final-cta{border-radius:27px;min-height:0;padding:40px 24px}.final-cta h2{font-size:clamp(34px,10vw,46px)}.public-footer{padding:55px 18px 22px}.public-footer .footer-main>nav{grid-template-columns:1fr 1fr;gap:25px}.footer-bottom{flex-direction:column;align-items:flex-start;padding-top:18px}.workspace-page,.standard-page{width:min(100% - 24px,1240px)}}@media (max-width:390px){.public-header-inner{width:calc(100% - 14px)}.public-header .brand{gap:7px}.public-header .brand img{width:34px;height:34px}.public-header .button-small{min-height:36px;padding-inline:13px;font-size:11px}.hero h1{font-size:37px}.hero-trust{justify-content:center;display:grid}.demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-grid>button{aspect-ratio:1.25}}