:root{--color-bg: #FAF9F6;--color-bg-alt: #F2EFE9;--color-text: #2C2C2C;--color-text-light: #5A5A5A;--color-accent: #D4A373;--color-accent-hover: #C59363;--font-heading: "Playfair Display", serif;--font-body: "Inter", sans-serif;--border-radius: 12px;--border-radius-lg: 24px;--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .05), 0 4px 6px -2px rgba(0, 0, 0, .03);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .05), 0 10px 10px -5px rgba(0, 0, 0, .02);--transition-smooth: all .4s cubic-bezier(.16, 1, .3, 1);--theme-bg: #161210;--theme-surface: rgba(45, 37, 34, .6);--theme-blush: #F4EAE6;--theme-gold: #CBB18A;--theme-glow: rgba(240, 199, 185, .15);--font-serif: "Cormorant Garamond", Georgia, serif;--font-sans: "DM Sans", Inter, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:400;line-height:1.2;color:var(--color-text)}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto;display:block}.text-center{text-align:center}.mb-4{margin-bottom:2rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.bg-light{background-color:var(--color-bg-alt)}.overflow-hidden{overflow:hidden}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.container-sm{max-width:800px}.section-padding{padding:6rem 0}@media(max-width:768px){.section-padding{padding:4rem 0}}.section-title{font-size:2.5rem;margin-bottom:3rem}.section-caption{font-family:var(--font-heading);font-style:italic;font-size:1.25rem;color:var(--color-text-light);margin-top:3rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;border-radius:50px;font-weight:500;letter-spacing:.5px;text-transform:uppercase;font-size:.875rem;transition:var(--transition-smooth);cursor:pointer;border:none}.btn-primary{background-color:var(--color-text);color:var(--color-bg)}.btn-primary:hover{background-color:var(--color-accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-lg{padding:1.25rem 3rem;font-size:1rem}.hero{padding-top:8rem;padding-bottom:4rem;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.pre-headline{font-size:.75rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--color-text-light);margin-bottom:1.5rem}.hero .headline{font-size:clamp(3rem,5vw,5rem);margin-bottom:1.5rem}.hero .sub-headline{font-size:1.25rem;max-width:600px;margin:0 auto 2.5rem;color:var(--color-text-light)}.hero-visual{margin-top:5rem;perspective:1000px}.browser-mockup{background:#fff;border-radius:var(--border-radius);border:1px solid rgba(0,0,0,.05);box-shadow:var(--shadow-lg);overflow:hidden;max-width:900px;margin:0 auto;transform:rotateX(5deg) scale(.95);transition:var(--transition-smooth)}.browser-mockup.in-view{transform:rotateX(0) scale(1)}.browser-header{height:30px;background:#f1f1f1;display:flex;align-items:center;padding:.5rem 1rem;border-bottom:1px solid rgba(0,0,0,.05)}.dot{width:10px;height:10px;border-radius:50%;margin-right:6px}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.hero-visual .browser-mockup{aspect-ratio:4/3;display:flex;flex-direction:column}.ba-slider-container{position:relative;width:100%;height:100%;flex:1;overflow:hidden}.img-after,.img-before{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top}.img-before{clip-path:polygon(0 0,50% 0,50% 100%,0 100%)}.ba-slider-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:10;margin:0}.ba-slider-line{position:absolute;top:0;bottom:0;width:2px;background:#fff;left:50%;transform:translate(-50%);pointer-events:none;z-index:5;box-shadow:0 0 10px #0000004d}.ba-slider-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#2c2c2c;box-shadow:0 2px 10px #0000004d;font-size:1.2rem}.hero-visual:hover .auto-scroll-img{object-position:bottom}.grid-3-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.mapping-card{background:#fff;padding:2rem;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);transition:var(--transition-smooth);position:relative;overflow:hidden}.mapping-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.card-tag{position:absolute;top:1rem;right:1rem;background:var(--color-bg-alt);padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500}.card-img-placeholder,.card-img-wrapper{height:200px;border-radius:8px;margin-bottom:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.notion-bg{background:#f7f5f2;border:1px dashed #D3CEC4}.caption-bg{background:#f0f4f8;border:1px dashed #C3D0DF}.card-img-placeholder i{font-size:3rem;margin-bottom:1rem;color:var(--color-text-light)}.card-img-placeholder span{font-weight:500;font-size:1.1rem}.card-img-placeholder small{color:var(--color-text-light);margin-top:.25rem}.card-img{width:100%;height:100%;object-fit:cover}.mapping-card h3{font-size:1.25rem;margin-bottom:.5rem}.mapping-card p{color:var(--color-text-light);font-size:.9rem}.tour-layout{display:flex;flex-direction:column;gap:2rem}.tour-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem}.tab-btn{background:transparent;border:1px solid rgba(0,0,0,.1);padding:.75rem 1.5rem;border-radius:30px;font-family:var(--font-body);font-size:.9rem;cursor:pointer;transition:var(--transition-smooth)}.tab-btn.active,.tab-btn:hover{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}.tour-content{margin-top:1rem}.tour-pane{display:none;animation:fadeIn .5s ease-out forwards}.tour-pane.active{display:block}.full-img{width:100%;display:block}.subtle-shadow{box-shadow:var(--shadow-lg)}.placeholder-pane{background:#fff;border-radius:var(--border-radius);height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:var(--shadow-md);text-align:center;padding:2rem}.placeholder-pane i{font-size:4rem;color:var(--color-accent);margin-bottom:1rem}.placeholder-pane p{font-size:1.25rem;color:var(--color-text-light)}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:1.5rem}.bento-hero{grid-column:span 2;grid-row:span 2;background:var(--color-text);color:var(--color-bg);padding:3rem;border-radius:var(--border-radius-lg);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;box-shadow:var(--shadow-lg)}.bento-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(212,163,115,.15) 0%,transparent 60%);pointer-events:none}.hero-tag{font-size:.75rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--color-accent);margin-bottom:1rem}.bento-hero h3{color:var(--color-bg);font-size:clamp(2rem,3vw,2.8rem);margin-bottom:1.5rem;line-height:1.1}.bento-hero p{color:#faf9f6cc;font-size:1.1rem;max-width:85%;margin-bottom:2rem;line-height:1.6}.bento-hero-visual{display:flex;flex-wrap:wrap;gap:1rem;margin-top:auto}.floating-badge{background:#ffffff1a;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:.75rem 1.25rem;border-radius:50px;font-size:.9rem;display:flex;align-items:center;gap:.5rem;color:var(--color-bg)}.bento-item{background:#fff;padding:2.5rem;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:1.5rem;transition:var(--transition-smooth);border:1px solid rgba(0,0,0,.03)}.bento-item:hover{box-shadow:var(--shadow-md);border-color:#d4a3734d}.bento-item .feature-icon{width:56px;height:56px;background:var(--color-bg-alt);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:var(--color-text);transition:var(--transition-smooth)}.bento-item:hover .feature-icon{background:var(--color-accent);color:var(--color-bg)}.bento-item h3{font-size:1.25rem;font-family:var(--font-body);font-weight:600;margin-bottom:.5rem}.bento-item p{color:var(--color-text-light);font-size:.95rem;line-height:1.5;margin-top:auto}@media(max-width:900px){.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-hero{grid-column:span 2;grid-row:auto;padding:2.5rem}}@media(max-width:600px){.bento-grid{grid-template-columns:1fr}.bento-hero{grid-column:1;padding:2rem}.bento-hero h3{font-size:2rem}}.premium-template-library{position:relative}.marquee-wrapper{overflow:hidden;width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;padding:40px 0;background:linear-gradient(to right,#161210,#16121000 15% 85%,#161210);z-index:1}.marquee{display:flex;gap:24px;animation:scroll 40s linear infinite;width:max-content}.marquee:hover{animation-play-state:paused}.marquee-item{width:280px;height:380px;background-color:var(--theme-surface);border-radius:16px;border:1px solid rgba(203,177,138,.15);overflow:hidden;flex-shrink:0;opacity:.5;transition:all .4s ease;position:relative}.marquee-item:hover{opacity:1;transform:scale(1.02);box-shadow:0 0 30px var(--theme-glow);border-color:var(--theme-gold)}.marquee-item img{width:100%;height:100%;object-fit:cover;filter:grayscale(20%);transition:filter .4s}.marquee-item:hover img{filter:grayscale(0%)}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-2128px)}}.showcase-container{margin-top:60px;background:#2d252266;border-radius:24px;border:1px solid rgba(203,177,138,.15);padding:50px;box-shadow:0 30px 60px #0009;backdrop-filter:blur(10px)}.library-tabs{display:flex;gap:15px;margin-bottom:50px;justify-content:center;flex-wrap:wrap}.lib-tab-btn{background:transparent;color:#f4eae699;border:1px solid rgba(244,234,230,.15);padding:12px 28px;border-radius:30px;font-family:var(--font-sans);font-size:1rem;cursor:pointer;transition:all .3s ease}.lib-tab-btn:hover{border-color:var(--theme-blush);color:var(--theme-blush)}.lib-tab-btn.active{background:var(--theme-gold);color:var(--theme-bg);border-color:var(--theme-gold);font-weight:600;box-shadow:0 0 20px #cbb18a4d}.lib-tab-content{display:none;animation:fadeIn .5s ease forwards}.lib-tab-content.active{display:grid;grid-template-columns:1fr 1.5fr;gap:50px;align-items:center}.tab-text h3{font-size:2.2rem;margin-bottom:15px;color:var(--theme-gold);line-height:1.2;font-family:var(--font-serif)}.tab-text p{color:#f4eae6b3;margin-bottom:30px;font-size:1.1rem;font-family:var(--font-sans)}.tab-features{list-style:none;padding:0;margin:0}.tab-features li{position:relative;padding-left:30px;margin-bottom:12px;color:var(--theme-blush);font-size:1.05rem;font-family:var(--font-sans)}.tab-features li:before{content:"✦";position:absolute;left:0;color:var(--theme-gold);font-size:1.2rem;top:-2px}.tab-visuals{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.preview-card{background:var(--theme-bg);border-radius:16px;overflow:hidden;border:1px solid rgba(203,177,138,.15);transition:transform .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 20px #0000004d}.preview-card:hover{transform:translateY(-8px) scale(1.02);border-color:var(--theme-gold);box-shadow:0 15px 30px #cbb18a33}.preview-card img{width:100%;height:auto;display:block;aspect-ratio:4/5;object-fit:cover}.landscape-preview{aspect-ratio:16/9!important}.square-preview{aspect-ratio:1/1!important}.library-accordion{max-width:900px;margin:0 auto}.lib-accordion-item{border:1px solid rgba(203,177,138,.2);border-radius:12px;margin-bottom:16px;overflow:hidden;background:#2d252266}.lib-accordion-header{width:100%;text-align:left;background:transparent;border:none;padding:24px;font-family:var(--font-sans);font-size:1.15rem;color:var(--theme-blush);font-weight:500;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .3s}.lib-accordion-header:hover{background:#2d2522cc}.lib-accordion-icon{transition:transform .3s ease;color:var(--theme-gold);font-size:1.2rem}.lib-accordion-header.active .lib-accordion-icon{transform:rotate(180deg)}.lib-accordion-content{background:var(--theme-bg);max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(0,1,0,1)}.lib-accordion-body{padding:24px;border-top:1px solid rgba(203,177,138,.2)}.inventory-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.inventory-list li{display:flex;align-items:flex-start;gap:12px;color:#f4eae6b3;font-size:.95rem;font-family:var(--font-sans)}.inventory-list li:before{content:"✓";color:var(--theme-gold);font-weight:700}@media(max-width:900px){.lib-tab-content.active{grid-template-columns:1fr}.showcase-container{padding:30px 20px}}.faq-list{display:flex;flex-direction:column;gap:1rem}.faq-item{background:#fff;border-radius:8px;overflow:hidden;border:1px solid rgba(0,0,0,.05)}.faq-question{padding:1.5rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-family:var(--font-body);font-weight:500}.faq-question h3{font-size:1.1rem;font-family:var(--font-body)}.faq-question i{transition:transform .3s ease}.faq-item.active .faq-question i{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease-out,padding .3s ease;padding:0 1.5rem;background:#fafafa}.faq-item.active .faq-answer{padding:0 1.5rem 1.5rem;max-height:200px}.faq-answer p{color:var(--color-text-light);font-size:.95rem}.cta-section{background:var(--color-text);color:var(--color-bg)}.cta-section .headline{color:var(--color-bg)}.cta-section .btn-primary{background:var(--color-bg);color:var(--color-text)}.cta-section .btn-primary:hover{background:var(--color-accent);color:#fff}.subtext{color:#ffffffb3;font-size:.85rem}.footer{padding:2rem 0;background:var(--color-text);border-top:1px solid rgba(255,255,255,.1);font-size:.85rem;color:#ffffff80}.fade-up{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.fade-up.visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{box-shadow:0 0 #fff6}70%{box-shadow:0 0 0 15px #fff0}to{box-shadow:0 0 #fff0}}.pulse{animation:pulse 2s infinite}