/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:fraction-playbook (INDEX:25) */
.fraction-playbook {&{--ink:#173e38;--teal:#087f70;--cream:#faf8f0;--orange:#ef6b38}*{box-sizing:border-box}&{scroll-behavior:smooth;scroll-padding-top:100px}&{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,"Microsoft YaHei",sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}button,a{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.wrap{max-width:1200px;margin:auto;padding:80px 32px}.announcement{text-align:center;background:var(--ink);color:white;padding:8px;font-size:12px;letter-spacing:2px}header{display:flex;align-items:center;justify-content:space-between;max-width:1320px;margin:auto;padding:22px 40px;gap:25px}.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;white-space:nowrap}.brand small{font-size:8px;letter-spacing:1px;max-width:75px;white-space:normal;line-height:1.4}.logo{background:var(--teal);color:white;border-radius:50%;width:36px;height:36px;text-align:center;font-size:24px;line-height:36px}nav{display:flex;gap:30px;font-size:13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;border:0;background:var(--teal);color:#fff;padding:17px 25px;border-radius:7px;font-size:15px;font-weight:700;transition:background .2s,transform .2s}.button:hover{background:#075d53;transform:translateY(-2px)}.small{padding:11px 18px;font-size:12px}.hero{display:grid;grid-template-columns:.95fr 1.05fr;gap:50px;align-items:center;padding-top:42px;padding-bottom:65px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:bold;color:var(--teal);margin-bottom:22px}h1{font-size:clamp(46px,5.2vw,70px);line-height:1.22;letter-spacing:-3px;margin:0 0 25px}h1 em{font-style:normal;color:var(--teal)}p{font-size:15px;color:#5e7069}h1+p{margin-bottom:30px;line-height:1.9}.text-link{display:block;font-size:13px;margin-top:16px}.hero-notes{display:flex;gap:20px;margin-top:35px;font-size:11px;color:#65766e}.hero-art{position:relative;background:#e4ead8;border-radius:80px 12px 12px 12px;padding:16px;transform:rotate(1deg)}.hero-art>img{border-radius:65px 6px 6px 6px;width:100%}.float-label{position:absolute;top:-16px;right:18px;background:#f5cc62;padding:10px 18px;z-index:1;border-radius:4px;transform:rotate(3deg);font-size:12px;font-weight:bold}.art-caption{display:flex;justify-content:space-between;align-items:center;padding:15px 8px 0;font-size:12px}.fraction{font-family:Georgia,serif;font-size:31px}.ribbon{display:flex;justify-content:center;gap:40px;align-items:center;padding:22px;background:#eeeede;font-size:14px}.ribbon b{color:var(--orange);font-size:24px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:36px}h2{font-size:37px;line-height:1.45;letter-spacing:-1.5px;margin:0 0 16px}h3{font-size:23px;line-height:1.5;margin:12px 0}.feature-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:22px}.feature-big{background:white;border-radius:14px;overflow:hidden}.feature-big>img{width:100%;max-height:380px;object-fit:cover}.feature-big>div{padding:27px 30px}.number{font-size:11px;letter-spacing:1.5px;font-weight:bold;color:var(--teal)}.feature-stack{display:grid;gap:22px}.feature-stack article{border-radius:14px;padding:30px}.cream{background:#f3e9ce}.mint{background:#e0ebe0}.feature-grid p{font-size:14px;margin:8px 0}.scribble{font:39px Georgia,serif;margin-top:22px}.scribble span{color:var(--orange)}.scribble i{float:right;color:var(--teal)}.mini-tags{display:flex;gap:10px;margin-top:22px}.mini-tags span{border:1px solid #b2c9b9;border-radius:5px;padding:5px 10px;font-size:11px}.demo-section{background:var(--ink);color:white}.demo-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center}.demo-layout .eyebrow{color:#a6d7c1}.demo-layout p{color:#c2d2ca}.demo{background:#fffdf5;padding:30px;border-radius:15px;color:var(--ink)}.demo-top{display:flex;justify-content:space-between;font-size:12px;margin-bottom:25px}.whole{background:#ec7047;color:white;text-align:center;border-radius:4px;margin-bottom:10px;padding:12px}.pieces{display:flex;gap:4px;min-height:54px}.piece{width:calc(25% - 3px);background:#e7b949;text-align:center;border-radius:4px;padding:10px;font:24px Georgia,serif}.demo-options{display:flex;gap:8px;margin-top:25px;flex-wrap:wrap}.demo-options button{border:1px solid #cdd7cb;background:transparent;border-radius:30px;padding:8px 15px;color:var(--ink)}.demo-options button[aria-pressed=true]{background:var(--ink);color:white}.demo [data-fp-id="equation"]{color:var(--ink);font-size:13px;margin-bottom:0}.muted{font-size:11px!important;opacity:.75}.learning{text-align:center}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;text-align:left;margin-top:45px}.steps article{border-top:1px solid #d4dbcd;padding-top:20px}.steps span{font:32px Georgia,serif;color:var(--orange)}.steps p{font-size:14px}.kit-section{background:#eeefe5}.kit-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center}.kit-image{border-radius:13px;width:100%;aspect-ratio:1;object-fit:contain;background:white}.thumbs{display:flex;gap:12px;margin-top:15px}.thumbs button{width:70px;border:2px solid transparent;padding:3px;background:white;border-radius:7px}.thumbs button[aria-pressed=true]{border-color:var(--teal)}.product-name{font-weight:bold;color:var(--ink);font-size:18px}.contents{list-style:none;padding:0;margin:25px 0}.contents li{display:flex;justify-content:space-between;border-bottom:1px solid #d6dccc;padding:10px 0;font-size:13px}.contents b{font-weight:normal;color:var(--teal)}.buy{width:100%;margin-top:12px}.purchase-note{text-align:center;font-size:11px}.purchase-info{padding:15px;background:white;border-radius:8px;font-size:13px}.faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px}details{border-bottom:1px solid #d4dbcd;padding:19px 0}summary{cursor:pointer;font-size:15px;font-weight:bold}details p{font-size:13px;line-height:1.9}.closing{text-align:center;padding:65px 25px 75px;background:#e3eadd}.closing h2{font-size:39px;margin-bottom:25px}footer{display:flex;align-items:center;justify-content:space-between;padding:30px 40px;font-size:12px}footer>span{color:#6b7b71}.mobile-cta{display:none}@media(max-width:800px){header{padding:17px 20px}nav,.brand small{display:none}.wrap{padding:55px 22px}.hero{grid-template-columns:1fr;gap:40px;padding-top:25px}.hero-copy{max-width:550px}h1{font-size:52px}h1 br:nth-child(2){display:none}.hero-art{max-width:550px}.hero-notes{margin-top:25px}.ribbon{gap:18px;font-size:11px;flex-wrap:wrap}.ribbon span:last-child,.ribbon b:last-of-type{display:none}.section-head{display:block}h2{font-size:30px}.feature-grid,.demo-layout,.kit-layout,.faq{grid-template-columns:1fr;gap:30px}.feature-big>img{max-height:none}.steps{gap:18px}.steps h3{font-size:19px}.steps p{font-size:12px}.demo{padding:22px}.kit-copy{order:-1}.kit-copy .eyebrow{margin-bottom:15px}.faq{gap:5px}.closing h2{font-size:31px}footer{padding:25px 22px 100px;gap:20px;flex-wrap:wrap}footer>span{display:none}.mobile-cta{display:flex;position:fixed;bottom:0;background:#fffdf5f5;backdrop-filter:blur(12px);border-top:1px solid #d8ddcf;width:100%;padding:12px 18px;justify-content:space-between;align-items:center;z-index:20;font-size:13px;font-weight:bold}.mobile-cta small{display:block;font-size:10px;color:#7b857a;font-weight:normal}.hero-art{transform:none}.demo-options button{font-size:12px}.hero .button{font-size:14px}.feature-stack article{padding:25px}}@media(prefers-reduced-motion:reduce){&{scroll-behavior:auto}*{transition:none!important}}


h1{font-size:clamp(44px,4.7vw,64px);letter-spacing:-2.5px;line-height:1.14}h2{font-size:34px;letter-spacing:-1px}.brand{font-size:16px}.brand small{display:none}.hero-notes{gap:14px;flex-wrap:wrap}.hero .button{gap:20px}.ribbon{gap:30px}.section-head>p{max-width:330px}.demo-top{gap:15px}@media(max-width:800px){h1{font-size:clamp(40px,9vw,58px);letter-spacing:-2px}h1 br:nth-child(2){display:initial}h2{font-size:29px}.brand{font-size:14px}header{gap:12px}.small{padding:10px 12px;font-size:11px}.hero-notes{gap:12px;font-size:10px}.ribbon{gap:14px}.steps{grid-template-columns:1fr;gap:20px}.steps p{font-size:14px}.mobile-cta{gap:12px}.mobile-cta>span{font-size:12px}.contents li{gap:16px}}

font-size:16px;letter-spacing:normal; img{height:auto} h1,h2,h3{color:var(--ink);font-family:inherit;font-weight:700;text-transform:none}p{letter-spacing:normal}select{display:block;width:100%;padding:14px;border:1px solid #a2b6aa;border-radius:6px;background:white;color:var(--ink);font:inherit}label{display:block;margin-top:15px;font-weight:700}.fp-price{font-size:28px;font-weight:700;color:var(--ink)}.button:disabled{opacity:.5;cursor:not-allowed}.fp-policy{display:flex;gap:20px;font-size:12px;text-decoration:underline}.mobile-cta{left:0} }
/* END_SECTION:fraction-playbook */