@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap";.app-shell{min-height:100vh;padding:24px 16px 72px;background:radial-gradient(circle at top left,color-mix(in srgb,var(--accent-color) 20%,transparent),transparent 32%),linear-gradient(180deg,var(--app-bg) 0%,color-mix(in srgb,var(--app-bg) 84%,#fffdf8) 100%);color:var(--text-color)}.topbar,.hero-card,.page-sections{max-width:1200px;margin-inline:auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;padding:4px 2px}.topbar-label{margin:0;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--hint-color)}.topbar-nav{display:flex;align-items:center;gap:18px;font-size:.9rem}.topbar-nav a{text-decoration:none;border-bottom:1px solid transparent;transition:border-color .18s ease,opacity .18s ease}.topbar-nav a:hover{border-color:var(--text-color);opacity:.8}.hero-card{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);background:color-mix(in srgb,var(--panel-bg) 93%,#fffdf8);border:1px solid color-mix(in srgb,var(--text-color) 82%,transparent);box-shadow:18px 18px color-mix(in srgb,var(--hint-color) 24%,transparent);overflow:clip;min-height:720px}.hero-copy-column,.hero-visual-column{padding:clamp(28px,5vw,56px)}.hero-copy-column{display:flex;flex-direction:column;justify-content:space-between;gap:26px;border-right:1px solid color-mix(in srgb,var(--text-color) 82%,transparent)}.hero-visual-column{position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,rgba(79,134,198,.1),transparent 48%),color-mix(in srgb,var(--panel-bg) 82%,var(--app-bg))}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.18em;color:var(--hint-color);font-size:.72rem}.hero-card h1{margin:0;max-width:11ch;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(3.25rem,7vw,6rem);font-weight:500;line-height:.92;letter-spacing:-.04em}.hero-copy{max-width:34rem;margin:0;color:var(--hint-color);font-size:1rem;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hero-primary,.hero-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;text-decoration:none;border:1px solid color-mix(in srgb,var(--text-color) 82%,transparent);transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.hero-primary{background:color-mix(in srgb,var(--accent-color) 72%,#17334d 10%);color:var(--accent-text)}.hero-secondary{background:transparent}.hero-primary:hover,.hero-secondary:hover{transform:translateY(-1px);box-shadow:6px 6px color-mix(in srgb,var(--hint-color) 18%,transparent)}.capability-strip{display:flex;flex-wrap:wrap;gap:10px;font-family:IBM Plex Mono,monospace;font-size:.78rem}.capability-strip span,.runtime-badges li,.trace-label,.device-screen-top span,.device-preview-meta span{border:1px solid color-mix(in srgb,var(--text-color) 18%,transparent);background:color-mix(in srgb,var(--panel-bg) 80%,white);padding:8px 10px}.hero-editorial-note{display:grid;gap:8px;padding-top:18px;border-top:1px solid color-mix(in srgb,var(--text-color) 14%,transparent)}.note-label,.section-kicker{margin:0;text-transform:uppercase;letter-spacing:.14em;color:var(--hint-color);font-size:.72rem}.note-copy,.section-intro{margin:0;max-width:42rem;color:var(--hint-color);line-height:1.7}.hero-orbit{position:absolute;border:1px solid color-mix(in srgb,var(--accent-color) 24%,transparent);border-radius:999px;opacity:.7}.hero-orbit-top{width:76%;height:76%;transform:rotate(-14deg)}.hero-orbit-bottom{width:48%;height:48%;transform:rotate(22deg) translate(12%,22%)}.device-showcase{position:relative;width:min(100%,520px);display:grid;gap:16px;transform:perspective(1600px) rotateY(-13deg) rotateX(5deg);transform-style:preserve-3d;transition:transform .3s ease}.hero-card:hover .device-showcase{transform:perspective(1600px) rotateY(-8deg) rotateX(3deg) translateY(-2px)}.device-shell{position:relative;padding:18px;border-radius:38px;background:linear-gradient(160deg,#1c2026,#4a5056 70%,#191b1f);box-shadow:0 38px 64px #201e183d}.device-notch{position:absolute;top:10px;left:50%;width:28%;height:18px;transform:translate(-50%);border-radius:999px;background:#0a0a0ae0}.device-screen{min-height:560px;border-radius:28px;padding:24px 22px;background:linear-gradient(180deg,#f4f8fce6,#faf6eefa),var(--panel-bg);color:#1a1f27;display:grid;align-content:start;gap:18px}.device-screen-top,.device-footer,.device-preview-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.device-screen-top,.device-footer,.trace-label,.trace-text,.runtime-badges,.device-preview-meta{font-family:IBM Plex Mono,monospace}.device-screen-top span,.device-preview-meta span,.device-footer span{padding:6px 8px;font-size:.72rem}.device-screen-hero{display:grid;gap:10px}.device-kicker{margin:0;color:#4f86c6;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem}.device-screen-hero h2{margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(2rem,4vw,3rem);line-height:.95}.device-screen-hero p,.device-preview-list{margin:0}.device-preview-card{padding:16px;border:1px solid rgba(26,31,39,.12);background:#ffffff94;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.device-preview-list{list-style:none;padding:0;display:grid;gap:10px}.device-preview-list li{display:flex;align-items:center;gap:10px;padding-top:10px;border-top:1px solid rgba(26,31,39,.08)}.device-preview-list li:first-child{border-top:0;padding-top:0}.device-preview-list li.is-complete span:last-child{color:#6d7784;text-decoration:line-through}.device-checkbox{width:12px;height:12px;border-radius:999px;border:1px solid rgba(26,31,39,.35);background:#fffdf8;flex-shrink:0}.runtime-badges{position:absolute;top:8%;right:-10%;list-style:none;padding:0;margin:0;display:grid;gap:10px}.runtime-badges li{font-size:.76rem}.trace-ticker{display:grid;gap:8px;padding:14px;border:1px solid color-mix(in srgb,var(--text-color) 18%,transparent);background:color-mix(in srgb,var(--panel-bg) 86%,white)}.trace-label{width:fit-content;font-size:.72rem}.trace-text{font-size:.8rem;color:var(--hint-color)}.page-sections{display:grid;gap:22px;margin-top:26px}.content-section-dual{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}.panel{background:color-mix(in srgb,var(--panel-bg) 94%,white);border:1px solid color-mix(in srgb,var(--text-color) 14%,transparent);padding:clamp(20px,2.4vw,28px);box-shadow:12px 12px #655f5814}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-header h2,.detail-card h3,.device-screen-hero h2{margin:0}.badge{display:inline-flex;align-items:center;padding:6px 10px;background:color-mix(in srgb,var(--accent-color) 16%,white);color:var(--text-color);font-size:.85rem}.badge-success{background:#399f6829}.badge-warning{background:#c96f3829}.status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0}.status-grid dt{margin-bottom:4px;color:var(--hint-color);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.status-grid dd{margin:0;font-size:1rem}.button-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}button,input[type=text],input:not([type]){border:1px solid color-mix(in srgb,var(--text-color) 12%,transparent)}button{padding:12px 14px;background:color-mix(in srgb,var(--accent-color) 76%,white);color:#fffdf8;cursor:pointer;transition:transform .16s ease,background-color .16s ease,box-shadow .16s ease}button:hover{transform:translateY(-1px);box-shadow:6px 6px #655f5814}button.ghost{background:transparent;color:var(--text-color)}button.danger{background:#8d3d26}.detail-card{margin-top:14px;padding:14px;background:color-mix(in srgb,var(--accent-color) 10%,white)}.todo-form label{display:block;margin-bottom:8px;font-size:.9rem}.todo-input-row{display:flex;gap:10px}.todo-input-row input{flex:1;min-width:0;padding:12px 14px;background:#fffdf8e0}.todo-stats{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0 14px;color:var(--hint-color);font-size:.9rem}.todo-list,.log-list{list-style:none;padding:0;margin:0}.todo-item,.log-entry{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid color-mix(in srgb,var(--text-color) 10%,transparent)}.todo-item:first-child,.log-entry:first-child{border-top:0}.todo-item label{display:flex;align-items:center;gap:10px;min-width:0}.todo-item span{overflow-wrap:anywhere}.todo-item.completed span{text-decoration:line-through;color:var(--hint-color)}.log-entry{align-items:flex-start}.log-time{min-width:72px;color:var(--hint-color);font-family:IBM Plex Mono,monospace;font-size:.76rem}.log-message{flex:1}.log-success .log-message{color:#1b6f48}.log-warning .log-message{color:#8d3d26}.empty-state{color:var(--hint-color);padding:12px 0}@media(prefers-reduced-motion:reduce){.hero-primary,.hero-secondary,.topbar-nav a,.device-showcase,button{transition:none}.hero-card:hover .device-showcase,.hero-primary:hover,.hero-secondary:hover,button:hover{transform:none;box-shadow:none}}@media(max-width:980px){.hero-card,.content-section-dual{grid-template-columns:1fr}.hero-copy-column{border-right:0;border-bottom:1px solid color-mix(in srgb,var(--text-color) 82%,transparent)}.hero-visual-column{min-height:620px}.runtime-badges{position:static;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media(max-width:640px){.app-shell{padding:16px 12px 42px}.topbar{flex-direction:column;align-items:flex-start}.button-grid,.status-grid{grid-template-columns:1fr}.hero-card{min-height:unset;box-shadow:10px 10px #655f5814}.hero-actions{flex-direction:column;align-items:stretch}.hero-primary,.hero-secondary{width:100%}.hero-visual-column{min-height:520px;padding-inline:16px}.device-showcase{transform:none}.device-screen{min-height:500px}.todo-input-row{flex-direction:column}}:root{color-scheme:light;font-family:Manrope,Segoe UI,sans-serif;line-height:1.5;font-weight:400;background:#f3efe7;color:#171717;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100vh;background:radial-gradient(circle at top left,rgba(79,134,198,.1),transparent 28rem),radial-gradient(circle at bottom right,rgba(201,120,67,.12),transparent 30rem),#f3efe7}button,input{font:inherit}a{color:inherit}