:root{--ink:#1b2432;--muted:#5e6770;--paper:#fcf7ee;--cream:#f5eadb;--orange:#ef653d;--blue:#2865d7;--yellow:#f5c847;--line:rgba(27,36,50,.16);--display:'Ma Shan Zheng','Noto Sans SC',serif;--sans:'Noto Sans SC',Arial,sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.65}.grain{pointer-events:none;position:fixed;inset:0;opacity:.35;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E");mix-blend-mode:multiply}.topline{height:5px;background:var(--ink);position:fixed;top:0;left:0;right:0;z-index:99}.topline span{display:block;width:0;height:100%;background:var(--orange);transition:width .12s}.site-header{height:84px;padding:0 clamp(1rem,4vw,4.6rem);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font:700 .79rem/1.04 var(--mono);letter-spacing:.05em}.brand-mark{height:34px;width:34px;border-radius:50%;background:var(--orange);position:relative;overflow:hidden;display:grid;place-items:center}.brand-mark i{position:absolute;display:block;background:#fff;border-radius:999px;transform:rotate(-30deg)}.brand-mark i:nth-child(1){width:21px;height:4px}.brand-mark i:nth-child(2){width:4px;height:18px}.brand-mark i:nth-child(3){width:3px;height:12px;transform:translate(8px,5px) rotate(-30deg)}.desktop-nav{display:none;gap:clamp(1.1rem,3vw,3rem)}.desktop-nav a,.header-download,.text-link,.site-footer>a{color:var(--ink);font-size:.83rem;text-decoration:none;font-weight:700}.desktop-nav a{position:relative}.desktop-nav a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:1px;background:var(--orange);transition:width .2s}.desktop-nav a:hover:after{width:100%}.header-download{display:none;align-items:center;gap:.5rem;padding:9px 0;border-bottom:2px solid var(--ink)}.header-download svg{width:16px}.menu-button{width:44px;height:44px;border:0;background:transparent;display:grid;place-content:center;gap:6px}.menu-button span{width:23px;height:2px;background:var(--ink);display:block;transition:.2s}.menu-button[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-button[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.hero{min-height:calc(100vh - 84px);overflow:hidden;position:relative;padding:4.1rem 6.3vw 2.5rem;display:grid;grid-template-columns:1fr;align-items:center}.hero-copy{position:relative;z-index:3;max-width:44rem}.eyebrow,.section-label{margin:0 0 1.25rem;font:500 .68rem/1.3 var(--mono);letter-spacing:.08em}.eyebrow{display:flex;align-items:center;gap:.75rem}.eyebrow span{width:30px;height:1px;background:var(--orange)}h1,h2,h3,p{margin-top:0}h1{font:400 clamp(3.5rem,10vw,8.4rem)/.86 var(--display);letter-spacing:0}h1 span{color:var(--orange)}h1 em{font:600 clamp(1rem,1.7vw,1.42rem)/1.5 var(--sans);letter-spacing:.01em;font-style:normal;display:block;margin-top:1.45rem;max-width:14em}.hero-intro{max-width:30rem;color:var(--muted);font-size:.95rem;margin:1.7rem 0 1.8rem}.hero-actions{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.paint-button,.light-button{min-height:52px;padding:.8rem 1rem 0 1.25rem;display:inline-flex;align-items:center;justify-content:space-between;gap:2.1rem;text-decoration:none;background:var(--orange);color:#fff;font-size:.93rem;font-weight:800;border-radius:3px;box-shadow:5px 5px 0 var(--ink);transition:transform .2s,box-shadow .2s}.paint-button:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}.paint-button svg,.light-button svg{width:19px}.text-link{display:inline-flex;gap:.5rem;align-items:center;border-bottom:1px solid var(--ink);padding-bottom:.28rem}.text-link svg{width:17px}.hero-foot{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:2.3rem;color:#6c6157;font-size:.7rem}.hero-foot span{border:1px solid rgba(27,36,50,.2);border-radius:999px;padding:.25rem .55rem}.hero-art{height:clamp(370px,55vw,630px);margin-top:2rem;position:relative}.tablet{position:absolute;right:-15%;top:3%;width:min(740px,108%);z-index:2;transform:rotate(-5deg);filter:drop-shadow(0 22px 16px rgba(41,42,41,.17))}.tablet img{display:block;width:100%;border-radius:4%;border:8px solid #192330}.tablet-shadow{position:absolute;width:80%;height:25%;bottom:7%;right:-7%;background:#b8a58d;opacity:.35;border-radius:50%;filter:blur(25px);transform:rotate(-6deg)}.swatch{position:absolute;border-radius:100% 0 100% 0;opacity:.95}.swatch-1{width:100px;height:100px;right:6%;top:0;background:var(--yellow);transform:rotate(19deg)}.swatch-2{width:70px;height:70px;bottom:2%;left:7%;background:var(--blue);transform:rotate(20deg)}.swatch-3{width:40px;height:120px;bottom:5%;left:2%;background:var(--orange);transform:rotate(46deg)}.orbit-note{position:absolute;z-index:3;font:500 .66rem/1.1 var(--mono);letter-spacing:.1em}.note-a{top:5%;left:5%;color:var(--blue)}.note-b{right:0;bottom:8%;color:var(--orange);transform:rotate(12deg)}.floating-card{position:absolute;z-index:4;display:flex;align-items:center;gap:.4rem;padding:.45rem .55rem;background:#fff;box-shadow:2px 2px 0 var(--ink);font-size:.72rem;font-weight:800}.floating-card svg{width:14px}.card-pencil{left:7%;bottom:13%;transform:rotate(-7deg)}.card-star{right:4%;top:24%;transform:rotate(8deg)}.hero-index{display:none;position:absolute;right:4.7vw;bottom:2rem;font:500 .7rem var(--mono)}.hero-index span{opacity:.4;margin:0 .45rem}.ticker{background:var(--ink);overflow:hidden;color:var(--paper);padding:.85rem 0;white-space:nowrap}.ticker-track{display:inline-flex;gap:1.5rem;align-items:center;animation:marquee 28s linear infinite;font:500 .78rem var(--mono);letter-spacing:.045em}.ticker b{color:var(--yellow);font-size:1.05rem}@keyframes marquee{to{transform:translateX(-45%)}}.section{padding:5.6rem clamp(1rem,8vw,9rem)}.method{background:var(--cream)}.method-head{display:grid;gap:1.5rem;align-items:end}.method h2,.canvas-intro h2,.practice h2,.tablet-copy h2,.download-section h2,.faq h2{font:400 clamp(2.6rem,5.4vw,5rem)/.98 var(--display)}.method h2 span,.canvas-intro h2 span,.practice h2 span{color:var(--blue)}.method-head p{color:var(--muted);font-size:.95rem;max-width:31rem;margin-bottom:.3rem}.method-grid{display:grid;gap:1rem;margin-top:3rem}.method-card{min-height:290px;padding:1.4rem;position:relative;overflow:hidden;isolation:isolate}.method-card.orange{background:#ef7954}.method-card.blue{background:#a7c8e7}.method-card.yellow{background:#f8d86e}.method-card i:not(.scribble){position:relative;z-index:1;width:34px;height:34px;stroke-width:1.7}.card-number{font:500 .65rem var(--mono);position:absolute;right:1.25rem;top:1.15rem}.method-card h3{font:700 1.45rem/1.2 var(--sans);position:absolute;bottom:3.5rem;z-index:1}.method-card p{font-size:.82rem;max-width:15rem;position:absolute;bottom:1.1rem;margin:0;z-index:1}.scribble{position:absolute;border:2px solid var(--ink);opacity:.7;z-index:-1}.s1{border-radius:65% 35% 61% 39%/40% 58% 42% 60%;height:180px;width:150px;right:-27px;bottom:-35px;transform:rotate(18deg)}.s2{height:120px;width:120px;border-radius:50%;right:25px;bottom:23px;border-width:11px;border-color:transparent var(--ink) var(--ink) transparent;transform:rotate(-38deg)}.s3{height:143px;width:143px;border-radius:48% 52% 30% 70%/49% 52% 48% 51%;right:-12px;bottom:-30px;background:var(--orange);border:0;transform:rotate(20deg)}.canvas-section{background:#fff;display:grid;gap:2.5rem;align-items:center}.canvas-intro p{max-width:31rem;color:var(--muted);font-size:.95rem;margin:1.4rem 0 1.7rem}.art-board{background:#dce8dc;min-height:420px;position:relative;overflow:hidden}.paint-blob{position:absolute;border-radius:50%}.blob-a{width:270px;height:270px;background:#f6c745;right:-50px;top:-60px}.blob-b{width:160px;height:160px;background:#eb6640;left:-60px;bottom:-60px}.blob-c{width:80px;height:190px;background:#477bdb;right:18%;bottom:-70px;transform:rotate(-27deg)}.art-photo{position:absolute;background:#fff;padding:8px;box-shadow:12px 12px 0 rgba(27,36,50,.12)}.art-photo img{width:100%;height:100%;object-fit:cover;display:block}.photo-primary{width:63%;height:55%;right:9%;top:12%;transform:rotate(5deg)}.photo-eye{width:40%;height:27%;left:7%;bottom:8%;transform:rotate(-8deg)}.photo-hand{width:35%;height:28%;left:7%;top:8%;transform:rotate(-10deg)}.pin{position:absolute;z-index:3;font:500 .68rem/1.2 var(--mono);letter-spacing:.07em}.pin-1{right:3%;bottom:10%;transform:rotate(-8deg)}.pin-2{left:51%;top:5%;transform:rotate(8deg)}.practice{background:var(--paper)}.practice-top{display:grid;gap:1.5rem;align-items:end}.practice-top p{max-width:28rem;color:var(--muted);font-size:.95rem}.routine{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:3rem}.routine-item{border:0;text-align:left;background:var(--paper);min-height:210px;padding:1.3rem;position:relative;color:var(--ink);cursor:pointer;transition:background .2s}.routine-item b{font:400 4rem/.8 var(--display)}.routine-item span{font-size:.8rem;margin-left:.25rem}.routine-item strong,.routine-item small{display:block}.routine-item strong{font-size:1.05rem;margin-top:1.7rem}.routine-item small{font-size:.78rem;color:var(--muted)}.routine-item.active{background:var(--yellow)}.routine-message{font-size:.88rem;margin:1.4rem 0 0;color:var(--muted)}.routine-message span{font-weight:800;color:var(--ink)}.tablet-section{background:var(--blue);color:white;padding:5.8rem clamp(1rem,8vw,9rem);display:grid;gap:3rem;overflow:hidden;position:relative}.section-label.light{color:#b8cdfa}.tablet-copy h2{color:#fff}.tablet-copy p{max-width:29rem;color:#d5e2ff;font-size:.95rem}.light-button{margin-top:1rem;background:var(--yellow);color:var(--ink);box-shadow:5px 5px 0 #133f93}.light-button:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 #133f93}.tablet-image{position:relative;min-height:350px;display:grid;place-items:center}.tablet-image:before{content:"";position:absolute;width:270px;height:270px;background:var(--orange);border-radius:45% 55% 55% 45%/55% 45% 55% 45%;transform:rotate(33deg)}.tablet-image img{max-width:78%;max-height:380px;position:relative;z-index:2;filter:drop-shadow(15px 12px 0 rgba(22,48,120,.7))}.ring-text{position:absolute;width:280px;height:280px;border:1px dashed rgba(255,255,255,.65);border-radius:50%;display:grid;place-items:center;font:500 .67rem var(--mono);letter-spacing:.22em;transform:rotate(-29deg);z-index:3;text-align:center;pointer-events:none}.download-section{background:#ef7954;display:grid;gap:2.5rem}.download-panel{background:var(--paper);padding:1.7rem;box-shadow:9px 9px 0 var(--ink)}.download-panel p{font:500 .68rem var(--mono);letter-spacing:.06em;margin-bottom:2rem}.download-panel h3{font:400 clamp(1.7rem,3.4vw,2.7rem)/1.1 var(--display)}.paint-button.wide{width:100%;margin:1rem 0 1.2rem}.download-panel small{color:var(--muted);font-size:.75rem}.faq{background:#fff;display:grid;gap:2.4rem}.faq-list{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:.9rem 0}.faq summary{list-style:none;cursor:pointer;font-weight:700;font-size:.96rem;display:flex;justify-content:space-between;gap:1rem;align-items:center}.faq summary::-webkit-details-marker{display:none}.faq summary svg{width:18px;transition:transform .2s}.faq details[open] summary svg{transform:rotate(45deg)}.faq details p{margin:1rem 2rem .2rem 0;color:var(--muted);font-size:.86rem}.site-footer{padding:3rem clamp(1rem,8vw,9rem) 1.5rem;background:var(--ink);color:#d6d6d6;display:grid;gap:1.3rem}.site-footer .brand{color:#fff}.site-footer p{font-size:.8rem;max-width:31rem;margin:0}.site-footer>a{color:var(--yellow);display:flex;align-items:center;gap:.4rem}.site-footer>a svg{width:15px}.site-footer small{font:.67rem var(--mono);color:#8290a2;margin-top:1rem}@media (min-width:640px){.hero{padding-left:8vw;padding-right:8vw}.hero-art{height:500px}.method-grid{grid-template-columns:repeat(3,1fr)}.canvas-section{grid-template-columns:.9fr 1.1fr}.practice-top{grid-template-columns:1fr 1fr}.routine{grid-template-columns:repeat(3,1fr)}.tablet-section{grid-template-columns:1fr 1fr}.download-section{grid-template-columns:1fr 1fr;align-items:center}.faq{grid-template-columns:.8fr 1.2fr}.site-footer{grid-template-columns:1fr 1fr}.site-footer small{grid-column:1/-1}}@media (min-width:1024px){.site-header{height:92px}.desktop-nav,.header-download{display:flex}.menu-button{display:none}.hero{min-height:calc(100vh - 92px);padding:3rem 8vw 2rem;grid-template-columns:.87fr 1.13fr;gap:1rem}.hero-art{height:min(650px,68vh);margin:0}.tablet{right:-24%;top:0;width:113%}.hero-index{display:block}.section{padding-top:8rem;padding-bottom:8rem}.method-head{grid-template-columns:1fr 1fr}.method-grid{margin-top:4rem}.canvas-section{gap:6vw}.art-board{min-height:600px}.tablet-section{padding-top:7rem;padding-bottom:7rem}.tablet-image{min-height:450px}.tablet-image:before{width:350px;height:350px}.tablet-image img{max-height:480px}.ring-text{width:350px;height:350px}.download-panel{padding:2.3rem}.faq{gap:7vw}.site-footer{padding-top:4rem}}@media (max-width:639px){.hero{padding-top:3rem}.hero h1{font-size:3.7rem}.hero-art{margin-left:-1rem;margin-right:-1rem}.tablet{right:-20%;width:110%}.note-a{left:5%}.note-b{right:4%}.canvas-section{padding-left:1rem;padding-right:1rem}.art-board{min-height:360px}.photo-primary{height:51%}.photo-eye{height:25%}.photo-hand{height:24%}.tablet-section{padding-left:1rem;padding-right:1rem}.download-section{padding-left:1rem;padding-right:1rem}}