:root{--paper:#f8f9f3;--ink:#273129;--muted:#72776b;--green:#d1e8a4;--line:#dde1d4;--mono:'Space Mono',monospace;--sans:'Manrope',Arial,sans-serif;--serif:'Lora',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}::selection{background:var(--green);color:var(--ink)}:focus-visible{outline:3px solid #658335;outline-offset:6px}p{line-height:1.9}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.06em}svg{display:block}button:disabled{cursor:default}section[id]{scroll-margin-top:24px}.section-wrap{width:min(1240px,calc(100% - 112px));margin-inline:auto}.section-space{padding-block:108px}.mono,.eyebrow,.section-aside,.card-category{font-family:var(--mono)}.eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1.5px;line-height:1.7}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#688e45;box-shadow:0 0 0 4px #71954d15;flex-shrink:0}.scroll-progress{position:fixed;left:0;top:0;height:3px;width:0;background:#82a652;z-index:30}.header{height:96px;max-width:1370px;padding:0 56px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:28px}.brand{font-size:25px;font-weight:800;letter-spacing:-1.5px;display:flex;align-items:center;white-space:nowrap}.brand-icon{display:grid;place-content:center;width:35px;height:35px;background:var(--green);border:1.5px solid var(--ink);border-radius:9px;margin-right:10px;font-family:var(--mono);font-size:24px;letter-spacing:-4px;padding-right:4px;display:block;text-align:center;line-height:28px}.brand-icon span{font-size:19px}.brand-suffix{font-weight:400;color:#747b6b}.header nav{display:flex;gap:33px;font-size:12px}.header nav a{position:relative;padding-block:10px}.header nav a:after{content:'';position:absolute;bottom:2px;left:0;height:2px;width:0;background:var(--ink);transition:width .2s}.header nav a:hover:after{width:100%}.nav-cta{padding:11px 16px;border:1px solid #b8c0af;border-radius:6px;font-size:11px;font-weight:600;display:flex;gap:30px;align-items:center;transition:background .2s}.nav-cta:hover{background:var(--green)}.nav-cta span{font-size:20px}.hero{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;min-height:704px;padding-top:44px;padding-bottom:110px}.hero-copy{padding-top:10px;position:relative;z-index:2}.hero-copy>.eyebrow{margin-bottom:29px;font-size:9px}.hero h1{font-size:clamp(50px,5.65vw,80px);line-height:1.2;letter-spacing:-.068em;font-weight:800;margin-bottom:30px;white-space:nowrap}.underlined{position:relative;display:inline-block}.underlined svg{position:absolute;width:100%;height:22px;bottom:-9px;left:0;overflow:visible;fill:none;stroke:#a3c56f;stroke-width:4;stroke-linecap:round;stroke-dasharray:800;stroke-dashoffset:800;animation:draw 1.2s .6s forwards}.hero-intro{color:#6b7365;font-size:14px;line-height:2}.hero-intro strong{color:var(--ink);font-weight:700}.wave{font-size:25px;color:#718f4e;display:inline-block;margin-left:8px;vertical-align:middle;animation:gentle-spin 16s linear infinite}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:26px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:17px 22px;border-radius:6px;font-size:11px;font-weight:600;transition:transform .22s,box-shadow .22s}.button-dark{background:var(--ink);color:#f9fbee;box-shadow:0 3px 0 #0000000a}.button:hover{transform:translateY(-3px);box-shadow:0 7px 0 #27312916}.button span{font-size:19px;line-height:1}.text-link{font-size:11px;display:flex;gap:15px;align-items:center}.text-link span{font-size:20px;transition:transform .2s}.text-link:hover span{transform:translateY(4px)}.hero-footnote{font-size:10px;color:#808777;margin-top:36px;display:flex;align-items:center;gap:8px}.tiny-star{font-size:17px;color:#8b9d71}.hero-art{position:relative;min-width:0;height:500px;perspective:900px}.art-grid{position:absolute;inset:35px -12px 5px 5px;border-radius:50%;background-image:radial-gradient(#bcc8ae 1px,transparent 1px);background-size:17px 17px;mask-image:radial-gradient(ellipse,#0009 45%,transparent 70%)}.dev-illustration{position:absolute;width:111%;max-width:none;left:-5%;top:5px;overflow:visible;transition:transform .3s}.character{animation:bob 6s ease-in-out infinite;transform-origin:center}.eyes{animation:blink 5s infinite;transform-origin:302px 179px}.steam{animation:steam 3s ease-in-out infinite}.floating-label{position:absolute;z-index:3;font-family:var(--mono);font-size:9px;display:flex;align-items:center;gap:9px;border:1px solid #d8decf;background:#ffffffdc;border-radius:7px;box-shadow:0 5px 16px #29352907;padding:12px 15px;white-space:nowrap}.label-top{left:15%;top:10px;transform:rotate(-4deg);animation:label-float 6s ease-in-out infinite}.label-bottom{bottom:7px;left:19%;transform:rotate(3deg);animation:label-float 6s 2s ease-in-out infinite}.code-symbol{color:#657e45;font-weight:700;font-size:15px}.cursor{animation:blink-cursor 1s steps(1) infinite}.sticky-note{position:absolute;left:-5px;top:110px;width:141px;background:#f3e6a9;padding:18px 11px 19px 15px;font-family:var(--mono);font-size:9px;line-height:2;transform:rotate(-10deg);box-shadow:4px 5px 0 #a3986317;z-index:3}.sticky-note:before{content:'';position:absolute;width:53px;height:15px;top:-7px;left:42px;background:#dedfbcbb;transform:rotate(2deg)}.sticky-note span{font-size:8px;color:#777451;display:block;line-height:1}.sticky-note svg{position:absolute;right:4px;bottom:-38px;width:69px;fill:none;stroke:#8a9677;stroke-width:1.6;transform:rotate(10deg)}.art-spark{position:absolute;color:#7c965c}.spark-one{right:18px;top:37px;font-size:58px;animation:gentle-spin 25s linear infinite}.spark-two{left:10%;bottom:57px;font-size:29px;transform:rotate(10deg)}.art-coordinate{position:absolute;bottom:-28px;right:34px;font-family:var(--mono);font-size:7px;letter-spacing:1px;color:#969b8e}.scroll-cue{position:absolute;left:0;bottom:34px;display:flex;align-items:center;gap:14px;font-family:var(--mono);font-size:8px;letter-spacing:1px;color:#8d9384}.scroll-arrow{display:grid;place-items:center;width:25px;height:35px;border:1px solid #c6cebc;border-radius:20px;font-size:17px;animation:scroll-bob 2s infinite}.marquee{overflow:hidden;border-block:1px solid var(--line);background:#edf1e4;padding-block:18px}.marquee-track{width:max-content;display:flex;gap:46px;align-items:center;animation:marquee 35s linear infinite}.marquee-track span{font-size:14px;font-weight:600;letter-spacing:1px}.marquee-track i{font-size:25px;font-style:normal;color:#819568}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:47px}.section-heading>.eyebrow{color:#737c66}.section-aside{font-size:9px;color:#8e9484;display:flex;gap:9px;align-items:center}.about-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:125px;align-items:center}h2{font-size:46px;line-height:1.3;font-weight:700;margin-bottom:26px;letter-spacing:-.055em}.serif{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.06em}.about-copy p{font-size:12px;color:#737a6b;max-width:470px;margin-bottom:15px;line-height:2.1}.signature{font-size:14px;font-family:var(--serif);font-style:italic;color:#647b45;margin-top:28px;display:flex;gap:18px;align-items:center}.signature span{font-size:36px;transform:rotate(14deg)}.identity-card{position:relative;border:1px solid #bdc8b0;border-radius:10px;background:#edf1e4;padding:27px 29px 23px;box-shadow:9px 9px 0 #e4e9db;transform:rotate(3deg);max-width:390px;transition:transform .3s}.id-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px dashed #bac6aa;font-size:10px;letter-spacing:2px}.id-mark{font-size:29px;line-height:1;color:#789653}.id-main{display:flex;align-items:center;gap:20px;padding-top:26px;margin-bottom:24px}.pixel-avatar{width:75px;height:78px;background:#dbe5c9;border:1px solid #bfceab;padding:8px 7px 0;overflow:hidden;border-radius:4px}.pixel-avatar svg{width:100%;image-rendering:pixelated}.id-main h3{font-family:var(--mono);font-size:35px;margin-bottom:0;line-height:1.4}.id-main h3 span{color:#8a9d6c}.id-main .mono{font-size:9px;color:#7e886e}.identity-card dl{font-size:10px;margin:0 0 27px}.identity-card dl div{display:flex;justify-content:space-between;gap:12px;padding-block:9px}.identity-card dt{color:#818973}.identity-card dd{margin:0;font-weight:500}.identity-card dd.wallet{font-family:var(--mono);font-size:9px;color:#95764b}.id-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px dashed #bbc7ad;padding-top:19px}.id-bottom .mono{font-size:6px;letter-spacing:1px}.barcode{width:70px;height:23px;background:repeating-linear-gradient(90deg,#495b37 0 1px,transparent 1px 3px,#495b37 3px 6px,transparent 6px 8px,#495b37 8px 9px,transparent 9px 12px)}.id-stamp{position:absolute;right:-23px;top:-26px;display:grid;place-content:center;width:70px;height:70px;border:1px solid #6e8358;border-radius:50%;background:var(--paper);text-align:center;font-family:var(--mono);font-size:10px;line-height:1.5;transform:rotate(-15deg);outline:1px dashed #6e8358;outline-offset:-6px}.beliefs{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:80px;padding-top:30px;border-top:1px solid var(--line)}.beliefs>div{display:flex;gap:17px}.beliefs>div>span{font-family:var(--mono);font-size:9px;color:#8e9a7e;padding-top:4px}.beliefs p{font-size:11px;line-height:1.8;margin:0;color:#87907a}.beliefs strong{font-weight:500;color:#45523c}.playground{background:#eef1e7;border-block:1px solid var(--line)}.play-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:35px;gap:28px}.play-title h2{margin-bottom:0}.play-title>p{font-size:11px;line-height:2;color:#7c8372;margin-bottom:8px}.play-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.play-card{border:1px solid #cfd7c3;border-radius:9px;overflow:hidden;background:var(--paper);transition:transform .3s,box-shadow .3s}.play-card:hover{transform:translateY(-7px);box-shadow:0 12px 18px #3e4d2907}.demo{height:215px;border-bottom:1px solid #d1dac7;position:relative;overflow:hidden}.bug-demo{background:#e5ebd8;background-image:linear-gradient(#c6d1b344 1px,transparent 1px),linear-gradient(90deg,#c6d1b344 1px,transparent 1px);background-size:23px 23px}.demo-label{position:absolute;inset:16px 18px auto;display:flex;justify-content:space-between;font-family:var(--mono);font-size:8px;color:#879472}.bug-field{position:absolute;inset:40px 15px 14px}.bug-target{position:absolute;left:calc(50% - 26px);top:25px;background:#c8dfa3;border:1px solid #a6bc80;border-radius:13px;width:56px;height:56px;display:grid;place-items:center;box-shadow:0 3px 0 #a2ba7a44;transition:left .16s,top .16s,transform .16s}.bug-target:hover{transform:rotate(-10deg)}.bug-target svg{width:37px}.bug-hint{position:absolute;bottom:9px;left:0;right:0;text-align:center;font-family:var(--mono);font-size:8px;color:#7d8c67;pointer-events:none}.idea-demo{background:#ece6d6;display:grid;place-items:center}.idea-paper{background:#fffbed;position:relative;width:75%;padding:22px 21px 19px;transform:rotate(-5deg);box-shadow:6px 8px 0 #8e855815;transition:transform .3s}.idea-paper:before{position:absolute;content:'';top:-7px;width:56px;height:16px;background:#d8d5b795;left:40%;transform:rotate(3deg)}.idea-paper .mono{font-size:8px;color:#a59873}.idea-paper p{font-size:11px;line-height:1.9;color:#776b49;margin:16px 0 6px;min-height:42px}.paper-star{position:absolute;right:13px;top:10px;color:#bea95b;font-size:22px}.idea-orbit{position:absolute;left:20px;bottom:-42px;width:160px;height:160px;border:1px solid #d9d0b9;border-radius:50%}.idea-orbit span{position:absolute;right:0;top:0;color:#bbaa77;font-size:35px}.terminal-demo{background:#29362e;color:#e6ebd9;font-family:var(--mono)}.terminal-top{padding:16px;display:flex;justify-content:space-between;font-size:8px;color:#92a590;border-bottom:1px solid #52644755}.terminal-top>span:first-child{display:flex;gap:5px}.terminal-top i{width:6px;height:6px;border-radius:50%;background:#74836b}.terminal-top i:first-child{background:#b88c7a}.terminal-top i:nth-child(2){background:#beae76}.terminal-body{padding:23px 21px;font-size:9px}.terminal-body p{margin-bottom:12px;line-height:1.5}.terminal-green{color:#c7dea4}.terminal-muted{color:#8e9e86}.card-content{padding:24px 23px 22px}.card-category{font-size:7px;color:#8a9380;letter-spacing:1px}.card-content h3{font-size:16px;letter-spacing:-.045em;font-weight:600;margin-block:14px 10px;line-height:1.5}.card-content p{font-size:10px;line-height:1.9;color:#858c7b;margin-bottom:25px;min-height:38px}.card-action{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);width:100%;background:none;text-align:left;padding:17px 0 0;font-size:10px}.card-action span{font-size:21px;line-height:1;transition:transform .2s}.card-action:hover span{transform:translate(3px,-3px)}.coffee{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;padding-block:110px}.coffee-art{position:relative;justify-self:center}.coffee-button{background:none;width:245px;padding:0;display:flex;flex-direction:column;align-items:center;position:relative;transition:transform .2s}.coffee-button:hover{transform:rotate(-5deg) scale(1.04)}.coffee-button:active{transform:scale(.94)}.coffee-button svg{width:220px}.coffee-steam{font-family:var(--serif);font-size:37px;color:#a2b487;letter-spacing:5px;margin-bottom:-9px;animation:steam 3s infinite}.coffee-click{font-family:var(--mono);font-size:8px;color:#879776;display:block;margin-top:20px;border-bottom:1px dashed #bac8a7;padding-bottom:5px}.coffee-doodle{position:absolute;top:32px;right:-64px;font-family:var(--serif);font-style:italic;font-size:16px;color:#879b6a;transform:rotate(13deg)}.coffee-copy>.eyebrow{font-size:8px;color:#8a957c;margin-bottom:19px}.coffee-copy h2{font-size:39px;line-height:1.35;margin-bottom:17px}.coffee-copy>p{font-size:11px;color:#808875;margin-bottom:22px}.energy-row{display:flex;justify-content:space-between;max-width:300px;font-size:8px;color:#8a957b;margin-bottom:9px}.energy-meter{width:100%;max-width:300px;height:7px;border-radius:20px;background:#e4e9da;overflow:hidden}.energy-meter>span{display:block;width:30%;height:100%;background:#9ab775;border-radius:20px;transition:width .5s}.coffee-copy>.coffee-disclaimer{font-size:8px;color:#989f8e;margin-top:13px;margin-bottom:0}.contact{background:var(--green);padding-top:60px;border-top:1px solid #b9d38a;position:relative;overflow:hidden}.contact .section-heading{margin-bottom:13px}.contact .eyebrow{color:#657b47}.contact-star{font-size:55px;color:#667e43;line-height:1;animation:gentle-spin 30s linear infinite}.contact-main{display:flex;align-items:center;justify-content:space-between;gap:45px;padding-block:15px 60px}.contact-main h2{font-size:45px;line-height:1.4;margin:0;max-width:620px}.contact-main p{font-size:11px;color:#667d49;margin-bottom:22px}.contact-main .button{font-size:10px;padding:16px 19px;gap:22px}.contact-handle{display:block;margin-top:13px;font-family:var(--mono);font-size:8px;color:#7e945f;text-align:center}footer{display:flex;align-items:center;gap:32px;border-top:1px solid #b3ce83;padding-block:26px}footer .brand{font-size:23px}footer .brand-suffix{color:#7c945d}footer>span{color:#7c935f;font-family:var(--mono);font-size:8px;margin-right:auto}.motion-toggle{background:none;font-size:8px;color:#607b3c;padding:10px 0;display:flex;align-items:center;gap:10px}.back-top{display:grid;place-items:center;border:1px solid #a5bf79;width:32px;height:32px;border-radius:50%;font-size:19px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);background:#273129;color:#edf3e2;padding:15px 23px;font-size:12px;border:1px solid #758369;border-radius:8px;box-shadow:0 10px 35px #27312922;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;z-index:50;max-width:calc(100% - 32px);width:max-content;line-height:1.7}.toast.visible{opacity:1;transform:translate(-50%,0)}.confetti-container{position:fixed;inset:0;z-index:45;pointer-events:none;overflow:hidden}.confetti-piece{position:absolute;width:9px;height:12px;animation:confetti 1.7s cubic-bezier(.16,.68,.44,1) forwards}.skip{position:fixed;top:-80px;left:15px;background:var(--ink);color:white;padding:14px;z-index:60}.skip:focus{top:12px}.js-motion .reveal{opacity:0;transform:translateY(24px);transition:opacity .75s,transform .75s}.js-motion .reveal.visible{opacity:1;transform:translateY(0)}.js-motion .identity-card.visible{transform:rotate(3deg)}.play-card:nth-child(2){transition-delay:.1s}.play-card:nth-child(3){transition-delay:.2s}.no-motion *, .no-motion *:before,.no-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.no-motion{scroll-behavior:auto}.no-motion .reveal{opacity:1;transform:none}.no-motion .underlined svg{stroke-dashoffset:0}.no-motion .confetti-piece{display:none}
@keyframes draw{to{stroke-dashoffset:0}}@keyframes gentle-spin{to{transform:rotate(360deg)}}@keyframes bob{50%{transform:translateY(3px)}}@keyframes blink{0%,43%,47%,100%{transform:scaleY(1)}45%{transform:scaleY(.1)}}@keyframes steam{0%,100%{opacity:.35;transform:translateY(3px)}50%{opacity:.8;transform:translateY(-5px)}}@keyframes label-float{50%{translate:0 -9px}}@keyframes blink-cursor{50%{opacity:0}}@keyframes scroll-bob{50%{transform:translateY(5px)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes confetti{0%{transform:translate(0,0) rotate(0);opacity:1}100%{transform:translate(var(--dx),var(--dy)) rotate(var(--rot));opacity:0}}
@media(min-width:1440px){.hero{min-height:750px}.hero-art{height:550px}.hero h1{font-size:83px}.sticky-note{top:133px}.label-bottom{bottom:25px}.art-coordinate{bottom:1px}}
@media(max-width:1150px){.section-wrap{width:calc(100% - 80px)}.header{padding-inline:40px}.hero{min-height:655px}.hero h1{font-size:6vw}.hero-art{height:440px}.hero-intro{font-size:12px}.hero-actions{gap:16px}.button{font-size:10px;padding:16px 18px;gap:20px}.text-link{font-size:10px}.label-bottom{bottom:5px;font-size:8px;left:12%}.sticky-note{left:-10px;top:105px;transform:rotate(-10deg) scale(.86)}.label-top{font-size:7px}.spark-one{right:0;top:25px;font-size:45px}.art-coordinate{font-size:6px;right:0}.about-grid{gap:75px}.identity-card{padding-inline:22px}.card-content{padding:21px 18px}.card-content h3{font-size:14px}.terminal-body{font-size:8px;padding-inline:15px}.play-title>p{font-size:10px}.coffee{gap:60px}.contact-main h2{font-size:37px}}
@media(max-width:860px){.section-wrap{width:calc(100% - 48px)}.header{height:80px;padding-inline:24px}.header nav{gap:20px;font-size:10px}.nav-cta{font-size:10px;gap:16px}.hero{min-height:590px;gap:0;padding-bottom:85px;padding-top:20px}.hero h1{font-size:6.15vw}.hero-copy>.eyebrow{font-size:7px;letter-spacing:1px;margin-bottom:23px}.hero-intro{font-size:11px}.hero-art{height:340px}.sticky-note{top:70px;left:-27px;transform:rotate(-10deg) scale(.68)}.label-top{top:-5px;left:15%;font-size:6px;padding:8px 11px}.label-bottom{bottom:0;font-size:6px;padding:7px 8px;gap:5px;left:13%}.art-coordinate{font-size:5px;bottom:-18px}.hero-actions{flex-wrap:wrap;gap:17px}.hero-footnote{font-size:8px;margin-top:25px}.hero .button{font-size:9px;gap:12px;padding:13px 15px}.text-link{font-size:9px;gap:8px}.spark-one{font-size:34px;right:-4px;top:15px}.spark-two{font-size:19px;left:8%;bottom:35px}.section-space{padding-block:80px}h2{font-size:36px}.about-grid{gap:40px}.about-copy p{font-size:11px}.identity-card{padding:22px 19px}.id-top{font-size:8px}.id-main{gap:12px}.id-main h3{font-size:29px}.pixel-avatar{width:62px;height:66px}.identity-card dl{font-size:8px}.identity-card dd.wallet{font-size:7px}.id-bottom .mono{font-size:5px}.id-stamp{width:57px;height:57px;right:-9px;font-size:8px}.beliefs{margin-top:55px;gap:18px}.beliefs p{font-size:9px}.beliefs>div{gap:11px}.play-cards{gap:13px}.demo{height:183px}.card-content{padding:19px 13px}.card-category{font-size:6px;letter-spacing:.6px}.card-content h3{font-size:13px;min-height:39px}.card-content p{font-size:9px;min-height:51px}.card-action{font-size:9px}.idea-paper{padding:20px 12px;width:83%}.idea-paper p{font-size:9px}.terminal-body{font-size:7px;padding:24px 12px}.terminal-body p{margin-bottom:13px}.demo-label{font-size:6px;inset:13px 12px auto}.bug-hint{font-size:6px}.coffee-copy h2{font-size:32px}.coffee{gap:30px}.coffee-art{transform:scale(.9)}.coffee-doodle{right:-35px;font-size:13px}.contact-main h2{font-size:31px}.contact-main{gap:20px}.contact-main .button{font-size:8px;gap:14px;padding:14px}.contact-main p{font-size:9px}footer{gap:20px}footer>span{font-size:6px}}
@media(max-width:620px){.section-wrap{width:calc(100% - 40px)}.header{height:74px;padding-inline:20px}.brand{font-size:23px}.brand-icon{width:32px;height:32px;font-size:22px}.header nav{display:none}.nav-cta{padding:7px 11px;gap:20px;font-size:9px}.hero{grid-template-columns:1fr;padding-top:43px;padding-bottom:81px;gap:0;min-height:0}.hero-copy{padding:0}.hero-copy>.eyebrow{font-size:7.5px;margin-bottom:23px;letter-spacing:1.15px}.hero h1{font-size:clamp(41px,10.9vw,67px);letter-spacing:-.068em;margin-bottom:30px;line-height:1.22}.underlined svg{bottom:-11px;height:19px}.hero-intro{font-size:12px;line-height:1.95}.hero-actions{gap:24px;margin-top:24px}.hero .button{padding:16px 18px;font-size:10px;gap:20px}.text-link{font-size:10px;gap:12px}.hero-footnote{font-size:8px;margin-top:25px}.hero-art{width:100%;max-width:430px;justify-self:center;height:auto;aspect-ratio:1.07;margin-top:44px}.dev-illustration{width:105%;left:-2%;top:0}.art-grid{inset:20px 0 0}.label-top{top:3px;font-size:7px;left:22%;padding:8px 10px}.sticky-note{left:-13px;top:68px;transform:rotate(-10deg) scale(.76)}.spark-one{right:4px;top:41px;font-size:39px}.label-bottom{bottom:-4px;left:25%;font-size:6px;padding:9px}.spark-two{left:13%;bottom:38px}.art-coordinate{bottom:-28px;right:15%;font-size:5.5px}.scroll-cue{bottom:17px;font-size:6px;gap:9px;left:3px}.scroll-arrow{width:19px;height:27px;font-size:13px}.marquee{padding-block:13px}.marquee-track{gap:29px}.marquee-track span{font-size:11px}.marquee-track i{font-size:20px}.section-space{padding-block:65px}.section-heading{margin-bottom:35px;gap:12px}.section-heading>.eyebrow{font-size:8px;letter-spacing:1px}.section-aside{font-size:6px}.about-grid{grid-template-columns:1fr;gap:48px}h2{font-size:36px;margin-bottom:22px}.about-copy p{font-size:11px;line-height:2.1;max-width:450px}.signature{font-size:13px;margin-top:17px}.identity-card{width:min(330px,90%);justify-self:center;padding:25px}.id-top{font-size:9px}.id-main{gap:20px}.id-main h3{font-size:33px}.pixel-avatar{width:68px;height:73px}.identity-card dl{font-size:9px}.identity-card dd.wallet{font-size:8px}.id-bottom .mono{font-size:6px}.id-stamp{width:65px;height:65px;right:-16px;font-size:9px}.beliefs{margin-top:55px;gap:21px;grid-template-columns:1fr}.beliefs>div{align-items:baseline;gap:20px}.beliefs p{font-size:10px}.beliefs p br{display:none}.beliefs p strong{margin-left:4px}.play-title{display:block;margin-bottom:30px}.play-title h2{margin-bottom:20px}.play-title>p{font-size:10px}.play-cards{grid-template-columns:1fr;gap:25px}.demo{height:210px}.card-content{padding:23px}.card-category{font-size:8px}.card-content h3{font-size:18px;min-height:0;margin-top:14px}.card-content p{font-size:11px;min-height:0;max-width:320px}.card-action{font-size:11px;padding-top:19px}.demo-label{font-size:9px;inset:15px 19px auto}.bug-field{inset:36px 20px 13px}.bug-target{top:30px}.bug-hint{font-size:8px}.idea-paper{width:72%;max-width:280px;padding:21px}.idea-paper p{font-size:11px}.terminal-top{font-size:9px}.terminal-body{font-size:10px;padding:23px}.terminal-body p{margin-bottom:13px}.coffee{grid-template-columns:1fr;gap:44px}.coffee-art{transform:none}.coffee-button{width:220px}.coffee-button svg{width:195px}.coffee-doodle{right:-37px;font-size:14px}.coffee-copy{max-width:380px;justify-self:center;width:100%}.coffee-copy h2{font-size:34px}.coffee-copy>p{font-size:11px}.energy-meter,.energy-row{max-width:100%}.contact{padding-top:42px}.contact-main{display:block;padding-bottom:41px}.contact-main h2{font-size:34px;line-height:1.4;margin-bottom:24px}.contact-main p{font-size:11px}.contact-main .button{font-size:10px;padding:17px 19px;gap:28px}.contact-handle{text-align:left;padding-left:5px;margin-top:15px}.contact-star{font-size:38px}.contact .section-heading{margin-bottom:14px}footer{flex-wrap:wrap;gap:19px;padding-block:25px}footer .brand{font-size:22px}footer>span{font-size:6px;margin-left:auto;margin-right:0}.motion-toggle{font-size:8px}.back-top{margin-left:auto;width:29px;height:29px;font-size:17px}.toast{font-size:10px;padding:13px 17px;bottom:18px}.play-card:nth-child(n){transition-delay:0s}}
@media(prefers-reduced-motion:reduce){html:not(.allow-motion){scroll-behavior:auto}html:not(.allow-motion) *,html:not(.allow-motion) *:before,html:not(.allow-motion) *:after{animation:none!important;transition:none!important}html:not(.allow-motion) .underlined svg{stroke-dashoffset:0}html:not(.allow-motion).js-motion .reveal{opacity:1;transform:none}}

/* Readable supporting text and comfortable interactive targets. */
.hero-intro{font-size:16px}.header nav{font-size:13px}.hero .button,.text-link{font-size:12px}.about-copy p{font-size:14px;color:#65715e}.play-title>p,.coffee-copy>p,.contact-main p{font-size:13px;color:#637158}.card-content p{font-size:12px;color:#69735f}.card-action{font-size:12px;min-height:44px}.card-category{font-size:8px;color:#68755b}.beliefs p{font-size:12px}.contact-main .button{font-size:12px}.contact-handle{font-size:10px;color:#596f3c}.motion-toggle{min-height:44px}.coffee-click{font-size:10px;color:#667851}.coffee-copy>.coffee-disclaimer{font-size:10px;color:#727d65}.hero-footnote{font-size:11px;color:#69745f}.terminal-body{font-size:10px}.idea-paper p{font-size:12px}
@media(max-width:1150px){.hero-intro{font-size:14px}.hero .button,.text-link{font-size:11px}.hero-actions{gap:18px}.card-content p{font-size:11px}.card-action{font-size:11px}.terminal-body{font-size:9px}.about-grid{gap:65px}.contact-main .button{font-size:10px}}
@media(max-width:860px){.hero-intro{font-size:12px}.hero .button,.text-link{font-size:10px}.hero-footnote{font-size:9px}.header nav{font-size:11px}.about-grid{gap:40px}.about-copy p{font-size:12px}.play-title>p{font-size:11px}.beliefs p{font-size:10px}.card-content p{font-size:10px}.card-action{font-size:10px}.idea-paper p{font-size:10px}.terminal-body{font-size:8px}.coffee-copy>p,.contact-main p{font-size:11px}.contact-main .button{font-size:9px}.contact-handle{font-size:8px}}
@media(max-width:620px){.hero-intro{font-size:14px}.hero .button,.text-link{font-size:11px}.hero-actions{gap:20px}.hero-footnote{font-size:10px}.about-copy p{font-size:13px}.beliefs p{font-size:11px}.play-title>p{font-size:12px}.card-content p{font-size:13px}.card-action{font-size:12px}.idea-paper p{font-size:12px}.terminal-body{font-size:11px}.coffee-copy>p,.contact-main p{font-size:13px}.contact-main .button{font-size:11px}.contact-handle{font-size:10px}.section-aside{display:none}.coffee-copy>.coffee-disclaimer{font-size:10px}}
@media(max-width:360px){.hero .button,.text-link{font-size:10px}.hero-actions{gap:13px}.hero .button{padding-inline:14px;gap:14px}.hero-intro{font-size:13px}.beliefs p{font-size:10px}}

/* Accessible contrast, legible labels, and touch targets. */
[hidden]{display:none!important}
.brand-suffix,.scroll-cue,.art-coordinate,.section-heading>.eyebrow,.section-aside,
.id-main .mono,.identity-card dt,.beliefs>div>span,.beliefs p,
.coffee-doodle,.coffee-copy>.eyebrow,.energy-row,.coffee-copy>.coffee-disclaimer{color:#5e6d50}
.sticky-note span{color:#655b35}
.signature,.coffee-click{color:#526b39}
.identity-card dd.wallet{color:#806039}
.demo-label,.bug-hint{color:#52663b}
.idea-paper .mono{color:#776b49}
.terminal-muted{color:#a4b29c}
.contact .eyebrow,.contact-main p,.contact-handle,footer .brand-suffix,footer>span,.motion-toggle{color:#455b30}
.section-heading>.eyebrow,.coffee-copy>.eyebrow,.energy-row,.card-category{font-size:11px;letter-spacing:.8px}
.section-aside,.scroll-cue{font-size:10px}
.id-main .mono,.identity-card dl,.identity-card dd.wallet{font-size:12px}
.identity-card dl div{align-items:baseline}
.identity-card dt,.identity-card dd{flex:1;min-width:0}
.identity-card dd{text-align:right}
.id-bottom{gap:12px}.id-bottom .mono{font-size:8px;letter-spacing:.4px}
.barcode{flex-shrink:0;width:55px}
.beliefs>div>span{font-size:11px}.beliefs p{font-size:13px}
.demo-label,.bug-hint,.idea-paper .mono,.terminal-top{font-size:10px}
.terminal-body{font-size:11px;line-height:1.7}
.card-category{letter-spacing:.4px}
.coffee-copy>.coffee-disclaimer,.contact-handle,footer>span{font-size:11px}
.motion-toggle{font-size:11px;min-height:44px;white-space:nowrap}
.text-link,.scroll-cue{min-height:44px}
.back-top{width:44px;height:44px;flex-shrink:0;border-color:#6d834f}
:focus-visible{outline-color:#52663b}
.page-hidden *,.page-hidden *:before,.page-hidden *:after{animation-play-state:paused!important}

/* One navigation for desktop, mobile, keyboard, and no-JavaScript visits. */
.header{position:relative;z-index:10;gap:20px}
.nav-group{margin-inline:auto}
.header nav{gap:24px}
.header nav a{display:flex;align-items:center;min-height:44px}
.header-actions{display:flex;align-items:center;gap:16px}
.nav-cta{min-height:44px;border-color:#7c886d}
.header-motion{gap:8px;color:#52663b}
.header-motion [data-motion-icon]{font-size:18px}
.motion-short{display:none}
.menu-toggle{display:none;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:8px 14px;background:transparent;border:1px solid #7c886d;border-radius:6px;font-size:12px}
@media(max-width:1150px){
  .header{gap:16px}.header nav{gap:18px;font-size:12px}.header-actions{gap:14px}
  .header-motion [data-motion-label]{display:none}.header-motion{width:58px;justify-content:center;flex-direction:column-reverse;gap:2px;padding:5px;border:1px solid #7c886d;border-radius:6px}
  .header-motion [data-motion-icon]{font-size:16px;line-height:16px}.motion-short{display:block;font-size:9px;line-height:13px}
  .nav-cta{gap:16px}
}
@media(max-width:1000px) and (min-width:621px){
  .play-cards{grid-template-columns:1fr;gap:22px}
  .play-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .demo{height:auto;min-height:235px;border-bottom:0;border-right:1px solid #cfd7c3}
  .card-content{padding:26px}.card-content h3{font-size:18px;min-height:0}.card-content p{font-size:13px;min-height:0}.card-action{font-size:12px}
  .idea-paper p{font-size:13px}.terminal-body{font-size:12px;padding:24px 20px}
  .demo-label{inset:16px}.bug-hint{font-size:10px}
}
@media(max-width:860px){
  .header{flex-wrap:wrap;height:auto;min-height:80px;padding-block:16px;gap:12px}
  .header>.brand{margin-right:auto}.nav-group{margin:0}.header-actions{gap:12px}
  .js .menu-toggle{display:inline-flex}
  .header nav{font-size:14px}
  .js .header nav{display:none;position:absolute;top:calc(100% + 8px);left:24px;right:24px;padding:12px;background:var(--paper);border:1px solid #bbc6ad;border-radius:10px;box-shadow:0 12px 32px #2731291a}
  .js .header nav.is-open{display:flex;flex-direction:column;gap:4px}
  .header nav a{padding:12px 16px;border-radius:5px}
  .header nav a:hover{background:#edf1e4}
  .header nav a:after{display:none}
  html:not(.js) .nav-group{order:3;width:100%}
  html:not(.js) .header nav{display:flex;flex-wrap:wrap;gap:4px}
  .id-main .mono,.identity-card dl,.identity-card dd.wallet{font-size:11px}
  .id-bottom{flex-wrap:wrap}
  .section-heading>.eyebrow{font-size:10px}
}
@media(max-width:620px){
  .header{min-height:76px;padding-block:15px;gap:8px}.header .nav-cta{display:none}
  .menu-toggle{font-size:11px;padding-inline:10px;gap:6px}
  .js .header nav{left:20px;right:20px}
  .hero-copy>.eyebrow{font-size:9px;letter-spacing:.7px}
  .hero .button,.text-link{font-size:12px}
  .about-copy p,.coffee-copy>p,.contact-main p{font-size:14px}
  .beliefs p{font-size:12px}
  .card-category{font-size:10px}
  .terminal-body{font-size:12px}
  .card-content p{font-size:14px}.card-action{font-size:13px}
  .coffee-copy>.coffee-disclaimer{font-size:11px}
  .contact-main .button{font-size:12px}
  .identity-card{padding:23px}.id-bottom{flex-wrap:nowrap;gap:8px}
  .id-bottom .mono{font-size:7px}
  footer{gap:16px}footer>span{font-size:9px}
  .art-coordinate{font-size:7px;right:0;left:0;text-align:center;letter-spacing:.3px}
  .scroll-cue{font-size:9px;bottom:10px}
}
@media(max-width:360px){
  .hero-actions{gap:10px}.hero .button,.text-link{font-size:11px}.hero .button{gap:12px}
  .beliefs p br{display:block}.beliefs p strong{margin-left:0}
  .identity-card{padding:20px}.id-main{gap:12px}.id-main .mono{font-size:10px}
  footer>span{font-size:8px}
}

/* A real donation lives on its own page, beside the virtual coffee game. */
.donate-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-top:16px;font-size:11px;font-weight:500;line-height:1.8;color:#455b30;text-decoration:underline;text-underline-offset:4px}.donate-link>span{font-size:18px;flex-shrink:0}

/* Vietnamese headings: keep the accent font consistent and give diacritics room. */
h1,h2,h3{letter-spacing:-.04em}
.hero h1{letter-spacing:-.045em}
.serif{letter-spacing:-.025em}