.d2{--paper:#fff8ee;--sky:#d8eeff;--ink:#1e2a4a;--th:#e8615a;--h:#4c86f0;--t:#46b06a;--o:#f7a23b;--leaf:#6cc383;--display:"Grandstander Variable", "Grandstander", "Comic Sans MS", system-ui, sans-serif;--body:"Andika", system-ui, sans-serif;background:var(--paper);color:var(--ink);font-family:var(--body);margin:0;font-size:18px}.d2 *,.d2 :before,.d2 :after{box-sizing:border-box}.d2 section{scroll-margin-top:70px}.d2 h1,.d2 h2{font-family:var(--display);letter-spacing:-.01em;font-weight:800}.d2-top{z-index:30;background:var(--paper);justify-content:space-between;align-items:center;padding:12px clamp(16px,3vw,40px);display:flex;position:sticky;top:0;box-shadow:0 2px #1e2a4a1a}.d2-logo{font-family:var(--display);color:var(--ink);font-size:22px;font-weight:800;text-decoration:none}.d2-logo span:nth-child(2){color:var(--h)}.d2-toplink{font-family:var(--display);color:var(--ink);border:3px solid var(--ink);background:#fff;border-radius:999px;padding:8px 16px;font-weight:700;text-decoration:none}.d2-btn{font:800 19px/1 var(--display);color:var(--ink);background:var(--o);border:3px solid var(--ink);cursor:pointer;box-shadow:0 5px 0 var(--ink);border-radius:18px;padding:14px 22px;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-block}.d2-btn:hover{box-shadow:0 7px 0 var(--ink);transform:translateY(-2px)}.d2-btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(4px)}.d2-btn-ink{background:var(--ink);color:#fff;box-shadow:0 5px #0c1430}.d2-btn-ghost{background:#fff}.d2 :focus-visible{outline:3px solid var(--h);outline-offset:3px}.d2-hero{background:linear-gradient(#cde8ff, var(--sky) 55%, #eaf6ff);flex-direction:column;min-height:calc(100vh - 64px);padding:clamp(28px,5vh,56px) clamp(16px,4vw,56px) 0;display:flex;position:relative;overflow:hidden}.d2-sky{pointer-events:none;position:absolute;inset:0}.d2-cloud{opacity:.95;background:#fff;border-radius:40px;width:160px;height:46px;animation:60s linear infinite d2drift;position:absolute}.d2-cloud:before,.d2-cloud:after{content:"";background:#fff;border-radius:50%;position:absolute}.d2-cloud:before{width:70px;height:70px;top:-34px;left:24px}.d2-cloud:after{width:54px;height:54px;top:-22px;left:80px}.d2-cloud.c1{top:12%;left:-10%}.d2-cloud.c2{animation-duration:80s;animation-delay:-30s;top:30%;left:40%;transform:scale(.7)}.d2-cloud.c3{animation-duration:70s;animation-delay:-50s;top:8%;left:70%;transform:scale(.85)}@keyframes d2drift{0%{translate:-20vw}to{translate:120vw}}.d2-sun{background:#ffd23f;border-radius:50%;width:110px;height:110px;position:absolute;top:8%;right:6%;box-shadow:0 0 0 18px #ffd23f40,0 0 0 40px #ffd23f1f}.d2-hero-text{z-index:2;text-align:center;max-width:820px;margin:0 auto;position:relative}.d2-eyebrow{font-family:var(--display);border:3px solid var(--ink);background:#fff;border-radius:999px;margin:0 0 14px;padding:6px 16px;font-weight:700;display:inline-block;transform:rotate(-2deg)}.d2 h1{margin:0 0 14px;font-size:clamp(40px,5.6vw,84px);line-height:.98}.d2-strap{max-width:36ch;margin:0 auto 20px;font-size:clamp(18px,1.5vw,22px);line-height:1.45}.d2-stage{z-index:3;flex:1;justify-content:center;align-items:flex-end;gap:clamp(6px,2vw,32px);padding-top:70px;display:flex;position:relative}.d2-member{cursor:pointer;font:inherit;color:inherit;background:0 0;border:0;flex-direction:column;align-items:center;padding:0;transition:opacity .5s,transform .5s cubic-bezier(.3,1.5,.5,1),width .5s;display:flex;position:relative}.d2-body{transform-origin:50% 100%;animation:3.6s ease-in-out infinite d2breathe;display:block}.d2-m-th .d2-body{width:clamp(110px,15vw,230px);animation-delay:-.4s}.d2-m-h .d2-body{width:clamp(96px,12.5vw,196px);animation-delay:-1.2s}.d2-m-t .d2-body{width:clamp(84px,10.5vw,166px);animation-delay:-2s}.d2-m-o .d2-body{width:clamp(72px,9vw,140px);animation-delay:-2.8s}.d2-body svg{width:100%;height:auto;display:block;overflow:visible}@keyframes d2breathe{50%{transform:scaleY(1.03)scaleX(.985)}}.d2-member.jump .d2-body{animation:.7s cubic-bezier(.3,1.4,.5,1) d2jump}@keyframes d2jump{0%{transform:none}20%{transform:scaleY(.8)scaleX(1.1)}50%{transform:translateY(-40%)scaleY(1.08)rotate(-6deg)}80%{transform:scaleY(.9)scaleX(1.06)}to{transform:none}}.d2-eye{transform-box:fill-box;transform-origin:50%;animation:5s infinite d2blink}.d2-m-h .d2-eye{animation-delay:1.3s}.d2-m-t .d2-eye{animation-delay:2.6s}.d2-m-o .d2-eye{animation-delay:3.7s}@keyframes d2blink{0%,94%,to{transform:none}96%{transform:scaleY(.1)}}.d2-plinth{background:var(--c);color:var(--ink);border:3px solid var(--ink);border-bottom:0;border-radius:18px 18px 0 0;flex-direction:column;align-items:center;width:100%;min-width:92px;margin-top:-6px;padding:10px 8px 18px;display:flex}.d2-plinth b{font-family:var(--display);color:#fff;text-shadow:0 3px 0 var(--ink);-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;font-size:clamp(28px,3vw,46px);font-weight:800;line-height:1}.d2-plinth small{white-space:nowrap;font-size:clamp(12px,1vw,15px);font-weight:700}.d2-m-th{--c:var(--th)}.d2-m-h{--c:var(--h)}.d2-m-t{--c:var(--t)}.d2-m-o{--c:var(--o)}.d2-m-th .d2-plinth{height:150px}.d2-m-h .d2-plinth{height:128px}.d2-m-t .d2-plinth{height:108px}.d2-m-o .d2-plinth{height:92px}.d2-bubble{border:3px solid var(--ink);opacity:0;pointer-events:none;z-index:5;text-align:center;background:#fff;border-radius:18px;width:max-content;max-width:220px;padding:10px 14px;font-size:16px;font-weight:700;line-height:1.3;transition:opacity .2s,scale .3s cubic-bezier(.3,1.6,.5,1);position:absolute;bottom:calc(100% - 10px);left:50%;translate:-50%;scale:.6}.d2-bubble:after{content:"";border-right:3px solid var(--ink);border-bottom:3px solid var(--ink);background:#fff;width:18px;height:18px;position:absolute;bottom:-12px;left:50%;translate:-50%;rotate:45deg}.d2-member.talk .d2-bubble{opacity:1;scale:1}html[data-nd="3"] .d2-m-th{opacity:0;pointer-events:none;width:0;margin-right:calc(-1*clamp(6px,2vw,32px));transform:translate(-60px)scale(.6)}.d2-hill{z-index:2;width:100%;height:90px;position:absolute;bottom:0;left:0;right:0}.d2-make{background:#6cc383;background:linear-gradient(#6cc383 0, #6cc383 60px, var(--paper) 60px);padding:clamp(48px,7vw,96px) clamp(16px,4vw,56px)}.d2-make-head{text-align:center;max-width:760px;margin:0 auto 32px;padding-top:30px}.d2 h2{margin:0 0 14px;font-size:clamp(34px,4vw,58px);line-height:1}.d2-make-head p{margin:0;font-size:19px;line-height:1.5}.d2-make-body{grid-template-columns:minmax(320px,480px) 1fr;align-items:start;gap:clamp(24px,4vw,56px);max-width:1320px;margin:0 auto;display:grid}.d2-form{border:4px solid var(--ink);box-shadow:0 10px 0 var(--ink);background:#fff;border-radius:30px;gap:22px;padding:26px;display:grid}.d2 .ca-choice{border:0;min-width:0;margin:0;padding:0}.d2 .ca-choice legend,.d2 .ca-pages-label{font-family:var(--display);margin-bottom:10px;padding:0;font-size:21px;font-weight:800}.d2 .ca-opts{gap:10px;display:flex}.d2 .ca-opt{cursor:pointer;flex:1;position:relative}.d2 .ca-opt input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.d2 .ca-face{text-align:center;border:3px solid var(--ink);background:var(--paper);box-shadow:0 4px 0 var(--ink);border-radius:20px;flex-direction:column;align-items:center;gap:2px;padding:12px 8px;transition:transform .15s,background .2s,box-shadow .15s;display:flex}.d2 .ca-face b{font-family:var(--display);font-size:19px;font-weight:800}.d2 .ca-choice-per .ca-face b{font-size:28px;line-height:1}.d2 .ca-face small{font-size:14px}.d2 .ca-opt:hover .ca-face{transform:translateY(-2px)}.d2 .ca-opt input:checked+.ca-face{box-shadow:0 1px 0 var(--ink);background:#ffe7a8;transform:translateY(3px)}.d2 .ca-choice-carry .ca-opt input:checked+.ca-face{background:#cfe0ff}.d2 .ca-choice-per .ca-opt input:checked+.ca-face{background:#c9efd3}.d2 .ca-opt input:focus-visible+.ca-face{outline:3px solid var(--h);outline-offset:3px}.d2-heads{justify-content:center;align-items:flex-end;height:40px;margin-bottom:4px;display:flex}.d2-heads svg{width:34px;height:34px;margin:0 -3px}.d2-heads .critter-th{width:40px;height:40px}.d2-heads .critter-o{width:28px;height:28px}.d2 .ca-more{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px 24px;display:flex}.d2 .ca-pages{flex-direction:column;display:flex}.d2 .ca-stepper{align-items:center;gap:8px;display:inline-flex}.d2 .ca-stepper button{border:3px solid var(--ink);background:var(--o);width:46px;height:46px;font:800 26px/1 var(--display);color:var(--ink);cursor:pointer;box-shadow:0 3px 0 var(--ink);border-radius:50%}.d2 .ca-stepper input{text-align:center;width:64px;height:50px;font:800 28px/1 var(--display);border:3px solid var(--ink);color:var(--ink);background:var(--paper);-moz-appearance:textfield;border-radius:14px}.d2 .ca-stepper input::-webkit-inner-spin-button{-webkit-appearance:none}.d2 .ca-key{cursor:pointer;align-items:center;gap:10px;padding-bottom:10px;font-weight:700;display:flex}.d2 .ca-key input{width:26px;height:26px;accent-color:var(--t)}.d2-actions{flex-wrap:wrap;gap:12px;display:flex}.d2-summary{margin:0;font-weight:700}.d2-tip{color:#46506a;margin:0;font-size:15px;line-height:1.5}.d2-sheetwrap{border:4px solid var(--ink);background:#fff1d6;border-radius:30px;min-width:0;padding:22px 18px 12px;position:relative}.d2-peek{z-index:2;width:90px;position:absolute;top:-64px;right:24px}.d2-peek svg{width:100%;height:auto;display:block}.d2-peek.hop{animation:.7s cubic-bezier(.3,1.4,.5,1) d2jump}.d2 .ws-preview .ws-page{border-radius:6px;box-shadow:0 6px #1e2a4a40}.d2-carry{background:var(--sky);grid-template-columns:1fr 1fr;align-items:center;gap:clamp(24px,4vw,64px);padding:clamp(48px,7vw,96px) clamp(16px,4vw,56px);display:grid}.d2-carry-text p{max-width:44ch;font-size:20px;line-height:1.55}.d2-carry-btns{flex-wrap:wrap;gap:12px;display:flex}.d2-demo{border:4px solid var(--ink);box-shadow:0 10px 0 var(--ink);background:#fff;border-radius:30px;grid-template-columns:70px 150px 150px;grid-template-areas:"s t o""say say say";justify-content:center;column-gap:12px;padding:26px 20px;display:grid;position:relative}.d2-demo-signs{font:800 44px/1 var(--display);grid-area:s;grid-template-rows:100px 34px 64px 64px 64px 72px;place-items:center;display:grid}.d2-demo-col{border-radius:16px;grid-template-rows:100px 34px 64px 64px 64px 72px;place-items:center;display:grid;position:relative}.d2-dc-t{background:#ddf5e3;grid-area:t}.d2-dc-o{background:#ffe9c8;grid-area:o}.d2-demo-col svg{align-self:end;width:92px;height:92px}.d2-demo-col>b{font:800 26px/1 var(--display)}.d2-demo-col span{font:800 56px/1 var(--display);text-align:center;min-width:1ch}.d2-demo-col .d2-dw{color:var(--th);font-size:34px}.d2-demo-col .d2-ds{border-top:5px solid var(--ink);border-bottom:7px double var(--ink);place-items:center;width:100%;height:100%;display:grid}.d2-say{text-align:center;grid-area:say;min-height:3em;margin:18px 0 0;font-size:19px;font-weight:700;line-height:1.4}.d2-token{z-index:4;background:var(--th);color:#fff;border:3px solid var(--ink);width:50px;height:50px;font:800 28px/1 var(--display);box-shadow:0 4px 0 var(--ink);pointer-events:none;border-radius:50%;place-items:center;display:grid;position:absolute}.d2-pop{animation:.45s cubic-bezier(.3,1.8,.5,1) both d2popin}@keyframes d2popin{0%{scale:0}to{scale:1}}.d2-demo-col.on{outline:4px dashed var(--ink);outline-offset:-2px}.d2-how{text-align:center;padding:clamp(48px,7vw,96px) clamp(16px,4vw,56px)}.d2-how ol{flex-wrap:wrap;justify-content:center;gap:18px;max-width:1100px;margin:24px auto;padding:0;list-style:none;display:flex}.d2-how li{border:4px solid var(--ink);text-align:left;background:#fff;border-radius:26px;flex:260px;align-items:center;gap:14px;padding:22px;font-size:20px;font-weight:700;display:flex}.d2-how li b{width:56px;height:56px;font:800 30px/1 var(--display);border:3px solid var(--ink);border-radius:50%;flex:none;place-items:center;display:grid}.d2-how li:first-child b{background:var(--h);color:#fff}.d2-how li:nth-child(2) b{background:var(--t);color:#fff}.d2-how li:nth-child(3) b{background:var(--o)}.d2-how>p{max-width:56ch;margin:0 auto;font-size:20px;line-height:1.55}.d2-foot{background:var(--ink);color:#fff;text-align:center;padding:30px 16px 40px}.d2-foot-crew{justify-content:center;align-items:flex-end;gap:6px;display:flex}.d2-foot-crew svg{width:64px;height:64px}.d2-foot-crew .critter-th{width:84px;height:84px}.d2-foot-crew .critter-o{width:50px;height:50px}.d2-foot-big{font-family:var(--display);margin:10px 0 6px;font-size:clamp(30px,5vw,64px);font-weight:800}@media (width<=900px){.d2-hero{min-height:0}.d2-stage{padding-top:90px}.d2-make-body,.d2-carry{grid-template-columns:1fr}.d2-plinth{min-width:0;padding:8px 4px 14px}.d2-plinth small{white-space:normal;text-align:center;font-size:11px;line-height:1.1}.d2-m-th .d2-plinth{height:110px}.d2-m-h .d2-plinth{height:96px}.d2-m-t .d2-plinth{height:84px}.d2-m-o .d2-plinth{height:74px}.d2-sun{width:56px;height:56px;top:1%;right:-14px}.d2-bubble{max-width:160px;font-size:14px}}@media (width<=480px){.d2-toplink{display:none}.d2-form{padding:18px}.d2-demo{grid-template-columns:44px 1fr 1fr;padding:20px 12px}.d2 .ca-face b{font-size:17px}}@media (prefers-reduced-motion:reduce){.d2 *,.d2 :before,.d2 :after{transition:none!important;animation:none!important}}