*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}:root{--bg: #0e0e10;--text: #f0ece6;--muted: rgba(240,236,230,.5);--accent-pink: #d94f7a;--accent-purple: #8b5cf6;--accent-blue: #4a6cf7}html[data-theme=light]{--bg: #f4f1ea;--text: #17171c;--muted: rgba(23,23,28,.55)}html[data-theme=light] nav{background:#f4f1ea8c}html[data-theme=light] .theme-toggle{background:#0000001f}html[data-theme=light] .stat-item{background:#00000008;border-color:#00000014}html[data-theme=light] .stat-item:hover{background:#0000000d;border-color:#8b5cf666}html[data-theme=light] .testimonial-card{background:#00000008;border-color:#00000012}html[data-theme=light] .testimonial-nav button{background:#0000002e}html[data-theme=light] footer{color:#17171c73;border-top-color:#00000014}html[data-theme=light] .about-text p{color:#17171cc7}html[data-theme=light] .testimonial-text{color:#17171cd1}html[data-theme=light] .skills-marquee span{-webkit-text-stroke-color:rgba(23,23,28,.22)}html[data-theme=light] .contact-btn{border-color:#17171c4d}html[data-theme=light] .card-info h3{color:#f0ece6}html[data-theme=light] .card-info p,html[data-theme=light] .card-tag{color:#f0ece6b3}html[data-theme=light] .nav-logo{background:linear-gradient(#ffffffb8,#ffffffb8) padding-box,linear-gradient(145deg,#cfcfd6,#6c6c75 45%,#aeaeb6) border-box;box-shadow:inset 0 1px #ffffffa6,0 4px 14px #0000001f}html[data-theme=light] .nav-logo:hover{box-shadow:inset 0 1px #ffffffbf,0 8px 20px #0000002e,0 0 0 1px #00000014}html[data-theme=light] .nav-logo-text{color:#17171c}html[data-theme=light] .nav-logo-lens:after{background:#0a0a0c;box-shadow:0 0 5px #0000008c}html[data-theme=light] .nav-logo-lens:before{border-color:#00000047}html[data-theme=light] .nav-logo:hover .nav-logo-lens:after{box-shadow:0 0 8px #000000b3}html[data-theme=light] .nav-logo:hover .nav-logo-lens:before{border-color:#0000006b}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;cursor:none}a{cursor:none}.cursor-dot{width:8px;height:8px;background:#f0ece6;border-radius:50%;position:fixed;top:0;left:0;pointer-events:none;z-index:10000;mix-blend-mode:difference}.cursor-ring{width:40px;height:40px;border:1.5px solid rgba(240,236,230,.4);border-radius:50%;position:fixed;top:0;left:0;pointer-events:none;z-index:10000;transition:width .3s,height .3s,border-color .3s;mix-blend-mode:difference;display:flex;align-items:center;justify-content:center}.cursor-ring.hovering{width:60px;height:60px;border-color:var(--accent-pink)}nav{position:fixed;top:0;left:0;right:0;padding:24px 40px;padding-top:max(24px,env(safe-area-inset-top));padding-left:max(40px,env(safe-area-inset-left));padding-right:max(40px,env(safe-area-inset-right));display:flex;justify-content:space-between;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0e0e104d;transition:background .3s}.nav-logo{font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:600;letter-spacing:.5px;color:var(--text);text-decoration:none;display:inline-flex;align-items:center;gap:9px;padding:7px 16px 7px 13px;border:1.5px solid transparent;border-radius:999px;background:linear-gradient(#08080ad1,#08080ad1) padding-box,linear-gradient(145deg,#4a4a4f,#0a0a0c 45%,#2a2a2e) border-box;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px #ffffff14,0 4px 18px #0000008c;transition:box-shadow .35s ease,transform .35s ease,background .35s ease}.nav-logo:hover{transform:translateY(-1px);background:linear-gradient(#08080ad1,#08080ad1) padding-box,linear-gradient(145deg,#6a6a72,#141418 45%,#45454c) border-box;box-shadow:inset 0 1px #ffffff1f,0 8px 26px #000000a6}.nav-logo-lens{--orbit: 0deg;position:relative;width:16px;height:16px;flex:0 0 auto;border-radius:50%;background:radial-gradient(circle at 36% 30%,#ffffffe6,#78829659 14%,#15161a 42%,#050506);box-shadow:inset 0 0 0 1.5px #ffffff2e,inset -2px -2px 5px #000000b3,0 0 7px #788cc859}.nav-logo-lens:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:1px dashed rgba(180,200,255,.22);animation:lens-orbit 7s linear infinite}.nav-logo-lens:after{content:"";position:absolute;top:-4px;left:50%;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:#e5e7eb;box-shadow:0 0 6px #c8d7ffe6;transform-origin:2px 12px;transform:rotate(var(--orbit))}.nav-logo:hover .nav-logo-lens:after{box-shadow:0 0 9px #c8d7ff}.nav-logo:hover .nav-logo-lens:before{border-color:#b4c8ff73}.nav-logo-text{display:inline-flex;align-items:center;gap:1px;color:#f4f4f5}.logo-shine{font-weight:700;background:linear-gradient(110deg,#4b5563,#9ca3af 30%,#fff,#9ca3af 70%,#4b5563);background-size:200% 100%;background-repeat:repeat;-webkit-background-clip:text;background-clip:text;color:transparent;animation:logo-shimmer 3.8s linear infinite}@keyframes logo-shimmer{0%{background-position:200% 0}to{background-position:0% 0}}@keyframes lens-orbit{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.nav-logo-lens:before,.nav-logo-lens:after,.logo-shine,.contact-btn-primary{animation:none}}.nav-links,.nav-link-items{display:flex;align-items:center;gap:32px}.nav-links a{color:var(--muted);text-decoration:none;font-size:14px;font-weight:400;letter-spacing:.3px;transition:color .3s;position:relative}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--text);transition:width .3s}.nav-links a:hover{color:var(--text)}.nav-links a:hover:after{width:100%}.theme-toggle{width:48px;height:24px;background:#ffffff26;border-radius:12px;position:relative;cursor:none;transition:background .3s;display:flex;align-items:center;padding:0 4px;justify-content:space-between}.theme-toggle .icon{font-size:12px;line-height:1}.theme-toggle .knob{position:absolute;width:18px;height:18px;background:var(--text);border-radius:50%;top:3px;left:3px;transition:left .3s}.theme-toggle.active .knob{left:27px}.hero{height:100vh;height:100dvh;display:flex;align-items:center;position:relative;overflow:hidden}.hero-gradient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-gradient canvas{width:100%;height:100%}.hero-inner{position:relative;z-index:2;display:flex;align-items:center;gap:60px;padding:0 6vw;width:100%}.hero-content{position:relative;z-index:3;padding:0;max-width:580px;flex:1;will-change:transform}.hero-spline-bg{position:absolute;top:8%;right:3%;width:46%;height:84%;z-index:1;overflow:hidden;border-radius:16px;transform:translateZ(0);transition:width .7s cubic-bezier(.22,1,.36,1),border-radius .7s cubic-bezier(.22,1,.36,1)}.hero-spline-bg.open{width:94%;border-radius:16px;z-index:4}.hero-video{width:100%;height:100%;object-fit:cover;display:block;border:none;background:#000}.hero-video-cover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;background:radial-gradient(100% 75% at 50% 42%,#0000000a,#0000001a 32%,#0000008c 68%,#000000fa);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:1;transition:opacity .6s cubic-bezier(.22,1,.36,1);pointer-events:none}.hero-video-cover-label{font-family:Space Grotesk,sans-serif;font-size:clamp(15px,1.5vw,20px);font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.5)}.hero-video-cover-arrow{font-size:20px;line-height:1;color:#ffffffd9;animation:hero-cover-bob 1.8s ease-in-out infinite}@keyframes hero-cover-bob{0%,to{transform:translateY(0);opacity:.85}50%{transform:translateY(6px);opacity:1}}.hero-spline-bg.open .hero-video-cover{opacity:0}@media (prefers-reduced-motion: reduce){.hero-video-cover-arrow{animation:none}}@media (max-width: 900px){.hero{height:auto;min-height:100vh;min-height:100dvh;flex-direction:column;align-items:stretch}.hero-inner{order:1;padding:150px 24px 0}.hero-spline-bg{position:static;order:2;width:auto;height:40vh;margin:28px 24px 0;border-radius:12px}.hero-spline-bg.open{width:auto}.hero-video-cover{display:none}.hero-content{padding:0;max-width:none}}.hero-content h1{font-family:Inter,sans-serif;font-size:clamp(22px,2.8vw,32px);font-weight:300;line-height:1.65;letter-spacing:-.2px;color:var(--text);opacity:0;transform:translateY(40px);animation:fadeUp 1s ease .3s forwards}.hero-content h1 strong{font-weight:500}.cta-link{display:inline-flex;align-items:center;gap:10px;margin-top:40px;color:var(--text);text-decoration:none;font-size:16px;font-weight:400;letter-spacing:.3px;opacity:0;transform:translateY(30px);animation:fadeUp 1s ease .6s forwards;position:relative}.cta-link .arrow{font-size:20px;transition:transform .3s}.cta-link:hover .arrow{transform:translate(6px)}.cta-link:after{content:"";position:absolute;bottom:-2px;left:24px;right:0;height:1px;background:var(--text);transform:scaleX(0);transform-origin:left;transition:transform .3s}.cta-link:hover:after{transform:scaleX(1)}.scroll-prompt{position:absolute;bottom:40px;right:40px;z-index:2;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);letter-spacing:.5px;opacity:0;animation:fadeUp 1s ease 1s forwards}.scroll-prompt .scroll-arrow{animation:bounceDown 2s ease infinite}@keyframes bounceDown{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.section-title{font-family:Space Grotesk,sans-serif;font-size:clamp(36px,5vw,64px);font-weight:700;margin-bottom:60px;position:relative;display:inline-block}.section-title:after{content:"";position:absolute;bottom:-8px;left:0;width:60px;height:3px;background:linear-gradient(90deg,var(--accent-pink),var(--accent-purple));border-radius:2px}.work-section{padding:80px 40px;max-width:1200px;margin:0 auto;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.work-section .reveal{flex-shrink:0}.work-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;position:relative;flex:1}.work-grid .work-card{flex:1 1 calc(50% - 10px)}.work-grid.has-expanded .work-card:not(.card-expanded){visibility:hidden}.work-card{position:relative;border-radius:16px;overflow:hidden;cursor:none;min-height:200px}.work-card.card-expanded{aspect-ratio:unset;cursor:none}body:has(.work-card:hover) .cursor-dot,body:has(.example-card:hover) .cursor-dot{opacity:0}body:has(.work-card:hover) .cursor-ring,body:has(.example-card:hover) .cursor-ring{width:60px;height:60px;border-color:var(--accent-pink)}body:has(.work-card:hover) .cursor-ring:after,body:has(.example-card:hover) .cursor-ring:after{content:"";position:absolute;top:50%;left:50%;width:18px;height:18px;transform:translate(-50%,-50%);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(240,236,230,0.9)' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='6'/%3E%3Cline x1='15' y1='15' x2='21' y2='21'/%3E%3C/svg%3E") center/contain no-repeat}.work-card{transition:opacity .3s ease,filter .3s ease,transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease}.work-grid:has(.work-card:hover) .work-card:not(:hover){opacity:.4;filter:brightness(.5)}.work-card:hover{transform:scale(1.025);box-shadow:0 20px 60px #00000080,0 8px 24px #0000004d;z-index:2}.card-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:16px;clip-path:inset(0 round 16px);opacity:0;transition:opacity .4s ease;z-index:1}@media (hover: hover){.work-card:hover .card-video{opacity:1}}.work-card.card-expanded .card-video,.work-card.playing .card-video{opacity:1}.work-card .card-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.work-card:hover .card-bg{transform:scale(1.04)}.work-card .card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 30%,rgba(14,14,16,.85) 100%);opacity:1;transition:opacity .4s}.work-card .card-icon{position:absolute;top:20px;left:20px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;color:#f0ece6;background:#ffffff1f;border:1px solid rgba(255,255,255,.14);z-index:6;transition:transform .4s cubic-bezier(.22,1,.36,1)}.work-card .card-icon svg{width:22px;height:22px}.work-card:hover .card-icon{transform:translateY(-2px) scale(1.06)}.work-card.card-expanded .card-icon{transform:none}.work-card.card-expanded .card-tag{-webkit-backdrop-filter:none;backdrop-filter:none}.work-card .card-info{position:absolute;bottom:24px;left:24px;right:24px;transform:translateY(0);opacity:1;transition:all .4s ease .1s}.card-info h3{font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:600;margin-bottom:6px}.card-info p{font-size:13px;color:var(--muted)}.card-tag{display:inline-block;padding:4px 12px;background:#ffffff1a;border-radius:20px;font-size:11px;color:var(--muted);margin-top:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-tag.tag-soon{background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.card-tag.tag-contact{background:#4a6cf72e;color:#93abff;border:1px solid rgba(74,108,247,.4)}.skills-section{padding:120px 40px;max-width:1200px;margin:0 auto;overflow:hidden}.skills-marquee{display:flex;gap:60px;animation:marquee 20s linear infinite;width:max-content}.skills-marquee span{font-family:Space Grotesk,sans-serif;font-size:clamp(40px,6vw,80px);font-weight:700;white-space:nowrap;color:transparent;-webkit-text-stroke:1px rgba(240,236,230,.2);transition:all .3s}.skills-marquee span:hover{-webkit-text-stroke-color:var(--accent-pink);color:#d94f7a1a}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.how-section{padding:120px 40px;max-width:1200px;margin:0 auto;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.how-section .section-title{align-self:flex-start;text-align:left}.how-layout{width:100%}.how-layout{display:grid;grid-template-columns:260px 1fr;gap:40px;align-items:start}.how-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.how-step{width:100%;display:flex;align-items:center;gap:16px;padding:18px 20px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#ffffff05;color:var(--muted);font-family:Space Grotesk,sans-serif;font-size:16px;text-align:left;cursor:none;transition:border-color .3s ease,background .3s ease,color .3s ease}.how-step:hover{color:var(--text);border-color:#ffffff2e}.how-step.active{color:var(--text);border-color:transparent;background:linear-gradient(120deg,#d94f7a2e,#8b5cf62e)}.how-step-num{font-size:13px;font-weight:600;letter-spacing:.08em;color:var(--accent-pink)}.how-step.active .how-step-num{color:var(--accent-purple)}.how-step-label{font-weight:500}.how-window{aspect-ratio:1 / 1;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:radial-gradient(120% 120% at 100% 0%,rgba(139,92,246,.1),transparent 55%),radial-gradient(120% 120% at 0% 100%,rgba(217,79,122,.1),transparent 55%),#ffffff05;padding:48px;display:flex;overflow:hidden}.how-window-inner{position:relative;display:flex;flex-direction:column;width:100%;height:100%;animation:howFade .45s ease both}.how-window-video{position:absolute;top:-48px;right:-48px;bottom:-48px;left:-48px;width:calc(100% + 96px);height:calc(100% + 96px);object-fit:cover;object-position:center top;border-radius:20px;z-index:0}.how-window-explain.over-video{position:relative;z-index:1;margin:auto -48px -48px;padding:80px 48px 48px;border-top:none;background:linear-gradient(to top,rgba(8,8,10,.85) 30%,transparent);border-bottom-left-radius:20px;border-bottom-right-radius:20px}.how-window-explain.over-video .how-window-explain-body{color:#f0ece6}.how-window-title{font-family:Space Grotesk,sans-serif;font-size:clamp(24px,3vw,34px);font-weight:700;margin:0 0 18px}.how-window-body{font-size:17px;line-height:1.7;color:var(--muted);margin:0}.how-window-explain{margin-top:auto;padding-top:24px;border-top:1px solid rgba(255,255,255,.08)}.how-window-explain-label{display:inline-block;margin-bottom:12px;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(135deg,var(--accent-pink),var(--accent-purple));-webkit-background-clip:text;background-clip:text;color:transparent}.how-window-explain-body{font-family:Inter,sans-serif;font-size:clamp(17px,1.5vw,20px);font-weight:300;line-height:1.8;letter-spacing:-.1px;color:var(--text);text-align:left;margin:0;white-space:pre-line}html[data-theme=light] .how-window-explain{border-top-color:#17171c1a}@keyframes howFade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}html[data-theme=light] .how-step{border-color:#17171c1a;background:#17171c05}html[data-theme=light] .how-step:hover{border-color:#17171c33}html[data-theme=light] .how-window{border-color:#17171c1a;background:radial-gradient(120% 120% at 100% 0%,rgba(139,92,246,.08),transparent 55%),radial-gradient(120% 120% at 0% 100%,rgba(217,79,122,.08),transparent 55%),#17171c05}@media (max-width: 760px){.how-layout{grid-template-columns:1fr}.how-window{aspect-ratio:auto;min-height:320px}}.about-screen{padding:60px 40px;max-width:1200px;margin:0 auto;min-height:100vh;min-height:100dvh;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}.about-section{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about-section .section-title{margin-bottom:24px}.about-text p{font-size:16px;line-height:1.7;color:#f0ece6bf;margin-bottom:16px}.about-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;margin-top:56px}.stat-item{text-align:center;padding:22px;border-radius:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);transition:all .3s}.stat-item:hover{background:#ffffff0f;border-color:#8b5cf64d;transform:translateY(-4px)}.stat-number{font-family:Space Grotesk,sans-serif;font-size:42px;font-weight:700;background:linear-gradient(135deg,var(--accent-pink),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat-label{font-size:13px;color:var(--muted);margin-top:6px;letter-spacing:.5px}.examples-section{padding:100px 40px;max-width:1200px;margin:0 auto;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:center}.examples-intro{font-size:17px;line-height:1.7;color:var(--muted);max-width:560px;margin-top:-24px;margin-bottom:48px}.examples-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tour-overlay{position:fixed;top:28px;right:28px;bottom:28px;left:28px;z-index:2000;background:#000;border-radius:20px;overflow:hidden;box-shadow:0 0 0 200vmax #0000008c,0 24px 80px #0009;animation:tour-expand .55s cubic-bezier(.22,1,.36,1)}@keyframes tour-expand{0%{transform:scale(.62);opacity:0}to{transform:scale(1);opacity:1}}.tour-overlay.closing{animation:tour-collapse .4s cubic-bezier(.22,1,.36,1) forwards}.tour-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:500;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#0e0e10;color:#f0ece6;font-family:Space Grotesk,sans-serif;text-align:center;padding:24px}.tour-loading-spinner{width:48px;height:48px;border-radius:50%;border:3px solid rgba(255,255,255,.12);border-top-color:var(--accent-purple);animation:tour-spin .8s linear infinite}@keyframes tour-spin{to{transform:rotate(360deg)}}.tour-loading-text{font-size:17px;font-weight:500}.tour-loading-note{font-size:13px;color:var(--muted);margin-top:-8px}@media (prefers-reduced-motion: reduce){.tour-loading-spinner{animation:none}}.tour-overlay,.tour-overlay *{cursor:none!important}@keyframes tour-collapse{0%{transform:scale(1);opacity:1}to{transform:scale(.62);opacity:0}}.example-card{position:relative;border-radius:16px;overflow:hidden;min-height:320px;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;cursor:none;color:#f0ece6;text-decoration:none;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease}.example-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0000008c,#0000 55%)}.example-card>*{position:relative;z-index:1}.example-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px #00000080,0 8px 24px #0000004d}.example-tag{position:absolute;top:20px;left:20px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:5px 12px;border-radius:999px;background:#00000059;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15)}.example-title{font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:700}.example-location{font-size:14px;color:#f0ece6b3}.example-open{margin-top:16px;font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:6px;opacity:0;transform:translateY(6px);transition:opacity .3s ease,transform .3s ease}.example-card:hover .example-open{opacity:1;transform:translateY(0)}.example-open .arrow,.examples-button .arrow{transition:transform .3s ease}.example-card:hover .example-open .arrow,.examples-button:hover .arrow{transform:translate(4px)}.examples-cta{display:flex;justify-content:center;margin-top:48px}.examples-button{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:999px;font-size:15px;font-weight:600;color:#f0ece6;text-decoration:none;cursor:none;background:linear-gradient(135deg,var(--accent-purple),var(--accent-pink));transition:transform .3s ease,box-shadow .3s ease}.examples-button:hover{transform:translateY(-3px);box-shadow:0 12px 32px #8b5cf673}@media (max-height: 950px){.about-screen{padding:50px 40px}.about-screen .testimonials-section{margin-top:48px}.contact-section .lets-create{margin-top:32px}.about-section .section-title,.pricing-title{font-size:clamp(32px,4vw,48px)}}.testimonials-section{width:100%;max-width:900px;margin:80px auto 0;text-align:center}.testimonials-section .section-title{font-size:clamp(26px,3vw,38px);margin-bottom:10px}.testimonial-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:32px 40px;margin-top:24px;position:relative;overflow:hidden}.usecase-label{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--accent-purple);margin-bottom:16px}.testimonial-text{font-size:20px;line-height:1.7;color:#f0ece6cc;position:relative;z-index:1}.testimonial-nav{display:flex;justify-content:center;gap:12px;margin-top:30px}.testimonial-nav button{width:10px;height:10px;border-radius:50%;border:none;background:#ffffff26;cursor:none;transition:all .3s}.testimonial-nav button.active{background:var(--accent-pink);width:28px;border-radius:5px}.contact-section{padding:40px;max-width:1100px;margin:0 auto;text-align:center;min-height:100vh;min-height:100dvh;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}.pricing-title{align-self:flex-start;text-align:left;margin-bottom:28px}.billing-switch{align-self:center;display:flex;align-items:center;gap:12px;margin-bottom:28px;font-family:Space Grotesk,sans-serif;font-size:15px}.billing-switch>span{color:var(--muted);transition:color .3s}.billing-switch>span.active{color:var(--text);font-weight:500}.billing-switch .billing-save{margin-left:4px;padding:4px 10px;font-size:12px;font-weight:600;color:#fff;border-radius:50px;background:linear-gradient(135deg,var(--accent-pink),var(--accent-purple))}.pricing-earlybird-note{align-self:center;display:inline-flex;align-items:center;gap:8px;margin:-14px 0 30px;padding:7px 16px 7px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;font-family:Inter,sans-serif;font-size:13.5px;color:var(--muted)}html[data-theme=light] .pricing-earlybird-note{border-color:#00000014;background:#00000008}.pricing-earlybird-icon{width:15px;height:15px;flex:0 0 auto;color:var(--accent-pink)}.pricing-earlybird-hl{font-weight:600;background:linear-gradient(120deg,var(--accent-pink),var(--accent-purple));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;text-align:left}@property --pc-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes pc-spin{to{--pc-angle: 360deg}}.pricing-card{--pc-fill: #101014;position:relative;display:flex;flex-direction:column;padding:24px 28px;border:1px solid transparent;border-radius:20px;background:linear-gradient(var(--pc-fill),var(--pc-fill)) padding-box,linear-gradient(160deg,#ffffff2e,#ffffff08 45%,#ffffff08) border-box;transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s ease}.pricing-card:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;z-index:-1;border-radius:22px;background:conic-gradient(from var(--pc-angle),var(--accent-pink),var(--accent-purple),var(--accent-blue),var(--accent-pink));filter:blur(12px);opacity:0;transition:opacity .5s ease;animation:pc-spin 6s linear infinite}.pricing-card:after{content:"";position:absolute;top:0;left:24px;right:24px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)}.pricing-card:hover{transform:translateY(-8px);box-shadow:0 26px 60px -22px #8b5cf652}.pricing-card:hover:before{opacity:.28}.pricing-card:nth-child(1):before{background:conic-gradient(from var(--pc-angle),#f5f7fa,#b8bec9,#ffffff,#8f97a3,#f5f7fa)}.pricing-card:nth-child(1):hover{box-shadow:0 26px 60px -22px #bec5d04d}.pricing-card:nth-child(2):before{background:conic-gradient(from var(--pc-angle),#fff4cf,#f6d365,#d4af37,#fbe9a8,#fff4cf)}.pricing-card:nth-child(2):hover{box-shadow:0 26px 60px -22px #d4af374d}.pricing-card:nth-child(3):before{background:conic-gradient(from var(--pc-angle),var(--accent-pink),var(--accent-purple),var(--accent-blue),var(--accent-pink))}.pricing-card:nth-child(3):hover{box-shadow:0 26px 60px -22px #8b5cf652}@media (prefers-reduced-motion: reduce){.pricing-card:before{animation:none}}.pricing-card.featured{border-color:transparent;background:linear-gradient(#0e0e10e6,#0e0e10e6) padding-box,linear-gradient(135deg,var(--accent-pink),var(--accent-purple)) border-box;border:1px solid transparent}.pricing-badge{position:absolute;top:-12px;left:30px;padding:5px 14px;font-size:12px;font-weight:600;letter-spacing:.04em;color:#fff;border-radius:50px;background:linear-gradient(135deg,var(--accent-pink),var(--accent-purple))}.pricing-name{font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:600;margin:0 0 14px}.pricing-price{display:flex;align-items:baseline;gap:4px;margin-bottom:10px}.pricing-amount{font-family:Space Grotesk,sans-serif;font-size:36px;font-weight:700;background:linear-gradient(120deg,var(--text) 0%,var(--text) 55%,var(--accent-purple) 115%);-webkit-background-clip:text;background-clip:text;color:transparent}.pricing-card .pricing-early-terms{font-size:12.5px;line-height:1.35;color:var(--muted);margin:-4px 0 0;min-height:2.7em}.pricing-was{font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:600;color:var(--muted);text-decoration:line-through;text-decoration-color:#d94f7ab3;margin-right:2px}.pricing-cadence{font-size:15px;color:var(--muted)}.pricing-card .pricing-blurb{font-size:15px;color:var(--muted);margin:0 0 18px;line-height:1.5}.pricing-slider{margin:0 0 14px}.pricing-slider-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:10px;font-size:13px;color:var(--muted)}.pricing-slider-val{font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:700;background:linear-gradient(135deg,var(--accent-pink),var(--accent-purple));-webkit-background-clip:text;background-clip:text;color:transparent}.gen-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:50px;background:#ffffff24;outline:none;cursor:none}.gen-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--accent-pink),var(--accent-purple));box-shadow:0 2px 8px -1px #8b5cf699}.gen-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--accent-pink),var(--accent-purple));box-shadow:0 2px 8px -1px #8b5cf699}html[data-theme=light] .gen-slider{background:#17171c24}.pricing-features{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:9px;flex-grow:1}.pricing-features li{position:relative;padding-left:26px;font-size:15px;color:var(--text)}.pricing-features li:before{content:"✓";position:absolute;left:0;font-weight:700;background:linear-gradient(135deg,var(--accent-pink),var(--accent-purple));-webkit-background-clip:text;background-clip:text;color:transparent}.pricing-card .contact-btn{justify-content:center;width:100%;padding:14px 24px;font-size:15px}.faq-section{padding:80px 40px;max-width:1100px;margin:0 auto;min-height:calc(100vh - 76px);min-height:calc(100dvh - 76px);box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.faq-list{width:100%;max-width:760px;text-align:left;border-top:1px solid rgba(255,255,255,.1)}.faq-item{border-bottom:1px solid rgba(255,255,255,.1)}.faq-question{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:22px 4px;background:none;border:none;color:var(--text);font-family:Space Grotesk,sans-serif;font-size:17px;font-weight:500;text-align:left;cursor:none;transition:color .3s}.faq-question:hover{color:var(--accent-purple)}.faq-icon{flex-shrink:0;font-size:22px;font-weight:400;color:var(--muted);transition:transform .35s cubic-bezier(.22,1,.36,1),color .3s}.faq-item.open .faq-icon{transform:rotate(45deg);color:var(--accent-purple)}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.22,1,.36,1)}.faq-item.open .faq-answer{grid-template-rows:1fr}.faq-answer-inner{overflow:hidden}.faq-section .faq-answer-inner p{padding:0 4px 22px;margin-bottom:0;color:var(--muted);font-size:15px;line-height:1.7;max-width:640px}html[data-theme=light] .faq-list{border-top-color:#0000001a}html[data-theme=light] .faq-item{border-bottom-color:#0000001a}.lets-create{max-width:800px;margin:80px auto 0}.lets-create .section-title{font-size:clamp(26px,3vw,38px);margin-bottom:14px}.lets-create p{font-size:15px;margin-bottom:22px}html[data-theme=light] .pricing-card{--pc-fill: #ffffff;background:linear-gradient(var(--pc-fill),var(--pc-fill)) padding-box,linear-gradient(160deg,#17171c29,#17171c0a 45%,#17171c0a) border-box}html[data-theme=light] .pricing-card:after{background:linear-gradient(90deg,transparent,rgba(23,23,28,.18),transparent)}html[data-theme=light] .pricing-card:hover{box-shadow:0 26px 60px -24px #8b5cf659}html[data-theme=light] .pricing-card.featured{background:linear-gradient(#f4f1eae6,#f4f1eae6) padding-box,linear-gradient(135deg,var(--accent-pink),var(--accent-purple)) border-box}@media (max-width: 820px){.pricing-grid{grid-template-columns:1fr;max-width:420px;margin-left:auto;margin-right:auto}}.contact-section p{font-size:17px;color:var(--muted);margin-bottom:32px;line-height:1.7}.contact-actions{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap}.contact-btn{display:inline-flex;align-items:center;gap:12px;padding:18px 40px;background:transparent;border:1px solid rgba(240,236,230,.25);color:var(--text);font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:500;border-radius:50px;cursor:none;transition:all .4s;text-decoration:none;letter-spacing:.3px}.contact-btn:hover{background:var(--text);color:var(--bg);border-color:var(--text);transform:scale(1.04)}.contact-btn-primary{position:relative;overflow:hidden;border-color:transparent;color:#fff;background:linear-gradient(120deg,#8b5cf6,#d94f7a,#4a6cf7,#8b5cf6);background-size:280% 100%;animation:btn-gradient 6s ease infinite;box-shadow:0 8px 24px #8b5cf652}.contact-btn-primary:before{content:"";position:absolute;top:0;left:-60%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);transform:skew(-20deg);transition:left .6s ease;pointer-events:none}.contact-btn-primary span{position:relative;z-index:1}.contact-btn-primary:hover{color:#000;border-color:transparent;transform:scale(1.04);box-shadow:0 14px 34px #d94f7a73}.contact-btn-primary:hover:before{left:120%}@keyframes btn-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.social-links{display:flex;justify-content:center;gap:30px;margin-top:24px}.social-links a{color:var(--muted);text-decoration:none;font-size:13px;letter-spacing:1px;text-transform:uppercase;transition:color .3s}.social-links a:hover{color:var(--text)}footer{padding:30px 40px;text-align:center;font-size:12px;color:#f0ece640;border-top:1px solid rgba(255,255,255,.04)}.footer-license{margin-top:6px;font-size:11px}.footer-license a{color:inherit;text-decoration:underline;text-underline-offset:2px;transition:color .3s}.footer-license a:hover{color:var(--text)}.reveal{opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.reveal.visible{opacity:1;transform:translateY(0)}.noise{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat}@media (max-width: 768px){nav{flex-direction:column;align-items:center;gap:8px;padding:12px 16px 10px;padding-top:max(12px,env(safe-area-inset-top))}.nav-links{flex-direction:column;gap:8px}.nav-link-items{flex-wrap:nowrap;justify-content:center;gap:10px;max-width:100%}.nav-links a{font-size:11px;white-space:nowrap}.hero-content{margin-left:0;padding:0 24px}.hero-inner{padding-top:150px}.work-grid{gap:14px}.work-grid .work-card{flex-basis:calc(50% - 7px)}.work-card{min-height:180px}.work-card .card-icon{display:none}.about-section{grid-template-columns:1fr;gap:50px}.examples-grid{grid-template-columns:1fr}.work-section,.skills-section,.about-screen,.contact-section,.examples-section,.faq-section,.how-section{padding:130px 24px 80px}.how-layout{grid-template-columns:1fr;gap:24px}.how-window{aspect-ratio:auto;padding:0;display:block}.how-window-inner{display:block}.how-window-video{position:relative;inset:auto;width:100%;height:240px;border-radius:20px 20px 0 0}.how-window-explain.over-video{position:relative;z-index:1;margin:0;padding:22px 24px 26px;background:#ffffff08;border-radius:0 0 20px 20px}html[data-theme=light] .how-window-explain.over-video{background:#00000008}.scroll-prompt{right:24px;bottom:30px}.cursor-dot,.cursor-ring{display:none}.testimonial-card{padding:30px 24px}}@media (max-width: 900px){.scroll-prompt{position:static;order:3;justify-content:center;margin:16px 0 32px}}@media (max-width: 600px){.work-grid .work-card{flex-basis:100%}}