*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #f7f5f2;--color-text: #1c1917;--color-text-light: #5c5650;--color-accent: #2c2825;--color-border: #ddd8d2;--color-surface: #eee9e4;--color-white: #fff;--font-heading: "DM Serif Display", Georgia, serif;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--max-width: 1200px;--header-height: 72px}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);line-height:1.6;-webkit-font-smoothing:antialiased;position:relative}body:after{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 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;background-size:256px 256px}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul{list-style:none}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:400;line-height:1.2}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--color-bg);border-bottom:1px solid var(--color-border);height:var(--header-height)}.header-inner{max-width:var(--max-width);margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;justify-content:space-between}.logo-text{font-family:var(--font-heading);font-size:1.25rem;letter-spacing:.01em}.nav-links{display:flex;gap:32px}.nav-links a{font-size:.85rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;transition:opacity .2s}.nav-links a:hover,.nav-links a.active{opacity:.5}.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:4px}.nav-toggle span{display:block;width:24px;height:2px;background:var(--color-text);margin:5px 0;transition:transform .3s,opacity .3s}.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width:768px){.nav-toggle{display:block}.nav-links{position:fixed;top:var(--header-height);left:0;right:0;background:var(--color-bg);flex-direction:column;align-items:center;gap:0;padding:0;max-height:0;overflow:hidden;transition:max-height .3s ease;border-bottom:1px solid var(--color-border)}.nav-links.open{max-height:300px}.nav-links a{display:block;padding:16px 24px;width:100%;text-align:center;border-top:1px solid var(--color-border)}}main{margin-top:var(--header-height)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}.hero{padding:100px 24px 80px;max-width:800px;margin:0 auto}.hero h1{font-size:3.2rem;margin-bottom:24px;line-height:1.1}.hero p{font-size:1.15rem;color:var(--color-text-light);max-width:540px;line-height:1.7;margin-bottom:40px}.hero-ctas{display:flex;gap:16px;flex-wrap:wrap}.btn{display:inline-block;padding:14px 32px;font-size:.85rem;font-weight:500;font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;border:1.5px solid var(--color-accent);transition:background .2s,color .2s;cursor:pointer}.btn-primary{background:var(--color-accent);color:var(--color-bg)}.btn-primary:hover,.btn-secondary{background:transparent;color:var(--color-accent)}.btn-secondary:hover{background:var(--color-accent);color:var(--color-bg)}.section{max-width:var(--max-width);margin:0 auto;padding:80px 24px}.section-narrow{max-width:800px}.section-alt{background:var(--color-surface)}.section-alt .section{padding:80px 24px}.section h2{font-size:2.2rem;margin-bottom:16px}.section h3{font-size:1.4rem;margin-bottom:12px}.section p{color:var(--color-text-light);line-height:1.7;margin-bottom:24px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:48px}.card{padding:40px 32px;border:1px solid var(--color-border);background:var(--color-bg)}.card h3{font-size:1.3rem;margin-bottom:16px;color:var(--color-text)}.card p{font-size:.95rem;color:var(--color-text-light);line-height:1.7;margin-bottom:0}@media(max-width:900px){.card-grid{grid-template-columns:1fr;gap:24px}}.cta-banner{text-align:center;padding:80px 24px;max-width:600px;margin:0 auto}.cta-banner p{font-family:var(--font-heading);font-size:1.8rem;color:var(--color-text);margin-bottom:32px}.demo-block{margin-bottom:72px}.demo-block:last-child{margin-bottom:0}.demo-block h3{font-size:1.6rem;margin-bottom:8px;color:var(--color-text)}.demo-tags{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.demo-tag{font-size:.7rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-light);border:1px solid var(--color-border);padding:4px 12px}.demo-block>p{max-width:640px}.video-embed{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;background:var(--color-accent);margin-top:24px}.video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#f7f5f280;font-size:.9rem;letter-spacing:.04em}.demo-link{display:inline-block;margin-top:16px;font-size:.85rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid var(--color-border);padding-bottom:2px;transition:border-color .2s}.demo-link:hover{border-color:var(--color-text)}.about-content{max-width:640px}.about-content p{font-size:1.05rem;margin-bottom:28px}.about-content p:last-of-type{margin-bottom:40px}.contact-section{max-width:640px;margin:0 auto;padding:80px 24px}.contact-section h1{font-size:2.4rem;margin-bottom:8px}.contact-section>p{color:var(--color-text-light);margin-bottom:40px;line-height:1.7}.form-group{margin-bottom:24px}.form-group label{display:block;font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;font-size:1rem;font-family:var(--font-body);border:1px solid var(--color-border);background:var(--color-white);color:var(--color-text);border-radius:0;appearance:none;transition:border-color .2s}.form-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%235c5650' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-accent)}.form-group textarea{min-height:140px;resize:vertical}.form-submit{margin-top:32px}.form-submit .btn{width:100%;text-align:center;font-family:var(--font-body)}.form-success{display:none;text-align:center;padding:60px 0}.form-success h2{margin-bottom:12px}.form-success p{color:var(--color-text-light)}.form-success.visible{display:block}.site-footer{background:var(--color-accent);color:var(--color-bg);padding:48px 24px}.footer-inner{max-width:var(--max-width);margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start}.footer-links ul{display:flex;gap:24px}.footer-links a{font-size:.85rem;opacity:.7;transition:opacity .2s;letter-spacing:.04em;text-transform:uppercase}.footer-links a:hover{opacity:1}.footer-copy{font-size:.8rem;opacity:.4}@media(max-width:600px){.footer-inner{flex-direction:column;gap:24px}}@media(max-width:768px){.hero{padding:60px 24px 50px}.hero h1{font-size:2.2rem}.hero p{font-size:1rem}.section{padding:50px 24px}.section h2{font-size:1.7rem}.cta-banner p{font-size:1.4rem}.contact-section h1{font-size:2rem}}