.planner-feature{display:grid;grid-template-columns:1fr 1.2fr;gap:3rem;padding:3.5rem 0 4rem;border-top:1px solid var(--ink,#222);border-bottom:1px solid var(--ink,#222);margin-bottom:3rem;align-items:center}.planner-feature-copy h2{font-size:clamp(2.5rem,4.5vw,5rem);line-height:1.02;letter-spacing:-.055em;margin:1.3rem 0}.planner-feature-copy>p{max-width:46ch;line-height:1.6}.study-kicker,.study-meta,.study-facts span,.study-nav,.study-status,.study-decision h4{font-size:.72rem;letter-spacing:.09em;font-family:monospace}.study-muted,.study-caption{color:#575752;font-size:.85rem}.study-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;margin:1.7rem 0 1rem}.study-button{display:inline-flex;align-items:center;justify-content:center;padding:1rem 1.3rem;background:#202822;color:#fff;text-decoration:none;border:1px solid #202822;font-size:.9rem;line-height:1.3}.study-button-light{background:transparent;color:#202822}.study-button:hover{background:#3c5143;color:white}.study-button:focus-visible,.study-nav a:focus-visible{outline:3px solid #738c61;outline-offset:4px}.planner-feature-visual{background:#dce2d9;padding:1rem;text-decoration:none;color:#202822;display:block}.planner-feature-visual img{width:100%;display:block;aspect-ratio:1.55;object-fit:cover;object-position:center}.planner-feature-visual>span{display:block;font:11px monospace;letter-spacing:.1em;margin-top:1rem}.planner-study{max-width:1440px;margin:auto;padding:0 3rem}.study-hero{padding:2rem 0 3rem}.study-meta{display:flex;justify-content:space-between;gap:1rem;padding:1.5rem 0 4rem}.study-hero h1{font-size:clamp(3rem,7.8vw,8rem);line-height:1.02;letter-spacing:-.065em;margin:1.4rem 0 2rem;font-weight:500}.study-hero h1 em{font-family:Georgia,serif;font-weight:400}.study-hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:2rem}.study-hero-bottom p{font-size:1.25rem;line-height:1.5}.study-full-image{margin:0}.study-full-image img{width:100%;display:block;border:1px solid #c5c8c1}.study-full-image figcaption{font-size:.8rem;color:#575752;margin:1rem 0;line-height:1.6}.study-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding:2rem 0 3rem}.study-facts p{font-size:.95rem;line-height:1.6;margin:.7rem 0}.study-nav{display:flex;flex-wrap:wrap;gap:2rem;padding:1.5rem 0;border-block:1px solid #b8b9b0}.study-nav a{text-decoration:none}.study-section{display:grid;grid-template-columns:1fr 1.1fr;gap:5rem;padding:5rem 0;border-bottom:1px solid #b8b9b0;scroll-margin-top:100px}.study-section h2,.study-decisions>h2{font-size:clamp(2rem,3.5vw,3.5rem);font-weight:500;letter-spacing:-.045em;line-height:1.1;margin:1rem 0 2rem}.study-prose p,.study-decision p{font-size:1rem;line-height:1.8;margin:0 0 1.4rem;max-width:65ch}.study-process{padding-left:1.2rem}.study-process li{padding:0 0 1.5rem .6rem;line-height:1.6}.study-process strong,.study-process span{display:block}.study-process span{font-size:.95rem;margin-top:.4rem}.study-note{padding:1.3rem;background:#e9ece4;border-left:2px solid #66795d}.study-decisions{padding:5rem 0 0;scroll-margin-top:100px}.study-decision{display:grid;grid-template-columns:60px 1fr 1fr;gap:2.5rem;padding:3rem 0;border-bottom:1px solid #b8b9b0}.decision-number{font:italic 2.5rem Georgia,serif;color:#68795e}.study-decision h3{font-size:1.6rem;letter-spacing:-.025em;font-weight:500;margin:0 0 1rem}.study-decision h4{margin:0 0 .6rem;color:#4a5d41}.study-status{display:inline-block;padding:.8rem;background:#e8ece2;line-height:1.6}.study-outcome{border-bottom:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:800px){.planner-feature{grid-template-columns:1fr;gap:2rem}.planner-study{padding:0 1.3rem}.study-section{grid-template-columns:1fr;gap:1rem;padding:3rem 0}.study-decision{grid-template-columns:1fr;gap:1rem}.study-facts{grid-template-columns:1fr;gap:1rem}.study-meta{flex-direction:column;padding-bottom:2rem}.study-hero-bottom{align-items:start;flex-direction:column}.study-nav{gap:1.1rem}.study-decisions{padding-top:3rem}}
.uiux-index .planner-feature{padding-left:clamp(1.5rem,7.2vw,7rem);padding-right:clamp(1.5rem,3vw,3rem)}

.motion-study{margin:0;padding:2rem 0 3rem;border-bottom:1px solid #b8b9b0}.motion-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;font:12px monospace;letter-spacing:.07em}.motion-heading button{padding:.5rem .9rem;background:transparent;border:1px solid #78836f;cursor:pointer;margin-left:.5rem;color:#293b2e}.motion-heading button:focus-visible{outline:3px solid #536d47;outline-offset:3px}.motion-study svg{width:100%;max-height:430px;display:block}.motion-study figcaption,.study-image-pair figcaption{font-size:.82rem;line-height:1.6;color:#575752;margin-top:1rem}.demo-note{box-sizing:border-box;width:100%;height:100%;background:#fafaf2;border:1px solid #aebba5;border-radius:12px;padding:20px;font-family:Arial,sans-serif;color:#2e3b30}.demo-note small{display:block;font:9px monospace;letter-spacing:2px;margin-bottom:16px}.demo-note strong{display:block;font-size:22px;line-height:1.15;font-weight:500}.demo-note p{font-size:13px;line-height:1.45;margin:12px 0 0}.demo-state{font:12px monospace;fill:#43513d}.demo-label{font:10px monospace;letter-spacing:1.2px;fill:#53614b}.demo-title{font:22px Arial,sans-serif;fill:#2e3b30}.study-image-pair{display:grid;grid-template-columns:1.6fr 1fr;gap:2rem;padding:2rem 0 3rem;border-bottom:1px solid #b8b9b0;align-items:start}.study-image-pair figure{margin:0}.study-image-pair img{width:100%;display:block;border:1px solid #c0c7ba}.study-image-pair figure:last-child img{max-height:620px;object-fit:contain;background:#e5e9e3}.planner-feature-visual img{object-fit:contain;aspect-ratio:2.08}@media(max-width:700px){.study-image-pair{grid-template-columns:1fr}.motion-heading{flex-wrap:wrap}.motion-study{padding-block:1.5rem}}

.study-extra{padding-top:4rem}.study-extra>h2{font-size:clamp(2rem,3.5vw,3.5rem);font-weight:500;letter-spacing:-.045em;margin:1rem 0 2rem}.tone-demo{padding:40px;min-height:370px;border-radius:12px;display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}.tone-panel{padding:26px;border-radius:18px;color:var(--ui-text);background:rgb(var(--panel-rgb) / var(--demo-opacity));border:1px solid var(--panel-edge);box-shadow:inset 0 1px var(--panel-highlight)}.tone-panel small,.expanding-note small{font:10px monospace;letter-spacing:1px}.tone-panel h3,.expanding-note h3{font-size:24px;font-weight:500;margin:14px 0}.tone-secondary{color:var(--ui-secondary);font-size:14px;line-height:1.6}.tone-line{display:flex;justify-content:space-between;font-size:12px;margin:16px 0 8px}.tone-meter{height:5px;background:var(--ui-control);border-radius:9px;overflow:hidden}.tone-meter i{height:100%;display:block;background:var(--ui-text)}.tone-icons{display:flex;gap:10px;margin-top:20px}.tone-icons span{padding:8px 14px;border:1px solid var(--panel-edge);background:var(--ui-control);border-radius:9px}.tone-reference{display:grid;justify-items:center;gap:15px}.tone-reference span{padding:20px;background:#f4f3eb;color:#30382e;border-radius:10px;font:11px monospace;letter-spacing:2px}.tone-reference svg{width:100%;max-width:220px}.text-demo{background:#e5e9e3;border-radius:12px;min-height:440px;padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.expanding-note{width:min(100%,380px);padding:26px;background:#fafaf2;border:1px solid #b6c0b1;border-radius:14px;color:#30382e}.typed-copy{white-space:pre-wrap;font-size:15px;line-height:1.6;margin:0;min-height:24px}.typed-copy:after{content:'▏';color:#637a58}.text-demo-label{font:12px monospace;color:#43513d;margin:22px 0 0}@media(max-width:700px){.tone-demo{padding:20px;grid-template-columns:1fr;gap:20px}.tone-reference{grid-template-columns:1fr 1fr 1fr;gap:8px}.tone-reference span{padding:14px 8px;font-size:9px}.text-demo{padding:20px;min-height:500px}}
/* Keep the featured study prominent while revealing the next row sooner. */
.uiux-index .planner-feature{padding-top:2.2rem;padding-bottom:2.4rem;gap:2.2rem;margin-bottom:1.8rem}.planner-feature-copy h2{font-size:clamp(2.4rem,4vw,4.5rem);margin:1rem 0}.planner-feature-copy .study-actions{margin:1.2rem 0 .7rem}.planner-feature-copy .study-caption{margin-bottom:0}.planner-feature-visual{padding:.8rem}.planner-feature-visual>span{margin-top:.7rem}

.card-tint-demo{display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;align-items:center;padding:3rem;background:#e5e9e3;border-radius:12px;min-height:320px}.contrast-card{padding:28px;border-radius:16px;border:1px solid #aeb7a9;min-height:235px}.contrast-card small{font:10px monospace;letter-spacing:1.5px}.contrast-card h3{font-size:27px;font-weight:500;margin:24px 0 16px;color:inherit}.contrast-card p{font-size:15px;line-height:1.7;margin:0;color:inherit}.contrast-controls{color:#30382e}.contrast-check{display:block;font:12px monospace;padding-bottom:16px}.card-tint-swatch{height:32px;border:1px solid #aeb7a9;border-radius:7px}.contrast-controls output{font-family:monospace}@media(max-width:700px){.card-tint-demo{grid-template-columns:1fr;padding:20px;gap:20px}}