@import "https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&display=swap";
.hero{align-items:center;min-height:100vh;padding-top:120px;display:flex;position:relative;overflow:hidden}.hero:before,.hero:after{content:"";pointer-events:none;border-radius:999px;position:absolute}.hero:before{opacity:.92;background:radial-gradient(circle,#d4f1f9eb 0%,#e8e0f5d1 38%,#f5f5f700 72%);width:min(46rem,76vw);height:min(46rem,76vw);top:-14rem;left:-10rem}.hero:after{opacity:.8;background:radial-gradient(circle,#faddd6c2 0%,#faddd600 72%);width:min(32rem,58vw);height:min(32rem,58vw);top:-10rem;right:-8rem}.hero-content{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid;position:relative}.badge{color:var(--accent);border-radius:999px;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;display:inline-block}.hero-title{margin-bottom:1.5rem;font-size:4rem;line-height:1.05}.word-cycler{padding:0 .2rem;display:inline-block}.switching-word{white-space:pre;display:inline-flex}.char-roll{opacity:0;transform-origin:bottom;animation:.6s cubic-bezier(.175,.885,.32,1.275) forwards charWhirl;display:inline-block}@keyframes charWhirl{0%{opacity:0;filter:blur(4px);transform:translateY(20px)rotateX(-90deg)scale(.8)}to{opacity:1;filter:blur();transform:translateY(0)rotateX(0)scale(1)}}.hero-description{color:var(--text-secondary);max-width:90%;margin-bottom:2.5rem;font-size:1.15rem;line-height:1.6}.hero-actions{gap:1rem;margin-bottom:2rem;display:flex}.social-proof p{color:var(--text-secondary);font-size:.9rem}.hero-visual{justify-content:center;align-items:center;width:100%;height:600px;display:flex;position:relative}.visual-glow{background:radial-gradient(circle, var(--brand-sky) 0%, var(--brand-lavender) 40%, transparent 70%);z-index:0;pointer-events:none;width:120%;height:120%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.phones-wrapper{justify-content:center;align-items:center;width:100%;height:600px;display:flex;position:relative}.iphone-mockup{aspect-ratio:430/932;z-index:1;filter:drop-shadow(0 15px 30px #00000026);width:250px;position:absolute}.phone-frame{object-fit:contain;z-index:2;pointer-events:none}.phone-screen-container{z-index:1;background-color:#000;border-radius:32px;position:absolute;inset:3.5% 4.5%;overflow:hidden}.phone-screen{object-fit:cover;width:100%;height:100%;transform:scale(.999)}.phone-1{z-index:2;transform:translate(-80px)translateY(20px)rotate(-8deg)}.phone-2{z-index:1;transform:translate(80px)translateY(-20px)rotate(6deg)}@media (max-width:1024px){.hero-title{font-size:3rem}.hero-content{text-align:center;grid-template-columns:1fr;gap:3rem}.hero-description{max-width:100%;margin:0 auto 2.5rem}.hero-actions{justify-content:center}.phones-wrapper{transform:scale(.8)}}@media (max-width:768px){.hero{display:none}}
.features-header{text-align:center;max-width:600px;margin:0 auto 4rem}.features-header h2{margin-bottom:1rem;font-size:2.5rem}.features-header p{color:var(--text-secondary);font-size:1.1rem}.features-alternating{flex-direction:column;gap:5rem;display:flex}.feature-row{opacity:0;justify-content:space-between;align-items:center;gap:3rem;animation:.8s forwards revealUp;display:flex}.feature-row:nth-child(2n){animation-delay:.2s}.feature-row.image-right{flex-direction:row-reverse}.flex-1{flex:1}.feature-image-container{justify-content:center;align-items:center;display:flex;position:relative}.feature-image-container:after{content:"";bottom:var(--shadow-offset,-10px);z-index:-1;background:radial-gradient(#00000026 0%,#0000 70%);border-radius:50%;width:60%;height:20px;transition:opacity .3s,transform .3s;position:absolute}.feature-large-image{object-fit:contain;filter:drop-shadow(0 10px 15px #0000000d);z-index:1;transition:transform .3s;position:relative}.feature-large-image.flip-horizontal{transform:scaleX(-1)}.feature-image-container:hover .feature-large-image{transform:translateY(-8px)}.feature-image-container:hover .feature-large-image.flip-horizontal{transform:scaleX(-1)translateY(-8px)}.feature-image-container:hover:after{opacity:.6;transform:scale(.9)}.feature-text-container{flex-direction:column;justify-content:center;display:flex}.feature-text-container h3{color:var(--text-primary);margin-bottom:1rem;font-size:2rem}.feature-text-container p{color:var(--text-secondary);font-size:1.1rem;line-height:1.6}@media (max-width:768px){.feature-row,.feature-row.image-right{text-align:center;flex-direction:column;gap:2rem}}@keyframes revealUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
.glp1-inner{grid-template-columns:1fr;align-items:center;gap:3rem;margin:2rem 0;display:grid}@media (min-width:900px){.glp1-inner{grid-template-columns:1fr 1fr;gap:5rem}}.glp1-image-container{justify-content:center;align-items:center;display:flex;position:relative}.glp1-image-container:after{content:"";bottom:var(--shadow-offset,-10px);z-index:-1;background:radial-gradient(#00000026 0%,#0000 70%);border-radius:50%;width:60%;height:20px;transition:opacity .3s,transform .3s;position:absolute}.glp1-image{border-radius:var(--radius-md);object-fit:contain;filter:drop-shadow(0 10px 15px #0000000d);z-index:1;max-width:100%;height:auto;transition:transform .4s;position:relative;transform:perspective(1000px)rotateY(5deg)}.glp1-image:hover{transform:perspective(1000px)rotateY(0)scale(1.02)translateY(-8px)}.glp1-image-container:hover:after{opacity:.6;transform:scale(.9)}.glp1-highlight{color:var(--text-purple)}.glp1-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.5rem;font-size:.85rem;font-weight:700;display:block}.glp1-title{margin-bottom:1rem;font-size:clamp(2rem,3vw,2.5rem);line-height:1.15}.glp1-sub{color:var(--text-secondary);max-width:500px;margin-bottom:2.5rem;font-size:1.1rem;line-height:1.6}.glp1-features{flex-direction:column;gap:1.5rem;display:flex}.glp1-feature{align-items:flex-start;gap:1rem;display:flex}.glp1-icon{border-radius:var(--radius-sm);background:var(--surface);width:48px;height:48px;box-shadow:var(--shadow-sm);color:var(--text-primary);flex-shrink:0;justify-content:center;align-items:center;font-family:Noto Color Emoji,sans-serif;font-size:1.5rem;display:flex}.glp1-feature-text h4{margin-bottom:.25rem;font-size:1.1rem;font-weight:600}.glp1-feature-text p{color:var(--text-secondary);font-size:.95rem;line-height:1.5}
