@charset "UTF-8";
:root{--paper:#f5f5ee;--ink:#23261f;--muted:#72766a;--line:#d9ddd0;--lime:#c3f777;--purple:#cdc3ef;--mono:Consolas,"Courier New",monospace;--sans:Arial,"Noto Sans TC","Microsoft JhengHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,a,input,textarea{ -webkit-tap-highlight-color:transparent}button,input,textarea{font:inherit}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid #7460bb;outline-offset:5px}::selection{background:var(--lime);color:var(--ink)}.wrap{width:min(1320px,calc(100% - 112px));margin-inline:auto}.header{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:9px;font-size:31px;font-weight:800;letter-spacing:-1.8px}.brand svg{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:3.7}.brand-light{font-weight:400}.brand-dot{font-size:12px;vertical-align:top;margin-left:4px;letter-spacing:0}.header nav{display:flex;gap:32px;font-size:13px;font-weight:600}.header nav a{padding-block:12px}.header nav a:hover{color:#667d3e}.header nav a span{margin-left:6px}.nav-cta{border:1px solid var(--ink);border-radius:5px;padding:13px 19px;font-size:13px;font-weight:600;display:flex;gap:24px}.nav-cta:hover{background:var(--lime)}.menu-toggle{display:none}.mobile-menu[hidden]{display:none}.skip{position:fixed;left:12px;top:-80px;background:var(--lime);padding:16px;z-index:50}.skip:focus{top:12px}.hero{display:grid;grid-template-columns:1.22fr 1fr;gap:20px;align-items:center;min-height:680px;padding-block:48px 54px}.eyebrow{font:11px/1.5 var(--mono);font-weight:600;letter-spacing:1.5px;display:flex;align-items:center;gap:9px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#79a34d;flex-shrink:0}.tiny-label{font-family:var(--sans);font-size:10px;letter-spacing:1px;color:var(--muted);padding-left:7px;border-left:1px solid var(--line)}h1{font-size:clamp(64px,6.9vw,103px);line-height:1.02;letter-spacing:-6px;font-weight:700;margin:30px 0 28px;position:relative;z-index:2;white-space:nowrap}.serif{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-style:italic;letter-spacing:-6px}.title-star{font-size:50px;display:inline-block;vertical-align:top;position:relative;top:-7px;margin-left:4px;font-weight:400}h2,h3,p{margin-top:0}.hero h2{font-size:26px;letter-spacing:1px;margin-bottom:17px}.hero-description{font-size:14px;color:#656b5d;line-height:1.95;margin-bottom:27px}.hero-actions{display:flex;align-items:center;gap:26px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;padding:18px 22px;border-radius:5px;font-size:13px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#3b4430}.dark{background:var(--ink);color:#fff}.button span{font-size:20px;line-height:14px}.text-link{font-size:12px;font-weight:600;display:flex;gap:14px;align-items:center}.text-link:hover{text-decoration:underline}.hero-footnote{display:flex;gap:13px;align-items:center;margin-top:39px;font:10px/1.7 var(--mono);color:var(--muted)}.hero-footnote strong{font-family:var(--sans);font-weight:400;font-size:10px}.mini-orbits{border:1px solid var(--line);border-radius:50%;font-size:26px;width:40px;height:40px;display:grid;place-items:center;color:var(--ink)}.mobile-break{display:none}.hero-art{height:510px;position:relative;isolation:isolate;min-width:0}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#dce1d480 1px,transparent 1px),linear-gradient(90deg,#dce1d480 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(ellipse,black 36%,transparent 74%)}.hero-art:before{content:"";position:absolute;width:83%;height:85%;top:8%;left:8%;background:radial-gradient(ellipse,#cae6a788,transparent 66%);z-index:-1}.art-top,.art-bottom{position:absolute;left:28px;right:15px;display:flex;justify-content:space-between;align-items:center;font:9px var(--mono);letter-spacing:1px;color:#6a725f;z-index:2}.art-top{top:18px}.art-top>span:last-child{display:flex;align-items:center;gap:6px}.art-bottom{bottom:9px}.art-bottom>div{display:flex;gap:7px}.art-bottom button{background:var(--paper);border:1px solid var(--line);width:30px;height:30px;border-radius:50%;font-size:16px}.art-bottom button:hover{background:var(--lime)}#sculpture{width:100%;height:100%;display:block}.art-cross{position:absolute;font:20px var(--mono);color:#949c87}.art-cross.top{top:53px;right:10px}.art-cross.bottom{bottom:50px;left:23px}.floating-label{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;border:1px solid #d6dccd;box-shadow:0 7px 18px #23261f07;font-size:11px;white-space:nowrap;border-radius:5px;background:#fcfcf6;padding:13px 16px}.label-code{bottom:83px;left:10px;transform:rotate(-6deg)}.label-icon{font-size:23px;color:#668d3e}.label-idea{right:-4px;top:102px;transform:rotate(9deg);background:var(--purple);font:italic 20px Georgia;border-color:#b8acd7;gap:14px}.label-idea>span{font-size:25px}.ticker{border-block:1px solid var(--ink);background:var(--lime);overflow:hidden;height:65px;display:flex;align-items:center}.ticker>div{display:flex;justify-content:space-around;align-items:center;gap:36px;min-width:1600px;width:100%;transform:translateX(-24px)}.ticker span{font-size:17px;letter-spacing:.5px;font-weight:700;white-space:nowrap}.ticker b{font-size:30px;font-weight:400}.section{padding-block:90px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:34px;gap:32px}.section-heading .eyebrow{margin-bottom:15px;color:#636b58}.section-heading h2,.about h2{font-size:39px;letter-spacing:-1px;line-height:1.4;margin:0}.accent-dot{color:#7fa443}.section-heading>p{font-size:13px;line-height:1.85;color:var(--muted);margin-bottom:6px}.tools-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:16px}.filters{display:flex;gap:6px;flex-wrap:wrap}.filters button{background:transparent;padding:10px 17px;border-radius:30px;font-size:12px;color:#656b5d}.filters button.active{background:var(--ink);color:#fff}.filters button:not(.active):hover{background:#e8ecdF}.filters button>span{opacity:.55;font:10px var(--mono);margin-left:6px}.toolbar-note{font:10px var(--sans);color:var(--muted);display:flex;align-items:center;gap:8px}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.tool-card{min-width:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fafbf5;transition:transform .25s,box-shadow .25s}.tool-card:hover{transform:translateY(-6px);box-shadow:0 12px 26px #23261f0b}.tool-card[hidden]{display:none}.card-launch{text-align:left;display:block;width:100%;padding:0;background:none;height:100%}.tool-preview{height:230px;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.preview-tag{position:absolute;left:22px;top:20px;font:8px var(--mono);letter-spacing:1px;opacity:.65}.preview-json{background:#e9eddf}.code-art{position:absolute;left:30px;top:65px;transform:rotate(-4deg);font:12px/1.7 var(--mono);display:flex;flex-direction:column;letter-spacing:-.3px}.code-art em{color:#6a8552;font-style:normal}.code-art i{color:#4e6478;font-style:normal}.code-art b{font-weight:400;color:#9a7152}.preview-sticker{position:absolute;right:21px;bottom:22px;background:var(--lime);border-radius:13px;padding:12px;font:26px var(--mono);transform:rotate(9deg);box-shadow:0 5px 0 #bad891}.preview-color{background:#e9e4f4}.swatch-art{position:absolute;display:flex;left:37px;right:37px;top:70px;bottom:36px;transform:rotate(-9deg);border:5px solid #fbfaf7;border-radius:9px;box-shadow:0 10px 15px #49385a13;overflow:hidden}.swatch-art i{width:20%;background:#252e22}.swatch-art i:nth-child(2){background:#658753}.swatch-art i:nth-child(3){background:#c3f777}.swatch-art i:nth-child(4){background:#edeedb}.swatch-art i:nth-child(5){background:#b6a4d9}.color-spark{position:absolute;right:21px;top:39px;font-size:48px;transform:rotate(15deg);color:#655689}.preview-text{background:#f0e8d8}.type-art{position:absolute;left:37px;top:36px;font:bold 97px Georgia;letter-spacing:-10px;transform:rotate(-6deg)}.type-art>span{display:inline-block;font:44px var(--sans);vertical-align:top;color:#998365;margin:8px 0 0 32px}.text-art-label{position:absolute;left:38px;bottom:28px;font-size:10px}.text-art-label span{display:block;font:8px var(--mono);margin-top:6px;color:#8d7b63}.card-content{padding:22px 23px 0}.card-meta{font-size:10px;color:var(--muted);display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card-meta>span{font-size:9px;padding:4px 8px;border-radius:4px;background:#ecf0e5;color:#586e3e}.card-content h3{font-size:22px;letter-spacing:-.5px;display:flex;justify-content:space-between;margin-bottom:12px}.card-content h3>span{font-size:20px;font-weight:400}.card-content p{font-size:12px;color:var(--muted);line-height:1.9;min-height:46px;margin-bottom:23px}.card-bottom{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:6px;padding:16px 0;font-size:10px}.card-bottom>span:first-child{font:8px var(--mono);color:#838a7b;letter-spacing:.2px}.tool-note{margin:24px 0 0;font-size:11px;color:var(--muted);text-align:center}.tool-note>span{margin-right:8px}.learn-section{background:#ebeee4;border-block:1px solid var(--line)}.learning-grid{display:grid;grid-template-columns:1.9fr 1fr;gap:24px}.featured-lesson{background:var(--paper);border:1px solid #d6dccb;display:grid;grid-template-columns:1fr 1fr;padding:0;border-radius:9px;overflow:hidden;text-align:left;transition:transform .2s}.featured-lesson:hover{transform:translateY(-4px)}.lesson-visual{position:relative;min-height:330px;background:#dbe6ca;border-right:1px solid #d6dccb;display:grid;place-items:center;padding:30px}.lesson-chip{position:absolute;left:22px;top:22px;font-size:9px;background:#f6f8f0;border-radius:20px;padding:7px 10px}.browser-drawing{width:220px;background:#f7f8ed;border:1px solid #899776;border-radius:7px;transform:rotate(-8deg);box-shadow:9px 10px 0 #bdcbaa;margin-top:28px}.browser-dots{border-bottom:1px solid #bac5ac;padding:9px;font-size:7px;color:#8c9c78}.browser-dots>span{margin-left:20px;font:8px var(--mono)}.drawing-body{padding:18px}.drawing-body>span{font:bold 44px var(--mono);display:block;margin-bottom:12px;letter-spacing:-5px}.drawing-body i{display:block;height:4px;width:90%;background:#d0d8c4;margin-bottom:7px}.drawing-body i:nth-of-type(2){width:65%}.drawing-body i:nth-of-type(3){width:75%}.drawing-body b{display:block;background:var(--lime);font:8px var(--mono);padding:8px;width:100px;margin-top:15px;border:1px solid #a9bd8b}.lesson-spark{position:absolute;bottom:14px;right:12px;font-size:70px;color:#596c43}.lesson-copy{padding:35px 26px;display:flex;flex-direction:column;justify-content:center}.lesson-copy .eyebrow{font-size:8px;letter-spacing:.5px;margin-bottom:20px;color:#77816a}.lesson-copy h3{font-size:24px;line-height:1.5;letter-spacing:.2px;margin-bottom:16px}.lesson-copy>p:not(.eyebrow){font-size:11px;line-height:1.9;color:var(--muted)}.lesson-link{display:flex;justify-content:space-between;margin-top:17px;font-size:11px;font-weight:600;border-top:1px solid var(--line);padding-top:19px}.upcoming{padding:26px 28px;border:1px solid #d5dbcc;border-radius:9px;background:#e4e8db}.outlined-label{display:inline-block;border:1px solid #a9b299;border-radius:20px;padding:5px 9px;font:8px var(--mono);letter-spacing:1px;margin-bottom:18px}.upcoming h3{font-size:29px;line-height:1.35;letter-spacing:.5px;margin-bottom:12px}.upcoming>p{font-size:11px;line-height:1.8;color:#737d65}.upcoming-row{display:flex;gap:13px;align-items:center;padding:13px 0;border-top:1px solid #cdd5c1;font-size:10px}.upcoming-row>span{font:9px var(--mono);color:#8a957b}.upcoming-row>strong{font-weight:500;flex:1}.upcoming-row>small{font-size:9px;color:#7d876f}.upcoming .upcoming-note{font-size:9px;margin:5px 0 0;color:#7e876f}.about{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:90px;padding-block:110px}.about-symbol{font-size:280px;line-height:1;text-align:center;position:relative;font-weight:400;color:#accb8a;transform:rotate(-10deg)}.about-symbol>span{font:9px/1.4 var(--mono);letter-spacing:2px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(10deg);background:var(--paper);width:100px;height:100px;border-radius:50%;display:grid;align-content:center;color:var(--ink)}.about h2{font-size:35px;margin:17px 0 22px}.muted{color:#8b9380}.about p:not(.eyebrow){font-size:13px;line-height:1.95;color:var(--muted);max-width:480px;margin-bottom:13px}.values{display:flex;gap:24px;border-top:1px solid var(--line);padding-top:22px;margin-top:26px;font-size:11px}.closing{background:var(--lime);padding:48px 52px;border:1px solid #adcf81;border-radius:11px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;gap:25px}.closing h2{font-size:42px;line-height:1.35;letter-spacing:-1px;position:relative;z-index:1;margin:17px 0 0}.closing h2>span{display:inline-block;margin-left:18px;font-size:60px;font-weight:400}.closing .eyebrow{font-size:9px}.closing .button{z-index:1;flex-shrink:0}.closing-orbit{position:absolute;left:48%;top:-80px;width:320px;height:410px;border:1px solid #91b75e;border-radius:50%;transform:rotate(-32deg);opacity:.45}.closing-orbit:before,.closing-orbit:after{content:"";position:absolute;inset:18px;border:1px solid #91b75e;border-radius:50%}.closing-orbit:after{inset:38px}.faq{display:grid;grid-template-columns:1fr 1.7fr;gap:70px;padding-block:80px}.faq h2{font-size:24px;letter-spacing:.5px;margin-top:18px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;display:flex;justify-content:space-between;gap:20px;cursor:pointer;padding:23px 0;font-size:13px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font:20px var(--mono)}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:12px;color:var(--muted);line-height:1.9;padding-right:32px}.footer{border-top:1px solid var(--ink);padding-block:34px 28px}.footer-top{display:flex;align-items:center;gap:30px}.footer-top .brand{font-size:26px}.footer-top .brand svg{width:34px}.footer-top p{font:italic 16px Georgia;color:var(--muted);margin:0}.footer-top>a:last-child{margin-left:auto;font-size:11px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;font:9px var(--mono);margin-top:32px;color:var(--muted);align-items:center;flex-wrap:wrap}.footer-bottom>div{display:flex;gap:24px}.footer-bottom button{background:none;color:var(--muted);padding:0;font:10px var(--sans)}.footer-bottom button:hover{text-decoration:underline}.footer-status{display:flex;gap:7px;align-items:center;font-size:8px;letter-spacing:.5px}dialog{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:14px;width:min(740px,calc(100% - 32px));max-height:88dvh;padding:28px 32px;box-shadow:0 20px 80px #0003}dialog::backdrop{background:#1b211db0;backdrop-filter:blur(7px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-top .eyebrow{font-size:9px;margin:0}.dialog-top button{width:34px;height:34px;border-radius:50%;background:#e4e8dc;font-size:24px}dialog h2{font-size:30px;letter-spacing:-1px;margin:0 0 20px}dialog p{font-size:13px;line-height:1.9;color:#66705d}dialog h3{font-size:18px;margin-top:28px}dialog textarea{display:block;width:100%;min-height:210px;background:#fffef8;border:1px solid #c5cdb9;border-radius:6px;padding:16px;font:13px/1.7 var(--mono);resize:vertical;color:var(--ink);margin:10px 0 16px}dialog label{font-size:12px;font-weight:600}.dialog-actions{display:flex;gap:10px;flex-wrap:wrap}.dialog-actions button,.palette-swatch{background:var(--ink);color:#fff;border-radius:5px;padding:11px 17px;font-size:12px}.dialog-actions button.secondary{background:#e2e8d9;color:var(--ink)}.status{min-height:24px;margin:14px 0 0;font-size:12px!important}.status.error{color:#9e2929}.palette{display:grid;grid-template-columns:repeat(5,1fr);margin:20px 0;overflow:hidden;border:1px solid var(--line);border-radius:7px}.palette-swatch{border-radius:0;min-height:175px;display:flex;align-items:flex-end;justify-content:center;padding:12px 2px;font:11px var(--mono)}.palette-swatch>span{padding:6px;background:#ffffffdd;color:#222;border-radius:3px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.stats div{padding:18px;background:#e4ebd9;border-radius:7px;font-size:11px}.stats strong{display:block;font:30px var(--mono);margin-bottom:8px}.article-code{white-space:pre-wrap;word-break:break-word;border:1px solid #ccd5bf;background:#e8edde;padding:18px;font:12px/1.8 var(--mono);border-radius:6px}.article-note{padding:15px;background:#e7e0f1;border-radius:6px}.noscript{padding:15px;text-align:center;background:var(--lime)}
@media(min-width:1500px){h1{font-size:107px}.hero{min-height:735px}.hero-art{height:560px}}
@media(max-width:1150px){.wrap{width:calc(100% - 64px)}.header{height:90px}.hero{min-height:610px;grid-template-columns:1.2fr 1fr}h1{font-size:7.1vw;letter-spacing:-4px}.serif{letter-spacing:-4px}.title-star{font-size:34px}.tiny-label{display:none}.hero-art{height:450px}.label-code{left:0;font-size:9px;padding:10px}.label-idea{right:0}.tool-grid{gap:16px}.code-art{font-size:10px;left:22px}.card-content{padding:19px 18px 0}.card-content h3{font-size:20px}.card-bottom>span:first-child{font-size:7px}.lesson-copy{padding:24px 20px}.lesson-copy h3{font-size:21px}.browser-drawing{width:175px}.about{gap:40px}.closing h2{font-size:36px}.toolbar-note{font-size:9px}.values{gap:17px}}
@media(max-width:850px){.header nav:not(.mobile-menu){gap:18px}.header .nav-cta{display:none}.hero{padding-top:40px;min-height:575px}.hero h2{font-size:21px}.hero-description{font-size:12px}.hero-actions{gap:15px}.hero-actions .button{padding:15px;font-size:11px;gap:16px}.text-link{font-size:10px;gap:7px}.hero-art{height:390px}.hero-footnote{margin-top:25px}.title-star{display:none}.label-code{bottom:48px}.art-top{font-size:7px;left:10px}.art-bottom{left:10px}.label-idea{font-size:17px;top:72px;padding:8px 12px}.section{padding-block:65px}.section-heading h2{font-size:31px}.section-heading>p{font-size:11px}.toolbar-note{display:none}.tool-preview{height:195px}.code-art{font-size:8px;left:15px}.preview-sticker{font-size:21px;right:12px;bottom:18px}.preview-tag{left:16px;font-size:7px}.swatch-art{left:22px;right:22px;top:65px;bottom:34px}.type-art{font-size:79px;left:20px}.type-art>span{margin-left:18px;font-size:33px}.text-art-label{left:20px;font-size:9px;bottom:20px}.text-art-label span{font-size:6px}.card-content{padding:17px 14px 0}.card-content h3{font-size:17px;gap:8px}.card-content p{font-size:11px;min-height:63px}.card-bottom>span:first-child{display:none}.card-bottom{justify-content:flex-end}.learning-grid{grid-template-columns:1fr}.featured-lesson{grid-template-columns:1fr 1.2fr}.lesson-visual{min-height:320px}.browser-drawing{width:205px}.lesson-copy{padding:32px}.lesson-copy h3{font-size:28px}.upcoming h3 br,.upcoming>p br{display:none}.upcoming h3{font-size:25px}.upcoming-row{font-size:12px}.about{grid-template-columns:.8fr 1.3fr;gap:30px}.about-symbol{font-size:235px}.about h2{font-size:27px}.about p:not(.eyebrow){font-size:12px}.values{gap:12px;font-size:10px;flex-wrap:wrap}.closing{padding:35px}.closing h2{font-size:29px}.closing h2>span{font-size:38px}.closing .button{font-size:11px;padding:16px;gap:12px}.faq{gap:40px}.footer-status{display:none}.footer-top p{font-size:13px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header{height:80px}.header .brand{font-size:28px}.brand svg{width:34px}.header nav:not(.mobile-menu){display:none}.menu-toggle{display:block;background:transparent;font-size:24px;padding:8px}.header .mobile-menu{position:absolute;top:73px;left:0;right:0;background:var(--paper);padding:18px;border:1px solid var(--line);border-radius:7px;flex-direction:column;gap:6px;box-shadow:0 12px 24px #0001}.hero{display:flex;flex-direction:column;align-items:stretch;padding-block:31px 25px;gap:12px}.hero .eyebrow{font-size:9px;letter-spacing:1.1px}h1{font-size:clamp(44px,11.4vw,68px);line-height:1.06;letter-spacing:-3px;margin:23px 0}.serif{letter-spacing:-3.4px}.hero h2{font-size:22px;letter-spacing:.6px}.hero-description{font-size:12px;margin-bottom:23px}.hero-actions{gap:20px}.hero-actions .button{font-size:12px;padding:16px 18px}.text-link{font-size:11px}.hero-footnote{display:none}.hero-art{height:350px;width:100%;margin-top:5px}.art-top{top:8px;font-size:8px}.art-bottom{bottom:0}.label-code{bottom:42px;left:8px;font-size:10px}.label-idea{right:8px;top:68px}.art-cross.top{top:38px}.ticker{height:51px}.ticker>div{min-width:1320px}.ticker span{font-size:14px}.ticker b{font-size:24px}.section{padding-block:52px}.section-heading{display:block;margin-bottom:26px}.section-heading h2{font-size:29px}.section-heading .eyebrow{font-size:10px;margin-bottom:12px}.section-heading>p{margin-top:17px;font-size:12px}.filters{gap:3px}.filters button{padding:9px 11px;font-size:10px}.filters button>span{font-size:9px;margin-left:3px}.tools-toolbar{margin-bottom:20px}.tool-grid{grid-template-columns:1fr;gap:22px}.tool-preview{height:230px}.preview-tag{left:24px;top:22px;font-size:8px}.code-art{font-size:13px;left:32px;top:63px}.preview-sticker{font-size:30px;right:25px;bottom:28px}.swatch-art{left:43px;right:43px;top:73px;bottom:37px}.type-art{font-size:108px;left:40px;top:25px}.type-art>span{font-size:45px;margin-left:55px}.text-art-label{left:42px;font-size:11px;bottom:25px}.text-art-label span{font-size:8px}.card-content{padding:23px 24px 0}.card-content h3{font-size:24px}.card-content p{font-size:12px;min-height:0;margin-bottom:22px}.card-bottom>span:first-child{display:block;font-size:8px}.card-bottom{justify-content:space-between;padding-block:18px}.card-meta{font-size:11px}.tool-note{font-size:10px}.featured-lesson{grid-template-columns:1fr}.lesson-visual{min-height:270px;border-right:0;border-bottom:1px solid var(--line)}.browser-drawing{width:200px}.lesson-spark{right:30px}.lesson-copy{padding:28px}.lesson-copy h3{font-size:25px}.lesson-copy h3 br{display:none}.lesson-copy .eyebrow{margin-bottom:15px}.lesson-link{margin-top:10px}.upcoming{padding:27px}.about{display:flex;flex-direction:column;gap:20px;align-items:stretch}.about-symbol{font-size:195px;max-width:230px;align-self:center}.about-symbol>span{width:75px;height:75px;font-size:7px}.about h2{font-size:30px}.about .eyebrow{font-size:10px}.about p:not(.eyebrow){font-size:13px}.values{justify-content:space-between}.closing{display:block;padding:30px 25px}.closing .eyebrow{font-size:8px;letter-spacing:1px}.closing h2{font-size:30px}.closing h2>span{margin-left:10px}.closing .button{margin-top:28px;position:relative;padding:17px 20px;font-size:12px}.closing-orbit{left:57%;top:5px}.faq{display:block;padding-block:50px}.faq h2{font-size:25px}.faq-list summary{font-size:12px}.footer{padding-block:26px}.footer-top{flex-wrap:wrap;gap:14px}.footer-top .brand{font-size:26px}.footer-top p{font-size:12px;order:3;width:100%}.footer-top>a:last-child{font-size:10px}.footer-bottom{margin-top:24px;gap:20px;font-size:8px}.footer-bottom>div{width:100%}.footer-bottom button{font-size:10px}dialog{padding:22px 20px}dialog h2{font-size:26px}.palette-swatch{min-height:140px;font-size:9px}.palette-swatch>span{padding:4px 2px}.stats{gap:7px}.stats div{padding:12px 9px;font-size:9px}.stats strong{font-size:25px}}
.omnisend-feature{display:flex;align-items:center;gap:35px;border:1px solid var(--line);border-radius:10px;background:#edf0e4;margin-bottom:35px;padding:30px;transition:background .2s}.omnisend-feature:hover{background:#e3ebd5}.omni-visual{display:flex;align-items:center;justify-content:center;min-width:235px;padding:15px 0}.omni-file{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--lime);border:1px solid #a5c780;border-radius:9px;font:40px var(--mono);width:78px;height:95px;transform:rotate(-10deg);box-shadow:5px 6px 0 #d3ddc5}.omni-file small{font:9px var(--mono);letter-spacing:2px;margin-top:9px}.omni-path{width:80px;overflow:hidden;color:#96ac7c;font-size:24px}.omni-receive{font:36px var(--mono);display:grid;place-items:center;border:1px solid #b7c4a6;border-radius:50%;width:57px;height:57px}.omni-copy{flex:1}.omni-copy .eyebrow{font-size:9px;margin-bottom:12px}.free-badge{font:9px var(--sans);letter-spacing:0;background:#dcebc9;color:#536d38;padding:5px 8px;border-radius:4px;margin-left:7px}.omni-copy h3{font-size:29px;letter-spacing:-1px;margin-bottom:12px}.omni-copy h3>span{display:inline-block;font-size:14px;letter-spacing:0;margin-left:17px;font-weight:400}.omni-copy>p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:14px}.omni-tags{display:flex;gap:16px;font-size:10px;color:#758368}.omni-tags>span:before{content:'↗';margin-right:5px}.omni-arrow{font-size:30px;margin-right:10px}.bonus-note{display:flex;gap:12px;align-items:center;justify-content:center;margin-top:26px;font-size:11px;color:var(--muted)}.bonus-note button{font-size:11px;background:none;text-decoration:underline;text-underline-offset:4px}.footer-bottom a{font:10px var(--sans)}
@media(max-width:850px){.omnisend-feature{gap:23px;padding:24px}.omni-visual{min-width:180px}.omni-path{width:45px}.omni-copy h3>span{display:block;margin:9px 0 0}.omni-arrow{margin-right:0}.omni-copy h3{font-size:25px}}
@media(max-width:700px){.omnisend-feature{display:block;position:relative;padding:25px}.omni-visual{padding:12px 0 27px}.omni-path{width:100px}.omni-copy h3>span{font-size:14px}.omni-copy>p:not(.eyebrow){font-size:12px}.omni-arrow{position:absolute;right:25px;bottom:25px}.omni-tags{font-size:9px;gap:10px;padding-right:25px}.bonus-note{flex-direction:column;gap:8px;font-size:10px}.bonus-note button{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}