@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--bg-main:#fff;--bg-subtle:#f7f8fa;--bg-ink:#111318;--text-main:#17191f;--text-sub:#646b78;--text-soft:#8a909c;--border-color:#e7e9ee;--brand-blue:#3659f5;--brand-violet:#7656f6;--brand-cyan:#9be9e5;--surface:#fff;--shadow-sm:0 4px 16px #1118270a;--shadow-lg:0 24px 70px #171b2a16;--radius:18px;--font-family:Inter,'DM Sans',system-ui,sans-serif;--content:1200px}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:90px}body{font-family:var(--font-family);background:var(--bg-main);color:var(--text-main);line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%}
.page-body{min-height:100vh;display:flex;flex-direction:column}.site-header,.home-nav,.app-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px max(24px,calc((100vw - 1320px)/2));background:#ffffffed;backdrop-filter:blur(16px);border-bottom:1px solid #e9ebf0}.nav-brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.brand-logo{height:29px;width:auto;max-width:140px;object-fit:contain}.brand-name{font-size:15px;font-weight:750;letter-spacing:-.4px}.nav-links{display:flex;align-items:center;justify-content:center;gap:clamp(14px,2.1vw,30px)}.nav-links a{text-decoration:none;color:#626978;font-size:13px;font-weight:600;transition:color .2s}.nav-links a:hover,.nav-links a.active{color:#17191f}.nav-actions{display:flex;align-items:center;gap:10px}.mobile-menu-button{display:none;border:1px solid var(--border-color);border-radius:10px;padding:9px 12px;background:white}
.btn-primary-small,.btn-primary-large,.btn-submit,.btn-launch,.btn-secondary-small,.btn-secondary-large,.btn-sso{display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;font-weight:700;border-radius:10px;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s}.btn-primary-small,.btn-submit{background:#17191f;color:#fff;border:1px solid #17191f;padding:10px 16px;font-size:13px}.btn-primary-large{background:#17191f;color:#fff;border:1px solid #17191f;padding:14px 23px;font-size:14px}.btn-launch{background:var(--brand-blue);color:#fff;padding:10px 16px;font-size:13px;border:1px solid var(--brand-blue)}.btn-secondary-small,.btn-secondary-large{background:#fff;color:#242833;border:1px solid var(--border-color);padding:10px 15px;font-size:13px}.btn-secondary-large{padding:14px 22px;font-size:14px}.btn-primary-small:hover,.btn-primary-large:hover,.btn-submit:hover,.btn-launch:hover{transform:translateY(-2px);box-shadow:0 8px 22px #3659f52b}.btn-secondary-small:hover,.btn-secondary-large:hover,.btn-sso:hover{border-color:#aeb6c8;background:#fafbff}
.hero-section{max-width:var(--content);margin:auto;padding:104px 28px 84px;text-align:center}.hero-badge,.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid #e5e8f0;border-radius:999px;padding:7px 13px;background:#fff;color:#4d5667;font-size:11px;font-weight:750;letter-spacing:.07em;text-transform:uppercase}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#32b98b;box-shadow:0 0 0 4px #32b98b1b}.hero-title{font-size:clamp(42px,6.5vw,78px);font-weight:800;letter-spacing:-.075em;line-height:1.02;margin:25px auto 20px;max-width:950px}.highlight-text{background:linear-gradient(100deg,#3659f5 8%,#7959ed 55%,#bd6df3);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-subtitle{font-size:clamp(16px,1.8vw,19px);color:var(--text-sub);max-width:720px;margin:0 auto 30px;line-height:1.75}.hero-cta-group{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;margin:30px 0 52px}.hero-note{font-size:12px;color:#89909c;margin-top:16px}.app-preview-mockup{max-width:1040px;margin:0 auto;text-align:left;background:#fff;border:1px solid #e4e7ed;border-radius:20px;overflow:hidden;box-shadow:0 35px 100px #1c24401a}.mockup-header{height:43px;padding:0 16px;background:#fafbfc;border-bottom:1px solid #e9ebf0;display:flex;align-items:center;gap:7px}.dot{height:9px;width:9px;border-radius:50%}.dot.red{background:#ff625c}.dot.yellow{background:#ffc14d}.dot.green{background:#35c779}.mockup-title{font-size:11px;color:#7c8390;margin-left:8px}.mockup-body{min-height:300px;padding:52px 28px;display:grid;place-items:center;text-align:center;background:radial-gradient(ellipse at 50% 0%,#e9edff 0,transparent 58%),linear-gradient(135deg,#fbfcff,#f5f7ff)}.preview-hero-logo{height:42px;object-fit:contain}.mockup-body h3{font-size:25px;letter-spacing:-1px}.mockup-body p{max-width:560px;color:var(--text-sub)}
.content-container{width:min(var(--content),100%);padding:0 28px;margin:0 auto 90px;flex:1}.page-hero{text-align:center;padding:78px 0 48px}.page-hero .hero-title{font-size:clamp(36px,5vw,58px);margin:14px auto}.page-hero .hero-subtitle{font-size:16px;max-width:690px}.section{padding:86px 28px}.section-inner{max-width:var(--content);margin:0 auto}.section-header{text-align:center;max-width:760px;margin:0 auto 42px}.section-kicker{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-blue);margin-bottom:12px}.section-header h2,.section-title{font-size:clamp(29px,4vw,46px);line-height:1.12;letter-spacing:-.055em;font-weight:800;margin-bottom:14px}.section-header p,.section-lead{font-size:16px;color:var(--text-sub);line-height:1.8}.section-muted{background:var(--bg-subtle);border-block:1px solid var(--border-color)}.section-dark{background:#111318;color:#fff}.section-dark p{color:#b3b9c5}.section-dark .section-kicker{color:#aabaff}
.feature-grid,.download-grid,.contact-grid,.solutions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-card,.download-card,.contact-card,.solution-card{border:1px solid var(--border-color);background:#fff;border-radius:var(--radius);padding:27px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow-sm)}.feature-card h3,.download-card h3,.contact-card h3,.solution-card h3{font-size:17px;letter-spacing:-.35px}.feature-card p,.download-card p,.contact-card p,.solution-card p{font-size:13px;color:var(--text-sub);line-height:1.8}.feature-icon{height:42px;width:42px;display:grid;place-items:center;border-radius:13px;background:#eef1ff;color:var(--brand-blue);font-size:20px}.feature-card:hover,.pricing-card:hover,.solution-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);transition:.2s}
.split-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.split-copy h2{font-size:clamp(30px,4vw,46px);line-height:1.1;letter-spacing:-.06em;margin:14px 0}.split-copy p{color:var(--text-sub);line-height:1.85}.split-visual{min-height:340px;border:1px solid var(--border-color);border-radius:24px;background:radial-gradient(circle at 30% 25%,#dce4ff,transparent 42%),linear-gradient(145deg,#f9faff,#edf1ff);box-shadow:var(--shadow-lg);padding:25px;display:grid;place-items:center}.visual-panel{background:#fff;border:1px solid #e5e8f0;border-radius:16px;padding:22px;width:100%;max-width:410px;box-shadow:0 16px 50px #1c24401a}.visual-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #edf0f4;font-size:12px}.visual-row:last-child{border:0}.visual-dot{width:28px;height:28px;border-radius:9px;background:#edf0ff}
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1200px;margin:0 auto}.pricing-card{background:#fff;border:1px solid var(--border-color);border-radius:18px;padding:27px;position:relative;display:flex;flex-direction:column;gap:15px;box-shadow:var(--shadow-sm)}.pricing-card.featured-pricing{border:1.5px solid var(--brand-blue);box-shadow:0 18px 50px #3659f51c}.pricing-badge{position:absolute;top:17px;right:17px;color:var(--brand-blue);background:#eef1ff;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800;text-transform:uppercase}.pricing-card h3{font-size:18px}.price{font-size:37px;font-weight:800;letter-spacing:-2px}.price span{font-size:12px;letter-spacing:0;color:var(--text-sub);font-weight:500}.pricing-card>p{font-size:13px;color:var(--text-sub);min-height:58px}.plan-list{list-style:none;display:grid;gap:10px;margin:8px 0 12px}.plan-list li{font-size:12px;color:#505866}.plan-list li:before{content:'✓';color:#1eaa78;font-weight:800;margin-right:9px}.pricing-card .btn-primary-large,.pricing-card .btn-secondary-large{margin-top:auto;width:100%}
.comparison-wrap{overflow-x:auto;border:1px solid var(--border-color);border-radius:16px;background:#fff}.comparison-table{width:100%;border-collapse:collapse;min-width:850px}.comparison-table th,.comparison-table td{padding:15px 17px;border-bottom:1px solid var(--border-color);text-align:center;font-size:12px}.comparison-table th:first-child,.comparison-table td:first-child{text-align:left;font-weight:700}.comparison-table th{background:#f8f9fb;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.comparison-table tr:last-child td{border-bottom:0}
.auth-page{min-height:100vh;display:grid;place-items:center;padding:35px 18px;background:radial-gradient(ellipse at 20% 0%,#e9edff 0,transparent 42%),radial-gradient(ellipse at 100% 100%,#f1eaff 0,transparent 35%),#f7f8fb}.auth-layout{width:min(1040px,100%);display:grid;grid-template-columns:1fr 470px;background:#fff;border:1px solid #e7e9ef;border-radius:24px;overflow:hidden;box-shadow:0 30px 100px #1b234019}.auth-aside{padding:54px;background:linear-gradient(150deg,#202b68,#344ed3 55%,#7354dc);color:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:650px}.auth-aside h2{font-size:38px;line-height:1.08;letter-spacing:-2px;margin:28px 0 15px}.auth-aside p{color:#e1e6ff;font-size:14px;line-height:1.8}.auth-aside .brand-name{color:#fff}.auth-aside-points{display:grid;gap:14px;margin-top:35px}.auth-aside-points div{font-size:13px;color:#f1f3ff}.auth-container{padding:48px 42px;width:100%;max-width:540px;margin:auto}.auth-header{text-align:center;margin-bottom:25px}.auth-logo{height:38px;max-width:170px;object-fit:contain;margin:0 auto 18px;display:block}.auth-header h1{font-size:26px;letter-spacing:-1px;margin-bottom:6px}.auth-header p{font-size:13px;color:var(--text-sub)}.sso-buttons{display:grid;gap:10px;margin:22px 0}.btn-sso{width:100%;padding:12px;border:1px solid var(--border-color);background:#fff;color:#252936;font-size:13px}.auth-divider{display:flex;align-items:center;gap:12px;color:#959ba7;font-size:11px;margin:20px 0}.auth-divider:before,.auth-divider:after{content:'';height:1px;flex:1;background:var(--border-color)}.auth-form{display:grid;gap:15px}.input-group{display:grid;gap:7px}.input-group label{font-size:12px;font-weight:700;color:#3b414d}.input-group input,.input-group select,.input-group textarea,.form-control{width:100%;padding:12px 13px;border:1px solid #dfe3ea;border-radius:10px;background:#fff;color:var(--text-main);font-size:13px;outline:none;transition:border .15s,box-shadow .15s}.input-group input:focus,.input-group select:focus,.input-group textarea:focus,.form-control:focus{border-color:var(--brand-blue);box-shadow:0 0 0 3px #3659f51a}.auth-form .btn-submit{width:100%;padding:13px}.auth-footer{text-align:center;margin-top:22px;font-size:12px;color:var(--text-sub)}.auth-footer a,.back-link-wrap a{color:var(--brand-blue);text-decoration:none;font-weight:700}.back-link-wrap{text-align:center;margin-top:18px;font-size:12px;color:var(--text-sub)}.auth-message{display:none;padding:11px 13px;border-radius:10px;font-size:12px;margin:12px 0}.auth-message.error{display:block;background:#fff0f0;color:#a22;border:1px solid #ffd5d5}.auth-message.success{display:block;background:#edfbf5;color:#16784d;border:1px solid #c9f0dd}
.dashboard-welcome{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:50px 0 30px}.dashboard-welcome h1{font-size:36px;letter-spacing:-1.8px}.dashboard-welcome p{color:var(--text-sub);font-size:14px}.user-email-badge{font-size:11px;font-weight:700;color:var(--text-sub);background:#f7f8fa;padding:7px 11px;border-radius:8px;border:1px solid var(--border-color)}.alert-banner{background:#fff8e8;border:1px solid #f4dfae;color:#805700;padding:12px 15px;border-radius:10px;margin:16px 0;display:flex;justify-content:space-between;align-items:center;font-size:12px}.btn-link{background:none;border:0;color:var(--brand-blue);font-weight:700;text-decoration:underline}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:17px}.project-card{background:#fff;border:1px solid var(--border-color);border-radius:15px;overflow:hidden;cursor:pointer;transition:.2s}.project-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.create-card{min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1.5px dashed #c9ced9;color:var(--text-sub);font-size:13px}.plus-icon{font-size:30px;color:var(--brand-blue)}.card-thumb{aspect-ratio:16/9;background:linear-gradient(135deg,#e9edff,#f5eaff);padding:13px}.card-details{padding:15px}.card-details h4{font-size:13px}.card-details p{font-size:11px;color:var(--text-soft)}.badge-tag{background:#e9edff;color:var(--brand-blue);font-size:10px;font-weight:800;padding:4px 7px;border-radius:5px}
footer{margin-top:auto;border-top:1px solid var(--border-color);padding:36px 24px;text-align:center;color:#818896;font-size:11px;line-height:2.1}footer a{color:#4b61d8;text-decoration:none;font-weight:650}footer a:hover{text-decoration:underline}.footer-inner{max-width:var(--content);margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.footer-links{display:flex;gap:18px;flex-wrap:wrap}
.status-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border-color);border-radius:99px;padding:6px 10px;font-size:11px;color:var(--text-sub)}.status-pill:before{content:'';width:7px;height:7px;border-radius:50%;background:#2ab982}.empty-state{padding:48px 24px;border:1px dashed var(--border-color);border-radius:16px;text-align:center;color:var(--text-sub)}.link-action{color:var(--brand-blue);font-weight:700;text-decoration:none;font-size:13px}.faq-list{max-width:850px;margin:auto;display:grid;gap:12px}.faq-list details{border:1px solid var(--border-color);border-radius:12px;padding:17px 20px;background:white}.faq-list summary{font-size:13px;font-weight:700;cursor:pointer}.faq-list details p{font-size:12px;color:var(--text-sub);margin-top:12px;line-height:1.8}
@media(max-width:900px){.nav-links{gap:12px}.nav-links a{font-size:11px}.feature-grid,.download-grid,.contact-grid,.solutions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-layout{grid-template-columns:1fr 430px}.auth-aside{padding:35px}.split-layout{gap:30px}}
@media(max-width:700px){.site-header,.home-nav,.app-header{padding:12px 16px}.nav-links{display:none;position:absolute;top:60px;left:12px;right:12px;padding:18px;background:#fff;border:1px solid var(--border-color);border-radius:14px;box-shadow:var(--shadow-lg);flex-direction:column;align-items:stretch}.nav-links.is-open{display:flex}.mobile-menu-button{display:inline-flex}.nav-actions .btn-launch{display:none}.brand-name{font-size:13px}.hero-section{padding:72px 18px 58px}.hero-title{font-size:clamp(39px,12vw,58px)}.hero-subtitle{font-size:15px}.hero-cta-group{margin-bottom:34px}.mockup-body{min-height:250px;padding:35px 18px}.content-container{padding:0 18px}.page-hero{padding:58px 0 35px}.feature-grid,.download-grid,.contact-grid,.solutions-grid,.pricing-grid{grid-template-columns:1fr}.section{padding:62px 18px}.split-layout{grid-template-columns:1fr}.split-visual{min-height:260px}.dashboard-welcome{display:block;margin:36px 0 24px}.dashboard-welcome .btn-primary-large{margin-top:18px}.auth-layout{display:block;max-width:480px}.auth-aside{display:none}.auth-container{padding:36px 23px}.footer-inner{justify-content:center}.comparison-wrap{margin-inline:-10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.auth-page{display:flex;flex-direction:column;justify-content:center;align-items:center}.auth-page>.auth-layout{margin:auto}.auth-page>footer{width:100%;padding:22px 18px}

/* Interactive Studio visual system refresh */
:root{--brand-blue:#635bff;--brand-violet:#8b5cf6;--border-color:#e7e8f0;--bg-subtle:#f6f6fb;--radius:16px;--shadow-sm:0 5px 22px rgba(32,30,72,.045);--shadow-lg:0 22px 65px rgba(32,30,72,.11)}
::selection{background:#dedbff;color:#29245c}
:focus-visible{outline:3px solid #8b83ff!important;outline-offset:2px}
.home-nav,.site-header{box-shadow:0 2px 14px rgba(32,30,72,.025)}
.nav-links a{transition:color .16s ease}
.btn-primary-small,.btn-primary-large,.btn-launch,.btn-submit{background:#635bff;border-color:#635bff}
.btn-primary-small:hover,.btn-primary-large:hover,.btn-launch:hover,.btn-submit:hover{background:#5148e8;border-color:#5148e8}
.feature-card,.pricing-card,.solution-card,.contact-card,.download-card{border-radius:16px;box-shadow:0 5px 22px rgba(32,30,72,.045)}
.pricing-card{padding:28px}
.auth-page{background:radial-gradient(ellipse at 15% 15%,#eeecff 0,transparent 42%),#f7f7fb}
.auth-container{border:1px solid #e9e8f2;border-radius:20px;box-shadow:0 24px 80px rgba(35,31,80,.09)}
.auth-logo{max-width:190px;max-height:58px;object-fit:contain}
.sso-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.btn-sso{min-height:48px;border:1px solid #e5e6ee;background:#fff;color:#292b3a;border-radius:10px;font-size:13px}
.sso-logo{width:19px;height:19px;flex:0 0 19px}
.btn-sso:hover{background:#fafaff;border-color:#c9c5ff;box-shadow:0 5px 16px rgba(60,55,130,.07)}
.auth-message{border-radius:10px;padding:0}
.auth-message.error,.auth-message.success{padding:12px 14px;margin:12px 0}
@media(max-width:520px){.sso-buttons{grid-template-columns:1fr}.auth-container{border-radius:16px}}