:root {
  --dark: #2d3a2e; --green: #3d5a3e; --green-hover: #2f4932;
  --cream: #faf8f5; --light: #f5f3ef; --paper: #fffdfa;
  --sage: #d9dfd2; --sage-light: #edf0e9; --ochre: #dec994;
  --text: #394239; --muted: #687168; --line: rgba(45,58,46,.18); --focus: #1556a3;
  --radius: 6px; --container: 1280px;
  --font-sans: "Helvetica Neue",Helvetica,Arial,"PingFang TC","Microsoft JhengHei",sans-serif;
  --font-serif: "Noto Serif TC","Songti TC","PMingLiU",Georgia,serif;
  --shadow-soft: 0 24px 70px rgba(45,58,46,.1);
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;overflow-x:hidden;background:var(--cream);color:var(--dark);font-family:var(--font-sans);font-size:1rem;line-height:1.68;-webkit-font-smoothing:antialiased}main{display:flex;flex-direction:column}.hero{order:1}.problem{order:2}.examples{order:3}.pause-tool{order:4}.inside{order:5}.how{order:6}.fit{order:7}.pricing{order:8}.faq{order:9}.final-cta{order:10}
a{color:inherit} p,h1,h2,h3{margin-top:0} h1,h2,h3{font-family:var(--font-serif);font-weight:500;line-height:1.12;text-wrap:balance} p{text-wrap:pretty}
button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
.skip-link{position:fixed;z-index:100;left:1rem;top:-5rem;padding:.75rem 1rem;background:var(--dark);color:var(--cream);border-radius:var(--radius)}.skip-link:focus{top:1rem}
.site-header{position:fixed;z-index:20;inset:0 0 auto;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:.8rem max(1.5rem,calc((100vw - var(--container))/2));background:rgba(250,248,245,.88);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
.brand{display:inline-flex;align-items:center;gap:.65rem;color:var(--dark);font-size:.96rem;font-weight:500;letter-spacing:.02em;text-decoration:none;white-space:nowrap}.brand-mark{width:30px;height:30px;display:grid;place-items:center;color:var(--green);font-family:Georgia,serif;font-size:1.55rem;line-height:1}
nav{display:flex;align-items:center;gap:2rem}nav a{min-height:44px;display:inline-flex;align-items:center;color:var(--dark);font-size:.78rem;letter-spacing:.13em;text-decoration:none;text-transform:uppercase;transition:opacity .2s ease}nav a:hover{opacity:.58}
.header-cta{min-height:44px;display:inline-flex;align-items:center;padding:.55rem 1.15rem;background:var(--dark);color:var(--cream);border:1px solid var(--dark);border-radius:999px;font-size:.78rem;letter-spacing:.08em;text-decoration:none;text-transform:uppercase;transition:background .2s ease}.header-cta:hover{background:var(--green)}
.hero{max-width:var(--container);min-height:max(700px,100svh);margin:0 auto;padding:138px 0 62px;display:grid;grid-template-columns:minmax(0,1.13fr) minmax(360px,.87fr);align-items:center;gap:clamp(4rem,8vw,8.5rem)}
.hero-copy{max-width:760px;align-self:start;padding-top:clamp(3rem,8vh,7rem)}.eyebrow{color:var(--green);font-size:.75rem;font-weight:500;letter-spacing:.18em;line-height:1.4;text-transform:uppercase;margin-bottom:1.5rem}
h1{max-width:800px;margin-bottom:1.65rem;font-size:clamp(3rem,3.25vw + 1rem,5.4rem);letter-spacing:-.04em}.hero-copy h1{white-space:nowrap;font-size:clamp(2.8rem,2.6vw + .65rem,4.3rem)}.hero-lead{max-width:56ch;margin-bottom:0;color:var(--text);font-size:clamp(1.18rem,1rem + .55vw,1.45rem);font-weight:400;line-height:1.65}.hero-context{max-width:58ch;margin:1.7rem 0 0;color:var(--muted);font-size:.98rem;line-height:1.75}
.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin:2.25rem 0 1.5rem}.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:.7rem;padding:.75rem 1.35rem;border:1px solid transparent;border-radius:999px;font:inherit;font-size:.82rem;font-weight:500;letter-spacing:.06em;text-decoration:none;cursor:pointer;transition:transform .18s ease,background .18s ease,color .18s ease}.button-primary{background:var(--dark);color:var(--cream)}.button-primary:hover{background:var(--green)}.button-primary:active{background:var(--green-hover);transform:translateY(0)}.button-secondary{background:transparent;color:var(--dark);border-color:var(--line)}.button-secondary:hover{background:var(--paper)}
.hero-notes{display:flex;flex-wrap:wrap;gap:.65rem 1.5rem;padding:0;margin:1.25rem 0 0;color:var(--muted);font-size:.82rem;list-style:none}.hero-notes li::before{content:"—";margin-right:.45rem;color:var(--green)}
.product-stage{min-width:0;margin:0}.card-stack{height:500px;position:relative}.emotion-card{position:absolute;width:min(325px,80%);min-height:390px;padding:2rem;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);transform-origin:bottom center}.emotion-card h2{margin:3.8rem 0 1.1rem;font-size:clamp(1.55rem,1.2rem + 1vw,2.15rem);letter-spacing:-.025em}.emotion-card p:last-child{color:var(--text);font-size:.92rem}.card-number{float:right;color:var(--muted);font-size:.78rem;letter-spacing:.08em;font-variant-numeric:tabular-nums}.card-label{color:var(--green);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.card-coral{left:0;top:55px;background:#f4ebe7;transform:rotate(-6deg)}.card-blue{right:0;top:0;background:#e8edeb;transform:rotate(5deg)}.card-yellow{left:15%;top:84px;background:#f3efdf;transform:rotate(0)}.product-stage figcaption{margin-top:.5rem;color:var(--muted);font-size:.75rem;letter-spacing:.04em;text-align:center}
.section{padding:clamp(6rem,10vw,10rem) max(1.5rem,calc((100vw - var(--container))/2))}.section>*{max-width:var(--container);margin-left:auto;margin-right:auto}.section-heading{max-width:810px;margin-bottom:clamp(3rem,6vw,5.5rem);text-align:left}.section-heading h2,.mechanism h2,.pricing h2,.final-cta h2{font-size:clamp(2.45rem,1.8rem + 2.25vw,4.35rem);letter-spacing:-.035em}.section-heading>p:last-child{max-width:62ch;color:var(--text)}
.pause-tool{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);align-items:center;gap:clamp(4rem,9vw,9rem);background:var(--sage-light)}.pause-copy{margin:0}.pause-copy h2{max-width:780px;font-size:clamp(2.45rem,1.8rem + 2.25vw,4.35rem);letter-spacing:-.035em}.pause-copy>p:not(.eyebrow){max-width:60ch;color:var(--text);font-weight:300}.pause-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:2rem 0 .75rem}.demo-limit-note{margin:0 0 1rem;color:var(--green)!important;font-size:.8rem!important}.pause-note{font-size:.78rem!important;color:var(--muted)!important}
.draw-deck{position:relative;isolation:isolate;min-height:510px;padding:18px 20px 28px}.deck-card{position:absolute;inset:18px 20px 28px;z-index:-1;display:block;border:1px solid rgba(45,58,46,.17);border-radius:18px;background:#f8f4ec;box-shadow:0 16px 40px rgba(45,58,46,.07)}.deck-card-back{transform:translate(14px,13px) rotate(3.3deg)}.deck-card-middle{background:#eef0e9;transform:translate(-10px,8px) rotate(-2.2deg)}
.card-picker[hidden]{display:none}.card-picker{position:absolute;z-index:5;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:rgba(237,240,233,.94);border:1px solid var(--line);border-radius:22px;opacity:0;backdrop-filter:blur(9px);transition:opacity .25s ease}.card-picker.is-open{opacity:1}.card-picker>p{margin:0 0 1.6rem;color:var(--green);font-family:var(--font-serif);font-size:1.35rem;letter-spacing:.08em}.card-picker-row{width:100%;display:flex;align-items:center;justify-content:center;gap:clamp(.65rem,2.2vw,1.2rem)}.pick-card{position:relative;width:min(29%,112px);aspect-ratio:2/3;padding:7px;background:#f7f2e8;border:1px solid rgba(45,58,46,.45);border-radius:11px;box-shadow:0 14px 24px rgba(45,58,46,.13);cursor:pointer;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease}.pick-card::before{content:"";position:absolute;inset:7px;border:1px solid rgba(61,90,62,.3);border-radius:6px}.pick-card span{width:42px;aspect-ratio:1;display:grid;place-items:center;margin:auto;color:var(--green);border:1px solid rgba(61,90,62,.38);border-radius:50%;font-family:var(--font-serif);font-size:1.2rem}.pick-card:nth-child(1){transform:rotate(-7deg) translateY(9px)}.pick-card:nth-child(2){transform:translateY(-8px)}.pick-card:nth-child(3){transform:rotate(7deg) translateY(9px)}.pick-card:hover,.pick-card:focus-visible{box-shadow:0 22px 34px rgba(45,58,46,.2)}.pick-card:nth-child(1):hover,.pick-card:nth-child(1):focus-visible{transform:rotate(-7deg) translateY(-2px)}.pick-card:nth-child(2):hover,.pick-card:nth-child(2):focus-visible{transform:translateY(-18px)}.pick-card:nth-child(3):hover,.pick-card:nth-child(3):focus-visible{transform:rotate(7deg) translateY(-2px)}.pick-card.is-picked{animation:card-picked .32s ease-out both}.draw-card{transition:opacity .2s ease,filter .2s ease}.draw-card.is-choosing{opacity:.18;filter:blur(3px)}@keyframes card-picked{50%{box-shadow:0 28px 40px rgba(45,58,46,.25);transform:translateY(-24px) rotateY(18deg)}100%{opacity:0;transform:translateY(-36px) rotateY(90deg)}}
.draw-card{--card-tint:#e4e9df;--card-accent:#567057;position:relative;min-height:464px;margin:0;padding:28px clamp(2rem,4vw,3.25rem) 34px;display:grid;grid-template-rows:auto 1fr auto;background:linear-gradient(145deg,rgba(255,255,255,.74),rgba(255,255,255,.22)),var(--card-tint);border:1px solid rgba(45,58,46,.48);border-radius:18px;box-shadow:0 28px 70px rgba(45,58,46,.16),inset 0 0 0 9px rgba(255,255,255,.34);overflow:hidden}.draw-card[data-tone="rose"]{--card-tint:#eadbd6;--card-accent:#8b5e55}.draw-card[data-tone="ochre"]{--card-tint:#e8d8aa;--card-accent:#806b34}.draw-card[data-tone="blue"]{--card-tint:#dce7e5;--card-accent:#476d69}.draw-card::before{content:"";position:absolute;inset:15px;border:1px solid color-mix(in srgb,var(--card-accent) 28%,transparent);border-radius:10px;pointer-events:none}.draw-card::after{content:"✦";position:absolute;right:31px;bottom:26px;color:color-mix(in srgb,var(--card-accent) 44%,transparent);font-family:Georgia,serif;font-size:1rem}.draw-card-header{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:18px;border-bottom:1px solid color-mix(in srgb,var(--card-accent) 25%,transparent)}.draw-card .card-label,.draw-index{margin:0;color:var(--card-accent);font-size:.69rem;font-weight:600;letter-spacing:.17em;text-transform:uppercase}.draw-index{font-variant-numeric:tabular-nums}.card-sigil{position:absolute;z-index:0;right:clamp(2.4rem,5vw,4rem);top:94px;width:112px;aspect-ratio:1;display:grid;place-items:center;color:var(--card-accent);border:1px solid color-mix(in srgb,var(--card-accent) 32%,transparent);border-radius:50%;opacity:.72}.card-sigil::before,.card-sigil::after{content:"";position:absolute;width:32px;height:60px;border:1px solid color-mix(in srgb,var(--card-accent) 38%,transparent);border-radius:100% 0 100% 0;transform:rotate(38deg) translate(-21px,17px)}.card-sigil::after{transform:scaleX(-1) rotate(38deg) translate(-21px,17px)}.card-sigil span{font-family:var(--font-serif);font-size:1.5rem}.draw-card-copy{position:relative;z-index:1;align-self:end;padding:7.2rem 0 1.5rem}.draw-kicker{margin:0 0 .75rem;color:var(--card-accent);font-size:.72rem;letter-spacing:.12em}.draw-card h3{max-width:13ch;margin:0 0 1rem;font-size:clamp(2rem,1.55rem + 1.5vw,3.15rem);letter-spacing:-.035em}.draw-card-copy>p:last-child{max-width:36ch;margin:0;color:var(--text);font-weight:300}.prompt-footer{position:relative;z-index:1;margin:0!important;padding:17px 2rem 0 0;border-top:1px solid color-mix(in srgb,var(--card-accent) 25%,transparent);color:var(--card-accent);font-family:var(--font-serif);font-size:.9rem}.draw-card.is-revealing{animation:prompt-reveal .48s cubic-bezier(.16,1,.3,1) both}@keyframes prompt-reveal{0%{opacity:.45;transform:translateY(-10px) rotateX(4deg) scale(.975)}100%{opacity:1;transform:translateY(0) rotateX(0) scale(1)}}
.problem{background:var(--dark);color:var(--cream)}.problem .eyebrow{color:var(--sage)}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid rgba(250,248,245,.22)}.problem-grid article{min-height:270px;padding:2rem 2.25rem 1.5rem 0;border-right:1px solid rgba(250,248,245,.22)}.problem-grid article:not(:first-child){padding-left:2.25rem}.problem-grid article:last-child{border-right:0}.problem-grid span{color:var(--sage);font-size:.78rem;letter-spacing:.12em}.problem-grid h3{margin:4rem 0 .9rem;font-size:clamp(1.7rem,1.35rem + .7vw,2.25rem)}.problem-grid p{max-width:30ch;margin-bottom:0;color:rgba(250,248,245,.68);font-weight:300}
.examples{background:var(--cream)}.example-list{display:grid;gap:1.25rem}.example-case{padding:clamp(1.4rem,3vw,2.4rem);background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 48px rgba(45,58,46,.06)}.example-case header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.example-case header span{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;color:var(--green);border:1px solid var(--green);border-radius:50%;font-family:var(--font-serif);font-size:.82rem}.example-case header p{margin:0;color:var(--green);font-size:.78rem;font-weight:600;letter-spacing:.1em}.example-prompt,.example-stuck{display:grid;grid-template-columns:8rem 1fr;gap:1rem;padding:1rem 0;border-top:1px solid var(--line)}.example-prompt small,.example-stuck small{color:var(--muted);font-size:.78rem;letter-spacing:.06em}.example-prompt strong{font-family:var(--font-serif);font-size:clamp(1.2rem,1rem + .5vw,1.55rem);font-weight:500}.example-stuck p{margin:0;color:var(--muted)}.reply-options{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:1rem;border:1px solid var(--line)}.reply-options p{min-width:0;margin:0;padding:1.25rem;color:var(--text);font-weight:300}.reply-options p+p{border-left:1px solid var(--line)}.reply-options b{display:block;margin-bottom:.65rem;color:var(--green);font-family:var(--font-serif);font-size:.95rem;font-weight:600}.example-case:nth-child(2){background:#f4ebe7}.example-case:nth-child(3){background:#f1eddd}.example-cta{max-width:860px!important;margin-top:2.5rem!important;padding-top:2rem;border-top:1px solid var(--line);text-align:center}.example-cta p{margin:0 auto 1.25rem;max-width:58ch;color:var(--text)}
.mechanism{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.78fr);align-items:center;gap:clamp(5rem,10vw,10rem)}.mechanism-copy>p:not(.eyebrow){max-width:58ch;color:var(--text);font-weight:300}blockquote{margin:2.5rem 0 0;padding:1.5rem 0 1.5rem 1.6rem;color:var(--green);border-left:1px solid var(--green);font-family:var(--font-serif);font-size:clamp(1.25rem,1rem + .55vw,1.6rem);line-height:1.55}.steps{margin:0;padding:0;border-top:1px solid var(--line);list-style:none}.steps li{display:grid;grid-template-columns:7rem 1fr;gap:1.5rem;padding:1.8rem 0;border-bottom:1px solid var(--line)}.steps strong{color:var(--green);font-family:var(--font-serif);font-size:1.35rem;font-weight:500}.steps span{color:var(--text);font-weight:300}
.inside{background:var(--sage-light)}.content-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line)}.content-card{min-height:310px;padding:1.8rem;display:flex;flex-direction:column;background:transparent;border-right:1px solid var(--line)}.content-card:last-child{border-right:0}.content-card.featured{background:var(--dark);color:var(--cream)}.content-card p{margin-top:auto;margin-bottom:0;color:var(--muted);font-weight:300}.content-card.featured p{color:rgba(250,248,245,.68)}.content-count{color:var(--green);font-family:var(--font-serif);font-size:3.35rem;line-height:1;font-variant-numeric:tabular-nums}.content-card.featured .content-count{color:var(--sage)}.content-card h3{margin:2rem 0;font-size:1.55rem}
.timeline{max-width:920px;margin-top:0;padding:0;border-top:1px solid var(--line);list-style:none}.timeline li{display:grid;grid-template-columns:72px 1fr;gap:1.6rem;padding:2rem 0;border-bottom:1px solid var(--line)}.timeline li>span{width:48px;height:48px;display:grid;place-items:center;color:var(--green);border:1px solid var(--green);border-radius:50%;font-size:.85rem}.timeline h3{margin:0 0 .65rem;font-size:1.6rem}.timeline p{max-width:60ch;margin:0;color:var(--text);font-weight:300}
.fit{background:var(--paper)}.fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line)}.fit-grid article{padding:clamp(2.2rem,4vw,4.25rem)}.fit-grid article+article{border-left:1px solid var(--line)}.fit-grid h3{font-size:1.8rem}.fit-grid ul{margin:2rem 0 0;padding:0;list-style:none}.fit-grid li{position:relative;padding:.9rem 0 .9rem 1.75rem;border-bottom:1px solid var(--line);color:var(--text);font-weight:300}.fit-grid li::before{position:absolute;left:0;color:var(--green)}.fit-yes{background:var(--sage-light)}.fit-yes li::before{content:"+"}.fit-no{background:var(--cream)}.fit-no li::before{content:"—"}
.pricing{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,500px);align-items:center;gap:clamp(4rem,10vw,10rem);background:var(--ochre)}.pricing-copy,.price-card{margin:0}.pricing .eyebrow{color:var(--dark)}.pricing-copy>p{max-width:56ch;color:var(--text)}.value-lines{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.6rem 0}.value-lines span{padding:.45rem .75rem;background:rgba(250,248,245,.48);border:1px solid rgba(45,58,46,.18);border-radius:999px;color:var(--dark);font-size:.78rem}.pricing-copy .delivery-note{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid rgba(45,58,46,.22);color:var(--muted);font-size:.86rem}.price-card{padding:clamp(2rem,4vw,3.2rem);background:var(--cream);border:1px solid var(--dark);border-radius:var(--radius)}.price-name{font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.price{display:flex;align-items:baseline;gap:1rem;margin:1.5rem 0 2rem;font-variant-numeric:tabular-nums}.price .original{color:var(--muted);text-decoration:line-through}.price strong{color:var(--dark);font-family:var(--font-serif);font-size:3.5rem;font-weight:500;letter-spacing:-.04em}.price-card ul{padding-left:1.25rem;color:var(--text)}.price-card li{margin:.65rem 0}.checkout-button{width:100%;margin-top:1.25rem}.price-note{margin:.85rem 0 0;color:var(--muted);font-size:.78rem;text-align:center}
.faq-list{max-width:940px}details{border-top:1px solid var(--line)}details:last-child{border-bottom:1px solid var(--line)}summary{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-family:var(--font-serif);font-size:1.35rem;cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}summary::after{content:"+";width:44px;height:44px;display:grid;flex:0 0 auto;place-items:center;font-family:var(--font-sans);font-size:1.3rem;font-weight:300}details[open] summary::after{content:"−"}details p{max-width:68ch;padding:0 4rem 2rem 0;color:var(--text);font-weight:300}
.final-cta{padding:clamp(7rem,13vw,12rem) 1.5rem;background:var(--green);color:var(--cream);text-align:center}.final-cta .eyebrow{color:var(--sage)}.final-cta h2{max-width:880px;margin:0 auto 2.5rem}.button-light{background:var(--cream);color:var(--dark)}.button-light:hover{background:var(--paper)}
footer{padding:3rem max(1.5rem,calc((100vw - var(--container))/2)) 7rem;display:grid;grid-template-columns:1fr auto;gap:.75rem 2rem;color:var(--muted);border-top:1px solid var(--line)}footer .brand{color:var(--dark)}footer p{margin:0;font-size:.75rem;text-align:right}.mobile-cta{display:none}
@media(max-width:1328px){.hero{padding-inline:2rem}.site-header{padding-inline:2rem}}
@media(max-width:1024px){.hero{grid-template-columns:minmax(0,1fr) minmax(330px,.85fr);gap:2.5rem}.card-stack{transform:scale(.86);transform-origin:center}.pause-tool{grid-template-columns:1fr 1fr;gap:3rem}.reply-options{grid-template-columns:1fr}.reply-options p+p{border-left:0;border-top:1px solid var(--line)}.content-grid{grid-template-columns:1fr 1fr}.content-card:nth-child(2){border-right:0}.content-card:nth-child(-n+2){border-bottom:1px solid var(--line)}.problem-grid article{padding-right:1.25rem}.problem-grid article:not(:first-child){padding-left:1.25rem}}
@media(max-width:767px){body{padding-bottom:76px}.site-header{min-height:64px;padding:.55rem 1rem}.site-header nav,.header-cta{display:none}.brand{font-size:.9rem}.brand-mark{width:28px;height:28px}.hero{min-height:auto;grid-template-columns:1fr;gap:2.5rem;padding:116px 1.25rem 4.5rem}.hero-copy{padding-top:0}h1{font-size:clamp(3rem,12vw,4.4rem)}.hero-lead{font-size:1.08rem}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.hero-notes{justify-content:flex-start}.card-stack{height:420px;transform:none}.emotion-card{min-height:335px;padding:1.5rem}.emotion-card h2{margin-top:3rem}.card-coral{left:0;top:42px}.card-blue{right:0;top:0}.card-yellow{left:12%;top:68px}.section-heading h2,.mechanism h2,.pricing h2,.final-cta h2,.pause-copy h2{font-size:clamp(2.55rem,10vw,3.6rem)}.pause-tool,.problem-grid,.mechanism,.content-grid,.fit-grid,.pricing{grid-template-columns:1fr}.pause-tool{gap:3rem}.pause-actions{flex-direction:column}.pause-actions .button{width:100%}.draw-card{min-height:410px}.problem-grid{border-bottom:1px solid rgba(250,248,245,.22)}.problem-grid article,.problem-grid article:not(:first-child){min-height:auto;padding:2rem 0;border-right:0;border-bottom:1px solid rgba(250,248,245,.22)}.problem-grid article:last-child{border-bottom:0}.problem-grid h3{margin-top:2.5rem}.mechanism{gap:3rem}.steps li{grid-template-columns:5.5rem 1fr}.content-card{min-height:240px;border-right:0;border-bottom:1px solid var(--line)}.content-card:last-child{border-bottom:0}.fit-grid article+article{border-left:0;border-top:1px solid var(--line)}.pricing{gap:3rem}.price-card{border-radius:var(--radius)}.price strong{font-size:3.1rem}footer{grid-template-columns:1fr;padding-bottom:2.5rem}footer p{text-align:left}.mobile-cta{position:fixed;z-index:30;inset:auto 0 0;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem 1rem;background:rgba(250,248,245,.96);border-top:1px solid var(--line);backdrop-filter:blur(14px)}.mobile-cta div{display:grid;line-height:1.2}.mobile-cta span{color:var(--muted);font-size:.75rem}.mobile-cta strong{font-family:var(--font-serif);font-variant-numeric:tabular-nums}.mobile-cta .button{min-height:48px}}
@media(hover:hover){.button:hover{transform:translateY(-2px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media(forced-colors:active){.button,.content-card,.emotion-card,.price-card,.fit-grid{border:2px solid CanvasText}}
@media(max-width:767px){h1{font-size:clamp(2.65rem,9.8vw,3.5rem)}.section-heading h2,.mechanism h2,.pricing h2,.final-cta h2,.pause-copy h2{font-size:clamp(2.1rem,7.8vw,2.75rem)}}
@media(max-width:767px){:root{--cream:#f3ede3;--paper:#fff9f0;--light:#eee7dc}.site-header{background:rgba(243,237,227,.96)}.hero,.examples,.how,.faq{background:var(--cream)}.section{padding:4.75rem 1.25rem}.example-case{padding:1.25rem}.example-prompt,.example-stuck{grid-template-columns:1fr;gap:.35rem}.reply-options p{padding:1rem}.example-cta{text-align:left}.value-lines{align-items:flex-start}.value-lines span{width:max-content;max-width:100%}}
.problem .section-heading>p:last-child{color:rgba(250,248,245,.72)}

/* Opening sequence: one idea at a time, then the page becomes still. */
@keyframes intro-down{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}
@keyframes intro-up{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes card-in-left{from{opacity:0;transform:translate3d(-28px,34px,0) rotate(-11deg)}to{opacity:1;transform:translate3d(0,0,0) rotate(-6deg)}}
@keyframes card-in-right{from{opacity:0;transform:translate3d(34px,26px,0) rotate(10deg)}to{opacity:1;transform:translate3d(0,0,0) rotate(5deg)}}
@keyframes card-in-center{from{opacity:0;transform:translate3d(0,42px,0) scale(.96)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
.site-header{animation:intro-down .55s cubic-bezier(.16,1,.3,1) both}
.hero-copy .eyebrow{animation:intro-up .55s cubic-bezier(.16,1,.3,1) .08s both}
.hero-copy h1{animation:intro-up .58s cubic-bezier(.16,1,.3,1) .16s both}
.hero-lead{animation:intro-up .58s cubic-bezier(.16,1,.3,1) .24s both}
.hero-actions{animation:intro-up .55s cubic-bezier(.16,1,.3,1) .32s both}
.hero-notes{animation:intro-up .5s cubic-bezier(.16,1,.3,1) .4s both}
.card-coral{animation:card-in-left .6s cubic-bezier(.16,1,.3,1) .2s both}
.card-blue{animation:card-in-right .6s cubic-bezier(.16,1,.3,1) .3s both}
.card-yellow{animation:card-in-center .6s cubic-bezier(.16,1,.3,1) .42s both}
.button:active{transform:scale(.97)}
.button span{display:inline-block;transition:transform .18s ease-out}
.button:hover span{transform:translateX(4px)}

@media(prefers-reduced-motion:reduce){
  .site-header,.hero-copy .eyebrow,.hero-copy h1,.hero-lead,.hero-actions,.hero-notes,.card-coral,.card-blue,.card-yellow{animation:none!important;opacity:1!important;transform:none}
  .card-coral{transform:rotate(-6deg)}.card-blue{transform:rotate(5deg)}
}

@media(max-width:767px){.hero-copy h1{font-size:clamp(2.35rem,10vw,3.35rem)}}