:root{--primary: #79542e;--primary-light: #956c44;--primary-dark: #5a3d22;--on-primary: #fff;--secondary: #d4b896;--secondary-container: #f5e6d0;--tertiary: #5c6b4f;--bg: #faf8f4;--surface: #fff;--surface-alt: #f5f3ef;--text: #1c1b18;--text-2: #5a554d;--text-3: #8a8379;--border: #e8e0d6;--border-light: #f0ebe4;--radius: 20px;--radius-lg: 28px;--max-w: 1120px;--font-h: "Epilogue", sans-serif;--font-body: "Manrope", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.7;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}a{color:var(--primary);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-light)}h1,h2,h3,h4{font-family:var(--font-h);line-height:1.12;color:var(--text)}h1{font-size:clamp(2.5rem,5.5vw,3.75rem);font-weight:800;letter-spacing:-.03em}h2{font-size:clamp(1.65rem,3.5vw,2.5rem);font-weight:700;letter-spacing:-.02em}h3{font-size:clamp(1rem,1.6vw,1.15rem);font-weight:600}.container{max-width:var(--max-w);margin:0 auto;padding:0 28px}section{padding:100px 0}.header{position:fixed;top:0;left:0;right:0;z-index:100;background:#faf8f4cc;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid transparent;transition:all .35s ease}.header.scrolled{background:#faf8f4f2;border-bottom-color:var(--border-light);box-shadow:0 1px 16px #79542e0a}.header-inner{display:flex;align-items:center;justify-content:space-between;height:64px;max-width:var(--max-w);margin:0 auto;padding:0 28px}.header-logo{display:flex;align-items:center;gap:10px;font-family:var(--font-h);font-weight:700;font-size:1.15rem;color:var(--text);letter-spacing:-.02em}.header-logo img{width:32px;height:32px;border-radius:9px}.header-nav{display:flex;align-items:center;gap:32px}.header-nav a{color:var(--text-2);font-size:.88rem;font-weight:500}.header-nav a:hover{color:var(--primary)}.btn-header{display:inline-flex;align-items:center;gap:6px;background:var(--primary);color:var(--on-primary);padding:9px 22px;border-radius:100px;font-family:var(--font-body);font-weight:600;font-size:.85rem;border:none;cursor:pointer;transition:all .25s}.btn-header:hover{background:var(--primary-light);transform:translateY(-1px)}.phone-frame{width:260px;height:530px;background:#111;border-radius:38px;border:3px solid #333;box-shadow:0 24px 72px #0000004d,0 0 0 1px #0000004d inset;overflow:hidden;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.phone-notch{position:absolute;top:8px;left:50%;transform:translate(-50%);width:90px;height:24px;background:#000;border-radius:12px;z-index:2}.phone-screen{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:linear-gradient(160deg,#fbf9f5,#f0ebe0,#e8dfd0)}.phone-screen img{width:84px;height:84px;border-radius:20px;box-shadow:0 8px 28px #79542e33}.phone-screen-text{font-family:var(--font-h);font-weight:700;font-size:1rem;color:var(--primary)}.phone-screen-sub{font-size:.78rem;color:var(--text-3)}.phone-sm{width:180px;height:365px;border-radius:28px;border-width:2px;margin:20px auto 24px}.phone-sm .phone-notch{width:68px;height:20px;border-radius:10px}.phone-sm img{width:52px;height:52px;border-radius:13px}.phone-sm .phone-screen-text{font-size:.82rem}.phone-sm .phone-screen-sub{font-size:.68rem}.phone-sm .phone-screen{gap:10px;padding-top:36px}.section-label{color:var(--primary);font-family:var(--font-h);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}.section-title{text-align:center;margin-bottom:16px}.section-subtitle{text-align:center;color:var(--text-2);max-width:460px;margin:0 auto;font-size:1rem;line-height:1.7}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.reveal.revealed{opacity:1;transform:translateY(0)}.reveal-d1{transition-delay:.08s}.reveal-d2{transition-delay:.16s}.reveal-d3{transition-delay:.24s}.stats-header{text-align:center;margin-bottom:40px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:800px;margin:0 auto}.stat-card{text-align:center;padding:28px 16px;background:var(--surface);border:1px solid var(--border);border-radius:14px;transition:border-color .2s ease,box-shadow .2s ease}.stat-card:hover{border-color:var(--secondary);box-shadow:0 4px 20px #79542e0f}.stat-value{display:block;font-family:Epilogue,sans-serif;font-weight:800;font-size:1.75rem;color:var(--primary);letter-spacing:-.02em;margin-bottom:6px}.stat-label{display:block;font-family:Manrope,sans-serif;font-size:.85rem;color:var(--on-surface-secondary);line-height:1.4}@media(max-width:768px){.header-nav{display:none}section{padding:72px 0}.phone-frame{width:220px;height:450px;border-radius:32px}.phone-sm{width:150px;height:305px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stat-value{font-size:1.4rem}}.faq-header{text-align:center;margin-bottom:48px}.faq-list{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.faq-item[open]{border-color:var(--secondary);box-shadow:0 2px 12px #79542e0f}.faq-question{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;font-family:Epilogue,sans-serif;font-weight:600;font-size:15px;color:var(--on-surface);cursor:pointer;list-style:none}.faq-question::-webkit-details-marker{display:none}.faq-question::marker{display:none;content:""}.faq-chevron{flex-shrink:0;transition:transform .25s ease;color:var(--primary)}.faq-item[open] .faq-chevron{transform:rotate(180deg)}.faq-answer{padding:0 24px 20px;font-family:Manrope,sans-serif;font-size:14px;line-height:1.7;color:var(--on-surface-secondary)}.blog-listing{padding-top:120px}.blog-listing-header{margin-bottom:48px}.blog-back{display:inline-flex;align-items:center;gap:6px;color:var(--text-3);font-size:.88rem;font-weight:500;margin-bottom:20px;transition:color .2s}.blog-back:hover{color:var(--primary)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.blog-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:border-color .2s,box-shadow .2s,transform .2s}.blog-card:hover{border-color:var(--secondary);box-shadow:0 8px 32px #79542e14;transform:translateY(-2px)}.blog-card-image{width:100%;height:200px;overflow:hidden}.blog-card-image img{width:100%;height:100%;object-fit:cover}.blog-card-body{padding:24px;flex:1;display:flex;flex-direction:column}.blog-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.blog-tag{display:inline-block;padding:3px 10px;background:var(--secondary-container);color:var(--primary);border-radius:100px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.blog-card-title{font-family:var(--font-h);font-weight:700;font-size:1.1rem;line-height:1.3;color:var(--text);margin-bottom:8px}.blog-card-desc{font-size:.9rem;color:var(--text-2);line-height:1.6;margin-bottom:12px;flex:1}.blog-card-date{font-size:.8rem;color:var(--text-3)}.blog-post{padding-top:120px}.blog-post-header{margin:32px 0 40px}.blog-post-header h1{font-family:var(--font-h);font-weight:800;font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.2;margin-bottom:12px}.blog-post-meta{color:var(--text-3);font-size:.9rem}.blog-post-hero{border-radius:16px;overflow:hidden;margin-bottom:40px;max-width:800px}.blog-post-hero img{width:100%;border-radius:16px}.blog-post-content{max-width:720px;font-size:1.05rem;line-height:1.8;color:var(--text)}.blog-post-content h2{font-family:var(--font-h);font-weight:700;font-size:1.5rem;margin:48px 0 16px;scroll-margin-top:80px}.blog-post-content h3{font-family:var(--font-h);font-weight:600;font-size:1.15rem;margin:32px 0 12px}.blog-post-content p{margin-bottom:20px}.blog-post-content ul,.blog-post-content ol{margin-bottom:20px;padding-left:24px}.blog-post-content li{margin-bottom:8px}.blog-post-content strong{color:var(--primary-dark)}.blog-post-content a{color:var(--primary);text-decoration:underline;text-underline-offset:3px}.blog-post-content blockquote{border-left:3px solid var(--secondary);padding:12px 20px;margin:24px 0;background:var(--surface-alt);border-radius:0 12px 12px 0;color:var(--text-2)}.gallery-header{text-align:center;margin-bottom:48px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:32px;max-width:900px;margin:0 auto}.gallery-item{text-align:center}.gallery-item-title{font-family:var(--font-h);font-weight:700;font-size:1.1rem;margin-bottom:4px}.gallery-item-desc{font-size:.88rem;color:var(--text-2);margin-bottom:16px;line-height:1.5}.gallery-compare{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--border);aspect-ratio:4/3;cursor:ew-resize;user-select:none}.gallery-compare img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.gallery-compare .gallery-after{clip-path:inset(0 0 0 50%)}.gallery-slider-line{position:absolute;top:0;bottom:0;left:50%;width:3px;background:#fff;transform:translate(-50%);z-index:2;pointer-events:none}.gallery-slider-handle{position:absolute;top:50%;left:50%;width:40px;height:40px;background:#fff;border-radius:50%;transform:translate(-50%,-50%);z-index:3;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003;pointer-events:none}.gallery-slider-handle svg{width:20px;height:20px;color:var(--primary)}.gallery-label{position:absolute;bottom:12px;padding:4px 12px;border-radius:100px;background:#00000080;color:#fff;font-size:.75rem;font-weight:600;z-index:2}.gallery-label-before{left:12px}.gallery-label-after{right:12px}@media(max-width:768px){.blog-grid{grid-template-columns:1fr}.blog-post-content{font-size:1rem}.gallery-grid{grid-template-columns:1fr;max-width:100%}}.footer[data-astro-cid-sz7xmlte]{background:var(--text);color:#ffffff73;padding:56px 0 32px}.footer-inner[data-astro-cid-sz7xmlte]{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:48px}.footer-brand[data-astro-cid-sz7xmlte]{max-width:280px}.footer-logo[data-astro-cid-sz7xmlte]{display:flex;align-items:center;gap:10px;font-family:var(--font-h);font-weight:700;font-size:1.15rem;color:#fff;margin-bottom:14px;letter-spacing:-.02em}.footer-logo[data-astro-cid-sz7xmlte] img[data-astro-cid-sz7xmlte]{width:32px;height:32px;border-radius:9px}.footer-brand[data-astro-cid-sz7xmlte] p[data-astro-cid-sz7xmlte]{color:#ffffff59;font-size:.85rem;line-height:1.6}.footer-links[data-astro-cid-sz7xmlte] h4[data-astro-cid-sz7xmlte]{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:#ffffff40;margin-bottom:16px;font-family:var(--font-h);font-weight:600}.footer-links[data-astro-cid-sz7xmlte] ul[data-astro-cid-sz7xmlte]{list-style:none}.footer-links[data-astro-cid-sz7xmlte] li[data-astro-cid-sz7xmlte]{margin-bottom:10px}.footer-links[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{color:#ffffff80;font-size:.88rem;transition:color .2s}.footer-links[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:var(--secondary)}.footer-bottom[data-astro-cid-sz7xmlte]{margin-top:48px;padding-top:24px;border-top:1px solid rgba(255,255,255,.06);text-align:center;color:#fff3;font-size:.78rem}@media(max-width:768px){.footer-inner[data-astro-cid-sz7xmlte]{flex-direction:column;gap:32px}}
