:root{--bg-color:#0b0f19;--bg-color-rgb:11, 15, 25;--card-bg:#ffffff08;--card-border:#ffffff14;--card-hover-border:#fff3;--text-main:#f8fafc;--text-dim:#94a3b8;--font-display:"Outfit", system-ui, sans-serif;--font-body:"Montserrat", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 10% 20%,#6366f126,#0000 40%),radial-gradient(circle at 90% 80%,#ec48991f,#0000 40%),radial-gradient(circle,#22d3ee0d,#0000 60%);background-attachment:fixed;min-height:100vh;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-display)}a{color:inherit;text-decoration:none}.from-amber-400{--grad-start:#fbbf24}.to-amber-600{--grad-end:#d97706}.from-emerald-400{--grad-start:#34d399}.to-teal-500{--grad-end:#14b8a6}.from-cyan-400{--grad-start:#22d3ee}.to-blue-500{--grad-end:#3b82f6}.from-violet-500{--grad-start:#8b5cf6}.to-purple-600{--grad-end:#9333ea}.from-rose-400{--grad-start:#fb7185}.to-pink-500{--grad-end:#ec4899}.from-green-400{--grad-start:#4ade80}.to-lime-500{--grad-end:#84cc16}.from-blue-400{--grad-start:#60a5fa}.to-indigo-500{--grad-end:#6366f1}.from-orange-400{--grad-start:#fb923c}.to-yellow-500{--grad-end:#eab308}.from-fuchsia-400{--grad-start:#e879f9}.to-fuchsia-600{--grad-end:#c026d3}.from-red-400{--grad-start:#f87171}.to-orange-500{--grad-end:#f97316}.view-container{width:100%;max-width:1400px;margin:0 auto}.fade-in{animation:.5s cubic-bezier(.4,0,.2,1) forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.home-view{padding:4rem 2rem 0}.home-header{text-align:center;max-width:900px;margin:0 auto 4rem;padding-top:2rem}.logo-wrapper{margin-bottom:2rem;display:inline-block;position:relative}.logo-wrapper:after{content:"";z-index:-1;filter:blur(20px);background:radial-gradient(circle,#a5b4fc26,#0000 70%);width:200px;height:200px;animation:4s ease-in-out infinite pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.logo-wrapper img{mix-blend-mode:screen;filter:drop-shadow(0 0 12px #a5b4fc4d);width:200px;height:200px;animation:6s ease-in-out infinite float;-webkit-mask-image:radial-gradient(circle,#000 55%,#0000 72%);mask-image:radial-gradient(circle,#000 55%,#0000 72%)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse{0%,to{opacity:.5;transform:translate(-50%,-50%)scale(1)}50%{opacity:.8;transform:translate(-50%,-50%)scale(1.3)}}.home-header h1{letter-spacing:-.04em;background:linear-gradient(90deg,#fff,#a5b4fc);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:clamp(3rem,6vw,5rem);font-weight:700;line-height:1}.hero-tagline{color:var(--text-main);letter-spacing:-.01em;margin-bottom:1rem;font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:300;line-height:1.5}.hero-sub{color:var(--text-dim);margin-bottom:2.5rem;font-size:1.1rem;line-height:1.7}.hero-cta-row{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.hero-btn-primary{color:#fff;font-weight:600;font-family:var(--font-display);letter-spacing:.01em;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:14px;padding:1rem 2.5rem;font-size:1.05rem;transition:all .3s cubic-bezier(.165,.84,.44,1);display:inline-block;box-shadow:0 4px 20px #6366f14d}.hero-btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px #6366f180}.hero-btn-secondary{color:var(--text-main);font-weight:500;font-family:var(--font-display);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff26;border-radius:14px;padding:1rem 2.5rem;font-size:1.05rem;transition:all .3s;display:inline-block}.hero-btn-secondary:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px)}.trust-strip{-webkit-backdrop-filter:blur(12px);background:#ffffff05;border:1px solid #ffffff0f;border-radius:20px;justify-content:center;align-items:center;gap:2.5rem;max-width:900px;margin:0 auto 5rem;padding:2.5rem 2rem;display:flex}.trust-item{flex-direction:column;align-items:center;gap:.4rem;display:flex}.trust-number{font-family:var(--font-display);background:linear-gradient(135deg,#a5b4fc,#818cf8);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700}.trust-number.special{background:linear-gradient(135deg,#34d399,#22d3ee);color:#0000;-webkit-background-clip:text;background-clip:text}.trust-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;font-size:.85rem;font-weight:500}.trust-divider{background:#ffffff14;width:1px;height:50px}.section-heading{text-align:center;letter-spacing:-.03em;background:linear-gradient(90deg,#fff,#c4b5fd);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:clamp(2rem,3.5vw,3rem);font-weight:700}.section-sub{text-align:center;color:var(--text-dim);max-width:700px;margin-bottom:4rem;margin-left:auto;margin-right:auto;font-size:1.15rem}.how-section{padding:5rem 2rem}.how-steps{justify-content:center;align-items:flex-start;gap:0;max-width:1100px;margin:0 auto;display:flex}.how-step{text-align:center;background:#ffffff05;border:1px solid #ffffff0f;border-radius:24px;flex:1;max-width:320px;padding:2.5rem 2rem;transition:all .4s}.how-step:hover{background:#ffffff0d;border-color:#a5b4fc33;transform:translateY(-6px);box-shadow:0 12px 30px #0006}.step-num{color:#fff;width:36px;height:36px;font-family:var(--font-display);background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.25rem;font-size:.9rem;font-weight:700;display:inline-flex}.step-icon{margin-bottom:1.25rem;font-size:2.5rem}.how-step h3{margin-bottom:.75rem;font-size:1.25rem;font-weight:600}.how-step p{color:var(--text-dim);font-size:.95rem;line-height:1.6}.how-connector{align-items:center;padding-top:5rem;display:flex}.use-cases-section{padding:5rem 2rem}.use-cases-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1200px;margin:0 auto;display:grid}.use-case-card{-webkit-backdrop-filter:blur(8px);background:#ffffff05;border:1px solid #ffffff0f;border-radius:24px;flex-direction:column;padding:2.5rem 2rem 2rem;transition:all .4s cubic-bezier(.165,.84,.44,1);display:flex;position:relative;overflow:hidden}.use-case-card:before{content:"";opacity:0;background:linear-gradient(90deg,#6366f180,#a855f780);height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.use-case-card:hover:before{opacity:1}.use-case-card:hover{background:#ffffff0a;border-color:#a5b4fc33;transform:translateY(-8px);box-shadow:0 20px 40px #00000080,0 0 20px #6366f114}.uc-tag{color:#a5b4fc;text-transform:uppercase;letter-spacing:.12em;background:#6366f133;border-top-right-radius:24px;border-bottom-left-radius:12px;padding:.35rem 1rem;font-size:.7rem;font-weight:700;position:absolute;top:0;right:0}.uc-icon{margin-bottom:1rem;font-size:2.25rem}.uc-scenario{color:#a5b4fc;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem;font-size:.8rem;font-weight:600;display:block}.use-case-card h3{margin-bottom:.75rem;font-size:1.2rem;font-weight:600;line-height:1.3}.use-case-card p{color:var(--text-dim);flex:1;font-size:.92rem;line-height:1.65}.uc-footer{border-top:1px solid #ffffff0f;margin-top:1.5rem;padding-top:1rem}.uc-module-link{color:#a5b4fc;font-size:.9rem;font-weight:600;transition:color .2s}.use-case-card:hover .uc-module-link{color:#c4b5fd}.categories-section{padding:5rem 2rem}.bento-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:200px;gap:1.5rem;display:grid}.bento-item{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(12px);border-radius:24px;flex-direction:column;justify-content:flex-end;padding:2rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden}.bento-bg{opacity:.15;z-index:0;filter:grayscale()brightness(.7);background-position:50%;background-size:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1),opacity .4s;position:absolute;top:0;left:0}.bento-overlay{background:linear-gradient(to top, rgba(var(--bg-color-rgb), .95) 0%, rgba(var(--bg-color-rgb), 0) 100%);z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.bento-item:hover .bento-bg{opacity:.35;filter:grayscale(0%)brightness(.9);transform:scale(1.1)}.bento-item:hover{border-color:var(--card-hover-border);transform:translateY(-8px)scale(1.02);box-shadow:0 20px 40px #000c,0 0 20px #ffffff0d}.bento-content{z-index:2;position:relative}.bento-icon{filter:drop-shadow(0 0 10px #fff3);margin-bottom:1rem;font-size:2.5rem;display:block}.bento-item h2{margin-bottom:.25rem;font-size:1.25rem;font-weight:600}.bento-item p{color:var(--text-dim);font-size:.9rem}.bento-item.large{grid-area:span 2/span 2}.bento-item.medium{grid-area:span 1/span 2}.bento-item.small{grid-area:span 1/span 1}@media (width<=1024px){.bento-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.bento-grid{grid-template-columns:1fr;grid-auto-rows:auto}.bento-item{min-height:200px}.bento-item.large,.bento-item.medium,.bento-item.small{grid-area:span 1/span 1}}.faq-section{max-width:800px;margin:0 auto;padding:5rem 2rem}.faq-list{flex-direction:column;gap:1rem;display:flex}.faq-item{background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;transition:all .3s;overflow:hidden}.faq-item[open]{background:#ffffff0a;border-color:#a5b4fc33}.faq-question{font-family:var(--font-display);cursor:pointer;justify-content:space-between;align-items:center;padding:1.5rem 2rem;font-size:1.1rem;font-weight:600;list-style:none;transition:color .2s;display:flex}.faq-question::-webkit-details-marker{display:none}.faq-question:after{content:"+";color:var(--text-dim);flex-shrink:0;margin-left:1rem;font-size:1.5rem;font-weight:300;transition:transform .3s}.faq-item[open] .faq-question:after{content:"−";transform:rotate(180deg)}.faq-answer{padding:0 2rem 1.5rem}.faq-answer p{color:var(--text-dim);font-size:1rem;line-height:1.7}.final-cta{text-align:center;background:#6366f10d;border:1px solid #6366f126;border-radius:32px;margin:3rem 0;padding:6rem 2rem;position:relative;overflow:hidden}.cta-glow{filter:blur(60px);pointer-events:none;background:radial-gradient(circle,#6366f126,#0000 70%);width:400px;height:400px;animation:6s ease-in-out infinite pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.final-cta h2{letter-spacing:-.02em;margin-bottom:1rem;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700;position:relative}.final-cta p{color:var(--text-dim);margin-bottom:2.5rem;font-size:1.15rem;position:relative}.cta-large{padding:1.25rem 3.5rem;font-size:1.15rem;position:relative}.landing-footer{border-top:1px solid #ffffff0d;margin-top:2rem;padding:4rem 2rem 3rem}.footer-inner{text-align:center;max-width:800px;margin:0 auto}.footer-brand{justify-content:center;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.footer-logo{mix-blend-mode:screen;width:36px;height:36px;-webkit-mask-image:radial-gradient(circle,#000 55%,#0000 72%);mask-image:radial-gradient(circle,#000 55%,#0000 72%)}.footer-brand span{font-family:var(--font-display);color:var(--text-main);font-size:1.1rem;font-weight:600}.footer-disclaimer{color:var(--text-dim);opacity:.7;margin-bottom:1rem;font-size:.85rem;line-height:1.6}.footer-copy{color:var(--text-dim);opacity:.5;font-size:.8rem}@media (width<=900px){.hero-tagline{font-size:1.35rem}.trust-strip{flex-wrap:wrap;gap:1.5rem}.trust-divider{display:none}.trust-item{min-width:120px}.how-steps{flex-direction:column;align-items:center;gap:1rem}.how-connector{padding-top:0;transform:rotate(90deg)}.how-step{max-width:100%}.use-cases-grid{grid-template-columns:1fr}}@media (width<=600px){.home-view{padding:2rem 1rem 0}.home-header{margin-bottom:2rem;padding-top:1rem}.hero-cta-row{flex-direction:column;align-items:stretch}.hero-btn-primary,.hero-btn-secondary{text-align:center}.trust-strip{gap:1rem;padding:1.5rem 1rem}.trust-number{font-size:2rem}.section-heading{font-size:1.75rem}.section-sub{margin-bottom:2.5rem;font-size:1rem}.how-section,.use-cases-section,.categories-section,.faq-section{padding:3rem 1rem}.use-case-card{padding:2rem 1.5rem 1.5rem}.final-cta{border-radius:24px;margin:2rem 0;padding:4rem 1.5rem}}.home-header p{color:var(--text-dim);font-size:1.25rem}.category-view{min-height:100vh;display:flex}.category-sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--card-border);background:#0b0f19b3;width:35%;padding:4rem 2.5rem;position:relative}.category-sidebar:before{content:"";background:linear-gradient(90deg, var(--grad-start), var(--grad-end));width:100%;height:10px;position:absolute;top:0;left:0}.sidebar-sticky{position:sticky;top:4rem}.back-link{color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4rem;font-size:.9rem;transition:color .2s;display:inline-block}.back-link:hover{color:#fff}.hero-icon{margin-bottom:1rem;font-size:4rem;display:block}.category-sidebar h1{overflow-wrap:break-word;background:linear-gradient(to right, var(--grad-start), var(--grad-end));color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:clamp(2rem,3.8vw,3.5rem);line-height:1.1}.category-sidebar p{color:var(--text-dim);font-size:1.25rem}.category-content{width:65%;padding:4rem}.staggered-list{flex-direction:column;gap:1.5rem;display:flex}.list-card{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;align-items:center;padding:2.5rem;transition:all .4s cubic-bezier(.165,.84,.44,1);display:flex;position:relative;overflow:hidden}.list-card-bg{opacity:.15;filter:grayscale();z-index:0;background-position:50%;background-size:cover;width:40%;height:100%;transition:all .6s;position:absolute;top:0;right:0;-webkit-mask-image:linear-gradient(270deg,#000 0%,#0000 100%);mask-image:linear-gradient(270deg,#000 0%,#0000 100%)}.list-card-overlay{background:linear-gradient(to right, rgba(var(--bg-color-rgb), .95) 40%, transparent 100%);z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.list-card:hover{border-color:var(--card-hover-border);background:#ffffff0d;transform:translate(12px);box-shadow:0 10px 30px #00000080}.list-card:hover .list-card-bg{opacity:.4;filter:grayscale(0%);transform:scale(1.05)}.list-card-num{font-family:var(--font-display);color:var(--text-dim);opacity:.3;z-index:2;width:60px;font-size:1.5rem;font-weight:700;position:relative}.list-card-body{z-index:2;position:relative}.list-card-body h3{margin-bottom:.5rem;font-size:1.5rem}.list-card-body p{color:var(--text-dim);font-size:1rem}.list-card-teaser{-webkit-line-clamp:1;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;max-width:560px;display:-webkit-box;overflow:hidden}.list-card-arrow{color:var(--text-dim);margin-left:auto;font-size:1.5rem;transition:transform .3s,color .3s}.list-card:hover .list-card-arrow{color:#fff;transform:translate(5px)}@media (width<=900px){.category-view{flex-direction:column}.category-sidebar{border-right:none;border-bottom:1px solid var(--card-border);width:100%;padding:2rem}.sidebar-sticky{position:relative;top:0}.category-content{width:100%;padding:2rem}.list-card{flex-direction:column;align-items:flex-start;gap:1rem}.list-card-num{width:auto;font-size:1rem}.list-card-arrow{display:none}}.item-view{flex-direction:column;min-height:100vh;padding:2rem 4rem 4rem;display:flex}.item-nav{margin-bottom:3rem}.split-layout{flex:1;gap:4rem;display:flex}.split-info{flex-direction:column;flex:1;justify-content:center;display:flex}.item-badge{text-transform:uppercase;letter-spacing:.1em;color:#fff;text-shadow:0 1px 2px #0000004d;border-radius:9999px;width:fit-content;margin-bottom:2rem;padding:.5rem 1rem;font-size:.8rem;font-weight:600;display:inline-block}.item-title{margin-bottom:1.5rem;font-size:clamp(2.5rem,4vw,4.5rem);line-height:1.1}.item-desc{color:var(--text-dim);max-width:600px;margin-bottom:3rem;font-size:1.25rem}.item-domain{color:var(--text-dim);align-items:center;gap:.75rem;font-size:1rem;display:flex}.domain-icon{background:#ffffff0d;border-radius:8px;padding:.5rem;font-size:1.5rem}.split-app{flex:1;justify-content:center;align-items:center;display:flex}.app-glass-panel{-webkit-backdrop-filter:blur(24px);background:#ffffff08;border:1px solid #ffffff14;border-radius:24px;width:100%;max-width:600px;padding:3rem;position:relative;overflow:hidden;box-shadow:0 20px 40px #0006,inset 0 1px #ffffff0d}.app-glass-panel:before{content:"";background:linear-gradient(90deg, var(--app-start), var(--app-end));height:4px;position:absolute;top:0;left:0;right:0}.panel-heading{font-size:1.5rem;font-family:var(--font-body);margin-bottom:2rem;font-weight:500}.app-input{width:100%;color:var(--text-main);font-family:var(--font-body);resize:vertical;background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:1.5rem;padding:1.25rem;font-size:1rem;transition:all .3s}.app-input:focus{background:#00000080;border-color:#ffffff4d;outline:none;box-shadow:0 0 15px #ffffff0d}.control-label{color:var(--text-dim);margin-bottom:1rem;display:block}.app-slider{-webkit-appearance:none;background:#ffffff1a;border-radius:3px;width:100%;height:6px;margin-bottom:1rem}.app-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text-main);cursor:pointer;border-radius:50%;width:20px;height:20px}.slider-val-display{text-align:right;font-family:var(--font-display);margin-bottom:2rem;font-size:1.25rem;font-weight:600}.app-btn-creative{background:linear-gradient(90deg, var(--app-start), var(--app-end));color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:1.25rem;font-family:inherit;font-size:1.1rem;font-weight:600;transition:transform .2s,opacity .2s;position:relative;overflow:hidden}.app-btn-creative:hover:not(:disabled){opacity:.9;transform:translateY(-2px)}.app-btn-creative:disabled{opacity:.7;cursor:not-allowed}.app-result-creative{opacity:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;border:1px solid #ffffff14;border-radius:12px;margin-top:2rem;padding:1.5rem;font-size:1.05rem;line-height:1.6;transition:opacity .4s;display:none}.app-result-creative.show{opacity:1}.loader{border:3px solid #fff3;border-top-color:#fff;border-radius:50%;width:24px;height:24px;margin:0 auto;animation:1s linear infinite spin;display:none}@keyframes spin{to{transform:rotate(360deg)}}.app-btn-pdf{width:100%;color:var(--text-dim);font-family:var(--font-display);cursor:pointer;-webkit-backdrop-filter:blur(8px);background:#ffffff0a;border:1px solid #ffffff1f;border-radius:12px;justify-content:center;align-items:center;gap:.6rem;margin-top:1rem;padding:.85rem 1.25rem;font-size:.95rem;font-weight:500;transition:all .3s;display:flex}.app-btn-pdf:hover{color:#a5b4fc;background:#6366f11a;border-color:#6366f159;transform:translateY(-2px);box-shadow:0 4px 15px #6366f126}.app-btn-pdf svg{flex-shrink:0}@media (width<=1024px){.split-layout{flex-direction:column}.item-view{padding:2rem}.split-app{margin-top:2rem}.app-glass-panel{max-width:100%}}.bg-elements{pointer-events:none;z-index:0;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.view-container{z-index:10;position:relative}.bg-symbol{color:var(--text-main);opacity:.02;font-family:var(--font-display);-webkit-user-select:none;user-select:none;filter:blur(2px);font-weight:300;animation:cubic-bezier(.4,0,.2,1) infinite floatRandom;position:absolute}img.bg-symbol{opacity:.2;mix-blend-mode:screen;filter:blur(4px);width:auto;height:auto;-webkit-mask-image:radial-gradient(circle,#000 55%,#0000 72%);mask-image:radial-gradient(circle,#000 55%,#0000 72%)}.symbol-1{font-size:25vw;animation-duration:45s;top:-5%;left:5%}.symbol-2{font-size:15vw;animation-duration:35s;animation-delay:-5s;top:60%;left:80%}.symbol-3{width:50vw;animation-duration:50s;animation-delay:-15s;top:5%;right:-10%}.symbol-4{font-size:18vw;animation-duration:40s;animation-delay:-10s;top:80%;left:30%}.symbol-5{font-size:12vw;animation-duration:38s;animation-delay:-2s;top:40%;left:45%}.symbol-6{width:65vw;animation-duration:48s;animation-delay:-20s;bottom:-15%;left:-15%}@keyframes floatRandom{0%{transform:translate(0)rotate(0)}25%{transform:translate(4vw,5vh)rotate(5deg)}50%{transform:translate(1vw,8vh)rotate(-2deg)}75%{transform:translate(-3vw,2vh)rotate(-6deg)}to{transform:translate(0)rotate(0)}}
