:root{--bg:#0a0807;--bg-2:#120c08;--ink:#f6f1ea;--muted:#9a8b7d;--fire-1:#ffbe0b;--fire-2:#fb5607;--fire-3:#ff4d00;--ember:#ff8c42;--line:#ff8c4224;--card:#ffffff06}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;cursor:none;margin:0;font-family:Space Grotesk,sans-serif;overflow-x:hidden}h1,h2,h3,.display{letter-spacing:-.02em;font-family:Syne,sans-serif}.num-font{letter-spacing:-.02em;font-family:Space Mono,monospace}::selection{background:var(--fire-2);color:#fff}.cursor-dot,.cursor-outline{pointer-events:none;z-index:9999;border-radius:50%;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor-dot{background:var(--fire-1);width:6px;height:6px;transition:transform .1s,opacity .3s}.cursor-outline{border:1px solid #ff8c4280;width:32px;height:32px;transition:transform .15s,width .3s,height .3s,background .3s,border-color .3s}.cursor-outline.hovering{background:#fb56071a;border-color:#0000;width:60px;height:60px}@media (width<=768px){.cursor-dot,.cursor-outline{display:none}body{cursor:auto}}.scroll-progress{background:linear-gradient(90deg, var(--fire-1), var(--fire-2));z-index:100;width:0%;height:3px;transition:width .1s;position:fixed;top:0;left:0}.bg-ambient{z-index:-2;pointer-events:none;background:radial-gradient(900px 600px at 15% -10%, #fb560726, transparent 60%), radial-gradient(700px 500px at 90% 10%, #ffbe0b14, transparent 60%), radial-gradient(800px 700px at 50% 110%, #ff4d001f, transparent 60%), var(--bg);position:fixed;inset:0}.bg-grid{z-index:-1;pointer-events:none;opacity:.3;background-image:linear-gradient(#ff8c4208 1px,#0000 1px),linear-gradient(90deg,#ff8c4208 1px,#0000 1px);background-size:80px 80px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(at 50% 30%,#000 0%,#0000 75%);mask-image:radial-gradient(at 50% 30%,#000 0%,#0000 75%)}.bg-noise{z-index:-1;pointer-events:none;opacity:.04;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.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:fixed;inset:0}#embers{z-index:0;pointer-events:none;opacity:.5;position:fixed;inset:0}.nav-blur{-webkit-backdrop-filter:blur(20px)saturate(140%);backdrop-filter:blur(20px)saturate(140%);border-bottom:1px solid var(--line);background:#0a08078c}.nav-link{cursor:none;position:relative}.nav-link:after{content:"";background:linear-gradient(90deg, var(--fire-1), var(--fire-2));width:0;height:1px;transition:width .35s;position:absolute;bottom:-4px;left:0}.nav-link:hover:after{width:100%}.nav-link.active{color:var(--ink)}.nav-link.active:after{width:100%}.grad-fire{background:linear-gradient(120deg,#ffbe0b 0%,#fb5607 50%,#ff3d00 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.btn-fire{color:#160a00;cursor:none;background:linear-gradient(120deg,#ffbe0b,#fb5607 60%,#ff3d00);border:1px solid #0000;font-weight:600;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.btn-fire:hover{transform:translateY(-2px);box-shadow:0 10px 40px -10px #fb560799}.btn-fire:before{content:"";background:linear-gradient(90deg,#0000,#ffffff80,#0000);width:60%;height:100%;transition:left .8s;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.btn-fire:hover:before{left:120%}.btn-ghost{border:1px solid var(--line);cursor:none;background:#ffffff05;transition:all .3s}.btn-ghost:hover{border-color:var(--fire-2);background:#fb560714}.perspective-container{perspective:1200px;perspective-origin:50%}.phone{width:240px;height:500px;transform-style:preserve-3d;background:linear-gradient(160deg,#1a1410,#0a0807);border:1px solid #ffffff0f;border-radius:42px;padding:10px;position:relative;box-shadow:0 40px 80px -20px #000c,inset 0 0 0 1px #ff8c420d,0 0 60px -20px #fb56074d}.phone:before{content:"";z-index:5;background:#000;border-radius:14px;width:80px;height:20px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.phone:after{content:"";pointer-events:none;border:1px solid #ffffff0a;border-radius:40px;position:absolute;inset:2px}.phone-screen{background:#0a0807;border-radius:32px;width:100%;height:100%;position:relative;overflow:hidden}.phone-screen img{object-fit:cover;width:100%;height:100%}.glass{background:var(--card);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .4s}.reveal{opacity:0;transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1);transform:translateY(40px)}.reveal.in{opacity:1;transform:none}.hero-title{font-size:clamp(2.8rem,8vw,6.5rem);font-weight:800;line-height:.95}.app-gallery{perspective:1000px;height:460px;margin:0 auto;position:relative}.app-screen-card{border:1px solid #ffffff1a;border-radius:30px;width:200px;height:420px;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s;position:absolute;overflow:hidden;box-shadow:0 20px 40px -10px #0009}.app-screen-card img{object-fit:cover;width:100%;height:100%}.tech-card{transition:transform .4s,border-color .4s,background .4s;position:relative;overflow:hidden}.tech-card:hover{background:#ffffff0d;transform:translateY(-8px)}.tech-glow{filter:blur(80px);opacity:0;pointer-events:none;border-radius:50%;width:200px;height:200px;transition:opacity .5s;position:absolute;top:-50px;right:-50px}.tech-card:hover .tech-glow{opacity:.3}.tech-icon{transition:transform .4s}.tech-card:hover .tech-icon{transform:scale(1.15)rotate(-5deg)}.price-card{position:relative;overflow:hidden}.price-card.featured:before{content:"";pointer-events:none;background:linear-gradient(160deg,#fb56071f,#0000 50%);position:absolute;inset:0}.img-mask{border-radius:24px;position:relative;overflow:hidden}.marquee-track{width:max-content;animation:40s linear infinite scrollx;display:flex}@keyframes scrollx{to{transform:translate(-50%)}}.process-line-container{background:var(--line);z-index:0;width:100%;height:2px;position:absolute;top:32px;left:0}.process-fill{background:linear-gradient(90deg, var(--fire-1), var(--fire-2), var(--fire-3));width:0;height:100%;box-shadow:0 0 10px var(--fire-2);transition:width 2s cubic-bezier(.2,.7,.2,1)}.process-step{z-index:1;cursor:none}.process-icon-wrap{background:var(--bg);border:1px solid var(--line);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:all .4s;display:flex}.process-step:hover .process-icon-wrap{border-color:var(--fire-2);transform:translateY(-4px);box-shadow:0 0 20px #fb56074d}.process-sub-item{margin-bottom:6px;padding-left:16px;position:relative}.process-sub-item:before{content:"";background:var(--ember);width:6px;height:1px;position:absolute;top:9px;left:0}.faq-item summary{cursor:none;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item[open] .faq-icon{transform:rotate(45deg)}.faq-icon{transition:transform .3s}.faq-item[open] summary{color:var(--fire-1)}.scene-container{perspective:1000px;perspective-origin:50%;height:600px;position:relative}.scene-layer{will-change:transform;transition:transform .2s cubic-bezier(.2,.8,.2,1);position:absolute}.core-bg-text{color:#0000;-webkit-text-stroke:1px #ff8c4214;pointer-events:none;text-align:center;width:100%;font-family:Syne,sans-serif;font-size:22rem;font-weight:800;line-height:.8;top:50%;left:50%;transform:translate(-50%,-50%)}.core-card{border-radius:24px;width:280px;padding:1.5rem}@media (width<=768px){.core-card{width:220px;padding:1rem}.scene-container{height:500px}.core-bg-text{font-size:10rem}}.pulse-dot{position:relative}.pulse-dot:after{content:"";background:var(--fire-2);opacity:.4;border-radius:50%;animation:2s ease-out infinite pulse;position:absolute;inset:-4px}@keyframes pulse{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}.app-card{transition:transform .4s,border-color .4s}.app-card:hover{border-color:var(--fire-2);transform:translateY(-8px)}.app-card img{transition:transform .6s}.app-card:hover img{transform:scale(1.05)}.blog-card{transition:transform .4s,border-color .4s}.blog-card:hover{border-color:var(--fire-2);transform:translateY(-6px)}.value-card{transition:all .4s}.value-card:hover{border-color:var(--fire-2);transform:translateY(-4px)}@keyframes float1{0%,to{transform:translateY(0)rotate(-6deg)translateZ(-40px)}50%{transform:translateY(-18px)rotate(-6deg)translateZ(-40px)}}@keyframes float2{0%,to{transform:translateY(-10px)rotate(0)translateZ(20px)}50%{transform:translateY(10px)rotate(0)translateZ(20px)}}@keyframes float3{0%,to{transform:translateY(0)rotate(6deg)translateZ(-40px)}50%{transform:translateY(-18px)rotate(6deg)translateZ(-40px)}}
