:root{--color-lime: #CCFF00;--color-pink: #FF006E;--color-yellow: #FFFF00;--color-cyan: #00FFFF;--color-orange: #FF6B35;--color-purple: #B24BF3;--color-black: #000000;--color-white: #FFFFFF;--border-brutal: .25rem solid var(--color-black);--border-thin: .125rem solid var(--color-black);--shadow-brutal: .5rem .5rem 0 var(--color-black);--shadow-small: .25rem .25rem 0 var(--color-black);--shadow-large: .75rem .75rem 0 var(--color-black);--font-main: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Courier New", monospace;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4rem;--space-3xl: 6rem}*{margin:0;padding:0;box-sizing:border-box}::selection{background-color:var(--color-pink);color:var(--color-white)}::-moz-selection{background-color:var(--color-pink);color:var(--color-white)}body{font-family:var(--font-main);background-color:var(--color-white);color:var(--color-black);line-height:1.6;overflow-x:hidden}.brutal-nav{position:fixed;top:0;left:0;right:0;background:var(--color-lime);border-bottom:var(--border-brutal);padding:var(--space-sm) var(--space-lg);display:flex;justify-content:space-between;align-items:center;z-index:1000}.nav-logo{font-size:2rem;font-weight:700;letter-spacing:-.02em}.nav-right-controls{display:flex;align-items:center;gap:var(--space-md)}.brutal-menu-toggle-btn{background:var(--color-black);color:var(--color-yellow);border:var(--border-brutal);padding:var(--space-xs) var(--space-md);font-family:var(--font-mono);font-weight:700;font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:.6rem;box-shadow:.25rem .25rem 0 var(--color-pink);transition:all .2s ease}.brutal-menu-toggle-btn:hover{transform:translate(-.125rem,-.125rem);box-shadow:.35rem .35rem 0 var(--color-pink);background:var(--color-pink);color:var(--color-black)}.hamburger-box{display:flex;flex-direction:column;gap:4px;width:18px}.hamburger-box .bar{height:3px;background:currentColor;width:100%}.brutal-fullscreen-menu{position:fixed;inset:0;width:100vw;height:100vh;background:#050505;z-index:99999;color:var(--color-white);display:flex;flex-direction:column;justify-content:space-between;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-100%);transition:transform .45s cubic-bezier(.77,0,.175,1),opacity .35s ease,visibility .45s}.brutal-fullscreen-menu.active{opacity:1;visibility:visible;pointer-events:all;transform:translateY(0)}.menu-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-xl);border-bottom:2px solid rgba(255,255,255,.1)}.menu-logo{font-size:2.2rem;font-weight:900;color:var(--color-yellow);letter-spacing:.05em}.menu-close-btn{background:transparent;border:2px solid var(--color-pink);color:var(--color-white);padding:.5rem 1.2rem;font-weight:700;font-family:var(--font-mono);font-size:.9rem;cursor:pointer;box-shadow:.25rem .25rem 0 var(--color-yellow);transition:all .2s ease}.menu-close-btn:hover{background:var(--color-pink);color:var(--color-black);transform:translate(-.1rem,-.1rem)}.menu-body{display:flex;flex:1;width:100%;max-height:calc(100vh - 160px);padding:var(--space-lg) var(--space-xl);gap:3rem;align-items:center;overflow:hidden}.menu-nav-list{display:flex;flex-direction:column;gap:.5rem;flex:1;justify-content:center}.sidewave-nav-item{position:relative;display:flex;align-items:center;gap:1.5rem;text-decoration:none;padding:.4rem 0;overflow:hidden}.nav-item-title{font-size:clamp(3rem,7vw,6rem);font-weight:900;color:var(--color-white);text-transform:uppercase;font-family:var(--font-main);line-height:1;transition:color .25s ease,transform .25s ease;display:inline-block}.sidewave-nav-item:hover .nav-item-title{transform:translate(12px)}.sidewave-nav-item[data-color=lime]:hover .nav-item-title,.sidewave-nav-item[data-color=lime] .nav-item-ticker-track{color:var(--color-lime)}.sidewave-nav-item[data-color=pink]:hover .nav-item-title,.sidewave-nav-item[data-color=pink] .nav-item-ticker-track{color:var(--color-pink)}.sidewave-nav-item[data-color=cyan]:hover .nav-item-title,.sidewave-nav-item[data-color=cyan] .nav-item-ticker-track{color:var(--color-cyan)}.sidewave-nav-item[data-color=yellow]:hover .nav-item-title,.sidewave-nav-item[data-color=yellow] .nav-item-ticker-track{color:var(--color-yellow)}.nav-item-ticker-track{display:flex;opacity:0;transform:translate(30px);transition:opacity .3s ease,transform .3s ease;white-space:nowrap;font-family:var(--font-mono);font-weight:700;font-size:1.1rem;pointer-events:none}.sidewave-nav-item:hover .nav-item-ticker-track{opacity:1;transform:translate(0)}.ticker-content{display:flex;gap:1.5rem;animation:sidewaveTicker 7s linear infinite}.ticker-content span{letter-spacing:.08em}@keyframes sidewaveTicker{0%{transform:translate(0)}to{transform:translate(-50%)}}.menu-visual-panel{width:42%;max-width:520px;height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.menu-preview-img{max-height:70vh;max-width:100%;object-fit:contain;filter:drop-shadow(0 0 25px rgba(255,255,0,.4));transition:filter .4s ease,transform .4s ease}.visual-panel-badge{position:absolute;bottom:1rem;background:var(--color-yellow);color:var(--color-black);font-family:var(--font-mono);font-weight:700;font-size:.8rem;padding:.3rem .8rem;border:var(--border-thin)}.menu-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-xl);border-top:2px solid rgba(255,255,255,.1)}.menu-footer-badge{background:var(--color-pink);color:var(--color-white);font-weight:700;padding:.4rem 1rem;font-family:var(--font-mono);font-size:.85rem;letter-spacing:.05em}.menu-newsletter{display:flex;gap:0;border:2px solid rgba(255,255,255,.2)}.menu-email-input{background:#111;border:none;color:#fff;padding:.5rem 1rem;font-family:var(--font-mono);font-size:.85rem;width:220px;outline:none}.menu-email-submit{background:var(--color-yellow);border:none;color:var(--color-black);padding:.5rem 1rem;font-weight:700;cursor:pointer;transition:background .2s ease}.menu-email-submit:hover{background:var(--color-pink);color:var(--color-white)}.menu-socials{display:flex;gap:1.5rem;font-family:var(--font-mono);font-size:.85rem;color:#fff9}@media(max-width:900px){.menu-visual-panel{display:none}.menu-body,.menu-header,.menu-footer{padding:var(--space-md)}.nav-item-title{font-size:3rem}}.brutal-btn{background:var(--color-white);border:var(--border-brutal);padding:var(--space-sm) var(--space-lg);font-family:var(--font-main);font-weight:700;font-size:.9rem;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;box-shadow:var(--shadow-small);transition:all .2s ease}.brutal-btn:hover{transform:translate(-.125rem,-.125rem);box-shadow:.625rem .625rem 0 var(--color-black)}.brutal-btn:active{transform:translate(.125rem,.125rem);box-shadow:.25rem .25rem 0 var(--color-black)}.brutal-btn-small{padding:var(--space-xs) var(--space-md);font-size:.8rem}.brutal-btn-primary{background:var(--color-pink);color:var(--color-white)}.brutal-btn-secondary{background:var(--color-white);color:var(--color-black)}.brutal-btn-large{padding:var(--space-md) var(--space-xl);font-size:1.1rem}.hero{min-height:100vh;padding:7.5rem var(--space-lg) var(--space-3xl);background:var(--color-white);display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-3xl);align-items:center;position:relative}@media(max-width:900px){.hero{grid-template-columns:1fr;padding:6.25rem var(--space-lg) var(--space-xl);text-align:center;gap:var(--space-xl)}.hero-content{order:2}.hero-visual{order:1;margin-bottom:var(--space-lg)}}.hero-content{position:relative;z-index:10}.hero-badge{display:inline-block;background:var(--color-yellow);border:var(--border-thin);padding:var(--space-xs) var(--space-md);font-weight:600;font-size:.85rem;letter-spacing:.1em;margin-bottom:var(--space-md);transform:rotate(-2deg)}.hero-title{font-size:clamp(3rem,12vw,8rem);font-weight:700;line-height:.9;margin-bottom:var(--space-md);letter-spacing:-.03em;word-break:break-word}@media(max-width:768px){.hero-title{font-size:3.5rem}}.title-line{display:block}.title-line-accent{color:var(--color-pink);text-shadow:.375rem .375rem 0 var(--color-cyan)}.hero-subtitle{font-size:1.5rem;font-weight:700;letter-spacing:.2em;margin-bottom:var(--space-lg)}.hero-description{font-size:1.1rem;line-height:1.8;max-width:37.5rem;margin-bottom:var(--space-xl)}.hero-cta{display:flex;gap:var(--space-md);margin-bottom:var(--space-2xl);flex-wrap:wrap;justify-content:center}.hero-stats{display:flex;gap:var(--space-lg);flex-wrap:wrap;justify-content:center}.stat-box{background:var(--color-lime);border:var(--border-brutal);padding:var(--space-md);box-shadow:var(--shadow-small)}.tunnel-menu-body{position:relative;width:100%;height:calc(100vh - 160px);display:flex;align-items:center;justify-content:center;padding:0;overflow:hidden}.tunnel-sidebar{position:absolute;top:2rem;left:3rem;z-index:200;width:220px;color:var(--color-white);font-family:var(--font-mono)}.sidebar-tag{font-size:.85rem;font-weight:700;color:#ffffffb3;margin-bottom:1rem;letter-spacing:.05em}.sidebar-desc{font-size:.75rem;line-height:1.5;color:#fff9;margin-bottom:2rem;text-transform:uppercase}.sidebar-nav{display:flex;flex-direction:column;gap:.8rem}.sidebar-link{display:inline-block;padding:.3rem .6rem;border:1px solid rgba(255,255,255,.3);color:#fffc;text-decoration:none;font-size:.75rem;font-weight:700;width:fit-content;transition:all .2s ease}.sidebar-link.active,.sidebar-link:hover{background:var(--color-white);color:var(--color-black);border-color:var(--color-white)}.tunnel-viewport{width:100%;height:100%;perspective:720px;perspective-origin:50% 50%;display:flex;align-items:center;justify-content:center;overflow:hidden}.tunnel-room{position:relative;width:800px;height:800px;transform-style:preserve-3d;transition:transform .15s ease-out}.tunnel-wall{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;cursor:pointer;gap:.2rem;padding:0}.wall-top{transform:rotateX(90deg) translateZ(290px)}.wall-bottom{transform:rotateX(-90deg) translateZ(290px)}.wall-left{transform:rotateY(90deg) translateZ(290px)}.wall-right{transform:rotateY(-90deg) translateZ(290px)}.wall-row{font-family:"Syne","Anton",var(--font-main);font-weight:800;color:#fff;line-height:.77;text-transform:uppercase;white-space:nowrap;width:100%;text-align:center;text-decoration:none;transition:color .25s ease,text-shadow .25s ease;cursor:pointer;display:block;margin:0;padding:0}.wall-top .wall-row{font-size:clamp(3.5rem,8vw,6.2rem);letter-spacing:.2em;transform:scaleY(-1)}.wall-left .wall-row{font-size:clamp(2.2rem,4.8vw,3.8rem);letter-spacing:.01em;transform:scaleX(-1)}.wall-right .wall-row{font-size:clamp(2.6rem,5.8vw,4.6rem);letter-spacing:.06em;transform:scaleX(-1)}.wall-bottom .wall-row{font-size:clamp(2.4rem,5.3vw,4.2rem);letter-spacing:.04em;transform:scaleY(-1)}.wall-row-accent{color:#fff}.wall-top.active-hover .wall-row,.wall-top:hover .wall-row,.wall-left.active-hover .wall-row,.wall-left:hover .wall-row,.wall-right.active-hover .wall-row,.wall-right:hover .wall-row,.wall-bottom.active-hover .wall-row,.wall-bottom:hover .wall-row{color:var(--color-lime)!important;text-shadow:0 0 35px rgba(204,255,0,.95)}.tunnel-center{position:absolute;top:50%;left:50%;width:280px;height:200px;transform:translate(-50%,-50%) translateZ(-400px);background:#000;border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;box-shadow:0 0 60px #000000f2}.center-prompt{font-family:var(--font-mono);font-size:.75rem;color:#ffffffb3;letter-spacing:.08em;text-align:center;padding:1rem}@media(max-width:768px){.tunnel-sidebar{top:4.5rem;left:1rem;width:150px}.wall-row{font-size:2.2rem}}.hero-visual{position:relative;display:flex;align-items:center;justify-content:center}.hero-monster{position:relative;z-index:2}.hero-monster-img{width:min(100%,28rem);height:auto;max-height:28rem;object-fit:cover;object-position:center top;display:block;background:var(--color-yellow);border:var(--border-brutal);box-shadow:.75rem .75rem 0 var(--color-black)}.hero-monster-abstract{width:28rem;height:28rem;background-color:var(--color-yellow);background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='215.16mm'%20height='210mm'%20version='1.1'%20viewBox='0%200%20813.21%20793.71'%3e%3cdefs%3e%3clinearGradient%20id='g'%20x1='705.55'%20x2='290'%20y1='648.06'%20y2='850.28'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23f00'%20offset='0'/%3e%3cstop%20stop-color='%23ff6565'%20offset='1'/%3e%3c/linearGradient%3e%3clinearGradient%20id='f'%20x1='701.57'%20x2='600.58'%20y1='329.83'%20y2='780.69'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23d400ca'%20offset='0'/%3e%3cstop%20stop-color='%23ff39f6'%20offset='1'/%3e%3c/linearGradient%3e%3clinearGradient%20id='e'%20x1='450.27'%20x2='739.72'%20y1='134.44'%20y2='494.47'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%237b00e6'%20offset='0'/%3e%3cstop%20stop-color='%23ab4bff'%20offset='1'/%3e%3c/linearGradient%3e%3clinearGradient%20id='d'%20x1='140.83'%20x2='602.7'%20y1='207.14'%20y2='207.14'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%230068ff'%20offset='0'/%3e%3cstop%20stop-color='%2365a4ff'%20offset='1'/%3e%3c/linearGradient%3e%3clinearGradient%20id='c'%20x1='6.3027'%20x2='292.65'%20y1='497.49'%20y2='135.1'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%2300bd3d'%20offset='0'/%3e%3cstop%20stop-color='%2323ff6a'%20offset='1'/%3e%3c/linearGradient%3e%3clinearGradient%20id='b'%20x1='147.98'%20x2='43.082'%20y1='782.5'%20y2='332.57'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23ff0'%20offset='0'/%3e%3cstop%20stop-color='%23ffff65'%20offset='1'/%3e%3c/linearGradient%3e%3clinearGradient%20id='a'%20x1='459.16'%20x2='41.918'%20y1='849.53'%20y2='650.85'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23ff8000'%20offset='0'/%3e%3cstop%20stop-color='%23ffb265'%20offset='1'/%3e%3c/linearGradient%3e%3c/defs%3e%3cg%20transform='translate(.0027005%2077.871)'%3e%3cg%20transform='matrix(1.1088%200%200%201.1088%20-6.988%20-226.94)'%20fill-rule='evenodd'%20stroke-width='.90189'%3e%3cpath%20d='m600.58%20780.69-227.61-287.67%20328.6-163.19z'%20fill='url(%23f)'%20fill-opacity='.99608'/%3e%3cpath%20d='m739.72%20494.47-366.75-1.4482%2077.296-358.58z'%20fill='url(%23e)'/%3e%3cpath%20d='m602.7%20207.14-229.73%20285.88-232.14-283.94z'%20fill='url(%23d)'/%3e%3cpath%20d='m292.65%20135.1%2080.32%20357.92-366.67%204.47z'%20fill='url(%23c)'/%3e%3cpath%20d='m43.082%20332.57%20104.9%20449.93%20224.99-289.48z'%20fill='url(%23b)'/%3e%3cpath%20d='m41.918%20650.85%20417.24%20198.68-86.19-356.51z'%20fill='url(%23a)'/%3e%3cpath%20d='m372.98%20493.01-82.98%20357.27%20263.98-128.48zm264.43%20123.26-16.34%2072.89%2084.48-41.1z'%20fill='url(%23g)'%20fill-opacity='.99216'/%3e%3c/g%3e%3c/g%3e%3cg%20transform='translate(-6.3%20-56.569)'%3e%3cg%20transform='matrix(1.1088%200%200%201.1088%20-.68535%20-92.498)'%20fill-opacity='.4'%20stroke-width='.90189'%3e%3cpath%20transform='translate(6.3027,134.44)'%20d='m366.67%20358.58-63.88-284.65%2025.07-0.107z'/%3e%3cpath%20d='m372.97%20493.02-262.33-127.63%2015.56-19.66z'/%3e%3cpath%20d='m372.97%20493.02-263.3%20125.61-5.68-24.42z'/%3e%3cpath%20d='m372.97%20493.02-65.99%20284.17-22.63-10.79z'/%3e%3cpath%20d='m372.97%20493.02%20181%20228.79-22.54%2010.965z'/%3e%3cpath%20d='m372.97%20493.02%20291.73%201.0656-5.4749%2024.461z'/%3e%3cpath%20d='m372.97%20493.02%20182.82-227.34%2015.702%2019.538z'/%3e%3cpath%20d='m621.09%20689.15%2022.538-10.968%205.5088-56.443-11.722-5.4679z'/%3e%3cpath%20d='m681.05%20421.5%205.4913-24.456-40.671-39.522-11.587%205.7487z'/%3e%3cpath%20d='m508.87%20207.43-15.715-19.527-56.251%207.2094-2.7178%2012.646z'/%3e%3cpath%20d='m234.19%20208.82-25.065%200.13259-29.395%2048.498%208.2005%2010.003z'/%3e%3cpath%20d='m64.253%20424.3-15.526%2019.677%2019.584%2053.222%2012.933-0.17356z'/%3e%3cpath%20d='m126.66%20691.42%205.6924%2024.41%2053.813%2017.898%207.933-10.216z'/%3e%3cpath%20d='m374.43%20809.29%2022.631%2010.775%2047.553-30.9-3.0377-12.573z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-size:6rem 6rem;border:var(--border-brutal);box-shadow:.75rem .75rem 0 var(--color-black)}.visual-accent{position:absolute;border:var(--border-brutal)}.visual-accent-1{width:15.625rem;height:15.625rem;background:var(--color-cyan);top:3.125rem;right:3.125rem;transform:rotate(15deg);z-index:1}.visual-accent-2{width:11.25rem;height:11.25rem;background:var(--color-yellow);bottom:5rem;left:1.875rem;transform:rotate(-10deg);z-index:1}.visual-label{position:absolute;bottom:1.25rem;right:1.25rem;background:var(--color-pink);color:var(--color-white);border:var(--border-brutal);padding:var(--space-xs) var(--space-md);font-weight:700;letter-spacing:.1em;transform:rotate(5deg);z-index:3}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-1.25rem)}}.section-header{text-align:center;margin-bottom:var(--space-3xl)}.section-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;letter-spacing:.02em;margin-bottom:var(--space-md)}.title-underline{width:7.5rem;height:.375rem;background:var(--color-pink);margin:0 auto}.what-is-section{padding:var(--space-3xl) var(--space-lg);background:var(--color-cyan)}.content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:var(--space-xl);max-width:87.5rem;margin:0 auto}.content-card{border:var(--border-brutal);padding:var(--space-xl);box-shadow:var(--shadow-brutal);position:relative;transform:rotate(0);transition:all .3s ease}.content-card:hover{transform:translate(-.25rem,-.25rem) rotate(-2deg);box-shadow:1rem 1rem 0 var(--color-black)}.card-lime{background:var(--color-lime)}.card-pink{background:var(--color-pink);color:var(--color-white)}.card-yellow{background:var(--color-yellow)}.card-number{font-size:1rem;font-weight:700;margin-bottom:var(--space-sm);opacity:.6}.card-title{font-size:1.8rem;font-weight:700;margin-bottom:var(--space-md);letter-spacing:.02em}.card-text{font-size:1rem;line-height:1.7;margin-bottom:var(--space-lg)}.card-icon{position:absolute;bottom:var(--space-md);right:var(--space-md);font-size:4rem;opacity:.15;font-weight:700}.manifesto-section{padding:var(--space-3xl) var(--space-lg);background:var(--color-white);display:grid;grid-template-columns:1.5fr 1fr;gap:var(--space-3xl);align-items:center}.manifesto-badge{display:inline-block;background:var(--color-black);color:var(--color-white);padding:var(--space-xs) var(--space-md);font-weight:700;letter-spacing:.1em;font-size:.85rem;margin-bottom:var(--space-md)}.manifesto-title{font-size:3rem;font-weight:700;margin-bottom:var(--space-xl)}.manifesto-grid{display:grid;gap:var(--space-md)}.manifesto-item{display:flex;gap:var(--space-md);align-items:flex-start}.manifesto-icon{font-size:2rem;font-weight:700;color:var(--color-pink);flex-shrink:0}.manifesto-text{font-size:1.1rem;line-height:1.6}.manifesto-text strong{font-weight:700}.manifesto-monster{width:100%;max-width:34.375rem;height:auto;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-1.875rem)}}.principles-section{padding:var(--space-3xl) var(--space-lg);background:var(--color-yellow)}.principles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(17.5rem,1fr));gap:var(--space-lg);max-width:87.5rem;margin:0 auto}.principle-card{background:var(--color-white);border:var(--border-brutal);padding:var(--space-xl);box-shadow:var(--shadow-brutal);transition:all .3s ease}.principle-card:hover{transform:translate(-.25rem,-.25rem);box-shadow:.75rem .75rem 0 var(--color-black)}.principle-card-1{border-top:.5rem solid var(--color-lime)}.principle-card-2{border-top:.5rem solid var(--color-pink)}.principle-card-3{border-top:.5rem solid var(--color-cyan)}.principle-card-4{border-top:.5rem solid var(--color-orange)}.principle-card-5{border-top:.5rem solid var(--color-purple)}.principle-card-6{border-top:.5rem solid var(--color-black)}.principle-badge{display:inline-block;background:var(--color-black);color:var(--color-white);padding:.25rem .75rem;font-size:.75rem;font-weight:700;letter-spacing:.1em;margin-bottom:var(--space-md)}.principle-title{font-size:1.5rem;font-weight:700;margin-bottom:var(--space-sm)}.principle-text{font-size:1rem;line-height:1.7;margin-bottom:var(--space-lg)}.principle-demo{background:#f5f5f5;border:var(--border-thin);padding:var(--space-lg);display:flex;justify-content:center;align-items:center;min-height:6.25rem}.border-demo-box{border:.3125rem solid var(--color-black);padding:var(--space-md) var(--space-lg);font-weight:700;font-size:1.5rem}.color-swatch{width:3.125rem;height:3.125rem;border:var(--border-thin);display:inline-block;margin:0 var(--space-xs)}.swatch-lime{background:var(--color-lime)}.swatch-pink{background:var(--color-pink)}.swatch-yellow{background:var(--color-yellow)}.swatch-cyan{background:var(--color-cyan)}.typo-demo{font-size:4rem;font-weight:700;text-transform:uppercase}.shadow-demo-box{background:var(--color-lime);border:var(--border-brutal);padding:var(--space-md) var(--space-lg);box-shadow:var(--shadow-brutal);font-weight:700;font-size:1.5rem}.layout-demo{position:relative;width:100%;height:6.25rem}.layout-box{position:absolute;border:var(--border-brutal);padding:var(--space-md);font-weight:700;font-size:1.5rem}.layout-box-1{background:var(--color-pink);color:var(--color-white);top:0;left:0;transform:rotate(-5deg)}.layout-box-2{background:var(--color-cyan);bottom:0;right:0;transform:rotate(5deg)}.mono-demo{font-family:var(--font-mono);font-size:1.2rem;font-weight:700}.spotlight-section{padding:var(--space-3xl) 0;background:var(--color-black);overflow:hidden;position:relative;border-top:var(--border-brutal);border-bottom:var(--border-brutal)}.spotlight-container{max-width:75rem;margin:0 auto;display:flex;flex-direction:column;align-items:center;position:relative}.spotlight-text{font-size:clamp(3rem,12vw,12rem);color:var(--color-white);text-align:center;line-height:.85;font-weight:700;margin-bottom:-1.875rem;position:relative;z-index:1;mix-blend-mode:exclusion;pointer-events:none;word-break:break-word}@media(max-width:768px){.spotlight-text{font-size:4rem;margin-bottom:-1.25rem}}.spotlight-image{width:100%;max-width:50rem;height:auto;transform:rotate(2deg);border:.5rem solid var(--color-pink);box-shadow:1.25rem 1.25rem 0 var(--color-cyan);transition:transform .4s ease}.spotlight-image:hover{transform:rotate(0) scale(1.02)}.spotlight-badge{position:absolute;top:20%;right:10%;background:var(--color-lime);padding:var(--space-md);font-size:2rem;font-weight:700;border:var(--border-brutal);box-shadow:var(--shadow-brutal);transform:rotate(15deg);z-index:3}.examples-section{padding:var(--space-3xl) var(--space-lg);background:var(--color-pink);color:var(--color-white)}.examples-section .section-title{color:var(--color-white)}.examples-section .title-underline{background:var(--color-yellow)}.examples-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(18.75rem,1fr));gap:var(--space-lg);max-width:87.5rem;margin:0 auto}.example-card{background:var(--color-white);color:var(--color-black);border:var(--border-brutal);padding:var(--space-xl);box-shadow:var(--shadow-brutal);transition:all .3s ease}.example-card:hover{transform:translate(-.25rem,-.25rem);box-shadow:.75rem .75rem 0 var(--color-black)}.example-label{font-size:.75rem;font-weight:700;letter-spacing:.1em;margin-bottom:var(--space-sm);opacity:.6}.example-title{font-size:1.8rem;font-weight:700;margin-bottom:var(--space-sm)}.example-desc{font-size:1rem;line-height:1.6;margin-bottom:var(--space-md)}.example-tags{display:flex;gap:var(--space-xs);flex-wrap:wrap}.tag{background:var(--color-black);color:var(--color-white);padding:.25rem .75rem;font-size:.75rem;font-weight:700;letter-spacing:.05em}.usage-section{padding:var(--space-3xl) var(--space-lg);background:var(--color-white);display:grid;grid-template-columns:1.5fr 1fr;gap:var(--space-3xl);align-items:center}.usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(18.75rem,1fr));gap:var(--space-lg);margin-top:var(--space-xl)}.usage-card{border:var(--border-brutal);padding:var(--space-xl);box-shadow:var(--shadow-brutal)}.usage-good{background:var(--color-lime)}.usage-bad{background:var(--color-pink);color:var(--color-white)}.usage-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.usage-icon{font-size:2rem;font-weight:700}.usage-header h3{font-size:1.5rem;font-weight:700}.usage-list{list-style:none}.usage-list li{position:relative;padding-left:var(--space-lg);margin-bottom:var(--space-sm);font-size:1rem}.usage-list li:before{content:"→";position:absolute;left:0;font-weight:700}.aliens-img{width:100%;max-width:43.75rem;height:auto}.palette-section{padding:var(--space-3xl) var(--space-lg);background:var(--color-cyan)}.palette-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15.625rem,1fr));gap:var(--space-lg);max-width:87.5rem;margin:0 auto}.palette-swatch{background:var(--color-white);border:var(--border-brutal);overflow:hidden;box-shadow:var(--shadow-brutal);transition:all .3s ease}.palette-swatch:hover{transform:translate(-.25rem,-.25rem);box-shadow:12px 12px 0 var(--color-black)}.swatch-color{height:9.375rem}.palette-lime .swatch-color{background:var(--color-lime)}.palette-pink .swatch-color{background:var(--color-pink)}.palette-yellow .swatch-color{background:var(--color-yellow)}.palette-cyan .swatch-color{background:var(--color-cyan)}.palette-black .swatch-color{background:var(--color-black)}.palette-white .swatch-color{background:var(--color-white);border-top:var(--border-thin)}.swatch-info{padding:var(--space-md)}.swatch-name{font-weight:700;font-size:.9rem;letter-spacing:.05em;margin-bottom:var(--space-xs)}.swatch-hex{font-family:var(--font-mono);font-size:.85rem;opacity:.7}.implementation-section{padding:var(--space-3xl) var(--space-lg);background:var(--color-white)}.implementation-content{max-width:1000px;margin:0 auto}.implementation-intro{font-size:1.2rem;text-align:center;margin-bottom:var(--space-2xl)}.code-block{background:var(--color-black);border:var(--border-brutal);box-shadow:var(--shadow-brutal);margin-bottom:var(--space-2xl)}.code-header{background:var(--color-lime);padding:var(--space-sm) var(--space-md);font-weight:700;border-bottom:var(--border-brutal)}.code-block pre{padding:var(--space-lg);overflow-x:auto}.code-block code{color:var(--color-lime);font-family:var(--font-mono);font-size:.9rem;line-height:1.6}.implementation-tips{background:var(--color-yellow);border:var(--border-brutal);padding:var(--space-xl);box-shadow:var(--shadow-brutal)}.implementation-tips h3{font-size:1.5rem;font-weight:700;margin-bottom:var(--space-md)}.tips-list{list-style:none}.tips-list li{position:relative;padding-left:var(--space-lg);margin-bottom:var(--space-sm);font-size:1rem}.tips-list li:before{content:"✓";position:absolute;left:0;font-weight:700}.cta-section{padding:var(--space-3xl) var(--space-lg);background:var(--color-lime);text-align:center;position:relative;overflow:hidden}.cta-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;margin-bottom:var(--space-md)}.cta-text{font-size:1.3rem;margin-bottom:var(--space-xl)}.cta-buttons{display:flex;gap:var(--space-md);justify-content:center}.pattern-img{position:absolute;bottom:-3.125rem;right:-3.125rem;opacity:.2;width:18.75rem;height:18.75rem;transform:rotate(15deg)}.brutal-footer{background:var(--color-black);color:var(--color-white);border-top:var(--border-brutal);padding:var(--space-2xl) var(--space-lg) var(--space-lg)}.footer-content{display:flex;justify-content:space-between;align-items:flex-start;max-width:87.5rem;margin:0 auto var(--space-xl)}.footer-logo{font-size:3rem;font-weight:700}.footer-tagline{font-size:.9rem;letter-spacing:.1em;opacity:.7}.footer-links{display:flex;gap:var(--space-lg)}.footer-link{color:var(--color-white);text-decoration:none;font-weight:600;letter-spacing:.05em;transition:color .2s ease}.footer-link:hover{color:var(--color-lime)}.footer-bottom{text-align:center;padding-top:var(--space-lg);border-top:.125rem solid rgba(255,255,255,.2);font-size:.85rem;opacity:.7}@media(max-width:1024px){.hero{grid-template-columns:1fr;padding:6.25rem var(--space-md) var(--space-2xl)}.hero-visual{order:-1;margin-bottom:var(--space-xl)}.manifesto-section,.usage-section{grid-template-columns:1fr}.footer-content{flex-direction:column;gap:var(--space-xl)}}@media(max-width:768px){.brutal-nav{padding:var(--space-sm) var(--space-md)}.principles-section{padding:var(--space-xl) var(--space-sm);overflow:hidden}.nav-toggle{display:flex;flex-direction:column;gap:4px;cursor:pointer;z-index:1001}.nav-toggle .bar{width:25px;height:3px;background:var(--color-black);border:1px solid var(--color-black);transition:.3s}.nav-toggle.active .bar:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.nav-toggle.active .bar:nth-child(2){opacity:0}.nav-toggle.active .bar:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.nav-menu{position:fixed;top:4.5rem;left:-100%;width:100%;height:calc(100vh - 4.5rem);background:var(--color-lime);flex-direction:column;padding:var(--space-2xl) var(--space-lg);transition:.3s;border-right:var(--border-brutal);z-index:1000;overflow-y:auto}.nav-menu.active{left:0}.nav-link{font-size:1.5rem;width:100%;text-align:center;padding:var(--space-md) 0;border:var(--border-thin);background:var(--color-white);box-shadow:var(--shadow-small)}.nav-menu .brutal-btn{width:100%;margin-top:var(--space-md)}.hero-title{font-size:3.5rem}.hero-cta,.hero-stats{flex-direction:column}.stat-box{width:100%}.content-grid,.principles-grid,.examples-grid,.usage-grid,.palette-grid{grid-template-columns:1fr;width:100%;max-width:100%}.principle-card{padding:var(--space-lg)}.principle-demo{padding:var(--space-md);overflow:hidden}.typo-demo{font-size:3rem}.cta-buttons{flex-direction:column}.spotlight-text{font-size:3rem;margin-bottom:-1rem}.spotlight-badge{font-size:1.2rem;padding:var(--space-sm);top:10%;right:5%}.hero-monster,.manifesto-monster,.aliens-img{max-width:100%;height:auto}.visual-accent{display:none}}:focus-visible{outline:.25rem solid var(--color-black);outline-offset:.25rem}button:focus-visible,a:focus-visible{outline:.25rem solid var(--color-black);outline-offset:.25rem;background-color:var(--color-yellow);color:var(--color-black)}.marquee-section{background:var(--color-black);color:var(--color-white);padding:var(--space-md) 0;overflow:hidden;border-top:var(--border-brutal);border-bottom:var(--border-brutal);transform:rotate(-1deg);margin:var(--space-xl) 0}.marquee-content{display:flex;white-space:nowrap;animation:marquee 20s linear infinite;font-family:var(--font-mono);font-size:2rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.marquee-item{margin-right:var(--space-3xl)}.marquee-item-accent{color:var(--color-lime)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.glitch-hover:hover{animation:glitch-anim .3s cubic-bezier(.25,.46,.45,.94) both infinite;color:var(--color-pink)}@keyframes glitch-anim{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}