*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#000;--color-text:#fcf2e3;--color-accent:#ff3f00;--color-ikea-blue:#0058a3;--color-ikea-yellow:#ffdb00;--font-display:"Montserrat", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{height:100%;overflow:hidden}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);overflow-x:hidden}#root{width:100%}.app{scroll-snap-type:y proximity;scroll-behavior:smooth;width:100%;height:100vh;overflow-y:auto}.nav{z-index:100;pointer-events:none;background:0 0;padding:20px 24px;position:fixed;top:0;left:0}.nav-toggle,.nav-menu{pointer-events:auto}.nav-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;width:24px;padding:6px 0;display:flex}.hamburger-line{transform-origin:50%;background:#fcf2e3;border-radius:1px;width:100%;height:2px;transition:transform .3s,opacity .3s;display:block}.nav-toggle:hover .hamburger-line{background:var(--color-accent)}.nav-toggle--open .hamburger-line:first-child{transform:translateY(7px)rotate(45deg)}.nav-toggle--open .hamburger-line:nth-child(2){opacity:0}.nav-toggle--open .hamburger-line:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav-menu{opacity:0;-webkit-backdrop-filter:blur(16px);background:#000000d9;border-radius:8px;flex-direction:column;gap:0;max-height:0;margin-top:12px;padding:0;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s;display:flex;overflow:hidden}.nav-menu--open{opacity:1;max-height:500px;padding:12px 16px}.nav-divider{background:#fcf2e31a;height:1px;margin:8px 0}.nav-theme-row{gap:4px;display:flex}.nav-theme-btn{cursor:pointer;font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:#fcf2e380;background:#ffffff0f;border:1px solid #ffffff14;border-radius:4px;padding:6px 10px;font-size:10px;font-weight:500;transition:background .2s,color .2s}.nav-theme-btn:hover{color:var(--color-accent);background:#ffffff1f}.nav-link{cursor:pointer;font-family:var(--font-body);letter-spacing:.15em;text-transform:uppercase;color:#fcf2e380;text-align:left;background:0 0;border:none;padding:8px 0;font-size:12px;font-weight:400;transition:color .2s}.nav-link:hover{color:var(--color-accent)}.hero-section{z-index:1;scroll-snap-align:start;background:#000;width:100%;height:100vh;position:relative;overflow:hidden}.cube-canvas{z-index:1;position:absolute;inset:0}.hero-center{z-index:10;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.hero-title{align-items:baseline;margin:0;display:flex}.hero-letter{font-family:var(--font-display);letter-spacing:.06em;color:#fcf2e3;text-shadow:0 0 30px #ff3f004d;will-change:transform, opacity, filter;opacity:0;font-size:clamp(3rem,7vw,6rem);font-weight:900;display:inline-block}.hero-accent-line{transform-origin:50%;background:#ff3f00;width:clamp(60px,15vw,160px);height:1px;transform:scaleX(0)}.hero-for{font-family:var(--font-body);letter-spacing:.4em;text-transform:uppercase;color:#fcf2e366;opacity:0;font-size:clamp(.8rem,1.5vw,1rem);font-weight:400}.hero-ikea{font-family:var(--font-body);letter-spacing:.2em;text-transform:uppercase;color:#fcf2e3;text-shadow:0 0 30px #ff3f004d;opacity:0;font-size:clamp(2rem,5vw,3.5rem);font-weight:800}.hero-tagline{font-family:var(--font-body);letter-spacing:.25em;text-transform:uppercase;color:#fcf2e366;opacity:0;margin:4px 0 0;font-size:clamp(.75rem,1.4vw,.95rem);font-weight:400}.scroll-hint{z-index:10;opacity:0;color:#fcf2e34d;letter-spacing:.15em;text-transform:uppercase;flex-direction:column;align-items:center;gap:8px;font-size:11px;font-weight:400;animation:2s ease-in-out 4s infinite scrollBounce;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}@keyframes scrollBounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(6px)}}.video-section{z-index:2;scroll-snap-align:start;background:#0a0a0a;justify-content:center;align-items:center;width:100%;height:100vh;padding:80px 24px;display:flex;position:relative}.section-inner{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:1200px;display:flex}.section-eyebrow{font-family:var(--font-body);letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent);margin-bottom:16px;font-size:11px;font-weight:600}.section-title{font-family:var(--font-display);color:var(--color-text);margin-bottom:16px;font-size:clamp(1.8rem,4vw,3rem);font-weight:900;line-height:1.15}.section-desc{color:#fcf2e380;max-width:560px;margin-bottom:48px;font-size:clamp(.9rem,1.6vw,1.1rem);font-weight:400;line-height:1.7}.video-container{aspect-ratio:16/9;background:#111;border:1px solid #ffffff0f;border-radius:12px;width:100%;position:relative;overflow:hidden}.video-placeholder{color:#fcf2e340;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;font-size:16px;display:flex}.video-hint{color:#fcf2e326;font-size:12px}.video-hint code{background:#ffffff0f;border-radius:4px;padding:2px 8px;font-family:monospace;font-size:11px}.demo-video{object-fit:cover;width:100%;height:100%;display:none}.transition-bridge{z-index:2;scroll-snap-align:start;background:linear-gradient(#0a0a0a 0%,#0058a3 100%);justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative}.transition-bridge-inner{text-align:center;opacity:.7}.transition-bridge-line{background:linear-gradient(#ff3f0066,#ffda1a99);width:1px;height:80px;margin:0 auto 24px}.transition-bridge-text{font-family:var(--font-body);letter-spacing:.3em;text-transform:uppercase;color:#ffffff80;font-size:11px;font-weight:400}.pitch-section{z-index:2;scroll-snap-align:start;width:100%;height:100vh;position:relative}.pitch-iframe{border:none;width:100%;height:100%;display:block}@media (width<=768px){.nav{padding:16px}.nav-toggle{width:44px;min-height:44px;padding:10px}.nav-link{padding:12px 0;font-size:13px}.hero-letter{font-size:clamp(2.2rem,10vw,6rem)}.hero-ikea{font-size:clamp(1.4rem,7vw,3.5rem)}.video-section{padding:60px 16px}.pitch-section{padding-top:0}.section-title{font-size:clamp(1.4rem,5vw,3rem)}.section-desc{margin-bottom:32px;font-size:clamp(.85rem,2vw,1.1rem)}}
