/* iCharles homepage (October 21, elite pass). Self-contained: the shared header, footer,
   type tokens and fonts come from public.css, which the server loads after this file.
   Tokens follow Life OS brand kit v2: Night #181918, Sage #486152, Herb #96A98C,
   Paper #F7F5EF, Ink #252A27. Newsreader for display and reading, Instrument Sans for UI. */

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#f7f5ef;color:#252a27;font:16px/1.6 var(--ic-sans,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
button,input{font:inherit;color:inherit}
h1,h2,h3,h4,p,figure{margin: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}
.honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.skip-link{position:absolute;left:-9999px;top:8px;z-index:60;padding:10px 14px;border-radius:8px;background:#fff;color:#181918}
.skip-link:focus{left:16px}

body.home-page{
  --night:#181918;--sage:#486152;--sage-deep:#3a4f42;--herb:#96a98c;--paper:#f7f5ef;--ink:#252a27;
  --mist:#eeede5;--line:#e0ded4;--muted:#5f6660;--field:#d5d3c8;
  --d-display:clamp(54px,7.2vw,112px);--d-h2:clamp(32px,3.4vw,50px);--d-h3:clamp(21px,1.6vw,24px);
  --gap:clamp(64px,8vw,120px);
  background:var(--paper);color:var(--ink)
}
.home-page .wrap{width:min(1320px,calc(100% - 112px));margin-inline:auto}
.home-page :is(h1,h2,h3){font-family:var(--ic-serif);font-weight:400;color:var(--night);text-wrap:balance;font-optical-sizing:auto}
.home-page :is(p,li,figcaption){text-wrap:pretty}
.home-page :is(a,button,summary,input):focus-visible{outline:2px solid var(--sage);outline-offset:3px;border-radius:4px}

/* Section heading rhythm shared by every block below the hero (including server-rendered ones). */
.home-page :is(.why h2,.invitation h2,.reflection-heading h2,.articles-home-heading h2,.inside-copy h2,.closing h2){font-size:var(--d-h2);line-height:1.04;letter-spacing:-.032em}

/* ── Hero: purpose, real product, one action. ── */
body.home-page[data-public-layout] .hero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6.2fr);align-items:center;gap:clamp(40px,5.5vw,96px);padding:clamp(32px,5.5vh,64px) 0 clamp(56px,8vh,96px);text-align:left}
.home-page .hero-by{font:500 14px/1.4 var(--ic-sans);color:var(--sage);margin:0 0 18px}
body.home-page[data-public-layout] .hero h1{font-size:var(--d-display);font-weight:360;line-height:.9;letter-spacing:-.045em;margin:0 0 28px}
.home-page .hero-line{display:inline-block}
.home-page .hero-copy{max-width:30ch;font:400 clamp(19px,1.45vw,22px)/1.45 var(--ic-serif);letter-spacing:-.005em;color:#3b423d;margin:0 0 28px}
.home-page .signup-form{max-width:480px;margin:0}
.home-page .form-line{display:flex;align-items:center;gap:6px;padding:5px;background:#fff;border:1px solid var(--field);border-radius:999px;box-shadow:0 1px 2px #18191808,0 14px 32px -22px #18191840;transition:border-color .2s,box-shadow .2s}
.home-page .form-line:focus-within{border-color:var(--sage);box-shadow:0 0 0 3px #48615226,0 14px 32px -22px #18191840}
.home-page .form-line input{flex:1;min-width:0;height:46px;padding:0 16px;border:0;background:transparent;font-size:16px;outline:none}
.home-page .form-line input::placeholder{color:#868c86}
.home-page .form-line button{flex-shrink:0;height:46px;padding:0 22px;border:0;border-radius:999px;background:var(--sage);color:#fff;font:600 15px/1 var(--ic-sans);letter-spacing:-.005em;cursor:pointer;transition:background-color .2s}
.home-page .form-line button:hover{background:var(--sage-deep)}
.home-page .form-line button:disabled{opacity:.7;cursor:progress}
.home-page .form-line input:focus-visible{outline:none}
.home-page .form-note{margin:10px 0 0 18px;font-size:13px;line-height:1.5;color:var(--muted)}
.home-page .form-status{margin:10px 0 0 18px;font-size:14px;line-height:1.5}
.home-page .form-status:empty{display:none}
.home-page .form-status[data-error="true"]{color:#9a3a2c}
.home-page .hero-consult{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;max-width:480px;margin:32px 0 0;padding-top:18px;border-top:1px solid var(--line);font-size:14px;color:var(--muted);text-decoration:none}
.home-page .hero-consult-go{white-space:nowrap;color:var(--night)}
.home-page .hero-consult-label{font-weight:600;text-decoration:underline;text-decoration-color:var(--herb);text-decoration-thickness:1px;text-underline-offset:4px}
.home-page .hero-consult:hover .hero-consult-label{text-decoration-color:currentColor}

.home-page .hero-stage{margin:0 0 0 auto;width:100%}
.home-page .hero-shots{position:relative;padding:0 5% 7% 0}
.home-page .hero-desktop{width:100%;border-radius:12px;background:#fff;box-shadow:0 0 0 1px #1819181a,0 2px 4px #18191808,0 40px 80px -36px #18191859}
.home-page .hero-phone{position:absolute;right:0;bottom:0;width:23%;border:5px solid var(--night);border-radius:28px;background:var(--night);box-shadow:0 30px 60px -24px #18191873}
.home-page .hero-stage figcaption{margin-top:14px;font-size:13px;color:var(--muted)}

/* One orchestrated entrance: headline lines unmask, the action rises, the product settles. */
@media(prefers-reduced-motion:no-preference){
  .home-page .hero-line{animation:h-line .7s cubic-bezier(.16,1,.3,1) both}
  .home-page .hero-line+br+.hero-line{animation-delay:.08s}
  .home-page :is(.hero-by,.hero-copy,.signup-form,.hero-consult){animation:h-rise .6s cubic-bezier(.16,1,.3,1) both}
  .home-page .hero-by{animation-delay:0s}.home-page .hero-copy{animation-delay:.18s}.home-page .hero .signup-form{animation-delay:.24s}.home-page .hero-consult{animation-delay:.3s}
  .home-page .hero-desktop{animation:h-settle .9s cubic-bezier(.16,1,.3,1) .12s both}
  .home-page .hero-phone{animation:h-phone .9s cubic-bezier(.16,1,.3,1) .32s both}
  .home-page .hero-stage figcaption{animation:h-rise .6s ease .6s both}
  @keyframes h-line{from{opacity:0;transform:translateY(.32em);clip-path:inset(-.2em -.2em 100% -.2em)}to{opacity:1;transform:none;clip-path:inset(-.2em -.2em -.3em -.2em)}}
  @keyframes h-rise{from{opacity:0;transform:translateY(10px)}}
  @keyframes h-settle{from{opacity:0;transform:translateY(26px) scale(.985)}}
  @keyframes h-phone{from{opacity:0;transform:translate(14px,34px)}}
}

/* ── Try today's view: the interactive example on Night. ── */
.home-page .intention-preview{background:var(--night);color:#e9e8e1;padding:clamp(56px,7vw,104px) 0;scroll-margin-top:64px}
.inside-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(36px,5vw,88px);align-items:center}
.home-page .inside-copy h2{color:#f7f5ef;margin:0 0 18px}
.inside-copy p{max-width:34ch;font-size:17px;line-height:1.6;color:#c5c8bf;margin:0 0 26px}
.inside-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;font-size:15px;color:#f7f5ef;text-decoration:underline;text-decoration-color:#96a98c;text-underline-offset:5px}
.inside-link:hover{text-decoration-color:currentColor}
.home-page .intention-preview :is(a,button,input):focus-visible{outline-color:var(--herb)}
.home-page .sample-workspace :is(a,button,input):focus-visible{outline-color:var(--sage)}

.sample-workspace{background:#faf9f4;border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px #ffffff14,0 40px 90px -40px #000;color:#23352c;line-height:1.45}
.sample-head{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid #e4e6de;min-height:56px}
.home-page .sample-head h3{display:flex;align-items:center;gap:9px;margin:0;font:400 23px/1.2 var(--ic-serif);letter-spacing:-.02em;color:#1d2420}
.sample-mark{width:6px;height:18px;border-radius:3px;background:#a86a1c}
.sample-day{color:#6b706b;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.sample-pill{flex-shrink:0;background:#ecefe6;color:#3a5544;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;white-space:nowrap}
.sample-head button{margin-left:auto;flex-shrink:0;background:transparent;border:1px solid #d6dbd1;color:#33473b;padding:6px 12px;border-radius:8px;font-size:12px;min-height:32px;cursor:pointer}
.sample-head button:hover{background:#f0f2ea}
.sample-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:14px;padding:18px 20px 20px}
.sample-card{background:#fffefb;border:1px solid #e4e6de;border-radius:12px;padding:14px 16px;min-width:0}
.sample-tasks{grid-row:span 2}
.sample-card h4{display:flex;align-items:center;gap:8px;margin:0 0 6px;font:600 13px/1.3 var(--ic-sans);color:#2a3a31}
.sample-card h4 svg{width:16px;height:16px;flex:0 0 16px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.glyph-tasks{color:#a07a1c}.glyph-calendar{color:#8a5a7c}.glyph-inbox{color:#4c6f91}
.sample-task{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #eef0ea;cursor:pointer;font-size:14px;line-height:1.4}
.sample-task input{appearance:none;-webkit-appearance:none;width:20px;height:20px;flex:0 0 20px;margin:0;border:1.5px solid #b6bfb3;border-radius:50%;background:#fff center/12px no-repeat;cursor:pointer;transition:background-color .15s,border-color .15s}
.sample-task input:checked{border-color:#486152;background-color:#486152;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2 5 8.6l4.5-5' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.sample-task span{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:8px;min-width:0;overflow-wrap:anywhere}
.sample-task small{font-size:11px;color:#7a8476}
.sample-task:has(input:checked)>span{color:#8a9186;text-decoration:line-through}
.sample-add{display:flex;align-items:center;gap:10px;padding-top:8px;color:#6f7a6d}
.sample-add>span{width:20px;text-align:center;font-size:18px;line-height:1}
.sample-add input{flex:1;min-width:0;border:0;background:transparent;padding:8px 0;font-size:14px;color:#23352c;outline:0}
.sample-add button{flex-shrink:0;background:#ecefe6;color:#2f4639;border:0;border-radius:8px;padding:6px 12px;font-size:12px;min-height:32px;cursor:pointer}
.sample-add:not(:focus-within) button{opacity:.75}
.sample-plan ol{list-style:none;margin:0;padding:0}
.sample-plan li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px;padding:7px 0;border-bottom:1px solid #eef0ea;font-size:13px}
.sample-plan li:last-child{border:0;padding-bottom:0}
.sample-plan time{color:#6b706b;font-variant-numeric:tabular-nums}
.sample-plan li span{display:flex;flex-wrap:wrap;column-gap:8px;align-items:baseline}
.sample-plan small{font-size:11px;color:#7a8476}
.sample-quiet p{margin:0;font-size:13px;color:#6b706b}

/* ── Reflections and articles (rendered by the server) share one heading row. ── */
body.home-page[data-public-layout] .reflections{padding:var(--gap) 0 0}
.home-page :is(.reflection-heading,.articles-home-heading){display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 32px}
.home-page :is(.reflection-heading,.articles-home-heading) .eyebrow{display:none}
.home-page :is(.reflection-heading,.articles-home-heading) h2{margin:0}
.home-page :is(.reflection-heading h2,.articles-home-heading h2) span{color:inherit}
.home-page .articles-home-heading p{margin:12px 0 0;font-size:16px;color:var(--muted)}
.home-page :is(.reflection-heading>a,.articles-explore){display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border:1px solid #c9c8bd;border-radius:999px;font:600 14px/1 var(--ic-sans);color:var(--night);text-decoration:none;white-space:nowrap;flex-shrink:0}
.home-page :is(.reflection-heading>a,.articles-explore):hover{background:var(--night);border-color:var(--night);color:#fff}

.home-page .articles-home{padding:var(--gap) 0 0}
.articles-home-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:32px;align-items:stretch}
.articles-home-grid:has(.story-card+.story-card){grid-template-columns:repeat(3,minmax(0,1fr))}
.articles-home .story-card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px;align-items:center;text-decoration:none;color:inherit;min-width:0}
.articles-home-grid:has(.story-card+.story-card) .story-card{grid-template-columns:minmax(0,1fr);align-items:start;gap:18px}
.articles-home .story-image{aspect-ratio:4/3;overflow:hidden;border-radius:10px;background:var(--mist)}
.articles-home .story-image img{width:100%;height:100%;object-fit:cover}
.articles-home .story-copy{display:flex;flex-direction:column;min-width:0}
.articles-home .story-meta{font-size:13px;color:var(--muted);margin:0 0 14px}
.home-page .articles-home h3{font-size:clamp(26px,2.3vw,34px);line-height:1.1;letter-spacing:-.025em;margin:0 0 14px}
.articles-home .story-description{font-size:16px;line-height:1.6;color:var(--muted);margin:0}
.articles-home .story-arrow{margin-top:22px;font-size:0}
.articles-home .story-arrow::before{content:'Read the article';font:600 14px/1 var(--ic-sans);color:var(--night);text-decoration:underline;text-decoration-color:var(--herb);text-underline-offset:5px}
.articles-home .story-card:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px;text-decoration-color:var(--herb)}
.articles-home-letter{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(28px,3vw,44px);border-radius:12px;background:var(--mist)}
.articles-home-letter .eyebrow{display:none}
.home-page .articles-home-letter h3{font-size:clamp(24px,2vw,30px);line-height:1.12;margin:0 0 14px}
.articles-home-letter>p:not(.eyebrow){font-size:15px;line-height:1.6;color:var(--muted);margin:0}
.articles-home-letter a,.articles-home-empty>a{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:24px;padding:0 20px;border-radius:999px;background:var(--night);color:#fff;font:600 14px/1 var(--ic-sans);text-decoration:none}
.articles-home-letter a:hover,.articles-home-empty>a:hover{background:#000}
.articles-letter-note{margin-top:16px;font-size:13px;color:var(--muted)}
.articles-home-empty{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:36px;border-radius:12px;background:var(--mist)}
.articles-home-empty .eyebrow{display:none}

/* ── Why: the statement and three practical points share one row. ── */
.home-page .why{display:grid;grid-template-columns:minmax(0,4.2fr) minmax(0,7.8fr);gap:clamp(36px,5vw,88px);padding:var(--gap) 0 0;scroll-margin-top:72px}
.why-lead p{max-width:36ch;margin:22px 0 0;font-size:17px;line-height:1.6;color:var(--muted)}
.why-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.why-points article{padding-top:20px;border-top:1px solid var(--night)}
.home-page .why-points h3{font-size:var(--d-h3);line-height:1.15;letter-spacing:-.018em;margin:0 0 12px}
.why-points p{font-size:15px;line-height:1.6;color:var(--muted)}
.why-points .why-detail{margin-top:16px;font-size:13px;font-weight:500;color:var(--sage)}

/* ── Two real screens, side by side. ── */
.home-page .screens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,3vw,48px);padding:var(--gap) 0 0}
.screen-frame{overflow:hidden;border-radius:12px;background:#fff;box-shadow:0 0 0 1px #1819181a,0 30px 60px -40px #18191859}
.screen-frame img{width:100%;aspect-ratio:1186/860;object-fit:cover;object-position:top left}
.screen figcaption{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px;padding-top:22px}
.home-page .screen h3{font-size:var(--d-h3);line-height:1.15;letter-spacing:-.018em}
.screen figcaption p{font-size:15px;line-height:1.6;color:var(--muted)}

/* ── Invitation and questions in one row. ── */
.home-page .invitation{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(36px,5vw,88px);padding:var(--gap) 0}
.invitation-copy p{max-width:44ch;margin:18px 0 0;font-size:17px;line-height:1.6;color:var(--muted)}
.invitation-copy h2+p{margin-top:24px}
.home-page .faq details{border-bottom:1px solid var(--line)}
.home-page .faq details:first-of-type{border-top:1px solid var(--night)}
.home-page .faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px;padding:16px 0;cursor:pointer;list-style:none;font:400 20px/1.3 var(--ic-serif);letter-spacing:-.01em;color:var(--night)}
.home-page .faq summary::-webkit-details-marker{display:none}
.home-page .faq summary::after{content:'';flex:0 0 10px;width:10px;height:10px;margin-right:4px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-3px) rotate(45deg);transition:transform .25s cubic-bezier(.2,.7,.2,1)}
.home-page .faq details[open] summary::after{transform:translateY(2px) rotate(-135deg)}
.home-page .faq details p{max-width:60ch;margin:0 0 22px;font-size:16px;line-height:1.65;color:var(--muted)}

/* ── Closing invitation on Night. ── */
.home-page .closing{background:var(--night);color:#e9e8e1;padding:clamp(64px,8vw,120px) 0}
.closing-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(36px,5vw,88px);align-items:end}
.closing-mark{width:44px;height:44px;margin-bottom:28px;filter:brightness(1.9) saturate(.6)}
.home-page .closing h2{color:#f7f5ef;font-size:clamp(40px,4.6vw,72px);line-height:1;letter-spacing:-.04em;max-width:13ch}
.closing-lede{font:400 21px/1.4 var(--ic-serif);color:#f7f5ef;margin:0 0 20px}
.home-page .closing .form-line{border-color:transparent;box-shadow:none}
.home-page .closing .form-line button{background:var(--herb);color:var(--night)}
.home-page .closing .form-line button:hover{background:#b3c2aa}
.home-page .closing .form-note{color:#a9ada5}
.home-page .closing .form-status{color:#e9e8e1}
.home-page .closing .form-status[data-error="true"]{color:#f2b7a8}
.home-page .closing :is(a,button,input):focus-visible{outline-color:var(--herb)}
.signature{margin:28px 0 0 18px;font:italic 400 19px/1.3 var(--ic-serif);color:#c5c8bf}
body.home-page[data-public-layout] .public-footer{margin-top:0;border-top:0}

/* ── Tablet ── */
@media(max-width:1100px){
  .home-page .wrap{width:calc(100% - 64px)}
  body.home-page[data-public-layout] .hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px}
  .home-page .why{grid-template-columns:minmax(0,1fr)}
  .home-page .why-lead{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:end}
  .why-lead p{margin:0}
  .screen figcaption{grid-template-columns:minmax(0,1fr);gap:10px}
}
@media(max-width:900px){
  body.home-page[data-public-layout] .hero{grid-template-columns:minmax(0,1fr);gap:48px;padding-top:28px}
  .home-page .hero-stage{max-width:720px;margin:0}
  .inside-grid{grid-template-columns:minmax(0,1fr);gap:32px}
  .inside-copy p{max-width:52ch}
  .articles-home-grid,.articles-home-grid:has(.story-card+.story-card){grid-template-columns:minmax(0,1fr)}
  .home-page .invitation{grid-template-columns:minmax(0,1fr);gap:32px}
  .closing-grid{grid-template-columns:minmax(0,1fr);gap:32px;align-items:start}
}
/* ── Phone ── */
@media(max-width:760px){
  body.home-page{--gap:64px}
  .home-page .wrap{width:calc(100% - 40px)}
  body.home-page[data-public-layout] .hero{padding:24px 0 56px;gap:40px}
  .home-page .hero-by{font-size:13px;margin-bottom:14px}
  body.home-page[data-public-layout] .hero h1{font-size:clamp(50px,14.5vw,72px);margin-bottom:20px}
  .home-page .hero-copy{font-size:19px;margin-bottom:22px}
  .home-page .hero-shots{padding:0 8% 12% 0}
  .home-page .hero-phone{width:28%;border-width:4px;border-radius:18px}
  .home-page .hero-desktop{border-radius:8px}
  .home-page .intention-preview{padding:56px 0}
  .sample-head{flex-wrap:wrap;row-gap:2px;padding:10px 14px}
  .sample-wide{display:none}
  .home-page .sample-head h3{font-size:21px}
  .sample-day{order:4;flex-basis:100%;font-size:12px}
  .sample-grid{grid-template-columns:minmax(0,1fr);gap:10px;padding:12px}
  .sample-tasks{grid-row:auto}
  .sample-card{padding:12px 14px}
  .sample-task{min-height:48px;padding-block:8px}
  .sample-task input{width:22px;height:22px;flex-basis:22px}
  .sample-add input{font-size:16px}
  .sample-head button,.sample-add button{min-height:44px}
  .home-page :is(.reflection-heading,.articles-home-heading){align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:24px}
  .articles-home .story-card{grid-template-columns:minmax(0,1fr);gap:18px}
  .articles-home .story-image{aspect-ratio:3/2}
  .home-page .why-lead{display:block}
  .why-lead p{margin-top:18px}
  .why-points{grid-template-columns:minmax(0,1fr);gap:28px}
  .home-page .screens{grid-template-columns:minmax(0,1fr);gap:40px}
  .home-page .faq summary{font-size:18px}
  .articles-home-empty{display:block;padding:26px}
}
@media(max-width:380px){
  .home-page .form-line{flex-direction:column;align-items:stretch;border-radius:24px}
  .home-page .form-line button{width:100%}
  .home-page .form-note,.home-page .form-status{margin-left:6px}
}
@media(forced-colors:active){
  .home-page .form-line button{border:1px solid ButtonText}
  .home-page :is(.hero-desktop,.hero-phone,.screen-frame,.sample-workspace){box-shadow:none;border:1px solid CanvasText}
}
@media(prefers-reduced-motion:reduce){.sample-task input,.home-page .faq summary::after{transition:none}}