*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#faf4e8;color:#244137;font:18px Outfit,Arial,sans-serif}main{width:100%;max-width:100%;overflow-x:hidden}a{color:inherit;text-underline-offset:4px}nav{width:90%;margin:26px auto;padding:20px 26px;border:1px solid #a9bcaa;border-radius:40px;display:flex;align-items:center;justify-content:space-between;gap:20px}nav a{text-decoration:none}nav div{display:flex;gap:24px}.brand{font-weight:700}section,footer{padding:145px max(5%,calc((100vw - 1400px)/2));scroll-margin-top:24px}.hero{position:relative;padding:80px 5% 190px;min-height:800px}.hero h1{max-width:76rem;font-size:clamp(3rem,6.3vw,6.4rem);line-height:1.02;letter-spacing:-.065em;margin:24px 0;position:relative;z-index:2}.lead{font-size:23px;line-height:1.55;max-width:600px;position:relative;z-index:2}.hero-art{position:absolute;right:3%;bottom:55px;width:50%;max-width:720px;transform:rotate(-3deg);pointer-events:none}.actions{display:flex;flex-wrap:wrap;gap:12px;position:relative;z-index:3}.button,button,.file{background:#244137;color:white;padding:15px 21px;border:1px solid #244137;border-radius:7px;font:600 15px Outfit,Arial,sans-serif;display:inline-flex;align-items:center;cursor:pointer;text-decoration:none;transition:transform .3s}.button:hover,button:hover{transform:translateY(-3px)}.light,.file{background:#fffaf2;color:#244137}button:disabled{opacity:.5;cursor:default}h2{font-size:clamp(2.5rem,4.4vw,4.5rem);line-height:1.05;letter-spacing:-.055em;margin:0 0 28px}h3{font-size:30px;margin-top:0}p{line-height:1.75}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:65px;margin-bottom:45px}.bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:dense;gap:18px}.bento article{padding:32px;background:#dfe8cf;border:1px solid #a9bcaa;border-radius:14px}.bento article:nth-child(2){background:#edcfbd}.bento article:nth-child(3){background:#e1deeb}.source-note,.help{font-size:14px!important}.method-detail{display:grid;grid-template-columns:4fr 7fr;gap:80px;background:#244137;color:#fffaf2}.method-title{align-self:start;display:flow-root}.method-title h2{margin-top:0}.method-content article{padding:36px 0;border-top:1px solid #ffffff55}.principle{background:#edcfbd}.principle>p{max-width:1200px;margin:auto;font-size:clamp(2.5rem,5vw,5rem);line-height:1.17;letter-spacing:-.055em}.marquee{overflow:hidden;white-space:nowrap;background:#dfe8cf;padding:26px 0}.marquee span{display:inline-block;font-size:30px;animation:drift 35s linear infinite}@keyframes drift{to{transform:translateX(-40%)}}.horizontal{display:flex;gap:18px;margin-top:45px}.horizontal details{flex:1;min-width:0;padding:30px;border:1px solid #a9bcaa;border-radius:12px;background:#fffaf2;transition:flex .5s}.horizontal details[open]{flex:2}.horizontal summary{font-size:24px;cursor:pointer}.horizontal details:nth-child(2){background:#dfe8cf}.horizontal details:nth-child(3){background:#e1deeb}#studio{background:radial-gradient(ellipse at top right,#dfe8cf,#faf4e8 60%)}.tool{padding:34px;border:1px solid #a9bcaa;border-radius:18px;background:#fffaf2;min-width:0}.project-fields{display:grid;gap:18px;margin:30px 0}label{display:block;font-size:15px;font-weight:600}input,textarea{display:block;width:100%;padding:12px;font:17px Outfit,Arial,sans-serif;color:#244137;background:white;border:1px solid #a9bcaa;border-radius:6px;margin-top:8px}textarea{resize:vertical}input[type=color]{height:48px}.file{display:block}.file input{font-size:12px;padding:0;border:0;background:transparent}#cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:dense;gap:18px}.beat{padding:26px;border:1px solid #a9bcaa;border-top-width:9px;border-radius:12px;display:grid;gap:16px;background:white;min-width:0}.handle{justify-self:start;cursor:grab;touch-action:none}.sortable-ghost{opacity:.3}.beat>.actions{margin-top:8px}.error{color:#a22d27}#wheel{max-width:700px;margin:40px auto}#wheel svg{width:100%;height:auto;display:block}.table-scroll{overflow:auto;margin:40px 0}table{width:100%;border-collapse:collapse;min-width:700px;font-size:16px}caption{font-size:26px;text-align:left;margin-bottom:20px}th,td{padding:16px;text-align:left;vertical-align:top;border-bottom:1px solid #a9bcaa;white-space:pre-wrap;overflow-wrap:anywhere}td:last-child{min-width:230px}th{background:#dfe8cf}.review{background:#e1deeb}.carousel{max-width:1000px}.carousel>p{font-size:clamp(1.5rem,3vw,2.5rem)}.faq details{padding:24px 0;border-bottom:1px solid #a9bcaa}.faq summary{font-size:23px;cursor:pointer}footer{background:#dfe8cf}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #bd603f;outline-offset:4px}@media(max-width:900px){section,footer{padding:90px 6%}nav{padding:16px;align-items:flex-start}nav div{flex-direction:column;gap:12px;font-size:14px}.hero{padding:60px 6% 80px;min-height:0}.hero h1{font-size:clamp(2.6rem,10vw,4.5rem)}.lead{font-size:20px}.hero-art{position:relative;width:100%;right:auto;bottom:auto;margin-top:45px}.section-heading,.bento,.method-detail,#cards{grid-template-columns:1fr;gap:22px}.horizontal{flex-direction:column}.tool{padding:20px}.beat{padding:18px}.actions button,.actions .file{max-width:100%}h2{font-size:clamp(2.5rem,9vw,4rem)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee span{animation:none}.reveal-word{opacity:1!important}*{transition:none!important}}
.long-guide{background:#fffaf2}.long-guide>p,.long-guide>article{max-width:960px;margin-left:auto;margin-right:auto}.long-guide>h2{max-width:1120px;margin-left:auto;margin-right:auto}.long-guide article{padding-top:105px;scroll-margin-top:36px}.long-guide h3{font-size:clamp(2rem,3.4vw,3.1rem);line-height:1.12;letter-spacing:-.04em}.long-guide h4{font-size:24px;line-height:1.35;margin-top:48px}.long-guide li{line-height:1.75;margin:18px 0}.guide-contents{width:100%;max-width:960px;border-radius:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:dense;gap:18px;background:#dfe8cf}.guide-contents a{text-decoration:underline}.long-guide .table-scroll{max-width:100%;border:1px solid #a9bcaa;border-radius:8px;padding:16px}.long-guide table{min-width:760px}.long-guide td:last-child{min-width:170px}@media(max-width:900px){.long-guide article{padding-top:72px}.guide-contents{grid-template-columns:1fr}.long-guide .table-scroll{padding:8px}}