@font-face{font-family:Pixel;src:url('assets/fonts/pixelify-bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Pixel;src:url('assets/fonts/pixelify-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Nunito;src:url('assets/fonts/nunito-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Nunito;src:url('assets/fonts/nunito-bold.ttf') format('truetype');font-weight:600 900;font-display:swap}
:root{--ink:#35214f;--purple:#8454d6;--lavender:#d5b8ff;--mint:#9df5c8;--cream:#fff9e7;--pink:#ffafd0;--blue:#b5dcff;--line:#35214f;--paper:#f5edff;--pixel:4px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Nunito,Arial,sans-serif;font-size:16px;line-height:1.6;background-image:linear-gradient(90deg,#dfcef72b 1px,transparent 1px),linear-gradient(#dfcef72b 1px,transparent 1px);background-size:24px 24px}a{color:inherit;text-decoration:none}button,input,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a,button{touch-action:manipulation}button[hidden],[hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #e44194;outline-offset:6px}img{image-rendering:pixelated}h1,h2,h3,.wordmark{font-family:Pixel,monospace;font-weight:700}h1,h2,h3,p{margin-top:0}.nav,main,footer{max-width:1360px;margin:auto}.nav{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 40px}.wordmark{display:inline-flex;align-items:center;gap:8px;font-size:42px;line-height:1;color:var(--ink);letter-spacing:-1px;text-shadow:2px 2px 0 #d6baff}.wordmark span{display:inline-block;font-size:27px;color:#ab64e2;text-shadow:2px 2px 0 var(--ink)}.nav nav{display:flex;gap:9px}.nav nav a{font-family:Pixel,monospace;font-size:18px;font-weight:700;padding:8px 14px;border:2px solid transparent}.nav nav a:hover{background:#e6d1ff;border-color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.pill{display:inline-block;font-family:Pixel,monospace;font-size:14px;font-weight:700;letter-spacing:.5px;line-height:1.4;padding:7px 12px;border:2px solid var(--ink);background:#ffe4aa;box-shadow:3px 3px 0 var(--ink);white-space:nowrap}.nav>.pill{transform:rotate(2deg)}.eyebrow{font-family:Pixel,monospace;font-size:15px;font-weight:700;letter-spacing:1.5px;line-height:1.4}.intro{position:relative;isolation:isolate;margin:4px 28px 0;min-height:590px;padding:49px 48px 80px;border:4px solid var(--ink);background:#688bf7 url('assets/trenchbun-world.png') center bottom/cover no-repeat;image-rendering:pixelated;box-shadow:8px 8px 0 #b79bdd;overflow:hidden}.intro>.eyebrow{display:inline-block;background:var(--cream);border:2px solid var(--ink);padding:6px 12px;box-shadow:3px 3px 0 var(--ink);position:relative;z-index:2;max-width:100%;font-size:14px}.intro h1{position:relative;z-index:2;max-width:720px;color:var(--cream);font-size:clamp(55px,5.9vw,82px);line-height:1.02;letter-spacing:-2.2px;margin:24px 0 20px;text-shadow:4px 0 var(--ink),-3px 0 var(--ink),0 -3px var(--ink),0 4px var(--ink),5px 7px 0 #493061}.intro p{position:relative;z-index:2;max-width:580px;color:#fffef4;font-size:18px;line-height:1.65;font-weight:800;text-shadow:1px 2px 0 #34437d;margin-bottom:26px}.button{display:inline-flex;justify-content:center;align-items:center;padding:13px 23px;font-family:Pixel,monospace;font-size:21px;font-weight:700;border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);transition:transform .12s,box-shadow .12s;position:relative;z-index:2}.primary{background:var(--mint);color:var(--ink)}.button:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--ink);background:#b7ffdf}.button:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}.targets{position:relative;z-index:2;display:inline-flex;align-items:center;gap:13px;background:var(--cream);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font-size:14px;padding:9px 15px;margin-top:34px;clear:both}.intro>.button{display:flex;width:max-content}.targets b{font-family:Pixel,monospace;font-size:17px}.targets span{color:#9773b6}.intro-pets{position:absolute;right:26px;bottom:28px;display:flex;align-items:flex-end;pointer-events:none;z-index:1}.intro-pets .hero-bun{width:190px;margin:-19px;transform-origin:center bottom;filter:drop-shadow(0 8px 0 #35214f28)}.intro-pets .hero-bun:nth-child(2){width:270px;position:relative;z-index:2;transform:translateY(-15px)}.intro-pets .hero-bun:first-child{transform:translateY(4px)}.intro-pets .hero-bun:last-child{transform:translateY(8px)}section:not(.intro){padding:0 40px}.playground{margin-top:85px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px}.section-title>.pill{background:#9df5c8;transform:rotate(-2deg)}h2{font-size:43px;line-height:1.14;letter-spacing:-.8px;margin:8px 0 0}.section-title .eyebrow{color:#7551a1}.section-title p{color:#765690;font-weight:700;font-size:16px;margin:0}.demo-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:stretch}.terminal{position:relative;min-height:530px;background:#25193a;color:#f7edff;border:4px solid var(--ink);box-shadow:6px 6px 0 #b69ad7;overflow:hidden}.terminal-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 22px;background:var(--lavender);color:var(--ink);border-bottom:4px solid var(--ink);min-height:61px}.terminal-brand{font-family:Pixel,monospace;font-weight:700;font-size:18px;letter-spacing:1px}.terminal-brand small{font:700 13px Pixel,monospace;background:#fff9e7;padding:3px 6px;margin-left:8px;border:1px solid var(--ink)}.terminal-live{font:700 13px Pixel,monospace}.market{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 26px 12px}.muted{display:block;font-size:14px;color:#c0a8d9}.market h3{font-size:31px;line-height:1.3;margin:1px 0 0}.market h3 span{font-family:Nunito,Arial,sans-serif;font-size:13px;color:#c0a8d9;margin-left:6px;font-weight:400}.price{text-align:right}.price strong{display:block;font:700 28px Pixel,monospace;line-height:1.3}.price span{color:#83edb9;font:700 17px Pixel,monospace}.chart{height:244px;margin:0 26px;position:relative}.chart-grid{position:absolute;inset:0 0 35px;background-image:linear-gradient(#e7c6ff0b 1px,transparent 1px),linear-gradient(90deg,#e7c6ff0b 1px,transparent 1px);background-size:25% 25%;border-left:1px solid #70538866;border-bottom:1px solid #70538866}.chart svg{position:relative;width:100%;height:210px}.chart-times{display:flex;justify-content:space-between;font:14px Pixel,monospace;color:#b89bce;line-height:2}.position{display:flex;gap:40px;border-top:2px solid #765a9355;margin:6px 26px;padding:17px 0}.position strong{display:block;margin-top:4px;font:700 23px Pixel,monospace;line-height:1.4}#pnl{color:#83edb9}#pnl small{font-size:16px}.demo-notice{font-size:13px;color:#bca7ce;padding:0 26px 16px}.pet-wrap{position:absolute;left:60%;top:47%;width:165px;z-index:3;max-width:calc(100% - 12px)}.pet{padding:0;border:0;background:none;display:block;width:165px;height:165px;touch-action:none;cursor:grab;animation:bob 3s ease-in-out infinite}.pet:active{cursor:grabbing}.pet img{width:100%;height:100%;pointer-events:none;user-select:none}.speech{position:absolute;bottom:calc(100% - 23px);left:50%;transform:translateX(-50%);width:190px;max-width:60vw;border:3px solid var(--ink);background:var(--cream);box-shadow:4px 4px 0 #aa80d5;color:var(--ink);font-family:Pixel,monospace;font-size:17px;line-height:1.25;padding:12px;text-align:center;pointer-events:none}.speech::after{content:'';position:absolute;width:12px;height:12px;left:calc(50% - 6px);bottom:-12px;background:var(--cream);border-right:3px solid var(--ink);border-bottom:3px solid var(--ink)}.pet-wrap.loss .pet{animation:shake 2.5s ease-in-out infinite}.pet-wrap.flat .pet{animation:bob 5s ease-in-out infinite}.paused .pet{animation:none!important}.restore{position:absolute;right:22px;bottom:24px;font:700 18px Pixel,monospace;padding:9px 14px;background:var(--mint);color:var(--ink);border:2px solid var(--ink);box-shadow:3px 3px 0 #b49bcb}.controls{border:4px solid var(--ink);background:var(--cream);padding:22px;box-shadow:6px 6px 0 #b69ad7;position:relative}.control-header{border-bottom:2px dashed #b99bd0;padding-bottom:15px;margin-bottom:17px}.control-header .eyebrow{font-size:14px;color:#8661aa}.control-header h3{font-size:37px;line-height:1.25;margin:4px 0;color:#7042a4}.control-header p{font-size:15px;line-height:1.5;margin:4px 0 0;color:#725787;min-height:45px}.pet-selector{display:flex;gap:8px;justify-content:space-between;margin:0 0 22px}.pet-selector button{width:48px;height:53px;padding:0;border:2px solid var(--ink);background:#e7d0ff;box-shadow:2px 2px 0 var(--ink);position:relative}.pet-selector button:nth-child(2){background:#d6f3a7}.pet-selector button:nth-child(3){background:#c8e2ff}.pet-selector button:nth-child(4){background:#ffd4e7}.pet-selector button:nth-child(5){background:#ffb7a7}.pet-selector button img{width:100%;height:100%;object-fit:contain}.pet-selector button[aria-pressed=true]{box-shadow:0 0 0 3px var(--cream),0 0 0 5px #8651ca;transform:translateY(-3px)}.pet-selector button:hover{transform:translateY(-4px)}.control-label{font-size:15px;font-weight:800;display:flex;justify-content:space-between;gap:12px}.control-label span{font:700 19px Pixel,monospace;color:#8150ba}input[type=range]{width:100%;margin:15px 0 16px;accent-color:#8454d6;height:16px;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:8px;background:#d6b8f1;border:2px solid var(--ink)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border-radius:0}.scenario-buttons{display:flex;gap:6px}.scenario-buttons button{flex:1;border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);padding:7px 3px;font:700 15px Pixel,monospace;line-height:1.25;color:var(--ink);background:#ffd0df}.scenario-buttons button:nth-child(2){background:#e4d1fa}.scenario-buttons button:nth-child(3){background:#aaf2cd}.scenario-buttons button:hover{transform:translateY(-2px)}.actions{display:grid;gap:12px;margin:22px 0}.actions button{font:700 19px Pixel,monospace;line-height:1.4;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);padding:9px 8px;background:#dcc0ff;color:var(--ink)}.actions button:last-child{background:#ffbcd4}.actions button:hover{filter:brightness(1.04);transform:translate(-1px,-1px)}.pet-options{display:flex;gap:10px;flex-wrap:wrap}.pet-options button{font-size:13px;font-weight:800;color:#755294;border:0;background:none;padding:0;text-decoration:underline;text-underline-offset:4px}.hint{font-size:13px;color:#866698;line-height:1.5;margin:14px 0 0}.sample-panel{position:relative;margin-top:24px;border:3px solid var(--ink);background:var(--cream);box-shadow:5px 5px 0 #ba9cd7;padding:26px}.sample-panel .close{position:absolute;right:20px;top:18px;background:#f6bbd6;border:2px solid var(--ink);font:700 17px Pixel,monospace;padding:4px 12px;box-shadow:2px 2px 0 var(--ink)}.sample-panel h3{font-size:30px;margin:13px 0}.sample-panel p{max-width:900px;color:#705380}.sample-panel blockquote{margin:18px 0;padding:16px 22px;border-left:5px solid #a371d6;background:#eee0fa;max-width:900px}.sample-panel .result{background:#d6f9e5;padding:17px 22px;border:2px solid var(--ink);max-width:950px}.sample-panel .result strong{font:700 21px Pixel,monospace}.sample-panel .result p{margin:5px 0}.vamp-compare{display:flex;gap:16px;flex-wrap:wrap;margin:20px 0}.vamp-compare div{border:2px solid var(--ink);background:#eddbff;padding:14px 22px;min-width:200px}.vamp-compare small{display:block;color:#76578d}.crew{margin-top:88px}.crew-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:17px}.crew-card{position:relative;background:var(--color);border:3px solid var(--ink);box-shadow:5px 5px 0 #b59acc;overflow:hidden;transition:transform .15s}.crew-card:hover{transform:translateY(-7px)}.crew-card:nth-child(1){--color:#d9baff!important}.crew-card:nth-child(2){--color:#d4f19f!important}.crew-card:nth-child(3){--color:#b9dbfc!important}.crew-card:nth-child(4){--color:#ffbfd9!important}.crew-card:nth-child(5){--color:#ffb6a7!important}.crew-card>img{width:100%;height:190px;object-fit:contain;padding:12px 0 0;background-image:repeating-conic-gradient(#ffffff18 0 25%,transparent 0 50%);background-size:24px 24px;border-bottom:3px solid var(--ink)}.crew-card .bio{padding:15px 16px 20px;background:var(--cream);min-height:230px;display:flex;flex-direction:column;align-items:flex-start}.crew-card h3{font-size:30px;line-height:1.15;margin:0}.crew-card .type{font:700 13px Pixel,monospace;margin:6px 0 10px;color:#775490}.crew-card p{font-size:15px;line-height:1.5;margin:0 0 17px;flex:1}.crew-card button{font:700 18px Pixel,monospace;padding:7px 14px;border:2px solid var(--ink);background:var(--color);box-shadow:3px 3px 0 var(--ink);color:var(--ink)}.crew-card button:hover{transform:translateY(-2px)}.trust{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;margin:100px 40px 0;padding:40px!important;border:4px solid var(--ink);box-shadow:7px 7px 0 #b59acc;background:var(--cream);position:relative}.trust-heading .eyebrow{display:inline-block;background:#d6f8e4;padding:7px 9px;border:2px solid var(--ink);font-size:13px}.trust-heading h2{font-size:55px;line-height:1.08;margin:25px 0 20px;color:#7346a8;text-shadow:2px 2px 0 #e5c9ff}.trust-heading p{font-size:16px;color:#765888;line-height:1.7;max-width:375px;margin:20px 0 27px}.trust-heading .pill{background:#ffd9a1;white-space:normal;max-width:100%}.trust-details>div{position:relative;padding:0 0 22px 43px;border-bottom:2px dashed #cdb6df;margin-bottom:22px}.number{position:absolute;left:0;top:0;font:700 21px Pixel,monospace;color:#8350b8}.trust-details h3{font-size:25px;line-height:1.15;margin:0 0 10px}.trust-details p{font-size:15px;line-height:1.65;color:#765888;margin:0}details{padding:15px 0;border-bottom:2px solid #dbc8e6}summary{font-size:15px;font-weight:800;cursor:pointer}details[open] summary{color:#8454bd}details p{padding:12px 0 4px}.closing{margin:80px 40px 0!important;padding:43px 35px!important;border:4px solid var(--ink);background:#dcbdff;box-shadow:7px 7px 0 #b59acc;text-align:center;background-image:repeating-conic-gradient(#f4e7ff25 0 25%,transparent 0 50%);background-size:32px 32px}.closing h2{font-size:46px;margin:0}.closing p{margin:15px 0 25px;font-size:17px;color:#72518e;font-weight:700}footer{padding:42px 40px 30px;display:flex;align-items:center;justify-content:space-between;gap:22px}footer .wordmark{font-size:33px}footer p{color:#806295;font-size:13px;margin:0}footer>a:last-child{font:700 17px Pixel,monospace;text-decoration:underline;text-underline-offset:4px}@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes shake{0%,90%,100%{transform:rotate(0)}93%{transform:rotate(-3deg)}96%{transform:rotate(3deg)}}
@media(min-width:1450px){.intro{min-height:640px;padding-top:55px}.intro h1{font-size:88px}.intro-pets{right:34px;bottom:34px}.intro-pets .hero-bun{width:230px;margin:-28px}.intro-pets .hero-bun:nth-child(2){width:320px}.intro p{max-width:640px;font-size:20px}.intro .targets{margin-top:45px}}
@media(max-width:1100px){.nav{padding:20px 30px;gap:12px}.nav nav a{font-size:17px;padding:7px 8px}.nav>.pill{font-size:12px}.intro{padding:40px 35px 65px;min-height:570px}.intro h1{font-size:68px}.intro p{max-width:480px;font-size:17px}.intro-pets{right:4px;bottom:25px}.intro-pets .hero-bun{width:160px;margin:-20px}.intro-pets .hero-bun:nth-child(2){width:225px}.demo-layout{grid-template-columns:minmax(0,1fr) 310px;gap:18px}section:not(.intro){padding:0 30px}.controls{padding:18px}.pet-selector{gap:5px}.pet-selector button{width:46px}.crew-grid{gap:12px}.crew-card>img{height:150px}.crew-card .bio{padding:13px 12px 18px;min-height:255px}.crew-card p{font-size:14px}.crew-card .type{font-size:12px}.trust{margin-left:30px;margin-right:30px;gap:35px;padding:32px!important}.trust-heading h2{font-size:48px}.market{padding:23px 20px 12px}.chart{margin:0 20px}.position{margin:6px 20px;gap:22px}.position strong{font-size:21px}.market h3 span{display:block;margin:0}.terminal-brand{font-size:16px}.terminal-top{padding:13px 18px}.terminal-live{font-size:12px}.pet-wrap,.pet{width:145px}.pet{height:145px}.speech{font-size:16px;width:175px}}
@media(max-width:800px){.nav{min-height:84px;padding:20px;flex-wrap:wrap;justify-content:space-between;row-gap:12px}.wordmark{font-size:35px}.nav nav{order:3;width:100%;justify-content:center;border-top:2px solid #c8a6e8;padding-top:10px}.nav nav a{font-size:16px;padding:5px 8px}.intro{margin:0 16px;min-height:660px;padding:34px 28px 260px;background-position:66% bottom}.intro h1{font-size:66px;max-width:590px;margin-top:23px}.intro p{max-width:540px}.intro-pets{right:20px;bottom:20px}.intro-pets .hero-bun{width:180px;margin:-21px}.intro-pets .hero-bun:nth-child(2){width:250px;transform:translateY(-9px)}.targets{margin-top:27px}.intro>.eyebrow{font-size:13px}.demo-layout{grid-template-columns:1fr}.controls{padding:25px}.control-header p{min-height:0}.pet-selector{justify-content:flex-start;gap:14px}.pet-selector button{width:58px;height:62px}.actions{grid-template-columns:1fr 1fr}.pet-options button{font-size:14px}.hint{font-size:14px}.terminal{min-height:500px}.market h3 span{display:inline-block;font-size:14px;margin-left:6px}.crew-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.crew-card .bio{min-height:235px}.crew-card>img{height:175px}.crew-card p{font-size:15px}.crew-card .type{font-size:13px}.trust{grid-template-columns:1fr;gap:30px;margin-top:70px}.trust-heading h2 br{display:none}.trust-heading p{max-width:none}.trust-heading h2{font-size:46px;margin:17px 0}.closing{margin:60px 30px 0!important}.closing h2{font-size:39px}.section-title h2{font-size:35px}.section-title>.pill{font-size:13px}.section-title .eyebrow{font-size:13px}.crew .section-title{display:block}.crew .section-title p{margin-top:12px}.playground{margin-top:55px}.crew{margin-top:65px}footer{padding:35px 30px;flex-wrap:wrap}footer p{width:100%;order:3}}
@media(max-width:480px){.nav{padding:17px 16px;gap:10px}.nav .wordmark{font-size:34px}.nav>.pill{font-size:11px;padding:6px 7px}.nav nav{gap:3px;justify-content:space-between}.nav nav a{font-size:15px;padding:6px 4px}.intro{margin:0 12px;min-height:635px;padding:29px 20px 226px;background-size:auto 100%;background-position:58% bottom;box-shadow:5px 5px 0 #b79bdd}.intro>.eyebrow{font-size:11px;letter-spacing:.7px;padding:6px 8px}.intro h1{font-size:clamp(43px,11.2vw,55px);letter-spacing:-1.6px;line-height:1.04;text-shadow:3px 0 var(--ink),-2px 0 var(--ink),0 -2px var(--ink),0 3px var(--ink),4px 5px 0 #493061;margin:20px 0 18px}.intro p{font-size:16px;line-height:1.55;text-shadow:1px 1px #34437d;margin-bottom:21px}.intro p br{display:none}.intro .button{font-size:20px;padding:11px 15px}.targets{gap:8px;padding:8px 9px;font-size:12px;margin-top:24px;flex-wrap:wrap}.targets b{font-size:15px}.intro-pets{right:12px;left:12px;bottom:13px;justify-content:center}.intro-pets .hero-bun{width:135px;margin:-16px}.intro-pets .hero-bun:nth-child(2){width:185px;transform:translateY(-6px)}section:not(.intro){padding:0 19px}.playground{margin-top:49px}.section-title{align-items:flex-start;gap:14px;margin-bottom:23px}.section-title h2{font-size:29px;line-height:1.05}.section-title .eyebrow{font-size:12px;letter-spacing:1px}.section-title>.pill{font-size:11px;padding:7px;white-space:normal;max-width:93px}.terminal{border-width:3px;min-height:475px;box-shadow:4px 4px 0 #b69ad7}.terminal-top{padding:12px;gap:6px;min-height:55px}.terminal-brand{font-size:15px;letter-spacing:0}.terminal-brand small{font-size:11px;margin-left:4px}.terminal-live{font-size:10px}.market{padding:19px 15px 13px}.market h3{font-size:27px}.market h3 span{display:none}.market .muted{font-size:13px}.price strong{font-size:25px}.price span{font-size:16px}.chart{margin:0 15px;height:215px}.chart svg{height:184px}.chart-times{font-size:12px}.position{margin:8px 15px;padding:16px 0;gap:18px}.position .muted{font-size:12px}.position strong{font-size:19px}#pnl small{font-size:14px;display:block}.demo-notice{font-size:11px;padding:0 15px 14px}.pet-wrap{top:48%;left:52%;width:130px}.pet{width:130px;height:130px}.speech{width:160px;font-size:15px;padding:9px}.controls{padding:22px 19px;border-width:3px;box-shadow:4px 4px 0 #b69ad7}.pet-selector{gap:10px;justify-content:space-between}.pet-selector button{width:48px;height:54px}.actions{grid-template-columns:1fr}.actions button{font-size:20px}.scenario-buttons button{font-size:17px}.crew-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.crew-card:last-child{grid-column:1/-1;display:flex;align-items:stretch}.crew-card:last-child>img{width:45%;height:auto;min-height:205px;border-bottom:0;border-right:3px solid var(--ink)}.crew-card:last-child .bio{width:55%;min-height:220px}.crew-card>img{height:160px}.crew-card .bio{padding:13px 12px 18px;min-height:250px}.crew-card h3{font-size:29px}.crew-card p{font-size:14px}.crew-card .type{font-size:12px}.crew-card button{font-size:17px;padding:6px 12px}.trust{margin:62px 19px 0;padding:23px 19px!important;border-width:3px;box-shadow:5px 5px 0 #b59acc}.trust-heading .eyebrow{font-size:12px}.trust-heading h2{font-size:38px}.trust-heading p{font-size:15px}.trust-heading .pill{font-size:12px}.trust-details h3{font-size:23px}.trust-details>div{padding-left:34px}.trust-details p,summary{font-size:14px}.number{font-size:19px}.closing{margin:55px 19px 0!important;padding:30px 20px!important;border-width:3px;box-shadow:5px 5px 0 #b59acc}.closing h2{font-size:33px}.closing p{font-size:15px}.closing .button{font-size:20px}footer{padding:33px 20px 24px;gap:20px}footer .wordmark{font-size:30px}footer>a:last-child{font-size:14px}footer p{font-size:12px}.sample-panel{padding:23px 18px}.sample-panel .eyebrow{max-width:72%;font-size:12px}.sample-panel h3{font-size:28px;max-width:90%}.sample-panel .close{right:14px;top:16px;font-size:15px;padding:4px 8px}.sample-panel .result{padding:14px}.sample-panel blockquote{padding:13px 16px;margin:16px 0}.sample-panel p,.sample-panel blockquote{font-size:15px}.vamp-compare div{width:100%;min-width:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* Pixel slider handle and compact navigation preserve the same controls. */
input[type=range]{-webkit-appearance:none;appearance:none;background:transparent}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:19px;height:23px;background:#be8cf2;border:2px solid var(--ink);border-radius:0;margin-top:-9px;box-shadow:2px 2px 0 var(--ink)}
input[type=range]::-moz-range-track{height:6px;background:#d6b8f1;border:2px solid var(--ink)}
input[type=range]::-moz-range-thumb{width:16px;height:20px;background:#be8cf2;border:2px solid var(--ink);border-radius:0}
@media(max-width:800px){.trust-heading h2 br{display:block}}
@media(max-width:480px){.intro p br{display:block}.nav nav a{white-space:nowrap;font-size:14px;padding:6px 0}.nav nav{gap:8px}.intro-pets .hero-bun{width:118px;margin:-18px}.intro-pets .hero-bun:nth-child(2){width:164px}}
@media(max-width:800px){.demo-layout{grid-template-columns:minmax(0,1fr)}.controls{min-width:0}}
@media(max-width:480px){.pet-selector button{flex:1;min-width:0;width:0}.scenario-buttons button{min-width:0}.targets{max-width:100%}}
@media(max-width:360px){.intro{padding-left:16px;padding-right:16px}.intro .button{font-size:18px;padding:10px 12px;max-width:100%}.nav nav a{font-size:12px}.pet-selector{gap:7px}.scenario-buttons button{font-size:14px}.market{padding-left:12px;padding-right:12px}.position{gap:10px}.position strong{font-size:16px}.position .muted{font-size:11px}.terminal-live{font-size:9px}.terminal-brand{font-size:13px}.intro-pets .hero-bun{width:102px}.intro-pets .hero-bun:nth-child(2){width:145px}.crew-card .bio{padding-left:10px;padding-right:10px}.crew-card .type{font-size:11px}.crew-card button{font-size:15px;padding:6px 9px}}
.nav nav .social-link{background:var(--mint);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}
footer .social-link{font:700 17px Pixel,monospace;background:var(--mint);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);padding:7px 12px}
@media(max-width:800px){.nav nav{display:grid;grid-template-columns:1fr 1fr;gap:8px}.nav nav a{text-align:center}.nav nav .social-link{margin:0 3px}}
@media(min-width:801px) and (max-width:1000px){.nav{flex-wrap:wrap}.nav nav{order:3;width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.nav nav a{text-align:center;font-size:16px;padding:7px 5px;white-space:nowrap}}

.wordmark .brand-icon{display:block;width:30px;height:30px;flex:none;image-rendering:pixelated;filter:drop-shadow(2px 2px 0 #d6baff)}
@media(max-width:480px){.wordmark .brand-icon{width:25px;height:25px}.wordmark{gap:7px}}

/* The full crew shares the opening scene, with Mochi at the centre. */
.intro-pets{right:15px;bottom:24px;gap:0}
.intro-pets .hero-bun{width:145px;margin:0 -22px;transform:translateY(5px)}
.intro-pets .hero-bun:nth-child(2){width:158px;z-index:1;transform:translateY(0)}
.intro-pets .hero-bun:nth-child(3){width:205px;z-index:3;transform:translateY(-8px)}
.intro-pets .hero-bun:nth-child(4){width:158px;z-index:2;transform:translateY(2px)}
.intro-pets .hero-bun:nth-child(5){width:145px;transform:translateY(5px)}
@media(min-width:801px) and (max-width:1100px){.intro-pets{right:8px;bottom:22px}.intro-pets .hero-bun{width:114px;margin:0 -20px}.intro-pets .hero-bun:nth-child(2),.intro-pets .hero-bun:nth-child(4){width:125px}.intro-pets .hero-bun:nth-child(3){width:170px}}
@media(max-width:800px){.intro-pets{left:15px;right:15px;bottom:20px;justify-content:center}.intro-pets .hero-bun{width:145px;margin:0 -23px}.intro-pets .hero-bun:nth-child(2),.intro-pets .hero-bun:nth-child(4){width:158px}.intro-pets .hero-bun:nth-child(3){width:205px}}
@media(max-width:480px){.intro-pets{left:10px;right:10px;bottom:20px}.intro-pets .hero-bun{width:27%;margin:0 -5%}.intro-pets .hero-bun:nth-child(1),.intro-pets .hero-bun:nth-child(5){width:27%}.intro-pets .hero-bun:nth-child(2),.intro-pets .hero-bun:nth-child(4){width:29%}.intro-pets .hero-bun:nth-child(3){width:35%;transform:translateY(-6px)}}

.intro-pets{pointer-events:auto}
.intro-pets .hero-bun{position:relative;display:block;flex-shrink:0;line-height:0;padding:0;background:none;border:0;cursor:pointer;filter:none;touch-action:manipulation}
.hero-bun img{display:block;width:100%;height:auto;pointer-events:none;transform-origin:50% 85%;filter:drop-shadow(0 6px 0 #35214f28)}
.startle-mark{position:absolute;left:54%;top:0;opacity:0;pointer-events:none;font:700 30px/1 Pixel,monospace;color:#fff7b9;text-shadow:2px 0 #35214f,-2px 0 #35214f,0 2px #35214f,0 -2px #35214f}
.hero-bun.startled .bun-art{animation:bun-startle .64s cubic-bezier(.22,.7,.3,1) both}
.hero-bun.startled .startle-mark{animation:bun-surprise .64s ease-out both}
@keyframes bun-startle{0%{transform:var(--wake-pose,translateY(0) scale(1))}12%{transform:translateY(3px) scale(1.06,.9)}38%{transform:translateY(-34px) scale(.97,1.04) rotate(-3deg)}55%{transform:translateY(-29px) scale(1) rotate(2deg)}78%{transform:translateY(2px) scale(1.04,.94)}100%{transform:translateY(0) scale(1)}}
@keyframes bun-surprise{0%,100%{opacity:0;transform:translateY(0)}20%,65%{opacity:1;transform:translateY(-22px)}85%{opacity:0;transform:translateY(-30px)}}
@media(prefers-reduced-motion:reduce){.hero-bun.startled .startle-mark{opacity:1}}

.nav-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
.theme-toggle{width:43px;height:43px;padding:9px;display:grid;place-items:center;border:2px solid var(--ink);background:#ffe4aa;color:#70428f;box-shadow:3px 3px 0 var(--ink);transition:transform .15s}
.theme-toggle:hover{transform:translateY(-2px)}.theme-toggle:active{transform:translate(2px,2px)}
.theme-toggle svg{width:23px;height:23px;grid-area:1/1}.theme-moon{display:none}
.intro::before{content:'';position:absolute;inset:0;pointer-events:none;background:transparent;transition:background .35s}
html[data-theme=dark]{color-scheme:dark;--paper:#191428;--cream:#2b223c}
html[data-theme=dark] body{color:#f3e8ff;background-image:linear-gradient(90deg,#aa80d50b 1px,transparent 1px),linear-gradient(#aa80d50b 1px,transparent 1px)}
html[data-theme=dark] .wordmark{color:#e5ccff;text-shadow:2px 2px 0 #694890}
html[data-theme=dark] .theme-toggle{background:#cbb1fb;color:#35214f}
html[data-theme=dark] .theme-sun{display:none}html[data-theme=dark] .theme-moon{display:block}
html[data-theme=dark] .nav nav a:hover{background:#49305e;border-color:#b697d9}
html[data-theme=dark] .social-link,html[data-theme=dark] .pill,html[data-theme=dark] .section-title>.pill{color:#35214f}
html[data-theme=dark] .intro::before{background:linear-gradient(#211946a6,#2d235d61)}
html[data-theme=dark] .intro::after{content:'';position:absolute;width:4px;height:4px;left:63%;top:40px;background:#fff2ba;box-shadow:75px 28px #fff2ba,145px 0 #d5b8ff,235px 65px #fff2ba,280px 15px #d5b8ff,24px 93px #d5b8ff;pointer-events:none}
html[data-theme=dark] .intro h1{color:#fff9e7}
html[data-theme=dark] .intro>.eyebrow,html[data-theme=dark] .targets{color:#f3e8ff;border-color:#a481c9;box-shadow:3px 3px 0 #120e20}
html[data-theme=dark] .intro,html[data-theme=dark] .terminal,html[data-theme=dark] .controls,html[data-theme=dark] .crew-card,html[data-theme=dark] .trust,html[data-theme=dark] .closing,html[data-theme=dark] .sample-panel{border-color:#a481c9;box-shadow:6px 6px 0 #100c1c}
html[data-theme=dark] .section-title .eyebrow,html[data-theme=dark] .section-title p,html[data-theme=dark] .control-header .eyebrow,html[data-theme=dark] .control-header h3,html[data-theme=dark] .control-header p,html[data-theme=dark] .control-label span,html[data-theme=dark] .pet-options button,html[data-theme=dark] .hint,html[data-theme=dark] .crew-card .type,html[data-theme=dark] .trust-heading p,html[data-theme=dark] .trust-details p,html[data-theme=dark] .number,html[data-theme=dark] footer p{color:#d0b9e7}
html[data-theme=dark] .speech{color:#f3e8ff;border-color:#a481c9;box-shadow:4px 4px 0 #120e20}
html[data-theme=dark] .trust-heading h2{color:#e0bdff;text-shadow:2px 2px 0 #120e20}
html[data-theme=dark] .trust-heading .eyebrow{background:#355448;color:#baf3d6;border-color:#93c9b3}
html[data-theme=dark] .closing{background-color:#39274f}html[data-theme=dark] .closing p{color:#dfc5f1}
html[data-theme=dark] .sample-panel p,html[data-theme=dark] .vamp-compare small{color:#dec7f0}
html[data-theme=dark] .sample-panel blockquote,html[data-theme=dark] .vamp-compare div{background:#403052}
html[data-theme=dark] .sample-panel .result{background:#29463e;border-color:#9acdb5}
html[data-theme=dark] details[open] summary{color:#d8b0ff}
html[data-theme=dark] .hero-bun img{filter:drop-shadow(0 6px 0 #100c1c66) drop-shadow(0 0 5px #cba9ff45)}
.hero-bun.night-reaction .bun-art{animation:bun-night .9s ease-in-out both}
.hero-bun.day-reaction .bun-art{animation:bun-morning .8s ease-out both}
.hero-bun.night-reaction .startle-mark,.hero-bun.day-reaction .startle-mark{animation:bun-surprise .9s ease-out both}
.hero-bun.night-reaction .startle-mark{color:#d5c5ff;font-size:23px}
@keyframes bun-night{0%,100%{transform:translateY(0)}35%{transform:translateY(5px) scale(1.04,.94) rotate(-5deg)}65%{transform:translateY(2px) rotate(3deg)}}
@keyframes bun-morning{0%{transform:var(--wake-pose,translateY(0) scale(1))}100%{transform:translateY(0) scale(1)}25%{transform:translateY(-7px) scale(.94,1.08)}52%{transform:translateY(-22px) scale(1) rotate(3deg)}80%{transform:translateY(2px) scale(1.03,.96)}}
@media(max-width:1100px){.nav{flex-wrap:wrap}.nav nav{order:3;width:100%;justify-content:center}.nav-actions .pill{font-size:12px}}
@media(max-width:480px){.nav-actions{gap:10px}.nav-actions .pill{font-size:11px;padding:6px 7px}.theme-toggle{width:36px;height:36px;padding:6px}.nav .wordmark{font-size:30px}.nav-actions{width:100%;justify-content:space-between}.nav nav{padding-top:10px}}

html[data-theme=dark] .sample-panel .close{color:var(--ink)}
@media(prefers-reduced-motion:reduce){.hero-bun.night-reaction .startle-mark,.hero-bun.day-reaction .startle-mark{opacity:1}}

/* Nighttime is a persistent resting state; hover wakes only the selected bun. */
.hero-bun.is-asleep .bun-art{animation:bun-sleep 3.6s ease-in-out infinite;transform-origin:50% 86%}
.hero-bun.is-asleep .startle-mark{color:#d5c5ff;font-size:23px;animation:sleep-bubbles 3.6s ease-in-out infinite}
.hero-bun.is-asleep:nth-child(even) .bun-art,.hero-bun.is-asleep:nth-child(even) .startle-mark{animation-delay:-1.5s}
@keyframes bun-sleep{0%,100%{transform:translateY(7px) rotate(-7deg) scale(1.03,.9)}50%{transform:translateY(5px) rotate(-7deg) scale(1.03,.93)}}
@keyframes sleep-bubbles{0%,100%{opacity:.55;transform:translate(0,-8px)}50%{opacity:1;transform:translate(3px,-15px)}}
@media(prefers-reduced-motion:reduce){.hero-bun.is-asleep .bun-art{transform:translateY(7px) rotate(-7deg) scale(1.03,.9)}.hero-bun.is-asleep .startle-mark{opacity:1}}

.bun-art{display:block;position:relative;transform-origin:50% 85%}.sleep-face{display:none;position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.is-asleep .sleep-face{display:block}

.hero-bun.is-asleep .startle-mark,.hero-bun.falling-asleep .startle-mark{font-size:0;width:33px;height:22px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2020%22%20shape-rendering%3D%22crispEdges%22%3E%3Cpath%20fill%3D%22%23d5c5ff%22%20d%3D%22M0%208h10v2H8v2H6v2H4v2h6v2H0v-2h2v-2h2v-2h2v-2H0z%20M14%200h14v3h-3v3h-3v3h-3v3h-3v5h12v3H12v-3h2v-3h3v-3h3V8h3V5h2V3H14z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;filter:drop-shadow(1px 1px 0 #35214f);text-shadow:none}

.hero-bun.falling-asleep .bun-art{animation:bun-settle .72s ease-in-out both}
.hero-bun.falling-asleep .sleep-face{display:block;animation:close-sleepy-eyes .72s steps(1,end) both}
.hero-bun.falling-asleep .startle-mark{animation:drift-to-sleep .72s ease-in-out both}
@keyframes bun-settle{0%{transform:translateY(0) rotate(0) scale(1)}30%{transform:translateY(-3px) rotate(-2deg) scale(.98,1.03)}65%{transform:translateY(8px) rotate(-8deg) scale(1.04,.88)}100%{transform:translateY(7px) rotate(-7deg) scale(1.03,.9)}}
@keyframes close-sleepy-eyes{0%{opacity:0}55%,100%{opacity:1}}
@keyframes drift-to-sleep{0%,40%{opacity:0;transform:translateY(0)}100%{opacity:.55;transform:translateY(-8px)}}

.hero-bun.is-asleep .startle-mark,.hero-bun.falling-asleep .startle-mark{width:40px;height:28px;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2014%22%20shape-rendering%3D%22crispEdges%22%3E%3Cg%20fill%3D%22%23e2d3ff%22%3E%3Crect%20x%3D%220%22%20y%3D%229%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%229%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%229%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%229%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%229%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2210%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%2211%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%2212%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2213%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%2213%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%2213%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2213%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%2213%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%220%22%20width%3D%222%22%20height%3D%222%22%2F%3E%3Crect%20x%3D%2210%22%20y%3D%220%22%20width%3D%222%22%20height%3D%222%22%2F%3E%3Crect%20x%3D%2212%22%20y%3D%220%22%20width%3D%222%22%20height%3D%222%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%220%22%20width%3D%222%22%20height%3D%222%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%220%22%20width%3D%222%22%20height%3D%222%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%222%22%20width%3D%222%22%20height%3D%222%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%224%22%20width%3D%222%22%20height%3D%222%22%2F%3E%3Crect%20x%3D%2212%22%20y%3D%226%22%20width%3D%222%22%20height%3D%222%22%2F%3E%3Crect%20x%3D%2210%22%20y%3D%228%22%20width%3D%222%22%20height%3D%222%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2210%22%20width%3D%222%22%20height%3D%222%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2212%22%20width%3D%222%22%20height%3D%222%22%2F%3E%3Crect%20x%3D%2210%22%20y%3D%2212%22%20width%3D%222%22%20height%3D%222%22%2F%3E%3Crect%20x%3D%2212%22%20y%3D%2212%22%20width%3D%222%22%20height%3D%222%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2212%22%20width%3D%222%22%20height%3D%222%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2212%22%20width%3D%222%22%20height%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-size:40px 28px;image-rendering:pixelated;filter:drop-shadow(2px 2px 0 #35214f)}

.nav nav .instagram-link,footer .instagram-link{background:var(--pink)}
@media(min-width:801px) and (max-width:1100px){.nav nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.nav nav a{text-align:center;padding:7px 5px}}
@media(max-width:800px){.nav nav .instagram-link{grid-column:1/-1;justify-self:center;padding:6px 24px}}

footer{flex-wrap:wrap}
@media(min-width:1101px) and (max-width:1300px){.nav{flex-wrap:wrap}.nav nav{order:3;width:100%;justify-content:center}}

.nav nav .token-link{background:#dcc0ff;color:var(--ink);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);white-space:nowrap}
.nav nav .token-link:hover{background:#e9d7ff}
@media(min-width:801px) and (max-width:1100px){.nav nav{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.nav nav .instagram-link{grid-column:auto;justify-self:stretch;padding:6px 4px}.nav nav .token-link{margin:0 3px}.nav-actions{width:auto;justify-content:flex-end}}

.nav{flex-wrap:wrap}.nav nav{order:3;width:100%;justify-content:center}
.language-picker{display:flex;align-items:center;gap:9px;background:#d5b8ff;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);padding:7px 9px;color:var(--ink)}
.language-picker>svg{width:18px;height:18px;flex:none}
.language-picker select{font:700 17px/1.4 Pixel,monospace;color:#35214f;background:#d5b8ff;border:0;cursor:pointer;max-width:130px;padding:0 3px}
.language-picker select:focus-visible{outline:2px solid #7042a4;outline-offset:3px}
html[data-language=zh] h1,html[data-language=zh] h2,html[data-language=zh] h3{letter-spacing:0;line-height:1.25}
@media(max-width:800px){.nav nav{justify-content:initial}.language-picker select{font-size:16px}.language-picker{padding:6px 7px}}
@media(max-width:480px){.nav .wordmark{font-size:28px}.nav-actions{gap:9px}.language-picker select{max-width:110px}.nav-actions{width:100%;justify-content:space-between}.nav nav a{white-space:normal}.intro h1{overflow-wrap:normal}.market h3{font-size:25px}}

/* A quieter frame lets the colourful world and characters do the talking. */
:root{--paper:#f9f4ff;--mint:#b9d8ff}
.nav{position:relative;min-height:96px;padding:22px 32px;gap:20px;flex-wrap:nowrap}
.nav .wordmark{font-size:34px;text-shadow:1px 2px 0 #d6baff;gap:9px;flex:none}
.nav .brand-icon{width:28px;height:30px}
.nav nav{display:flex;order:0;width:auto;flex:1;justify-content:center;gap:4px;border:0;padding:0}
.nav nav a{font-size:17px;padding:8px 10px;border-width:2px;white-space:nowrap;text-align:center}
.nav nav a:hover{box-shadow:none;background:#eadbfa;border-color:transparent}
.nav nav .token-link{background:#ffd6b0;border-color:#654778;box-shadow:2px 2px 0 #654778;padding:8px 12px}
.nav nav .token-link:hover{background:#ffc1c9;border-color:#654778;box-shadow:2px 2px 0 #654778}
.nav-actions{width:auto;gap:10px;justify-content:flex-end}
.language-picker{padding:7px 8px;gap:7px;background:#efe2ff;border-color:#654778;box-shadow:2px 2px 0 #654778}
.language-picker select{font-size:15px;background:#efe2ff;max-width:103px;padding:0}
.language-picker>svg{width:16px;height:16px}
.theme-toggle{width:37px;height:37px;padding:6px;background:#fff0bd;border-color:#654778;box-shadow:2px 2px 0 #654778}
.header-socials{position:relative;padding:0;border:0}
.header-socials>summary{font:700 16px/1.5 Pixel,monospace;list-style:none;padding:6px 4px;white-space:nowrap}
.header-socials>summary::-webkit-details-marker{display:none}
.header-socials>summary::after{content:'⌄';margin-left:6px;color:#9c70be}
.header-socials[open]>summary{color:inherit}
.social-menu{position:absolute;right:0;top:calc(100% + 13px);z-index:20;min-width:150px;padding:9px;background:#fff9ee;border:2px solid #654778;box-shadow:4px 4px 0 #b69bcc;display:grid;gap:7px}
.social-menu .social-link{font:700 17px/1.4 Pixel,monospace;padding:8px 12px;border:0;background:#d3e2ff;color:#35214f;text-align:left;box-shadow:none}
.social-menu .instagram-link{background:#ffd0e3}
.social-menu .social-link:hover{filter:brightness(.96)}
.primary{background:#ffd6b0;border-color:#654778;box-shadow:3px 3px 0 #654778}
.button{padding:12px 22px;font-size:20px;border-width:2px;box-shadow:3px 3px 0 #654778}
.button:hover{background:#ffc6dd;box-shadow:4px 4px 0 #654778;transform:translate(-1px,-1px)}
.intro{border-width:3px;box-shadow:5px 5px 0 #cbb2e5}
.intro h1{font-size:clamp(56px,5.2vw,76px);max-width:760px;line-height:1.05;letter-spacing:-1.5px}
.intro>.eyebrow{background:#fff7df;border-color:#654778;box-shadow:2px 2px 0 #654778;font-size:12px;letter-spacing:1.2px}
.targets{box-shadow:none;border-color:#654778;padding:8px 13px;background:#fff7e9}
.section-title>.pill{background:#e7d7ff;border-color:#76568d;box-shadow:2px 2px 0 #b69bcc;transform:none}
.controls{background:#fffaf2;border-width:3px;box-shadow:4px 4px 0 #cbb2e5;padding:25px}
.terminal{border-width:3px;box-shadow:4px 4px 0 #cbb2e5}
.control-header{margin-bottom:20px;padding-bottom:18px}
.scenario-buttons{gap:8px}.scenario-buttons button{background:#ffdae5;border-color:#76568d;box-shadow:2px 2px 0 #b99acd;padding:8px 4px}
.scenario-buttons button:nth-child(2){background:#eee4ff}.scenario-buttons button:nth-child(3){background:#ffdab5}
.actions button{border-color:#76568d;box-shadow:2px 2px 0 #b99acd;padding:11px 10px;background:#e3ceff}
.actions button:last-child{background:#ffd0e3}
.pet-selector button{border-color:#76568d;box-shadow:2px 2px 0 #c6abdf}
.crew-card{border-width:2px;box-shadow:3px 3px 0 #cbb2e5}
.crew-card .bio{background:#fffaf2;padding-top:18px}
.crew-card button{border-color:#76568d;box-shadow:2px 2px 0 #b99acd}
.trust{background:#fffaf2;border-width:3px;box-shadow:4px 4px 0 #cbb2e5}
.trust-heading .eyebrow{background:#e8dbff;border-color:#76568d}
.closing{background-color:#ead8ff;border-width:3px;box-shadow:4px 4px 0 #cbb2e5}
footer .social-link{background:#d3e2ff;border-color:#76568d;box-shadow:2px 2px 0 #b99acd;font-size:16px}
footer .instagram-link{background:#ffd0e3}
html[data-theme=dark] .language-picker,html[data-theme=dark] .language-picker select{background:#cdb4f3;color:#35214f}
html[data-theme=dark] .social-menu{background:#2b223c;border-color:#a481c9;box-shadow:4px 4px 0 #100c1c}
html[data-theme=dark] .controls,html[data-theme=dark] .crew-card .bio,html[data-theme=dark] .trust{background:#2b223c}
html[data-theme=dark] .trust-heading .eyebrow{background:#49315f;color:#e4cdff;border-color:#a481c9}
html[data-theme=dark] .nav nav a:hover{background:#49315f;border-color:transparent}
html[data-theme=dark] .nav nav .token-link:hover{background:#ffc1c9;border-color:#654778}
@media(max-width:1100px){.nav{flex-wrap:wrap;padding:20px 28px;gap:14px}.nav nav{order:3;flex:auto;width:100%;justify-content:center}.intro h1{font-size:64px}}
@media(max-width:800px){.nav{padding:20px;row-gap:15px}.nav nav{display:flex;gap:8px;justify-content:space-between;border-top:1px solid #cdb4e5;padding-top:14px}.nav nav a{font-size:16px;padding:7px 8px}.nav-actions{width:auto}.intro h1{font-size:62px}.controls{padding:24px}.header-socials>summary{font-size:15px}}
@media(max-width:560px){.nav{padding:19px 18px;gap:14px}.nav .wordmark{font-size:31px}.nav-actions{width:100%;justify-content:flex-start;padding-right:48px}.theme-toggle{position:absolute;right:18px;top:21px}.language-picker{margin-left:auto}.nav nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;width:100%;padding-top:13px}.nav nav a{font-size:14px;padding:7px 3px;white-space:normal}.nav nav .token-link{font-size:13px;padding:7px 3px}.intro h1{font-size:clamp(41px,10.4vw,55px);max-width:100%;line-height:1.07}.intro>.eyebrow{font-size:11px;letter-spacing:.6px}.button{font-size:19px;padding:11px 16px}.controls{padding:23px 19px}.targets{gap:7px}.targets b{font-size:14px}.social-menu{left:0;right:auto}.intro{box-shadow:4px 4px 0 #cbb2e5}.section-title>.pill{padding:6px 8px}}
@media(max-width:360px){.nav nav{grid-template-columns:repeat(2,minmax(0,1fr))}.nav nav a{font-size:15px}.nav .wordmark{font-size:29px}}

html[data-theme=dark] .intro>.eyebrow,html[data-theme=dark] .targets{background:#2b223c;color:#f3e8ff}
/* Purple actions carry the brand colour in both themes. */
.primary{background:#8653cf;color:#fff9ef;border-color:#4c2a72;box-shadow:3px 3px 0 #4c2a72}
.primary:hover{background:#9c67e4;color:#fff9ef;border-color:#4c2a72;box-shadow:4px 4px 0 #4c2a72}
.nav nav .token-link{background:#8653cf;color:#fff9ef;border-color:#4c2a72;box-shadow:2px 2px 0 #4c2a72}
.nav nav .token-link:hover,html[data-theme=dark] .nav nav .token-link:hover{background:#9c67e4;color:#fff9ef;border-color:#4c2a72;box-shadow:2px 2px 0 #4c2a72}
.scenario-buttons button:nth-child(3){background:#d4b6fa}
/* Draft: gentle theme changes and one feature at a time. */
body,.nav,.controls,.crew-card,.crew-card .bio,.trust,.closing,.speech,.targets,.social-menu,.language-picker,.language-picker select,footer,button,a,input,select{transition:background-color .55s ease,color .45s ease,border-color .45s ease,box-shadow .45s ease}
.intro::before{transition:opacity .8s ease;background:linear-gradient(#211946a6,#2d235d61);opacity:0}
html[data-theme=dark] .intro::before{opacity:1}
.intro::after{transition:opacity .8s ease}
.targets{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.targets b{display:inline-flex;gap:7px;align-items:center}.targets b img{width:22px;height:22px;object-fit:contain;image-rendering:auto}
.feature-tour{border-top:1px solid #bda0d6;padding-top:20px;margin-top:16px}.feature-tour select{width:100%;font:700 18px Pixel,monospace;border:2px solid #76568d;background:#ecdbff;color:#35214f;padding:11px 12px;cursor:pointer}.tour-heading{display:flex;align-items:center;justify-content:space-between;margin:16px 0;color:#8762a5;font:16px Pixel,monospace}.tour-heading button{background:transparent;color:inherit;border:1px solid #b69bcc;padding:0 12px;font-size:24px;margin-left:6px}.tour-heading button:hover{background:#d5b8ff;color:#35214f}#feature-title{font-size:27px;line-height:1.15;margin-bottom:12px}#feature-description{font-size:16px;line-height:1.55;margin-bottom:16px}#feature-actions{display:grid;gap:9px}#feature-actions button{background:#d5b8ff;color:#35214f;border:2px solid #76568d;padding:10px 12px;font:700 17px Pixel,monospace;text-align:left;box-shadow:2px 2px 0 #b99acd}#feature-actions button:hover{background:#efc0e1}#pnl-controls{padding-top:10px}.tour-result{font-size:13px;color:#86669d;margin:18px 0 0}.pet-options{margin-top:20px}.control-header p{margin-bottom:0}.demo-bell{background:#efddff;color:#35214f;border:2px solid #76568d;font:16px Pixel,monospace;padding:5px 11px}.demo-bell span{background:#f4b3d6;padding:0 5px;margin-left:7px}.demo-feed{position:absolute;right:15px;top:65px;width:min(370px,calc(100% - 30px));z-index:10;max-height:350px;overflow:auto;background:#efe0ff;color:#35214f;border:3px solid #76568d;box-shadow:5px 5px 0 #22152f;padding:18px}.feed-heading{display:flex;justify-content:space-between;align-items:center;font:20px Pixel,monospace}.feed-heading button{border:0;background:transparent;font-size:24px}#feed-items p{border-top:1px solid #bd9cd8;padding:12px 0;margin:0;font-size:15px}.demo-hop{animation:tour-hop .8s ease both!important}.demo-sleep{animation:tour-sleep 3.5s ease both!important}@keyframes tour-hop{0%,100%{transform:translateY(0)}30%{transform:translateY(-25px) rotate(-4deg)}65%{transform:translateY(0) scale(1.08,.92)}}@keyframes tour-sleep{0%,100%{transform:rotate(0)}25%,75%{transform:translateY(10px) rotate(-12deg) scale(1,.9)}}
html[data-theme=dark] #feature-description,html[data-theme=dark] .tour-result,html[data-theme=dark] .tour-heading{color:#d3b7ed}
@media(max-width:800px){.targets{gap:10px}.targets b img{width:18px;height:18px}.controls{padding:22px}#feature-title{font-size:25px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}
.demo-layout{align-items:start;grid-template-columns:minmax(0,1fr) 390px}.controls .control-header{padding-bottom:12px;margin-bottom:14px}.controls .control-header h3{margin-bottom:5px}.controls .control-header p{font-size:14px;line-height:1.5}.feature-tour{padding-top:14px;margin-top:12px}.tour-heading{margin:12px 0}#feature-description{font-size:15px}#feature-title{font-size:25px}#feature-card{min-height:120px}.pet-options{margin-top:14px}.controls .hint{margin-bottom:0;font-size:13px}@media(max-width:1000px){.demo-layout{grid-template-columns:minmax(0,1fr) 340px}}@media(max-width:800px){.demo-layout{grid-template-columns:1fr}.terminal{min-height:530px}}
/* Keep the terminal badge snug around its labels and icons. */
.targets{width:fit-content;max-width:100%;}