@import "https://fonts.googleapis.com/css2?family=VT323&family=Share+Tech+Mono&display=swap";
.crt-container{background:0 0;justify-content:center;align-items:center;font-family:monospace;display:flex}.crt-monitor{background:linear-gradient(145deg,#d4d4d4 0%,#a8a8a8 50%,#909090 100%);border-radius:20px;padding:40px 60px 40px 40px;position:relative;box-shadow:0 40px 80px #0009,0 20px 40px #0006,0 60px 100px #0000004d,inset 0 2px #ffffff4d,inset 0 -2px #0003}.crt-monitor:after{content:"";opacity:.6;pointer-events:none;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");border-radius:20px;position:absolute;inset:0}.crt-monitor:before{content:"RETRO-UI TERMINAL";color:#666;letter-spacing:3px;font-family:Share Tech Mono,monospace;font-size:10px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.crt-bezel{background:#0a0a0a;border-radius:80px;padding:12px;position:relative;box-shadow:inset 0 0 50px #000c,inset 0 2px 3px #000000e6}.crt-bezel:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(145deg,#1a1a1a 0%,#0d0d0d 50%,#050505 100%);border-radius:72px;position:absolute;inset:8px;box-shadow:inset 0 2px 4px #000c,inset 0 -2px 4px #ffffff0d,0 0 0 1px #000000e6}.crt-screen{z-index:1;background:#0a0a0a;border-radius:80px;width:700px;height:580px;position:relative;overflow:hidden;box-shadow:inset 0 0 80px #ff660005,inset 0 0 30px #000000e6,0 0 2px 1px #00000080}.crt-glass{pointer-events:none;z-index:15;background:radial-gradient(110% 110%,#0000 0% 45%,#00000026 65%,#00000059 80%,#0009 100%);border-radius:80px;position:absolute;inset:0}.crt-bulge{pointer-events:none;z-index:16;background:radial-gradient(70% 70% at 30% 30%,#ffffff0f 0%,#ffffff05 30%,#0000 60%);border-radius:80px;position:absolute;inset:0}.curved-distortion{pointer-events:none;z-index:17;filter:blur(.3px);background:radial-gradient(100% 100%,#0000 0% 55%,#00000014 70%,#0003 85%,#0006 100%);border-radius:80px;position:absolute;inset:0}.crt-screen:before{content:"";pointer-events:none;z-index:20;background:repeating-linear-gradient(0deg,#00000026 0 1px,#0000 1px 3px);border-radius:80px;position:absolute;inset:0}.crt-screen:after{content:"";pointer-events:none;z-index:21;background:radial-gradient(95% 95%,#0000 0% 40%,#0003 65%,#0006 85%,#0009 100%);border-radius:80px;position:absolute;inset:0}.screen-warp{transform-style:preserve-3d;z-index:5;filter:contrast(1.05)brightness(.98);position:absolute;inset:0;transform:perspective(1000px)rotateX(0)rotateY(0)}.screen-inner{z-index:5;transform-origin:50%;width:100%;height:100%;position:relative}.screen-content{z-index:10;height:100%;transform-style:preserve-3d;flex-direction:column;padding:40px 50px;display:flex;position:relative}.screen-content>*{transform-style:preserve-3d!important}.crt-container .boot-line,.crt-container .header,.crt-container .menu-title,.crt-container .menu-option,.crt-container .status-bar,.crt-container .system-info>div,.crt-container .silhouette-label,.crt-container .silhouette-id{position:relative;transform-style:preserve-3d!important}.crt-container .header{transform-origin:top!important;transform:perspective(400px)rotateX(8deg)scaleX(.92)!important}.crt-container .menu-title{transform-origin:top!important;transform:perspective(400px)rotateX(5deg)scaleX(.94)!important}.crt-container .menu-option{transform-origin:50%!important;transform:perspective(400px)rotateX(-4deg)scaleX(.94)!important}.crt-container .menu-option:first-child{transform-origin:50%!important;transform:perspective(400px)rotateX(0)scaleX(.94)!important}.crt-container .menu-option:nth-child(2),.crt-container .menu-option:nth-child(3){transform-origin:50%!important;transform:perspective(400px)rotateX(1deg)scaleX(.95)!important}.crt-container .menu-option:nth-child(4){transform-origin:50%!important;transform:perspective(400px)rotateX(-2deg)scaleX(.95)!important}.crt-container .status-bar{transform-origin:bottom!important;transform:perspective(400px)rotateX(-8deg)scaleX(.92)!important}.crt-container .boot-line:first-child{transform-origin:top!important;transform:perspective(400px)rotateX(10deg)scaleX(.9)!important}.crt-container .boot-line:nth-child(2){transform-origin:top!important;transform:perspective(400px)rotateX(8deg)scaleX(.92)!important}.crt-container .boot-line:nth-child(3){transform-origin:50%!important;transform:perspective(400px)rotateX(4deg)scaleX(.93)!important}.crt-container .boot-line:nth-child(4){transform-origin:50%!important;transform:perspective(400px)rotateX(2deg)scaleX(.94)!important}.crt-container .boot-line:nth-child(5){transform-origin:bottom!important;transform:perspective(400px)rotateX(0)scaleX(.94)!important}.crt-container .main-content{transform-origin:50%!important;transform:perspective(400px)rotateX(0)!important}.crt-container .system-info>div:first-child{transform:perspective(400px)rotateX(6deg)scaleX(.93)!important}.crt-container .system-info>div:nth-child(2){transform:perspective(400px)rotateX(5deg)scaleX(.94)!important}.crt-container .system-info>div:nth-child(3){transform:perspective(400px)rotateX(4deg)scaleX(.95)!important}.glitch-active .screen-warp{animation:.1s linear glitch}@keyframes glitch{0%{filter:hue-rotate()contrast(1.05)brightness(.98);transform:perspective(1000px)rotateX(0)translate(0)}20%{filter:hue-rotate(90deg)contrast(1.05)brightness(.98);transform:perspective(1000px)rotateX(0)translate(-3px,2px)}40%{filter:hue-rotate(-90deg)contrast(1.05)brightness(.98);transform:perspective(1000px)rotateX(0)translate(3px,-2px)}60%{transform:perspective(1000px)rotateX(0)translate(-2px,1px)}80%{transform:perspective(1000px)rotateX(0)translate(2px,-1px)}to{filter:hue-rotate()contrast(1.05)brightness(.98);transform:perspective(1000px)rotateX(0)translate(0)}}.crt-container .amber-text,.crt-container .amber-text *{text-shadow:0 0 5px #ff6a00cc,0 0 10px #ff6a0080,0 0 20px #ff6a004d;font-family:VT323,monospace;color:#ff6a00!important}.crt-container .dim-text,.crt-container .dim-text *{text-shadow:0 0 5px #ff6a004d;color:#940!important}.header{border-bottom:1px solid #331a00;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:15px;display:flex}.logo-container{flex-direction:column;align-items:center;display:flex}.logo{border:3px solid #ff6a00;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:28px;font-weight:700;display:flex;box-shadow:0 0 10px #ff6a0080,inset 0 0 10px #ff6a0033}.logo-text{letter-spacing:4px;margin-top:8px;font-size:10px}.system-info{text-align:right;font-size:14px;line-height:1.6}.boot-line{opacity:0;margin:8px 0;font-size:16px;animation:.3s forwards fadeIn}@keyframes fadeIn{to{opacity:1}}.menu-container{z-index:100;flex:1;position:relative}.main-content{flex:1;align-items:flex-start;gap:40px;margin-top:20px;display:flex}.silhouette-container{background:#ff6a0005;border:1px solid #331a00;flex-direction:column;align-items:center;height:fit-content;padding:20px 30px;display:flex}.silhouette-label{letter-spacing:2px;margin-top:15px;font-size:14px}.silhouette-id{margin-top:5px;font-size:12px}.menu-title{letter-spacing:2px;margin-bottom:20px;font-size:18px}.menu-option{cursor:pointer;z-index:100;border:1px solid #0000;align-items:center;margin:8px 0;padding:12px 15px;font-size:20px;transition:background 50ms,border-color 50ms,box-shadow 50ms;display:flex;position:relative}.menu-option:before{content:">";opacity:0;margin-right:15px;transition:opacity 50ms}.menu-option:hover,.menu-option.selected{background:#ff6a001a;border-color:#ff6a00;box-shadow:0 0 10px #ff6a0033,inset 0 0 20px #ff6a001a}.menu-option:hover:before,.menu-option.selected:before{opacity:1}.cursor{vertical-align:text-bottom;background:#ff6a00;width:10px;height:16px;margin-left:5px;line-height:0;display:inline-block;box-shadow:0 0 10px #ff6a00cc}.crt-container .status-bar{justify-content:space-between;margin-top:auto;padding-top:15px;font-size:12px;display:flex;border:none!important;border-top:1px solid #331a00!important}.crt-container .status-bar span{color:#940!important;text-shadow:0 0 5px #ff6a004d!important}.crt-container .blink{animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.power-led{z-index:2;background:#0f0;border-radius:50%;width:8px;height:8px;position:absolute;bottom:15px;right:20px;box-shadow:0 0 5px #0f0,0 0 10px #0f0}.power-led:after{content:"";pointer-events:none;background:radial-gradient(circle,#0000 0% 40%,#1a1a1a 40%,#2a2a2a 70%,#3a3a3a 100%);border-radius:50%;width:18px;height:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 2px 4px #000c,inset 0 -1px 2px #ffffff1a}.vent-slots{z-index:1;flex-direction:column;gap:4px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.vent-slot{background:linear-gradient(90deg,#666 0%,#888 50%,#666 100%);border-radius:1px;width:40px;height:3px;box-shadow:inset 0 1px 1px #00000080,0 1px #ffffff1a}.reflection{pointer-events:none;z-index:12;background:linear-gradient(#ffffff05 0%,#ffffff03 30%,#0000 100%);border-radius:80px 80px 0 0;height:50%;position:absolute;top:0;left:0;right:0}.edge-shadow{pointer-events:none;z-index:14;border-radius:80px;position:absolute;inset:0;box-shadow:inset 8px 0 20px -5px #0009,inset -8px 0 20px -5px #0009,inset 0 8px 20px -5px #0009,inset 0 -8px 20px -5px #0009}.human-silhouette{filter:drop-shadow(0 0 4px #ff6a00e6)drop-shadow(0 0 8px #ff6a0099)drop-shadow(0 0 15px #ff6a0066)drop-shadow(0 0 25px #ff6a0033);width:150px;height:150px}.flicker{animation:.15s infinite flicker}@keyframes flicker{0%,to{opacity:1}50%{opacity:.98}}
.ui-kit-page{min-height:100vh;color:var(--dark-charcoal);background:#fff;font-family:Space Mono,monospace;position:relative;overflow-x:hidden}.ui-kit-page:before{content:"";filter:url(#risograph);z-index:0;pointer-events:none;opacity:.5;background:#f5f3ef;position:absolute;inset:100vh 0 0}@media (min-width:901px){.ui-kit-page:before{top:min(100vh,900px)}}.ui-kit-hero{z-index:2;color:#1a1a18;border-bottom:2px solid var(--dark-charcoal);isolation:isolate;background:#fff;align-items:center;min-height:100vh;padding:120px 40px 80px;display:flex;position:relative;overflow:hidden}@media (min-width:901px){.ui-kit-hero{height:min(100vh,900px);min-height:min(100vh,900px);max-height:900px}}.ui-kit-hero-risograph-wrapper{z-index:1;filter:url(#risograph);background:#c8c8c8;position:absolute;inset:0}.ui-kit-hero-base-bg{background:#c8c8c8;position:absolute;inset:0}.ui-kit-hero-blob-teal,.ui-kit-hero-blob-coral,.ui-kit-hero-blob-orange{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.ui-kit-hero-blob-teal{z-index:0}.ui-kit-hero-blob-coral{z-index:1}.ui-kit-hero-blob-orange{z-index:2}.ui-kit-hero-inner{z-index:30;grid-template-columns:1fr 1fr;align-items:center;gap:60px;width:100%;max-width:1200px;margin:0 auto;padding-top:clamp(80px,20vh,200px);display:grid;position:relative}.ui-kit-hero-content{flex-direction:column;margin-left:50px;display:flex}.ui-kit-hero-badge{align-items:center;margin-bottom:20px;display:inline-flex}.ui-kit-hero-badge-text{letter-spacing:2px;text-transform:uppercase;background:var(--color-accent-coral);color:#fff;border:2px solid var(--dark-charcoal);padding:6px 14px;font-size:11px;font-weight:700}.ui-kit-hero-title{letter-spacing:-1px;margin:0 0 30px;font-size:72px;font-weight:700;line-height:1.05}.ui-kit-hero-desc{color:#1a1a18cc;max-width:450px;margin:0 0 40px;font-size:18px;line-height:1.7}.ui-kit-hero-actions{gap:15px;margin-bottom:60px;display:flex}.ui-kit-hero-stats{gap:50px;display:flex}.ui-kit-stat-item{flex-direction:column;gap:4px;display:flex}.ui-kit-stat-value{font-size:36px;font-weight:700}.ui-kit-stat-label{letter-spacing:2px;opacity:.6;text-transform:uppercase;font-size:13px}.ui-kit-hero-gadget-placeholder{display:block}.ui-kit-hero-gadget-container{pointer-events:none;z-index:50;justify-content:center;align-items:center;max-width:600px;padding-top:clamp(80px,10vh,200px);display:flex;position:absolute;inset:-90px 0 0 50%}@media (max-height:800px){.ui-kit-hero-gadget-container{transform-origin:50%;top:-60px;transform:scale(.9)}}@media (max-height:700px){.ui-kit-hero-gadget-container{transform-origin:50%;top:-40px;transform:scale(.8)}}@media (max-height:600px){.ui-kit-hero-gadget-container{transform-origin:50%;top:-20px;transform:scale(.7)}}.ui-kit-hero-gadget-container>*{pointer-events:auto}.ui-kit-inspiration-section{z-index:2;background:0 0;padding:80px 0;position:relative}.ui-kit-inspiration-content{justify-content:center;align-items:center;gap:60px;max-width:1200px;margin:0 auto;padding:0 40px;display:flex}.ui-kit-inspiration-terminal{flex-shrink:0;justify-content:center;align-items:center;display:flex}.ui-kit-inspiration-intro{flex:1;max-width:500px}.ui-kit-inspiration-header{margin-bottom:24px}.ui-kit-inspiration-num{font-family:var(--font-mono);letter-spacing:4px;opacity:.6;color:var(--dark-charcoal);margin-bottom:10px;font-size:26px;font-weight:700;display:block}.ui-kit-inspiration-title{font-family:var(--font-mono);color:var(--dark-charcoal);letter-spacing:1px;margin:0;font-size:42px;font-weight:700;line-height:1.2}.ui-kit-inspiration-desc{font-family:var(--font-mono);color:var(--dark-charcoal);opacity:.85;margin:0 0 20px;font-size:16px;line-height:1.8}.ui-kit-inspiration-desc:last-child{margin-bottom:0}.ui-kit-inspiration-desc strong{color:var(--color-accent-coral);font-weight:700}.ui-kit-why-section{z-index:2;background:0 0;width:100%;padding:80px 0;position:relative;overflow-x:hidden}.ui-kit-why-content{box-sizing:border-box;justify-content:center;align-items:center;gap:60px;width:100%;max-width:1200px;margin:0 auto;padding:0 40px;display:flex}.ui-kit-why-gadget{flex:none;justify-content:center;align-items:center;width:560px;margin-right:100px;display:flex}.ui-kit-why-story{flex:1;min-width:0;max-width:550px}.ui-kit-why-story .ui-kit-section-header{margin-bottom:24px}.ui-kit-why-story .ui-kit-section-num{font-family:var(--font-mono);letter-spacing:4px;opacity:.6;color:var(--dark-charcoal);margin-bottom:10px;font-size:26px;font-weight:700;display:block}.ui-kit-why-story .ui-kit-section-title{font-family:var(--font-mono);color:var(--dark-charcoal);letter-spacing:1px;margin:0;font-size:42px;font-weight:700}.ui-kit-why-description{font-family:var(--font-mono);color:var(--dark-charcoal);opacity:.85;margin:0 0 20px;font-size:16px;line-height:1.8}.ui-kit-why-description:last-child{margin-bottom:0}.ui-kit-section{z-index:2;justify-content:center;padding:60px 40px;display:flex;position:relative}.ui-kit-section-inner{border:2px solid var(--dark-charcoal);z-index:2;background:#fff;width:100%;max-width:1400px;padding:60px;position:relative;overflow:hidden;box-shadow:0 16px 32px #00000079}.ui-kit-section-header{margin-bottom:50px}.ui-kit-section-num{letter-spacing:3px;opacity:.5;margin-bottom:10px;font-size:26px;font-weight:700;display:block}.ui-kit-section-title{letter-spacing:1px;margin:0;font-size:42px;font-weight:700}.ui-kit-section-placeholder{color:#1a1a1899;font-size:16px;font-style:italic}.ui-kit-get-grid{grid-template-columns:repeat(2,1fr);gap:40px;margin-top:40px;display:grid}.ui-kit-get-card{border:2px solid var(--dark-charcoal);background:#f5f0e8;flex-direction:column;padding:40px;display:flex;position:relative;overflow:hidden}.ui-kit-get-card:before{content:"";filter:url(#risograph);z-index:0;pointer-events:none;opacity:.7;background:#f5f0e8;position:absolute;inset:0}.ui-kit-get-card:after{content:"";opacity:.08;pointer-events:none;z-index:1;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:absolute;inset:0}.ui-kit-get-card>*{z-index:2;position:relative}.ui-kit-get-card--premium,.ui-kit-get-card--premium:before{background:#fff5e8}.ui-kit-get-badge{background:var(--color-accent-coral);color:#fff;font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;border:2px solid var(--dark-charcoal);padding:6px 12px;font-size:11px;font-weight:700;position:absolute;top:20px;right:20px}.ui-kit-get-badge--free{background:var(--color-accent-teal)}.ui-kit-get-title{font-family:var(--font-mono);letter-spacing:1px;color:var(--dark-charcoal);margin:0 0 20px;font-size:28px;font-weight:700}.ui-kit-get-price{align-items:baseline;gap:10px;margin-bottom:30px;display:flex}.ui-kit-get-price-amount{font-family:var(--font-mono);color:var(--dark-charcoal);font-size:48px;font-weight:700;line-height:1}.ui-kit-get-price-label{font-family:var(--font-mono);color:#1a1a1899;text-transform:uppercase;letter-spacing:1px;font-size:14px}.ui-kit-get-features{flex:1;margin:0 0 40px;padding:0;list-style:none}.ui-kit-get-features li{font-family:var(--font-mono);color:var(--dark-charcoal);padding-left:24px;font-size:15px;line-height:2;position:relative}.ui-kit-get-features li:before{content:"✓";color:var(--color-accent-coral);font-weight:700;position:absolute;left:0}.ui-kit-get-card--free .ui-kit-get-features li:before{color:var(--color-accent-teal)}.ui-kit-get-link{text-decoration:none;display:block}.ui-kit-get-link button{width:100%}.ui-kit-components-top{padding-bottom:60px}.ui-kit-components-intro{margin-bottom:40px}.ui-kit-components-subtitle{font-family:var(--font-mono);letter-spacing:1px;color:var(--dark-charcoal);margin:0 0 16px;font-size:24px;font-weight:700}.ui-kit-components-desc{font-family:var(--font-mono);color:#1a1a18cc;max-width:800px;margin:0;font-size:15px;line-height:1.8}.ui-kit-components-grid{grid-template-columns:repeat(2,1fr);gap:30px;display:grid}.ui-kit-component-card{border:2px solid var(--dark-charcoal);background:#fafafa;padding:30px;position:relative}.ui-kit-component-title{font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;margin:0 0 12px;font-size:18px;font-weight:700}.ui-kit-component-desc{font-family:var(--font-mono);color:#1a1a18b3;margin:0 0 24px;font-size:13px;line-height:1.6}.ui-kit-component-demo{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ui-kit-component-demo--vertical{flex-direction:column;align-items:stretch}.ui-kit-component-demo--typography{flex-direction:column;align-items:flex-start;gap:16px}.ui-kit-typography-sample{display:block}.ui-kit-typography-sample--heading{font-family:var(--font-mono);letter-spacing:-.5px;font-size:28px;font-weight:700}.ui-kit-typography-sample--body{font-family:var(--font-mono);color:#1a1a18cc;font-size:15px}.ui-kit-typography-sample--mono{font-family:var(--font-mono);letter-spacing:2px;background:var(--dark-charcoal);color:#fff;padding:6px 12px;font-size:12px}.ui-kit-components-coral{background:var(--coral-red);color:var(--off-white);border-top:2px solid var(--dark-charcoal);border-bottom:2px solid var(--dark-charcoal);margin:0 -60px;padding:60px;position:relative}.ui-kit-components-coral:after{content:"";pointer-events:none;z-index:0;background:repeating-linear-gradient(0deg,#0000 0 3px,#00000008 3px,#0000000a 6px);position:absolute;inset:0}.ui-kit-components-coral-inner{z-index:1;position:relative}.ui-kit-components-coral .ui-kit-components-intro{margin-bottom:40px}.ui-kit-components-coral .ui-kit-components-subtitle{color:var(--off-white)}.ui-kit-components-coral .ui-kit-components-desc{color:#fbfbfbe6}.ui-kit-coral-grid{grid-template-columns:repeat(2,1fr);gap:30px;display:grid}.ui-kit-coral-card{border:2px solid var(--off-white);background:0 0;padding:30px;position:relative}.ui-kit-coral-title{font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;color:var(--off-white);margin:0 0 12px;font-size:18px;font-weight:700}.ui-kit-coral-desc{font-family:var(--font-mono);color:#fbfbfbcc;margin:0 0 24px;font-size:13px;line-height:1.6}.ui-kit-coral-demo{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ui-kit-coral-demo--vertical{flex-direction:column;align-items:stretch}.ui-kit-page .ui-kit-components-coral .retro-btn,.ui-kit-page .ui-kit-components-coral .retro-btn--primary,.ui-kit-page .ui-kit-components-coral .retro-btn--secondary{color:var(--off-white)!important;border-color:var(--off-white)!important;background:0 0!important}.ui-kit-page .ui-kit-components-coral .retro-btn:hover,.ui-kit-page .ui-kit-components-coral .retro-btn--primary:hover,.ui-kit-page .ui-kit-components-coral .retro-btn--secondary:hover{background:var(--off-white)!important;color:var(--coral-red)!important}.ui-kit-page .ui-kit-components-coral .retro-btn:hover:before,.ui-kit-page .ui-kit-components-coral .retro-btn--primary:hover:before,.ui-kit-page .ui-kit-components-coral .retro-btn--secondary:hover:before{border-color:var(--coral-red)!important}.ui-kit-components-coral .retro-form-field__label{color:var(--off-white)}.ui-kit-components-coral .retro-input,.ui-kit-components-coral .retro-textarea{border-color:var(--off-white)!important;color:var(--off-white)!important}.ui-kit-components-coral .retro-input::-moz-placeholder{color:#fbfbfb80!important}.ui-kit-components-coral .retro-textarea::-moz-placeholder{color:#fbfbfb80!important}.ui-kit-components-coral .retro-input::placeholder,.ui-kit-components-coral .retro-textarea::placeholder{color:#fbfbfb80!important}.ui-kit-components-coral .retro-input:focus,.ui-kit-components-coral .retro-textarea:focus{box-shadow:none!important;border-color:var(--off-white)!important;background:#ffffff1a!important;outline:none!important}.ui-kit-components-bottom{background:#f5f0e8;margin:0 -60px -60px;padding:60px;position:relative;overflow:hidden}.ui-kit-components-bottom:before{content:"";filter:url(#risograph);z-index:0;pointer-events:none;opacity:.7;background:#f5f0e8;position:absolute;inset:0}.ui-kit-components-bottom:after{content:"";opacity:.08;pointer-events:none;z-index:1;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:absolute;inset:0}.ui-kit-components-bottom-inner{z-index:2;position:relative}.ui-kit-components-bottom .ui-kit-components-intro{margin-bottom:40px}.ui-kit-components-bottom .ui-kit-components-subtitle{color:var(--dark-charcoal)}.ui-kit-components-bottom .ui-kit-components-desc{color:#1a1a18d9}.ui-kit-components-riso-grid{grid-template-columns:repeat(3,1fr);gap:25px;margin-bottom:50px;display:grid}.ui-kit-riso-card{border:2px solid var(--dark-charcoal);background:#fff;padding:0;overflow:hidden}.ui-kit-riso-demo{background:#e8e4dc;justify-content:center;align-items:center;height:140px;display:flex;position:relative;overflow:hidden}.ui-kit-riso-blob{filter:url(#risograph);mix-blend-mode:multiply;border-radius:50%;width:80px;height:80px;position:absolute}.ui-kit-riso-blob--coral{background:var(--color-accent-coral);opacity:.8;top:20%;left:20%}.ui-kit-riso-blob--teal{background:var(--color-accent-teal);opacity:.7;top:30%;left:40%}.ui-kit-riso-blob--orange{background:var(--color-accent-orange);opacity:.75;top:40%;left:30%}.ui-kit-riso-demo--texture{filter:url(#risograph);background:#d8d4cc}.ui-kit-riso-demo--texture:before{content:"";opacity:.15;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:absolute;inset:0}.ui-kit-riso-demo--bleed{background:#f0ece4}.ui-kit-riso-text{font-family:var(--font-mono);letter-spacing:4px;color:var(--dark-charcoal);opacity:.3;font-size:32px;font-weight:700}.ui-kit-riso-text--bleed{filter:url(#inkBleedHeavy);color:var(--color-accent-coral);opacity:1}.ui-kit-riso-title{font-family:var(--font-mono);letter-spacing:.5px;margin:0;padding:20px 20px 8px;font-size:16px;font-weight:700}.ui-kit-riso-desc{font-family:var(--font-mono);color:#1a1a18b3;margin:0;padding:0 20px 20px;font-size:13px;line-height:1.5}.ui-kit-components-cta{text-align:center;padding-top:20px}.ui-kit-components-cta-text{font-family:var(--font-mono);color:var(--dark-charcoal);margin:0 0 24px;font-size:16px;font-style:italic;line-height:1.6}.ui-kit-page .footer{color:var(--dark-charcoal);z-index:2;background:0 0;justify-content:center;padding:40px;display:flex;position:relative}.ui-kit-page .footer-inner{background:var(--coral-red);width:100%;max-width:1400px;color:var(--off-white);border:2px solid var(--dark-charcoal);z-index:2;justify-content:space-between;align-items:center;padding:40px;display:flex;position:relative;box-shadow:0 16px 32px #00000079}.ui-kit-page .footer-inner:after{content:"";pointer-events:none;z-index:0;background:repeating-linear-gradient(0deg,#0000 0 3px,#00000008 3px,#0000000a 6px);position:absolute;inset:0}.ui-kit-page .footer-inner>*{z-index:1;position:relative}.ui-kit-page .footer-brand{flex-direction:column;gap:5px;display:flex}.ui-kit-page .footer-brand .brand-name{font-size:20px;font-weight:600}.ui-kit-page .footer-copy{opacity:.7;font-size:14px}.ui-kit-page .footer-links{gap:25px;display:flex}.ui-kit-page .footer-links a{color:var(--off-white);opacity:.7;font-size:15px;text-decoration:none;transition:opacity .2s}.ui-kit-page .footer-links a:hover{opacity:1}.ui-kit-page .retro-btn,.ui-kit-page .retro-btn--primary,.ui-kit-page .retro-btn--secondary{background:#fff!important}.ui-kit-page .retro-btn--primary:hover,.ui-kit-page .retro-btn--secondary:hover{background:var(--color-dark-charcoal)!important;color:#fff!important}.ui-kit-page .retro-btn--primary:hover:before,.ui-kit-page .retro-btn--secondary:hover:before{border-color:#fff!important}@media (max-width:900px){.ui-kit-page:before{top:650px}.ui-kit-hero{min-height:650px;padding:20px 10px 40px}.ui-kit-hero-inner{grid-template-columns:1fr;gap:40px;padding-top:160px;padding-left:60px}.ui-kit-hero-gadget-placeholder,.ui-kit-hero-gadget-container{display:none}.ui-kit-hero-content{margin-left:0}.ui-kit-hero-title{font-size:48px}.ui-kit-hero-stats{display:none}.ui-kit-section{padding:40px 25px}.ui-kit-section-inner{padding:40px 30px}.ui-kit-inspiration-content{flex-direction:column;gap:40px;padding:0 25px}.ui-kit-inspiration-terminal{display:none}.ui-kit-inspiration-intro{max-width:100%}.ui-kit-inspiration-title{font-size:26px}.ui-kit-inspiration-desc{font-size:15px}.ui-kit-components-grid{grid-template-columns:1fr;gap:25px}.ui-kit-components-riso-grid{grid-template-columns:1fr;gap:20px}.ui-kit-components-bottom{margin:0 -30px -40px;padding:40px 30px}.ui-kit-components-subtitle{font-size:20px}.ui-kit-components-desc{font-size:14px}.ui-kit-components-coral{margin:0 -30px;padding:40px 30px}.ui-kit-coral-grid{grid-template-columns:1fr;gap:25px}.ui-kit-page .footer{padding:40px 25px}.ui-kit-page .footer-inner{text-align:center;flex-direction:column;gap:25px}.ui-kit-why-section{padding:60px 0}.ui-kit-why-content{flex-direction:column;gap:40px;padding:0 25px}.ui-kit-why-gadget{transform-origin:50%;justify-content:center;align-items:center;width:100%;max-width:100%;margin-left:0;margin-right:0;display:flex;transform:scale(.75)}.ui-kit-why-gadget>*{width:100%;max-width:100%}.ui-kit-why-story{text-align:left;max-width:100%}.ui-kit-why-story .ui-kit-section-num{font-size:22px}.ui-kit-why-story .ui-kit-section-title{font-size:28px}}@media (max-width:600px){.ui-kit-page:before{top:700px}.ui-kit-hero{min-height:700px;padding:20px 10px 40px}.ui-kit-hero-inner{padding-top:150px;padding-left:30px;padding-right:15px}.ui-kit-hero-title{font-size:32px;filter:url(#inkBleedLight)!important}.ui-kit-hero-desc{max-width:100%;padding-right:10px;font-size:14px}.ui-kit-hero-actions{flex-direction:column;gap:10px;margin-right:10px}.ui-kit-hero-actions button,.ui-kit-hero-actions a,.ui-kit-hero-actions a button{width:100%;margin-right:10px}.ui-kit-section{padding:30px 15px}.ui-kit-section-inner{padding:30px 20px}.ui-kit-section-title{font-size:32px}.ui-kit-inspiration-title{font-size:22px}.ui-kit-inspiration-desc{font-size:14px}.ui-kit-tag{padding:4px 10px;font-size:10px}.ui-kit-get-grid{grid-template-columns:1fr;gap:30px}.ui-kit-get-card{padding:30px 20px}.ui-kit-get-title{font-size:24px}.ui-kit-get-price-amount{font-size:36px}.ui-kit-get-features li{font-size:14px}.ui-kit-components-top{padding-bottom:40px}.ui-kit-components-intro{margin-bottom:30px}.ui-kit-components-subtitle{font-size:18px}.ui-kit-components-desc{font-size:13px;line-height:1.7}.ui-kit-component-card{padding:20px}.ui-kit-component-title{font-size:16px}.ui-kit-component-desc{margin-bottom:20px;font-size:12px}.ui-kit-component-demo{gap:10px}.ui-kit-components-bottom{margin:0 -20px -30px;padding:30px 20px}.ui-kit-riso-demo{height:120px}.ui-kit-riso-blob{width:60px;height:60px}.ui-kit-riso-text{letter-spacing:2px;font-size:24px}.ui-kit-riso-title{padding:16px 16px 6px;font-size:14px}.ui-kit-riso-desc{padding:0 16px 16px;font-size:12px}.ui-kit-components-cta-text{font-size:14px}.ui-kit-typography-sample--heading{font-size:22px}.ui-kit-typography-sample--body{font-size:13px}.ui-kit-typography-sample--mono{padding:5px 10px;font-size:10px}.ui-kit-components-coral{margin:0 -20px;padding:30px 20px}.ui-kit-coral-card{padding:20px}.ui-kit-coral-title{font-size:16px}.ui-kit-coral-desc{margin-bottom:20px;font-size:12px}.ui-kit-coral-demo{gap:10px}.ui-kit-page .footer{padding:30px 15px}.ui-kit-why-section{padding:40px 0;overflow-x:hidden}.ui-kit-why-content{box-sizing:border-box;gap:20px;max-width:100%;padding:0 15px}.ui-kit-why-gadget{justify-content:center;align-items:center;width:100%;max-width:100%;margin-left:0;margin-right:0;padding-top:10px;padding-bottom:10px;display:flex}.ui-kit-why-gadget>*{width:100%;max-width:100%}.ui-kit-why-gadget .crt-container{transform-origin:50%!important;transform:scale(.65)!important}.ui-kit-why-story{word-wrap:break-word;overflow-wrap:break-word;max-width:100%;padding:0 5px}.ui-kit-why-story .ui-kit-section-num{font-size:18px}.ui-kit-why-story .ui-kit-section-title{font-size:24px}.ui-kit-why-description{font-size:14px;line-height:1.7}}