body{background-color:var(--color-bg);overflow-x:hidden}.book-container[data-astro-cid-j7pv25f6]{position:fixed;inset:80px 0 0;perspective:2000px;display:flex;justify-content:center;pointer-events:none}.book-page[data-astro-cid-j7pv25f6]{position:absolute;top:0;width:100%;max-width:1400px;height:100%;transform-origin:top center;transform-style:preserve-3d;transition:transform .1s linear,opacity .1s linear;background-color:var(--color-bg);pointer-events:auto;will-change:transform,opacity;box-shadow:0 -1px 1px #00000005,0 10px 30px #0000000d}.page-content[data-astro-cid-j7pv25f6]{height:100%;overflow-y:auto;background-color:var(--color-bg);background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E")}.page-shadow[data-astro-cid-j7pv25f6]{position:absolute;top:0;left:0;right:0;height:100px;background:linear-gradient(to bottom,rgba(0,0,0,.05),transparent);opacity:0;transition:opacity .3s;pointer-events:none}.hero-section{min-height:90vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:2rem}.hero-content-wrapper{max-width:800px;text-align:center;z-index:2;perspective:2000px}.hero-content-wrapper.folded{opacity:0}.hero-content-wrapper.unfolded{opacity:1}.hero-content{transform-style:preserve-3d}.fold-line{display:block;opacity:0;transform:rotateX(-90deg);transform-origin:top center;transition:all .8s cubic-bezier(.34,1.56,.64,1)}.unfolded .fold-line{opacity:1;transform:rotateX(0)}.fold-line-1{transition-delay:.1s}.fold-line-2{transition-delay:.3s}.fold-line-3{transition-delay:.5s}.fold-line-4{transition-delay:.7s}.hero-title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;line-height:1.3;margin-bottom:1.5rem;color:var(--color-text-main)}.gradient-text{background:linear-gradient(135deg,#333,#666);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:clamp(1rem,2vw,1.25rem);color:var(--color-text-muted);margin-bottom:2.5rem;line-height:1.6}.hero-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-large{padding:1rem 2rem;font-size:1.1rem;display:inline-flex;align-items:center;gap:.5rem}.btn-secondary{background-color:transparent;border:2px solid var(--color-border)}.btn-secondary:hover{background-color:var(--color-surface);border-color:var(--color-text-main)}.btn-fold{position:relative;overflow:visible}.btn-content{display:inline-flex;align-items:center;gap:.5rem}.btn-corner-fold{position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 20px 20px 0;border-color:transparent rgba(0,0,0,.1) transparent transparent;transition:all var(--transition-fast);pointer-events:none}.btn-fold:hover .btn-corner-fold{border-width:0 28px 28px 0;border-color:transparent rgba(0,0,0,.15) transparent transparent}.btn-primary .btn-corner-fold{border-color:transparent rgba(255,255,255,.2) transparent transparent}.btn-primary:hover .btn-corner-fold{border-color:transparent rgba(255,255,255,.3) transparent transparent}.hero-visual{position:absolute;inset:0;pointer-events:none;z-index:1}.floating-paper{position:absolute;background:linear-gradient(135deg,#fffffff2,#f5f5f5cc);border:1px solid rgba(0,0,0,.08);box-shadow:0 10px 30px #0000001a,0 1px 8px #0000000f;backdrop-filter:blur(10px);border-radius:4px;overflow:hidden}.paper-fold-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.1) 20%,rgba(0,0,0,.15) 50%,rgba(0,0,0,.1) 80%,transparent 100%);transform:translate(-50%);box-shadow:-1px 0 2px #ffffff80,1px 0 2px #0000001a}.paper-1{width:220px;height:300px;top:10%;left:5%;animation:float1 8s ease-in-out infinite}.paper-2{width:180px;height:240px;top:55%;right:8%;animation:float2 10s ease-in-out infinite}.paper-3{width:200px;height:270px;bottom:12%;left:12%;animation:float3 9s ease-in-out infinite}@keyframes float1{0%,to{transform:translate(0) rotate(-12deg) scale(1)}33%{transform:translate(10px,-25px) rotate(-8deg) scale(1.05)}66%{transform:translate(-8px,-15px) rotate(-15deg) scale(.98)}}@keyframes float2{0%,to{transform:translate(0) rotate(18deg) scale(1)}33%{transform:translate(-12px,-30px) rotate(22deg) scale(1.08)}66%{transform:translate(15px,-20px) rotate(15deg) scale(.95)}}@keyframes float3{0%,to{transform:translate(0) rotate(8deg) scale(1)}33%{transform:translate(8px,-20px) rotate(12deg) scale(1.06)}66%{transform:translate(-10px,-28px) rotate(5deg) scale(.97)}}.features-section{padding:6rem 2rem;background-color:var(--color-surface)}.container{max-width:1200px;margin:0 auto}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;text-align:center;margin-bottom:4rem;color:var(--color-text-main)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.feature-card-wrapper{perspective:1000px}.feature-card{padding:2.5rem 2rem;text-align:center;transition:all var(--transition-normal);position:relative;transform-style:preserve-3d}.feature-card.flipped{transform:translateY(-8px) rotateY(5deg);box-shadow:var(--shadow-float)}.feature-card-inner,.feature-card-front{position:relative}.card-fold-corner{position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 30px 30px 0;border-color:transparent rgba(0,0,0,.05) transparent transparent;transition:all var(--transition-normal)}.feature-card.flipped .card-fold-corner{border-width:0 40px 40px 0;border-color:transparent rgba(0,0,0,.08) transparent transparent}.card-center-fold{position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.05) 30%,rgba(0,0,0,.08) 50%,rgba(0,0,0,.05) 70%,transparent 100%);transform:translate(-50%);opacity:0;transition:opacity var(--transition-normal)}.feature-card.flipped .card-center-fold{opacity:1}.feature-icon{font-size:3rem;margin-bottom:1.5rem}.feature-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--color-text-main)}.feature-description{color:var(--color-text-muted);line-height:1.6}.how-it-works-section{padding:6rem 2rem;background-color:var(--color-bg)}.steps-container{display:flex;flex-direction:column;gap:3rem;max-width:900px;margin:0 auto 4rem}.step-item{display:flex;align-items:center;gap:2rem;position:relative}.step-number{font-size:4rem;font-weight:700;color:var(--color-border);line-height:1;min-width:100px}.step-content{flex:1}.step-title{font-size:1.75rem;font-weight:600;margin-bottom:.5rem;color:var(--color-text-main)}.step-description{color:var(--color-text-muted);line-height:1.6;font-size:1.1rem}.step-connector{display:none}.cta-bottom{text-align:center}@media(max-width:768px){.hero-section{min-height:80vh}.floating-paper{opacity:.3}.features-section,.how-it-works-section{padding:4rem 1.5rem}.step-item{flex-direction:column;text-align:center}.step-number{min-width:auto}}@media(min-width:769px){.steps-container{gap:2rem}.step-connector{display:block;position:absolute;left:50%;bottom:-2.5rem;transform:translate(-50%)}}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;background-color:#fffc;backdrop-filter:blur(10px);border-bottom:1px solid transparent;transition:all var(--transition-normal)}.navbar.scrolled{background-color:#fffffff2;border-bottom-color:var(--color-border);box-shadow:var(--shadow-sm)}.nav-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--color-text-main);font-weight:700;font-size:1.25rem;transition:transform var(--transition-fast)}.nav-logo:hover{transform:scale(1.05)}.logo-icon{font-size:1.5rem}.nav-links{display:flex;align-items:center;gap:2rem}.nav-link{text-decoration:none;color:var(--color-text-muted);font-weight:500;transition:color var(--transition-fast);position:relative}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:var(--color-text-main);transition:width var(--transition-fast)}.nav-link:hover{color:var(--color-text-main)}.nav-link:hover:after{width:100%}.nav-link-primary{background-color:var(--color-text-main);color:var(--color-bg);padding:.5rem 1.25rem;border-radius:6px;transition:all var(--transition-fast)}.nav-link-primary:after{display:none}.nav-link-primary:hover{background-color:#000;transform:translateY(-2px);box-shadow:var(--shadow-md)}.footer{background-color:var(--color-surface);border-top:1px solid var(--color-border);padding:4rem 2rem 2rem}.footer-container{max-width:1200px;margin:0 auto}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}.footer-brand{max-width:300px}.footer-logo{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.25rem;margin-bottom:1rem;color:var(--color-text-main)}.footer-tagline{color:var(--color-text-muted);line-height:1.6;font-size:.95rem}.footer-title{font-weight:600;margin-bottom:1rem;color:var(--color-text-main)}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.footer-link{text-decoration:none;color:var(--color-text-muted);transition:color var(--transition-fast);font-size:.95rem}.footer-link:hover{color:var(--color-text-main)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:2rem;border-top:1px solid var(--color-border)}.footer-copyright{color:var(--color-text-muted);font-size:.9rem}.footer-social{display:flex;gap:1rem}.social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-muted);transition:all var(--transition-fast)}.social-link:hover{background-color:var(--color-text-main);color:var(--color-bg);border-color:var(--color-text-main);transform:translateY(-2px)}@media(max-width:768px){.nav-container{padding:1rem 1.5rem}.nav-links{gap:1rem}.nav-link{font-size:.9rem}.floating-paper{opacity:.4}.footer-grid{grid-template-columns:1fr;gap:2rem}.footer-brand{max-width:100%}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}}.hero-section,.features-section,.how-it-works-section{min-height:auto;height:100%;padding-top:2rem;padding-bottom:4rem}.footer{position:relative;z-index:10;background-color:var(--color-surface)}.scroll-spacer[data-astro-cid-j7pv25f6]{width:100%;pointer-events:none}