.presentation-menu-backdrop{z-index:var(--z-modal);background:0 0;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.presentation-menu-console{background:var(--color-black);border:4px solid var(--color-strunk-green);transform-origin:50%;width:min(640px,92vw);animation:.4s steps(4,end) both presentation-menu-pop;position:relative;transform:scale(.12)}@keyframes presentation-menu-pop{0%{transform:scale(.12)}to{transform:scale(1)}}.presentation-menu-console.is-closing{animation:.4s steps(4,start) both presentation-menu-unpop}@keyframes presentation-menu-unpop{0%{transform:scale(1)}to{transform:scale(.12)}}.presentation-menu-console.is-closing .presentation-menu-inner{opacity:0;animation:none}.presentation-menu-inner{font-family:var(--font-primary);color:var(--color-strunk-green);opacity:0;padding:24px 28px;animation:.1s step-end .3s forwards presentation-menu-appear}@keyframes presentation-menu-appear{to{opacity:1}}.presentation-menu-header{font-weight:700;font-size:var(--font-size-p2);letter-spacing:1px;text-transform:uppercase;border-bottom:2px solid color-mix(in srgb, var(--color-strunk-green) 40%, transparent);justify-content:space-between;align-items:center;gap:8px;margin-bottom:18px;padding-bottom:18px;display:flex}@media (min-width:768px){.presentation-menu-header{font-size:calc(var(--font-size-p1) + 4px)}}.presentation-menu-body{min-height:160px}.presentation-tools-list{opacity:0;margin:24px 0 0;padding:0;list-style:none}.presentation-tools-list.is-ready{opacity:1}.presentation-tool{font-family:var(--font-primary);letter-spacing:1px;text-transform:uppercase;color:var(--color-strunk-green);align-items:center;gap:12px;padding:9px 14px;font-size:20px;font-weight:700;text-decoration:none;display:flex}.presentation-tool-label{flex:1}.presentation-tool-host{text-transform:none;opacity:.7}.presentation-tool--0.is-selected{background:var(--color-letter-cyan);color:var(--color-black)}.presentation-tool--1.is-selected{background:var(--color-letter-red);color:var(--color-white)}.presentation-tool--2.is-selected{background:var(--color-letter-yellow);color:var(--color-black)}.presentation-tool--3.is-selected{background:var(--color-letter-green);color:var(--color-white)}.presentation-tool.is-selected .presentation-tool-host{opacity:.85}.presentation-gate{--input-focus-color:var(--color-strunk-green)}.presentation-gate-note{min-height:60px;font-family:var(--font-primary);text-align:left;color:var(--color-strunk-green);margin:0 0 24px;font-size:20px;font-weight:700;line-height:1.5}.presentation-gate-actions{justify-content:center;display:flex}.presentation-gate-boot{font-family:var(--font-primary);color:var(--color-strunk-green);white-space:pre-wrap;min-height:60px;margin:0 0 18px;font-size:20px;font-weight:700;line-height:1.5}.presentation-gate-cursor{width:var(--typewriter-cursor-width,10px);height:var(--typewriter-cursor-height,20px);vertical-align:baseline;background:var(--color-strunk-green);margin-left:4px;animation:1.04s step-end infinite presentation-gate-cursor-blink;display:inline-block}@keyframes presentation-gate-cursor-blink{0%,49%{opacity:1}50%,to{opacity:0}}.presentation-gate-form{flex-direction:column;gap:18px;display:flex}.presentation-gate-form.is-pending{visibility:hidden}@media (prefers-reduced-motion:reduce){.presentation-menu-console{animation:none;transform:scale(1)}.presentation-menu-inner{opacity:1;animation:none}}
.presentation-scenery{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.scenery-hill{image-rendering:pixelated;z-index:1;position:absolute}.scenery-hill--left-1{width:clamp(420px,44vw,616px);height:auto;bottom:78px;left:calc(4% - 20px)}.scenery-hill--left-2{clip-path:inset(0 0 30%);width:clamp(420px,44vw,616px);height:auto;bottom:-96px;left:calc(4% + 180px)}.scenery-hill--right-1{width:clamp(380px,40vw,554px);height:auto;bottom:78px;right:calc(4% - 120px)}.scenery-hill--right-2{width:clamp(380px,40vw,554px);height:auto;bottom:78px;right:calc(4% - 200px)}.scenery-bush{width:400px;height:160px;image-rendering:pixelated;background-repeat:no-repeat;background-size:100% 100%;position:absolute;bottom:84px}.scenery-bush--small{background-image:url(/sprites/bush-left.svg)}.scenery-bush--medium{background-image:url(/sprites/bush-right.svg)}.scenery-bush--large{background-image:url(/sprites/bush-middle.svg)}.scenery-bush--pos-1{z-index:1;left:calc(8% - 36px)}.scenery-bush--pos-2{z-index:2;left:calc(50% - 162px)}.scenery-bush--pos-3{z-index:3;left:70%}@media (max-width:999px){.scenery-bush--pos-2{display:none}}.scenery-bush-fruits{width:400px;height:160px;position:absolute;bottom:84px}.scenery-bush-fruits--pos-1{z-index:2;left:calc(8% - 36px)}.scenery-bush-fruits--pos-3{z-index:4;left:70%}.scenery-fruit--a{animation:2s step-end infinite scenery-fruit-blink}.scenery-fruit--b{animation:2s step-end -1s infinite scenery-fruit-blink}@keyframes scenery-fruit-blink{0%,49.99%{fill:var(--color-red)}50%,to{fill:var(--color-fruit-pink)}}
.presentation-stage{color:var(--color-black);-webkit-user-select:none;user-select:none;--presentation-floor:84px;--presentation-ceiling:0px;position:absolute;inset:0;overflow:hidden}.presentation-downloads{color:var(--color-white);border-color:var(--color-strunk-green)}.presentation-downloads:hover{background:var(--color-black);color:var(--color-strunk-green)}.presentation-toolbar{z-index:5;align-items:center;gap:14px;display:flex;position:absolute;top:18px;left:26px}.presentation-qblock{cursor:pointer;align-items:center;display:flex;transform:scale(.91)}.presentation-dots{z-index:5;align-items:center;gap:7px;height:41px;display:flex;position:absolute;top:18px;right:26px}.presentation-dot{border:2px solid var(--color-dark-gray);background:#0003;width:15px;height:15px}.presentation-dot.is-on{background:var(--presentation-accent)}.presentation-clouds{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.presentation-cloud{width:96px;height:28px;left:var(--cloud-x);transform:translateX(0) scale(var(--cloud-scale,1));animation:presentation-cloud-drift var(--cloud-speed,110s) linear infinite;background:#ffffffeb;position:absolute;box-shadow:30px -12px 0 -4px #ffffffeb,-26px 2px 0 -2px #ffffffd9}.presentation-cloud--clone{left:calc(var(--cloud-x) + 100vw)}@keyframes presentation-cloud-drift{0%{transform:translateX(0) scale(var(--cloud-scale,1))}to{transform:translateX(-100vw) scale(var(--cloud-scale,1))}}.presentation-cloud--1{--cloud-x:38%;--cloud-scale:1.44;--cloud-speed:95s;top:12%}.presentation-cloud--2{--cloud-x:60%;--cloud-scale:1;--cloud-speed:115s;top:5.4%}.presentation-cloud--3{--cloud-x:calc(42% - 600px);--cloud-scale:1;--cloud-speed:105s;top:calc(40% - 180px)}.presentation-cloud--4{--cloud-x:calc(58% + 450px);--cloud-scale:.8;--cloud-speed:130s;top:calc(42% - 260px)}@media (prefers-reduced-motion:reduce){.presentation-cloud{animation:none}}.presentation-canvas{top:var(--presentation-ceiling);left:0;right:0;bottom:var(--presentation-floor);z-index:2;position:absolute}.presentation-diagram{width:100%;height:100%;display:block;position:absolute;inset:0}.presentation-edge{stroke:#00000059;stroke-width:4px;opacity:0}.presentation-edge.is-shown{opacity:1}.presentation-edge.is-active{stroke:var(--presentation-accent);stroke-width:5px}.presentation-node{opacity:0}.presentation-node.is-shown{opacity:1}.presentation-node-box{fill:var(--color-white);stroke:var(--color-black);stroke-width:4px}.presentation-node.is-active .presentation-node-box{fill:var(--presentation-accent)}.presentation-node.is-active .presentation-node-label,.presentation-node.is-active .presentation-node-sub{fill:var(--color-white)}.presentation-node.is-brain .presentation-node-box{fill:var(--presentation-accent)}.presentation-node.is-brain .presentation-node-label,.presentation-node.is-brain .presentation-node-sub{fill:var(--color-white)}.presentation-node.is-interactive{cursor:pointer}.presentation-node.is-interactive:hover .presentation-node-box{stroke:var(--color-strunk-green)}.presentation-node-label{fill:var(--color-black);font-family:var(--font-primary);letter-spacing:1px;text-anchor:middle;dominant-baseline:central;font-size:28px;font-weight:700}.presentation-node-sub{fill:#0009;font-family:var(--font-primary);text-anchor:middle;dominant-baseline:central;font-size:18px;font-weight:700}.presentation-boundary-box{fill:none;stroke-width:3px;stroke-dasharray:9 9;opacity:0}.presentation-boundary-box.is-shown{opacity:1}.presentation-boundary-label{font-family:var(--font-primary);letter-spacing:1px;text-anchor:middle;text-transform:uppercase;opacity:0;font-size:16px;font-weight:700}.presentation-boundary-label.is-shown{opacity:1}.presentation-boundary--droplet .presentation-boundary-box{stroke:#0000008c}.presentation-boundary--droplet .presentation-boundary-label{fill:#000000a1;font-size:18px}.presentation-boundary--firewall .presentation-boundary-box{stroke:var(--color-red);stroke-width:4px}.presentation-boundary--firewall .presentation-boundary-box.is-shown,.presentation-boundary--firewall .presentation-boundary-label.is-shown{animation:2s step-end infinite presentation-firewall-blink}@keyframes presentation-firewall-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.presentation-boundary--firewall .presentation-boundary-label{fill:var(--color-red);font-size:19px}.presentation-boundary--armor .presentation-boundary-box{stroke:var(--presentation-accent)}.presentation-boundary--armor .presentation-boundary-label{fill:var(--presentation-accent)}.presentation-title{position:absolute;inset:0}.presentation-title-headline{text-align:center;width:max-content;max-width:88vw;font-family:var(--font-primary);letter-spacing:2px;color:var(--color-white);-webkit-text-stroke:5px var(--color-black);paint-order:stroke fill;flex-direction:column;align-items:center;gap:6px;margin:0;font-size:clamp(40px,7vw,96px);font-weight:700;line-height:.8;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.presentation-title-headline span{filter:drop-shadow(1px 1px #000)drop-shadow(1px 1px #000)drop-shadow(1px 1px #000)drop-shadow(1px 1px #000)drop-shadow(1px 1px #000)drop-shadow(1px 1px #000)drop-shadow(1px 1px #000)}.presentation-title-accent{color:var(--presentation-accent)}.presentation-title-hint{letter-spacing:2px;text-transform:uppercase;color:var(--presentation-accent);align-items:center;gap:8px;margin:0;font-size:clamp(23px,1.6vw,26px);font-weight:700;animation:2s step-end infinite presentation-hint-blink;display:inline-flex;position:absolute;top:76%;left:50%;transform:translate(-50%,-50%)}@keyframes presentation-hint-blink{0%,50%{color:var(--presentation-accent);font-weight:700}50.01%,to{color:color-mix(in srgb, var(--color-hover-gray) 70%, #000);font-weight:400}}.presentation-oldstack{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:34px;padding:0 6%;display:flex;position:absolute;inset:0}.presentation-oldstack-grid{flex-wrap:wrap;justify-content:center;gap:22px;display:flex}.presentation-old{background:var(--color-white);border:4px solid var(--color-black);font-family:var(--font-primary);color:var(--color-black);padding:16px 30px;font-size:clamp(22px,2.6vw,34px);font-weight:700;position:relative}.presentation-old:after{content:"";background:var(--color-red);opacity:0;height:5px;position:absolute;top:50%;left:12px;right:12px;transform:translateY(-50%)}.presentation-old.is-struck:after{opacity:1}.presentation-oldstack-cap{font-family:var(--font-primary);color:var(--color-black);opacity:0;font-size:clamp(24px,3vw,40px);font-weight:700}.presentation-oldstack-cap.is-shown{opacity:1}.presentation-oldstack-price{background:var(--color-white);border:4px solid var(--color-black);font-family:var(--font-primary);color:var(--color-black);opacity:0;padding:14px 30px;font-size:clamp(22px,2.4vw,30px);font-weight:700}.presentation-oldstack-price.is-shown{opacity:1;animation:2s step-end infinite presentation-price-blink}@keyframes presentation-price-blink{0%,50%{border-color:var(--color-black)}50.01%,to{border-color:var(--presentation-accent)}}.presentation-video{opacity:0;visibility:hidden;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:28px;padding:0 6%;display:flex;position:absolute;inset:0}.presentation-video.is-active{opacity:1;visibility:visible;pointer-events:auto}.presentation-video-headline{font-family:var(--font-primary);color:var(--color-black);text-align:center;margin:0;font-size:clamp(24px,3vw,40px);font-weight:700}.presentation-video-frame{width:min(760px,60vw)}.presentation-video-embed{aspect-ratio:16/9;border:4px solid var(--color-black);background:var(--color-black);position:relative;overflow:hidden}.presentation-video-embed iframe{border:0;width:100%;height:100%;display:block}.presentation-video-thumb{cursor:pointer;position:absolute;inset:0}.presentation-video-thumb img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.presentation-video-play{z-index:2;width:96px;height:64px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (prefers-reduced-motion:reduce){.presentation-title-hint{animation:none}}.presentation-mobile{display:none}@media (max-width:768px){.presentation-stage{display:none}.presentation-mobile{display:block;position:absolute;inset:0;overflow:hidden}.presentation-mobile-ground{height:84px;image-rendering:pixelated;pointer-events:none;z-index:2;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 84' shape-rendering='crispEdges'><rect x='0' y='0' width='50' height='3' fill='black'/><rect x='0' y='3' width='50' height='15' fill='%2305d104'/><rect x='0' y='18' width='50' height='66' fill='%23d8a459'/><rect x='6' y='41' width='6' height='6' fill='%23ebca71'/><rect x='28' y='53' width='10' height='10' fill='%23ebca71'/><rect x='4' y='68' width='10' height='6' fill='%23ebca71'/></svg>");background-repeat:repeat-x;background-size:50px 84px;position:absolute;bottom:0;left:0;right:0}.presentation-mobile-hero{z-index:4;text-align:center;flex-direction:column;align-items:center;width:100%;max-width:calc(100vw - 32px);display:flex;position:absolute;top:calc(22% - 102px + clamp(77px,min(10.25vw,16vh),154px));bottom:326px;left:50%;transform:translate(-50%)}.presentation-mobile-cta{z-index:4;position:absolute;bottom:199px;left:50%;transform:translate(-50%)}.presentation-mobile-title{font-family:var(--font-primary);letter-spacing:2px;color:var(--color-white);-webkit-text-stroke:3px var(--color-black);paint-order:stroke fill;flex-direction:column;align-items:center;gap:4px;margin:0;font-size:50px;font-weight:700;line-height:.85;display:flex}.presentation-mobile-title span{filter:drop-shadow(1px 1px #000)drop-shadow(1px 1px #000)drop-shadow(1px 1px #000)drop-shadow(1px 1px #000)}.presentation-mobile-accent{color:var(--presentation-accent)}.presentation-mobile-note{max-width:100%;font-family:var(--font-primary);font-size:var(--font-size-p1);letter-spacing:var(--letter-spacing-default);color:var(--color-black);-webkit-text-stroke:2px var(--color-white);paint-order:stroke fill;text-shadow:1px 1px #00000059,2px 2px #00000040;margin:auto 0;font-weight:700;line-height:1.1;position:relative;top:-15px}}
.presentation-scene{isolation:isolate;width:100%;min-height:calc(100dvh - var(--landing-nav-height,68px));margin-bottom:calc(-1 * var(--landing-footer-overlap,320px));background:var(--presentation-bg,var(--color-sky-blue));position:relative;overflow:hidden}.presentation-scene-content{z-index:6;position:absolute;inset:0}html:fullscreen header{display:none}html:fullscreen{--landing-nav-height:0px!important}:is(body:has(.presentation-scene) .pixel-ground-footer .home-bush,body:has(.presentation-scene) .pixel-ground-footer .home-bush-fruits){display:none}@media (max-width:768px){.presentation-scene{min-height:calc(100lvh - var(--landing-nav-height,68px));margin-bottom:0}}