@font-face{font-family:Caption Handwriting;src:url(/Caption%20Handwriting%20Regular.otf) format("opentype")}:root{--bg-color: #0a0a0a;--text-color: #ffffff;--accent-yellow: #E8B931;--accent-orange: #E16A2F;--accent-red: #C42021;--font-main: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Caption Handwriting", cursive}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;scroll-behavior:smooth}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' 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");animation:grain .5s steps(10) infinite}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-2%,-2%)}20%{transform:translate(2%,2%)}30%{transform:translate(-1%,1%)}40%{transform:translate(1%,-1%)}50%{transform:translate(-2%,2%)}60%{transform:translate(2%,-2%)}70%{transform:translate(-1%,-1%)}80%{transform:translate(1%,1%)}90%{transform:translate(-2%,-1%)}}#particle-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:auto}.hero-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;pointer-events:none;z-index:0}.hero-orb-1{width:400px;height:400px;background:radial-gradient(circle,var(--accent-yellow) 0%,transparent 70%);top:10%;left:5%;animation:float-orb 8s ease-in-out infinite}.hero-orb-2{width:350px;height:350px;background:radial-gradient(circle,var(--accent-orange) 0%,transparent 70%);top:40%;right:10%;animation:float-orb 10s ease-in-out infinite reverse}.hero-orb-3{width:300px;height:300px;background:radial-gradient(circle,var(--accent-red) 0%,transparent 70%);bottom:10%;left:30%;animation:float-orb 12s ease-in-out infinite}@keyframes float-orb{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-20px) scale(1.1)}50%{transform:translate(-20px,30px) scale(.95)}75%{transform:translate(20px,20px) scale(1.05)}}.gradient-text-animate{background:linear-gradient(90deg,#fff 0%,var(--accent-yellow) 25%,var(--accent-orange) 50%,var(--accent-red) 75%,#fff 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradient-shift 4s ease-in-out infinite}@keyframes gradient-shift{0%,to{background-position:0% center}50%{background-position:100% center}}.scroll-animate{opacity:0;transform:translateY(40px);transition:opacity .8s ease-out,transform .8s ease-out}.scroll-animate.animate-in{opacity:1;transform:translateY(0)}.feature-card.scroll-animate:nth-child(1){transition-delay:0s}.feature-card.scroll-animate:nth-child(2){transition-delay:.1s}.feature-card.scroll-animate:nth-child(3){transition-delay:.2s}.feature-card.scroll-animate:nth-child(4){transition-delay:.3s}.feature-card.scroll-animate:nth-child(5){transition-delay:.4s}.feature-card.scroll-animate:nth-child(6){transition-delay:.5s}.glow-button{position:relative;overflow:hidden}.glow-button .btn-text{position:relative;z-index:2}.glow-button .btn-glow{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);z-index:1;animation:glow-sweep 3s ease-in-out infinite}@keyframes glow-sweep{0%{left:-100%}50%,to{left:100%}}.mural-section{position:relative;padding:2rem 0;background:linear-gradient(to bottom,#0a0a0a,#111 20%,#1a1a1a)}.mural-2d-container{width:90%;max-width:1000px;height:600px;margin:20px auto 60px;position:relative;background-image:url(/wood_bg_optimized.jpg);background-size:cover;background-position:center;border:25px solid;border-image:linear-gradient(135deg,#35241f,#3f312b,#372620,#211714,#3e2723) 1;border-radius:6px;box-shadow:inset 0 0 100px #000000a6,inset 0 0 40px #8b5a2b26,0 35px 70px #0000008c,0 0 30px #8b5a2b1a}.mural-2d-container:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,rgba(255,200,120,.08) 0%,transparent 60%);pointer-events:none;z-index:100}.mural-2d-container:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.25) 100%);pointer-events:none;z-index:99}.polaroid-item{position:absolute;width:140px;background:linear-gradient(to bottom,#fefefe,#f8f6f3);padding:8px 8px 35px;box-shadow:0 5px 15px #00000059,0 2px 4px #0003,inset 0 0 0 1px #0000000d;transform-origin:center top;transition:transform .15s ease-out,box-shadow .25s ease-out;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;will-change:transform,left,top;z-index:90;border-radius:2px}.polaroid-item.dragging{cursor:grabbing;z-index:1000!important;box-shadow:0 30px 50px #00000080,0 10px 20px #0000004d}.polaroid-img{width:100%;aspect-ratio:1/1;background:#333;pointer-events:none;display:block;filter:brightness(.85) contrast(1.15) sepia(.4) saturate(1.15);border-radius:1px}.polaroid-pin{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ff6b6b,#c41e3a);position:absolute;top:-5px;left:50%;transform:translate(-50%);box-shadow:2px 3px 5px #0006,inset -1px -1px 2px #0000004d,inset 1px 1px 2px #ffffff4d;z-index:20}.price-tag{margin-top:1rem;color:#888;font-size:.9rem;font-family:var(--font-main);font-weight:500;opacity:.8}a{color:inherit;text-decoration:none}.bg-yellow{background-color:var(--accent-yellow)}.bg-orange{background-color:var(--accent-orange)}.bg-red{background-color:var(--accent-red)}.usdz-container{width:100%;height:600px;position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center}.text-yellow{color:var(--accent-yellow)}.text-orange{color:var(--accent-orange)}.text-red{color:var(--accent-red)}.lens-border-bottom{position:fixed;top:0;left:0;width:100%;height:4px;background:linear-gradient(to right,var(--accent-yellow) 33%,var(--accent-orange) 33%,var(--accent-orange) 66%,var(--accent-red) 66%);z-index:1000}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}header{padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;position:fixed;top:4px;left:0;right:0;width:100%;z-index:100;background:linear-gradient(to bottom,rgba(10,10,10,.95) 0%,transparent 100%)}.logo{font-size:1.8rem;font-weight:800;letter-spacing:-.05em;color:#fff}nav ul{display:flex;gap:2rem;list-style:none}nav a{font-weight:600;font-size:.95rem;color:#ffffffb3;transition:color .2s}nav a:hover{color:#fff}.hero{min-height:90vh;padding-top:6rem;display:flex;align-items:center;position:relative;background:radial-gradient(circle at 70% 30%,#1f1f1f,#0a0a0a 70%);overflow:hidden;border-bottom:1px solid #222}.hero-content{display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:2rem;position:relative;z-index:2}.hero-text{position:relative;z-index:5}.hero h1{font-family:var(--font-display);font-size:clamp(4rem,7vw,6.5rem);font-weight:400;margin-bottom:1.5rem;line-height:1;letter-spacing:-.02em;color:#fff;text-shadow:0 0 30px rgba(255,255,255,.15)}.hero p{font-size:1.3rem;color:#aaa;margin-bottom:3rem;max-width:500px;line-height:1.5;font-weight:300}.btn-primary{display:inline-flex;align-items:center;gap:10px;background:#ffffff0d;color:#fff;padding:1rem 2rem;border-radius:12px;font-weight:500;font-size:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:all .3s ease;letter-spacing:.02em}.btn-primary:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 10px 30px #00000080}.btn-primary:before{content:"";font-size:1.2rem}.usdz-container{width:100%;height:500px;position:relative;perspective:1000px}model-viewer{width:100%;height:100%;--poster-color: transparent}.mural-section{padding:6rem 0;background-color:#111;position:relative;overflow:hidden}.mural-section .container{text-align:center;margin-bottom:3rem}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.section-subtitle{color:#888;font-size:1.1rem}.features{padding:6rem 0;position:relative}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.feature-card{background:#ffffff05;padding:2.5rem;border-radius:20px;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .4s cubic-bezier(.4,0,.2,1);cursor:default;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;inset:0;border-radius:20px;padding:1px;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.1) 50%,transparent 60%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease}.feature-card:hover:before{opacity:1}.feature-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.03) 0%,transparent 50%);opacity:0;transition:opacity .4s ease;pointer-events:none}.feature-card:hover:after{opacity:1}.feature-card h3{font-family:var(--font-display);font-size:1.8rem;margin-bottom:1rem;font-weight:400;position:relative;z-index:1}.feature-card p{color:#999;font-size:1rem;line-height:1.7;position:relative;z-index:1}.feature-card:hover{transform:translateY(-8px) scale(1.02);background:#ffffff0a}.card-yellow{border-color:#e8b93126}.card-yellow:hover{border-color:var(--accent-yellow);box-shadow:0 20px 50px #e8b93133,0 0 80px #e8b9311a,inset 0 0 30px #e8b93108}.card-yellow:before{background:linear-gradient(135deg,transparent 30%,var(--accent-yellow) 50%,transparent 70%)}.card-orange{border-color:#e16a2f26}.card-orange:hover{border-color:var(--accent-orange);box-shadow:0 20px 50px #e16a2f33,0 0 80px #e16a2f1a,inset 0 0 30px #e16a2f08}.card-orange:before{background:linear-gradient(135deg,transparent 30%,var(--accent-orange) 50%,transparent 70%)}.card-red{border-color:#c4202126}.card-red:hover{border-color:var(--accent-red);box-shadow:0 20px 50px #c4202133,0 0 80px #c420211a,inset 0 0 30px #c4202108}.card-red:before{background:linear-gradient(135deg,transparent 30%,var(--accent-red) 50%,transparent 70%)}.video-showcase{padding:2rem}.iphone-device-frame{position:relative;width:100%;max-width:700px;margin:0 auto;aspect-ratio:auto}.device-video{position:absolute;top:0;left:14px;width:97%;height:97%;object-fit:contain;border-radius:80px;z-index:1}.device-frame-image{position:relative;width:100%;height:auto;z-index:2;pointer-events:none}@media(max-width:768px){.iphone-device-frame{max-width:95%}.device-video{position:absolute;top:0;left:10px;width:96%;height:97%;border-radius:42px;object-fit:contain}}@media(max-width:480px){.device-video{position:absolute;top:0;left:6px;width:96%;height:95%;object-fit:contain;border-radius:28px}}.app-anatomy{padding:4rem 0 8rem}.anatomy-grid{display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap}.anatomy-image{width:320px;filter:drop-shadow(0 0 40px rgba(255,255,255,.05));border-radius:24px;overflow:hidden;border:4px solid #222}.anatomy-image.landscape{width:700px;max-width:100%}.ui-screenshot{width:100%;display:block}.anatomy-labels{display:flex;flex-direction:column;gap:4rem;flex:1;min-width:200px}.anatomy-labels.left{align-items:flex-end;text-align:right}.anatomy-labels.right{align-items:flex-start;text-align:left}.label-item{display:flex;align-items:center;gap:1rem;font-weight:600;font-size:1.1rem;font-family:var(--font-display);letter-spacing:1px}.label-line{width:60px;height:2px;background:#444}@media(max-width:768px){.anatomy-grid{flex-direction:column}.anatomy-labels{width:100%;flex-direction:row;justify-content:space-around;text-align:center!important;align-items:center!important;gap:1rem}.label-line{display:none}}.nostalgia-quote{padding:6rem 0;position:relative;background:linear-gradient(to bottom,#0a0a0a,#12100f,#0a0a0a);text-align:center;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.nostalgia-quote .container{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.film-strip-border{height:30px;width:100%;flex-shrink:0;background:repeating-linear-gradient(90deg,#1a1a1a 0px 20px,#0a0a0a 20px 25px,#222 25px 45px,#0a0a0a 45px 50px);border-top:2px solid #333;border-bottom:2px solid #333}.quote-text{font-family:var(--font-display);font-size:3rem;color:#fff;line-height:1.4;margin:2rem auto 1rem;max-width:800px;text-align:center;background:linear-gradient(135deg,var(--accent-yellow),var(--accent-orange),var(--accent-red));-webkit-background-clip:text;background-clip:text;color:transparent}.quote-author{color:#666;font-size:1.1rem;font-style:italic;margin-bottom:2rem}.how-it-works{padding:6rem 0;position:relative}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.step-card{text-align:center;padding:3rem 2rem;background:#ffffff05;border-radius:24px;border:1px solid rgba(255,255,255,.08);transition:all .4s ease}.step-card:hover{transform:translateY(-8px);background:#ffffff0a;border-color:var(--accent-orange);box-shadow:0 20px 40px #e16a2f26}.step-icon{font-size:4rem;margin-bottom:1.5rem;display:block}.step-title{font-size:1.5rem;color:var(--accent-yellow);margin-bottom:1rem}.step-desc{color:#888;font-size:1rem;line-height:1.6}.testimonials{padding:6rem 0;position:relative}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.testimonial-card{background:#ffffff05;border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,.08);transition:all .4s ease}.testimonial-card:hover{background:#ffffff0a;border-color:var(--accent-yellow);box-shadow:0 15px 30px #e8b9311a}.stars{color:var(--accent-yellow);font-size:1.2rem;margin-bottom:1rem;letter-spacing:2px}.testimonial-text{color:#ccc;font-size:1rem;line-height:1.7;margin-bottom:1.5rem;font-style:italic}.testimonial-author{color:#666;font-size:.9rem}.final-cta{padding:8rem 0;position:relative;background:linear-gradient(135deg,#e8b93114,#e16a2f14,#c4202114);text-align:center;overflow:hidden}.final-cta:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:300px;height:2px;background:linear-gradient(90deg,transparent,var(--accent-orange),transparent)}.cta-title{font-size:3rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,var(--accent-yellow),var(--accent-orange));-webkit-background-clip:text;background-clip:text;color:transparent}.cta-subtitle{color:#888;font-size:1.2rem;margin-bottom:2.5rem}.cta-button{font-size:1.1rem;padding:1.2rem 2.5rem}footer{padding:4rem 0;background:#050505;border-top:1px solid #1a1a1a}.footer-content{display:flex;flex-direction:column;align-items:center;gap:2rem}.footer-links{display:flex;gap:3rem}.footer-links a{color:#666;font-size:.95rem;transition:color .2s}.footer-links a:hover{color:#fff}.copyright{color:#444;font-size:.85rem}@media(max-width:768px){.hero-content{grid-template-columns:1fr;text-align:center;gap:2rem}.hero h1{font-size:2.5rem}.hero p{margin-left:auto;margin-right:auto}.usdz-container{height:400px}}.page-content{padding:8rem 0 4rem}.prose{max-width:700px;margin:0 auto}.prose h1{font-size:3rem;font-weight:800;letter-spacing:-.02em;margin-bottom:1rem}.prose h2{font-size:1.8rem;font-weight:700;margin-top:3rem;margin-bottom:1rem;color:#fff}.prose p{color:#aaa;margin-bottom:1.5rem;font-size:1.05rem}.prose ul{margin-bottom:1.5rem;padding-left:1.2rem;color:#aaa}.prose li{margin-bottom:.5rem}model-viewer{animation:float-model 6s ease-in-out infinite;transition:transform .3s ease-out}@keyframes float-model{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}nav a{position:relative;padding-bottom:4px}nav a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--accent-yellow),var(--accent-orange),var(--accent-red));transition:width .3s ease}nav a:hover:after{width:100%}.logo{transition:text-shadow .3s ease}.logo:hover{text-shadow:0 0 20px rgba(232,185,49,.5)}.features:before,.video-showcase:before,.app-anatomy:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:200px;height:1px;background:linear-gradient(90deg,transparent,var(--accent-orange),transparent)}.video-wrapper{transition:box-shadow .4s ease,transform .4s ease}.video-wrapper:hover{transform:scale(1.02);box-shadow:0 30px 80px #0009,0 0 60px #e16a2f26}@media(max-width:768px){header{padding:1rem}.logo{font-size:1.5rem}nav ul{gap:1rem}nav a{font-size:.9rem}.hero{min-height:auto;padding:5rem 0 3rem}.hero h1{font-size:2.2rem;line-height:1.1}.hero p{font-size:1rem;margin-bottom:2rem}.hero-orb-1{width:200px;height:200px;top:5%;left:-5%}.hero-orb-2{width:180px;height:180px;right:-5%}.hero-orb-3{width:150px;height:150px;left:10%}.btn-primary{padding:.9rem 1.5rem;font-size:.9rem}.features{padding:4rem 1.5rem}.features .section-title{padding:0 .5rem}.feature-grid{grid-template-columns:1fr;gap:1.2rem;margin-top:2rem;padding:0}.feature-card{padding:1.5rem 1.2rem;margin:0;border-radius:16px;border-width:1px}.feature-card h3{font-size:1.4rem;margin-bottom:.8rem}.feature-card p{font-size:.95rem;line-height:1.6}.mural-section{padding:2rem 0}.mural-2d-container{width:95%;height:350px;border-width:12px;border-radius:8px;margin:15px auto 40px;box-shadow:inset 0 0 40px #00000080,0 15px 40px #0006}.polaroid-item{padding:5px 5px 22px;border-radius:2px;box-shadow:0 4px 12px #00000059}.polaroid-pin{width:14px;height:14px;top:-3px}.section-title{font-size:1.8rem}.section-subtitle{font-size:1rem}.anatomy-image.landscape{width:100%;max-width:400px}.anatomy-labels{gap:2rem}.label-item{font-size:.9rem}.nostalgia-quote{padding:2rem 0}.quote-text{font-size:1.6rem;padding:0 1rem;margin:1.5rem auto .5rem;line-height:1.3}.quote-author{font-size:.9rem;margin-bottom:1.5rem}.film-strip-border{height:20px}.steps-grid{grid-template-columns:1fr;gap:1.5rem;padding:0 1rem}.step-card{padding:1.5rem 1.2rem}.step-icon{font-size:2.5rem;margin-bottom:1rem}.how-it-works{padding:3rem 1.5rem;margin-top:2rem}.how-it-works .section-title{margin-bottom:.5rem}.how-it-works .section-subtitle{margin-bottom:2rem!important}.testimonials{padding:3rem 1.5rem;margin-top:2rem;margin-bottom:2rem}.testimonials .section-title{margin-bottom:.5rem}.testimonials .section-subtitle{margin-bottom:2rem!important}.testimonials-grid{grid-template-columns:1fr;gap:1rem;padding:0 1rem}.testimonial-card{padding:1.2rem}.testimonial-text{font-size:.95rem;margin-bottom:1rem}.final-cta{padding:3rem 1.5rem}.cta-title{font-size:1.8rem;margin-bottom:.5rem}.cta-subtitle{font-size:.95rem;margin-bottom:1.5rem}.footer-links{flex-wrap:wrap;justify-content:center;gap:1.5rem}.gradient-text-animate{animation-duration:6s}.feature-card:before,.feature-card:after{display:none}.feature-card:hover{transform:translateY(-4px)}}@media(max-width:480px){.container{padding:0 1rem}.hero h1{font-size:1.8rem}.hero p{font-size:.95rem}.usdz-container{height:300px}.mural-2d-container{width:95%;height:280px;border-width:8px;border-radius:6px;margin:10px auto 30px}.polaroid-item{padding:4px 4px 18px;box-shadow:0 3px 10px #0000004d}.polaroid-pin{width:12px;height:12px;top:-3px}.section-title{font-size:1.5rem}.features{padding:3rem 1.2rem}.feature-card{padding:1.3rem 1rem;margin:0}.feature-card h3{font-size:1.2rem}.feature-card p{font-size:.9rem}.video-wrapper{max-width:100%;border-radius:16px}.quote-text{font-size:1.6rem}.step-card{padding:1.5rem 1rem}.step-title{font-size:1.2rem}.step-desc,.testimonial-text{font-size:.9rem}.final-cta{padding:4rem 1rem}.cta-title{font-size:1.6rem}.hero-orb{display:none}#particle-canvas{opacity:.6}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-orb,.btn-glow,model-viewer{animation:none!important}}