html{scroll-behavior:smooth;scroll-padding-top:6rem;overflow-x:hidden}:root{--font:"Nunito", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bg:#08090d;--bg-elevated:#101219;--bg-soft:#171a23;--surface:#ffffff0e;--surface-strong:#ffffff17;--line:#ffffff21;--line-strong:#ffffff38;--text:#f6f1e8;--text-muted:#f6f1e8ad;--text-soft:#f6f1e87a;--primary:#ff6b5f;--primary-dark:#cc4a42;--accent:#40a0f0;--accent-dark:#003050;--accent2:#3080b0;--radius:1.6rem;--radius-lg:2.4rem;--shadow:0 28px 90px #00000061;--spring:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);color:var(--text);-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 12% 8%,#40a0f042,#0000 24rem),radial-gradient(circle at 86% 12%,#3080b02e,#0000 22rem),radial-gradient(circle at 58% 72%,#7c5cff1a,#0000 28rem),linear-gradient(#08090d 0%,#0d1017 48%,#08090d 100%);min-height:100vh;line-height:1.55;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;opacity:.34;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:72px 72px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000e6,#00000029);mask-image:linear-gradient(#000000e6,#00000029)}body:after{content:"";pointer-events:none;z-index:0;opacity:.08;background-image:radial-gradient(#ffffffe6 .6px,#0000 .6px);background-size:4px 4px;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}#app{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.bento-container,.bento-container-inner{width:100%;max-width:1280px;margin:0 auto;padding:0 clamp(1rem,4vw,2rem)}.section-padding{width:100%;max-width:1280px;margin:0 auto;padding:clamp(4.5rem,9vw,8rem) clamp(1rem,4vw,2rem)}.mt-2{margin-top:.75rem}.mt-4{margin-top:2rem}h1,h2,h3,h4{color:var(--text);letter-spacing:-.065em;text-wrap:balance;font-weight:900;line-height:.98}h1{max-width:8.2ch;font-size:clamp(4rem,11vw,9.6rem)}h2{font-size:clamp(2.8rem,7vw,6.4rem)}h3{letter-spacing:-.04em;font-size:clamp(1.25rem,2.4vw,2rem);line-height:1.05}p{color:var(--text-muted);text-wrap:pretty;font-size:clamp(1rem,1.2vw,1.18rem);font-weight:650}.accent-text{color:var(--accent);text-shadow:0 0 34px #40a0f038}.eyebrow,.pill-badge,.section-label{border:1px solid var(--line);width:fit-content;color:var(--text-muted);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:.12em;text-transform:uppercase;background:#ffffff0b;border-radius:999px;align-items:center;gap:.55rem;padding:.55rem .78rem;font-size:.72rem;font-weight:900;display:inline-flex}.status-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 22px var(--accent);border-radius:99px}.btn-primary,.btn-secondary{min-height:3.25rem;font-family:var(--font);white-space:normal;text-align:center;cursor:pointer;transition:transform .28s var(--spring), border-color .28s var(--spring), background .28s var(--spring), box-shadow .28s var(--spring);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.6rem;padding:.92rem 1.25rem;font-weight:900;text-decoration:none;display:inline-flex}.btn-primary{color:#06111c;background:linear-gradient(135deg, #75c3ff, var(--accent));box-shadow:0 18px 46px #40a0f038}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 22px 56px #40a0f04d}.btn-secondary{color:var(--text);border-color:var(--line);background:#ffffff0d}.btn-secondary:hover{border-color:var(--line-strong);background:#ffffff16;transform:translateY(-2px)}.btn-large{width:100%;padding-inline:1.35rem;font-size:1rem}@media (width>=640px){.btn-large{width:auto;min-width:17rem}}.navbar{z-index:90;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;gap:1rem;width:100%;max-width:1280px;margin:0 auto;padding:1.15rem clamp(1rem,4vw,2rem);display:flex;position:sticky;top:0}.logo{letter-spacing:.12em;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:950;display:flex}.logo span{color:var(--text)}.logo img{width:40px;height:40px;box-shadow:0 0 0 1px var(--line), 0 12px 32px #00000052;border-radius:12px}.nav-links{align-items:center;gap:clamp(1rem,2.4vw,2.2rem);display:none}@media (width>=860px){.nav-links{display:flex}}.nav-links a{color:var(--text-muted);transition:color .25s var(--spring);font-size:.86rem;font-weight:850;text-decoration:none}.nav-links a:hover{color:var(--text)}.nav-actions{align-items:center;gap:.8rem;display:flex}.desktop-only{display:none}.mobile-only{display:inline-flex}@media (width>=860px){.desktop-only{display:inline-flex}.mobile-only{display:none}}.menu-toggle,.menu-close{border:1px solid var(--line);width:46px;height:46px;color:var(--text);cursor:pointer;background:#ffffff0f;border-radius:999px;justify-content:center;align-items:center;font-size:1.35rem}.mobile-menu-overlay{z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;transition:transform .5s var(--spring), opacity .4s;pointer-events:none;background:#08090df5;padding:1.5rem 2rem;position:fixed;inset:0;transform:translateY(-100%)}.mobile-menu-overlay.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-menu-content{flex-direction:column;height:100%;display:flex}.menu-close{align-self:flex-end}.mobile-nav-links{flex-direction:column;align-items:center;gap:1.4rem;margin-top:3rem;display:flex}.mobile-nav-links a.mobile-link{color:var(--text);letter-spacing:-.07em;font-size:clamp(2rem,10vw,4rem);font-weight:950;text-decoration:none}.mobile-nav-links .btn-primary{letter-spacing:0;font-size:1rem!important}.hero{grid-template-columns:1fr;align-items:center;gap:clamp(2rem,6vw,5rem);padding-top:clamp(2rem,6vw,5rem);padding-bottom:clamp(4rem,8vw,7rem);display:grid}@media (width>=1024px){.hero{grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr);min-height:calc(100vh - 92px)}}.hero-content{flex-direction:column;align-items:flex-start;gap:1.5rem;display:flex}.hero-content,.hero-visual,.glass-card,.file-item,.search-bar-mock{min-width:0}.subtitle{max-width:42rem;color:var(--text-muted);font-size:clamp(1.1rem,1.8vw,1.55rem);line-height:1.38}.cta-group{flex-direction:column;gap:1rem;width:100%;margin-top:.6rem;display:flex}@media (width>=640px){.cta-group{flex-direction:row;width:auto}}.hero-visual{place-items:center;min-height:430px;display:grid;position:relative}.hero-visual:before{content:"";aspect-ratio:1;filter:blur(8px);background:radial-gradient(circle,#40a0f04d,#3080b029 42%,#0000 70%);border-radius:50%;width:min(82vw,520px);position:absolute}.glass-card{z-index:1;border:1px solid var(--line);border-radius:var(--radius-lg);width:min(100%,470px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(#ffffff1c,#ffffff0b);padding:clamp(1.2rem,3vw,1.8rem);position:relative}.card-header{gap:.45rem;margin-bottom:1.2rem;display:flex}.dot{background:var(--text-soft);border-radius:99px;width:10px;height:10px}.search-bar-mock,.file-item,.mock-folder{border:1px solid var(--line);color:var(--text);background:#00000038;border-radius:1.1rem;align-items:center;gap:.75rem;display:flex}.search-bar-mock{margin-bottom:1rem;padding:1rem 1.05rem}.typing-text{color:var(--accent);font-weight:900}.file-list-mock{gap:.75rem;display:grid}.file-item{color:var(--text-muted);justify-content:space-between;padding:.9rem 1rem;font-weight:800}.file-item span,.search-bar-mock span{overflow-wrap:anywhere;min-width:0}.file-item span:first-of-type{margin-right:auto}.tag{color:#111;background:var(--accent);border-radius:999px;padding:.28rem .55rem;font-size:.72rem}.skeleton{opacity:.54;background:linear-gradient(90deg,#ffffff09,#ffffff17,#ffffff09);height:54px}.flow-content{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr;gap:1.2rem;display:grid}@media (width>=900px){.flow-content{grid-template-columns:.95fr 1.05fr;align-items:end}}.section-title{margin-bottom:1rem}.section-desc{max-width:46rem;color:var(--text-muted);font-size:clamp(1.1rem,1.8vw,1.4rem)}.bento-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=760px){.bento-grid{grid-template-columns:repeat(3,1fr)}.span-2{grid-column:span 2}}.bento-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(145deg,#ffffff1b,#ffffff0a);padding:clamp(1.4rem,3vw,2.2rem);position:relative;overflow:hidden;box-shadow:0 24px 70px #00000038}.bento-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#40a0f021,#0000 65%);border-radius:50%;width:280px;height:280px;position:absolute;inset:auto -25% -45% auto}.bento-card-magnetic{transition:transform .35s var(--spring), border-color .35s var(--spring), background .35s var(--spring)}.bento-card-magnetic:hover{border-color:var(--line-strong);background:linear-gradient(145deg,#ffffff24,#ffffff0d);transform:translateY(-4px)}.bento-icon,.shield-icon{color:#111;background:var(--accent);border-radius:1rem;place-items:center;width:3.2rem;height:3.2rem;margin-bottom:1.4rem;font-size:1.55rem;display:grid}.bento-card h3{margin-bottom:.8rem}.bento-card p{z-index:1;position:relative}.usp-section{padding-top:0}.usp-card{text-align:center;background:linear-gradient(135deg,#40a0f02e,#ffffff0e);max-width:920px;margin-inline:auto}.wrapper-center{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.cols-grid-2{grid-template-columns:1fr;gap:clamp(2rem,5vw,4rem);display:grid}@media (width>=960px){.cols-grid-2{grid-template-columns:minmax(0,.95fr) minmax(360px,1.05fr);align-items:center}}.steps-list{gap:1rem;margin-top:2rem;list-style:none;display:grid}.step{border:1px solid var(--line);transition:border-color .3s var(--spring), background .3s var(--spring), transform .3s var(--spring);background:#ffffff09;border-radius:1.25rem;grid-template-columns:auto 1fr;gap:1rem;padding:1rem;display:grid}.step.active,.step:hover{background:#40a0f016;border-color:#40a0f07a;transform:translate(4px)}.step-num{background:var(--surface-strong);width:2.25rem;height:2.25rem;color:var(--accent);border-radius:999px;place-items:center;font-weight:950;display:grid}.step-info h3{margin-bottom:.35rem}.visual-col .glass-card{margin-inline:auto}.mock-folder{color:var(--accent);margin-bottom:1rem;padding:1rem;font-weight:900}.audience-col{padding:clamp(1rem,3vw,2rem)}.audience-list{gap:.85rem;margin-top:1.5rem;list-style:none;display:grid}.audience-list li{border:1px solid var(--line);color:var(--text-muted);background:#ffffff0a;border-radius:999px;align-items:center;gap:.8rem;padding:.9rem 1rem;font-weight:800;display:flex}.audience-list i{color:var(--accent)}.table-container{margin-top:1.4rem;overflow-x:auto}.compare-table{border-collapse:collapse;width:100%;color:var(--text-muted);font-weight:800}.compare-table th,.compare-table td{border-bottom:1px solid var(--line);text-align:left;padding:.95rem .75rem}.compare-table th{color:var(--text)}.check{color:var(--accent);text-align:center!important}.cross{color:var(--primary);text-align:center!important}.faq-section .section-title{text-align:center}.faq-list{gap:.9rem;max-width:900px;margin:0 auto;display:grid}.faq-item{border:1px solid var(--line);background:#ffffff0b;border-radius:1.2rem;overflow:hidden}.faq-question{cursor:pointer;color:var(--text);justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.25rem;font-weight:950;list-style:none;display:flex}.faq-question::-webkit-details-marker{display:none}.faq-icon{color:var(--accent);transition:transform .25s var(--spring)}.faq-item[open] .faq-icon{transform:rotate(45deg)}.faq-answer{padding:0 1.25rem 1.2rem}.faq-answer p{font-size:1rem}.faq-answer strong{color:var(--text)}.final-cta{padding-top:2rem}.cta-card{background:radial-gradient(circle at 50% 0,#40a0f03d,#0000 38%),linear-gradient(145deg,#ffffff1f,#ffffff0b);min-height:340px}.btn-cta{margin-top:.5rem}.creator-section{padding-top:0}.creator-card{border-radius:var(--radius-lg);box-shadow:var(--shadow);background:linear-gradient(135deg,#40a0f026,#ffffff0e);border:1px solid #40a0f047;grid-template-columns:1fr;gap:2rem;padding:clamp(1.6rem,4vw,3rem);display:grid}@media (width>=900px){.creator-card{grid-template-columns:1.4fr .75fr;align-items:center}}.creator-copy{gap:1rem;display:grid}.creator-copy h2{font-size:clamp(2.6rem,6vw,5.8rem)}.creator-copy p:not(.eyebrow){max-width:52rem}.creator-actions{flex-direction:column;gap:.9rem;display:flex}footer{border-top:1px solid var(--line);background:#00000038}.footer-inner{padding-top:clamp(3rem,6vw,5rem);padding-bottom:2rem}.footer-top{grid-template-columns:1fr;gap:2.5rem;display:grid}@media (width>=960px){.footer-top{grid-template-columns:.82fr 1.18fr}}.footer-logo-wrap{align-items:center;gap:.8rem;margin-bottom:1rem;display:flex}.footer-logo{border-radius:14px}.footer-brand-name{letter-spacing:.12em;font-weight:950}.footer-tagline{margin-bottom:1.2rem}.footer-store-btn{width:fit-content}.footer-cols{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=680px){.footer-cols{grid-template-columns:repeat(3,1fr)}}.footer-col-title{letter-spacing:.13em;text-transform:uppercase;color:var(--text-soft);margin-bottom:1rem;font-size:.78rem}.footer-col ul{gap:.75rem;list-style:none;display:grid}.footer-col a{color:var(--text-muted);transition:color .25s var(--spring);align-items:center;gap:.5rem;font-weight:800;text-decoration:none;display:inline-flex}.footer-col a:hover{color:var(--accent)}.footer-divider{background:var(--line);height:1px;margin:2.5rem 0 1.4rem}.footer-bottom{color:var(--text-soft);flex-direction:column;gap:1rem;font-weight:800;display:flex}@media (width>=720px){.footer-bottom{flex-direction:row;justify-content:space-between;align-items:center}}.footer-badge{color:var(--accent);align-items:center;gap:.5rem;display:inline-flex}.back-to-top{z-index:80;border:1px solid var(--line);width:46px;height:46px;color:var(--text);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .25s var(--spring), transform .25s var(--spring);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff14;border-radius:999px;place-items:center;display:grid;position:fixed;bottom:1.2rem;right:1.2rem;transform:translateY(10px)}.back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top:hover{color:var(--accent)}@media (width<=560px){.navbar{padding-top:.9rem;padding-bottom:.9rem}.hero{gap:1.5rem;padding-top:1.2rem}h1{font-size:clamp(3.05rem,14.5vw,4.65rem)}.subtitle{font-size:1.05rem}.btn-large{width:100%;min-width:0;padding-inline:1rem;font-size:.95rem}.pill-badge{font-size:.64rem}.hero-visual{width:100%;min-height:330px;overflow:hidden}.glass-card{border-radius:1.45rem;width:100%;max-width:calc(100vw - 2rem)}.search-bar-mock,.file-item{padding:.82rem .88rem}.tag{flex-shrink:0}.audience-list li{border-radius:1.1rem;align-items:flex-start}}