/* Depth and motion support reading; all controls also work without motion. */
body{isolation:isolate}.background-knots{z-index:-1!important;opacity:1!important}.background-knots img{opacity:.14!important;filter:drop-shadow(4px 8px 5px #582c3625)}.section{position:relative}.recognition:before,.practical-value:before,.faq:before{content:'';position:absolute;right:0;top:35px;width:220px;height:220px;background:url(cinematic/rendered/background-knot.webp) center/contain no-repeat;opacity:.12;pointer-events:none;transform:rotate(30deg);z-index:-1}.hero-art{position:relative}.rope-canvas{position:absolute;top:0;left:0;width:100%;height:390px;object-fit:contain;pointer-events:none;filter:drop-shadow(0 20px 22px #0006);will-change:transform}.founder-letter{background:linear-gradient(115deg,#fff5e2,#ead8b7);color:#462633!important;padding:38px 44px!important;border:1px solid #bf966b!important;box-shadow:12px 18px 0 #140b1433,0 25px 65px #0004;transform-origin:50% 0;position:relative}.founder-letter:before{content:'';position:absolute;right:25px;top:-30px;width:90px;height:65px;background:url(cinematic/rendered/background-knot.webp) center/contain no-repeat}.founder-letter .signature{color:#7e344b}.founder-letter summary{color:#74334b}.why-kit{margin:65px 0;padding:35px 0;border-top:1px solid #b78d83}.why-kit h2{font-size:clamp(34px,5vw,54px)}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:25px 0}.comparison article{border:1px solid #b78d83;padding:23px;border-radius:2px 16px 2px 2px}.comparison h3{font-size:25px}.comparison p{font-size:16px}.value-note{padding:32px;background:#efe0c3;color:#422331;border-left:4px solid #ae7957;box-shadow:0 12px 30px #3b14220b}.value-note h3{font-size:34px}.value-note p{font-size:17px}.keep-touch{position:relative;margin-top:70px;background:#f4e9d6;color:#452532;padding:44px;box-shadow:8px 12px 0 #bd958529;border:1px solid #c9ac86}.keep-touch h2{font-size:45px}.keep-touch .signature{display:block;margin:25px 0;color:#7b3449}.letter-seal{position:absolute;right:22px;top:-25px;border-radius:50%;background:#763049;color:#fae7c9;padding:22px 12px;font:italic 15px Georgia;box-shadow:0 5px 0 #4c1b30;animation:letterHello 5s ease-in-out infinite}.keep-touch .button{margin:15px 0}.tracker-demo{color:#35202a}.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dashboard-stats>div{background:#e7d9c5;padding:18px}.dashboard-stats strong{display:block;font:36px Georgia}.dashboard-stats span{font-size:13px}.day-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.day-grid button{background:#e5c4c7;color:#3b2030;border:1px solid #a17a7f;min-height:62px;padding:5px}.day-grid small{display:block;font-size:9px}.day-grid .small{background:#ecdcc2}.day-grid .grace{background:#d9e5dc}.day-grid .unlogged{background:transparent;border-style:dashed}.day-grid .future{background:#eee8df;opacity:.6}.day-grid button[aria-pressed=true]{outline:3px solid #742f4b;outline-offset:1px}.day-detail,.dashboard-insight{margin-top:20px;padding:20px;background:#efe5d7}.day-detail h3{margin:0;font-size:26px}.dashboard-insight{border-left:3px solid #738a7b}.preview-pages{margin-bottom:25px}.preview-pages button{font-size:14px;padding:10px 15px}.preview-pages button[aria-pressed=true]{background:#5a2a40;color:#fff0db}#preview{max-width:940px;width:calc(100% - 28px);max-height:90dvh;overflow:auto}#preview-img{margin:auto}.book-art:hover img{transform:translateY(-8px) rotate(-2deg);transition:transform .5s}.book-copy .text-button{min-height:44px}@keyframes letterHello{0%,75%,100%{transform:rotate(-8deg)}82%{transform:rotate(4deg)}90%{transform:rotate(-4deg)}}
@media(max-width:650px){.rope-canvas{height:170px}.comparison{grid-template-columns:1fr}.founder-letter{padding:28px 24px!important}.keep-touch{padding:30px 24px}.keep-touch h2{font-size:37px}.value-note{padding:25px}.dashboard-stats{gap:5px}.dashboard-stats>div{padding:10px}.dashboard-stats strong{font-size:27px}.dashboard-stats span{font-size:11px}.day-grid{grid-template-columns:repeat(5,1fr)}.day-grid small{font-size:8px}.preview-pages .actions{gap:8px}.preview-pages button{padding:8px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.letter-seal{animation:none}.rope-canvas{display:none}.hero-knot{opacity:1!important}}body.motion-off .letter-seal{animation:none}body.motion-off .rope-canvas{display:none}body.motion-off .hero-knot{opacity:1!important}
.background-knots{overflow:hidden;max-width:100%;pointer-events:none}.hero-art{min-width:0}
body{overflow-x:clip}.dashboard-stats strong{white-space:nowrap}.dashboard-stats span{line-height:1.5;display:block}@media(max-width:400px){.dashboard-stats strong{font-size:23px}}
html{overflow-x:hidden}body{position:relative;width:100%;overflow-x:clip}
