.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px 40px 80px;position:relative}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(232,115,90,.06) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 20% 80%,rgba(123,166,138,.05) 0%,transparent 50%),radial-gradient(ellipse 60% 50% at 80% 80%,rgba(143,175,196,.05) 0%,transparent 50%);pointer-events:none}.badge{display:inline-flex;align-items:center;gap:8px;background:var(--charcoal);color:var(--warm-white);padding:8px 20px;border-radius:50px;font-size:.85rem;font-weight:600;margin-bottom:32px;animation:fadeInUp .8s ease both}.badge:before{content:"";width:8px;height:8px;background:var(--coral-soft);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hero h1{font-family:Fraunces,serif;font-size:clamp(3rem,6vw,5rem);font-weight:500;line-height:1.1;letter-spacing:-2px;color:var(--charcoal);max-width:1100px;margin-bottom:24px;text-wrap:balance;animation:fadeInUp .8s ease .1s both}.hero h1 em{font-style:italic;color:var(--coral);font-weight:400}.hero-sub{font-size:clamp(1.1rem,2vw,1.35rem);color:var(--text-secondary);max-width:580px;line-height:1.7;margin-bottom:28px;animation:fadeInUp .8s ease .2s both}.hero-stack{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:640px;margin-bottom:44px;animation:fadeInUp .8s ease .25s both}.hero-stack-label{font-size:.75rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-secondary)}.hero-stack-list{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;list-style:none;padding:0;margin:0}.hero-stack-list li{background:var(--cream);border:1px solid var(--sand);color:var(--charcoal);padding:6px 14px;border-radius:50px;font-size:.85rem;font-weight:500}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;animation:fadeInUp .8s ease .3s both}.hero-templates{display:inline-block;margin-top:22px;font-size:.95rem;color:var(--text-secondary);text-decoration:none;transition:color .2s ease;animation:fadeInUp .8s ease .35s both}.hero-templates:hover{color:var(--coral)}.hero-credibility{animation:fadeInUp .8s ease .4s both;margin-top:48px;padding-top:32px;border-top:1px solid var(--sand);font-size:.85rem;color:var(--text-secondary);max-width:480px;line-height:1.6}.hero-credibility strong{color:var(--text);font-weight:600}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.use-case-icon svg{width:24px;height:24px;color:var(--text)}.transform-section{padding:0 40px;max-width:980px;margin:0 auto}.transform-card{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:0;border:1px solid var(--sand);border-radius:20px;overflow:hidden;background:var(--warm-white)}.transform-side{display:flex;flex-direction:column;gap:10px;padding:32px}.transform-before{background:var(--cream)}.transform-after{background:var(--sage-soft)}.transform-label{font-size:.72rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-secondary)}.transform-after .transform-label{color:var(--text)}.transform-side p{margin:0;font-size:1.05rem;line-height:1.6;color:var(--text)}.transform-after p{font-weight:500;color:var(--charcoal)}.transform-arrow{display:flex;align-items:center;justify-content:center;padding:0 12px;background:var(--cream);color:var(--coral)}.transform-arrow svg{width:28px;height:28px}@media(max-width:640px){.transform-card{grid-template-columns:1fr}.transform-arrow{padding:10px;background:var(--cream)}.transform-arrow svg{transform:rotate(90deg)}}.magic-section{padding:100px 40px 0;max-width:1100px;margin:0 auto}.magic-lead{max-width:600px;margin:24px 0 0;font-size:1.1rem;line-height:1.7;color:var(--text-secondary)}.story-section{padding:0 40px 100px;max-width:1100px;margin:0 auto}.story-step{display:grid;grid-template-columns:2fr 3fr;gap:48px;align-items:center;padding:48px 0;opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.story-step.visible{opacity:1;transform:translateY(0)}.story-step:nth-child(2n){direction:rtl}.story-step:nth-child(2n)>*{direction:ltr}.story-step-label{font-size:.8rem;text-transform:uppercase;letter-spacing:2px;font-weight:700;margin-bottom:12px}.story-text h3{font-family:Fraunces,serif;font-size:1.5rem;font-weight:500;color:var(--charcoal);margin-bottom:12px;letter-spacing:-.5px}.story-text p{font-size:1rem;color:var(--text-secondary);line-height:1.7}.story-text p+p{margin-top:.85em}.story-image{position:relative;display:inline-block}.story-image:after{content:"";position:absolute;bottom:12px;right:12px;width:28px;height:28px;background:#2a25208c;border-radius:50%;backdrop-filter:blur(4px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23FDF8F4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3Cline x1='11' y1='8' x2='11' y2='14'/%3E%3Cline x1='8' y1='11' x2='14' y2='11'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;pointer-events:none}.story-image img{width:560px;max-width:100%;height:auto;border-radius:12px;box-shadow:0 1px 3px #2a25200a,0 8px 40px #2a252014}.story-closing{text-align:center;padding:80px 0 0;opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.story-closing.visible{opacity:1;transform:translateY(0)}.story-closing h3{font-family:Fraunces,serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:500;color:var(--charcoal);margin-bottom:16px;letter-spacing:-.5px}.story-closing p{font-size:1.1rem;color:var(--text-secondary);line-height:1.7;max-width:560px;margin:0 auto}@media(prefers-reduced-motion:reduce){.story-step,.story-closing{opacity:1;transform:none;transition:none}}.section-label{font-size:.8rem;text-transform:uppercase;letter-spacing:2px;color:var(--coral);font-weight:700;margin-bottom:16px}.magic-section h2,.use-cases h2,.tech-section h2,.pricing-section h2,.faq-section h2,.cta-section h2{font-family:Fraunces,serif;font-size:clamp(2rem,4vw,3rem);font-weight:500;letter-spacing:-1px;color:var(--charcoal);margin-bottom:60px;max-width:600px;line-height:1.2}.walkthrough-teaser{padding:20px 40px 100px;max-width:1100px;margin:0 auto}.wt-card{display:grid;grid-template-columns:1.08fr 1fr;align-items:stretch;background:var(--warm-white);border:1px solid var(--sand);border-radius:24px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 20px 50px -30px #2a252066;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.wt-card:hover{transform:translateY(-3px);box-shadow:0 30px 70px -34px #2a252080;border-color:var(--coral-soft)}.wt-media{background:var(--cream);padding:32px;display:flex;align-items:center}.wt-media img{width:100%;height:auto;border-radius:12px;box-shadow:0 22px 48px -28px #2a25208c;display:block}.wt-text{padding:48px 48px 48px 40px;display:flex;flex-direction:column;justify-content:center}.wt-title{font-family:Fraunces,serif;font-size:clamp(1.6rem,2.6vw,2.1rem);font-weight:500;letter-spacing:-.5px;color:var(--charcoal);margin:0 0 14px;line-height:1.15;max-width:600px}.wt-text p{color:var(--text-secondary);margin:0 0 26px;max-width:42ch}.wt-cta{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;background:var(--charcoal);color:var(--warm-white);padding:12px 26px;border-radius:50px;font-weight:600;font-size:.9rem;transition:background .3s ease,box-shadow .3s ease}.wt-card:hover .wt-cta{background:var(--coral);box-shadow:0 8px 30px #e8735a4d}@media(max-width:760px){.walkthrough-teaser{padding:10px 24px 60px}.wt-card{grid-template-columns:1fr}.wt-media{padding:24px 24px 0}.wt-text{padding:28px 28px 34px}}.use-cases{padding:100px 40px;max-width:1100px;margin:0 auto;overflow:hidden}.use-cases-header h2{margin-bottom:16px}.use-cases-lead{max-width:600px;margin:0 0 56px;font-size:1.05rem;line-height:1.6;color:var(--text-secondary)}.use-case-carousel-wrapper{position:relative;overflow:hidden;overflow-x:clip}.use-case-carousel{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;user-select:none;-webkit-user-select:none;touch-action:pan-y;will-change:transform,opacity;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}.use-case{padding:24px;border-radius:16px;border:1px solid var(--sand);background:#fff;transition:box-shadow .3s ease,transform .3s ease;min-width:0;min-height:280px}.use-case:hover{transform:translateY(-2px);box-shadow:0 8px 30px #2a25200f}.use-case-icon{width:40px;height:40px;border-radius:10px;background:var(--cream);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;margin-bottom:14px}.use-case-icon svg{width:20px;height:20px}.use-case h3{font-family:Fraunces,serif;font-weight:500;font-size:1.05rem;margin-bottom:6px;color:var(--charcoal)}.use-case p{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.carousel-nav{display:flex;justify-content:center;gap:24px;margin-top:28px}.carousel-btn{width:48px;height:48px;border-radius:50%;border:1.5px solid var(--sand);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:var(--text);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.carousel-btn:hover{background:var(--charcoal);color:var(--warm-white);border-color:var(--charcoal)}.carousel-btn:active{transform:scale(.92)}.carousel-btn svg{width:20px;height:20px}.carousel-dots{display:flex;gap:6px;align-items:center}.carousel-dot{width:8px;height:8px;border-radius:50%;background:var(--sand);border:none;padding:0;cursor:pointer;transition:all .2s}.carousel-dot.active{background:var(--coral);width:20px;border-radius:4px}@media(max-width:768px){.carousel-dots{display:none}}.use-case-carousel.animating{transition:transform .35s cubic-bezier(.25,.1,.25,1),opacity .3s ease}.tech-section{padding:80px 40px;background:var(--cream);border-top:1px solid var(--sand);border-bottom:1px solid var(--sand)}.tech-inner{max-width:1100px;margin:0 auto}.tech-section .section-label{color:var(--text-secondary)}.tech-section h2{margin-bottom:40px}.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tech-item{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;border-radius:12px;background:var(--warm-white);border:1px solid var(--sand)}.tech-item svg{width:18px;height:18px;color:var(--sage);flex-shrink:0;margin-top:2px}.tech-item-text{font-size:.85rem;color:var(--text);line-height:1.5}.tech-item-text strong{display:block;font-weight:600;color:var(--charcoal);margin-bottom:2px}.tech-coming-soon{display:inline-block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--coral);background:var(--coral-bg);padding:2px 8px;border-radius:4px;margin-left:6px;vertical-align:middle}.pricing-section{padding:100px 40px;max-width:1000px;margin:0 auto;text-align:center}.pricing-section h2{margin:0 auto 16px;max-width:600px}.pricing-intro{font-size:1.05rem;color:var(--text-secondary);max-width:520px;margin:0 auto 56px;line-height:1.7}.pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;text-align:left;align-items:stretch}.price-card{padding:36px 32px;border-radius:20px;border:1px solid var(--sand);background:#fff;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease}.price-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #2a25200f}.price-card-pro{border-color:var(--coral);box-shadow:0 8px 30px #e8735a1f;position:relative}.price-name{font-family:Fraunces,serif;font-weight:500;font-size:1.4rem;color:var(--charcoal);margin-bottom:4px;letter-spacing:-.3px}.price-for{font-size:.9rem;color:var(--text-secondary);margin-bottom:24px}.price-amount{display:flex;align-items:baseline;gap:6px;margin-bottom:28px}.price-amount .price-value{font-family:Fraunces,serif;font-weight:600;font-size:2.8rem;color:var(--charcoal);letter-spacing:-1px;line-height:1}.price-amount .price-unit{font-size:.9rem;color:var(--text-secondary);font-weight:500}.price-features{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px;flex:1}.price-features li{display:flex;align-items:flex-start;gap:10px;font-size:.92rem;color:var(--text);line-height:1.5}.price-features svg{width:16px;height:16px;color:var(--sage);flex-shrink:0;margin-top:3px}.price-features li.price-feature-head{font-weight:600;color:var(--charcoal)}.price-card .btn-primary,.price-card .btn-secondary{text-align:center;justify-content:center;width:100%}.pricing-note{font-size:.85rem;color:var(--text-secondary);margin-top:32px;line-height:1.6}.faq-section{padding:100px 40px;max-width:900px;margin:0 auto;text-align:center}.faq-section h2{margin:0 auto 40px;max-width:600px}.faq-list{text-align:left;display:flex;flex-direction:column;gap:12px}.faq-item{border:1px solid var(--sand);border-radius:12px;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.faq-item:hover{border-color:var(--coral-soft)}.faq-item[open]{border-color:var(--coral);box-shadow:0 4px 20px #2a25200d}.faq-item summary{padding:20px 24px;cursor:pointer;font-family:Fraunces,serif;font-weight:500;font-size:1.1rem;color:var(--charcoal);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--coral);font-size:1.5rem;font-weight:300;transition:transform .2s ease;flex-shrink:0;line-height:1}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-answer{padding:0 24px 20px;color:var(--text-secondary);font-size:.95rem;line-height:1.7}.faq-answer p{margin:0}.faq-answer a{color:var(--coral);text-decoration:none;font-weight:500}.faq-answer a:hover{text-decoration:underline}.cta-section{padding:120px 40px;text-align:center;position:relative}.cta-section:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 50%,rgba(232,115,90,.06) 0%,transparent 70%);pointer-events:none}.cta-section h2{max-width:700px;margin:0 auto 20px}.cta-sub{font-size:1.1rem;color:var(--text-secondary);margin-bottom:40px;max-width:480px;margin-left:auto;margin-right:auto;line-height:1.7}.cta-actions{display:flex;gap:16px;justify-content:center}.meaning{display:inline-block;margin-top:4px;font-size:.75rem;color:var(--text-secondary);font-style:italic}.story-image img{cursor:zoom-in;transition:box-shadow .3s ease,transform .3s ease}.story-image img:hover{transform:translateY(-2px);box-shadow:0 1px 3px #2a25200f,0 16px 56px #2a252024}@media(max-width:768px){.hero{padding:120px 24px 60px}.magic-section{padding:60px 24px 0}.story-section{padding:0 24px 60px}.story-step{grid-template-columns:1fr;gap:24px;padding:32px 0}.story-step:nth-child(2n){direction:ltr}.story-image{text-align:center}.story-closing{padding:48px 0 0}.use-cases{padding:60px 24px}.use-case-carousel{grid-template-columns:1fr;gap:12px}.tech-section{padding:60px 24px}.tech-grid{grid-template-columns:1fr}.pricing-section{padding:60px 24px}.pricing-grid{grid-template-columns:1fr;gap:16px}.faq-section{padding:60px 24px}.faq-item summary{padding:16px 20px;font-size:1rem}.faq-answer{padding:0 20px 16px}.cta-section{padding:80px 24px}.cta-actions{flex-direction:column;align-items:stretch;max-width:300px;margin-left:auto;margin-right:auto}.cta-actions a{text-align:center;justify-content:center}footer{padding-bottom:110px}}.snapps-band{max-width:1160px;margin:120px auto;padding:88px 56px;text-align:center;background:var(--cream);border-radius:32px}.snapps-band h2{font-family:Fraunces,serif;font-size:clamp(2rem,4vw,3rem);font-weight:500;letter-spacing:-1px;color:var(--charcoal);margin:0 0 16px}.snapps-band-lead{font-size:1.1rem;line-height:1.7;color:var(--text-secondary);max-width:600px;margin:0 auto 48px}.snapps-band-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:36px}@media(max-width:520px){.snapps-band-grid{grid-template-columns:1fr}}.snapps-band-all{display:inline-block;color:var(--coral);font-weight:600}@media(max-width:768px){.snapps-band{margin:80px auto;padding:56px 24px}}
