:root{--bg:#f3efe6;--surface:rgba(255,252,246,.84);--ink:#171914;--muted:#67675e;--line:rgba(23,25,20,.14);--accent:#df5d32;--accent-deep:#a33819;--green:#29493e;--yellow:#f0c75f;--shadow:0 20px 60px rgba(55,43,25,.11);--xl:32px;--lg:23px;--container:min(1180px,calc(100vw - 36px))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--ink);font-family:"Outfit","PingFang SC",sans-serif;background:radial-gradient(circle at 5% 0,rgba(240,199,95,.35),transparent 28%),radial-gradient(circle at 95% 8%,rgba(223,93,50,.13),transparent 24%),linear-gradient(#f6f2ea,#ece7dc);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.3;background-image:linear-gradient(rgba(23,25,20,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(23,25,20,.025) 1px,transparent 1px);background-size:24px 24px}.dot-field{position:fixed;inset:0;z-index:0;pointer-events:none}.dot-field canvas{display:block;width:100%;height:100%}a{color:inherit;text-decoration:none}p,h1,h2,h3{margin:0}.page-shell{position:relative;z-index:1;width:var(--container);margin:0 auto;padding:22px 0 52px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:42px}.brand{display:flex;align-items:center;gap:13px}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:var(--ink);color:#fffdf7;font-weight:700;letter-spacing:.08em;box-shadow:var(--shadow)}.brand>span:last-child{display:grid;gap:2px}.brand b{font-size:1.04rem}.brand small{color:var(--muted);font-size:.78rem}.workflow-switcher{display:flex;gap:5px;padding:4px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.42);box-shadow:0 8px 28px rgba(55,43,25,.06)}.workflow-tab{min-width:74px;padding:10px 17px;border:0;border-radius:999px;background:transparent;color:var(--muted);font:inherit;font-size:.91rem;font-weight:700;cursor:pointer;transition:.2s}.workflow-tab[aria-selected="true"]{background:var(--ink);color:#fffdf8;box-shadow:0 6px 16px rgba(23,25,20,.2)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.74fr);gap:20px;align-items:stretch}.hero-copy,.scenario-panel,.loop-card,.memory-panel,.phase-card,.mechanism-grid article,.gate-grid article,.starter-panel,.pro-deliverables{border:1px solid rgba(255,255,255,.6);box-shadow:var(--shadow);backdrop-filter:blur(15px)}.hero-copy{min-height:560px;display:flex;flex-direction:column;justify-content:flex-end;padding:46px;border-radius:var(--xl);background:var(--surface)}.eyebrow{margin-bottom:14px;color:var(--accent-deep);font-size:.76rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.hero-copy h1,.section-heading h2,.memory-copy h2,.on-demand h2,.starter-panel h2,.pro-deliverables h2{font-family:"Noto Serif SC","Songti SC",serif;line-height:1.18;letter-spacing:-.025em}.hero-copy h1{margin-bottom:22px;font-size:clamp(2.8rem,5.6vw,5.3rem)}.lead{max-width:60ch;color:var(--muted);font-size:1.08rem;line-height:1.84}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.primary-button,.secondary-button,.copy-button{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:0 20px;border-radius:999px;font:inherit;font-weight:700;transition:transform .18s ease}.primary-button{color:#fffdf8;background:var(--ink);box-shadow:0 12px 28px rgba(23,25,20,.17)}.secondary-button{border:1px solid var(--line);background:rgba(255,255,255,.62)}.primary-button:hover,.secondary-button:hover,.copy-button:hover{transform:translateY(-2px)}.scenario-panel{align-self:end;padding:30px;border-radius:var(--xl);color:#fbf9f1;background:var(--green)}.pro-scenario{background:#302a24}.panel-label{margin-bottom:20px;color:rgba(255,255,255,.62);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.scenario-list{display:grid;margin:0;padding:0;list-style:none}.scenario-list li{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;min-height:69px;border-top:1px solid rgba(255,255,255,.14);line-height:1.55}.scenario-list span{color:var(--yellow);font-size:.77rem;font-weight:700;letter-spacing:.09em}.section{padding:42px 0}.section-heading{max-width:880px;margin-bottom:27px}.section-heading h2,.on-demand h2,.pro-deliverables h2{font-size:clamp(2rem,3.8vw,3.65rem)}.section-lead{max-width:70ch;margin-top:17px;color:var(--muted);line-height:1.8}.loop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.loop-card{min-height:290px;padding:29px;border-radius:var(--lg);background:var(--surface)}.loop-card.emphasis{color:#fffdf8;background:var(--ink);border-color:rgba(255,255,255,.1)}.loop-card>span{display:block;margin-bottom:47px;color:rgba(23,25,20,.22);font-size:2.15rem;font-weight:700}.emphasis>span{color:var(--yellow)}.card-kicker{margin-bottom:7px;color:var(--accent-deep);font-size:.74rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.emphasis .card-kicker{color:var(--yellow)}.loop-card h3{margin-bottom:12px;font-size:1.45rem}.loop-card>p:last-child{color:var(--muted);line-height:1.74}.emphasis>p:last-child{color:rgba(255,255,255,.7)}.process-ribbon{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:17px;padding:19px 24px;border:1px solid rgba(223,93,50,.2);border-radius:17px;background:rgba(255,249,241,.76);box-shadow:0 10px 30px rgba(55,43,25,.06)}.process-ribbon b{color:var(--accent-deep)}.process-ribbon p{color:var(--muted);line-height:1.6;text-align:right}.memory-panel{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:36px;padding:38px;border-radius:var(--xl);color:#fbf9f1;background:var(--green)}.memory-copy{align-self:center}.memory-copy .eyebrow{color:var(--yellow)}.memory-copy h2{margin-bottom:18px;font-size:clamp(2rem,3.4vw,3.35rem)}.memory-copy>p{color:rgba(255,255,255,.72);line-height:1.8}.memory-copy ul{display:grid;gap:11px;margin:24px 0 0;padding:0;list-style:none}.memory-copy li{position:relative;padding-left:21px;color:rgba(255,255,255,.82);line-height:1.65}.memory-copy li:before{content:"";position:absolute;top:.7em;left:0;width:7px;height:7px;border-radius:50%;background:var(--yellow)}.memory-file{overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:20px;background:rgba(12,23,19,.35)}.file-bar{display:flex;align-items:center;gap:7px;min-height:51px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.1)}.file-bar i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.28)}.file-bar span{margin-left:auto;color:rgba(255,255,255,.5);font-size:.76rem;letter-spacing:.08em}.file-row{display:grid;grid-template-columns:35px 1fr;gap:10px;margin:0 20px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.1)}.file-row:last-child{border:0}.file-row b{color:var(--yellow);font-size:.76rem}.file-row p{font-weight:600}.file-row small{display:block;margin-top:4px;color:rgba(255,255,255,.48);font-size:.79rem;font-weight:400}.on-demand{padding:44px 0 0}.on-demand h2{margin-bottom:24px}.trigger-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.trigger-grid article{display:flex;justify-content:space-between;gap:18px;padding:18px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.5)}.trigger-grid b{line-height:1.55}.trigger-grid span{flex:0 0 auto;color:var(--accent-deep);font-size:.87rem;text-align:right;line-height:1.55}.note{margin-top:18px;color:var(--muted);line-height:1.75}.compact-section{padding-bottom:22px}.gate-grid,.mechanism-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.gate-grid article,.mechanism-grid article{min-height:190px;padding:25px;border-radius:var(--lg);background:var(--surface)}.gate-grid b,.mechanism-grid b{display:block;margin-bottom:13px;font-size:1.08rem}.gate-grid p,.mechanism-grid p{color:var(--muted);line-height:1.7}.starter-panel{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:28px;margin-top:42px;padding:38px;border-radius:var(--xl);color:#fffaf5;background:linear-gradient(135deg,#eb6a3e,#d84b26)}.starter-panel .eyebrow{color:rgba(255,255,255,.67)}.starter-panel h2{margin-bottom:16px;font-size:clamp(2rem,3.5vw,3.35rem)}.starter-panel>div>p:not(.eyebrow){color:rgba(255,255,255,.74);line-height:1.75}.prompt-box{display:flex;flex-direction:column;align-items:flex-start;padding:27px;border:1px solid rgba(255,255,255,.15);border-radius:20px;background:rgba(88,25,6,.31)}.prompt-box p{color:rgba(255,255,255,.91);line-height:1.85}.copy-button{margin-top:22px;border:0;color:var(--ink);background:#fffaf5;cursor:pointer}.copy-button.is-copied{background:var(--yellow)}.phase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.phase-card{padding:31px;border-radius:var(--xl);background:var(--surface)}.pro-phase{background:rgba(228,235,229,.8);border-color:rgba(41,73,62,.2)}.phase-number{margin-bottom:42px;color:var(--accent-deep);font-weight:700;letter-spacing:.1em}.phase-card h3{margin-bottom:12px;font-size:1.45rem}.phase-card>p:not(.phase-number){color:var(--muted);line-height:1.76}.phase-card ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:24px 0 0;padding:0;list-style:none;counter-reset:phase}.phase-card li{padding:10px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.5);font-size:.9rem;font-weight:600}.phase-card li:before{counter-increment:phase;content:counter(phase,decimal-leading-zero);margin-right:8px;color:var(--accent-deep);font-size:.72rem}.pro-deliverables{margin-top:24px;padding:33px;border-radius:var(--xl);background:var(--surface)}.pro-deliverables h2{margin-bottom:25px}.pro-deliverables>div{display:flex;flex-wrap:wrap;gap:10px}.pro-deliverables span{padding:12px 15px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.55);font-size:.9rem}.footer{display:flex;justify-content:space-between;gap:30px;margin-top:44px;padding:28px 0 4px;border-top:1px solid var(--line)}.footer span{font-weight:700}.footer p{max-width:60ch;color:var(--muted);line-height:1.7;text-align:right}[hidden]{display:none!important}.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.reveal.is-visible{opacity:1;transform:none}:focus-visible{outline:3px solid rgba(223,93,50,.45);outline-offset:3px}@media(max-width:980px){.hero-grid,.memory-panel,.starter-panel{grid-template-columns:1fr}.hero-copy{min-height:490px}.scenario-panel{align-self:stretch}.gate-grid{grid-template-columns:1fr}.trigger-grid{grid-template-columns:1fr}}@media(max-width:680px){:root{--container:min(100vw - 20px,100%)}.page-shell{padding-top:12px}.topbar{margin-bottom:25px}.hero-copy,.scenario-panel,.loop-card,.memory-panel,.phase-card,.gate-grid article,.mechanism-grid article,.starter-panel,.pro-deliverables{padding:24px}.hero-copy{min-height:auto;padding-top:85px}.hero-copy h1{font-size:clamp(2.45rem,13vw,4rem)}.hero-actions{flex-direction:column}.primary-button,.secondary-button{width:100%}.section{padding:31px 0}.loop-grid,.phase-grid,.gate-grid,.mechanism-grid{grid-template-columns:1fr}.process-ribbon{display:grid}.process-ribbon p{text-align:left}.memory-file{min-width:0}.trigger-grid article{display:grid}.trigger-grid span{text-align:left}.phase-card ol{grid-template-columns:1fr}.footer{display:grid;gap:11px}.footer p{text-align:left}.workflow-tab{min-width:66px;padding-inline:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}
