:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#eef0eb;--paper-strong:#f7f8f4;--paper-soft:#e0e1da;--ink-900:#24272a;--ink-700:#424549;--ink-500:#6f7378;--ink-300:#a8ada9;--ink-100:#d5d8d2;--rule:#c8ccc4;--rule-soft:#dee0d9;--shu:#4a6b5a;--shu-dark:#2f4d40;--shu-tint:#4a6b5a14;--shu-tint-strong:#4a6b5a2e;--state-success:#6f9c66;--state-success-bg:#6f9c661f;--state-warning:#a87a3d;--state-warning-bg:#a87a3d24;--state-danger:#9e5a56;--state-danger-bg:#9e5a561f;--state-info:#5c7691;--state-info-bg:#5c76911f;--cta-gradient:linear-gradient(135deg, #5e8a72 0%, #2f4d40 100%);--cta-gradient-hover:linear-gradient(135deg, #6fa181 0%, #3a6651 100%);--cta-shadow:0 6px 16px #2f4d4047;--cta-shadow-hover:0 10px 24px #2f4d405c;--cta-highlight:inset 0 1px 0 #fff3;--background:var(--paper);--surface:var(--paper-strong);--surface-strong:var(--paper-strong);--ink:var(--ink-900);--muted:var(--ink-500);--line:var(--rule-soft);--line-strong:var(--rule);--primary:var(--shu);--primary-dark:var(--shu-dark);--primary-gradient:var(--shu);--primary-shadow-soft:#1a16120d;--primary-shadow-strong:#1a16121a;--primary-tint-08:var(--shu-tint);--primary-tint-12:#4a6b5a1f;--primary-tint-16:var(--shu-tint-strong);--primary-tint-34:#4a6b5a47;--rust:#8a4f23;--blue:#2d5160;--gold:#8c6a1f;--sage:#c5c9b5;--peach:#d7c3ae;--sky:#bfc6cb;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:22px;--radius-pill:999px;--shadow-soft:0 1px 0 #1a16120d;--shadow:0 1px 0 #1a161214;--font-sans:var(--font-sans-jp), "Hiragino Kaku Gothic ProN", "Yu Gothic", "YuGothic", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:var(--font-inter-tight), "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace}*{box-sizing:border-box}input[type=checkbox],input[type=radio]{accent-color:var(--shu)}*{scrollbar-color:var(--ink-300) transparent;scrollbar-width:thin}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--ink-300);border:2px solid #0000;border-radius:0}::-webkit-scrollbar-thumb:hover{background-color:var(--ink-500)}::-webkit-scrollbar-corner{background:0 0}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#1d1f22;--paper-strong:#272a2d;--paper-soft:#2f3236;--ink-900:#f1f3f0;--ink-700:#cfd2cf;--ink-500:#8d9090;--ink-300:#5d6064;--ink-100:#3a3d40;--rule:#3f4246;--rule-soft:#2f3236;--shu:#8fb59f;--shu-dark:#6b9683;--shu-tint:#8fb59f24;--shu-tint-strong:#8fb59f3d;--state-success:#a8c79e;--state-success-bg:#a8c79e24;--state-warning:#d4a872;--state-warning-bg:#d4a87224;--state-danger:#c98884;--state-danger-bg:#c9888424;--state-info:#9aafc6;--state-info-bg:#9aafc624;--cta-gradient:linear-gradient(135deg, #88c1a1 0%, #4a8068 100%);--cta-gradient-hover:linear-gradient(135deg, #9bd1b3 0%, #5a9279 100%);--cta-shadow:0 6px 16px #0006;--cta-shadow-hover:0 10px 24px #00000080;--cta-highlight:inset 0 1px 0 #ffffff2e;--background:var(--paper);--surface:var(--paper-strong);--surface-strong:var(--paper-strong);--ink:var(--ink-900);--muted:var(--ink-500);--line:var(--rule-soft);--line-strong:var(--rule);--primary:var(--shu);--primary-dark:var(--shu-dark);--primary-gradient:var(--shu);--primary-shadow-soft:#0006;--primary-shadow-strong:#00000080;--primary-tint-08:var(--shu-tint);--primary-tint-12:#8fb59f29;--primary-tint-16:var(--shu-tint-strong);--primary-tint-34:var(--shu-tint-strong);--shadow-soft:0 1px 0 #ffffff08;--shadow:0 1px 0 #f4ecd914}:root[data-theme=dark] *{scrollbar-color:var(--ink-300) transparent}:root[data-theme=dark] ::-webkit-scrollbar-thumb{background-color:var(--ink-300)}:root[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background-color:var(--ink-500)}:root[data-theme=dark] .site-header{background:var(--paper);border-bottom-color:var(--rule)}:root[data-theme=dark] .brand-mark{background:var(--paper-strong);color:var(--ink-900);border:1px solid var(--rule)}:root[data-theme=dark] .button.primary{color:var(--paper);background:linear-gradient(#f4ecd9 0%,#d4c9b1 100%);box-shadow:inset 0 1px #fbf7ec80,0 1px 2px #0000004d}:root[data-theme=dark] .button.primary:hover{background:linear-gradient(#fbf7ec 0%,#ddd0b5 100%)}:root[data-theme=dark] .button.primary.is-cta{color:var(--paper);background:linear-gradient(#f4ecd9 0%,#d4c9b1 100%);box-shadow:inset 0 1px #fbf7ec80,0 4px 12px #00000052}:root[data-theme=dark] .button.primary.is-cta:hover{background:linear-gradient(#fbf7ec 0%,#ddd0b5 100%)}:root[data-theme=dark] .button.secondary{border-color:var(--ink-500);color:var(--ink-900);background:0 0}:root[data-theme=dark] .button.secondary:hover{border-color:var(--ink-900)}:root[data-theme=dark] .footer{color:#f1f3f099;background:#15171a}:root[data-theme=dark] .hero-em{color:var(--shu)}html{background:var(--background);color:var(--ink);font-family:var(--font-sans);font-feature-settings:"palt" 1;scrollbar-gutter:stable;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;max-width:100%;overflow-x:clip}body{font-size:16px;line-height:1.78}.tabular,time,.eyebrow,.mini-label,.price,.report-strip strong,.board-total strong,.dashboard-header strong,.timer-pill,.proof-strip span,.workflow-item-step{font-variant-numeric:tabular-nums slashed-zero}body{max-width:100%;margin:0;overflow-x:clip}main{max-width:100%;overflow-x:clip}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1{font-family:var(--font-sans);font-feature-settings:"palt" 1;letter-spacing:-.012em;overflow-wrap:anywhere;max-width:18ch;color:var(--ink-900);margin-bottom:28px;font-size:clamp(2.1rem,4vw,3.4rem);font-weight:600;line-height:1.34}h1 span{display:block}h2{font-family:var(--font-sans);font-feature-settings:"palt" 1;letter-spacing:-.012em;overflow-wrap:anywhere;color:var(--ink-900);margin-bottom:20px;font-size:clamp(1.55rem,2.8vw,2.3rem);font-weight:600;line-height:1.42}.headline{font-family:var(--font-sans);font-feature-settings:"palt" 1;letter-spacing:-.012em;overflow-wrap:normal;max-width:22ch;word-break:auto-phrase;margin-inline:0;font-size:clamp(1.7rem,2.8vw,2.4rem);font-weight:700;line-height:1.4}.headline-line{display:inline}h3{letter-spacing:0;font-size:1.18rem;line-height:1.25}.site-shell{flex-direction:column;width:100%;max-width:100vw;min-height:100dvh;display:flex;overflow:hidden}.site-header{background:var(--paper);-webkit-backdrop-filter:saturate(140%)blur(8px);backdrop-filter:saturate(140%)blur(8px);border:0;border-bottom:1px solid var(--rule-soft);box-shadow:none;z-index:20;border-radius:0;justify-content:space-between;align-items:center;gap:24px;width:100%;max-width:100vw;margin:0;padding:16px clamp(20px,5vw,48px);display:flex;position:sticky;top:0}.brand{font-family:var(--font-sans);letter-spacing:.01em;align-items:center;gap:10px;font-size:1.18rem;font-weight:600;display:inline-flex}.brand-mark{background:var(--ink-900);border-radius:var(--radius-sm);color:var(--paper-strong);font-family:var(--font-sans);justify-content:center;align-items:center;width:32px;height:32px;font-size:1.08rem;font-weight:500;display:inline-flex}.nav-links{color:var(--ink-700);font-family:var(--font-sans);align-items:center;gap:4px;font-size:.92rem;font-weight:500;display:flex}.nav-links a{border-radius:0;padding:8px 14px;transition:color .16s;position:relative}.nav-links a:hover{color:var(--shu);background:0 0}.nav-links a:after{background:var(--shu);content:"";transform-origin:0;height:1px;transition:transform .2s;position:absolute;bottom:4px;left:14px;right:14px;transform:scaleX(0)}.nav-links a:hover:after{transform:scaleX(1)}@media (max-width:720px){.site-header{flex-wrap:nowrap;gap:8px;padding:12px 16px}.nav-links{display:none}.nav-actions{gap:6px}.nav-actions .button{min-height:36px;padding:0 10px;font-size:.82rem}.brand{font-size:1rem}.brand-mark{width:28px;height:28px;font-size:.96rem}}@media (max-width:420px){.site-header{gap:6px;padding:10px 12px}.brand span{display:none}.nav-actions{gap:4px}.nav-actions .button{padding:0 8px;font-size:.78rem}}.mobile-menu{display:none}@media (max-width:720px){.mobile-menu{display:block;position:relative}.mobile-menu>summary{border:1px solid var(--rule);border-radius:var(--radius-md);color:var(--ink-900);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:38px;height:38px;list-style:none;display:inline-flex}.mobile-menu>summary::-webkit-details-marker{display:none}.mobile-menu>summary:before{background:linear-gradient(var(--ink-900) 0 2px, transparent 2px 6px, var(--ink-900) 6px 8px, transparent 8px 12px, var(--ink-900) 12px 14px);content:"";width:18px;height:14px}.mobile-menu[open]>summary{background:var(--ink-900);border-color:var(--ink-900)}.mobile-menu[open]>summary:before{background:linear-gradient(var(--paper-strong) 0 2px, transparent 2px 6px, var(--paper-strong) 6px 8px, transparent 8px 12px, var(--paper-strong) 12px 14px)}.mobile-menu-panel{background:var(--paper-strong);border:1px solid var(--rule);border-radius:var(--radius-md);z-index:30;gap:0;width:220px;padding:8px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 12px 32px #1a16121a}.mobile-menu-panel a{border-radius:var(--radius-sm);color:var(--ink-900);font-family:var(--font-sans);padding:10px 14px;font-size:.94rem;font-weight:500;display:block}.mobile-menu-panel a:hover{background:var(--paper-soft);color:var(--shu)}}@media (max-width:760px){.mini-price-grid,.price-grid{grid-template-columns:minmax(0,1fr)}}.not-found-card h1{max-width:none}.nav-actions{align-items:center;gap:10px;display:flex}.button{border-radius:var(--radius-md);font-family:var(--font-sans);letter-spacing:.02em;white-space:nowrap;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;min-height:44px;padding:0 22px;font-size:.94rem;font-weight:500;transition:background-color .16s,border-color .16s,color .16s,transform 80ms;display:inline-flex}.button:hover{transform:none}.button:active{transform:translateY(.5px)}.button.primary{color:var(--paper-strong);background:linear-gradient(#3a4544 0%,#24272a 100%);box-shadow:inset 0 1px #f1f3f01a,0 1px 2px #24272a33}.button.primary:hover{background:linear-gradient(#4a6b5a 0%,#2f4d40 100%);box-shadow:inset 0 1px #f1f3f029,0 2px 6px #2f4d4047}.button.primary.is-cta{background:var(--cta-gradient);box-shadow:var(--cta-highlight), var(--cta-shadow);color:#fff;letter-spacing:.04em;font-weight:600}.button.primary.is-cta:hover{background:var(--cta-gradient-hover);box-shadow:var(--cta-highlight), var(--cta-shadow-hover);transform:translateY(-1px)}.button.primary.is-cta:active{transform:translateY(0)}.button.secondary{border-color:var(--rule);color:var(--ink-900);background:0 0}.button.secondary:hover{background:var(--shu-tint);border-color:var(--shu);color:var(--shu-dark)}.hero-link{border:0;border-bottom:1px solid var(--ink-900);color:var(--ink-900);font-family:var(--font-sans);align-items:center;gap:6px;padding:6px 0;font-size:.94rem;font-weight:500;transition:color .16s,border-color .16s;display:inline-flex}.hero-link:hover{border-bottom-color:var(--shu);color:var(--shu)}.button.coming-soon,.button.coming-soon:hover{background:var(--surface-strong,var(--paper-soft));border:1px dashed var(--line-strong,var(--rule));box-shadow:none;color:var(--muted,#7c5c52);cursor:not-allowed;letter-spacing:.04em;text-transform:uppercase;font-weight:600;transform:none}.hero{background:var(--paper);isolation:isolate;padding:clamp(72px,9vw,128px) clamp(20px,5vw,64px) clamp(80px,8vw,128px);position:relative;overflow:hidden}.hero:after{display:none}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(48px,6vw,88px);max-width:1180px;margin:0 auto;display:grid}.hero-copy{z-index:2;max-width:540px;position:relative}.hero-copy .lead{color:var(--ink-700);max-width:540px}.hero-eyebrow{color:var(--ink-500);font-family:var(--font-sans);letter-spacing:.04em;margin-bottom:22px;font-size:.86rem;font-weight:500}.hero-em{color:var(--shu);font-style:normal}.hero-actions{flex-wrap:wrap;align-items:center;gap:20px;margin-top:36px;display:flex}.hero-note{display:none}.hero-mock{z-index:1;position:relative}.hero-mock-window{background:var(--paper-strong);border:1px solid var(--rule-soft);border-radius:22px;position:relative;overflow:hidden;box-shadow:0 24px 60px #2a252014,0 4px 12px #2a25200a}.hero-mock-chrome{background:var(--paper);border-bottom:1px solid var(--rule-soft);align-items:center;gap:8px;padding:14px 18px;display:flex}.hero-mock-chrome>span{background:var(--ink-300);opacity:.5;border-radius:50%;width:10px;height:10px}.hero-mock-url{background:var(--paper-strong);color:var(--ink-500);font-family:var(--font-mono);opacity:1;border-radius:999px;width:auto;height:auto;margin-left:12px;padding:4px 14px;font-size:.74rem}.hero-mock-body{grid-template-columns:140px 1fr;min-height:360px;display:grid}.hero-mock-sidebar{background:var(--paper);border-right:1px solid var(--rule-soft);padding:20px 14px}.hero-mock-brand{color:var(--ink-900);align-items:center;gap:8px;margin-bottom:22px;font-size:.84rem;font-weight:600;display:inline-flex}.hero-mock-brand-mark{background:var(--ink-900);color:var(--paper-strong);border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-size:.74rem;font-weight:700;display:inline-flex}.hero-mock-nav{gap:4px;margin:0;padding:0;list-style:none;display:grid}.hero-mock-nav li{color:var(--ink-700);border-radius:8px;padding:8px 10px;font-size:.82rem}.hero-mock-nav li.is-active{background:var(--shu-tint);color:var(--shu-dark);font-weight:600}.hero-mock-main{align-content:start;gap:18px;padding:22px 24px;display:grid}.hero-mock-header h3{color:var(--ink-900);margin:0;font-size:1.04rem;font-weight:600}.hero-mock-eyebrow{color:var(--ink-500);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin:0 0 4px;font-size:.66rem;font-weight:600}.hero-mock-timer{color:var(--paper-strong);background:linear-gradient(135deg,#c89786 0%,#8b5f4d 100%);border-radius:16px;gap:4px;padding:18px 20px;display:grid;box-shadow:inset 0 1px #fbeedf33,0 8px 20px #8b5f4d38}.hero-mock-timer-label{font-family:var(--font-mono);letter-spacing:.12em;opacity:.7;text-transform:uppercase;font-size:.7rem}.hero-mock-timer-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:2rem;font-weight:600;line-height:1}.hero-mock-timer-tag{opacity:.85;font-size:.8rem}.hero-mock-tasks{gap:8px;margin:0;padding:0;list-style:none;display:grid}.hero-mock-tasks li{background:var(--paper);border:1px solid var(--rule-soft);color:var(--ink-900);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:.84rem;display:flex}.hero-mock-tasks li small{color:var(--ink-500);margin-left:auto;font-size:.74rem}.hero-mock-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.hero-mock-dot-1{background:#a88563}.hero-mock-dot-2{background:#c9a37b}.hero-mock-dot-3{background:#6b8068}.hero-mock-summary{grid-template-columns:1fr 1fr;gap:10px;display:grid}.hero-mock-summary>div{background:var(--paper);border:1px solid var(--rule-soft);border-radius:10px;padding:12px 14px}.hero-mock-summary small{color:var(--ink-500);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px;font-size:.66rem;display:block}.hero-mock-summary strong{color:var(--ink-900);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:1.16rem;font-weight:600}@media (max-width:880px){.hero-grid{grid-template-columns:minmax(0,1fr)}.hero-mock-body{grid-template-columns:110px 1fr;min-height:320px}}.hero-scene,.scene-grid,.dashboard-window,.floating-sheet,.sheet-one,.sheet-two{display:none!important}@media (max-width:880px){.hero-grid{grid-template-columns:minmax(0,1fr);gap:40px}.hero-index{border-left:0;border-top:1px solid var(--rule);padding-top:28px;padding-left:0}.hero-index dd{font-size:.96rem}}.window-topbar{align-items:center;gap:8px;height:24px;margin:0 0 10px 8px;display:flex}.window-topbar span{background:var(--rule);border-radius:50%;width:9px;height:9px}.dashboard-layout{background:var(--paper-strong);border:1px solid var(--rule-soft);color:var(--ink);border-radius:28px;grid-template-columns:56px 1fr;gap:16px;height:calc(100% - 38px);padding:18px;display:grid}.sidebar-rail{background:var(--paper-soft);border-radius:22px;flex-direction:column;align-items:center;gap:12px;padding:12px 0;display:flex}.sidebar-rail span{background:var(--rule);border-radius:12px;width:28px;height:28px}.sidebar-rail .rail-active{background:var(--primary)}.dashboard-main{grid-template-rows:auto 1fr auto;gap:16px;min-width:0;display:grid}.dashboard-header,.report-strip{justify-content:space-between;align-items:center;display:flex}.dashboard-header strong{font-size:clamp(1.4rem,2.2vw,2.5rem);line-height:1;display:block}.mini-label{color:var(--muted);text-transform:uppercase;margin-bottom:8px;font-size:.76rem;font-weight:600;display:block}.timer-pill{border:1px solid var(--primary-tint-16);border-radius:var(--radius-pill);color:var(--primary-dark);background:#f2f7f0;padding:12px 14px;font-weight:600}.kanban-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.work-block{color:var(--ink);border-radius:24px;min-height:230px;padding:16px}.work-block span{opacity:.72;font-size:.78rem;font-weight:600;display:block}.work-block strong{margin-top:10px;font-size:1.1rem;display:block}.work-block.green{background:var(--sage)}.work-block.blue{background:var(--sky)}.work-block.rust{background:var(--peach)}.report-strip{background:var(--paper-strong);border:1px solid var(--line);border-radius:24px;gap:10px;padding:14px}.report-strip div{min-width:0}.report-strip strong{font-size:1.25rem;display:block}.report-strip span{color:var(--muted);margin-top:3px;font-size:.78rem;display:block}.floating-sheet{background:var(--paper-strong);border:1px solid var(--paper-strong);border-radius:24px;gap:8px;width:210px;padding:18px;display:grid;position:absolute;box-shadow:0 18px 60px #11161224}.floating-sheet span{color:var(--muted);text-transform:uppercase;font-size:.76rem;font-weight:600}.floating-sheet strong{font-size:1rem}.floating-sheet i{background:var(--line);border-radius:8px;height:8px;display:block}.sheet-one{top:clamp(360px,40vw,560px);right:min(38vw,520px);transform:rotate(3deg)}.sheet-two{top:clamp(118px,12vw,180px);right:clamp(20px,5vw,76px);transform:rotate(5deg)}.eyebrow{color:var(--ink-500);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;background:0 0;border:0;border-radius:0;align-items:baseline;gap:12px;margin:0 0 14px;padding:0;font-size:.74rem;font-weight:500;display:inline-flex}.eyebrow:before{background:var(--shu);content:"";width:24px;height:1px;display:inline-block;transform:translateY(-4px)}.hero-em{color:var(--shu);white-space:nowrap;font-style:normal;position:relative}.lead{color:var(--ink-700);font-family:var(--font-sans);overflow-wrap:anywhere;max-width:640px;font-size:clamp(1rem,1.2vw,1.13rem);line-height:1.92}.hero-actions,.inline-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.proof-strip{background:var(--paper-strong);border:0;border-top:1px solid var(--rule-soft);border-bottom:1px solid var(--rule-soft);box-shadow:none;color:var(--ink-700);z-index:4;border-radius:0;width:100%;margin:0;position:relative}.proof-strip-inner{grid-template-columns:repeat(5,minmax(0,1fr));gap:0;max-width:1180px;margin-inline:auto;display:grid;overflow:hidden}.proof-strip span{border-right:1px solid var(--rule-soft);color:var(--ink-700);font-family:var(--font-sans);letter-spacing:.04em;text-align:center;justify-content:center;align-items:center;min-height:64px;padding:14px;font-size:.86rem;font-weight:500;display:flex}.proof-strip span:last-child{border-right:0}@media (max-width:720px){.proof-strip span{letter-spacing:.02em;min-height:56px;padding:10px 6px;font-size:.72rem}}.not-found-card{background:var(--surface,var(--paper-strong));border:1px solid var(--line,var(--rule-soft));text-align:center;border-radius:12px;max-width:480px;margin:64px auto;padding:40px 32px}.not-found-card h1{margin:12px 0 18px;font-size:clamp(28px,4vw,36px)}.not-found-card .lead{color:var(--ink-muted,#6c625a);margin-bottom:24px}.not-found-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.section{padding:clamp(80px,10vw,140px) clamp(20px,5vw,64px);overflow:hidden}.section>*{max-width:1180px;margin-inline:auto}.editorial-section{background:var(--paper-strong)}.section-header{text-align:left;max-width:1180px;margin-inline:auto}.section-header .lead{margin-inline:0}.section-header .inline-actions{justify-content:flex-start}.grid{border-top:1px solid var(--rule-soft);border-left:1px solid var(--rule-soft);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:40px;display:grid}.card{border:0;border-right:1px solid var(--rule-soft);border-bottom:1px solid var(--rule-soft);box-shadow:none;background:0 0;border-radius:0;padding:28px}.card p,.price-card p{color:var(--ink-700);line-height:1.85}.workflow-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1180px;margin:48px auto 0;display:grid}.workflow-item{background:var(--paper);border:1px solid var(--rule);color:var(--ink-900);border-radius:18px;grid-template-rows:auto auto 1fr auto;gap:14px;min-height:260px;padding:28px 28px 24px;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s,background-color .18s;display:grid;position:relative;box-shadow:0 1px #1a16120a}.workflow-item:before{background:var(--shu);content:"";opacity:0;transform-origin:0;border-radius:18px 18px 0 0;height:3px;transition:opacity .18s,transform .22s;position:absolute;top:0;left:24px;right:24px;transform:scaleX(.4)}.workflow-item:hover,.workflow-item:focus-visible{background:var(--paper-strong);border-color:var(--shu);transform:translateY(-3px);box-shadow:0 14px 28px #1a161214,0 2px 6px #1a16120d}.workflow-item:hover:before,.workflow-item:focus-visible:before{opacity:1;transform:scaleX(1)}.workflow-item:focus-visible{outline:3px solid var(--shu-tint-strong);outline-offset:2px}.workflow-item-step{background:var(--shu-tint);border:1px solid var(--shu-tint-strong);color:var(--shu-dark);font-family:var(--font-mono);letter-spacing:.08em;border-radius:999px;align-items:center;gap:0;width:fit-content;margin-bottom:4px;padding:4px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.workflow-item-step:before{content:none}.workflow-item h3{color:var(--ink-900);font-family:var(--font-sans);letter-spacing:.005em;margin:0;font-size:1.36rem;font-weight:600;line-height:1.42}.workflow-item p{color:var(--ink-700);margin:0;line-height:1.85}.workflow-item-link{color:var(--ink-700);font-family:var(--font-sans);align-self:flex-start;width:fit-content;margin-top:6px;padding-bottom:2px;font-size:.88rem;font-weight:600;transition:color .18s;position:relative}.workflow-item-link:after{content:"";transform-origin:0;background:currentColor;height:1px;transition:transform .22s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(.4)}.workflow-item:hover .workflow-item-link,.workflow-item:focus-visible .workflow-item-link{color:var(--shu-dark)}.workflow-item:hover .workflow-item-link:after,.workflow-item:focus-visible .workflow-item-link:after{transform:scaleX(1)}@media (max-width:880px){.workflow-grid{grid-template-columns:minmax(0,1fr);gap:14px}.workflow-item{min-height:0;padding:24px 22px 22px}}.product-section{background:var(--paper)}.product-section>*{max-width:1180px;margin-inline:auto}.product-section-inner{grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);align-items:start;gap:clamp(36px,5vw,88px);display:grid}@media (max-width:880px){.product-section-inner{grid-template-columns:minmax(0,1fr)}}.product-copy{max-width:540px;padding-top:8px}.product-copy .lead{color:var(--ink-700)}.product-board{background:var(--paper-strong);border:1px solid var(--rule);border-radius:var(--radius-lg);box-shadow:none;color:var(--ink-900);font-variant-numeric:tabular-nums slashed-zero;padding:0;overflow:hidden}.board-header{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:baseline;padding:18px 24px;display:flex}.board-header span{color:var(--ink-500);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:.74rem;font-weight:500}.board-header strong{color:var(--ink-900);font-family:var(--font-sans);font-size:1.04rem;font-weight:600}.table-row{border-bottom:1px solid var(--rule-soft);color:var(--ink-900);background:0 0;border-radius:0;grid-template-columns:.7fr .6fr 1fr .7fr;gap:10px;margin-top:0;padding:14px 24px;display:grid}.table-row.head{border-bottom:1px solid var(--rule);color:var(--ink-500);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;background:0 0;margin-top:0;padding-top:14px;font-size:.72rem;font-weight:500}.board-total{background:var(--paper);border-top:1px solid var(--rule);justify-content:space-between;align-items:baseline;margin-top:0;padding:20px 24px;display:flex}.board-total span{color:var(--ink-500);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:.74rem;font-weight:500}.board-total strong{color:var(--ink-900);font-family:var(--font-sans);font-size:2rem;font-weight:600}@media (max-width:880px){.product-section{grid-template-columns:minmax(0,1fr)}}.live-preview{background:var(--surface)}.live-demo{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:32px;max-width:1180px;margin:32px auto 16px;display:grid}.live-demo-card{background:var(--paper-strong);border:1px solid var(--rule);border-radius:var(--radius-lg);box-shadow:none;text-align:center;justify-items:center;gap:22px;padding:32px clamp(28px,4vw,48px);display:grid;position:relative}.live-demo-card-head,.live-demo-status{width:100%}.live-demo-card-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.live-demo-mini-brand{color:var(--primary-dark);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:8px;font-size:.78rem;font-weight:600;display:inline-flex}.live-demo-brand-mark{background:var(--ink-900);color:var(--paper-strong);font-family:var(--font-sans);border-radius:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.86rem;font-weight:500;display:inline-flex}.live-demo-chip{border:1px solid var(--rule);color:var(--ink-700);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;background:0 0;border-radius:0;padding:4px 12px;font-size:.74rem;font-weight:500}.live-demo-timer{font-feature-settings:"tnum";letter-spacing:-1px;min-width:5.5ch;min-height:1em;color:var(--ink);font-size:clamp(3rem,5vw,4.4rem);font-weight:600;line-height:1;display:inline-block;position:relative}.live-demo-time{opacity:0;animation:8s linear infinite live-demo-time;position:absolute;top:0;left:50%;transform:translate(-50%)}.live-demo-time-0{animation-delay:0s}.live-demo-time-1{animation-delay:.8s}.live-demo-time-2{animation-delay:1.6s}.live-demo-time-3{animation-delay:2.4s}.live-demo-time-4{animation-delay:3.2s}.live-demo-time-5{animation-delay:4s}.live-demo-time-6{animation-delay:4.8s}.live-demo-time-7{animation:8s linear infinite live-demo-time-final}@keyframes live-demo-time{0%,6%{opacity:0}10%,14%{opacity:1}18%,to{opacity:0}}@keyframes live-demo-time-final{0%,64%{opacity:0}72%,96%{opacity:1}to{opacity:0}}.live-demo-controls{justify-content:center;gap:12px;min-width:120px;min-height:44px;display:flex;position:relative}.live-demo-action{border-radius:999px;justify-content:center;align-items:center;width:max-content;height:40px;margin:0 auto;padding:0 22px;font-size:.94rem;font-weight:600;transition:opacity .3s,transform .3s;display:inline-flex;position:absolute;top:0;left:0;right:0}.live-demo-start{background:var(--cta-gradient);border-radius:var(--radius-md);box-shadow:var(--cta-highlight), var(--cta-shadow);color:#fff;animation:8s linear infinite live-demo-start}.live-demo-stop{background:var(--paper-strong);border:1px solid var(--ink-900);border-radius:var(--radius-md);color:var(--ink-900);animation:8s linear infinite live-demo-stop}@keyframes live-demo-start{0%,6%{opacity:1;transform:scale(1)}8%{opacity:1;transform:scale(.94)}10%{opacity:0;transform:scale(.94)}70%,95%{opacity:0;transform:scale(.94)}98%,to{opacity:1;transform:scale(1)}}@keyframes live-demo-stop{0%,10%{opacity:0;transform:scale(.94)}14%,68%{opacity:1;transform:scale(1)}70%{opacity:1;transform:scale(.94)}72%,95%{opacity:0;transform:scale(.94)}98%,to{opacity:0;transform:scale(.94)}}.live-demo-status{background:var(--primary-tint-08);min-height:44px;color:var(--primary-dark);text-align:center;border-radius:12px;padding:12px 16px;font-size:.88rem;position:relative}.live-demo-status-text{opacity:0;position:absolute;top:12px;left:16px;right:16px}.live-demo-status-idle{animation:8s linear infinite live-demo-status-idle}.live-demo-status-running{animation:8s linear infinite live-demo-status-running}.live-demo-status-done{color:#166534;animation:8s linear infinite live-demo-status-done}@keyframes live-demo-status-idle{0%,8%{opacity:1}10%,95%{opacity:0}98%,to{opacity:1}}@keyframes live-demo-status-running{0%,10%{opacity:0}14%,68%{opacity:1}72%,to{opacity:0}}@keyframes live-demo-status-done{0%,70%{opacity:0}74%,95%{opacity:1}98%,to{opacity:0}}.live-demo-copy{gap:16px;display:grid}.live-demo-copy h3{letter-spacing:-.01em;margin:0;font-size:clamp(1.4rem,2vw,1.7rem);font-weight:600;line-height:1.32}.live-demo-copy p{color:var(--muted);margin:0;font-size:.96rem;line-height:1.7}@media (prefers-reduced-motion:reduce){.live-demo-time,.live-demo-start,.live-demo-stop,.live-demo-status-idle,.live-demo-status-running,.live-demo-status-done{animation:none}.live-demo-time-0,.live-demo-start,.live-demo-status-idle{opacity:1}}@media (max-width:820px){.live-demo{grid-template-columns:minmax(0,1fr)}}.live-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:36px;display:grid}.live-preview-card{background:var(--paper-strong);border:1px solid var(--rule);border-radius:var(--radius-lg);box-shadow:none;flex-direction:column;margin:0;display:flex;overflow:hidden}.live-preview-card img{width:100%;height:auto;display:block}.live-preview-card figcaption{border-top:1px solid var(--line);gap:4px;padding:16px 20px 18px;display:grid}.live-preview-card figcaption strong{font-size:1rem;font-weight:600}.live-preview-card figcaption span{color:var(--muted);font-size:.86rem;line-height:1.55}.live-preview-feature{grid-column:1/-1}@media (max-width:720px){.live-preview-grid{grid-template-columns:minmax(0,1fr)}}.pricing-preview{background:var(--surface)}.mini-price-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:36px;display:grid}.mini-price,.price-card{background:var(--paper-strong);border:1px solid var(--rule);border-radius:var(--radius-lg);box-shadow:none}.mini-price{flex-direction:column;align-content:start;gap:16px;min-height:100%;padding:28px 24px;display:flex;position:relative}.mini-price.highlight,.price-card.highlight{background:linear-gradient(180deg, var(--paper-strong) 0%, var(--paper) 100%);border-color:var(--shu);border-top:2px solid var(--shu);box-shadow:0 12px 32px #6b56441a}.mini-price.highlight:before,.price-card.highlight:before{background:var(--shu);color:#fff;content:"推 奨";font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;padding:3px 10px;font-size:.7rem;font-weight:500;position:absolute;top:-2px;left:24px}.mini-price-top{gap:10px;display:grid}.mini-price span{color:var(--muted);font-weight:600}.mini-price strong{font-size:1.7rem;display:block}.mini-price p{color:var(--muted);margin-bottom:0;font-size:.92rem;line-height:1.65}.mini-price small,.price small{color:var(--muted);font-size:.85rem;font-weight:500}.mini-feature-list{gap:9px;margin:0;padding:0;list-style:none;display:grid}.mini-feature-list li{color:var(--ink-700);padding-left:22px;font-size:.9rem;line-height:1.45;position:relative}.mini-feature-list li:before{background:var(--primary-tint-12);color:var(--primary);content:"✓";text-align:center;border-radius:50%;width:16px;height:16px;font-size:.72rem;font-weight:600;line-height:16px;position:absolute;top:2px;left:0}.mini-price-link{border-bottom:1px solid var(--primary-tint-34);color:var(--primary-dark);align-self:flex-start;margin-top:auto;padding-bottom:3px;font-size:.9rem;font-weight:600}.price-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:32px;display:grid}.price-card{flex-direction:column;gap:14px;min-height:100%;padding:24px;display:flex}.price-card.highlight{border-color:var(--primary-tint-34);box-shadow:0 22px 64px #1a16121a}.price-card.is-coming-soon{opacity:.85;position:relative}.price-card-badge{background:color-mix(in srgb, var(--primary,var(--shu)) 18%, transparent);border:1px solid color-mix(in srgb, var(--primary,var(--shu)) 35%, transparent);color:var(--primary,var(--shu));letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-self:flex-start;padding:4px 10px;font-size:11px;font-weight:600}.pricing-comingsoon-note{background:color-mix(in srgb, var(--primary,var(--shu)) 8%, var(--surface,var(--paper-strong)));border:1px solid color-mix(in srgb, var(--primary,var(--shu)) 25%, transparent);color:var(--ink,inherit);border-radius:10px;max-width:720px;margin:16px auto 0;padding:10px 14px}.feature-comingsoon-notice{background:color-mix(in srgb, var(--state-warning,#a87a3d) 14%, var(--surface,var(--paper-strong,#faf6ea)));border:1px solid color-mix(in srgb, var(--state-warning,#a87a3d) 32%, transparent);color:var(--ink-900,var(--ink,inherit));border-radius:10px;margin:12px 0 4px;padding:10px 14px;font-size:14px;line-height:1.6}.feature-comingsoon-notice strong{font-weight:600}.beta-notice{background:color-mix(in srgb, var(--state-warning,#a87a3d) 14%, var(--paper-strong,#faf6ea));border-bottom:1px solid color-mix(in srgb, var(--state-warning,#a87a3d) 35%, transparent);color:var(--ink-900,#24272a);padding:10px 24px}.beta-notice-body{max-width:1180px;margin:0 auto}.beta-notice-body strong{margin-bottom:2px;font-weight:600;display:block}.beta-notice-body p{color:var(--ink-700,#424549);margin:0;font-size:.92rem;line-height:1.55}.beta-notice-body a{color:var(--primary,var(--shu));text-underline-offset:2px;text-decoration:underline}.beta-notice-body a:hover{color:var(--primary-dark,var(--shu-dark))}@media (max-width:600px){.beta-notice{padding:10px 16px}.beta-notice-body p{font-size:.86rem}}.price{font-size:2rem;font-weight:600}.feature-list{gap:9px;margin:0;padding:0;list-style:none;display:grid}.feature-list li:before{color:var(--primary);content:"✓";margin-right:8px;font-weight:600}.feature-page{--feature-max:1080px;--feature-gutter:clamp(20px, 5vw, 48px);--feature-accent:var(--primary);--feature-accent-dark:var(--primary-dark);--feature-accent-tint:var(--primary-tint-08);--feature-accent-tint-strong:var(--primary-tint-16);--feature-orb-a:var(--rule-soft);--feature-orb-b:#ff9a4a73;flex-direction:column;display:flex}.feature-page[data-slug=calendar-sync]{--feature-accent:var(--shu);--feature-accent-dark:var(--shu-dark);--feature-accent-tint:var(--shu-tint);--feature-accent-tint-strong:var(--shu-tint-strong);--feature-orb-a:#ff9a4a99;--feature-orb-b:#f45f8d66}.feature-page[data-slug=timesheet-pdf]{--feature-accent:var(--shu);--feature-accent-dark:var(--shu-dark);--feature-accent-tint:#a92f581a;--feature-accent-tint-strong:#a92f5833;--feature-orb-a:#a92f588c;--feature-orb-b:#f45f8d59}.feature-page[data-slug=revenue-reporting]{--feature-accent:var(--ink-700);--feature-accent-dark:var(--ink-700);--feature-accent-tint:#b3782a1a;--feature-accent-tint-strong:#b3782a38;--feature-orb-a:#d7a9478c;--feature-orb-b:#ff9a4a59}.feature-container{max-width:var(--feature-max);padding-inline:var(--feature-gutter);width:100%;margin-inline:auto}.feature-hero{background:var(--paper);border-bottom:1px solid var(--rule-soft);padding-top:clamp(72px,8vw,120px);padding-bottom:clamp(72px,8vw,120px);position:relative;overflow:hidden}.feature-hero-inner{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(28px,5vw,64px);display:grid}.feature-hero-copy{gap:20px;display:grid}.feature-hero-copy .eyebrow{margin-bottom:0}.feature-hero-copy h1{color:var(--ink);letter-spacing:-.02em;margin:0;font-size:clamp(2rem,3.6vw,2.8rem);font-weight:600;line-height:1.18}.feature-hero-copy .lead{color:var(--muted);max-width:480px;margin:0;font-size:1.02rem;line-height:1.82}.feature-hero-copy .inline-actions{margin-top:8px}.feature-hero-visual{position:relative}.feature-hero-frame{background:var(--surface-strong);border:1px solid var(--line);border-radius:22px;transition:transform .24s;position:relative;overflow:hidden;transform:rotate(-.6deg);box-shadow:0 36px 80px #1a161214,0 8px 20px #1a16120d}.feature-hero-frame:hover{transform:rotate(0)}.feature-hero-frame img{width:100%;height:auto;display:block}.feature-hero-badge{background:var(--feature-accent);box-shadow:0 8px 18px var(--feature-accent-tint-strong);color:var(--paper-strong);letter-spacing:.08em;text-transform:uppercase;z-index:2;border-radius:999px;padding:6px 12px;font-size:.72rem;font-weight:600;position:absolute;top:18px;left:18px}.feature-hero-orb,.feature-hero-orb-a,.feature-hero-orb-b{display:none!important}.feature-hero-visual{z-index:1}.feature-mock-window{background:var(--paper-strong);width:100%;display:block}.feature-mock-chrome{background:var(--paper);border-bottom:1px solid var(--rule-soft);align-items:center;gap:8px;padding:12px 16px;display:flex}.feature-mock-chrome>span{background:var(--ink-300);opacity:.5;border-radius:50%;width:9px;height:9px}.feature-mock-chrome>.feature-mock-url{background:var(--paper-strong);color:var(--ink-500);font-family:var(--font-mono);opacity:1;border-radius:999px;width:auto;height:auto;margin-left:12px;padding:4px 12px;font-size:.7rem}.feature-mock-body{gap:clamp(14px,1.6vw,20px);min-height:360px;padding:clamp(20px,2.4vw,28px);display:grid}.feature-mock-body-timer{align-content:center;justify-items:center}.feature-timer-card{background:linear-gradient(180deg, var(--paper) 0%, var(--paper-strong) 100%);border:1px solid var(--rule-soft);text-align:center;border-radius:18px;gap:16px;width:100%;max-width:420px;padding:24px;display:grid;box-shadow:0 12px 28px #1a16120a}.feature-timer-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.feature-timer-chip{background:var(--feature-accent-tint,var(--shu-tint));color:var(--feature-accent-dark,var(--shu-dark));letter-spacing:.04em;border-radius:999px;padding:4px 10px;font-size:.72rem;font-weight:600}.feature-timer-state{color:#166534;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:600}.feature-timer-state:before{content:"";vertical-align:middle;background:#16a34a;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.feature-timer-value{color:var(--ink);font-family:var(--font-mono);font-feature-settings:"tnum";letter-spacing:-.02em;font-size:clamp(2.4rem,4vw,3.2rem);font-weight:600;line-height:1}.feature-timer-controls{justify-content:center;gap:10px;display:flex}.feature-timer-btn{border-radius:10px;padding:8px 18px;font-size:.84rem;font-weight:600}.feature-timer-btn-stop{background:var(--ink-900);color:var(--paper-strong)}.feature-timer-btn-pause{background:var(--paper-strong);border:1px solid var(--rule);color:var(--ink-700)}.feature-timer-sessions{border-top:1px solid var(--rule-soft);gap:8px;margin:0;padding:16px 0 0;list-style:none;display:grid}.feature-timer-sessions li{font-family:var(--font-mono);justify-content:space-between;align-items:center;gap:12px;font-size:.8rem;display:flex}.feature-timer-sessions li small{color:var(--ink-500);font-family:var(--font-sans);font-size:.8rem}.feature-timer-sessions li.is-running{color:#166534}.feature-mock-body-calendar{gap:12px;padding-top:clamp(16px,1.8vw,22px)}.feature-calendar-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.feature-calendar-head strong{color:var(--ink);font-size:1.04rem;font-weight:600}.feature-calendar-chips{flex-wrap:wrap;gap:6px;display:flex}.feature-calendar-chip{border-radius:999px;padding:3px 10px;font-size:.7rem;font-weight:600}.feature-calendar-chip.is-a{color:#6b4f33;background:#a8856329}.feature-calendar-chip.is-b{color:#3f5b3c;background:#6b806829}.feature-calendar-chip.is-c{color:#7a5530;background:#c9a37b33}.feature-calendar-weekdays{color:var(--ink-500);font-family:var(--font-mono);letter-spacing:.08em;text-align:center;text-transform:uppercase;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;font-size:.7rem;display:grid}.feature-calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.feature-calendar-cell{background:var(--paper);border:1px solid var(--rule-soft);border-radius:8px;gap:4px;min-height:44px;padding:6px;display:grid;position:relative}.feature-calendar-cell.is-muted{opacity:.38}.feature-calendar-cell.is-today{background:var(--feature-accent-tint,var(--shu-tint));border-color:var(--feature-accent,var(--shu))}.feature-calendar-num{color:var(--ink-700);font-family:var(--font-mono);font-size:.74rem;font-weight:600}.feature-calendar-event{text-overflow:ellipsis;white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:.66rem;font-weight:500;overflow:hidden}.feature-calendar-event.is-a{color:#fff;background:#a88563}.feature-calendar-event.is-b{color:#fff;background:#6b8068}.feature-calendar-event.is-c{color:#fff;background:#c9a37b}.feature-mock-body-pdf{background:linear-gradient(#ece6dc 0%,#e2dbcc 100%);min-height:460px;padding:clamp(24px,3vw,36px)}.feature-pdf-sheet{color:#2a2520;background:#fbf8f3;border:1px solid #1a161214;border-radius:8px;gap:14px;padding:clamp(20px,2.4vw,28px);display:grid;box-shadow:0 24px 40px #1a16121a,0 4px 8px #1a16120f}.feature-pdf-head{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.feature-pdf-kicker{color:#7a6b5c;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin:0 0 4px;font-size:.66rem;font-weight:600}.feature-pdf-head h4{color:#1f1a17;margin:0;font-size:1.1rem;font-weight:600}.feature-pdf-meta{text-align:right}.feature-pdf-meta small{color:#7a6b5c;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:.66rem;display:block}.feature-pdf-meta strong{color:#1f1a17;font-family:var(--font-mono);font-size:.82rem;font-weight:600}.feature-pdf-rule{background:#1f1a17;width:100%;height:2px}.feature-pdf-table{gap:0;display:grid}.feature-pdf-row{font-family:var(--font-mono);border-bottom:1px solid #1a16121a;grid-template-columns:.8fr .6fr .6fr .6fr 1fr;gap:8px;padding:8px 4px;font-size:.78rem;display:grid}.feature-pdf-row.is-head{color:#7a6b5c;letter-spacing:.1em;text-transform:uppercase;font-size:.66rem;font-weight:600}.feature-pdf-totals{color:#1f1a17;font-family:var(--font-mono);border-top:2px solid #1f1a17;justify-content:space-between;align-items:center;padding:10px 4px 0;font-weight:600;display:flex}.feature-pdf-totals strong{font-size:1.04rem}.feature-pdf-footer{color:#7a6b5c;font-family:var(--font-mono);letter-spacing:.06em;justify-content:space-between;padding-top:8px;font-size:.7rem;display:flex}.feature-mock-body-revenue{gap:clamp(16px,2vw,22px)}.feature-revenue-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.feature-revenue-stat{background:var(--paper);border:1px solid var(--rule-soft);border-radius:12px;gap:4px;padding:12px 14px;display:grid}.feature-revenue-stat.is-primary{background:var(--feature-accent-tint,var(--shu-tint));border-color:var(--feature-accent,var(--shu))}.feature-revenue-stat small{color:var(--ink-500);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:.64rem}.feature-revenue-stat strong{color:var(--ink);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:1.04rem;font-weight:600}.feature-revenue-stat.is-primary strong{color:var(--feature-accent-dark,var(--shu-dark));font-size:1.16rem}.feature-revenue-delta{color:var(--ink-500);font-family:var(--font-mono);font-size:.7rem}.feature-revenue-delta.is-up{color:#166534}.feature-revenue-chart{background:var(--paper);border:1px solid var(--rule-soft);border-radius:12px;justify-content:space-between;align-items:flex-end;gap:12px;height:120px;padding:16px;display:flex}.feature-revenue-bar{background:linear-gradient(180deg, var(--feature-accent,var(--shu)) 0%, var(--feature-accent-dark,var(--shu-dark)) 100%);border-radius:4px 4px 2px 2px;flex:1;min-height:8px}.feature-revenue-breakdown{border-top:1px solid var(--rule-soft);gap:8px;margin:0;padding:14px 0 0;list-style:none;display:grid}.feature-revenue-breakdown li{align-items:center;gap:10px;font-size:.84rem;display:flex}.feature-revenue-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.feature-revenue-dot.is-a{background:#a88563}.feature-revenue-dot.is-b{background:#6b8068}.feature-revenue-dot.is-c{background:#c9a37b}.feature-revenue-name{color:var(--ink-700)}.feature-revenue-value{color:var(--ink);font-family:var(--font-mono);font-variant-numeric:tabular-nums;margin-left:auto;font-weight:600}@media (max-width:640px){.feature-revenue-summary{grid-template-columns:minmax(0,1fr)}.feature-pdf-row{grid-template-columns:.8fr .6fr .6fr .6fr .9fr;font-size:.7rem}.feature-calendar-cell{min-height:36px;padding:4px}.feature-calendar-event{padding:1px 4px;font-size:.6rem}}.feature-highlights{background:var(--background);padding-block:clamp(48px,6vw,80px)}.feature-highlight-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.feature-highlight{background:var(--paper-strong);border:1px solid var(--rule-soft);border-radius:var(--radius-lg);box-shadow:none;gap:12px;padding:28px;transition:border-color .2s,background-color .2s;display:grid;position:relative}.feature-highlight:hover{border-color:var(--rule);box-shadow:none;transform:none}.feature-highlight-index{background:var(--feature-accent-tint);color:var(--feature-accent-dark);letter-spacing:.12em;border-radius:999px;width:max-content;padding:4px 12px;font-size:.72rem;font-weight:600;display:inline-flex}.feature-highlight h2{color:var(--ink);letter-spacing:-.005em;margin:0;font-size:1.12rem;font-weight:600}.feature-highlight p{color:var(--muted);margin:0;font-size:.96rem;line-height:1.78}.feature-detail-stack{background:var(--surface);padding-block:clamp(56px,7vw,96px)}.feature-detail-stack .feature-container{gap:clamp(48px,6vw,80px);display:grid}.feature-detail{grid-template-columns:minmax(120px,160px) minmax(0,1fr);gap:16px;display:grid;position:relative}.feature-detail-tag{align-content:start;gap:8px;padding-top:6px;display:grid;position:relative}.feature-detail-tag:after{background:var(--ink-300);content:"";border-radius:0;width:2px;height:64px;position:absolute;top:72px;left:0}.feature-detail-num{color:var(--feature-accent-dark,var(--primary-dark));font-feature-settings:"tnum";letter-spacing:-.02em;font-size:1.4rem;font-weight:600;line-height:1}.feature-detail-kicker{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;font-size:.72rem;font-weight:600}.feature-detail-body{gap:18px;max-width:680px;display:grid}.feature-detail-body h2{color:var(--ink);letter-spacing:-.01em;margin:0;font-size:clamp(1.4rem,2.2vw,1.78rem);font-weight:600;line-height:1.36}.feature-detail-body>p{color:var(--ink);margin:0;font-size:1.02rem;line-height:1.92}.feature-bullets{gap:12px;margin:0;padding:0;list-style:none;display:grid}.feature-bullets li{color:var(--ink);padding-left:30px;font-size:.98rem;line-height:1.68;position:relative}.feature-bullets li:before{background:var(--shu);color:#0000;content:"";border-radius:0;width:2px;height:14px;display:block;position:absolute;top:8px;left:0}.feature-scenario{background:var(--background);padding-block:clamp(56px,7vw,88px)}.feature-scenario-header{max-width:640px;margin-bottom:32px}.feature-scenario-header h2{letter-spacing:-.01em;margin:8px 0 12px;font-size:clamp(1.5rem,2.4vw,1.9rem);font-weight:600;line-height:1.32}.feature-scenario-header .lead{color:var(--muted);margin:0;font-size:1rem;line-height:1.78}.feature-steps{counter-reset:step;gap:16px;max-width:760px;margin:0;padding:0;list-style:none;display:grid;position:relative}.feature-steps:before{background:var(--rule);content:"";border-radius:0;width:2px;height:calc(100% - 20px);position:absolute;top:10px;left:25px}.feature-steps li{background:var(--surface-strong);border:1px solid var(--line);border-radius:16px;align-items:flex-start;gap:20px;padding:18px 24px;display:flex;position:relative;box-shadow:0 10px 28px #1a16120a}.feature-step-index{background:var(--feature-accent);color:var(--paper-strong);font-feature-settings:"tnum";letter-spacing:.04em;border-radius:999px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;font-size:.78rem;font-weight:600;display:inline-flex}.feature-step-body{color:var(--ink);padding-top:8px;font-size:1rem;line-height:1.62}.feature-related{background:var(--surface);padding-block:clamp(56px,7vw,88px)}.feature-related-header{max-width:640px;margin-bottom:28px}.feature-related-header h2{letter-spacing:-.01em;margin:8px 0 0;font-size:clamp(1.4rem,2.2vw,1.7rem);font-weight:600}.feature-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.feature-related-card{background:var(--surface-strong);border:1px solid var(--line);color:var(--ink);border-radius:18px;gap:10px;padding:26px 28px;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s;display:grid;position:relative;box-shadow:0 12px 32px #1a16120a}.feature-related-card:hover{border-color:var(--primary-tint-34);transform:translateY(-3px);box-shadow:0 22px 52px #1a16121a}.feature-related-card .eyebrow{margin:0}.feature-related-card h3{margin:0;font-size:1.2rem;font-weight:600}.feature-related-card p{color:var(--muted);margin:0;font-size:.94rem;line-height:1.74}.feature-related-link{background:var(--feature-accent-tint);color:var(--feature-accent-dark);border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;font-weight:600;transition:background .2s,color .2s,transform .2s;display:inline-flex;position:absolute;top:22px;right:20px}.feature-related-card:hover .feature-related-link{background:var(--feature-accent);color:var(--paper-strong);transform:translate(2px)}.feature-related-card:hover{border-color:var(--feature-accent-tint-strong)}.feature-faq{background:var(--surface);padding-block:clamp(48px,6vw,80px)}.feature-faq-header,.pricing-faq .feature-faq-header{margin-bottom:28px;max-width:820px;margin-inline:auto}.feature-faq-header h2,.pricing-faq .feature-faq-header h2{letter-spacing:-.01em;margin:8px 0 0;font-size:clamp(1.4rem,2.2vw,1.78rem);font-weight:600}.feature-faq-list{gap:12px;max-width:820px;margin-inline:auto;display:grid}.feature-faq-item{background:var(--surface-strong);border:1px solid var(--line);border-radius:14px;padding:0;transition:border-color .2s,box-shadow .2s;overflow:hidden;box-shadow:0 8px 24px #211c150a}.feature-faq-item[open]{border-color:var(--feature-accent-tint-strong,var(--primary-tint-34));box-shadow:0 14px 36px #1a16120f}.feature-faq-item summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;font-size:1rem;font-weight:600;list-style:none;display:flex}.feature-faq-item summary::-webkit-details-marker{display:none}.feature-faq-item summary:after{background:var(--feature-accent-tint,var(--primary-tint-08));color:var(--feature-accent-dark,var(--primary-dark));content:"+";border-radius:999px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:1.1rem;font-weight:600;line-height:1;transition:background .2s,color .2s;display:inline-flex}.feature-faq-item[open] summary:after{background:var(--feature-accent,var(--primary));color:var(--paper-strong);content:"−"}.feature-faq-item p{color:var(--ink);margin:0;padding:0 24px 22px;font-size:.96rem;line-height:1.82}.pricing-faq{margin-top:clamp(48px,6vw,80px)}.feature-cta{background:var(--background);padding-block:clamp(56px,7vw,96px)}.feature-cta-card{background:var(--paper-strong);border:1px solid var(--ink-900);border-radius:var(--radius-xl);box-shadow:none;text-align:left;gap:16px;max-width:880px;margin-inline:auto;padding:clamp(48px,6vw,72px);display:grid;position:relative;overflow:hidden}.feature-cta-card:before{background:var(--shu);content:"";width:60px;height:6px;position:absolute;top:0;left:0}.feature-cta-card .eyebrow{color:var(--primary-dark);margin:0}.feature-cta-card h2{letter-spacing:-.01em;margin:0;font-size:clamp(1.5rem,2.4vw,2rem);font-weight:600;line-height:1.34}.feature-cta-card p{color:var(--muted);max-width:540px;margin:0 auto;font-size:1rem}.feature-cta-card .inline-actions{justify-content:flex-start;margin-top:12px}.feature-cta-card p{margin-inline:0}@media (max-width:880px){.feature-hero-inner{grid-template-columns:minmax(0,1fr)}.feature-hero-frame{transform:none}.feature-highlight-grid{grid-template-columns:minmax(0,1fr)}.feature-detail{grid-template-columns:minmax(0,1fr);gap:10px}.feature-detail-tag:after{display:none}.feature-related-grid{grid-template-columns:minmax(0,1fr)}}.audience-page{--feature-max:1180px;--feature-gutter:clamp(20px, 5vw, 64px);background:var(--background);flex-direction:column;display:flex}.audience-section-header{gap:12px;max-width:760px;margin-bottom:clamp(36px,4vw,56px);display:grid}.audience-section-header .eyebrow{margin-bottom:0}.audience-section-header h2{color:var(--ink);letter-spacing:-.015em;margin:0;font-size:clamp(1.6rem,2.6vw,2.1rem);font-weight:600;line-height:1.3}.audience-section-header .lead{color:var(--ink-700);max-width:720px;margin:0;font-size:clamp(1rem,1.2vw,1.13rem);line-height:1.92}.audience-hero{background:var(--paper);border-bottom:1px solid var(--rule-soft);padding-block:clamp(72px,8vw,120px);position:relative;overflow:hidden}.audience-hero-inner{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(32px,5vw,64px);display:grid}.audience-hero-copy{gap:20px;display:grid}.audience-hero-copy h1{color:var(--ink);letter-spacing:-.02em;margin:0;font-size:clamp(2rem,3.6vw,2.8rem);font-weight:600;line-height:1.18}.audience-hero-copy .lead{color:var(--ink-700);max-width:540px;margin:0;font-size:clamp(1.04rem,1.25vw,1.18rem);line-height:1.92}.audience-hero-points{gap:10px;margin:4px 0 0;padding:0;list-style:none;display:grid}.audience-hero-points li{color:var(--ink-700);padding-left:22px;font-size:1rem;line-height:1.7;position:relative}.audience-hero-points li:before{background:var(--shu);content:"";border-radius:999px;width:6px;height:6px;position:absolute;top:.6em;left:4px}.audience-hero-copy .inline-actions{margin-top:8px}.audience-hero-visual{position:relative}.audience-hero-visual .audience-mock-window{border:1px solid var(--line);border-radius:var(--radius-xl);transition:transform .24s;overflow:hidden;transform:rotate(-.4deg);box-shadow:0 36px 80px #1a161214,0 8px 20px #1a16120d}.audience-hero-visual .audience-mock-window:hover{transform:rotate(0)}.audience-pain{background:var(--background);padding-block:clamp(64px,7vw,96px)}.audience-pain-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid}.audience-pain-card{background:var(--paper-strong);border:1px solid var(--line);border-radius:var(--radius-lg);gap:10px;padding:clamp(20px,2vw,28px);transition:border-color .2s,transform .2s;display:grid}.audience-pain-card:hover{border-color:var(--ink-300);transform:translateY(-2px)}.audience-pain-kicker{color:var(--state-danger);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:600}.audience-pain-card h3{color:var(--ink);margin:0;font-size:1.18rem;font-weight:600;line-height:1.5}.audience-pain-card p{color:var(--ink-700);margin:0;font-size:.98rem;line-height:1.85}.audience-journey{background:var(--paper-soft);padding-block:clamp(64px,7vw,96px)}.audience-journey-list{counter-reset:audience-journey;gap:14px;margin:0;padding:0;list-style:none;display:grid}.audience-journey-step{background:var(--paper-strong);border:1px solid var(--line);border-radius:var(--radius-lg);grid-template-columns:auto minmax(0,1fr);align-items:flex-start;gap:clamp(16px,2vw,28px);padding:clamp(20px,2vw,28px);display:grid}.audience-journey-index{color:var(--ink-300);font-family:var(--font-mono);letter-spacing:.06em;padding-top:4px;font-size:.86rem;font-weight:600}.audience-journey-body{gap:6px;display:grid}.audience-journey-phase{background:var(--shu-tint);color:var(--shu-dark);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-self:flex-start;width:max-content;padding:4px 10px;font-size:.72rem;font-weight:600}.audience-journey-body h3{color:var(--ink);margin:0;font-size:1.18rem;font-weight:600;line-height:1.5}.audience-journey-body p{color:var(--ink-700);margin:0;font-size:.98rem;line-height:1.85}.audience-visuals{background:var(--background);padding-block:clamp(64px,7vw,96px)}.audience-visuals-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(20px,2.4vw,32px);display:grid}.audience-visual-card{gap:14px;display:grid}.audience-visual-frame{border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 20px 50px #1a16120f}.audience-visual-caption{color:var(--ink-700);margin:0;font-size:.96rem;line-height:1.85}.audience-compare{background:var(--paper-strong);border-block:1px solid var(--rule-soft);padding-block:clamp(64px,7vw,96px)}.audience-compare-table{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);display:grid;overflow:hidden}.audience-compare-row{border-bottom:1px solid var(--rule-soft);grid-template-columns:minmax(160px,1.1fr) minmax(0,1.4fr) minmax(0,1.4fr);align-items:stretch;gap:0;display:grid}.audience-compare-row:last-child{border-bottom:none}.audience-compare-row.is-head{background:var(--paper-soft);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;font-weight:600}.audience-compare-row>span{border-right:1px solid var(--rule-soft);color:var(--ink-700);align-items:center;gap:10px;padding:16px 20px;font-size:.98rem;line-height:1.7;display:flex}.audience-compare-row>span:last-child{border-right:none}.audience-compare-row.is-head>span.is-before{color:var(--state-danger)}.audience-compare-row.is-head>span.is-after{color:var(--shu-dark)}.audience-compare-item{font-weight:600;color:var(--ink)!important}.audience-compare-mark{font-family:var(--font-mono);border-radius:999px;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:.78rem;font-weight:700;display:inline-flex}.audience-compare-mark.is-before{background:var(--state-danger-bg);color:var(--state-danger)}.audience-compare-mark.is-after{background:var(--shu-tint);color:var(--shu-dark)}.audience-metrics{background:var(--background);padding-block:clamp(64px,7vw,96px)}.audience-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.audience-metric-card{background:var(--paper-strong);border:1px solid var(--line);border-left:3px solid var(--shu);border-radius:var(--radius-lg);gap:8px;padding:clamp(20px,2vw,28px);display:grid}.audience-metric-label{color:var(--muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.74rem;font-weight:600}.audience-metric-value{color:var(--ink);letter-spacing:-.01em;font-size:clamp(1.4rem,2vw,1.7rem);font-weight:600;line-height:1.2}.audience-metric-sub{color:var(--ink-700);font-size:.96rem;line-height:1.7}.audience-personas{background:var(--paper-soft);padding-block:clamp(64px,7vw,96px)}.audience-personas-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.audience-persona-card{background:var(--paper-strong);border:1px solid var(--line);border-radius:var(--radius-lg);gap:14px;padding:clamp(20px,2vw,28px);display:grid}.audience-persona-head{gap:4px;display:grid}.audience-persona-head strong{color:var(--ink);font-size:1.12rem;font-weight:600}.audience-persona-head span{color:var(--muted);font-family:var(--font-mono);letter-spacing:.04em;font-size:.78rem}.audience-persona-context{color:var(--ink-700);margin:0;font-size:.98rem;line-height:1.85}.audience-persona-quote{background:var(--paper);border-left:3px solid var(--shu);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--ink);margin:0;padding:16px 20px;font-size:1rem;line-height:1.85}.audience-plan{background:var(--background);padding-block:clamp(64px,7vw,96px)}.audience-plan-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;max-width:880px;display:grid}.audience-plan-card{background:var(--paper-strong);border:1px solid var(--line);border-radius:var(--radius-xl);gap:14px;padding:clamp(24px,2.6vw,32px);display:grid}.audience-plan-card.is-primary{border-color:var(--ink-900);position:relative}.audience-plan-card.is-primary:before{background:var(--shu);content:"";width:56px;height:5px;position:absolute;top:0;left:0}.audience-plan-kicker{color:var(--shu-dark);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:600}.audience-plan-head{justify-content:space-between;align-items:baseline;gap:14px;display:flex}.audience-plan-head h3{color:var(--ink);margin:0;font-size:1.3rem;font-weight:600}.audience-plan-head strong{color:var(--ink);font-size:1.4rem;font-weight:700}.audience-plan-head strong small{color:var(--muted);margin-left:4px;font-size:.82rem;font-weight:500}.audience-plan-card>p{color:var(--ink-700);margin:0;font-size:.98rem;line-height:1.85}.audience-plan-card ul{color:var(--ink-700);gap:8px;margin:0;padding:0;font-size:.96rem;line-height:1.7;list-style:none;display:grid}.audience-plan-card ul li{padding-left:18px;position:relative}.audience-plan-card ul li:before{color:var(--shu);content:"✓";font-family:var(--font-mono);font-size:.86rem;position:absolute;top:0;left:0}.audience-plan-card .button{width:max-content;margin-top:8px}.audience-faq{background:var(--paper-strong);border-block:1px solid var(--rule-soft);padding-block:clamp(64px,7vw,96px)}.audience-faq-list{gap:12px;max-width:760px;display:grid}.audience-faq-item{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden}.audience-faq-item[open]{border-color:var(--ink-300)}.audience-faq-item summary{color:var(--ink);cursor:pointer;justify-content:space-between;align-items:center;padding:18px 20px;font-size:1.02rem;font-weight:600;list-style:none;display:flex}.audience-faq-item summary::-webkit-details-marker{display:none}.audience-faq-item summary:after{color:var(--muted);content:"＋";font-family:var(--font-mono);margin-left:12px;font-size:1.1rem;font-weight:400;transition:transform .2s}.audience-faq-item[open] summary:after{content:"−"}.audience-faq-item p{color:var(--ink-700);margin:0;padding:0 20px 20px;font-size:.98rem;line-height:1.92}.audience-cta{background:var(--background);padding-block:clamp(64px,7vw,96px)}.audience-cta-card{background:var(--paper-strong);border:1px solid var(--ink-900);border-radius:var(--radius-xl);gap:16px;max-width:880px;margin-inline:auto;padding:clamp(48px,6vw,72px);display:grid;position:relative;overflow:hidden}.audience-cta-card:before{background:var(--shu);content:"";width:60px;height:6px;position:absolute;top:0;left:0}.audience-cta-card .eyebrow{color:var(--primary-dark);margin:0}.audience-cta-card h2{letter-spacing:-.01em;margin:0;font-size:clamp(1.5rem,2.4vw,2rem);font-weight:600;line-height:1.34}.audience-cta-card p{color:var(--ink-700);max-width:560px;margin:0;font-size:1.04rem;line-height:1.85}.audience-cta-card .inline-actions{justify-content:flex-start;margin-top:12px}.audience-mock-window{background:var(--paper-strong);border:1px solid var(--line);border-radius:var(--radius-lg);width:100%;overflow:hidden}.audience-mock-chrome{background:var(--paper);border-bottom:1px solid var(--rule-soft);align-items:center;gap:8px;padding:10px 14px;display:flex}.audience-mock-chrome>span:not(.audience-mock-url){background:var(--ink-300);opacity:.5;border-radius:50%;width:8px;height:8px}.audience-mock-url{background:var(--paper-strong);color:var(--ink-500);font-family:var(--font-mono);border-radius:999px;margin-left:8px;padding:3px 10px;font-size:.66rem}.audience-mock-body{gap:14px;min-height:280px;padding:clamp(16px,2vw,22px);display:grid}.audience-mock-pill{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-self:flex-start;width:max-content;padding:3px 9px;font-size:.66rem;font-weight:600}.audience-mock-pill.is-info{background:var(--state-info-bg);color:var(--state-info)}.audience-mock-pill.is-ready,.audience-mock-pill.is-approved{background:var(--state-success-bg);color:var(--state-success)}.audience-mock-pill.is-draft,.audience-mock-pill.is-pending{background:var(--state-warning-bg);color:var(--state-warning)}.audience-mock-pill.is-submitted{background:var(--shu-tint);color:var(--shu-dark)}.audience-mock-dot{border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.audience-mock-dot.is-a{background:var(--shu)}.audience-mock-dot.is-b{background:var(--blue)}.audience-mock-dot.is-c{background:var(--rust)}.audience-mock-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.audience-mock-stat{background:var(--paper);border:1px solid var(--rule-soft);border-radius:var(--radius-md);gap:4px;padding:12px;display:grid}.audience-mock-stat.is-primary{background:var(--shu-tint);border-color:var(--shu)}.audience-mock-stat small{color:var(--muted);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:.66rem}.audience-mock-stat strong{color:var(--ink);font-family:var(--font-mono);letter-spacing:-.01em;font-size:1.15rem;font-weight:700}.audience-mock-stat span{color:var(--ink-700);font-size:.74rem}.audience-mock-projects{background:var(--paper);border:1px solid var(--rule-soft);border-radius:var(--radius-md);font-size:.78rem;display:grid;overflow:hidden}.audience-mock-projects-head,.audience-mock-projects-row{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,.7fr) minmax(0,.9fr);align-items:center;gap:8px;padding:10px 12px;display:grid}.audience-mock-projects-head{background:var(--paper-strong);border-bottom:1px solid var(--rule-soft);color:var(--muted);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:.66rem}.audience-mock-projects-row{border-bottom:1px solid var(--rule-soft);color:var(--ink-700)}.audience-mock-projects-row:last-child{border-bottom:none}.audience-mock-projects-row strong{color:var(--ink);font-family:var(--font-mono);text-align:right}.audience-mock-layouts{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.audience-mock-layout{background:var(--paper);border:1px solid var(--rule-soft);border-radius:var(--radius-md);gap:8px;padding:12px;display:grid}.audience-mock-layout-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.audience-mock-layout-head strong{color:var(--ink);font-size:.86rem;font-weight:600}.audience-mock-layout p{color:var(--muted);margin:0;font-size:.76rem}.audience-mock-layout-preview{gap:4px;display:grid}.audience-mock-layout-preview span{background:var(--rule-soft);border-radius:2px;height:4px}.audience-mock-layout-preview span:first-child{width:70%}.audience-mock-layout-preview span:nth-child(2){width:90%}.audience-mock-layout-preview span:nth-child(3){width:60%}.audience-mock-layout-preview span:nth-child(4){width:85%}.audience-mock-layout-preview span:nth-child(5){width:50%}.audience-mock-footnote{color:var(--muted);margin-top:auto;font-size:.74rem;line-height:1.6}.audience-mock-ledger{background:var(--paper);border:1px solid var(--rule-soft);border-radius:var(--radius-md);gap:8px;padding:14px;display:grid}.audience-mock-ledger-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.audience-mock-ledger-head strong{color:var(--ink);font-size:.92rem}.audience-mock-ledger-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.audience-mock-ledger-list li{border-bottom:1px dashed var(--rule-soft);grid-template-columns:minmax(0,.7fr) minmax(0,1fr) minmax(0,.8fr) minmax(0,.9fr);align-items:center;gap:6px;padding:6px 0;font-size:.78rem;display:grid}.audience-mock-ledger-list li:last-child{border-bottom:none}.audience-mock-ledger-month{color:var(--ink);font-family:var(--font-mono);font-weight:600}.audience-mock-ledger-revenue{color:var(--ink-700);font-family:var(--font-mono)}.audience-mock-ledger-pdf{color:var(--muted);font-size:.74rem}.audience-mock-ledger-action{color:var(--shu-dark);font-family:var(--font-mono);letter-spacing:.04em;text-align:right;text-transform:uppercase;font-size:.7rem;font-weight:600}.audience-mock-ledger-foot{color:var(--muted);margin-top:4px;font-size:.74rem;line-height:1.6}.audience-mock-team-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.audience-mock-team-head strong{color:var(--ink);font-size:.92rem}.audience-mock-team-tabs{font-family:var(--font-mono);gap:8px;font-size:.7rem;display:flex}.audience-mock-team-tabs span{background:var(--paper);border:1px solid var(--rule-soft);color:var(--muted);border-radius:999px;padding:3px 10px}.audience-mock-team-tabs span.is-active{background:var(--ink-900);border-color:var(--ink-900);color:var(--paper-strong)}.audience-mock-team-list{background:var(--paper);border:1px solid var(--rule-soft);border-radius:var(--radius-md);display:grid;overflow:hidden}.audience-mock-team-row{border-bottom:1px solid var(--rule-soft);grid-template-columns:auto minmax(0,1.2fr) auto auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.audience-mock-team-row:last-child{border-bottom:none}.audience-mock-team-avatar{background:var(--shu-tint);color:var(--shu-dark);font-family:var(--font-mono);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:700;display:flex}.audience-mock-team-meta{gap:2px;min-width:0;display:grid}.audience-mock-team-meta strong{color:var(--ink);font-size:.86rem;font-weight:600}.audience-mock-team-meta small{color:var(--muted);font-family:var(--font-mono);letter-spacing:.04em;font-size:.66rem}.audience-mock-team-hours{color:var(--ink);font-family:var(--font-mono);font-size:.82rem;font-weight:700}.audience-mock-approval{background:var(--paper);border:1px solid var(--rule-soft);border-radius:var(--radius-md);gap:10px;padding:14px;display:grid}.audience-mock-approval-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.audience-mock-approval-head strong{color:var(--ink);font-size:.92rem}.audience-mock-approval-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.audience-mock-approval-row{background:var(--paper-strong);border:1px solid var(--rule-soft);border-radius:var(--radius-md);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.audience-mock-approval-actions{gap:6px;display:flex}.audience-mock-action{font-family:var(--font-mono);letter-spacing:.04em;border-radius:999px;padding:4px 10px;font-size:.7rem;font-weight:600}.audience-mock-action.is-approve{background:var(--shu);color:var(--paper-strong)}.audience-mock-action.is-reject{background:var(--paper);border:1px solid var(--rule-soft);color:var(--muted)}.audience-mock-approval-foot{color:var(--muted);margin-top:4px;font-size:.74rem;line-height:1.6}.audience-mock-leave-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.audience-mock-leave-head strong{color:var(--ink);font-size:.92rem}.audience-mock-leave-legend{flex-wrap:wrap;gap:6px;display:flex}.audience-mock-leave-key{font-family:var(--font-mono);border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:.66rem;font-weight:600;display:inline-flex}.audience-mock-leave-key.is-paid{background:var(--shu-tint);color:var(--shu-dark)}.audience-mock-leave-key.is-half{background:var(--state-warning-bg);color:var(--state-warning)}.audience-mock-leave-key.is-comp{background:var(--state-info-bg);color:var(--state-info)}.audience-mock-leave-key.is-special{background:var(--state-danger-bg);color:var(--state-danger)}.audience-mock-leave-weekdays{color:var(--muted);font-family:var(--font-mono);letter-spacing:.06em;text-align:center;text-transform:uppercase;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;font-size:.64rem;display:grid}.audience-mock-leave-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.audience-mock-leave-cell{background:var(--paper);border:1px solid var(--rule-soft);font-family:var(--font-mono);border-radius:4px;justify-content:space-between;align-items:flex-start;min-height:28px;padding:4px 6px;font-size:.66rem;display:flex;position:relative}.audience-mock-leave-cell.is-muted{opacity:.4}.audience-mock-leave-cell.is-paid{background:var(--shu-tint);border-color:var(--shu)}.audience-mock-leave-cell.is-half{background:var(--state-warning-bg);border-color:var(--state-warning)}.audience-mock-leave-cell.is-comp{background:var(--state-info-bg);border-color:var(--state-info)}.audience-mock-leave-cell.is-special{background:var(--state-danger-bg);border-color:var(--state-danger)}.audience-mock-leave-num{color:var(--ink-700);font-weight:600}.audience-mock-leave-tag{opacity:.45;background:currentColor;border-radius:999px;width:6px;height:6px}@media (max-width:960px){.audience-hero-inner{grid-template-columns:minmax(0,1fr)}.audience-hero-visual .audience-mock-window{transform:none}.audience-compare-row{grid-template-columns:minmax(0,1fr)}.audience-compare-row>span{border-bottom:1px solid var(--rule-soft);border-right:none}.audience-compare-row>span:last-child{border-bottom:none}.audience-compare-row.is-head>span.is-before:after{content:" (Before)";color:var(--muted)}.audience-compare-row.is-head>span.is-after:after{content:" (After)";color:var(--muted)}}@media (max-width:720px){.audience-mock-summary{grid-template-columns:minmax(0,1fr)}.audience-mock-projects-head,.audience-mock-projects-row{grid-template-columns:minmax(0,1.4fr) minmax(0,.9fr) minmax(0,.6fr) minmax(0,.9fr);font-size:.7rem}.audience-journey-step{grid-template-columns:minmax(0,1fr);gap:12px}.audience-mock-team-row{grid-template-columns:auto minmax(0,1fr) auto}.audience-mock-team-row .audience-mock-pill{grid-column:1/-1;justify-self:flex-start}}:root[data-theme=dark] .audience-hero{background:var(--paper)}:root[data-theme=dark] .audience-pain-card,:root[data-theme=dark] .audience-journey-step,:root[data-theme=dark] .audience-persona-card,:root[data-theme=dark] .audience-metric-card,:root[data-theme=dark] .audience-plan-card,:root[data-theme=dark] .audience-faq-item,:root[data-theme=dark] .audience-cta-card,:root[data-theme=dark] .audience-compare-table,:root[data-theme=dark] .audience-visual-frame,:root[data-theme=dark] .audience-mock-window{background:var(--paper-strong)}:root[data-theme=dark] .audience-compare-table{background:var(--paper)}:root[data-theme=dark] .audience-compare-row>span:first-child{color:var(--ink)}:root[data-theme=dark] .audience-plan-card.is-primary,:root[data-theme=dark] .audience-cta-card{border-color:var(--shu)}:root[data-theme=dark] .audience-mock-action.is-approve{color:var(--paper)}:root[data-theme=dark] .audience-mock-team-tabs span.is-active{background:var(--shu);border-color:var(--shu);color:var(--paper)}.plan-compare-wrap{margin-top:56px}.plan-compare-title{text-align:center;margin:0 0 8px;font-size:clamp(1.4rem,2vw,1.7rem);font-weight:600}.plan-compare-note{color:var(--muted);text-align:center;max-width:720px;margin:0 auto 20px;font-size:.86rem}.plan-compare-scroll{background:var(--surface-strong);border:1px solid var(--line);border-radius:var(--radius-lg);overflow-x:auto;box-shadow:0 12px 36px #1a16120d}.plan-compare-table{border-collapse:collapse;width:100%;min-width:720px;font-size:.92rem}.plan-compare-table thead th{background:var(--surface);border-bottom:1px solid var(--line);color:var(--ink);text-align:center;white-space:nowrap;padding:18px 20px;font-size:.96rem;font-weight:600}.plan-compare-table thead th:first-child{text-align:left;width:38%}.plan-compare-table thead th.is-highlight{color:var(--primary-dark)}.plan-compare-table tbody th[scope=row]{color:var(--ink);text-align:left;vertical-align:middle;padding:14px 20px;font-weight:400}.plan-compare-table tbody td{border-top:1px solid var(--line);text-align:center;vertical-align:middle;padding:14px 20px}.plan-compare-table tbody th[scope=row]{border-top:1px solid var(--line)}.plan-compare-group th{background:var(--primary-tint-08);border-top:1px solid var(--line);color:var(--primary-dark);letter-spacing:.08em;text-align:left;text-transform:uppercase;padding:10px 20px;font-size:.78rem;font-weight:600}.plan-compare-yes{color:var(--primary);font-size:1.1rem;font-weight:600}.plan-compare-no{color:var(--line-strong);font-size:1.05rem}.plan-compare-text{color:var(--ink);font-size:.88rem;font-weight:600}.footer{background:var(--ink-900);color:#f7f8f49e;margin-top:auto;padding:clamp(72px,8vw,112px) clamp(20px,5vw,64px) clamp(28px,3vw,40px);position:relative}.footer:before{background:var(--shu);content:"";width:48px;height:2px;position:absolute;top:0;left:clamp(20px,5vw,64px)}.footer-inner{gap:clamp(40px,5vw,64px);max-width:1180px;margin-inline:auto;display:grid}.footer-top{grid-template-columns:minmax(0,1.05fr) minmax(0,2.2fr);gap:clamp(36px,5vw,64px);display:grid}.footer-brand{gap:18px;max-width:360px;display:grid}.footer-brand-link{color:var(--paper-strong);letter-spacing:-.01em;align-items:center;gap:12px;font-size:1.1rem;font-weight:600;text-decoration:none;display:inline-flex}.footer-brand-mark{background:var(--paper-strong);box-shadow:none;color:var(--ink-900);font-family:var(--font-sans);border-radius:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.04rem;font-weight:500;display:inline-flex}.footer-brand-name{font-size:1.18rem}.footer-tagline{color:var(--ink-500);margin:0;font-size:.94rem;line-height:1.78}.footer-cols{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(24px,3vw,40px);display:grid}.footer-col h3{color:var(--paper-strong);letter-spacing:.14em;text-transform:uppercase;margin:0 0 16px;font-size:.72rem;font-weight:600}.footer-col ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.footer-col a{color:var(--ink-500);font-size:.92rem;text-decoration:none;transition:color .16s}.footer-col a:hover{color:var(--paper-strong)}.footer-bottom{color:var(--ink-500);border-top:1px solid #f4ecd91a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:clamp(20px,2vw,28px);font-size:.78rem;display:flex}.footer-copy,.footer-locale{letter-spacing:.02em;font-size:.78rem}@media (max-width:880px){.footer-top{grid-template-columns:minmax(0,1fr)}.footer-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.footer-cols{grid-template-columns:minmax(0,1fr)}}.legal-section,.help-section,.contact-section{gap:28px;max-width:760px;margin-inline:auto;display:grid}.help-toc ol{gap:4px;padding:0;list-style:inside decimal;display:grid}.help-toc a{color:var(--accent);text-decoration:none}.help-toc a:hover{text-decoration:underline}.help-body{gap:24px;display:grid}.help-section-card{gap:10px;display:grid}.help-section-card h2{margin:0;font-size:1.2rem}.help-section-card ul{padding-left:20px}.help-section-card li+li{margin-top:4px}.contact-form{gap:16px;display:grid}.contact-form-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}@media (max-width:640px){.contact-form-grid{grid-template-columns:minmax(0,1fr)}}.contact-privacy-note{color:var(--muted);margin:0;font-size:12px}.contact-privacy-note a{color:inherit;text-decoration:underline}.contact-feedback{border-radius:8px;padding:10px 12px}.contact-feedback-ok{background:color-mix(in srgb, var(--accent,#2f7d57) 16%, transparent);color:var(--accent,#2f7d57)}.contact-feedback-error{background:color-mix(in srgb, var(--shu) 18%, transparent);color:var(--shu-dark)}.plan-upgrade-banner{background:color-mix(in srgb, var(--accent,var(--shu)) 8%, var(--surface,var(--paper-strong)));border:1px solid color-mix(in srgb, var(--accent,var(--shu)) 35%, transparent);border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.plan-upgrade-banner p{margin:4px 0 0}@media (max-width:640px){.plan-upgrade-banner{grid-template-columns:minmax(0,1fr)}}.legal-body{gap:18px;display:grid}.legal-body h2{margin:12px 0 0;font-size:1.1rem}.legal-body ul,.legal-body ol{padding-left:24px}.legal-body li+li{margin-top:4px}.legal-definition{grid-template-columns:max-content 1fr;gap:12px;display:grid}.legal-definition dt{color:var(--muted);font-weight:600}.legal-definition dd{margin:0}.legal-contact{background:var(--surface-strong);border-radius:8px;padding:12px 16px}.legal-beta-note{background:color-mix(in srgb, var(--state-warning,#a87a3d) 12%, var(--surface,var(--paper-strong)));border:1px solid color-mix(in srgb, var(--state-warning,#a87a3d) 30%, transparent);border-radius:10px;margin-bottom:24px;padding:12px 16px}.legal-subprocessor-table{border-collapse:collapse;width:100%;margin:12px 0;display:block;overflow-x:auto}.legal-subprocessor-table th,.legal-subprocessor-table td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:8px 12px;font-size:.94rem}.legal-subprocessor-table th{background:var(--surface-strong);white-space:nowrap;font-weight:600}:is(body:has(.auth-shell) .site-header,body:has(.auth-shell) .footer){display:none}body:has(.auth-shell){background:var(--surface)}.auth-shell{background:var(--surface);color:var(--ink);grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);min-height:100svh;display:grid}.auth-brand{grid-template-rows:auto 1fr auto;gap:24px;padding:clamp(40px,5vw,72px);display:grid;position:relative;overflow:hidden;color:#f1f3f0!important;background:#1c2521!important}.auth-brand-headline,.auth-brand-name,.auth-brand-points strong{color:#f1f3f0}.auth-brand-lead,.auth-brand-points p{color:#f1f3f0b8}.auth-brand-eyebrow,.auth-brand-name small{color:#f1f3f08c}.auth-brand-point-glyph{color:#8fb59f}.auth-brand-bg{display:none}.auth-brand:before{content:"";pointer-events:none;background:#8fb59f;width:2px;height:64px;position:absolute;top:0;left:clamp(40px,5vw,72px)}.auth-brand-header{justify-content:space-between;align-items:center;display:flex}.auth-brand-link{color:inherit;align-items:baseline;gap:12px;text-decoration:none;display:inline-flex}.auth-brand-mark{border-radius:var(--radius-md);color:#1c2521;font-family:var(--font-sans);letter-spacing:.02em;background:#f1f3f0;border:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;font-weight:700;display:inline-flex}.auth-brand-name{font-family:var(--font-sans);letter-spacing:.01em;font-size:18px;font-weight:500;line-height:1.1;display:grid}.auth-brand-name small{color:#f1f3f08c;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:500}.auth-brand-body{align-self:center;gap:28px;max-width:520px;display:grid}.auth-brand-eyebrow{color:#f1f3f0a6;font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;margin:0;padding-left:36px;font-size:11px;font-weight:500;position:relative}.auth-brand-eyebrow:before{content:"";background:#8fb59f;width:24px;height:1px;position:absolute;top:50%;left:0}.auth-brand-headline{color:#f1f3f0;font-family:var(--font-sans);font-feature-settings:"palt";letter-spacing:-.005em;margin:0;font-size:clamp(1.6rem,2vw + .6rem,2.2rem);font-weight:700;line-height:1.5}.auth-brand-lead{color:#f1f3f0c7;font-family:var(--font-sans);margin:0;font-size:14px;line-height:1.9}.auth-brand-points{border-top:1px solid #f1f3f029;gap:0;margin:8px 0 0;padding:0;list-style:none;display:grid}.auth-brand-points li{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-bottom:1px solid #f1f3f029;border-radius:0;grid-template-columns:32px 1fr;align-items:flex-start;gap:16px;padding:18px 0;display:grid}.auth-brand-point-glyph{color:#8fb59f;font-family:var(--font-mono);letter-spacing:.1em;background:0 0;border-radius:0;justify-content:flex-start;align-items:baseline;width:auto;height:auto;padding-top:2px;font-size:12px;font-weight:500;display:inline-flex}.auth-brand-points strong{color:#f1f3f0;font-family:var(--font-sans);letter-spacing:.01em;margin-bottom:4px;font-size:15px;font-weight:600;display:block}.auth-brand-points p{color:#f1f3f0b3;margin:0;font-size:12.5px;line-height:1.75}.auth-brand-footer{letter-spacing:.04em;opacity:.7;justify-content:space-between;align-items:center;gap:16px;font-size:11px;display:flex}.auth-form-region{justify-content:center;align-items:center;padding:clamp(24px,4vw,56px);display:flex}.auth-form-card{background:var(--paper-strong,#faf6ea);border:1px solid var(--rule-soft,#ddd5bf);border-radius:var(--radius-xl);box-shadow:none;gap:24px;width:100%;max-width:440px;padding:clamp(28px,4vw,40px);display:grid}.auth-form-brand-mobile{color:var(--ink);align-items:center;gap:10px;font-weight:600;text-decoration:none;display:none}.auth-form-brand-mark{background:var(--primary,var(--shu));color:var(--paper-strong);border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;font-weight:600;display:inline-flex}.auth-form-header{gap:8px;display:grid}.auth-form-eyebrow{color:var(--primary,var(--shu));letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:11px;font-weight:600}.auth-form-header h2{letter-spacing:.01em;margin:0;font-size:clamp(1.4rem,1vw + 1.05rem,1.7rem);font-weight:600;line-height:1.3}.auth-form-lead{color:var(--muted,#5a4540);margin:0;font-size:13.5px;line-height:1.7}.auth-form-stack,.auth-form-stack form,.auth-form{gap:16px;display:grid}.auth-field{gap:6px}.auth-field-label-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.auth-field-label{color:var(--ink);letter-spacing:.01em;font-size:13px;font-weight:600}.auth-field-help{color:var(--muted);font-size:12px;font-weight:500;line-height:1.55}.auth-field-aside{color:var(--primary,var(--shu));font-size:12px;font-weight:600;text-decoration:none}.auth-field-aside:hover{text-decoration:underline}.auth-password-input{background:var(--paper-strong);border:1px solid var(--line,var(--rule-soft));border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:0;padding-right:4px;transition:border-color .16s,box-shadow .16s;display:grid}.auth-password-input:focus-within{border-color:var(--primary,var(--shu));box-shadow:0 0 0 3px color-mix(in srgb, var(--primary,var(--shu)) 18%, transparent)}.auth-password-input input{background:0 0;border:0;outline:none;min-height:44px;padding:0 12px}.auth-password-input input:focus{border:0;outline:none}.auth-password-toggle{color:var(--muted,#5a4540);cursor:pointer;letter-spacing:.04em;text-transform:uppercase;background:0 0;border:0;border-radius:6px;align-self:center;padding:4px 10px;font-size:11px;font-weight:600}.auth-password-toggle:hover{background:color-mix(in srgb, var(--primary,var(--shu)) 8%, transparent);color:var(--primary,var(--shu))}.auth-field input,.auth-field select,.auth-field textarea{background:var(--paper-strong,#faf6ea);border:1px solid var(--rule,#c8bfa6);border-radius:var(--radius-md);color:var(--ink-900);min-height:46px;padding:0 14px;transition:border-color .16s,box-shadow .16s}.auth-field input:focus,.auth-field select:focus,.auth-field textarea:focus{border-color:var(--ink-900);box-shadow:0 0 0 3px color-mix(in srgb, var(--ink-900) 12%, transparent);outline:none}.auth-field input::placeholder,.auth-field textarea::placeholder{color:color-mix(in srgb, var(--muted,#5a4540) 65%, transparent)}.auth-field input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--paper-strong) inset;-webkit-text-fill-color:var(--ink);caret-color:var(--ink)}.auth-consent{color:var(--muted);grid-template-columns:auto 1fr;align-items:flex-start;gap:10px;margin:0;font-size:12.5px;line-height:1.6;display:grid}.auth-consent input[type=checkbox]{margin-top:3px}.auth-consent a{color:var(--primary,var(--shu));text-decoration:underline}.auth-submit{justify-content:center;align-items:center;gap:10px;min-height:46px;display:inline-flex}.auth-spinner{border:2px solid #ffffff73;border-top-color:var(--paper-strong);border-radius:50%;width:14px;height:14px;animation:.9s linear infinite auth-spinner-rotate;display:inline-block}@keyframes auth-spinner-rotate{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.auth-spinner{animation:none}}.auth-finalizing-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:color-mix(in srgb, var(--paper-strong,#fff) 88%, transparent);z-index:1000;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:fixed;inset:0}.auth-finalizing-spinner{border:3px solid color-mix(in srgb, var(--ink,var(--ink-900,#2e1120)) 18%, transparent);border-top-color:var(--ink,var(--ink-900,#2e1120));border-radius:50%;width:34px;height:34px;animation:.9s linear infinite auth-spinner-rotate}.auth-finalizing-text{color:var(--ink,var(--ink-900,#2e1120));margin:0;font-size:14px;font-weight:600}@media (prefers-reduced-motion:reduce){.auth-finalizing-spinner{animation:none}}.auth-divider{color:color-mix(in srgb, var(--muted,#5a4540) 80%, transparent);letter-spacing:.16em;text-transform:uppercase;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;font-size:11px;font-weight:600;display:grid}.auth-divider:before,.auth-divider:after{background:var(--line,var(--rule-soft));content:"";height:1px}.auth-providers{gap:10px;display:grid}.auth-provider{justify-content:center;align-items:center;gap:12px;min-height:48px;transition:border-color .16s,transform .16s,box-shadow .16s;display:inline-flex}.auth-provider-icon{align-items:center;width:20px;height:20px;display:inline-flex}.button.primary.auth-provider-google,.auth-provider-google{background:var(--paper-strong);border:1px solid var(--ink-900);border-radius:var(--radius-md);box-shadow:none;color:var(--ink-900)}.button.primary.auth-provider-google:hover:not(:disabled){background:var(--paper);border-color:var(--ink-900);box-shadow:none;color:var(--ink-900)}.button.secondary.auth-provider-github,.auth-provider-github{background:var(--ink-900);border:1px solid var(--ink-900);border-radius:var(--radius-md);color:var(--paper-strong)}.button.secondary.auth-provider-github:hover:not(:disabled){background:var(--ink-700);border-color:var(--ink-700);color:var(--paper-strong)}:root[data-theme=dark] .button.primary.auth-provider-google,:root[data-theme=dark] .auth-provider-google{background:var(--paper-strong);border-color:var(--ink-500);box-shadow:none;color:var(--ink-900)}:root[data-theme=dark] .button.primary.auth-provider-google:hover:not(:disabled){background:var(--paper);border-color:var(--ink-900);box-shadow:none;color:var(--ink-900)}:root[data-theme=dark] .button.secondary.auth-provider-github,:root[data-theme=dark] .auth-provider-github{background:var(--ink-900);border-color:var(--ink-900);color:var(--paper-strong)}:root[data-theme=dark] .button.secondary.auth-provider-github:hover:not(:disabled){background:var(--ink-700);border-color:var(--ink-700);color:var(--paper-strong)}.button.secondary.auth-magic-submit,.auth-magic-submit{background:var(--shu);border:1px solid var(--shu);border-radius:var(--radius-md);color:var(--paper-strong)}.button.secondary.auth-magic-submit:hover:not(:disabled){background:var(--shu-dark);border-color:var(--shu-dark)}.button.secondary.auth-magic-submit:disabled,.auth-magic-submit:disabled{background:color-mix(in srgb, var(--line,var(--rule-soft)) 40%, var(--paper-strong));color:color-mix(in srgb, var(--muted,#5a4540) 80%, var(--paper-strong));cursor:not-allowed}.auth-magic-note{color:var(--muted,#5a4540);margin:-4px 0 0;font-size:12px;line-height:1.65}.auth-spinner-dark{border-color:#2e112047;border-top-color:var(--ink,var(--ink-900))}.auth-debug-block{background:color-mix(in srgb, #facc15 8%, var(--surface,var(--paper-strong)));border:1px dashed #facc1561;border-radius:10px;padding:10px 14px}.auth-debug-block>summary{color:var(--ink,var(--ink-900));cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:13px;font-weight:600;list-style:none;display:flex}.auth-debug-block>summary::-webkit-details-marker{display:none}.auth-debug-badge{color:#4b3a01;letter-spacing:.08em;background:#facc15;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.auth-debug-form{margin-top:12px}.auth-debug-warning{color:color-mix(in srgb, var(--muted,#5a4540) 80%, #000);margin:0 0 8px;font-size:11.5px;line-height:1.6}.auth-debug-warning code{background:var(--paper-strong);border-radius:3px;padding:1px 4px;font-size:11px}.auth-form-footer{border-top:1px solid var(--line,var(--rule-soft));gap:12px;margin-top:4px;padding-top:18px;display:grid}.auth-form-switch{color:var(--muted,#5a4540);margin:0;font-size:13px}.auth-form-switch a{color:var(--primary,var(--shu));margin-left:6px;font-weight:600;text-decoration:none}.auth-form-switch a:hover{text-decoration:underline}.auth-form-legal{flex-wrap:wrap;gap:14px;font-size:12px;display:flex}.auth-form-legal a{color:var(--muted,#5a4540);text-decoration:none}.auth-form-legal a:hover{color:var(--ink);text-decoration:underline}@media (max-width:960px){.auth-shell{grid-template-columns:minmax(0,1fr)}.auth-brand{display:none}.auth-form-region{background:var(--surface);padding:32px 16px}.auth-form-brand-mobile{display:inline-flex}}.field{color:var(--muted);gap:8px;font-size:.9rem;font-weight:600;display:grid}.field input,.field select,.field textarea{background:var(--paper-strong);border:1px solid var(--line);color:var(--ink);border-radius:8px;min-height:44px;padding:0 12px}.field textarea{resize:vertical;padding:12px;line-height:1.55}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary);outline:3px solid #1f6b5124}.auth-warning,.auth-message{border-radius:10px;margin:0;padding:12px 14px;font-size:13px;line-height:1.65}.auth-warning{background:color-mix(in srgb, #d5a437 18%, var(--surface));color:#6f4d0c;border:1px solid #d5a4374d}.auth-warning code{background:var(--ink-500);border-radius:4px;padding:1px 5px;font-size:11.5px}.auth-message-ok{background:color-mix(in srgb, var(--primary,var(--shu)) 10%, var(--surface));border:1px solid color-mix(in srgb, var(--primary,var(--shu)) 28%, transparent);color:var(--primary-dark,var(--shu-dark))}.auth-message-error{background:color-mix(in srgb, var(--shu) 16%, var(--surface));border:1px solid color-mix(in srgb, var(--shu) 38%, transparent);color:var(--shu-dark)}:is(body:has(.app-shell) .site-header,body:has(.app-shell) .footer,body:has(.app-centered) .site-header,body:has(.app-centered) .footer){display:none}.app-shell{color:var(--ink);background:#f7f4ed;grid-template-columns:260px minmax(0,1fr);height:100dvh;display:grid}html:has(.app-shell){scrollbar-gutter:auto;overflow:hidden}body:has(.app-shell){overflow:hidden}.app-shell>.app-sidebar,.app-shell>.app-main{overflow-y:auto}.app-sidebar{background:var(--ink-900);color:var(--paper-strong);flex-direction:column;gap:30px;padding:24px;display:flex}.app-sidebar-brand{align-items:center;gap:12px;font-weight:600;display:inline-flex}.app-nav button{border-radius:var(--radius-pill);color:#ffffffad;cursor:pointer;text-align:left;background:0 0;border:0;padding:12px 14px;font-weight:600}.app-nav button:hover,.app-nav button[aria-current=page]{color:var(--paper-strong);background:#ffffff1a}.app-main{gap:22px;padding:28px;display:grid}.app-topbar{justify-content:space-between;align-items:center;gap:20px;display:flex}.app-topbar h1,.app-empty-card h1{margin-bottom:0;font-size:clamp(2.2rem,4vw,4.2rem)}.app-kicker{color:var(--rust);letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px;font-size:.78rem;font-weight:600}.app-user{border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffffbd;justify-content:space-between;align-items:center;gap:14px;min-width:300px;padding:12px 16px;display:flex}.app-user span{font-weight:600}.app-user small,.app-muted{color:var(--muted)}.app-signout-button{border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--ink);cursor:pointer;font:inherit;white-space:nowrap;background:#f3eee5;min-height:34px;padding:0 12px;font-size:.82rem;font-weight:600}.app-signout-button:hover{background:#ebe2d5}.app-message{background:var(--shu-tint);border:1px solid var(--primary-shadow-soft);border-radius:var(--radius-md);color:var(--primary-dark);margin:0;padding:14px 16px}.app-panel-header h2{margin-bottom:0;font-size:clamp(1.5rem,2.4vw,2.3rem)}.app-panel-header>span{border-radius:var(--radius-pill);color:var(--muted);background:#f3eee5;padding:7px 10px;font-size:.86rem;font-weight:600}.project-list,.project-form{gap:12px;display:grid}.project-row{border-radius:var(--radius-md);background:#fbf8f2;border:1px solid #e7dfd2cc;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid}.project-color{border-radius:50%;width:16px;height:16px}.project-row strong,.project-row small{display:block}.project-row small{color:var(--muted);margin-top:2px}.project-rate{color:var(--primary-dark);font-weight:600}.app-timer-panel{gap:16px;display:grid}.timer-face{background:var(--ink-900);border-radius:var(--radius-lg);color:var(--paper-strong);gap:8px;padding:24px;display:grid}.timer-face[data-active=false]{border:1px solid var(--rule-soft);color:var(--ink);background:#fbf8f2}.timer-form,.work-entry-list{gap:12px;display:grid}.work-entry-row{border-radius:var(--radius-md);background:#fbf8f2;border:1px solid #e7dfd2cc;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:14px;display:grid}.work-entry-row strong,.work-entry-row small{display:block}.work-entry-row small{color:var(--muted);margin-top:2px}.work-entry-row span{color:var(--primary-dark);white-space:nowrap;font-weight:600}.app-inline-button,.work-entry-actions button{border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--ink);cursor:pointer;font:inherit;white-space:nowrap;background:#f3eee5;min-height:34px;padding:0 12px;font-size:.82rem;font-weight:600}.app-inline-button:hover,.work-entry-actions button:hover{background:#ebe2d5}.work-entry-edit-form{border-radius:var(--radius-lg);background:#fbf8f2;border:1px solid #e7dfd2e6;gap:14px;margin-top:18px;padding:18px;display:grid}.app-panel-header.compact,.app-panel-header.compact h3{margin-bottom:0}.report-month-field{max-width:220px}.report-metric-grid .app-metric-card{box-shadow:none;padding:18px}.project-report-list{gap:10px;display:grid}.project-report-row{border-radius:var(--radius-md);background:#fbf8f2;border:1px solid #e7dfd2cc;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:12px;padding:14px;display:grid}.project-report-row strong,.project-report-row small{display:block}.project-report-row small{color:var(--muted);margin-top:2px}.project-report-row span{color:var(--primary-dark);white-space:nowrap;font-weight:600}.manual-entry-form{gap:14px;display:grid}.color-field div{gap:10px;display:flex}.color-field button{cursor:pointer;border:3px solid #0000;border-radius:50%;width:34px;height:34px}.color-field button[aria-pressed=true]{border-color:var(--ink)}.app-centered{text-align:center;background:#f7f4ed;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.app-empty-card{gap:18px;max-width:620px;padding:32px;display:grid}.app-empty-card p{color:var(--muted);line-height:1.7}.app-empty-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.app-spinner{border:3px solid var(--primary-tint-16);border-top-color:var(--primary);border-radius:50%;width:32px;height:32px;margin-right:12px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1080px){.dashboard-window{opacity:.62;width:820px;right:-430px}.floating-sheet{display:none}.price-grid,.mini-price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){body:has(.app-shell){overflow:auto}.app-shell{grid-template-columns:1fr;height:auto}.app-shell>.app-sidebar,.app-shell>.app-main{overflow-y:visible}.app-sidebar{border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);gap:18px}.app-nav{grid-template-columns:repeat(5,minmax(0,1fr));font-size:.82rem}.app-nav button{text-align:center}.app-main{padding:20px}.app-topbar,.app-panel-header{flex-direction:column;align-items:stretch}.app-user{min-width:0}.app-metric-grid,.app-panel-grid,.manual-entry-time-grid,.project-report-row,.report-metric-grid,.work-entry-row{grid-template-columns:1fr}.work-entry-actions{justify-content:stretch}.work-entry-actions button{flex:1}.site-header{align-items:flex-start;width:100%}.nav-links{display:none}.nav-actions{gap:8px}.button{min-height:40px;padding:0 12px}.hero{min-height:auto;padding-top:78px}.hero:after{background:#f6f3ede6}.hero-scene{opacity:.38}.dashboard-window{opacity:.5;width:min(92vw,360px);top:330px;left:16px;right:auto;transform:none}.dashboard-layout{grid-template-columns:42px 1fr;padding:10px}.kanban-row{grid-template-columns:1fr}.work-block{min-height:80px}.workflow-grid,.product-section,.auth-layout,.grid,.price-grid,.mini-price-grid{grid-template-columns:1fr}.product-section{align-items:stretch}.table-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.app-sidebar{padding:18px 16px}.app-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.app-main{padding:16px}.app-topbar h1,.app-empty-card h1{font-size:2rem}.form-row,.project-row{grid-template-columns:1fr}.project-rate{justify-self:start}h1{max-width:100%;font-size:clamp(2.35rem,10.8vw,2.72rem);line-height:.95}h2{line-break:anywhere;overflow-wrap:anywhere;word-break:break-all;max-width:min(100%,22.25rem);font-size:clamp(1.55rem,7vw,1.86rem);line-height:1.12}.headline-line{line-break:anywhere;overflow-wrap:anywhere;word-break:break-all;display:block}.site-header{justify-content:flex-start;align-items:center;min-height:68px;padding-inline:16px}.brand{min-width:0;font-size:.98rem}.section,.hero{max-width:100vw;padding-inline:16px}.section-header,.hero-copy,.hero-note,.workflow-grid,.mini-price-grid,.grid,.price-grid{width:100%;min-width:0;max-width:min(100%,22.25rem)}.product-section{width:100%;max-width:100vw}.workflow-item,.mini-price,.price-card,.product-copy{min-width:0}.product-copy,.product-board{max-width:min(100%,22.25rem);margin-inline:auto}.workflow-item p,.product-copy p,.mini-price p,.mini-feature-list li{line-break:anywhere;overflow-wrap:anywhere;word-break:break-all}.hero-copy .lead,.hero-note{max-width:min(100%,20rem)}.lead,.hero-note{line-break:anywhere;word-break:break-all}.dashboard-window{width:calc(100vw - 36px);max-width:calc(100vw - 36px);top:380px;left:18px}.dashboard-header,.report-strip{flex-direction:column;align-items:flex-start}.timer-pill{display:none}.product-board{width:100%;min-width:0;max-width:calc(100vw - 32px);overflow:hidden}.board-header{flex-direction:column;align-items:flex-start;gap:6px}.table-row{grid-template-columns:repeat(2,minmax(0,1fr))}.table-row span{overflow-wrap:anywhere;min-width:0}.board-total{flex-direction:column;align-items:flex-start;gap:12px}.board-total strong{font-size:1.7rem}}.app-nav button{color:var(--app-muted);border-radius:7px;gap:0;min-height:34px;padding:8px 9px;position:relative}.app-shell .button.primary{background:var(--app-accent-strong)}@media (max-width:1080px){.app-shell{grid-template-columns:184px minmax(0,1fr)}}@media (max-width:820px){.app-shell{grid-template-columns:1fr}.app-sidebar{border-bottom:1px solid var(--app-line)}.app-nav button{min-height:38px}.app-topbar{position:static}}@media (max-width:560px){.app-shell h1,.app-empty-card h1{font-size:1.1rem}.timer-face strong{font-size:1.6rem}}.app-shell{--app-accent:var(--shu);--app-accent-2:var(--shu);--app-accent-strong:var(--shu);--app-accent-gradient:var(--shu);--app-bg:var(--paper);--app-ink:var(--ink-900);--app-line:var(--rule-soft);--app-line-strong:var(--rule);--app-muted:var(--ink-500);--app-panel:var(--paper-strong);--app-panel-soft:var(--paper-soft);--app-radius:18px;background:var(--app-bg);color:var(--app-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;grid-template-columns:212px minmax(0,1fr);font-size:.9375rem}.app-sidebar{background:var(--paper-strong);border-right-color:var(--rule)}.app-sidebar-brand .brand-mark,.app-shell .button.primary,.app-live-dot{background:var(--app-accent-gradient)}.app-nav button{color:var(--ink-500);border-radius:14px}.app-nav button:hover{border-color:var(--rule-soft);background:#f45f8d1a}.app-nav button[aria-current=page]{background:var(--app-accent-gradient);color:var(--paper-strong);border-color:#0000}.app-nav button[aria-current=page]:before{display:none}.app-topbar,.app-user,.app-metric-card,.app-panel,.app-empty-card{background:var(--paper-strong);border-color:var(--app-line);border-radius:var(--app-radius);box-shadow:0 14px 32px #1a16120d}.app-live-chip{background:var(--paper-strong);border:1px solid var(--rule);border-radius:var(--radius-md);color:var(--ink-900)}.app-message,.app-panel-header>span,.project-row,.work-entry-row,.project-report-row,.work-entry-edit-form,.app-report-summary>div,.app-shell .field input,.app-shell .field select,.app-shell .field textarea{background:var(--app-panel-soft);border-color:var(--app-line);border-radius:16px}.timer-face{background:var(--paper-strong) padding-box, var(--app-accent-gradient) border-box;color:var(--app-ink);border:1px solid #0000;border-radius:18px}:root[data-theme=dark] .app-sidebar,:root[data-theme=dark] .app-topbar,:root[data-theme=dark] .app-user,:root[data-theme=dark] .app-metric-card,:root[data-theme=dark] .app-panel,:root[data-theme=dark] .app-empty-card{background:var(--paper-strong);border-color:var(--app-line);box-shadow:none}:root[data-theme=dark] .app-sidebar{background:var(--paper-strong)}:root[data-theme=dark] .app-nav button{color:var(--app-muted)}:root[data-theme=dark] .app-nav button:hover{background:var(--shu-tint);border-color:var(--app-line-strong)}:root[data-theme=dark] .app-message,:root[data-theme=dark] .app-live-chip,:root[data-theme=dark] .app-live-chip.is-idle,:root[data-theme=dark] .app-panel-header>span,:root[data-theme=dark] .project-row,:root[data-theme=dark] .work-entry-row,:root[data-theme=dark] .project-report-row,:root[data-theme=dark] .work-entry-edit-form,:root[data-theme=dark] .app-report-summary>div,:root[data-theme=dark] .app-shell .field input,:root[data-theme=dark] .app-shell .field select,:root[data-theme=dark] .app-shell .field textarea{background:var(--app-panel-soft);border-color:var(--app-line);color:var(--app-ink)}:root[data-theme=dark] .timer-face,:root[data-theme=dark] .timer-face[data-active=true]{background:var(--app-panel-soft) padding-box, var(--app-accent-gradient) border-box;border-color:#0000}.app-shell{--app-accent:var(--shu);--app-accent-2:var(--shu);--app-accent-strong:#9f3157;--app-accent-gradient:var(--shu);--app-bg:#fbf8f7;--app-ink:var(--ink-900);--app-line:#ebe1df;--app-line-strong:#d9c8c4;--app-muted:#766b6d;--app-panel:var(--paper-strong);--app-panel-soft:var(--paper-strong);--app-radius:14px;background:var(--app-bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;grid-template-columns:204px minmax(0,1fr);font-size:.875rem}.app-shell h1{font-size:1.28rem}.app-shell h2{font-size:1.04rem}.app-topbar-title>p:last-child,.app-user small,.app-muted{font-size:.82rem}.app-sidebar,.app-topbar,.app-user,.app-metric-card,.app-panel,.app-empty-card{background:var(--app-panel)}.app-sidebar{border-right-color:var(--app-line)}.app-sidebar-brand .brand-mark,.app-shell .button.primary,.app-nav button[aria-current=page]:before,.app-live-dot{background:var(--app-accent-gradient)}.app-sidebar-brand .brand-mark,.app-nav button,.app-topbar,.app-live-chip,.app-user,.app-signout-button,.app-inline-button,.work-entry-actions button,.app-shell .button,.app-message,.app-metric-card,.app-panel,.app-empty-card,.app-panel-header>span,.timer-face,.project-row,.work-entry-row,.project-report-row,.work-entry-edit-form,.app-report-summary>div,.app-shell .field input,.app-shell .field select,.app-shell .field textarea{border-radius:var(--app-radius)}.app-metric-card,.app-panel,.app-empty-card{box-shadow:0 12px 30px #48302c0b}.app-nav button:hover,.app-nav button[aria-current=page]{background:var(--paper-strong);color:var(--app-ink);border-color:#f2ddd7}.app-live-chip{background:var(--paper-soft);color:var(--app-accent-strong);border-color:#f2d8d3}.app-live-chip small{color:#94605d}.app-live-dot{box-shadow:0 0 0 4px var(--shu-tint)}.app-kicker,.project-rate,.work-entry-row span,.project-report-row span{color:var(--app-accent-strong)}.app-shell .button.primary{box-shadow:0 10px 20px var(--shu-tint-strong);border-color:#0000}.timer-face{background:var(--paper-strong)}.timer-face[data-active=true]{background:var(--paper-strong) padding-box, var(--app-accent-gradient) border-box;border:1px solid #0000}.app-message{background:var(--paper-strong);color:var(--app-accent-strong);border-color:#f2d8d3}.app-shell .field input:focus,.app-shell .field select:focus,.app-shell .field textarea:focus{border-color:var(--app-accent);outline-color:var(--shu-tint)}.checkbox-field input{accent-color:var(--app-accent)}:root[data-theme=dark] body:has(.app-shell){background:#171417}:root[data-theme=dark] .app-shell{--app-accent:var(--shu);--app-accent-2:var(--shu);--app-accent-strong:#ff9bbd;--app-accent-gradient:var(--shu);--app-bg:#171417;--app-ink:#f7eef2;--app-line:#3a3036;--app-line-strong:#53424b;--app-muted:#b8acb2;--app-panel:#211c21;--app-panel-soft:#2a2228;background:var(--app-bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=dark] .app-sidebar,:root[data-theme=dark] .app-topbar,:root[data-theme=dark] .app-user,:root[data-theme=dark] .app-metric-card,:root[data-theme=dark] .app-panel,:root[data-theme=dark] .app-empty-card{background:var(--app-panel)}:root[data-theme=dark] .app-metric-card,:root[data-theme=dark] .app-panel,:root[data-theme=dark] .app-empty-card{box-shadow:none}:root[data-theme=dark] .app-nav button:hover,:root[data-theme=dark] .app-nav button[aria-current=page]{background:#30242a;border-color:#4f3a43}:root[data-theme=dark] .app-live-chip,:root[data-theme=dark] .app-message,:root[data-theme=dark] .timer-face,:root[data-theme=dark] .timer-face[data-active=false],:root[data-theme=dark] .project-row,:root[data-theme=dark] .work-entry-row,:root[data-theme=dark] .project-report-row,:root[data-theme=dark] .work-entry-edit-form,:root[data-theme=dark] .app-report-summary>div,:root[data-theme=dark] .app-panel-header>span,:root[data-theme=dark] .app-shell .field input,:root[data-theme=dark] .app-shell .field select,:root[data-theme=dark] .app-shell .field textarea{background:var(--app-panel-soft);border-color:var(--app-line);color:var(--app-ink)}:root[data-theme=dark] .timer-face[data-active=true]{background:var(--app-panel-soft) padding-box, var(--app-accent-gradient) border-box;border:1px solid #0000}:root[data-theme=dark] .app-live-chip small{color:#d9a6a8}.app-shell{--app-radius:8px;background:var(--app-bg);color:var(--app-ink);grid-template-columns:238px minmax(0,1fr);min-height:100vh;display:grid}.app-shell h1,.app-shell h2,.app-shell h3{color:var(--app-ink);letter-spacing:0;max-width:none;margin:0}.app-shell p{margin-bottom:0}.app-sidebar{color:var(--paper-strong);background:#14221d;border-right:1px solid #f4ecd91a;flex-direction:column;align-self:start;gap:22px;min-height:100vh;padding:18px;display:flex;position:sticky;top:0}.app-sidebar-brand{border-radius:var(--app-radius);align-items:center;gap:10px;padding:6px;font-weight:600;display:inline-flex}.app-sidebar-brand .brand-mark{border-radius:var(--app-radius);color:#14221d;background:#f8fbf6;flex:none;width:34px;height:34px}.app-sidebar-brand span:last-child{gap:1px;display:grid}.app-sidebar-brand small{color:#ffffff8a;font-size:.72rem;font-weight:600}.app-nav{gap:6px;display:grid}.app-nav button{border-radius:var(--app-radius);color:#ffffffb8;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;gap:2px;padding:10px 11px;transition:background .14s,border-color .14s,color .14s;display:grid}.app-nav button span{font-size:.92rem;font-weight:600}.app-nav button small{color:#ffffff70;font-size:.73rem;font-weight:500}.app-nav button[aria-current=page] small{color:#ffffffad}.app-main{align-content:start;gap:16px;padding:20px;display:grid}.app-topbar{background:var(--paper-strong);border:1px solid var(--app-line);border-radius:var(--app-radius);z-index:5;justify-content:space-between;align-items:center;gap:18px;padding:14px 16px;display:flex;position:sticky;top:14px}.app-topbar-title{gap:4px;min-width:0;display:grid}.app-topbar-title>p:last-child{color:var(--app-muted);font-size:.88rem;line-height:1.5}.app-kicker{color:#8a4f35;letter-spacing:.02em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:600}.app-topbar-actions{flex:none;align-items:center;gap:10px;display:flex}.app-live-chip{border-radius:var(--app-radius);color:var(--app-accent-strong);cursor:pointer;text-align:left;background:#edf7ef;border:1px solid #cfe4d5;align-items:center;gap:9px;min-width:156px;min-height:48px;padding:8px 11px;display:inline-flex}.app-live-chip>span:last-child{gap:1px;display:grid}.app-live-chip strong{font-variant-numeric:tabular-nums;font-size:.98rem;line-height:1.05}.app-live-chip small{color:#50735e;text-overflow:ellipsis;white-space:nowrap;max-width:118px;font-size:.72rem;font-weight:600;overflow:hidden}.app-live-chip.is-idle{border-color:var(--app-line);color:var(--app-muted);background:#f6f8f4}.app-live-dot{background:#2b8f62;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #2b8f621f}.app-live-chip.is-idle .app-live-dot{box-shadow:none;background:#a7b2aa}.app-user{border:1px solid var(--app-line);border-radius:var(--app-radius);background:#f8faf6;justify-content:space-between;align-items:center;gap:12px;min-width:270px;min-height:48px;padding:8px 10px 8px 12px;display:flex}.app-user>div{gap:1px;min-width:0;display:grid}.app-user span{color:var(--app-ink);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600;overflow:hidden}.app-user small,.app-muted{color:var(--app-muted);font-size:.84rem;line-height:1.55}.app-signout-button,.app-inline-button,.work-entry-actions button{background:var(--paper-strong);border:1px solid var(--app-line);border-radius:var(--app-radius);color:var(--app-ink);cursor:pointer;font:inherit;white-space:nowrap;min-height:36px;padding:0 12px;font-size:.82rem;font-weight:600}.app-signout-button:hover,.app-inline-button:hover,.work-entry-actions button:hover{border-color:var(--app-line-strong);background:#f2f6ef}.app-inline-button:disabled,.work-entry-actions button:disabled{cursor:not-allowed;opacity:.46}.app-shell .button{border-radius:var(--app-radius);min-height:40px;padding:0 14px}.app-shell .button.primary{background:var(--app-accent-strong);box-shadow:none}.app-shell .button.primary:hover{background:#0c3127}.app-message{border-radius:var(--app-radius);color:var(--app-accent-strong);background:#eff8f1;border:1px solid #cfe4d5;margin:0;padding:11px 13px;font-size:.9rem}.app-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.app-metric-card,.app-panel,.app-empty-card{background:var(--app-panel);border:1px solid var(--app-line);border-radius:var(--app-radius);box-shadow:none}.app-metric-card{gap:7px;padding:16px;display:grid}.app-metric-card span{color:var(--app-muted);font-size:.78rem;font-weight:600}.app-metric-card strong{color:var(--app-ink);font-variant-numeric:tabular-nums;font-size:1.45rem;line-height:1.1}.app-dashboard-grid{grid-template-columns:minmax(320px,.92fr) minmax(360px,1.08fr);align-items:start;gap:14px;display:grid}.app-report-preview{grid-column:1/-1}.app-panel-grid{grid-template-columns:minmax(0,1.16fr) minmax(320px,.84fr);align-items:start;gap:14px;display:grid}.app-panel-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.app-panel-header>div{gap:4px;min-width:0;display:grid}.app-panel-header>span{background:var(--app-panel-soft);border:1px solid var(--app-line);border-radius:var(--app-radius);color:var(--app-muted);flex:none;padding:5px 9px;font-size:.78rem;font-weight:600}.app-section-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.timer-face{border-radius:var(--app-radius);color:var(--paper-strong);background:#14221d;border:1px solid #14221d;gap:7px;padding:18px;display:grid}.timer-face[data-active=false]{background:var(--app-panel-soft);border-color:var(--app-line);color:var(--app-ink)}.timer-face span,.timer-face small{color:inherit;opacity:.68}.timer-face strong{font-variant-numeric:tabular-nums;letter-spacing:0;font-size:2.5rem;line-height:1}.app-timer-grid{grid-template-columns:minmax(340px,.92fr) minmax(0,1.08fr)}.app-timer-panel,.timer-form,.manual-entry-form,.project-form,.project-list,.work-entry-list,.project-report-list{gap:10px;display:grid}.work-entry-list.compact{gap:8px}.timer-stop-button{width:100%}.project-row,.work-entry-row,.project-report-row{background:var(--app-panel-soft);border:1px solid var(--app-line);border-radius:var(--app-radius);align-items:center;gap:10px;padding:11px;display:grid}.project-row{grid-template-columns:auto minmax(0,1fr) auto}.work-entry-row{grid-template-columns:minmax(0,1fr) 112px auto}.work-entry-row.compact{grid-template-columns:minmax(0,1fr) auto;padding:10px 11px}.project-report-row{grid-template-columns:minmax(0,1fr) auto auto auto}.project-color{border:2px solid var(--paper-strong);border-radius:50%;width:16px;height:16px}.project-row strong,.project-row small,.work-entry-row strong,.work-entry-row small,.project-report-row strong,.project-report-row small{display:block}.project-row strong,.work-entry-row strong,.project-report-row strong{color:var(--app-ink);text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;line-height:1.35;overflow:hidden}.project-row small,.work-entry-row small,.project-report-row small{color:var(--app-muted);margin-top:2px;font-size:.78rem;line-height:1.35}.project-rate,.work-entry-row span,.project-report-row span{color:var(--app-accent-strong);white-space:nowrap;font-size:.88rem;font-weight:600}.work-entry-actions{gap:7px;display:flex}.work-entry-edit-form{border:1px solid var(--app-line);border-radius:var(--app-radius);background:#fbfcfa;gap:12px;margin-top:14px;padding:14px;display:grid}.app-panel-header.compact{margin-bottom:0}.report-month-field{max-width:220px;margin-bottom:14px}.report-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.report-metric-grid .app-metric-card{padding:13px}.app-report-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.app-report-summary>div{background:var(--app-panel-soft);border:1px solid var(--app-line);border-radius:var(--app-radius);gap:6px;padding:13px;display:grid}.app-report-summary span{color:var(--app-muted);font-size:.78rem;font-weight:600}.app-report-summary strong{color:var(--app-ink);font-variant-numeric:tabular-nums;font-size:1.2rem}.app-manual-panel{grid-column:1/-1}.manual-entry-time-grid{grid-template-columns:minmax(160px,1.1fr) repeat(3,minmax(110px,.8fr));gap:10px;display:grid}.form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.app-shell .field{color:var(--app-muted);gap:6px;font-size:.84rem;font-weight:600;display:grid}.app-shell .field input,.app-shell .field select,.app-shell .field textarea{background:var(--paper-strong);border:1px solid var(--app-line);border-radius:var(--app-radius);color:var(--app-ink);min-height:40px;padding:9px 10px}.app-shell .field input:focus,.app-shell .field select:focus,.app-shell .field textarea:focus{border-color:var(--app-accent);outline:3px solid var(--primary-tint-12)}.checkbox-field{color:var(--app-ink);justify-self:start;align-items:center;gap:9px;display:flex}.checkbox-field input{accent-color:var(--app-accent);width:18px;height:18px;min-height:18px;padding:0}.color-field{border:0;gap:8px;margin:0;padding:0;display:grid}.color-field legend{color:var(--app-muted);margin-bottom:6px;font-size:.84rem;font-weight:600}.color-field div{grid-template-columns:repeat(6,32px);justify-content:start;gap:10px;display:grid}.color-field button{cursor:pointer;outline-offset:2px;background-clip:padding-box;border:0;border-radius:50%;outline:2px solid #0000;width:32px;height:32px;padding:0;transition:transform .12s,outline-color .12s;position:relative;box-shadow:inset 0 0 0 1px #1a16121f}.color-field button:hover{transform:scale(1.08)}.color-field button:focus-visible{outline-color:var(--app-accent-strong,var(--shu-dark))}.color-field button[aria-pressed=true]{outline-color:var(--app-ink)}.color-field button[aria-pressed=true]:after{border:2px solid var(--paper-strong);content:"";border-radius:50%;position:absolute;inset:0}@media (max-width:480px){.color-field div{grid-template-columns:repeat(6,28px)}.color-field button{width:28px;height:28px}}.app-empty-card{max-width:620px;padding:28px}@media (max-width:1080px){.app-shell{grid-template-columns:218px minmax(0,1fr)}.app-topbar{flex-direction:column;align-items:stretch}.app-topbar-actions{justify-content:space-between}.app-dashboard-grid,.app-panel-grid,.app-timer-grid{grid-template-columns:1fr}}@media (max-width:820px){.app-shell{grid-template-columns:1fr}.app-sidebar{border-bottom:1px solid #f4ecd91a;border-radius:0;min-height:0;position:static}.app-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.app-nav button{text-align:center;min-height:62px;padding:8px}.app-nav button small{display:none}.app-main{padding:14px}.app-topbar{position:static}.app-topbar-actions,.app-user{flex-direction:column;align-items:stretch}.app-live-chip,.app-user{width:100%}.app-metric-grid,.report-metric-grid,.app-report-summary,.manual-entry-time-grid,.form-row,.project-report-row,.work-entry-row,.project-row{grid-template-columns:1fr}.project-rate,.work-entry-row span,.project-report-row span{justify-self:start}.work-entry-actions{width:100%}.work-entry-actions button{flex:1}}@media (max-width:560px){.app-sidebar{padding:14px}.app-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell h1,.app-empty-card h1{font-size:1.36rem}.timer-face strong{font-size:2.05rem}}body:has(.app-shell){background:#f7f8f6}.app-shell{background:var(--app-bg);color:var(--app-ink);grid-template-columns:196px minmax(0,1fr);font-size:.8125rem}.app-shell h1{font-size:1.18rem;line-height:1.2}.app-shell h2{font-size:.98rem;line-height:1.24}.app-shell h3{font-size:.94rem}.app-sidebar{background:var(--paper-strong);border-right:1px solid var(--app-line);color:var(--app-ink);gap:18px;padding:14px 12px}.app-sidebar-brand{gap:8px;padding:4px 6px;font-size:.9rem}.app-sidebar-brand .brand-mark{background:var(--app-accent-strong);color:var(--paper-strong);border-radius:7px;width:28px;height:28px}.app-sidebar-brand small{color:var(--app-muted);font-size:.66rem}.app-nav{gap:4px}.app-nav button{color:var(--app-muted);background:0 0;border-radius:7px;gap:0;min-height:34px;padding:8px 9px;position:relative}.app-nav button span{font-size:.82rem}.app-nav button small{display:none}.app-nav button:hover,.app-nav button[aria-current=page]{color:var(--app-ink);background:#f2f6f3;border-color:#e4ebe6}.app-nav button[aria-current=page]:before{background:var(--app-accent);content:"";border-radius:999px;width:3px;position:absolute;top:9px;bottom:9px;left:0}.app-main{gap:12px;padding:14px 16px}.app-topbar{background:var(--paper-strong);gap:14px;padding:10px 12px;top:10px}.app-topbar-title{gap:2px}.app-topbar-title>p:last-child{font-size:.78rem;line-height:1.42}.app-kicker{color:#7a6c54;font-size:.64rem;font-weight:600}.app-live-chip{background:#f2f7f5;border-color:#d7e6e0;border-radius:7px;gap:8px;min-width:138px;min-height:40px;padding:6px 9px}.app-live-chip strong{font-size:.86rem}.app-live-chip small{color:#58766f;font-size:.66rem}.app-live-chip.is-idle{background:#f8faf7}.app-live-dot{background:var(--app-accent);box-shadow:0 0 0 3px var(--primary-tint-12);width:7px;height:7px}.app-user{background:var(--paper-strong);border-radius:7px;gap:10px;min-width:246px;min-height:40px;padding:6px 8px 6px 10px}.app-user span{font-size:.8rem}.app-user small,.app-muted{font-size:.75rem;line-height:1.48}.app-signout-button,.app-inline-button,.work-entry-actions button{border-radius:7px;min-height:32px;padding:0 10px;font-size:.76rem}.app-shell .button{border-radius:7px;min-height:36px;padding:0 12px;font-size:.78rem}.app-message{background:#f2f7f4;border-color:#d5e7dd;padding:9px 11px;font-size:.78rem}.app-metric-grid,.app-dashboard-grid,.app-panel-grid,.report-metric-grid,.app-report-summary{gap:10px}.app-metric-card{gap:5px;padding:12px}.app-metric-card span,.app-panel-header>span,.app-report-summary span{font-size:.7rem}.app-metric-card strong{font-size:1.12rem}.app-panel{padding:12px}.app-panel-header{gap:10px;margin-bottom:10px}.app-panel-header>div{gap:2px}.app-panel-header>span,.app-report-summary>div,.project-row,.work-entry-row,.project-report-row{border-radius:7px}.app-panel-header>span{padding:4px 7px}.timer-face{border-color:var(--app-line);color:var(--app-ink);background:#f8faf8;gap:6px;padding:13px}.timer-face[data-active=true]{background:#f0f7f4;border-color:#cfe1dc}.timer-face span,.timer-face small{opacity:.62}.timer-face strong{font-size:1.86rem}.timer-face.compact strong{font-size:1.62rem}.timer-form,.manual-entry-form,.project-form,.project-list,.work-entry-list,.project-report-list{gap:8px}.project-row,.work-entry-row,.project-report-row{gap:8px;padding:9px}.project-row strong,.work-entry-row strong,.project-report-row strong{font-size:.82rem}.project-row small,.work-entry-row small,.project-report-row small{font-size:.7rem}.project-rate,.work-entry-row span,.project-report-row span{font-size:.78rem}.work-entry-actions button{min-height:30px}.work-entry-edit-form{gap:10px;margin-top:12px;padding:12px}.report-month-field,.report-metric-grid{margin-bottom:10px}.report-metric-grid .app-metric-card,.app-report-summary>div{padding:10px}.app-report-summary>div{gap:4px}.app-report-summary strong{font-size:.98rem}.manual-entry-time-grid,.form-row{gap:8px}.app-shell .field{gap:5px;font-size:.75rem}.app-shell .field input,.app-shell .field select,.app-shell .field textarea{border-radius:7px;min-height:36px;padding:8px 9px;font-size:.82rem}.app-shell .field textarea{min-height:76px}.checkbox-field{gap:8px}.checkbox-field input{width:16px;height:16px;min-height:16px}.color-field legend{font-size:.75rem}.color-field button{width:26px;height:26px}.app-centered{background:#f7f8f6}@media (max-width:1080px){.app-shell{grid-template-columns:184px minmax(0,1fr)}}@media (max-width:820px){.app-shell{grid-template-columns:1fr}.app-sidebar{border-bottom:1px solid var(--app-line)}.app-nav button{min-height:38px}}@media (max-width:560px){.app-shell h1,.app-empty-card h1{font-size:1.1rem}.timer-face strong{font-size:1.6rem}}