:root{--sand-50:#fff8f0;--sand-100:#f5e6d0;--sand-200:#e8cfa8;--sand-400:#c9a46c;--sand-600:#a07b3f;--sand-800:#6b4f0e;--rose-50:#fff0ed;--rose-100:#fccec4;--rose-300:#f2968a;--rose-500:#e05a4a;--rose-600:#b83828;--rose-900:#5c1710;--night-50:#f7f5f2;--night-100:#e8e4de;--night-300:#b5afa6;--night-500:#6b645a;--night-800:#3d3830;--night-950:#1a1714}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--night-950);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;overflow-x:hidden}h1,h2,h3,h4,.step-number,.pricing-price{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif}#pointcloud-canvas{z-index:0;width:100vw;height:100vh;position:fixed;top:0;left:0}#sidebar{z-index:10;flex-direction:column;width:160px;height:100vh;padding:2rem 1.5rem;display:flex;position:fixed;top:0;left:0}.logo{color:#fff;letter-spacing:-.01em;align-items:center;gap:.5rem;margin-bottom:3.5rem;font-family:DM Sans,sans-serif;font-size:1.1rem;font-weight:600;text-decoration:none;display:flex}.logo-dots{background-image:radial-gradient(circle, var(--sand-400) 1.5px, transparent 1.5px);background-size:5.5px 5.5px;flex-shrink:0;width:22px;height:22px}.logo-mirage{color:var(--rose-500)}.nav-links{flex-direction:column;gap:.25rem;display:flex}.nav-link{color:var(--night-300);padding:.4rem 0 .4rem 1rem;font-size:.85rem;text-decoration:none;transition:color .25s;display:block;position:relative}.nav-link:before{content:"";background:var(--rose-500);width:0;height:1.5px;transition:width .25s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-link:hover{color:var(--sand-200)}.nav-link.active{color:var(--rose-500)}.nav-link.active:before{width:14px}#content{z-index:1;margin-left:160px;position:relative}.section{align-items:center;min-height:100vh;display:flex;position:relative}.section-inner{opacity:0;width:38%;max-width:480px;padding:3rem 2.5rem;transition:opacity .6s,transform .6s;transform:translateY(30px)}.section-inner.visible,.hero .section-inner{opacity:1;transform:translateY(0)}h1{letter-spacing:-.02em;margin-bottom:1.25rem;font-size:2.8rem;font-weight:700;line-height:1.15}h2{letter-spacing:-.01em;margin-bottom:1rem;font-size:2.2rem;font-weight:600;line-height:1.2}p{font-size:1rem;line-height:1.7}.section p{color:var(--night-300);margin-bottom:.5rem}.subtitle{color:var(--night-500);margin-bottom:2rem;font-size:1.1rem}.cta{color:var(--rose-500);margin-top:1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-block}.cta:hover{opacity:.8}.cta-button{color:var(--rose-50);background:var(--rose-500);border-radius:6px;margin-top:1.5rem;padding:.8rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:background .2s;display:inline-block}.cta-button:hover{background:var(--rose-600)}.problem-list{flex-direction:column;gap:.75rem;margin:1rem 0;list-style:none;display:flex}.problem-list li{color:var(--night-300);align-items:flex-start;gap:.6rem;font-size:.95rem;line-height:1.6;display:flex}.problem-list .ti{color:var(--sand-400);flex-shrink:0;margin-top:.15rem;font-size:1.2rem}.problem-kicker{color:var(--night-500);margin-top:.75rem;font-style:italic}.white-content{background:var(--night-50);color:var(--night-800);z-index:2;position:relative}.content-section{max-width:1100px;margin:0 auto;padding:3.5rem 3rem}.content-heading{color:var(--night-800);margin-bottom:2rem;font-size:2.2rem}.steps-grid{grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}.step-number{color:var(--rose-500);letter-spacing:-.03em;margin-bottom:.5rem;font-size:2.5rem;font-weight:800;display:block}.step h3{color:var(--night-800);margin-bottom:.35rem;font-size:1.1rem;font-weight:600}.step p{color:var(--night-500);font-size:.92rem;line-height:1.6}.viewer-demo{background:var(--night-950);text-align:center;padding:3.5rem 3rem}.viewer-demo-inner{max-width:1100px;margin:0 auto}.viewer-demo h2{color:#fff;margin-bottom:1.5rem}.viewer-placeholder{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;align-items:center;gap:.75rem;padding:4rem 2rem;display:flex}.viewer-placeholder .ti{color:var(--sand-400);opacity:.3;font-size:2.5rem}.viewer-placeholder p{color:var(--night-300);font-size:.9rem}.viewer-caption{color:var(--night-300);max-width:550px;margin-top:1.25rem;margin-left:auto;margin-right:auto;font-size:.9rem}.audience-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.audience-card{background:var(--sand-50);border:1px solid var(--sand-200);border-radius:10px;padding:1.75rem}.audience-card .ti{color:var(--sand-400);margin-bottom:.6rem;font-size:1.6rem;display:block}.audience-card h3{color:var(--night-800);margin-bottom:.4rem;font-size:1.05rem;font-weight:600}.audience-card p{color:var(--night-500);font-size:.9rem;line-height:1.6}.features-bento{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.feature-large,.feature-small{background:var(--sand-50);border:1px solid var(--sand-200);border-radius:10px;padding:1.75rem;transition:border-color .2s}.feature-large:hover,.feature-small:hover{border-color:var(--rose-500)}.feature-large .ti,.feature-small .ti{color:var(--rose-500);margin-bottom:.6rem;font-size:1.5rem;display:block}.feature-large h3,.feature-small h3{color:var(--night-800);margin-bottom:.4rem;font-size:1.05rem;font-weight:600}.feature-large p,.feature-small p{color:var(--night-500);font-size:.9rem;line-height:1.6}.walkthrough-section{background:var(--sand-100);padding:3.5rem 3rem}.walkthrough-inner{grid-template-columns:1fr 1fr;align-items:center;gap:2.5rem;max-width:1100px;margin:0 auto;display:grid}.walkthrough-text h2{color:var(--night-800);margin-bottom:.75rem}.walkthrough-text p{color:var(--night-500);margin-bottom:.5rem;font-size:.92rem}.walkthrough-visual .viewer-placeholder{border-color:var(--sand-200);background:#0000000a}.walkthrough-visual .viewer-placeholder .ti{color:var(--sand-400);opacity:.4}.walkthrough-visual .viewer-placeholder p{color:var(--night-300)}.formats-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:1.25rem;display:grid}.format-card{background:var(--sand-50);border:1px solid var(--sand-200);border-radius:8px;padding:1.25rem}.format-card h3{color:var(--night-800);margin-bottom:.25rem;font-size:1.05rem;font-weight:700}.format-card p{color:var(--night-500);font-size:.88rem;line-height:1.5}.formats-note{color:var(--night-300);margin-bottom:.35rem;font-size:.88rem}.pricing-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}.pricing-card{background:var(--sand-50);border:1px solid var(--sand-200);border-radius:12px;flex-direction:column;padding:1.75rem;display:flex;position:relative}.pricing-popular{border-color:var(--rose-500);box-shadow:0 0 0 1px var(--rose-500)}.pricing-badge{background:var(--rose-500);color:var(--rose-50);white-space:nowrap;border-radius:20px;padding:.2rem .7rem;font-size:.72rem;font-weight:600;position:absolute;top:-.65rem;left:50%;transform:translate(-50%)}.pricing-card h3{color:var(--night-800);margin-bottom:.4rem;font-size:1.15rem;font-weight:600}.pricing-price{color:var(--night-800);letter-spacing:-.02em;margin-bottom:1rem;font-size:2rem;font-weight:800}.pricing-price span{color:var(--night-300);font-size:.85rem;font-weight:400}.pricing-card ul{flex-direction:column;flex-grow:1;gap:.4rem;margin-bottom:1rem;list-style:none;display:flex}.pricing-card li{color:var(--night-500);padding-left:1.1rem;font-size:.88rem;position:relative}.pricing-card li:before{content:"";background:var(--sand-400);border-radius:50%;width:4px;height:4px;position:absolute;top:.5rem;left:0}.pricing-note{color:var(--night-300);font-size:.8rem;font-style:italic}.pricing-contact{color:var(--rose-500);font-size:.92rem;font-weight:600;text-decoration:none;display:inline-block}.pricing-contact:hover{opacity:.7}.comparison-table-wrap{overflow-x:auto}.comparison-table{border-collapse:collapse;width:100%;font-size:.92rem}.comparison-table th,.comparison-table td{text-align:left;border-bottom:1px solid var(--night-100);padding:.85rem 1rem}.comparison-table th{color:var(--night-800);font-weight:600}.comparison-table td{color:var(--night-500)}.comparison-highlight{background:var(--rose-50);color:var(--night-800)}.comparison-table .ti-check{color:#22c55e}.comparison-table .ti-x{color:var(--rose-500)}.faq-list{max-width:750px}.faq-item{border-bottom:1px solid var(--night-100)}.faq-item summary{color:var(--night-800);cursor:pointer;justify-content:space-between;align-items:center;padding:1rem 0;font-size:1rem;font-weight:600;list-style:none;display:flex}.faq-item summary:after{content:"+";color:var(--night-300);font-size:1.2rem;font-weight:400}.faq-item[open] summary:after{content:"−"}.faq-item p{color:var(--night-500);padding-bottom:1rem;font-size:.92rem;line-height:1.7}.cta-band{background:var(--night-950);color:#fff;text-align:center;padding:3.5rem 3rem}.cta-band h2{color:#fff;margin-bottom:.5rem;font-size:2rem}.cta-band p{color:var(--night-300);max-width:480px;margin:0 auto .35rem}.cta-band .cta-button{margin-top:1rem}.cta-fine{color:var(--night-500);margin-top:.75rem;font-size:.8rem}footer{background:var(--night-950);color:#fff;z-index:2;border-top:1px solid #ffffff0f;padding:3rem 3rem 1.5rem;position:relative}.footer-inner{grid-template-columns:1.5fr 1fr 1fr 1.5fr;gap:2rem;max-width:1100px;margin:0 auto;display:grid}.footer-col{flex-direction:column;gap:.35rem;display:flex}.footer-col h4{color:var(--sand-400);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem;font-size:.8rem;font-weight:600}.footer-col-right{text-align:right}.footer-logo{margin-bottom:.75rem}.footer-nav{flex-direction:column;gap:.3rem;display:flex}.footer-nav a{color:var(--night-300);font-size:.82rem;text-decoration:none;transition:color .2s}.footer-nav a:hover{color:#fff}footer p{color:var(--night-500);font-size:.82rem}.footer-bottom{border-top:1px solid #ffffff0f;max-width:1100px;margin:2rem auto 0;padding-top:1rem}.footer-bottom p{color:var(--night-500);font-size:.78rem}@media (width<=1024px){#sidebar{width:130px;padding:1.5rem 1rem}#content{margin-left:130px}.section-inner{width:50%}.steps-grid,.audience-grid{grid-template-columns:repeat(2,1fr)}.features-bento{grid-template-columns:1fr}.pricing-grid{grid-template-columns:repeat(2,1fr)}.walkthrough-inner{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr 1fr}.footer-col-right{text-align:left}}@media (width<=768px){#sidebar{display:none}#content{margin-left:0}.section-inner{width:90%;max-width:none;padding:2rem}h1{font-size:2.2rem}h2,.content-heading{font-size:1.8rem}.content-section{padding:2.5rem 1.5rem}.steps-grid,.audience-grid,.formats-grid,.pricing-grid,.footer-inner{grid-template-columns:1fr}footer{padding:2rem 1.5rem 1rem}}
