*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f1e7;color:#233930;font-family:Geist,Arial,sans-serif}main{width:100%;max-width:100%;overflow-x:hidden}a{color:inherit;text-underline-offset:4px}nav{width:min(92%,1400px);margin:24px auto;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:18px 24px;border:1px solid #b4bdad;border-radius:40px}nav a{text-decoration:none}nav div{display:flex;gap:24px}.brand{font-weight:700}section,footer{padding:140px max(5%,calc((100vw - 1400px)/2));scroll-margin-top:28px}.hero{position:relative;padding:80px 5% 150px;min-height:710px}.hero h1{font-size:clamp(3rem,6.1vw,6.5rem);line-height:1.01;letter-spacing:-.075em;max-width:72rem;margin:26px 0;position:relative;z-index:2}.hero>p:first-child{font-size:14px;letter-spacing:.025em}.intro{font-size:20px;line-height:1.6;max-width:600px;position:relative;z-index:2}.actions,.toolbar{display:flex;gap:12px;flex-wrap:wrap}.button,button,.file{display:inline-flex;align-items:center;justify-content:center;background:#233930;color:white;padding:15px 22px;font:600 15px Geist,Arial,sans-serif;border:1px solid #233930;border-radius:8px;text-decoration:none;cursor:pointer;transition:transform .3s,background .3s}.button:hover,button:hover,.file:hover{transform:translateY(-2px)}.light,.secondary,.file{background:#fffaf1;color:#233930}.hero-art{position:absolute;right:2%;bottom:30px;width:52%;max-width:760px;transform:rotate(-4deg);border:12px solid #fffaf1;box-shadow:0 24px 60px #23393022;border-radius:8px;pointer-events:none}.hero .actions{position:relative;z-index:3}h2{font-size:clamp(2.4rem,4vw,4.5rem);line-height:1.04;letter-spacing:-.06em;margin:0 0 30px}h3{font-size:30px;letter-spacing:-.045em;margin-top:0}p{line-height:1.75}section p{font-size:17px}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-bottom:48px}.section-heading p{margin-top:0}.comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:dense;gap:18px}.comparison article{padding:40px;border:1px solid #a9b7a8;border-radius:14px;background:#fffaf1}.comparison article:nth-child(2){background:#dce9ca}.comparison article:nth-child(3){background:#e3e0f0}.comparison article:nth-child(4){background:#edcfc1}.verdict{border-top:1px solid #23393035;padding-top:16px;font-weight:600}.research,.help{font-size:14px!important}.process{background:#233930;color:#fffaf1;display:grid;grid-template-columns:1fr 1fr;gap:70px}.process-title{align-self:start}.process-title h2{max-width:600px}.process-content details{border-top:1px solid #fffaf145;padding:26px 0}.process-content summary{font-size:23px;cursor:pointer}.inline-image{display:inline-block;width:100px;height:45px;background:url(direction-art.svg) center/cover;border-radius:40px;vertical-align:middle}#studio{background:radial-gradient(ellipse at top left,#dce9ca,#f6f1e7 55%)}.tool{background:#fffaf1;border:1px solid #a9b7a8;border-radius:18px;padding:32px;min-width:0}.settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:28px 0}.settings label:first-child,.settings label:nth-child(2){grid-column:1/-1}label{display:block;font-size:14px;font-weight:600}input,textarea{display:block;width:100%;max-width:100%;padding:12px;border:1px solid #a9b7a8;border-radius:5px;background:#fff;color:#233930;font:16px Geist,Arial,sans-serif;margin-top:8px}input[type=color]{height:48px}textarea{resize:vertical}.file input{width:180px;margin:0 0 0 10px;font-size:12px;padding:0;border:0;background:transparent}.board-viewport{width:100%;min-height:180px;background:#ece6db;border:1px solid #a9b7a8;overflow:auto;max-height:720px}#board{width:100%}.card-editor{margin:24px 0;padding:24px;border:1px solid #a9b7a8;border-radius:10px}.card-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.wide{grid-column:1/-1}.card-editor .toolbar{margin-top:18px}.card-editor img{display:block;max-width:180px;max-height:120px;object-fit:contain;margin:14px 0}.card-editor h3{font-size:22px}.handoff{background:#dce9ca}.carousel{padding:36px;border-top:1px solid #233930;border-bottom:1px solid #233930;font-size:26px;line-height:1.4}.carousel>div:last-child{margin-top:24px;display:flex;gap:12px}.faq details{border-top:1px solid #a9b7a8;padding:24px 0}.faq summary{font-size:21px;cursor:pointer}footer{background:#233930;color:#fffaf1}footer .button{background:#fffaf1;color:#233930}footer p{max-width:800px}button:disabled{opacity:.5;cursor:not-allowed}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #f19057;outline-offset:4px}#status{overflow-wrap:anywhere;font-weight:600}#status.error{color:#983422}@media(max-width:800px){nav{padding:16px;gap:10px;font-size:12px}nav div{gap:12px}.hero{padding:50px 5% 80px;min-height:unset}.hero h1{font-size:clamp(2.5rem,9.3vw,4.5rem)}.intro{font-size:17px}.hero-art{position:relative;right:auto;bottom:auto;width:100%;margin:60px 0 0;transform:rotate(-2deg)}section,footer{padding:88px 5%}.section-heading,.process{grid-template-columns:1fr;gap:24px}.comparison{grid-template-columns:1fr}.comparison article{padding:26px}.tool{padding:18px}.settings,.card-fields{grid-template-columns:1fr}.settings label,.wide{grid-column:auto!important}.file{flex-wrap:wrap;gap:8px}.file input{margin:0}.toolbar button{font-size:13px;padding:13px 14px}.carousel{padding:28px 0;font-size:22px}.card-editor{padding:18px}.board-viewport{max-height:450px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.long-guide{background:#fffcf6}.long-guide>p,.long-guide>article{max-width:950px;margin-left:auto;margin-right:auto}.long-guide>h2{max-width:1160px;margin-left:auto;margin-right:auto}.long-guide article{padding-top:105px;scroll-margin-top:30px}.long-guide h3{font-size:clamp(2rem,3.4vw,3.1rem);line-height:1.15;letter-spacing:-.04em}.long-guide h4{font-size:24px;line-height:1.4;margin-top:48px}.long-guide li{line-height:1.8;margin:18px 0}.guide-contents{width:100%;max-width:950px;border-radius:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:dense;gap:18px;background:#e1e5cf}.guide-contents a{text-decoration:underline}.long-guide .table-scroll{max-width:100%;overflow:auto;margin:38px 0}.long-guide table{width:100%;min-width:730px;border-collapse:collapse;font-size:16px}.long-guide caption{text-align:left;font-size:24px;margin-bottom:18px}.long-guide th,.long-guide td{padding:18px;text-align:left;vertical-align:top;border-bottom:1px solid #afb6a0;overflow-wrap:anywhere}.long-guide th{background:#e1e5cf}@media(max-width:900px){.long-guide article{padding-top:72px}.guide-contents{grid-template-columns:1fr}}
.long-guide th:first-child,.long-guide td:first-child{min-width:140px;width:140px;word-break:normal;overflow-wrap:normal}