@font-face{font-family:Manrope;src:url('assets/fonts/manrope-latin-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:Manrope;src:url('assets/fonts/manrope-latin-ext-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0100-02FF,U+1E00-1EFF,U+20A0-20AB}
@font-face{font-family:Manrope;src:url('assets/fonts/manrope-latin-600-normal.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:Manrope;src:url('assets/fonts/manrope-latin-ext-600-normal.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0100-02FF,U+1E00-1EFF,U+20A0-20AB}
@font-face{font-family:Manrope;src:url('assets/fonts/manrope-latin-700-normal.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:Manrope;src:url('assets/fonts/manrope-latin-ext-700-normal.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0100-02FF,U+1E00-1EFF,U+20A0-20AB}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/ibm-plex-mono-400-latin-ext.woff2") format("woff2");unicode-range:U+0100-02FF,U+1E00-1EFF,U+20A0-20AB}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/ibm-plex-mono-400-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+2000-206F}
/* Layers: page 0, floating UI 2, sticky navigation 10, toast 30, native dialogs in top layer. */
:root{color-scheme:dark;--bg:#121516;--surface:#1a1e1f;--raised:#252a2b;--glass:rgba(35,40,41,.75);--text:#eceeea;--muted:#a4adaa;--quiet:#828d89;--line:rgba(208,223,214,.12);--copper:#d39979;--copper-strong:#e4ad8d;--accent-soft:rgba(211,153,121,.11);--green:#a0c7ae;--ease:cubic-bezier(.23,1,.32,1);--radius:16px;--panel-shadow:0 28px 70px -28px rgba(0,0,0,.6)}
[data-theme=light]{color-scheme:light;--bg:#f0f2ef;--surface:#f9faf7;--raised:#e4e9e5;--glass:rgba(249,250,247,.8);--text:#1c2622;--muted:#53615b;--quiet:#5f6b65;--line:rgba(38,62,48,.16);--copper:#925436;--copper-strong:#754126;--accent-soft:rgba(154,96,62,.1);--green:#356548;--panel-shadow:0 28px 70px -28px rgba(33,56,43,.2)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px;scrollbar-color:var(--quiet) var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,system-ui,sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}::selection{background:var(--copper);color:#171b19}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0;background:none}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}p,h1,h2,h3,h4{margin:0}h1,h2,h3,h4{line-height:1.13;letter-spacing:-.035em}h2{font-size:clamp(32px,4vw,52px);font-weight:600}h3{font-weight:650}p{color:var(--muted)}img{max-width:100%;display:block}button,a{touch-action:manipulation}button:active,.button:active{transform:scale(.97)}:focus-visible{outline:2px solid var(--copper);outline-offset:5px}input,textarea{caret-color:var(--copper)}[hidden]{display:none!important}.section-shell{max-width:1344px;margin-inline:auto;padding-inline:48px}.accent{color:var(--copper)}.subtle{color:var(--quiet)}.dim{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;top:8px;left:8px;transform:translateY(-160%);background:var(--copper);color:#171b19;padding:12px;z-index:40}.skip-link:focus{transform:none}.brand{display:inline-flex;align-items:center;gap:10px;font-size:29px;letter-spacing:-1.4px;font-weight:800;line-height:1}.brand img{flex-shrink:0}.site-header{position:sticky;top:0;z-index:10;max-width:1440px;margin:auto;height:94px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.desktop-nav{display:flex;gap:31px;align-items:center;margin-left:65px}.desktop-nav a,.desktop-nav button{font-size:12px;color:var(--muted);padding:10px 0;transition:color 160ms ease}.desktop-nav button{display:flex;align-items:center;gap:9px}.tiny-play{border-left:5px solid currentColor;border-top:3px solid transparent;border-bottom:3px solid transparent}.nav-actions{display:flex;align-items:center;gap:15px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:15px 22px;border-radius:8px;background:var(--raised);font-size:12px;font-weight:700;line-height:1.5;transition:background 160ms ease,transform 160ms var(--ease);white-space:nowrap}.button>span{font-size:18px;line-height:1}.button-small{padding:10px 15px;font-size:11px}.primary{background:var(--copper);color:#171d19}.icon-button{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-size:26px;flex-shrink:0;transition:background 160ms ease,transform 160ms var(--ease)}.theme-symbol{width:15px;height:15px;border:1.5px solid var(--muted);border-radius:50%;background:linear-gradient(90deg,var(--muted) 50%,transparent 50%)}.menu-toggle{display:none}.mobile-nav{position:absolute;top:80px;left:20px;right:20px;background:var(--surface);border:1px solid var(--line);padding:20px;border-radius:12px;box-shadow:var(--panel-shadow)}.mobile-nav a,.mobile-nav button{display:block;padding:12px;width:100%;text-align:left}
.hero{min-height:682px;display:grid;grid-template-columns:44% 56%;align-items:center;padding-top:65px;padding-bottom:80px;position:relative}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(42px,4.75vw,68px);line-height:1.1;font-weight:600;letter-spacing:-.04em;white-space:nowrap}.accent-word{color:var(--copper)}.hero-description{font-size:15px;line-height:1.9;margin-top:28px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:23px;margin-top:35px}.text-link{display:inline-flex;align-items:center;gap:13px;font-size:12px;font-weight:650;padding:8px 0;color:var(--text);text-decoration-thickness:1px;text-underline-offset:5px}.text-link>span{font-size:17px}.hero-note{display:flex;align-items:center;gap:9px;font-size:10px;color:var(--quiet);margin-top:37px}.mini-mark{height:12px;width:12px;background:url('assets/img/scope-mark.svg') center/contain no-repeat;opacity:.8}.hero-scene{position:relative;height:510px;margin-left:5px;perspective:1200px;isolation:isolate}.scene-orbit{position:absolute;width:440px;height:440px;left:80px;top:28px;border:1px solid var(--line);border-radius:50%;transform:rotate(-18deg) scaleX(1.2);z-index:-1}.scene-orbit::before{content:"";position:absolute;inset:35px;border:1px solid var(--line);border-radius:50%}.scene-orbit::after{content:"";position:absolute;inset:-70px;background:radial-gradient(ellipse,rgba(183,112,75,.09),transparent 65%);z-index:-1}.glass{background:var(--glass);backdrop-filter:blur(16px);box-shadow:var(--panel-shadow);border-radius:var(--radius)}.hero-window{position:absolute;top:90px;left:4px;width:calc(100% + 12px);transform:rotateY(-13deg) rotateX(7deg) rotateZ(-3deg);overflow:hidden;box-shadow:inset 0 1px rgba(255,255,255,.12),var(--panel-shadow);transform-origin:center;transition:transform 500ms var(--ease)}.window-top{display:flex;align-items:center;gap:15px;padding:14px 18px;border-bottom:1px solid var(--line)}.mini-brand{display:flex;align-items:center;gap:7px;font-weight:800;letter-spacing:-.5px;font-size:16px}.window-path{font-size:9px;color:var(--muted);flex:1;text-align:center}.avatar{font-family:Manrope,sans-serif;display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:50%;background:#3f4844;color:#e5ede5;font-size:9px;font-weight:700;font-style:normal;flex-shrink:0}.avatar.alternate{background:#644f40;color:#f1e7db}.avatar.tertiary{background:#414f5b;color:#dce6ee}.window-heading{padding:20px 18px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px}.window-heading .dim{font-size:9px}.window-heading .window-title{font-size:20px;margin-top:6px}.pill{display:inline-flex;align-items:center;padding:4px 8px;border-radius:20px;font-size:8px}.soft{background:var(--accent-soft);color:var(--copper)}.mini-tabs{display:flex;gap:20px;padding:0 18px 12px;font-size:9px;color:var(--muted)}.mini-tabs .active{color:var(--copper)}.hero-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 14px 15px}.mini-column{padding:10px 7px;background:color-mix(in srgb,var(--bg) 34%,transparent);border-radius:8px}.mini-column h3{font-size:9px;font-weight:500;letter-spacing:0;padding:0 3px 11px}.mini-column h3>span{float:right;color:var(--quiet)}.mini-task{display:flex;flex-direction:column;text-align:left;background:color-mix(in srgb,var(--raised) 75%,transparent);padding:12px 10px;border-radius:7px;width:100%;margin-bottom:8px;min-height:116px;box-shadow:0 4px 7px -6px #000;transition:background 150ms ease,transform 150ms var(--ease)}.mini-task strong{font-size:10px;margin-top:9px;font-weight:600;line-height:1.4}.mini-task small{font-size:8px;color:var(--muted);margin-top:4px}.tag{display:inline-block;width:fit-content;padding:3px 5px;border-radius:3px;background:var(--accent-soft);color:var(--copper);font-size:7px;font-weight:650;letter-spacing:.03em;line-height:1.5}.muted-tag{color:var(--muted);background:color-mix(in srgb,var(--muted) 10%,transparent)}.green-tag{color:var(--green);background:color-mix(in srgb,var(--green) 10%,transparent)}.task-bottom{margin-top:12px;font-size:8px;color:var(--muted);display:flex;justify-content:space-between;align-items:center;width:100%}.task-bottom .avatar{width:20px;height:20px;font-size:7px}.check-text,.done-mark{color:var(--green)}.secondary-task{min-height:81px;margin-bottom:0}.completed strong{text-decoration:line-through;text-decoration-color:var(--quiet)}.window-bottom{display:flex;justify-content:space-between;gap:12px;padding:10px 18px;border-top:1px solid var(--line);font-size:8px;color:var(--muted)}.float-card{position:absolute;z-index:2;display:flex;align-items:center;text-align:left;gap:13px;padding:16px 20px;box-shadow:inset 0 1px rgba(255,255,255,.12),0 20px 45px -20px rgba(0,0,0,.5)}.float-card small{display:block;color:var(--muted);font-size:9px}.float-card strong{display:block;font-size:13px;margin-top:2px}.time-float{top:25px;right:4px;transform:rotate(4deg);background:color-mix(in srgb,var(--surface) 84%,transparent)}.time-float strong{font-family:"IBM Plex Mono",monospace;font-size:22px;font-weight:400;letter-spacing:-1px}.timer-icon{width:25px;height:25px;border:1px solid var(--copper);border-radius:50%;position:relative}.timer-icon:after{content:"";position:absolute;left:11px;top:5px;width:5px;height:7px;border-left:1px solid var(--copper);border-bottom:1px solid var(--copper)}.timer-control{color:var(--copper);font-size:12px;background:var(--accent-soft);width:30px;height:30px;display:grid;place-items:center;border-radius:50%;margin-left:10px}.invoice-float{bottom:5px;left:39px;transform:rotate(-3deg);padding:17px 21px}.invoice-check{background:color-mix(in srgb,var(--green) 10%,transparent);color:var(--green);width:35px;height:35px;display:grid;place-items:center;border-radius:50%}.scene-caption{position:absolute;right:0;bottom:-31px;font-size:9px;color:var(--quiet);display:flex;align-items:center;gap:12px}.scene-caption .line{width:32px;height:1px;background:var(--quiet)}.value-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:24px;padding-bottom:24px;display:flex;justify-content:space-between;gap:30px;align-items:center}.value-strip p{font-size:11px;color:var(--quiet)}.value-strip>div{display:flex;gap:45px;font-size:12px;color:var(--muted)}
.playground-section{padding-top:110px;padding-bottom:75px}.section-intro{display:flex;justify-content:space-between;gap:50px;align-items:flex-end;margin-bottom:39px}.section-intro p{font-size:13px;line-height:1.9;padding-bottom:4px}.workspace{display:grid;grid-template-columns:181px minmax(0,1fr);border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface);box-shadow:0 30px 65px -35px rgba(0,0,0,.35)}.workspace-sidebar{padding:27px 14px 20px;background:color-mix(in srgb,var(--bg) 58%,var(--surface));display:flex;flex-direction:column;border-right:1px solid var(--line)}.workspace-sidebar>.mini-brand{padding-left:12px}.sidebar-label{font-size:8px;letter-spacing:.13em;color:var(--quiet);margin:37px 12px 14px}.sidebar-item{text-align:left;padding:11px 12px;font-size:10px;border-radius:6px;display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:4px;color:var(--muted)}.sidebar-item.selected{background:var(--accent-soft);color:var(--copper)}.sidebar-item>span{font-size:9px}.sidebar-bottom{margin-top:auto;padding:50px 10px 0;display:flex;flex-direction:column;gap:10px;font-size:9px;color:var(--muted)}.sidebar-bottom small{font-size:8px;color:var(--quiet)}.avatar-group{display:flex;padding-left:4px}.avatar-group .avatar{margin-left:-4px;border:2px solid var(--surface);width:27px;height:27px}.workspace-main{min-width:0}.workspace-title{display:flex;align-items:center;justify-content:space-between;padding:25px 25px 19px;gap:12px}.workspace-breadcrumb{font-size:9px;color:var(--quiet)}.workspace-title h3{font-size:21px;margin-top:8px}.workspace-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 25px 17px;border-bottom:1px solid var(--line)}.view-tabs{display:flex;gap:5px}.view-tabs button{font-size:10px;color:var(--muted);padding:8px 12px;border-radius:6px;transition:background 160ms ease,color 160ms ease}.view-tabs button[aria-selected=true]{color:var(--text);background:var(--raised)}.search-field{display:flex;align-items:center;gap:8px;border:1px solid var(--line);padding:7px 9px;border-radius:6px;width:170px}.search-field input{border:0;background:none;min-width:0;width:100%;font-size:9px;outline:0}.search-field:focus-within{outline:2px solid var(--copper);outline-offset:2px}.search-field input::placeholder{color:var(--muted)}.search-icon{display:block;width:10px;height:10px;border:1.3px solid var(--muted);border-radius:50%;position:relative;flex-shrink:0}.search-icon:after{content:"";position:absolute;width:4px;height:1px;background:var(--muted);right:-3px;bottom:-2px;transform:rotate(45deg)}#demo-view{min-height:315px;padding:20px 22px 15px}.kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;min-height:280px}.board-column{border-radius:9px;background:color-mix(in srgb,var(--bg) 45%,transparent);padding:12px;transition:background 180ms ease;min-width:0}.board-column.drag-over{background:var(--accent-soft);outline:1px dashed var(--copper)}.column-title{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted);padding:0 1px 14px}.column-title span{font-size:9px;color:var(--quiet)}.project-card{background:var(--raised);border-radius:8px;padding:14px 12px;text-align:left;width:100%;display:block;margin-bottom:10px;cursor:grab;transition:transform 180ms var(--ease),background 160ms ease}.project-card:active{cursor:grabbing}.project-card.dragging{opacity:.4}.project-card h4{font-size:11px;margin:11px 0 5px;letter-spacing:-.01em;line-height:1.5}.project-client{font-size:9px;color:var(--muted)}.project-meta{display:flex;gap:6px;justify-content:space-between;align-items:center;font-size:9px;color:var(--muted);margin-top:17px}.project-meta .avatar{width:21px;height:21px;font-size:7px}.add-card{color:var(--quiet);font-size:9px;padding:9px 0;text-align:left;width:100%}.workspace-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:13px 24px;font-size:9px;color:var(--quiet)}.workspace-footer button{font-size:9px;color:var(--muted);padding:5px 0;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}.demo-note{font-size:10px;text-align:center;margin-top:20px;color:var(--quiet)}.table-scroll{overflow:auto}.project-table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:10px;text-align:left}.project-table th{font-weight:500;color:var(--muted);padding:10px 12px 15px}.project-table td{padding:14px 12px;border-top:1px solid var(--line)}.project-table button{text-align:left;font-weight:600;padding:5px 0;color:var(--text)}.project-table th button{font-weight:500;color:var(--muted)}.status-pill{display:inline-block;font-size:9px;border-radius:20px;padding:4px 8px;background:var(--accent-soft);color:var(--copper)}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;font-size:12px}.calendar-header>div{display:flex;align-items:center;gap:12px}.calendar-header .icon-button{font-size:20px;width:30px;height:30px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:hidden}.calendar-dayname{background:var(--surface);padding:7px;text-align:center;font-size:9px;color:var(--muted)}.calendar-day{min-height:55px;background:var(--surface);padding:6px;font-size:9px;min-width:0}.calendar-day.empty{background:color-mix(in srgb,var(--bg) 50%,var(--surface))}.calendar-event{display:block;width:100%;padding:3px;margin-top:4px;border-radius:3px;background:var(--accent-soft);color:var(--copper);font-size:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.financial-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:2px 0 24px}.financial-summary div{border-bottom:1px solid var(--line);padding:5px 0 20px}.financial-summary small{font-size:10px;color:var(--muted);display:block}.financial-summary strong{font-size:24px;font-weight:550;display:block;margin-top:8px;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.financial-summary div:last-child strong{color:var(--green)}.finance-foot{font-size:9px;color:var(--quiet);margin-top:13px}.empty-state{padding:65px 20px;text-align:center}.empty-state h4{font-size:16px}.empty-state p{margin-top:12px;font-size:12px}
.feature-story{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-top:80px;padding-bottom:110px;align-items:center}.story-copy h2{font-size:clamp(31px,3.5vw,44px)}.story-copy>p{margin-top:22px;font-size:13px;max-width:365px;line-height:1.9}.feature-selector{margin-top:30px}.feature-choice{display:grid;grid-template-columns:26px 1fr 16px;align-items:start;gap:13px;width:100%;text-align:left;padding:21px 0;color:var(--muted);border-bottom:1px solid var(--line)}.feature-choice:last-child{border:0}.feature-choice strong{display:block;font-size:13px;font-weight:600}.feature-choice small{display:block;font-size:11px;line-height:1.8;margin-top:6px;max-width:305px}.feature-choice.active strong,.feature-choice.active .feature-number,.feature-choice.active>span:last-child{color:var(--copper)}.feature-choice.active{color:var(--muted)}.feature-number{font-size:21px;line-height:1.2}.detail-showcase{padding:27px 30px 30px;min-height:410px;transform:rotate(2deg);background:linear-gradient(140deg,var(--glass),color-mix(in srgb,var(--surface) 80%,transparent));position:relative}.detail-showcase:before{content:"";position:absolute;inset:18px -17px -18px 17px;background:var(--accent-soft);border:1px solid var(--line);border-radius:16px;transform:rotate(-6deg);z-index:-1}.detail-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:28px}.detail-top .dim{font-size:8px}.detail-showcase>h3{font-size:24px}.detail-showcase>p{font-size:10px;margin-top:10px}.middle-dot{padding:0 7px}#feature-preview{margin-top:26px}.checklist{display:flex;flex-direction:column;gap:0}.task-check{display:flex;gap:11px;align-items:center;padding:13px 0;font-size:11px;border-bottom:1px solid var(--line);cursor:pointer}.task-check:last-child{border:0}.task-check input,.checkbox-label input{width:16px;height:16px;accent-color:var(--copper);flex-shrink:0;cursor:pointer}.task-check:has(input:checked) .task-label{text-decoration:line-through;color:var(--quiet)}.task-check .task-date{margin-left:auto;color:var(--quiet);font-size:9px}.task-progress{display:flex;justify-content:space-between;margin-top:24px;font-size:9px;color:var(--muted)}.thin-progress{height:2px;margin-top:9px;background:var(--line)}.thin-progress span{display:block;height:100%;background:var(--copper);transition:transform 220ms var(--ease);transform-origin:left}.document-row{display:flex;gap:12px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line)}.file-icon{font-family:"IBM Plex Mono",monospace;font-size:9px;padding:10px 7px;border:1px solid var(--line);border-radius:5px;color:var(--copper)}.document-row strong{font-size:11px;display:block}.document-row small{font-size:9px;color:var(--muted)}.document-row button{margin-left:auto;font-size:18px;color:var(--muted);width:36px;height:36px}.sample-disclaimer{font-size:9px;margin-top:15px;color:var(--quiet)}.time-input{display:flex;align-items:end;gap:12px}.time-input label{flex:1;font-size:10px;color:var(--muted)}.time-input input{display:block;width:100%;margin-top:7px;background:var(--bg);border:1px solid var(--line);border-radius:7px;padding:11px;font-size:14px}.time-results{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:23px}.time-results small{font-size:9px;color:var(--muted);display:block}.time-results strong{font-size:20px;display:block;font-weight:500;margin-top:4px}.overview-section{padding-top:55px;padding-bottom:90px;border-top:1px solid var(--line)}.overview-title{display:grid;grid-template-columns:1.3fr 1fr;gap:90px;align-items:end}.overview-title h2{font-size:clamp(30px,3.5vw,44px)}.overview-title p{font-size:13px;line-height:1.9;max-width:325px;padding-bottom:5px}.capability-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px;margin-top:65px}.capability-grid article{padding-right:16px}.capability-icon{font-size:30px;color:var(--copper);display:block;height:50px}.capability-grid h3{font-size:14px;line-height:1.5;letter-spacing:-.01em}.capability-grid p{font-size:11px;line-height:1.9;margin-top:13px}
.mobile-story{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;min-height:710px;background:radial-gradient(ellipse at 25% 55%,var(--accent-soft),transparent 46%);padding-top:60px;padding-bottom:80px}.phone-scene{position:relative;display:flex;justify-content:center;align-items:center;min-height:540px}.phone{width:254px;min-height:493px;border:5px solid #343938;outline:1px solid #5b625e;border-radius:40px;padding:14px 13px 24px;background:#14191a;color:#eceeea;transform:rotate(-7deg);position:relative;box-shadow:25px 35px 50px -20px rgba(0,0,0,.45)}.phone-status{display:flex;justify-content:space-between;font-size:9px;padding:0 10px}.phone-island{position:absolute;width:65px;height:19px;background:#090b0b;left:50%;top:12px;transform:translateX(-50%);border-radius:20px}.phone-app{margin-top:25px;padding:0 7px}.phone-app .mini-brand{font-size:18px}.phone-app .mini-brand .avatar{margin-left:auto}.phone-app>small{display:block;margin-top:28px;font-size:7px;color:#a4adaa;letter-spacing:.1em}.phone-app>h3{margin-top:6px;font-size:24px}.phone-app>p{font-size:9px;margin-top:7px;color:#a4adaa}.phone-date{display:flex;justify-content:space-between;font-size:8px;margin:23px 0 10px;color:#c4cec8}.phone-date span{color:#a4adaa}.phone-project{background:#242b2b;padding:11px 12px;margin-bottom:8px;border-radius:8px}.phone-project strong{font-size:10px;display:block;margin-top:5px}.phone-project small{font-size:8px;display:block;color:#a4adaa;margin-top:5px}.phone-project .tag{color:#e4ad8d}.phone-nav{display:flex;justify-content:space-between;margin-top:21px;font-size:8px;color:#a4adaa}.phone-nav .accent{color:#e4ad8d}.phone-home{width:72px;height:3px;background:#b6bcb8;position:absolute;bottom:9px;left:50%;transform:translateX(-50%);border-radius:3px}.mobile-notification{position:absolute;bottom:95px;left:25%;display:flex;align-items:center;gap:11px;padding:16px 18px;width:300px;transform:rotate(3deg);box-shadow:inset 0 1px rgba(255,255,255,.1),var(--panel-shadow);background:color-mix(in srgb,var(--raised) 90%,transparent)}.mobile-notification strong{font-size:10px;display:block}.mobile-notification span{display:block;color:var(--muted);font-size:9px;margin-top:3px}.mobile-notification>small{font-size:8px;color:var(--muted);align-self:start}.mobile-copy h2{font-size:clamp(33px,3.7vw,49px)}.mobile-copy>p{font-size:13px;line-height:1.9;max-width:360px;margin-top:25px}.mobile-copy .pwa-note{font-size:11px;color:var(--quiet);margin-top:18px}.mobile-copy .text-link{margin-top:24px;color:var(--copper)}.circle-play{height:26px;width:26px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:9px!important}.film-strip{padding-bottom:100px}.film-trigger{display:flex;align-items:center;gap:35px;width:100%;text-align:left;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0}.film-visual{width:160px;height:95px;background:#1b2223;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:8px}.film-visual img{width:29px;height:27px}.film-word{font-size:26px;letter-spacing:-1px;font-weight:800;color:#eceeea}.film-trigger h2{font-size:24px}.film-trigger p{font-size:11px;margin-top:9px}.film-play{width:49px;height:49px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--copper);font-size:12px;margin-left:auto;flex-shrink:0;transition:background 160ms ease}.film-duration{font-family:"IBM Plex Mono",monospace;font-size:10px;color:var(--quiet)}
.faq-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;padding-bottom:110px;padding-top:20px}.faq-section h2{font-size:40px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child summary{padding-top:0}.faq-list summary{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:22px 0;cursor:pointer;font-size:13px;font-weight:600;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:21px;color:var(--quiet);font-weight:400;transition:transform 180ms var(--ease)}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details p{font-size:12px;line-height:1.9;max-width:65ch;padding-bottom:25px}.contact-section{display:grid;grid-template-columns:1fr 1fr;gap:95px;padding-top:75px;padding-bottom:100px;border-top:1px solid var(--line);align-items:start}.contact-copy>img{margin-bottom:30px}.contact-copy h2{font-size:clamp(34px,3.9vw,52px)}.contact-copy>p{font-size:13px;line-height:1.9;margin-top:24px}.contact-expectation{display:grid;grid-template-columns:20px 1fr;column-gap:15px;row-gap:15px;margin-top:40px;align-items:baseline}.contact-expectation>span{font-family:"IBM Plex Mono",monospace;font-size:9px;color:var(--copper)}.contact-expectation p{font-size:11px}.contact-form{background:var(--surface);padding:30px;border-radius:16px}.contact-form h3{font-size:21px}.form-notice{font-size:10px;margin-top:13px;line-height:1.8;color:var(--muted);margin-bottom:25px}.contact-form label{display:block;font-size:10px;font-weight:600;color:var(--muted);margin-bottom:18px}.contact-form input:not([type=checkbox]),.contact-form select,.contact-form textarea,.project-form input,.project-form select,.dialog-fields select{display:block;width:100%;border:1px solid var(--line);background:var(--bg);padding:11px 12px;border-radius:7px;margin-top:8px;font-size:11px;color:var(--text);line-height:1.6}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--quiet)}.contact-form textarea{resize:vertical;min-height:100px;max-height:300px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form .checkbox-label{display:flex;align-items:start;gap:10px;font-size:9px;line-height:1.9;font-weight:400}.checkbox-label input{margin:2px 0 0}.inline-link{text-decoration:underline;text-underline-offset:3px;color:var(--text);padding:0;font-size:inherit;display:inline}.contact-form>.button{width:100%;justify-content:space-between}.form-footnote{font-size:9px;margin-top:17px}.form-footnote a{text-decoration:underline;text-underline-offset:3px}.site-footer{padding-top:46px;padding-bottom:24px;background:#111615;color:#eceeea}.footer-main{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:35px;padding-bottom:45px}.footer-main p{font-size:11px;margin-top:17px;color:#a4adaa}.footer-links{display:flex;flex-direction:column;gap:13px;align-items:start}.footer-links a,.footer-links button{font-size:11px;color:#a4adaa;padding:0}.footer-fine{display:flex;justify-content:space-between;gap:30px;border-top:1px solid rgba(255,255,255,.09);padding-top:22px;color:#a4adaa;font-size:9px}.foot-credit{display:flex;justify-content:center;margin-top:22px;padding-top:22px;border-top:1px solid rgba(255,255,255,.09)}.foot-credit a{display:inline-flex;align-items:center;gap:11px;color:rgba(255,255,255,.5);font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;transition:color 160ms ease,transform 160ms cubic-bezier(.23,1,.32,1)}.foot-credit img{width:38px;height:auto;opacity:.82;transition:opacity 160ms ease}.foot-credit a:active{transform:scale(.97)}
.modal{border:1px solid var(--line);border-radius:16px;padding:34px;background:var(--surface);color:var(--text);width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow-y:auto;box-shadow:var(--panel-shadow)}.modal::backdrop{background:rgba(8,13,11,.78);backdrop-filter:blur(7px)}.modal-close{position:absolute;right:14px;top:14px}.modal h2{font-size:27px;padding-right:25px;line-height:1.3}.modal h3{font-size:16px;margin:25px 0 10px}.modal p,.modal li{font-size:12px;line-height:1.9;color:var(--muted)}.modal p{margin-top:15px}.modal .tag{margin-bottom:16px}.dialog-client{font-size:12px;color:var(--muted);margin-top:10px}.dialog-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:27px;border-top:1px solid var(--line);padding-top:20px}.dialog-fields label{font-size:10px;color:var(--muted)}.dialog-fields strong{display:block;font-size:17px;color:var(--text);margin-top:12px;font-weight:500}.dialog-docs{margin-top:25px;font-size:11px;border-top:1px solid var(--line);padding-top:15px;color:var(--muted)}.dialog-note{font-size:9px!important;color:var(--quiet)!important}.project-form{margin-top:22px}.project-form label{display:block;font-size:11px;color:var(--muted);margin-bottom:18px}.project-form .button{margin-top:6px}.info-modal{width:min(640px,calc(100% - 32px))}.info-modal a{text-decoration:underline;text-underline-offset:3px}.legal-badge{display:inline-block;font-size:10px;color:var(--copper);background:var(--accent-soft);padding:5px 9px;border-radius:5px;margin-bottom:18px}.legal-data{display:grid;grid-template-columns:140px 1fr;font-size:11px;gap:14px;margin-top:20px}.legal-data dt{color:var(--muted)}.legal-data dd{margin:0}.video-modal{width:min(900px,calc(100% - 28px));padding:20px;overflow-y:auto}.video-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.video-header h2{font-size:18px;padding:0}.video-modal video{display:block;width:100%;height:min(66dvh,600px);background:#0f1218;border-radius:8px;object-fit:contain}.video-modal .video-transcript{font-size:10px;margin-top:13px;max-width:75ch}.video-modal>.text-link{font-size:10px;margin-top:5px}.draft-content{width:100%;min-height:200px;margin-top:22px;padding:15px;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:8px;font-size:12px;resize:vertical}.draft-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:30;background:var(--raised);box-shadow:var(--panel-shadow);border:1px solid var(--line);padding:13px 22px;border-radius:10px;font-size:12px;max-width:calc(100% - 32px);text-align:center}.noscript-note{padding:30px;background:var(--surface);text-align:center}
@media(hover:hover) and (pointer:fine){.desktop-nav a:hover,.desktop-nav button:hover,.footer-links a:hover,.footer-links button:hover{color:var(--copper-strong)}.button:hover{background:color-mix(in srgb,var(--raised) 75%,var(--muted))}.primary:hover{background:var(--copper-strong)}.text-link:hover{text-decoration:underline}.icon-button:hover{background:var(--raised)}.hero-scene:hover .hero-window{transform:rotateY(-7deg) rotateX(3deg) rotateZ(-2deg)}.mini-task:hover,.project-card:hover{background:color-mix(in srgb,var(--raised) 85%,var(--quiet));transform:translateY(-2px)}.feature-choice:hover strong{color:var(--text)}.film-trigger:hover .film-play{background:var(--accent-soft)}.foot-credit a:hover{color:#f1f2ec}.foot-credit a:hover img{opacity:1}}
@media(prefers-reduced-motion:no-preference){.hero-window{animation:enter-window 1100ms var(--ease) both}.time-float{animation:enter-float 1100ms var(--ease) 100ms both}.invoice-float{animation:enter-float 1100ms var(--ease) 220ms both}.modal[open]{animation:dialog-in 200ms var(--ease)}.toast:not([hidden]){animation:toast-in 200ms var(--ease)}@keyframes enter-copy{from{opacity:.3;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes enter-window{from{opacity:.2;transform:rotateY(-20deg) rotateX(12deg) rotateZ(-5deg) translateY(35px)}to{opacity:1;transform:rotateY(-13deg) rotateX(7deg) rotateZ(-3deg)}}@keyframes enter-float{from{opacity:0;translate:0 25px}to{opacity:1;translate:0 0}}@keyframes dialog-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@keyframes toast-in{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}}
@media(min-width:1500px){.hero{min-height:760px}.hero-scene{height:545px}.hero-window{top:105px}.time-float{top:40px}.invoice-float{bottom:20px}}
@media(max-width:1100px){.section-shell{padding-inline:32px}.site-header{padding-inline:32px}.desktop-nav{margin-left:0;gap:20px}.hero{grid-template-columns:46% 54%;min-height:610px;padding-top:50px;padding-bottom:60px}.hero h1{font-size:clamp(38px,4.7vw,54px)}.hero-description{font-size:13px}.hero-actions{gap:14px}.hero-actions .primary{font-size:10px;padding:13px 16px;gap:13px}.hero-actions .text-link{font-size:10px}.hero-scene{height:455px}.hero-window{width:100%;top:90px}.window-heading .window-title{font-size:17px}.window-heading .pill{display:none}.hero-board{gap:6px;padding-inline:9px}.mini-column{padding:9px 5px}.mini-task{padding:10px 7px}.mini-task strong{font-size:9px}.time-float{right:5px;top:22px;padding:12px 15px}.invoice-float{bottom:-2px;left:15px;padding:13px 16px}.float-card strong{font-size:11px}.time-float strong{font-size:20px}.scene-orbit{width:320px;height:360px;left:35px;top:40px}.scene-caption{bottom:-33px}.value-strip>div{gap:25px}.feature-story{gap:50px}.detail-showcase{padding:23px}.capability-grid{gap:20px}.overview-title{gap:50px}.mobile-story{gap:40px}.mobile-notification{left:13%}.contact-section{gap:50px}.workspace{grid-template-columns:150px minmax(0,1fr)}.workspace-sidebar{padding-inline:8px}.workspace-title,.workspace-toolbar{padding-inline:18px}#demo-view{padding-inline:14px}.kanban{gap:9px}.board-column{padding:9px}.search-field{width:150px}.contact-form{padding:25px}}
@media(max-width:800px){.site-header{height:80px;padding-inline:24px}.desktop-nav{display:none}.menu-toggle{display:flex;flex-direction:column;gap:5px}.menu-toggle span{width:17px;height:1px;background:var(--text)}.nav-actions{gap:7px}.section-shell{padding-inline:24px}.hero{grid-template-columns:1fr;min-height:auto;padding-top:60px;padding-bottom:70px;gap:15px}.hero h1{font-size:clamp(47px,8vw,65px);white-space:normal}.hero-description{font-size:14px;margin-top:22px}.hero-actions{gap:24px;margin-top:27px}.hero-actions .primary{font-size:12px;padding:14px 20px}.hero-actions .text-link{font-size:12px}.hero-note{margin-top:24px}.hero-scene{height:490px;width:min(580px,100%);margin:0 auto}.hero-window{top:91px}.hero-board{gap:10px;padding:0 14px 16px}.mini-column{padding:11px 8px}.mini-task{padding:12px 10px}.mini-task strong{font-size:11px}.mini-task small{font-size:9px}.mini-task .tag{font-size:7px}.mini-column h3{font-size:10px}.window-heading{padding-top:17px}.window-heading .window-title{font-size:21px}.window-heading .dim{font-size:10px}.time-float{top:24px;right:8px}.invoice-float{bottom:10px;left:17px}.float-card strong{font-size:12px}.time-float strong{font-size:22px}.scene-orbit{width:340px;height:400px;left:90px}.scene-caption{bottom:-20px}.value-strip{align-items:start;flex-direction:column;gap:12px;padding-block:24px}.value-strip>div{justify-content:space-between;width:100%;gap:10px;font-size:11px}.playground-section{padding-top:75px;padding-bottom:45px}.section-intro{display:block}.section-intro p{margin-top:23px;font-size:12px}.workspace{display:block}.workspace-sidebar{display:none}.workspace-title{padding-top:20px}.workspace-breadcrumb{font-size:8px}.workspace-title h3{font-size:21px}.workspace-toolbar{padding-inline:15px;gap:8px}.view-tabs{gap:0}.view-tabs button{padding-inline:10px}.search-field{width:145px}#demo-view{min-height:315px;padding:15px 12px}.workspace-footer{padding:12px 15px;align-items:start;gap:15px}.workspace-footer>span{max-width:250px}.demo-note{font-size:9px;max-width:390px;margin-inline:auto}.feature-story{grid-template-columns:1fr;gap:35px;padding-top:65px;padding-bottom:85px}.story-copy h2{font-size:39px}.story-copy>p{max-width:450px}.feature-selector{margin-top:15px}.feature-choice{padding:18px 0}.feature-choice small{max-width:none}.detail-showcase{width:min(470px,calc(100% - 15px));margin-inline:auto;min-height:365px;padding:28px}.overview-section{padding-top:50px;padding-bottom:45px}.overview-title{display:block}.overview-title h2{font-size:36px}.overview-title p{margin-top:22px;max-width:450px}.capability-grid{grid-template-columns:1fr 1fr;gap:38px 25px;margin-top:40px}.mobile-story{grid-template-columns:1fr;gap:20px;padding-block:45px;min-height:auto;background:radial-gradient(ellipse at 50% 35%,var(--accent-soft),transparent 55%)}.mobile-copy{grid-row:1}.mobile-copy h2{font-size:40px}.mobile-copy>p{max-width:460px}.phone-scene{min-height:555px;margin-top:10px}.mobile-notification{left:calc(50% - 70px);bottom:110px;width:270px;padding:15px}.mobile-notification strong{font-size:9px}.mobile-notification>small{display:none}.film-strip{padding-bottom:70px}.film-trigger{gap:22px}.film-visual{width:110px;height:80px}.film-word{font-size:20px}.film-visual img{width:24px}.film-trigger h2{font-size:19px}.film-trigger p{font-size:10px;max-width:200px}.film-duration{display:none}.faq-section{grid-template-columns:1fr;gap:35px;padding-bottom:70px}.faq-section h2{font-size:36px}.contact-section{grid-template-columns:1fr;gap:40px;padding-top:55px;padding-bottom:65px}.contact-copy h2{font-size:43px}.contact-expectation{margin-top:26px;gap:10px 15px}.contact-form{max-width:560px;width:100%}.footer-main{grid-template-columns:1.3fr 1fr 1fr;gap:20px}.footer-fine{flex-direction:column;gap:10px}.foot-credit a{font-size:8px;gap:8px}.foot-credit img{width:31px}}
@media(max-width:480px){.section-shell{padding-inline:20px}.site-header{padding-inline:20px;gap:8px}.site-header .brand{font-size:25px;gap:8px}.site-header .brand img{width:27px}.nav-actions .button{padding:9px 11px;font-size:10px;gap:10px}.theme-toggle{width:30px}.menu-toggle{width:28px}.hero{padding-top:45px}.hero h1{font-size:45px}.hero-actions{gap:15px}.hero-actions .primary{font-size:10px;padding:13px 14px;gap:12px}.hero-actions .text-link{font-size:10px}.hero-description{font-size:13px}.hero-scene{height:425px;margin-top:10px}.hero-window{top:85px;transform:rotateY(-7deg) rotateX(3deg) rotateZ(-3deg)}.window-top{padding:10px 12px;gap:6px}.window-path{font-size:7px}.window-top .mini-brand{font-size:13px}.window-heading{padding:13px 12px}.window-heading .window-title{font-size:18px}.window-heading .dim{font-size:8px}.mini-tabs{gap:18px;font-size:8px;padding-inline:12px}.hero-board{gap:6px;padding:0 8px 10px}.mini-column{padding:8px 4px}.mini-column h3{font-size:7px}.mini-task{padding:9px 6px;min-height:102px}.mini-task strong{font-size:8px;margin-top:8px}.mini-task small{font-size:7px}.mini-task .tag{font-size:6px}.task-bottom{font-size:7px;margin-top:9px}.secondary-task{min-height:66px}.window-bottom{padding:9px 10px;font-size:6px}.time-float{top:21px;padding:11px 14px;gap:10px}.time-float strong{font-size:18px}.time-float small{font-size:8px}.timer-icon{width:22px;height:22px}.timer-control{width:25px;height:25px;margin-left:3px}.invoice-float{bottom:1px;left:5px;padding:12px 15px;gap:10px}.invoice-float strong{font-size:10px}.invoice-float small{font-size:8px}.invoice-check{width:28px;height:28px}.scene-orbit{width:240px;height:310px;left:50px}.scene-caption{font-size:8px;bottom:-30px}.value-strip>div{font-size:9px;gap:8px}.section-intro h2{font-size:37px}.section-intro p br{display:none}.workspace-toolbar{flex-wrap:wrap;gap:12px}.search-field{width:100%;padding:9px}.view-tabs{width:100%;justify-content:space-between}.view-tabs button{font-size:10px;padding:8px 13px}.workspace-title{padding:16px 14px}.workspace-title h3{font-size:18px}.workspace-title .button{font-size:9px;gap:5px;padding:10px}.kanban{grid-template-columns:repeat(3,200px);min-height:285px}.workspace #demo-view{overflow-x:auto;overscroll-behavior-x:contain}.board-column{padding:11px}.column-title{font-size:10px}.project-card h4{font-size:11px}.project-meta{font-size:9px}.workspace-footer{font-size:8px;gap:10px}.workspace-footer button{font-size:8px}.workspace-footer>span{max-width:175px}.financial-summary{gap:13px}.financial-summary strong{font-size:19px}.financial-summary small{font-size:8px}.calendar-grid{min-width:450px}.calendar-header{min-width:450px}.story-copy h2{font-size:34px}.detail-showcase{padding:23px;transform:rotate(1deg)}.detail-showcase>h3{font-size:23px}.detail-top{gap:8px}.detail-top .dim{font-size:7px}.feature-choice small{font-size:10px}.overview-title h2{font-size:33px}.capability-grid{gap:28px 22px}.capability-grid article{padding-right:0}.capability-grid h3{font-size:12px}.capability-grid p{font-size:10px}.mobile-copy h2{font-size:35px}.mobile-notification{left:calc(50% - 125px);bottom:72px;width:280px}.phone{transform:rotate(-5deg)}.film-trigger{gap:15px;flex-wrap:wrap}.film-visual{display:none}.film-trigger h2{font-size:22px}.film-trigger p{font-size:10px}.film-play{width:42px;height:42px}.faq-list summary{font-size:12px;gap:15px}.contact-copy h2{font-size:38px}.contact-form{padding:23px 19px}.contact-form h3{font-size:20px}.form-row{grid-template-columns:1fr;gap:0}.footer-main{grid-template-columns:1fr 1fr;gap:30px}.footer-main>div:first-child{grid-column:1/-1}.footer-main p{margin-top:10px}.footer-fine{font-size:8px}.foot-credit a{font-size:7px;letter-spacing:.07em}.modal{padding:27px 22px}.modal h2{font-size:23px}.dialog-fields{gap:15px}.legal-data{grid-template-columns:1fr;gap:6px}.legal-data dd{margin-bottom:12px}.video-modal{padding:13px}.video-header h2{font-size:15px}.video-modal video{height:58dvh}.task-check{font-size:10px}}
.hero,.feature-story{overflow:clip}
.hero-scene{height:590px}.invoice-float{bottom:-5px}.scene-caption{bottom:-36px}
@media(max-width:1100px) and (min-width:801px){.hero-scene{height:570px}.hero{padding-bottom:80px}}
@media(max-width:800px){.hero-scene{height:610px}}
@media(max-width:480px){.hero-scene{height:520px}.invoice-float{bottom:-15px}.hero{padding-bottom:90px}}
/* Keep the phone glow fully transparent at every edge, in both themes. */
.mobile-story{background:none}
.phone-scene{background:radial-gradient(ellipse closest-side at 50% 50%,var(--accent-soft) 0%,transparent 100%)}
.ui-icon{display:inline-block;width:18px;height:18px;vertical-align:middle;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.feature-number .ui-icon{width:23px;height:23px}.capability-icon .ui-icon{width:29px;height:29px}.film-play .ui-icon,.circle-play .ui-icon,.timer-control .ui-icon{width:15px;height:15px}.modal-close .ui-icon,.video-header .icon-button .ui-icon{width:21px;height:21px}.button>span:has(.ui-icon){display:inline-flex;align-items:center}.task-bottom .ui-icon{width:13px;height:13px}
[data-theme=light] .primary{background:#b66f49;color:#121a15}
@media(max-width:360px){.site-header{padding-inline:16px;gap:5px}.site-header .brand{font-size:22px;gap:6px}.site-header .brand img{width:24px}.nav-actions{gap:4px}.nav-actions .button{font-size:9px;padding:9px;gap:6px}.theme-toggle{width:26px}.menu-toggle{width:24px}.hero h1{font-size:39px}.hero-actions{gap:10px}.hero-actions .primary{padding-inline:11px;font-size:9px}.hero-actions .text-link{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-window{transform:rotate(-2deg)}}
@media(prefers-reduced-transparency:reduce){.glass,.site-header,.float-card,.mobile-notification{background:var(--surface);backdrop-filter:none}.modal::backdrop{backdrop-filter:none;background:rgba(8,13,11,.96)}}
@media(forced-colors:active){.button,.project-card,.mini-task,.view-tabs button,.tag{border:1px solid ButtonText}.glass{border:1px solid CanvasText}.theme-symbol{background:ButtonText}.primary{background:ButtonFace;color:ButtonText}}

/* másodlagos fejléc-gomb (Belépés): ugyanaz a forma, csak halkabb */
.button.ghost {
  background: transparent;
  color: var(--text, inherit);
  border: 1px solid currentColor;
  opacity: .78;
}
.button.ghost:hover { opacity: 1; }