:root{--motion-fast:140ms;--motion-enter:380ms;--ease-out:cubic-bezier(.16,1,.3,1)}
button,.cta{transition:background var(--motion-fast),box-shadow var(--motion-fast),transform var(--motion-fast)}button:active,.cta:active{transform:scale(.98)}.hero{border-radius:16px}.hero-copy{animation:arrive 600ms var(--ease-out) both}.hero-art{animation:arrive 800ms var(--ease-out) both}.product{border-radius:12px;transition:box-shadow 200ms, border-color 200ms}.product:hover{box-shadow:0 8px 24px #161a1f12;border-color:#854001}.product-picture{border-radius:8px}.cta{border-radius:6px}.apps-section{padding:48px 0 64px}.app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.app-card{border:1px solid var(--line);border-radius:12px;background:white;padding:28px;display:flex;flex-direction:column;align-items:start}.app-card>span{font:700 13px Consolas,monospace;color:#854001}.app-card h3{font-size:24px;margin:16px 0 8px}.app-card p{color:var(--muted);flex:1}.app-card button{background:var(--ink);color:white;width:100%;font-weight:700}.app-card button:hover{background:var(--panel)}.app-card svg{width:48px;height:48px;fill:none;stroke:var(--ink);stroke-width:2}.app-panel{background:white;border:1px solid var(--line);border-radius:8px;padding:24px}.app-panel label{display:block;margin:16px 0 8px}.app-panel output{display:block;background:var(--paper);padding:20px;margin-top:24px;font-weight:700}.zone-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.zone{padding:20px;border-left:6px solid #28569a;background:#eef3fb}.zone.orange{border-color:#a14b00;background:#fff2e4}.zone.green{border-color:#287346;background:#e8f4ee}.zone.dark-zone{border-color:#4c5361;background:#edf0f3}.zone strong,.zone span{display:block}.zone span{font-size:14px}.workflow{list-style:none;padding:0;display:grid;gap:12px}.workflow li{padding:16px;border:1px solid var(--line);border-left:5px solid var(--line)}.workflow .current{border-left-color:#a14b00;background:#fff2e4}.workflow .complete{border-left-color:#287346}.workflow-controls{display:flex;flex-wrap:wrap;gap:12px}dialog[open]{animation:arrive var(--motion-enter) var(--ease-out)}.dialog-heading{position:sticky;top:-28px;background:var(--paper);z-index:1;padding-top:8px}.mobile-shortcuts{display:none}.section-title h2{text-wrap:balance}@keyframes arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media(max-width:800px){.app-grid{grid-template-columns:1fr}.apps-section{padding:32px 0}.app-card{padding:24px}}@media(max-width:460px){.zone-grid{grid-template-columns:1fr}.mobile-shortcuts{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--paper);border-top:1px solid var(--line);padding:8px 12px calc(8px + env(safe-area-inset-bottom));gap:8px;z-index:15}.mobile-shortcuts a,.mobile-shortcuts button{flex:1;text-align:center;min-height:48px;text-decoration:none;font-size:14px;font-weight:700;padding:12px 8px}.mobile-shortcuts button{background:var(--accent)}body{padding-bottom:88px}#feedback{bottom:100px}dialog{padding:20px}.app-panel{padding:16px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}button:active,.cta:active{transform:none}html{scroll-behavior:auto}}