:root{--bg-primary: #06060b;--bg-secondary: #0a0a14;--bg-card: rgba(255, 255, 255, .04);--bg-card-hover: rgba(255, 255, 255, .07);--border-subtle: rgba(255, 255, 255, .08);--border-hover: rgba(123, 138, 248, .35);--text-primary: #e8e8ed;--text-secondary: #8e8e9a;--text-muted: #7a7a8e;--accent: #7b8af8;--accent-soft: #6370e0;--accent-light: #9aa5ff;--aurora-1: #7b8af8;--aurora-2: #06b6d4;--aurora-3: #ec4899;--aurora-4: #a78bfa;--glass-bg: rgba(255, 255, 255, .04);--glass-border: rgba(255, 255, 255, .1);--glass-hover-border: rgba(123, 138, 248, .4);--glass-blur: blur(20px);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .4), 0 1px 0 rgba(255,255,255,.05) inset;--glass-hover-shadow: 0 0 28px rgba(123, 138, 248, .15), 0 16px 48px rgba(0, 0, 0, .45);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--gradient-main: linear-gradient(135deg, #4a54c7 0%, #6370e0 50%, #7b8af8 100%);--gradient-aurora: linear-gradient(135deg, var(--aurora-1) 0%, var(--aurora-2) 50%, var(--aurora-3) 100%);--gradient-subtle: linear-gradient(135deg, rgba(99, 112, 224, .06), rgba(123, 138, 248, .03));--gradient-glow: radial-gradient(ellipse at 50% 0%, rgba(123, 138, 248, .1) 0%, transparent 70%);--font-display: "Playfair Display", "Georgia", serif;--font-body: "Inter", "Helvetica Neue", sans-serif;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quint: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 90% 60% at 15% 30%,rgba(123,138,248,.14) 0%,transparent 55%),radial-gradient(ellipse 70% 50% at 85% 15%,rgba(6,182,212,.09) 0%,transparent 50%),radial-gradient(ellipse 55% 70% at 55% 85%,rgba(236,72,153,.07) 0%,transparent 55%),radial-gradient(ellipse 60% 40% at 70% 50%,rgba(167,139,250,.06) 0%,transparent 50%);animation:aurora-drift 30s ease-in-out infinite alternate;will-change:background-position}@keyframes aurora-drift{0%{background-position:0% 0%,100% 0%,50% 100%,70% 50%;filter:hue-rotate(0deg)}33%{background-position:20% 10%,80% 20%,40% 80%,60% 40%;filter:hue-rotate(15deg)}66%{background-position:-10% 20%,110% -10%,60% 90%,80% 60%;filter:hue-rotate(-10deg)}to{background-position:10% 5%,90% 10%,55% 95%,65% 45%;filter:hue-rotate(20deg)}}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.015;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}a{text-decoration:none;color:inherit}ul{list-style:none}img{max-width:100%;display:block}.reveal{opacity:0;transform:translateY(40px);transition:opacity 1s var(--ease-out-expo),transform 1s var(--ease-out-expo),filter 1s var(--ease-out-expo);filter:blur(4px);will-change:opacity,transform,filter}.reveal.visible{opacity:1;transform:translateY(0);filter:blur(0)}.reveal-delay-1{transition-delay:.08s}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}.reveal-delay-4{transition-delay:.32s}.reveal-delay-5{transition-delay:.4s}.reveal-delay-6{transition-delay:.48s}.reveal-delay-7{transition-delay:.56s}.reveal-delay-8{transition-delay:.64s}.reveal-left{opacity:0;transform:translate(-60px);transition:opacity 1s var(--ease-out-expo),transform 1s var(--ease-out-expo),filter 1s var(--ease-out-expo);filter:blur(4px)}.reveal-right{opacity:0;transform:translate(60px);transition:opacity 1s var(--ease-out-expo),transform 1s var(--ease-out-expo),filter 1s var(--ease-out-expo);filter:blur(4px)}.reveal-scale{opacity:0;transform:scale(.92);transition:opacity 1s var(--ease-out-expo),transform 1s var(--ease-out-expo),filter 1s var(--ease-out-expo);filter:blur(4px)}.reveal-left.visible,.reveal-right.visible,.reveal-scale.visible{opacity:1;transform:translate(0) scale(1);filter:blur(0)}.reveal-clip{overflow:hidden}.reveal-clip>*{transform:translateY(100%);transition:transform .8s var(--ease-out-expo)}.reveal-clip.visible>*{transform:translateY(0)}.stagger-children.visible>*{animation:stagger-fade-in .7s var(--ease-out-expo) both}.stagger-children.visible>*:nth-child(1){animation-delay:.05s}.stagger-children.visible>*:nth-child(2){animation-delay:.1s}.stagger-children.visible>*:nth-child(3){animation-delay:.15s}.stagger-children.visible>*:nth-child(4){animation-delay:.2s}.stagger-children.visible>*:nth-child(5){animation-delay:.25s}.stagger-children.visible>*:nth-child(6){animation-delay:.3s}.stagger-children.visible>*:nth-child(7){animation-delay:.35s}.stagger-children.visible>*:nth-child(8){animation-delay:.4s}@keyframes stagger-fade-in{0%{opacity:0;transform:translateY(24px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:#06060b80;backdrop-filter:blur(24px) saturate(1.6);-webkit-backdrop-filter:blur(24px) saturate(1.6);border-bottom:1px solid rgba(255,255,255,.07);padding:0 1.5rem;height:72px;display:flex;align-items:center;justify-content:space-between;transition:background .4s,border-color .4s,box-shadow .4s}.navbar.scrolled{background:#06060bbf;border-bottom-color:#7b8af81f;box-shadow:0 4px 32px #0000004d}.navbar-logo{font-family:var(--font-display);font-size:1.6rem;font-weight:400;background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.02em;display:flex;align-items:center;gap:.5rem}.navbar-logo-img{width:48px;height:48px;object-fit:contain;-webkit-text-fill-color:initial}.mobile-overlay{display:none;position:fixed;inset:0;z-index:9998;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity .3s ease}.mobile-overlay.active{display:block;opacity:1}.navbar-menu{position:fixed;inset:0;width:100%;z-index:9999;background:#06060beb;backdrop-filter:blur(32px) saturate(1.4);-webkit-backdrop-filter:blur(32px) saturate(1.4);border-left:none;display:flex;flex-direction:column;transform:translate(100%);transition:transform .4s cubic-bezier(.32,.72,0,1);overflow:hidden}.navbar-menu.active{transform:translate(0)}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;height:72px;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.mobile-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff0f;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:1.1rem;cursor:pointer;transition:background .2s}.mobile-close:hover,.mobile-close:active{background:#ffffff1f}.mobile-menu-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:1rem 0}.mobile-menu-footer{padding:1.5rem;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:1rem;flex-shrink:0}.mobile-plan-badge{display:inline-block;align-self:flex-start;padding:4px 12px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full)}.mobile-user-email{font-size:.85rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar-item{position:relative;display:block;padding:1.1rem 1.5rem;font-size:1.1rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:color .2s,background .2s;letter-spacing:.01em}.navbar-item:hover,.navbar-item:active{background:#ffffff0a}.navbar-item.active-link{color:#fff}.navbar-item .dropdown-arrow{display:inline-block;margin-left:6px;font-size:.85rem;font-weight:300;transition:transform .3s cubic-bezier(.32,.72,0,1);color:var(--text-secondary)}.navbar-item.open .dropdown-arrow{transform:rotate(90deg)}.navbar-item-label{display:flex;align-items:center}.dropdown{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;background:#ffffff05;padding:0;max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(.32,.72,0,1),padding .35s cubic-bezier(.32,.72,0,1)}.navbar-item.open .dropdown{max-height:600px;padding:.25rem 0}.dropdown-item{display:block;padding:.75rem 1.5rem .75rem 2.5rem;font-size:1rem;color:var(--text-secondary);transition:background .15s,color .15s}.dropdown-item:hover,.dropdown-item:active{background:#7b8af814;color:var(--accent)}.navbar-cta{display:block;text-align:center;padding:1rem 1.5rem;font-size:.9rem;background:var(--gradient-aurora);color:#fff;font-weight:600;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .35s var(--ease-out-expo);font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;position:relative;overflow:hidden}.navbar-cta:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 50%);opacity:0;transition:opacity .3s}.navbar-cta:hover{transform:translateY(-2px);box-shadow:0 8px 32px #7b8af859}.navbar-cta:hover:after{opacity:1}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px 1.5rem 60px;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 50% -5%,rgba(123,138,248,.09) 0%,transparent 55%),radial-gradient(ellipse 50% 40% at 85% 15%,rgba(167,139,250,.05) 0%,transparent 50%),radial-gradient(ellipse 40% 50% at 15% 55%,rgba(139,156,255,.04) 0%,transparent 50%),linear-gradient(180deg,transparent 0%,rgba(6,6,11,.8) 100%);pointer-events:none}.hero-orb{position:absolute;filter:blur(80px);pointer-events:none;animation:float-orb 20s ease-in-out infinite;will-change:transform;contain:layout style paint}.hero-orb-1{width:700px;height:700px;background:radial-gradient(circle,rgba(123,138,248,.12),rgba(167,139,250,.04),transparent 70%);top:-20%;left:10%;animation-delay:0s}.hero-orb-2{width:550px;height:550px;background:radial-gradient(circle,rgba(6,182,212,.1),rgba(6,182,212,.03),transparent 70%);bottom:0%;right:0%;animation-delay:-8s}.hero-orb-3{width:400px;height:400px;background:radial-gradient(circle,rgba(236,72,153,.08),rgba(236,72,153,.02),transparent 70%);top:30%;left:-10%;animation-delay:-16s}@keyframes float-orb{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-40px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(40px,30px) scale(1.02)}}.hero-photos{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:4px;padding:100px 30px 30px;opacity:.08;pointer-events:none;mask-image:radial-gradient(ellipse 65% 55% at 50% 45%,black 15%,transparent 65%);-webkit-mask-image:radial-gradient(ellipse 65% 55% at 50% 45%,black 15%,transparent 65%);animation:hero-photos-fade 5s ease-out forwards;filter:saturate(.5) contrast(1.1)}@keyframes hero-photos-fade{0%{opacity:0;transform:scale(1.15);filter:saturate(0) contrast(1.1)}to{opacity:.08;transform:scale(1);filter:saturate(.5) contrast(1.1)}}.hero-photo-item{background-size:cover;background-position:center;animation:hero-photo-float 20s ease-in-out infinite alternate;opacity:0;animation:hero-photo-reveal 1.2s ease-out forwards,hero-photo-float 20s ease-in-out 1.2s infinite alternate}.hero-photo-item:nth-child(1){animation-delay:.1s,1.3s}.hero-photo-item:nth-child(2){animation-delay:.2s,1.4s}.hero-photo-item:nth-child(3){animation-delay:.3s,1.5s}.hero-photo-item:nth-child(4){animation-delay:.15s,1.35s}.hero-photo-item:nth-child(5){animation-delay:.35s,1.55s}.hero-photo-item:nth-child(6){animation-delay:.4s,1.6s}.hero-photo-item:nth-child(7){animation-delay:.25s,1.45s}.hero-photo-item:nth-child(8){animation-delay:.5s,1.7s}.hero-photo-item:nth-child(9){animation-delay:.45s,1.65s}.hero-photo-item:nth-child(10){animation-delay:.55s,1.75s}.hero-photo-item:nth-child(11){animation-delay:.6s,1.8s}.hero-photo-item:nth-child(12){animation-delay:.35s,1.55s}.hero-photo-item:nth-child(13){animation-delay:.65s,1.85s}.hero-photo-item:nth-child(14){animation-delay:.7s,1.9s}.hero-photo-item:nth-child(15){animation-delay:.75s,1.95s}@keyframes hero-photo-reveal{0%{opacity:0;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes hero-photo-float{0%{transform:scale(1) translate(0)}33%{transform:scale(1.06) translate(2px,-3px)}66%{transform:scale(1.03) translate(-2px,2px)}to{transform:scale(1.08) translate(1px,-1px)}}.hero-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(3,1fr);gap:8px;padding:100px 40px 40px;opacity:.04;pointer-events:none}.hero-grid-item{background:#ffffff4d}.hero-content{position:relative;z-index:1;max-width:860px;animation:hero-entrance 1.4s var(--ease-out-expo) both}.hero-content:before{content:"";display:block;width:1px;height:60px;background:linear-gradient(to bottom,transparent,var(--accent));margin:0 auto 2.5rem;opacity:.4;animation:hero-entrance 1s var(--ease-out-expo) .1s both}@keyframes hero-entrance{0%{opacity:0;transform:translateY(50px);filter:blur(8px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.hero-badge{display:inline-flex;align-items:center;gap:.6rem;background:#7b8af814;border:1px solid rgba(123,138,248,.2);border-radius:var(--radius-full);padding:.45rem 1.4rem;font-size:.72rem;color:var(--accent-light);margin-bottom:2.5rem;letter-spacing:.08em;font-weight:500;animation:hero-entrance 1.2s var(--ease-out-expo) .1s both;text-transform:uppercase;position:relative;overflow:hidden;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.hero-badge:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(123,138,248,.06),transparent);animation:badge-shimmer 4s ease-in-out 2s infinite;will-change:transform}@keyframes badge-shimmer{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(100%)}}.hero-badge-dot{width:6px;height:6px;background:#22c55e;animation:pulse-dot 2.5s ease-in-out infinite;box-shadow:0 0 8px #22c55e66}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.hero h1{font-family:var(--font-display);font-size:2.6rem;font-weight:400;line-height:1.08;margin-bottom:2rem;letter-spacing:-.02em;animation:hero-entrance 1.2s var(--ease-out-expo) .2s both}.hero h1 .gradient-text{background:linear-gradient(135deg,#9aa5ff,#7b8af8 25%,#06b6d4 55%,#a78bfa 75%,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:300% 300%;animation:gradient-shift 10s ease-in-out infinite;display:inline-block}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-subtitle{font-size:1.05rem;color:var(--text-secondary);max-width:520px;margin:0 auto 3rem;line-height:1.8;font-weight:400;animation:hero-entrance 1.2s var(--ease-out-expo) .3s both;letter-spacing:.01em}.hero-form{display:flex;flex-direction:column;gap:.75rem;max-width:500px;margin:0 auto 1.5rem;animation:hero-entrance 1.2s var(--ease-out-expo) .4s both}.hero-input{flex:1;padding:1rem 1.3rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.95rem;font-family:var(--font-body);outline:none;transition:border-color .4s,box-shadow .4s,background .4s;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hero-input::placeholder{color:var(--text-muted)}.hero-input:focus{border-color:#7b8af873;background:#ffffff12;box-shadow:0 0 0 3px #7b8af81a,0 0 20px #7b8af814}.btn-cta{padding:1rem 2rem;background:var(--gradient-aurora);color:#fff;font-size:.85rem;font-weight:700;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .45s var(--ease-out-expo);white-space:nowrap;font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;display:inline-block;flex-shrink:0;position:relative;overflow:hidden}.btn-cta:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 50%);opacity:0;transition:opacity .3s}.btn-cta:hover{transform:translateY(-3px);box-shadow:0 0 30px #7b8af866,0 16px 48px #0000004d}.btn-cta:hover:before{opacity:1}.hero-counter{font-size:.82rem;color:var(--text-muted);margin-bottom:1.5rem;animation:hero-entrance 1.2s var(--ease-out-expo) .5s both;display:flex;align-items:center;justify-content:center;gap:.5rem}.hero-counter strong{color:var(--accent-light);font-weight:700}.hero-counter:before{content:"";width:8px;height:8px;background:#22c55e;animation:pulse-dot 2s ease-in-out infinite;flex-shrink:0}.hero-divider{display:flex;align-items:center;gap:1rem;max-width:480px;margin:0 auto 1.5rem;color:var(--text-muted);font-size:.8rem}.hero-divider:before,.hero-divider:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.btn-google{display:inline-flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.88rem;font-weight:500;cursor:pointer;transition:all .3s;font-family:var(--font-body)}.btn-google:hover{background:#ffffff14;border-color:#ffffff26;transform:translateY(-1px)}.btn-google svg{width:20px;height:20px}.showcase-section{padding:2rem 0 6rem;overflow:hidden;position:relative}.showcase-section:before,.showcase-section:after{content:"";position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none}.showcase-section:before{left:0;background:linear-gradient(90deg,var(--bg-primary),transparent)}.showcase-section:after{right:0;background:linear-gradient(-90deg,var(--bg-primary),transparent)}.showcase-track{display:flex;gap:1rem;animation:scroll-showcase 40s linear infinite;width:max-content;will-change:transform}.showcase-track:hover{animation-play-state:paused}.showcase-img{width:160px;height:240px;aspect-ratio:220 / 331;object-fit:cover;flex-shrink:0;border-radius:var(--radius-md);transition:all .6s var(--ease-out-expo);filter:brightness(.8) contrast(1.05) saturate(.9)}.showcase-img:hover{transform:scale(1.08) translateY(-10px);box-shadow:0 24px 60px #00000080,0 0 0 1px #7b8af84d,0 0 30px #7b8af826;filter:brightness(1) contrast(1.05) saturate(1);z-index:3}@keyframes scroll-showcase{0%{transform:translate(0)}to{transform:translate(-50%)}}.logos-section{padding:4rem 2rem;text-align:center;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);position:relative;overflow:hidden}.logos-section:before{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(123,138,248,.02),transparent);animation:logos-scan 8s ease-in-out infinite;pointer-events:none;will-change:transform}@keyframes logos-scan{0%{transform:translate(-100%)}50%{transform:translate(300%)}to{transform:translate(300%)}}.logos-label{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.2em;margin-bottom:2rem;font-weight:500}.logos-row{display:flex;align-items:center;justify-content:center;gap:3.5rem;flex-wrap:wrap;opacity:.35;transition:opacity .5s}.logos-row:hover{opacity:.6}.logo-placeholder{width:100px;height:28px;background:#ffffff4d}.logo-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#ffffff80;transition:color .3s}.logo-item:hover{color:#fffc}.logo-item span{font-size:.7rem;font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase}.section{padding:5rem 1.5rem;position:relative}.section-center{text-align:center}.container{max-width:1140px;margin:0 auto}.section-label{display:inline-flex;align-items:center;gap:.75rem;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.25em;color:var(--accent);margin-bottom:1.5rem;position:relative;padding:.4rem 1.2rem;background:#7b8af80f;border:1px solid rgba(123,138,248,.15);border-radius:var(--radius-full);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.section-label:before,.section-label:after{display:none}.section-title{font-family:var(--font-display);font-size:2.2rem;font-weight:400;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-.02em;color:#fff}.section-subtitle{font-size:1.05rem;color:var(--text-secondary);max-width:560px;margin:0 auto 3.5rem;line-height:1.75;font-weight:400}.section-glow{display:none}.steps-grid{display:grid;grid-template-columns:1fr;gap:2rem;position:relative}.step-card{text-align:center;padding:2.5rem 1.5rem;position:relative;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);transition:all .5s var(--ease-out-expo)}.step-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-main);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease-out-expo)}.step-card:hover{border-color:var(--glass-hover-border);transform:translateY(-6px);box-shadow:var(--glass-hover-shadow)}.step-card:hover:before{transform:scaleX(1)}.step-number{width:56px;height:56px;margin:0 auto 1.8rem;background:#7b8af814;border:1.5px solid rgba(123,138,248,.25);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.3rem;font-weight:700;position:relative;color:var(--accent-light);transition:all .4s var(--ease-out-expo);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.step-card:hover .step-number{background:var(--gradient-aurora);border-color:transparent;color:#fff;box-shadow:0 8px 30px #7b8af84d}.step-number:after{display:none}.step-card h3{font-family:var(--font-display);font-size:1.2rem;font-weight:400;margin-bottom:.85rem}.step-card p{font-size:.88rem;color:var(--text-secondary);line-height:1.7}.features-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}.feature-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);padding:2.5rem;transition:all .5s var(--ease-out-expo);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-aurora);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease-out-expo);pointer-events:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.feature-card:after{display:none}.feature-card:hover{border-color:var(--glass-hover-border);transform:translateY(-6px);box-shadow:var(--glass-hover-shadow);background:var(--bg-card-hover)}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{width:52px;height:52px;background:#7b8af814;border:1px solid rgba(123,138,248,.18);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1.4rem;transition:all .4s var(--ease-spring);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.feature-card:hover .feature-icon{transform:scale(1.1);background:#7b8af81a;border-color:#7b8af840;box-shadow:0 4px 20px #7b8af826}.feature-card h3{font-family:var(--font-display);font-size:1.15rem;font-weight:400;margin-bottom:.75rem}.feature-card p{font-size:.88rem;color:var(--text-secondary);line-height:1.65}.packs-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}.pack-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);overflow:hidden;transition:all .5s var(--ease-out-expo);cursor:pointer;position:relative}.pack-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to top,rgba(6,6,11,.95),transparent);pointer-events:none;z-index:1}.pack-card:hover{border-color:var(--glass-hover-border);transform:translateY(-8px);box-shadow:var(--glass-hover-shadow)}.pack-card:hover .pack-info h3{color:var(--accent-light)}.pack-image{height:200px;background:var(--gradient-subtle);background-size:cover;background-position:center;transition:transform .6s var(--ease-out-expo)}.pack-card:hover .pack-image{transform:scale(1.08)}.pack-info{padding:1.1rem 1.2rem;position:relative;z-index:2}.pack-info h3{font-family:var(--font-display);font-size:.95rem;font-weight:400;margin-bottom:.3rem}.pack-info p{font-size:.78rem;color:var(--text-muted)}.tools-grid{display:grid;grid-template-columns:1fr;gap:1rem}.tool-card{display:flex;align-items:center;gap:.85rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);padding:1.1rem 1.3rem;transition:all .4s var(--ease-out-expo);cursor:pointer;position:relative;overflow:hidden}.tool-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--gradient-main);opacity:0;transition:opacity .3s}.tool-card:hover{border-color:var(--glass-hover-border);background:var(--bg-card-hover);transform:translate(4px);box-shadow:var(--glass-hover-shadow)}.tool-card:hover:before{opacity:1}.tool-icon{font-size:1.3rem;flex-shrink:0;transition:transform .4s var(--ease-spring)}.tool-card:hover .tool-icon{transform:scale(1.15)}.tool-card span{font-size:.84rem;font-weight:500;letter-spacing:.01em}.testimonials-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.testimonial-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);border-left:3px solid rgba(123,138,248,.25);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);padding:2.2rem 2.2rem 2.2rem 2.4rem;transition:all .5s var(--ease-out-expo);position:relative}.testimonial-card:before{content:'"';position:absolute;top:.8rem;right:1.5rem;font-family:var(--font-display);font-size:5rem;color:#7b8af80d;line-height:1;pointer-events:none}.testimonial-card:hover{border-color:var(--glass-hover-border);border-left-color:var(--accent);transform:translateY(-6px);box-shadow:var(--glass-hover-shadow)}.testimonial-stars{color:#f5b731;font-size:.85rem;margin-bottom:1rem;letter-spacing:.08em}.testimonial-text{font-size:.92rem;color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:.75rem}.testimonial-avatar{width:44px;height:44px;background:var(--gradient-subtle);border:2px solid rgba(123,138,248,.25);border-radius:50%;object-fit:cover;box-shadow:0 0 12px #7b8af833}.testimonial-name{font-size:.85rem;font-weight:600}.testimonial-role{font-size:.75rem;color:var(--text-muted)}.stats-section{padding:5rem 2rem;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);background:#7b8af805;position:relative}.stats-section:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 100% at 50% 50%,rgba(123,138,248,.03),transparent);pointer-events:none}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:1000px;margin:0 auto;text-align:center;position:relative}.stat-item{padding:2rem 1rem;position:relative;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);transition:all .4s var(--ease-out-expo)}.stat-item:hover{transform:translateY(-4px);border-color:var(--glass-hover-border);box-shadow:var(--glass-hover-shadow)}.stat-item:after{display:none}.stat-number{font-family:var(--font-display);font-size:2.4rem;font-weight:700;color:#fff;margin-bottom:.6rem;line-height:1;letter-spacing:-.02em;text-shadow:0 0 30px rgba(123,138,248,.4)}.stat-label{font-size:.75rem;color:var(--text-muted);letter-spacing:.15em;text-transform:uppercase;font-weight:500}.compare-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.compare-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);padding:1.5rem;transition:all .5s var(--ease-out-expo)}.compare-card:hover{border-color:var(--glass-hover-border);transform:translateY(-6px);box-shadow:var(--glass-hover-shadow)}.compare-images{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1rem}.compare-side{flex:1;min-width:0;position:relative;overflow:hidden}.compare-side img{width:100%;height:220px;object-fit:cover;display:block;border-radius:var(--radius-sm)}.compare-badge{position:absolute;bottom:8px;left:8px;padding:.2rem .6rem;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;border-radius:var(--radius-sm)}.compare-before{background:#ef4444d9;color:#fff}.compare-after{background:#22c55ed9;color:#fff}.compare-arrow{font-size:1.2rem;color:var(--accent);flex-shrink:0}.compare-label{font-size:.82rem;color:var(--text-secondary);text-align:center;font-weight:500}.gallery-masonry{columns:2;column-gap:.8rem}.gallery-item{break-inside:avoid;margin-bottom:.8rem;overflow:hidden;border-radius:var(--radius-md);transition:all .5s var(--ease-out-expo);position:relative}.gallery-item:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(6,6,11,.6),transparent 50%);opacity:0;transition:opacity .4s}.gallery-item:hover{transform:scale(1.03);box-shadow:0 16px 48px #00000080;z-index:2}.gallery-item:hover:after{opacity:1}.gallery-item img{width:100%;height:auto;aspect-ratio:auto;display:block;filter:brightness(.88) contrast(1.05);transition:filter .5s,transform .5s var(--ease-out-expo)}.gallery-item:hover img{filter:brightness(1) contrast(1.05);transform:scale(1.05)}.ideas-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}.idea-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);padding:2rem 1.5rem;text-align:center;transition:all .4s var(--ease-out-expo);position:relative;overflow:hidden}.idea-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(123,138,248,.06),transparent 70%);opacity:0;transition:opacity .4s}.idea-card:hover{border-color:var(--glass-hover-border);transform:translateY(-6px);box-shadow:var(--glass-hover-shadow)}.idea-card:hover:before{opacity:1}.idea-icon{font-size:2rem;display:block;margin-bottom:1rem;transition:transform .4s var(--ease-spring)}.idea-card:hover .idea-icon{transform:scale(1.15) translateY(-2px)}.idea-card h3{font-family:var(--font-display);font-size:.95rem;font-weight:400;margin-bottom:.5rem}.idea-card p{font-size:.8rem;color:var(--text-secondary);line-height:1.6}.faq-list{max-width:700px;margin:0 auto;text-align:left}.faq-item{background:var(--glass-bg);border:1px solid var(--glass-border);border-left:2px solid transparent;border-radius:var(--radius-md);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);margin-bottom:.75rem;overflow:hidden;transition:all .3s var(--ease-out-expo)}.faq-item:hover{border-color:var(--glass-hover-border);border-left-color:#7b8af866;box-shadow:0 4px 16px #7b8af814}.faq-item[open]{border-color:var(--glass-hover-border);border-left-color:var(--accent);box-shadow:var(--glass-hover-shadow);background:#7b8af80a}.faq-question{padding:1.2rem 1.5rem;font-size:.92rem;font-weight:600;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;color:var(--text-primary);transition:color .3s}.faq-question::-webkit-details-marker{display:none}.faq-question:after{content:"+";font-size:1.2rem;color:var(--accent);font-weight:300;transition:transform .3s var(--ease-out-expo)}.faq-item[open] .faq-question:after{transform:rotate(45deg)}.faq-answer{padding:0 1.5rem 1.2rem;font-size:.88rem;color:var(--text-secondary);line-height:1.7;animation:faq-open .3s var(--ease-out-expo)}@keyframes faq-open{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.login-box{background:var(--glass-bg);border:1px solid var(--glass-border);border-top:2px solid var(--accent);border-radius:var(--radius-xl);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);padding:3rem 2.5rem;position:relative}.login-box:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(123,138,248,.04),transparent 60%);pointer-events:none}.login-box .hero-form{max-width:100%;margin-bottom:0;animation:none}.cta-section{padding:8rem 2rem 10rem;text-align:center;position:relative}.cta-box{max-width:800px;margin:0 auto;padding:4rem 3rem;position:relative;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:0 0 60px #7b8af814,var(--glass-shadow)}.cta-box h2{font-family:var(--font-display);font-size:2.4rem;font-weight:400;margin-bottom:1.5rem;position:relative;line-height:1.15}.cta-box h2 em{font-style:normal;background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta-box p{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2.8rem;position:relative;max-width:500px;margin-left:auto;margin-right:auto;line-height:1.7}.cta-box .btn-cta{padding:1.15rem 3rem;font-size:.95rem}.scroll-progress{position:fixed;top:72px;left:0;height:2px;background:var(--gradient-aurora);z-index:999;width:0%;transition:width .1s linear;pointer-events:none;box-shadow:0 0 8px #7b8af866}.footer{border-top:1px solid rgba(255,255,255,.06);padding:4rem 2rem 2rem;background:#0003;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);position:relative}.footer:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60%;height:1px;background:linear-gradient(90deg,transparent,rgba(123,138,248,.3),rgba(6,182,212,.2),transparent)}.footer-inner{max-width:1140px;margin:0 auto;display:flex;flex-direction:column;justify-content:space-between;align-items:start;gap:3rem;flex-wrap:wrap}.footer-brand p{font-size:.82rem;color:var(--text-muted);margin-top:.75rem;max-width:280px;line-height:1.6}.footer-links{display:flex;flex-direction:column;gap:2rem}.footer-col .footer-heading{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--text-secondary);margin-bottom:1.2rem}.footer-col a{display:block;font-size:.82rem;color:var(--text-muted);padding:.3rem 0;transition:color .3s,padding-left .3s}.footer-col a:hover{color:var(--accent);padding-left:.3rem}.footer-bottom{max-width:1140px;margin:2.5rem auto 0;padding-top:2rem;border-top:1px solid var(--border-subtle);text-align:center;font-size:.75rem;color:var(--text-muted)}.mobile-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;background:none;border:none;cursor:pointer;padding:8px;z-index:10001;-webkit-tap-highlight-color:transparent}.hamburger-line{display:block;width:22px;height:2px;background:var(--text-primary);transition:transform .3s cubic-bezier(.32,.72,0,1),opacity .2s ease;transform-origin:center}.mobile-toggle.active .hamburger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.mobile-toggle.active .hamburger-line:nth-child(2){opacity:0}.mobile-toggle.active .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.dashboard{max-width:900px;margin:0 auto;padding:80px 1rem 3rem}.dash-section{margin-bottom:4rem}.dash-title{font-family:var(--font-display);font-size:2rem;font-weight:400;margin-bottom:.5rem}.dash-subtitle{font-size:1rem;color:var(--text-secondary);margin-bottom:2rem}.generate-form{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);padding:2rem}.form-row{margin-bottom:1.25rem}.form-label{display:block;font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem}.form-select,.form-textarea{width:100%;padding:.75rem 1rem;background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.9rem;font-family:var(--font-body);outline:none;transition:border-color .3s,box-shadow .3s;resize:vertical}.form-select option{background:#1a1a1a;color:#fff}.form-select:focus,.form-textarea:focus{border-color:#7b8af866;box-shadow:0 0 0 3px #7b8af80f}.pack-selector{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem}.pack-option{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem .5rem;background:#ffffff08;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .25s ease;font-family:var(--font-body);text-align:center}.pack-option:hover{border-color:var(--border-hover);background:#ffffff0a}.pack-selected{color:var(--text-primary)}.pack-option-icon{font-size:1.3rem}.pack-option-label{font-size:.78rem;font-weight:600}.pack-option-desc{font-size:.65rem;color:var(--text-muted);line-height:1.3}.pack-selected .pack-option-desc{color:var(--text-secondary)}.btn-enhance{margin-top:.5rem;padding:.5rem 1rem;background:#7b8af81f;border:1px solid rgba(123,138,248,.2);border-radius:var(--radius-sm);color:var(--accent);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .3s;font-family:var(--font-body)}.btn-enhance:hover{background:#7b8af833}.btn-enhance:disabled{opacity:.5;cursor:not-allowed}.btn-generate,.btn-tool-run{width:100%;margin-top:.5rem;font-size:1rem}.btn-generate:disabled,.btn-tool-run:disabled{opacity:.6;cursor:not-allowed}.generate-status{margin-top:1rem;padding:.75rem 1rem;font-size:.9rem;font-weight:500}.generate-status{border-radius:var(--radius-sm)}.generate-status.loading{background:#7b8af814;border:1px solid rgba(123,138,248,.2);color:var(--accent)}.generate-status.success{background:#22c55e14;border:1px solid rgba(34,197,94,.2);color:#22c55e}.generate-status.error{background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#ef4444}.generate-result{margin-top:1.5rem;text-align:center}.generate-result img{max-width:100%;margin-bottom:1rem}.btn-download{display:inline-block;padding:.6rem 1.5rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:#22c55e;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .3s}.btn-download:hover{background:#22c55e2e}.skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14,#ffffff0a 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-card{border:1px solid var(--border-subtle);overflow:hidden}.skeleton-image{width:100%;aspect-ratio:1}.skeleton-text{height:14px;margin:.75rem;width:70%}.skeleton-text-short{height:10px;margin:0 .75rem .75rem;width:40%}.error-box{padding:1.5rem;text-align:center;background:#ef44440f;border:1px solid rgba(239,68,68,.15);border-radius:var(--radius-md)}.error-box p{color:#ef4444;font-size:.9rem;margin-bottom:1rem}.error-box button{padding:.5rem 1.5rem;background:transparent;border:1px solid rgba(239,68,68,.3);color:#ef4444;font-size:.85rem;font-weight:600;cursor:pointer;font-family:var(--font-body);transition:all .2s}.error-box button:hover{background:#ef44441a}.lightbox-overlay{position:fixed;inset:0;z-index:10001;background:#000000d9;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1rem;animation:lightbox-fade-in .25s ease}@keyframes lightbox-fade-in{0%{opacity:0}to{opacity:1}}.lightbox-content{position:relative;max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column;background:#0a0a14d9;border:1px solid var(--glass-border);border-radius:var(--radius-xl);backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);overflow:hidden;box-shadow:0 32px 80px #0009}.lightbox-close{position:absolute;top:.5rem;right:.5rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#0009;border:none;color:#fff;font-size:1.5rem;cursor:pointer;z-index:2;transition:background .2s}.lightbox-close:hover{background:#000c}.lightbox-image{width:100%;max-height:60vh;object-fit:contain;background:#000}.lightbox-meta{padding:1.25rem;border-top:1px solid var(--border-subtle)}.gallery-empty{grid-column:1 / -1;text-align:center;color:var(--text-muted);padding:3rem;background:var(--glass-bg);border:1px dashed rgba(255,255,255,.1);border-radius:var(--radius-lg)}.gallery-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);overflow:hidden;transition:all .4s var(--ease-out-expo)}.gallery-card:hover{border-color:var(--glass-hover-border);transform:translateY(-4px);box-shadow:var(--glass-hover-shadow)}.gallery-card img{width:100%;aspect-ratio:1;object-fit:cover}.gallery-info{padding:.75rem}.gallery-prompt{font-size:.8rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tools-page{padding-top:72px}.tools-grid-page{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.tool-card-page{display:block;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);padding:2rem;text-decoration:none;color:inherit;transition:all .4s var(--ease-out-expo)}.tool-card-page:hover{border-color:var(--glass-hover-border);transform:translateY(-6px);box-shadow:var(--glass-hover-shadow)}.tool-icon-large{font-size:2.5rem;display:block;margin-bottom:1rem}.tool-card-page h3{font-family:var(--font-display);font-size:1.1rem;font-weight:400;margin-bottom:.5rem}.tool-card-page p{font-size:.85rem;color:var(--text-secondary);line-height:1.6}.tool-workspace{padding:100px 2rem 4rem}.tool-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.tool-header h1{font-family:var(--font-display);font-size:2rem;font-weight:400}.tool-layout{display:grid;grid-template-columns:1fr;gap:2rem;align-items:start}.tool-input-panel{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);padding:1.5rem}.upload-area{border:2px dashed rgba(255,255,255,.12);border-radius:var(--radius-lg);padding:2rem;text-align:center;cursor:pointer;transition:all .3s var(--ease-out-expo);margin-bottom:1rem;min-height:200px;display:flex;align-items:center;justify-content:center}.upload-area:hover{border-color:#7b8af866;background:#7b8af80a;box-shadow:0 0 20px #7b8af814}.upload-placeholder p{color:var(--text-secondary);margin-top:.5rem}.preview-image{max-width:100%;max-height:300px;object-fit:contain}.tool-output-panel{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);padding:1.5rem;text-align:center}.result-image{max-width:100%;margin-bottom:1rem}.description-output{text-align:left;font-size:.95rem;line-height:1.7;color:var(--text-secondary);white-space:pre-wrap}.pricing-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);padding:2rem;transition:all .4s var(--ease-out-expo)}.pricing-card:hover{border-color:var(--glass-hover-border);transform:translateY(-8px);box-shadow:var(--glass-hover-shadow)}.pricing-card.highlighted{border-color:#7b8af859;background:#7b8af80f;box-shadow:0 0 40px #7b8af81f,var(--glass-shadow)}.toast-container{position:fixed;top:84px;right:1rem;z-index:10000;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast{display:flex;align-items:center;gap:.6rem;padding:.75rem 1.25rem;min-width:260px;max-width:400px;font-size:.88rem;font-weight:500;pointer-events:auto;cursor:pointer;border-radius:var(--radius-md);animation:toast-in .35s var(--ease-out-expo),toast-out .3s ease-in 3.2s forwards;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.toast-icon{flex-shrink:0;font-size:1rem;font-weight:700}.toast-text{flex:1}.toast-success{background:#22c55e1f;border:1px solid rgba(34,197,94,.25);color:#22c55e}.toast-error{background:#ef44441f;border:1px solid rgba(239,68,68,.25);color:#ef4444}.toast-info{background:#7b8af81f;border:1px solid rgba(123,138,248,.25);color:var(--accent)}@keyframes toast-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes toast-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40px)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#7b8af833;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#7b8af859}.compare-arrow{transform:rotate(90deg)}@media(min-width:769px){.mobile-toggle{display:none}.mobile-overlay{display:none!important}.mobile-menu-header,.mobile-menu-footer{display:none}.mobile-menu-body{display:contents}.navbar{padding:0 2.5rem}.navbar-menu{position:static;width:auto;border-left:none;transform:none;transition:none;flex-direction:row;align-items:center;gap:.25rem;padding:0;overflow:visible;background:none}.navbar-item{padding:.5rem .85rem;font-size:.82rem}.navbar-cta{margin:0 0 0 1.25rem;text-align:center;padding:.55rem 1.5rem;font-size:.72rem}.dropdown-item{padding:.55rem .85rem;font-size:.82rem}.dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:240px;max-height:none;background:#06060bd9;backdrop-filter:blur(28px) saturate(1.4);-webkit-backdrop-filter:blur(28px) saturate(1.4);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);opacity:0;visibility:hidden;transform:translateY(10px) scale(.97);box-shadow:0 24px 48px #0009,0 0 0 1px #ffffff08;overflow:visible;padding:.5rem 0;transition:all .3s var(--ease-out-expo)}.navbar-item:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.navbar-item .dropdown-arrow{font-size:.6rem}.navbar-item:hover .dropdown-arrow{transform:rotate(90deg)}.hero{padding:140px 2rem 80px}.hero h1{font-size:5.2rem}.hero-subtitle{font-size:1.15rem}.hero-form{flex-direction:row}.section{padding:7rem 2rem}.section-title{font-size:3.2rem}.features-grid,.steps-grid,.testimonials-grid,.compare-grid,.packs-grid,.tools-grid,.ideas-grid{grid-template-columns:repeat(2,1fr)}.gallery-masonry{columns:3}.compare-images{flex-direction:row}.compare-arrow{transform:none}.stat-number{font-size:3.2rem}.footer-inner{flex-direction:row}.footer-links{flex-direction:row;gap:4.5rem}.cta-box h2{font-size:3.2rem}.tool-layout{grid-template-columns:1fr 1fr}.dashboard{padding:100px 2rem 4rem}.showcase-img{width:220px;max-height:340px}}@media(min-width:1025px){.features-grid,.steps-grid,.testimonials-grid,.compare-grid{grid-template-columns:repeat(3,1fr)}.packs-grid,.tools-grid,.ideas-grid,.stats-grid{grid-template-columns:repeat(4,1fr)}.stats-grid{gap:2rem}.gallery-masonry{columns:4}}@supports (padding: env(safe-area-inset-top)){.navbar{padding-top:env(safe-area-inset-top);height:calc(72px + env(safe-area-inset-top))}body{padding-bottom:env(safe-area-inset-bottom)}}@media(hover:none)and (pointer:coarse){.navbar-item,.dropdown-item,.btn-cta,.btn-google,.tool-card,.pack-card,.feature-card,.idea-card{min-height:44px}.feature-card:hover,.pack-card:hover,.tool-card:hover,.idea-card:hover,.compare-card:hover,.testimonial-card:hover,.gallery-item:hover,.gallery-item:hover img{transform:none}}.mobile-bottom-tabs{display:none;position:fixed;bottom:0;left:0;right:0;z-index:200;background:#06060bb3;backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border-top:1px solid rgba(255,255,255,.07);padding:6px 0 env(safe-area-inset-bottom,6px)}.mobile-bottom-tabs nav{display:flex;justify-content:space-around;align-items:center}.mobile-bottom-tabs a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 12px;color:#6b7280;text-decoration:none;font-size:10px;font-weight:500;transition:color .15s}.mobile-bottom-tabs a .tab-icon{font-size:20px;line-height:1}.mobile-bottom-tabs a.active,.mobile-bottom-tabs a:hover{color:var(--accent)}@media(max-width:768px){.mobile-bottom-tabs{display:block}.app-sidebar{display:none!important}.app-main-content{margin-left:0!important;padding:16px 16px 80px!important}}.lazy-img{background:#111827;transition:filter .4s ease,opacity .4s ease}.lazy-img:not([src]),.lazy-img[src=""]{filter:blur(10px);opacity:.6}.gallery-masonry{columns:4;column-gap:12px}.gallery-masonry>*{break-inside:avoid;margin-bottom:12px}@media(max-width:1024px){.gallery-masonry{columns:3}}@media(max-width:768px){.gallery-masonry{columns:2}}@media(max-width:480px){.gallery-masonry{columns:1}}@media(pointer:coarse){button,a,[role=button],select,input[type=submit]{min-height:44px;min-width:44px}.showcase-img:hover{transform:none;box-shadow:none}.showcase-track{-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}button:active,a:active,[role=button]:active{opacity:.7;transition:opacity .1s}input[type=text],input[type=email],input[type=number],input[type=password],textarea,select{font-size:16px!important;min-height:44px}}.blog-content h2{font-size:26px;font-weight:700;margin-top:40px;margin-bottom:16px;color:var(--text-primary);line-height:1.3}.blog-content h2:first-child{margin-top:0}.blog-content p{color:#d1d5db;font-size:16px;line-height:1.8;margin-bottom:16px;font-family:var(--font-body)}.blog-content ul,.blog-content ol{color:#d1d5db;font-size:16px;line-height:1.8;margin-bottom:16px;padding-left:24px}.blog-content li{margin-bottom:8px}.blog-content strong{color:var(--text-primary);font-weight:600}.blog-content a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.blog-content a:hover{color:var(--accent-light)}.blog-content blockquote{border-left:3px solid var(--accent);padding-left:20px;margin:24px 0;color:var(--text-secondary);font-style:italic}