:root{--navy:#06162f;--navy2:#09254e;--blue:#087cf4;--blue2:#18b9f2;--cyan:#37d4ef;--ink:#0d2141;--muted:#60748b;--line:#dbe5ef;--soft:#f5f9fd;--white:#fff;--green:#1c9a68;--shadow:0 20px 60px rgba(17,58,103,.10);--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.container{width:min(1280px,calc(100% - 56px));margin:auto}.narrow{max-width:820px}.topbar{position:absolute;top:0;left:0;width:100%;z-index:30;color:#fff}.topbar-inner{height:76px;display:flex;align-items:center;gap:28px}.brand{flex:0 0 auto}.brand-shell{display:inline-flex;align-items:center;justify-content:center;width:148px;height:42px;overflow:hidden;border-radius:12px;background:rgba(255,255,255,.98);box-shadow:0 4px 20px rgba(0,0,0,.10)}.brand-shell img{width:225px;max-width:none;transform:translateY(-1px)}.nav{display:flex;align-items:center;gap:25px;font-size:14px;margin-left:auto}.nav a{color:rgba(255,255,255,.86);transition:.2s}.nav a:hover{color:#fff}.top-actions{display:flex;align-items:center;gap:14px}.login-link{font-size:14px;color:#fff}.language-select{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#fff;border-radius:10px;padding:8px}.language-select option{color:#111}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:13px 19px;border:1px solid transparent;font-weight:700;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,#087cf4,#129dfb);color:#fff;box-shadow:0 10px 28px rgba(7,124,244,.26)}.btn-outline{background:#fff;color:var(--blue);border-color:#88bdf4}.btn-ghost{color:inherit;background:transparent;border-color:rgba(255,255,255,.15)}.btn-small{padding:10px 14px;border-radius:10px;font-size:14px}.hero{min-height:680px;position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 72% 45%,#063b82 0,#071d45 25%,#05162f 62%,#041126 100%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(38,144,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(38,144,255,.08) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,transparent 20%,#000 70%,transparent)}.hero-glow{position:absolute;width:520px;height:520px;border-radius:50%;right:11%;top:70px;background:radial-gradient(circle,rgba(14,160,255,.35),transparent 65%);filter:blur(12px)}.hero-inner{position:relative;z-index:2;padding-top:118px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:42px}.eyebrow{font-size:12px;letter-spacing:.14em;display:flex;gap:8px;align-items:center;color:#9cd8ff}.dot{width:8px;height:8px;background:#1dccff;border-radius:50%;box-shadow:0 0 18px #1dccff}.hero h1{font-size:58px;line-height:1.02;letter-spacing:-.045em;margin:16px 0 18px}.hero h1 span,.solution-copy h2 span{color:#28aefc}.hero-sub{max-width:620px;font-size:18px;line-height:1.55;color:#d5e2ef;margin:0 0 16px}.free-line{display:flex;align-items:center;gap:10px;font-size:14px;margin:10px 0 17px;color:#e7f4ff}.credit-pill{border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:6px 10px;color:#cde5f7;background:rgba(255,255,255,.06);font-weight:600}.prompt-card{background:linear-gradient(135deg,rgba(17,51,91,.90),rgba(10,35,68,.82));border:1px solid rgba(153,206,255,.28);border-radius:18px;padding:18px;box-shadow:0 22px 50px rgba(0,0,0,.22);backdrop-filter:blur(14px);max-width:630px}.prompt-title{display:block;font-size:17px;font-weight:700;margin-bottom:6px}.prompt-row{display:flex;gap:12px;align-items:center}.prompt-row textarea{flex:1;resize:none;border:0;background:transparent;color:#fff;outline:0;line-height:1.45;min-height:52px}.prompt-row textarea::placeholder{color:#9eb4cc}.send-button{width:48px;height:48px;border:0;border-radius:50%;background:linear-gradient(135deg,#0a83ff,#25b1ff);color:#fff;font-size:26px;cursor:pointer}.prompt-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.prompt-chips button{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.04);color:#dceafa;border-radius:999px;padding:7px 10px;font-size:12px;cursor:pointer}.prompt-chips button:hover{background:rgba(255,255,255,.10)}.hero-actions{display:flex;gap:12px;margin-top:14px}.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:21px;max-width:680px}.trust-item{display:flex;gap:10px;align-items:flex-start;padding-right:10px;border-right:1px solid rgba(255,255,255,.13)}.trust-item:last-child{border-right:0}.trust-icon{font-size:22px;color:#69c9ff}.trust-item strong{display:block;font-size:12px}.trust-item small{display:block;color:#a9bed2;font-size:11px;line-height:1.35;margin-top:3px}.hero-ane{position:relative;height:555px;align-self:end;display:flex;align-items:flex-end;justify-content:center}.hero-ane img{height:545px;width:420px;object-fit:cover;object-position:55% 48%;border-radius:38% 38% 4px 4px;mask-image:linear-gradient(#000 82%,transparent 100%);mix-blend-mode:screen;filter:saturate(1.06) contrast(1.03)}.ane-halo{position:absolute;width:405px;height:405px;border:1px solid rgba(68,189,255,.35);border-radius:50%;top:30px;left:50%;transform:translateX(-50%);box-shadow:0 0 0 30px rgba(0,132,255,.035),0 0 80px rgba(0,164,255,.25)}.core-card{position:absolute;right:-8px;top:250px;display:flex;gap:12px;align-items:center;width:190px;padding:15px;border-radius:16px;background:rgba(7,34,67,.88);border:1px solid rgba(105,195,255,.36);box-shadow:0 18px 36px rgba(0,0,0,.24);backdrop-filter:blur(10px)}.core-icon{width:42px;height:42px;border:1px solid #2bbdff;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#47d9ff;font-size:24px}.core-card strong{display:block;font-size:12px}.core-card span:last-child{display:block;color:#a9d9fa;font-size:12px;margin-top:3px}.section{padding:78px 0}.section.compact{padding:58px 0 48px}.section.soft{background:linear-gradient(#f8fbfe,#f4f8fc)}.section-heading{text-align:center;max-width:780px;margin:0 auto 32px}.section-heading h2{font-size:38px;letter-spacing:-.035em;margin:0 0 8px}.section-heading p{color:var(--muted);margin:0;line-height:1.55}.mini-label{display:inline-block;color:var(--blue);font-weight:800;font-size:11px;letter-spacing:.12em;margin-top:12px}.steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:stretch;gap:8px}.step{position:relative;border:1px solid var(--line);border-radius:18px;padding:24px 18px 20px;text-align:center;background:#fff;box-shadow:0 10px 30px rgba(19,64,108,.05)}.step b{position:absolute;top:12px;left:12px;background:var(--blue);color:#fff;width:24px;height:24px;border-radius:50%;font-size:12px;display:flex;align-items:center;justify-content:center}.step-icon{display:block;color:var(--blue);font-size:38px;height:46px}.step h3{font-size:16px;margin:12px 0 8px}.step p{font-size:13px;color:var(--muted);line-height:1.45;margin:0}.step-arrow{align-self:center;color:var(--blue);font-size:22px}.solution-band{padding-top:20px}.solution-panel{display:grid;grid-template-columns:1.1fr 1.9fr;gap:34px;align-items:center;border:1px solid var(--line);background:#fff;border-radius:24px;padding:32px 36px;box-shadow:var(--shadow)}.solution-copy h2{font-size:34px;line-height:1.12;letter-spacing:-.035em;margin:0 0 12px}.solution-copy p{color:var(--muted);line-height:1.5;margin:0}.solution-flow{display:flex;align-items:center;justify-content:space-between;gap:11px}.solution-flow>div{text-align:center;min-width:96px}.solution-flow span{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 9px;background:#eef7ff;color:var(--blue);font-size:22px}.solution-flow strong,.solution-flow small{display:block}.solution-flow small{color:var(--muted);font-size:11px;margin-top:5px}.solution-flow i{color:var(--blue);font-style:normal}.project-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.project-card{border:1px solid var(--line);border-radius:18px;padding:10px 10px 18px;background:#fff;box-shadow:0 8px 28px rgba(16,64,105,.06);transition:.2s}.project-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(16,64,105,.12)}.project-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px}.project-card h3{font-size:15px;margin:14px 4px 6px}.project-card p{font-size:12px;line-height:1.45;color:var(--muted);margin:0 4px}.section-inline-cta{text-align:center;margin-top:22px;color:var(--blue);font-size:14px}.section-inline-cta a{font-weight:700}.profile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.profile-card{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 10px 25px rgba(19,64,108,.06)}.profile-card img{width:100%;height:165px;object-fit:cover;display:block}.profile-card div{padding:17px}.profile-card h3{margin:0 0 6px;font-size:16px}.profile-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.feature-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.feature-grid article{border:1px solid var(--line);border-radius:17px;padding:20px 16px;background:#fff;min-height:150px}.feature-grid article>span{font-size:25px;color:var(--blue)}.feature-grid h3{font-size:14px;margin:12px 0 7px}.feature-grid p{font-size:12px;color:var(--muted);line-height:1.45;margin:0}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1000px;margin:auto}.price-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px 28px;display:flex;flex-direction:column;min-height:430px;box-shadow:0 10px 30px rgba(16,64,105,.06)}.pro-card{border:2px solid var(--blue);box-shadow:0 18px 45px rgba(7,124,244,.14)}.popular{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--blue);color:#fff;border-radius:999px;padding:7px 14px;font-size:11px;font-weight:800}.plan-name{font-weight:800;color:var(--ink)}.price-free{font-size:38px;color:var(--blue);font-weight:800;margin:10px 0 3px}.price{font-size:34px;font-weight:800;margin:10px 0 3px}.price small{font-size:15px}.price-business{font-size:28px;font-weight:800;margin:14px 0 10px}.price-card>strong{font-size:16px}.price-card>strong small{color:var(--muted);font-weight:500}.price-card p{color:var(--muted);line-height:1.45}.price-card ul{list-style:none;padding:0;margin:8px 0 24px;display:grid;gap:11px;font-size:13px;color:#425b73}.price-card li::first-letter{color:var(--green)}.price-card .btn{margin-top:auto}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;max-width:960px;margin:auto}.faq-grid details{border:1px solid var(--line);border-radius:14px;background:#fff;padding:0 16px}.faq-grid summary{padding:15px 0;cursor:pointer;font-weight:700;font-size:14px}.faq-grid p{color:var(--muted);font-size:13px;line-height:1.55;margin-top:0}.final-cta{padding-top:20px}.cta-panel{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;background:linear-gradient(135deg,#061a37,#073d7d);color:#fff;border-radius:22px;padding:25px 30px;box-shadow:0 20px 50px rgba(0,33,76,.2)}.cta-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:#0b69c7;color:#55dcff;font-size:26px}.cta-panel h2{margin:0 0 5px;font-size:24px}.cta-panel p{margin:0;color:#c6d9e8}.footer{background:#06152d;color:#d4e0eb;padding:45px 0 18px}.footer-grid{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:40px}.footer-brand p{max-width:290px;color:#9fb5ca;font-size:13px;line-height:1.55}.footer-brand small{color:#5e7790;font-size:10px}.footer-logo{width:168px;height:46px}.footer h4{margin:4px 0 14px;color:#fff;font-size:14px}.footer a{display:block;color:#9fb5ca;font-size:12px;margin:9px 0}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:32px;padding-top:18px;text-align:center;color:#6e879e;font-size:11px}.content-body .topbar{position:relative;background:#06162f}.content-main{min-height:70vh;padding:100px 0;background:linear-gradient(#f7fbff,#fff)}.content-main h1{font-size:52px;letter-spacing:-.04em;margin:12px 0}.lead{font-size:19px;line-height:1.7;color:var(--muted);margin-bottom:30px}.contact-form{display:grid;gap:12px;margin:30px 0}.contact-form input,.contact-form textarea,.contact-form select{border:1px solid var(--line);border-radius:12px;padding:13px;background:#fff}.status-board{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:30px 0}.status-board>div{border:1px solid var(--line);border-radius:16px;padding:20px;background:#fff}.status-board span,.status-board strong{display:block}.status-board span{color:var(--muted);font-size:12px}.status-board strong{margin-top:7px}.app-body{background:#f4f7fb}.app-topbar{height:70px;background:#07172f;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:50}.app-brand .brand-shell{width:145px;height:39px}.app-top-actions{display:flex;align-items:center;gap:12px;font-size:13px}.status-pill,.credits-badge,.state-badge{display:inline-flex;align-items:center;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:700}.status-pill{background:#153860;color:#b8dcff}.status-pill.connected{background:#153f33;color:#9af0ca}.status-pill.pending{background:#4a3514;color:#ffd992}.credits-badge{background:#0b315d;color:#aeddff}.creator-shell{display:grid;grid-template-columns:250px 1fr;min-height:calc(100vh - 70px)}.creator-sidebar,.dashboard-sidebar{background:#fff;border-right:1px solid var(--line);padding:22px 18px}.back-link{color:var(--muted);font-size:13px}.creator-project{margin:24px 0}.creator-project small,.creator-header small,.dashboard-heading small{color:#8295a9;font-size:10px;letter-spacing:.12em;font-weight:800}.creator-project h1{font-size:21px;margin:6px 0 10px}.state-badge{background:#e7f2ff;color:#0873df}.creator-nav{display:grid;gap:6px}.creator-nav button{border:0;background:transparent;text-align:left;padding:11px 12px;border-radius:10px;color:#486076;cursor:pointer}.creator-nav button.active{background:#eaf4ff;color:#0873df;font-weight:800}.sidebar-status{margin-top:30px;border-top:1px solid var(--line);padding-top:18px}.sidebar-status strong{font-size:13px}.sidebar-status ol{padding-left:20px;color:#8a9caf;font-size:12px;line-height:2}.sidebar-status li.current{color:var(--blue);font-weight:800}.creator-main{padding:28px;max-width:1100px;width:100%;margin:0 auto}.creator-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.creator-header h2{margin:6px 0 0;font-size:28px}.channel-switch{background:#eaf0f6;border-radius:12px;padding:4px}.channel-switch button{border:0;border-radius:9px;padding:8px 15px;background:transparent;color:#64798f}.channel-switch button.active{background:#fff;color:var(--blue);font-weight:800;box-shadow:0 3px 12px rgba(0,0,0,.08)}.conversation-panel,.panel-card,.dashboard-card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 35px rgba(16,64,105,.05)}.messages{min-height:390px;max-height:55vh;overflow:auto;padding:25px}.message{display:flex;gap:10px;margin-bottom:17px}.message.user{justify-content:flex-end}.message.user .message-bubble{background:#0d7ff2;color:#fff}.ane-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#0c78ed,#30d0f0);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;flex:0 0 auto}.message-bubble{max-width:72%;background:#eef5fb;border-radius:15px;padding:12px 15px}.message-bubble strong{font-size:12px}.message-bubble p{margin:4px 0 0;line-height:1.5;font-size:14px}.core-offline{margin:0 22px 14px;border:1px solid #f2d28b;background:#fff9e9;color:#735716;border-radius:12px;padding:12px 14px;font-size:12px;display:grid;gap:3px}.composer{border-top:1px solid var(--line);padding:16px}.composer textarea{width:100%;border:0;outline:0;resize:none;line-height:1.45}.composer-row{display:flex;align-items:center;gap:12px}.attach-button{border:1px solid var(--line);border-radius:10px;padding:9px 11px;color:#557087;font-size:12px;cursor:pointer}.composer-row>span{flex:1;color:#8195a8;font-size:11px}.auth-gate{border:1px solid #bbdaf8;background:#eef7ff;border-radius:18px;padding:18px;margin-bottom:16px}.auth-gate h3{margin:0}.auth-gate p{color:#60748b}.auth-inline{display:grid;grid-template-columns:1fr 1.2fr 1fr auto auto;gap:8px}.auth-inline input{border:1px solid #cdddea;border-radius:10px;padding:10px}.auth-inline a{align-self:center;color:var(--blue);font-size:12px}.form-error{color:#b63b3b;font-size:12px}.tab-panel{display:grid;gap:16px}.panel-card{padding:22px}.panel-card h3{margin-top:0}.project-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.project-summary-grid>div{background:#f7fafc;border-radius:12px;padding:14px}.project-summary-grid small,.project-summary-grid strong{display:block}.project-summary-grid small{color:#8094a8;font-size:11px}.project-summary-grid strong{margin-top:4px}.panel-card textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px;resize:vertical;margin-bottom:10px}.approval-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.approval-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.approval-card.approved{border-color:#9bd8bd;background:#f4fcf8}.approval-card h3{margin:0 0 6px}.approval-card p{color:var(--muted);font-size:13px}.preview-placeholder{text-align:center;padding:60px 20px}.preview-placeholder>span{font-size:55px;color:var(--blue)}.file-list{display:grid;gap:8px}.file-item{display:flex;justify-content:space-between;padding:10px;background:#f7fafc;border-radius:10px}.dashboard-shell{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 70px)}.dashboard-sidebar h3{font-size:15px;margin:4px 0 18px}.dashboard-sidebar a{display:block;padding:11px;border-radius:10px;color:#536b81;font-size:13px;margin:4px 0}.dashboard-sidebar a.active{background:#eaf4ff;color:var(--blue);font-weight:800}.side-divider{border-top:1px solid var(--line);margin:20px 0}.dashboard-sidebar small{color:#93a3b4;font-size:10px;letter-spacing:.12em}.side-status{font-size:12px;color:#60748b;margin-top:8px}.dashboard-main{padding:32px;max-width:1250px;width:100%;margin:0 auto}.dashboard-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.dashboard-heading h1{font-size:34px;margin:6px 0}.dashboard-heading p{color:var(--muted);margin:0}.dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.dashboard-stats article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.dashboard-stats small,.dashboard-stats strong{display:block}.dashboard-stats small{color:#7d91a4}.dashboard-stats strong{font-size:24px;margin-top:5px}.dashboard-card{padding:22px;margin-bottom:18px}.card-heading{display:flex;justify-content:space-between;align-items:center}.card-heading h2,.dashboard-card h2{font-size:19px;margin:0 0 16px}.view-tabs button{border:0;background:#f0f4f8;padding:7px 10px}.view-tabs button.active{background:#dceeff;color:var(--blue)}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.project-tile{border:1px solid var(--line);border-radius:14px;padding:16px;background:#fafcff}.project-tile h3{margin:7px 0;font-size:17px}.project-tile p{color:var(--muted);font-size:12px}.project-tile .tile-meta{display:flex;justify-content:space-between;align-items:center;margin-top:15px;font-size:11px;color:#8094a8}.empty-state{grid-column:1/-1;text-align:center;padding:50px 10px;color:#60748b}.empty-state>span{font-size:34px;color:var(--blue)}.empty-state h3{color:var(--ink)}.dashboard-two{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.meter{height:10px;background:#e7eef5;border-radius:999px;overflow:hidden}.meter>div{height:100%;background:linear-gradient(90deg,#0c7ff2,#28b7f7)}.auth-body{background:#f6f9fc}.auth-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.auth-brand-panel{background:radial-gradient(circle at 80% 25%,#0b4b93,#06162f 60%);color:#fff;padding:50px;display:flex;flex-direction:column;justify-content:space-between}.auth-logo{width:175px;height:50px}.auth-brand-panel h1{font-size:50px;letter-spacing:-.04em;max-width:540px}.auth-brand-panel p{color:#b9cee1;max-width:520px;line-height:1.6}.auth-form-panel{display:flex;align-items:center;justify-content:center;padding:30px}.auth-card{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:var(--shadow)}.auth-card h2{font-size:30px;margin:0}.auth-card>p{color:var(--muted)}.auth-card form{display:grid;gap:14px}.auth-card label{font-size:12px;font-weight:700;display:grid;gap:6px}.auth-card input{padding:12px;border:1px solid var(--line);border-radius:10px}.auth-separator{position:relative;text-align:center;margin:20px 0}.auth-separator::before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px solid var(--line)}.auth-separator span{position:relative;background:#fff;padding:0 10px;color:#8fa1b2;font-size:11px}
@media(max-width:1000px){.nav{display:none;position:absolute;left:20px;right:20px;top:70px;background:#092249;border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:18px;flex-direction:column}.nav.open{display:flex}.menu-toggle{display:block}.hero-inner{grid-template-columns:1fr}.hero{min-height:auto}.hero-copy{padding-bottom:20px}.hero-ane{height:440px}.hero-ane img{height:430px}.core-card{right:4%;top:180px}.project-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:repeat(3,1fr)}.steps{grid-template-columns:repeat(5,1fr)}.step-arrow{display:none}.solution-panel{grid-template-columns:1fr}.dashboard-sidebar,.creator-sidebar{display:none}.dashboard-shell,.creator-shell{grid-template-columns:1fr}.auth-inline{grid-template-columns:1fr 1fr}.auth-inline .btn{grid-column:1/-1}.auth-layout{grid-template-columns:1fr}.auth-brand-panel{min-height:380px}.auth-form-panel{padding:40px 20px}}
@media(max-width:700px){.container{width:min(100% - 26px,1180px)}.topbar-inner{height:68px}.brand-shell{width:128px;height:38px}.brand-shell img{width:202px}.language-select{display:none}.login-link{display:none}.hero-inner{padding-top:92px}.hero h1{font-size:42px}.hero-sub{font-size:16px}.trust-row{grid-template-columns:1fr}.trust-item{border-right:0}.hero-ane{height:390px}.hero-ane img{height:380px;width:330px}.core-card{right:0;top:205px;width:175px}.section{padding:55px 0}.section-heading h2{font-size:31px}.steps{grid-template-columns:1fr 1fr}.step:last-child{grid-column:1/-1}.solution-flow{display:grid;grid-template-columns:1fr 1fr}.solution-flow i{display:none}.project-grid{grid-template-columns:1fr}.profile-grid{grid-template-columns:1fr 1fr}.feature-grid{grid-template-columns:1fr 1fr}.pricing-grid{grid-template-columns:1fr}.faq-grid{grid-template-columns:1fr}.cta-panel{grid-template-columns:1fr;text-align:center}.cta-icon{margin:auto}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.prompt-chips{overflow-x:auto;flex-wrap:nowrap}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.dashboard-main,.creator-main{padding:18px}.dashboard-heading{align-items:flex-start;gap:14px;flex-direction:column}.dashboard-stats{grid-template-columns:1fr 1fr}.projects-grid{grid-template-columns:1fr}.dashboard-two{grid-template-columns:1fr}.project-summary-grid{grid-template-columns:1fr 1fr}.approval-grid{grid-template-columns:1fr}.composer-row{flex-wrap:wrap}.composer-row>span{width:100%;order:3}.auth-brand-panel{padding:30px;min-height:320px}.auth-brand-panel h1{font-size:38px}.profile-card img{height:130px}}

/* === BuildAne v1.2 premium/product-led refinements === */
:root{--navy:#041226;--navy-2:#071c3b;--blue:#087cf4;--cyan:#24c9f4;--ink:#10223d;--muted:#65798e;--line:#dce7f1;--soft:#f6f9fc;--shadow-lg:0 28px 90px rgba(5,35,75,.14)}
body{font-feature-settings:"kern" 1,"liga" 1;text-rendering:optimizeLegibility}.marketing-page{overflow-x:hidden}.topbar{position:absolute}.topbar-inner{height:82px}.brand-shell{background:transparent;box-shadow:none;width:150px;height:44px;justify-content:flex-start}.brand-shell img{width:142px;max-width:100%;transform:none}.locale-compact{display:inline-flex;align-items:center;gap:5px;border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:5px 7px;color:#fff;background:rgba(255,255,255,.06)}.locale-compact select{background:transparent;border:0;color:inherit;outline:0;font-size:12px;font-weight:800}.locale-compact option{color:#111}.locale-compact.dark{border-color:#d6e3ef;color:#38536d;background:#fff}.btn-wide{min-width:200px}.btn-soft{background:#eef5fb;color:#28465f;border-color:#d8e6f1}.btn-light{background:#fff;color:#0d62be;border-color:#fff}.full{width:100%}.section-kicker{display:block;color:#1689ee;font-size:11px;letter-spacing:.16em;font-weight:900;margin-bottom:8px}.centered{text-align:center}
.hero{min-height:760px;background:radial-gradient(circle at 73% 42%,#0a4a9a 0,#072e67 20%,#071a38 48%,#031020 100%)}.hero:after{content:"";position:absolute;inset:auto 0 0;height:100px;background:linear-gradient(transparent,rgba(2,13,29,.78))}.hero-inner{padding-top:132px;grid-template-columns:1.04fr .96fr;gap:44px}.hero h1{font-size:64px;max-width:650px}.hero-sub{font-size:18px;max-width:600px}.spark{color:#46d4ff}.prompt-card.premium{max-width:650px;padding:20px 21px;background:linear-gradient(155deg,rgba(18,51,91,.92),rgba(6,27,54,.86));border:1px solid rgba(121,196,255,.32);border-radius:20px;box-shadow:0 28px 65px rgba(0,0,0,.30),inset 0 1px rgba(255,255,255,.05)}.prompt-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.prompt-kicker{display:block;color:#68d4ff;font-size:9px;letter-spacing:.14em;font-weight:900;margin-bottom:5px}.prompt-status{font-size:10px;color:#c8e7f9;display:flex;align-items:center;gap:6px;white-space:nowrap}.prompt-status i{width:7px;height:7px;border-radius:50%;background:#35e59a;box-shadow:0 0 10px #35e59a}.prompt-row{border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:6px 8px 6px 14px;background:rgba(3,19,39,.34)}.prompt-row textarea{font-size:15px}.prompt-footer{border-top:1px solid rgba(255,255,255,.08);margin-top:11px;padding-top:11px}.prompt-row textarea.attention{outline:2px solid #38bdf8;border-radius:8px}.trust-item strong{font-size:13px}.trust-item small{font-size:11px}.hero-ane{height:620px}.hero-ane img{position:relative;z-index:3;height:595px;width:455px;object-fit:cover;object-position:50% 39%;border-radius:38px;mask-image:linear-gradient(#000 90%,transparent 100%);mix-blend-mode:normal;filter:saturate(1.03) contrast(1.05);box-shadow:0 50px 100px rgba(0,0,0,.20)}.ane-rings{position:absolute;width:480px;height:480px;border-radius:50%;top:40px;background:radial-gradient(circle,rgba(20,145,255,.16),transparent 52%),repeating-radial-gradient(circle,transparent 0 58px,rgba(42,166,255,.16) 59px 60px);filter:drop-shadow(0 0 20px rgba(21,163,255,.18))}.ane-floor{position:absolute;bottom:10px;width:580px;height:145px;transform:perspective(240px) rotateX(65deg);background:linear-gradient(90deg,transparent,rgba(14,126,245,.23),transparent),repeating-linear-gradient(0deg,rgba(20,147,255,.18) 0 1px,transparent 1px 20px);opacity:.6}.core-card{z-index:4;right:-2px;top:280px;width:215px;padding:17px}.how-section{background:#fff}.premium-steps .step{padding-top:30px;transition:.22s}.premium-steps .step:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(23,80,135,.10)}.solution-band{padding-top:34px}.solution-panel{border:1px solid #d8e7f3;background:linear-gradient(135deg,#f8fbff,#f1f8fe);border-radius:26px;padding:40px;box-shadow:0 18px 55px rgba(16,67,112,.06)}.solution-copy h2{font-size:36px;margin:0 0 10px}.solution-flow>div{background:#fff;border:1px solid #dce8f2;box-shadow:0 8px 24px rgba(15,60,105,.05)}
.premium-projects .project-card{overflow:hidden;border-radius:20px;background:#fff;border:1px solid #dce7f1;box-shadow:0 14px 38px rgba(14,59,104,.07);transition:.22s}.premium-projects .project-card:hover{transform:translateY(-5px);box-shadow:0 24px 55px rgba(14,59,104,.12)}.app-shot{height:210px;padding:14px;background:#eff5fb;overflow:hidden;position:relative}.project-card-copy{display:flex;gap:10px;padding:16px}.project-card-copy>span{color:#0b83f4;font-size:22px}.project-card-copy h3{margin:0 0 4px;font-size:16px}.project-card-copy p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.browser-bar{height:20px;background:#101a29;border-radius:9px 9px 0 0;display:flex;gap:4px;padding:7px 8px}.browser-bar i{width:5px;height:5px;border-radius:50%;background:#64758b}.browser-bar span{margin-left:auto;width:45%;height:5px;border-radius:5px;background:#27364b}.shot-website{background:linear-gradient(#edf3f7,#dbe6ee)}.shot-website>.browser-bar,.shot-website>.web-nav,.shot-website>.web-hero{position:relative;z-index:2}.web-nav{height:33px;background:#fff;display:flex;align-items:center;padding:0 9px;gap:10px;font-size:7px}.web-nav b{font-size:10px}.web-nav span{margin-left:auto;color:#5d6e7c}.web-nav em{font-style:normal;background:#10283e;color:#fff;padding:4px 7px;border-radius:5px}.web-hero{height:126px;padding:22px 16px;background:linear-gradient(100deg,rgba(3,20,31,.82),rgba(3,20,31,.22)),radial-gradient(circle at 80% 50%,#52777e,#132f3d 65%);color:#fff}.web-hero small{font-size:6px;letter-spacing:.18em}.web-hero strong{display:block;font-size:17px;line-height:1.02;margin:8px 0}.web-hero button{border:0;border-radius:5px;background:#fff;color:#123;padding:5px 8px;font-size:7px}.shot-head,.dash-head{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:9px 10px;border-radius:8px 8px 0 0;font-size:8px}.shot-head span,.dash-head span{background:#0a82ef;color:#fff;padding:5px;border-radius:5px}.kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:8px;background:#f7f9fc;height:155px}.kanban>div{background:#edf2f6;border-radius:6px;padding:5px}.kanban small{font-size:5px;color:#5a6a78}.kanban i{display:block;height:28px;background:#fff;border:1px solid #e1e7ed;border-radius:5px;margin-top:5px;box-shadow:0 2px 5px rgba(0,0,0,.03)}.shot-dashboard{background:#07162b;color:#e8f6ff}.dash-head{background:#0c1d35;color:#e8f6ff}.dash-head span{background:#132e50;color:#a8c8df}.dash-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0}.dash-kpis i{font-style:normal;background:#0d223e;border:1px solid #163759;border-radius:7px;padding:7px}.dash-kpis small,.dash-kpis strong{display:block}.dash-kpis small{font-size:6px;color:#7998b4}.dash-kpis strong{font-size:11px;margin-top:2px}.dash-chart{height:90px;background:linear-gradient(rgba(34,87,133,.25) 1px,transparent 1px);background-size:100% 22px;position:relative}.dash-chart svg{position:absolute;inset:0;width:100%;height:100%}.shot-operations{background:#eef6f8}.admin-nav{display:flex;gap:7px;background:#17374d;color:#fff;padding:8px;font-size:6px}.admin-nav b{font-size:9px;margin-right:auto}.admin-kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:8px}.admin-kpi i{height:35px;background:#fff;border-radius:7px;border:1px solid #dbe5e9}.admin-table{margin:0 8px;background:#fff;border-radius:7px;padding:7px}.admin-table span{display:block;height:13px;border-bottom:1px solid #e9eef1}.shot-saas{background:#f5f3ff}.saas-side{position:absolute;left:14px;top:14px;bottom:14px;width:48px;border-radius:8px;background:#1d1740}.saas-side i{display:block;height:7px;background:#6658ac;border-radius:4px;margin:10px 9px}.saas-main{margin-left:58px;background:#fff;border-radius:8px;padding:10px;height:182px}.saas-main b{font-size:9px}.saas-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.saas-cards i{height:42px;background:#f5f2ff;border:1px solid #e1dafc;border-radius:7px}.saas-list{margin-top:8px}.saas-list span{display:block;height:16px;border-bottom:1px solid #edeaf7}
.profile-grid.premium-profiles .profile-card{border-radius:20px;overflow:hidden;border:1px solid #dce7f1;box-shadow:0 14px 38px rgba(14,59,104,.07)}.profile-card img{height:205px;width:100%;object-fit:cover;object-position:center 38%;filter:saturate(.98) contrast(1.03)}.profile-card-copy{padding:16px}.profile-card-copy h3{margin:0 0 5px}.profile-card-copy p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.feature-grid .feature-card{border-radius:18px;min-height:150px}.pricing-section{background:linear-gradient(#fff,#f7fbff)}.pricing-card{border-radius:22px;padding:28px;position:relative}.pricing-card.featured{transform:translateY(-8px);border:2px solid #1685f4;box-shadow:0 25px 65px rgba(10,117,235,.15)}.plan-name{font-size:15px;font-weight:800}.plan-price{font-size:32px;font-weight:900;margin:7px 0}.plan-price span{font-size:14px}.plan-credits{font-weight:800;color:#167ce1}.plan-list{list-style:none;padding:0;margin:20px 0;display:grid;gap:9px}.plan-list li{font-size:12px;color:#4d657b;line-height:1.4;padding-left:18px;position:relative}.plan-list li:before{content:"✓";position:absolute;left:0;color:#21a46b;font-weight:900}.plan-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:#0d7cf0;color:#fff;border-radius:999px;padding:6px 15px;font-size:10px;font-weight:900;white-space:nowrap}.limits-table-wrap{margin-top:30px}.limits-toggle{display:flex;margin:auto;border:0;background:transparent;color:#0b75da;font-weight:800;cursor:pointer}.limits-table{margin-top:15px;border:1px solid #dce7f1;border-radius:16px;overflow:hidden}.limits-table table{width:100%;border-collapse:collapse}.limits-table th,.limits-table td{text-align:left;padding:12px 14px;border-bottom:1px solid #e7eef5;font-size:12px}.limits-table th{background:#f3f8fc}.faq-item{border:1px solid #dce7f1;border-radius:14px;background:#fff;overflow:hidden}.faq-item summary{padding:15px 16px;font-weight:800;font-size:13px;cursor:pointer}.faq-item p{margin:0;padding:0 16px 16px;color:var(--muted);font-size:12px;line-height:1.55}.cta-panel{border-radius:24px}.footer .brand-shell{width:150px}.footer .brand-shell img{width:145px}
.modal-backdrop{position:fixed;z-index:1000;inset:0;background:rgba(3,12,26,.70);backdrop-filter:blur(9px);display:flex;align-items:center;justify-content:center;padding:24px}.modal-backdrop[hidden]{display:none}.modal-card{position:relative;width:min(520px,100%);max-height:calc(100vh - 48px);overflow:auto;background:#fff;border-radius:24px;padding:30px;box-shadow:0 35px 120px rgba(0,0,0,.30)}.modal-card h2{font-size:30px;letter-spacing:-.035em;margin:15px 0 8px}.modal-card>p{color:var(--muted);line-height:1.55}.modal-close{position:absolute;right:18px;top:14px;width:34px;height:34px;border:0;border-radius:50%;background:#eef4f8;color:#567087;font-size:22px;cursor:pointer}.modal-brand{display:flex;align-items:center;gap:10px}.modal-brand>span{width:40px;height:40px;border-radius:12px;background:#e8f4ff;color:#0a83f2;display:flex;align-items:center;justify-content:center;font-size:20px}.modal-brand small,.modal-brand strong{display:block}.modal-brand small{font-size:9px;letter-spacing:.13em;color:#7b92a7}.oauth-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin:18px 0}.oauth-grid.vertical{grid-template-columns:1fr}.oauth-button{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #d7e2ec;border-radius:11px;padding:11px;background:#fff;font-size:11px}.oauth-button:hover{border-color:#9ec7eb;background:#f9fcff}.oauth-button.disabled{opacity:.46;cursor:not-allowed}.oauth-button span{font-size:16px}.signup-form,.modal-card form{display:grid;gap:12px}.signup-form label,.modal-card form label{display:grid;gap:6px;font-size:11px;font-weight:800}.signup-form input,.modal-card input,.modal-card textarea{border:1px solid #d6e2ec;border-radius:11px;padding:11px;outline:0}.terms-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start;gap:9px!important;font-weight:500!important;color:#5d7286;line-height:1.45}.terms-check input{margin-top:3px}.terms-check a,.auth-switch a,.back-link,.auth-row a{color:#0879e5;font-weight:800}.auth-switch{text-align:center;font-size:12px}.form-error{min-height:14px;color:#b83b45;font-size:12px}.form-message{color:#176e4b;font-size:12px;line-height:1.5}.channel-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.channel-card{border:1px solid #d8e5f0;background:#fff;border-radius:18px;padding:20px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:7px;transition:.2s}.channel-card:hover{border-color:#67aff0;transform:translateY(-2px);box-shadow:0 12px 30px rgba(12,92,164,.10)}.channel-icon{width:44px;height:44px;border-radius:13px;background:#e9f4ff;color:#087cf4;display:flex;align-items:center;justify-content:center;font-size:21px}.channel-card strong{font-size:16px}.channel-card small{color:#687d91;line-height:1.45}.channel-card em{font-style:normal;color:#0c80ee;font-size:10px;font-weight:900;margin-top:5px}.modal-open{overflow:hidden}
/* workspace */
.workspace-topbar{height:72px;background:#fff;border-bottom:1px solid #dce7f1;display:flex;align-items:center;padding:0 22px;gap:24px;position:sticky;top:0;z-index:50}.workspace-brand{width:135px;display:flex;overflow:hidden}.workspace-brand img{width:132px}.workspace-project{display:flex;align-items:center;gap:10px;min-width:0}.workspace-project small{font-size:9px;letter-spacing:.14em;color:#8ca0b3}.workspace-project strong{max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.core-status{display:flex;align-items:center;gap:6px;border:1px solid #d7e3ed;border-radius:999px;padding:7px 10px;color:#7890a5;font-size:10px;font-weight:800}.core-status i{width:7px;height:7px;border-radius:50%;background:#e6a73b}.core-status.connected i{background:#27bd7b;box-shadow:0 0 8px rgba(39,189,123,.6)}.credit-counter{display:flex;gap:5px;align-items:baseline;border:1px solid #d7e3ed;border-radius:10px;padding:7px 10px}.credit-counter small{font-size:9px;color:#879bac}.creator-body,.dashboard-body{background:#f5f8fb}.premium-workspace{grid-template-columns:205px minmax(0,1fr)}.creator-sidebar,.dashboard-sidebar{background:#fbfdff;border-right:1px solid #dbe6ef;padding:24px 16px}.creator-main{max-width:1500px}.creator-header{align-items:center}.channel-switch{border:1px solid #d6e2eb;background:#eef3f7}.work-panel{display:none}.work-panel.active{display:block}.conversation-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:18px}.conversation-panel{overflow:hidden}.ane-compact{height:60px;border-bottom:1px solid #e2eaf1;background:linear-gradient(90deg,#f8fbfe,#fff);display:flex;align-items:center;gap:10px;padding:8px 16px}.ane-compact img{width:42px;height:42px;border-radius:50%;object-fit:cover;object-position:50% 20%}.ane-compact small,.ane-compact strong{display:block}.ane-compact small{font-size:8px;letter-spacing:.12em;color:#8194a7}.listening-dot{margin-left:auto;width:8px;height:8px;border-radius:50%;background:#34c98a}.ane-compact.voice-active .listening-dot{animation:pulse 1.3s infinite}@keyframes pulse{50%{box-shadow:0 0 0 8px rgba(52,201,138,.12)}}.messages{min-height:450px}.conversation-empty{text-align:center;padding:110px 25px;color:#697f93;display:grid;gap:8px}.conversation-empty span{font-size:34px;color:#0b87f5}.conversation-empty strong{color:#19344d}.tool-button{display:inline-flex!important;align-items:center;gap:6px;border:1px solid #d8e4ee;background:#fff;border-radius:10px;padding:8px 10px!important;font-size:11px!important;color:#49647b;cursor:pointer}.live-side{background:#fff;border:1px solid #dbe6ef;border-radius:18px;overflow:hidden;box-shadow:0 10px 35px rgba(16,64,105,.05)}.live-head{padding:15px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e3ebf2}.live-head small,.live-head strong{display:block}.live-head small{font-size:8px;letter-spacing:.12em;color:#7e93a6}.preview-badge{font-size:8px;letter-spacing:.12em;font-weight:900;color:#a86a11;background:#fff4d9;padding:5px 8px;border-radius:999px}.mini-live-preview{height:400px;background:#f4f8fb}.mini-live-preview iframe,.preview-full iframe{width:100%;height:100%;border:0;background:#fff}.preview-browser{display:flex;gap:4px;padding:9px;background:#e9eff4}.preview-browser span{width:6px;height:6px;background:#aab8c3;border-radius:50%}.preview-skeleton{height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;color:#7b8fa2}.preview-skeleton i{display:block;width:76%;height:125px;background:linear-gradient(110deg,#e8eff5 8%,#f8fbfd 18%,#e8eff5 33%);background-size:200% 100%;animation:shine 1.5s linear infinite;border-radius:12px;margin-bottom:20px}@keyframes shine{to{background-position-x:-200%}}.preview-skeleton strong{color:#314c63}.preview-skeleton small{max-width:280px;margin-top:7px;line-height:1.5}.live-facts{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #e2eaf1}.live-facts>div{padding:14px}.live-facts>div+div{border-left:1px solid #e2eaf1}.live-facts small,.live-facts strong{display:block}.live-facts small{font-size:9px;color:#8296a8}.preview-full{height:calc(100vh - 145px)}.preview-full .preview-placeholder{height:calc(100% - 65px)}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:15px}.panel-heading h3{margin:3px 0;font-size:20px}.panel-heading p{color:var(--muted);margin:4px 0}.approval-card{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:start}.approval-number{width:30px;height:30px;border-radius:50%;background:#e9f4ff;color:#0a7fec;font-weight:900;display:flex;align-items:center;justify-content:center}.approval-card small{font-size:8px;letter-spacing:.12em;color:#8397aa}.approval-status{font-size:10px;font-weight:900;color:#9b6e23}.approval-card.approved .approval-status{color:#1a8a5d}.file-item div small,.file-item div strong{display:block}.file-item small{font-size:9px;color:#899cae;margin-top:2px}.empty-inline{padding:35px;text-align:center;color:#8799aa}.voice-stage{position:fixed;inset:0;background:rgba(2,10,23,.88);backdrop-filter:blur(8px);z-index:1100;display:flex;align-items:center;justify-content:center;padding:22px}.voice-stage[hidden]{display:none}.voice-stage-card{width:min(850px,100%);background:#071a38;border:1px solid #1b5b99;border-radius:24px;overflow:hidden;box-shadow:0 40px 110px #000}.voice-top{height:66px;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.voice-top>div{display:flex;align-items:center;gap:9px}.voice-top small{color:#9fc3df}.live-dot{width:9px;height:9px;border-radius:50%;background:#35e091;box-shadow:0 0 12px #35e091}.avatar-frame{height:min(70vh,610px);position:relative;background:#02102a;display:flex;justify-content:center;overflow:hidden}.avatar-frame>img{height:100%;width:auto}.avatar-frame iframe{width:100%;height:100%;border:0}.avatar-overlay{position:absolute;left:20px;bottom:18px;background:rgba(2,18,41,.72);color:#fff;border:1px solid rgba(255,255,255,.15);padding:10px 13px;border-radius:12px;font-size:11px}.voice-consent ul{color:#5c7185;line-height:1.7;font-size:12px;padding-left:20px}
/* dashboard/auth */
.dashboard-stats article span{display:block;color:#8a9dae;font-size:10px;margin-top:5px}.project-tile .tile-top{display:flex;justify-content:space-between;align-items:center}.project-tile .tile-top small{color:#8ca0b2;font-size:9px}.project-tile a{color:#087be7;font-weight:900}.usage-summary small{color:#71879a}.next-list{display:grid;gap:10px}.next-list>div{display:flex;gap:10px;align-items:flex-start}.next-list span{width:25px;height:25px;border-radius:50%;background:#e7f3ff;color:#087cf4;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:900}.next-list p{margin:4px 0;color:#5e7488;font-size:12px}.auth-card-head{display:flex;justify-content:space-between;align-items:center}.auth-row{display:flex;justify-content:space-between;align-items:center;font-size:11px}.terms-check.compact{display:flex!important}.simple-auth{min-height:100vh;background:radial-gradient(circle at 50% 0,#e8f4ff,#f7f9fc 45%)}.simple-auth .auth-form-panel{min-height:100vh}.light-logo{width:145px;margin-bottom:26px}.auth-card .oauth-grid{margin:18px 0}.auth-brand-panel .auth-logo{filter:brightness(0) invert(1);opacity:.95}
@media(max-width:1100px){.hero h1{font-size:54px}.hero-ane img{width:390px}.conversation-layout{grid-template-columns:1fr}.live-side{display:none}.premium-workspace{grid-template-columns:170px minmax(0,1fr)}.oauth-grid{grid-template-columns:1fr}}
@media(max-width:760px){.workspace-project{display:none}.workspace-actions .core-status,.workspace-actions .credit-counter{display:none}.workspace-topbar{padding:0 12px}.premium-workspace{display:block}.creator-sidebar,.dashboard-sidebar{display:none}.creator-main,.dashboard-main{padding:16px}.creator-header{gap:10px}.creator-header h2{font-size:23px}.messages{min-height:52vh}.composer-row .tool-button span{display:none}.channel-cards{grid-template-columns:1fr}.modal-card{padding:24px}.modal-card h2{font-size:25px}.hero{min-height:auto}.hero-inner{padding-top:108px}.hero-ane{height:470px}.hero-ane img{height:455px;width:360px}.core-card{top:235px;right:2%;width:180px}.project-grid,.profile-grid.premium-profiles{grid-template-columns:1fr}.app-shot{height:235px}.solution-panel{padding:25px}.pricing-card.featured{transform:none}.dashboard-stats{grid-template-columns:1fr 1fr}.approval-card{grid-template-columns:auto 1fr}.approval-card .btn{grid-column:2}.auth-brand-panel{display:none}.auth-layout{display:block}.auth-form-panel{min-height:100vh}.locale-compact{display:inline-flex}}

/* ========================================================================
   BuildAne v1.2.5 — consolidated marketing corrections
   ======================================================================== */

/* Clean transparent BuildAne logo on dark surfaces */
.marketing-page .brand-shell,
.marketing-page .footer .brand-shell{
  width: 154px !important;
  height: 44px !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
  justify-content: flex-start !important;
}
.marketing-page .brand-shell img,
.marketing-page .footer .brand-shell img{
  width: 150px !important;
  max-width: 150px !important;
  height: auto !important;
  transform: none !important;
  display: block !important;
}

/* FINAL HERO — approved layout + transparent Ane over native tech background */
.marketing-page .hero{
  min-height: 750px !important;
  position: relative !important;
  overflow: hidden !important;
  color: #fff !important;
  padding-bottom: 20px !important;
  background:
    radial-gradient(circle at 76% 38%, rgba(38,148,255,.24) 0%, rgba(22,103,211,.14) 20%, rgba(8,49,106,0) 48%),
    radial-gradient(circle at 88% 45%, rgba(52,169,255,.12), rgba(52,169,255,0) 35%),
    linear-gradient(90deg,#031126 0%,#061b3a 34%,#0a2d5c 67%,#0a396f 100%) !important;
}
.marketing-page .hero::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background-image:
    linear-gradient(rgba(55,145,235,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(55,145,235,.055) 1px,transparent 1px) !important;
  background-size: 58px 58px !important;
  mask-image:linear-gradient(90deg,transparent 10%,rgba(0,0,0,.8) 50%,#000 100%) !important;
  opacity:.72 !important;
}
.marketing-page .hero-grid,
.marketing-page .hero-glow{
  display:none !important;
}
.marketing-page .hero-inner{
  position:relative !important;
  z-index:2 !important;
  padding-top: 104px !important;
  padding-bottom: 14px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1.04fr) minmax(390px,.96fr) !important;
  gap: 34px !important;
  align-items:center !important;
}
.marketing-page .hero-copy{
  position:relative !important;
  z-index:5 !important;
  padding-top: 0 !important;
}
.marketing-page .hero h1{
  max-width: 670px !important;
  margin: 0 0 16px !important;
  font-size: clamp(48px,3.55vw,60px) !important;
  line-height:1.02 !important;
  letter-spacing:-.045em !important;
}
.marketing-page .hero-sub{
  max-width: 610px !important;
  font-size:17px !important;
  line-height:1.55 !important;
  margin:0 0 15px !important;
}
.marketing-page .free-line{
  margin: 8px 0 16px !important;
}
.marketing-page .prompt-card.premium{
  max-width: 650px !important;
  padding: 17px 19px !important;
  border-radius:18px !important;
  background:linear-gradient(145deg,rgba(18,55,96,.92),rgba(8,31,61,.88)) !important;
  border:1px solid rgba(132,199,255,.30) !important;
  box-shadow:0 18px 46px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.04) !important;
  backdrop-filter:blur(14px) !important;
}
.marketing-page .prompt-card-top{
  display:block !important;
  margin:0 0 4px !important;
}
.marketing-page .prompt-title{
  font-size:16px !important;
  margin:0 !important;
}
.marketing-page .prompt-row{
  min-height:70px !important;
  padding: 4px 7px 4px 12px !important;
  border:0 !important;
  border-radius:13px !important;
  background:rgba(2,20,42,.32) !important;
}
.marketing-page .prompt-row textarea{
  min-height:58px !important;
  font-size:14px !important;
  padding-top:8px !important;
}
.marketing-page .prompt-footer{
  margin-top:8px !important;
  padding-top:9px !important;
}
.marketing-page .prompt-chips{
  gap:7px !important;
}
.marketing-page .prompt-chips button{
  padding:6px 10px !important;
  font-size:11px !important;
}
.marketing-page .hero-actions{
  gap:12px !important;
  margin-top:13px !important;
}
.marketing-page .hero-actions .btn{
  min-height:46px !important;
}

/* Ane must be a true transparent foreground layer — never a card */
.marketing-page .hero-ane{
  position:relative !important;
  height: 610px !important;
  min-width: 390px !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:center !important;
  overflow:visible !important;
  isolation:isolate !important;
}
.marketing-page .hero-ane::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  z-index:1 !important;
  width: 500px !important;
  height:500px !important;
  left:50% !important;
  top:24px !important;
  transform:translateX(-50%) !important;
  border-radius:50% !important;
  background:
    radial-gradient(circle,rgba(33,156,255,.18) 0%,rgba(18,107,225,.09) 37%,transparent 59%),
    repeating-radial-gradient(circle,transparent 0 58px,rgba(55,177,255,.17) 59px 60px) !important;
  box-shadow:0 0 70px rgba(0,146,255,.13) !important;
  pointer-events:none !important;
}
.marketing-page .hero-ane::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  z-index:1 !important;
  left:50% !important;
  bottom:5px !important;
  width:580px !important;
  height:118px !important;
  transform:translateX(-50%) perspective(230px) rotateX(70deg) !important;
  background:
    linear-gradient(90deg,transparent,rgba(27,137,248,.22),transparent),
    repeating-linear-gradient(0deg,rgba(43,156,255,.14) 0 1px,transparent 1px 18px),
    repeating-linear-gradient(90deg,rgba(43,156,255,.07) 0 1px,transparent 1px 26px) !important;
  opacity:.52 !important;
  pointer-events:none !important;
}
.marketing-page .ane-rings,
.marketing-page .ane-floor{
  display:none !important;
}
.marketing-page .hero-ane img{
  position:relative !important;
  z-index:3 !important;
  display:block !important;
  width:auto !important;
  height: 595px !important;
  max-width: 100% !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center bottom !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  mix-blend-mode:normal !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
  filter:drop-shadow(0 24px 38px rgba(0,0,0,.18)) !important;
}
.marketing-page .core-card{
  position:absolute !important;
  z-index:6 !important;
  right: -2px !important;
  top: 310px !important;
  width: 215px !important;
  padding:16px !important;
  border-radius:16px !important;
  background:rgba(5,31,64,.93) !important;
  border:1px solid rgba(82,184,255,.35) !important;
  box-shadow:0 16px 34px rgba(0,0,0,.20) !important;
  backdrop-filter:blur(10px) !important;
}

/* Approved three benefits — proper icons and no clipping */
.marketing-page .trust-row{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:0 !important;
  max-width:670px !important;
  margin:17px 0 0 !important;
  padding-bottom:8px !important;
}
.marketing-page .trust-item{
  min-height:84px !important;
  padding:4px 15px 4px 0 !important;
  margin-right:15px !important;
  border-right:1px solid rgba(255,255,255,.13) !important;
  display:flex !important;
  gap:10px !important;
  align-items:flex-start !important;
  overflow:visible !important;
}
.marketing-page .trust-item:last-child{
  margin-right:0 !important;
  border-right:0 !important;
}
.marketing-page .trust-icon{
  flex:0 0 27px !important;
  width:27px !important;
  height:27px !important;
  color:#54c8ff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.marketing-page .trust-icon svg{
  display:block !important;
  width:25px !important;
  height:25px !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.8 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}
.marketing-page .trust-item strong{font-size:12px !important;line-height:1.25 !important}
.marketing-page .trust-item small{font-size:11px !important;line-height:1.35 !important;margin-top:3px !important}

/* END-TO-END — proportionate cards */
.marketing-page .solution-panel{
  grid-template-columns:1.05fr 1.65fr !important;
  gap:30px !important;
  padding:34px 38px !important;
}
.marketing-page .solution-flow{
  display:grid !important;
  grid-template-columns:repeat(7,auto) !important;
  align-items:center !important;
  justify-content:stretch !important;
  gap:9px !important;
}
.marketing-page .solution-flow>div{
  min-width:0 !important;
  min-height:138px !important;
  padding:17px 12px !important;
  border-radius:17px !important;
  background:#fff !important;
  border:1px solid #dce8f2 !important;
  box-shadow:0 8px 24px rgba(15,60,105,.05) !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  text-align:center !important;
}
.marketing-page .solution-flow>div>span{
  width:50px !important;height:50px !important;margin:0 auto 8px !important;font-size:23px !important
}
.marketing-page .solution-flow>div strong{font-size:15px !important}
.marketing-page .solution-flow>div small{font-size:11px !important;line-height:1.35 !important;margin-top:4px !important}
.marketing-page .solution-flow>i{font-size:18px !important;color:#087cf4 !important}

/* Examples — fix the two previously broken mockups and CTA */
.marketing-page .project-grid{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:16px !important;
}
.marketing-page .premium-projects .project-card{
  display:flex !important;
  flex-direction:column !important;
  min-width:0 !important;
  overflow:hidden !important;
}
.marketing-page .app-shot{
  height:205px !important;
  min-height:205px !important;
  overflow:hidden !important;
}
.marketing-page .shot-admin{background:#edf5f9 !important}
.marketing-page .shot-admin .shot-head{display:flex !important}
.marketing-page .admin-tabs{
  display:flex !important;gap:5px !important;padding:10px 8px 0 !important;flex-wrap:wrap !important
}
.marketing-page .admin-tabs i{
  font-style:normal !important;font-size:7px !important;padding:4px 6px !important;background:#fff !important;border-radius:999px !important;border:1px solid #dbe7ee !important;color:#314e66 !important
}
.marketing-page .shot-admin .admin-table{
  display:grid !important;gap:7px !important;margin:10px 8px !important;padding:9px !important;background:#fff !important;border:1px solid #dfe8ef !important;border-radius:8px !important
}
.marketing-page .shot-admin .admin-table b,
.marketing-page .shot-admin .admin-table i{
  display:block !important;border-radius:999px !important;background:#eaf1f6 !important
}
.marketing-page .shot-admin .admin-table b{height:13px !important;width:70% !important}
.marketing-page .shot-admin .admin-table i{height:10px !important;width:100% !important}
.marketing-page .shot-saas{background:#f5f3ff !important}
.marketing-page .saas-profile{
  display:flex !important;align-items:center !important;gap:8px !important;margin-top:10px !important;padding:9px !important;background:#f7f5ff !important;border:1px solid #e4ddfb !important;border-radius:8px !important
}
.marketing-page .saas-profile>i{
  display:block !important;flex:0 0 30px !important;width:30px !important;height:30px !important;border-radius:50% !important;background:linear-gradient(135deg,#5548c8,#9b8aff) !important
}
.marketing-page .saas-profile b,.marketing-page .saas-profile small{display:block !important}
.marketing-page .saas-profile small{font-size:7px !important;color:#65708c !important;margin-top:2px !important}
.marketing-page .saas-settings{display:grid !important;gap:6px !important;margin-top:9px !important}
.marketing-page .saas-settings i{display:block !important;height:12px !important;border:1px solid #e1dafc !important;background:#f5f2ff !important;border-radius:5px !important}
.marketing-page .section-inline-cta{
  display:flex !important;align-items:center !important;justify-content:center !important;gap:7px !important;margin-top:20px !important;color:#087cf4 !important;font-size:13px !important
}
.marketing-page .link-button{
  appearance:none !important;border:0 !important;background:transparent !important;padding:0 !important;color:#087cf4 !important;font:inherit !important;font-weight:700 !important;cursor:pointer !important
}
.marketing-page .link-button:hover{text-decoration:underline !important}

@media(max-width:1100px){
  .marketing-page .hero-inner{grid-template-columns:1fr .86fr !important;gap:20px !important}
  .marketing-page .hero-ane{height:555px !important;min-width:330px !important}
  .marketing-page .hero-ane img{height:540px !important}
  .marketing-page .hero-ane::before{width:440px !important;height:440px !important}
  .marketing-page .core-card{top:280px !important;right:-5px !important;width:195px !important}
  .marketing-page .solution-panel{grid-template-columns:1fr !important}
  .marketing-page .solution-flow{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr !important}
  .marketing-page .project-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
@media(max-width:760px){
  .marketing-page .hero{min-height:auto !important;padding-bottom:24px !important}
  .marketing-page .hero-inner{display:block !important;padding-top:92px !important}
  .marketing-page .hero h1{font-size:42px !important}
  .marketing-page .trust-row{grid-template-columns:1fr !important;gap:8px !important}
  .marketing-page .trust-item{border-right:0 !important;border-bottom:1px solid rgba(255,255,255,.10) !important;padding-bottom:10px !important;margin-right:0 !important}
  .marketing-page .hero-ane{height:470px !important;min-width:0 !important;margin-top:12px !important}
  .marketing-page .hero-ane img{height:455px !important}
  .marketing-page .hero-ane::before{width:350px !important;height:350px !important;top:34px !important}
  .marketing-page .hero-ane::after{width:390px !important;height:90px !important}
  .marketing-page .core-card{top:235px !important;right:4px !important;width:180px !important;padding:13px !important}
  .marketing-page .solution-flow{grid-template-columns:1fr 1fr !important;gap:12px !important}
  .marketing-page .solution-flow>i{display:none !important}
  .marketing-page .project-grid{grid-template-columns:1fr !important}
}


/* --- BuildAne Site Hotfix v1.2.6 --- */
.marketing-page .topbar .brand-shell,
.marketing-page .footer .brand-shell{background:transparent !important;box-shadow:none !important;border-radius:0 !important;overflow:visible !important;width:auto !important;height:auto !important;padding:0 !important}
.marketing-page .topbar .brand-shell img{width:196px !important;max-width:none !important;transform:none !important;display:block}
.marketing-page .footer .brand-shell img{width:172px !important;max-width:none !important;transform:none !important;display:block}
.marketing-page .trust-item:nth-child(2) .trust-icon svg{stroke:#49c0ff !important;fill:none !important;stroke-width:2.15 !important;stroke-linecap:round !important;stroke-linejoin:round !important}
.marketing-page .premium-projects .project-card{background:#fff !important}
.marketing-page .premium-projects .app-shot.app-shot-image{padding:0 !important;overflow:hidden !important;background:#fff !important;height:236px !important;border-bottom:1px solid #e7eef6 !important}
.marketing-page .premium-projects .app-shot.app-shot-image img{display:block !important;width:100% !important;height:100% !important;object-fit:cover !important}
.marketing-page .premium-projects .project-card-copy{padding-top:16px !important}
.marketing-page .premium-projects .project-card-copy span{font-size:22px !important;line-height:1 !important;color:#188cff !important;margin-top:4px !important}
.marketing-page .premium-projects .project-card-copy h3{font-size:26px !important;line-height:1.12 !important;margin:0 0 8px !important}
.marketing-page .premium-projects .project-card-copy p{font-size:13px !important;line-height:1.55 !important;color:#5e7690 !important}
.marketing-page .examples-section .idea-prompt-inline{font-weight:700 !important;color:#1a84f5 !important}
@media(max-width:760px){.marketing-page .topbar .brand-shell img{width:170px !important}.marketing-page .premium-projects .app-shot.app-shot-image{height:250px !important}}


/* --- BuildAne Site Hotfix v1.2.8 --- */
.marketing-page .topbar .brand-shell,
.marketing-page .footer .brand-shell{background:transparent !important;box-shadow:none !important;border:0 !important;border-radius:0 !important;overflow:visible !important;width:auto !important;height:auto !important;padding:0 !important}
.marketing-page .topbar .brand-shell img{display:block !important;width:205px !important;height:auto !important;max-width:none !important;transform:none !important;background:transparent !important}
.marketing-page .footer .brand-shell img{display:block !important;width:178px !important;height:auto !important;max-width:none !important;transform:none !important;background:transparent !important}
.marketing-page .premium-projects .app-shot.premium-example-image{height:auto !important;aspect-ratio:27/17 !important;padding:0 !important;overflow:hidden !important;background:#f7faff !important;border-bottom:1px solid #e3ebf4 !important}
.marketing-page .premium-projects .app-shot.premium-example-image img{display:block !important;width:100% !important;height:100% !important;object-fit:cover !important;object-position:center !important;transform:none !important;filter:none !important}
.marketing-page .premium-projects .project-card{overflow:hidden !important}
.marketing-page .premium-projects .project-card-copy{padding-top:18px !important}
@media(max-width:760px){.marketing-page .topbar .brand-shell img{width:178px !important}.marketing-page .premium-projects .app-shot.premium-example-image{aspect-ratio:27/17 !important;height:auto !important}}

/* --- BuildAne Site Hotfix v1.2.9: exemplos premium --- */
/* As imagens aprovadas foram geradas em 4:3. O v1.2.8 usava 27/17 e cortava topo/rodapé. */
.marketing-page .premium-projects .app-shot.premium-example-image{
  position:relative !important;
  height:auto !important;
  aspect-ratio:4/3 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#071a35 !important;
  border-bottom:1px solid #e3ebf4 !important;
}
.marketing-page .premium-projects .app-shot.premium-example-image img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:none !important;
  filter:none !important;
}
/*
  Os screenshots aprovados vieram com marcas Ane/BuildAne dentro das interfaces.
  Para preservar o enquadramento e a resolução original, o hotfix oculta somente
  essas pequenas áreas no render do site, sem recortar o restante da composição.
*/
.marketing-page .premium-example-image::before,
.marketing-page .premium-example-image::after{
  content:"";
  position:absolute;
  z-index:4;
  pointer-events:none;
  border:0;
  box-shadow:none;
}
/* Website: marca Ane no notebook e no telefone. */
.marketing-page .example-website::before{
  left:11.0%; top:16.0%; width:8.6%; height:5.0%;
  background:#f7f9fc;
  border-radius:3px;
}
.marketing-page .example-website::after{
  left:77.0%; top:34.0%; width:5.9%; height:4.8%;
  background:#f8fafc;
  border-radius:3px;
}
/* Dashboard: símbolo A no topo da barra lateral. */
.marketing-page .example-dashboard::before{
  left:1.35%; top:1.2%; width:8.2%; height:9.2%;
  background:#06182f;
  border-radius:2px;
}
.marketing-page .example-dashboard::after{display:none !important}
/* Gestão/Operações: marca BuildAne no topo da barra lateral clara. */
.marketing-page .example-ops::before{
  left:5.0%; top:11.7%; width:10.5%; height:5.2%;
  background:#f9fbfd;
  border-radius:3px;
}
.marketing-page .example-ops::after{display:none !important}
/* CRM: marca BuildAne no topo da barra lateral escura. */
.marketing-page .example-crm::before{
  left:3.0%; top:8.5%; width:10.9%; height:5.3%;
  background:#061b36;
  border-radius:3px;
}
.marketing-page .example-crm::after{display:none !important}
/* E-commerce: marca ANE no topo esquerdo da loja. */
.marketing-page .example-saas::before{
  left:11.7%; top:8.2%; width:7.3%; height:4.2%;
  background:#fbfbfb;
  border-radius:3px;
}
.marketing-page .example-saas::after{display:none !important}
@media(max-width:760px){
  .marketing-page .premium-projects .app-shot.premium-example-image{
    aspect-ratio:4/3 !important;
    height:auto !important;
  }
}

/* BuildAne v1.2.10 — refinamento visual do expansor de franquias/limites */
#planos .limits-table{
  max-width:1000px;
  margin:24px auto 0;
  border:1px solid #d8e7f5;
  border-radius:16px;
  background:#fff;
  overflow:hidden;
  box-shadow:0 10px 30px rgba(16,64,105,.055);
}
#planos .limits-table summary{
  list-style:none;
  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:14px 20px;
  cursor:pointer;
  user-select:none;
  color:#087cf4;
  font-size:14px;
  font-weight:800;
  letter-spacing:-.01em;
  background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%);
  transition:background .2s ease,color .2s ease;
}
#planos .limits-table summary::-webkit-details-marker{display:none}
#planos .limits-table summary::marker{content:""}
#planos .limits-table summary::before{
  content:"▦";
  width:28px;
  height:28px;
  flex:0 0 28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:9px;
  color:#087cf4;
  background:#eaf5ff;
  border:1px solid #c8e3fb;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.72);
  font-size:14px;
  line-height:1;
}
#planos .limits-table summary::after{
  content:"⌄";
  width:24px;
  height:24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  color:#087cf4;
  background:#eef7ff;
  font-size:17px;
  line-height:1;
  margin-left:2px;
  transition:transform .2s ease,background .2s ease;
}
#planos .limits-table summary:hover{
  color:#0569d2;
  background:linear-gradient(180deg,#fbfdff 0%,#eef7ff 100%);
}
#planos .limits-table[open] summary{
  border-bottom:1px solid #deebf6;
  background:#f7fbff;
}
#planos .limits-table[open] summary::after{transform:rotate(180deg)}
#planos .limits-table .limits-wrap{padding:0 18px 18px;background:#fff;overflow-x:auto}
#planos .limits-table table{width:100%;border-collapse:separate;border-spacing:0;margin-top:14px;border:1px solid #e2ebf3;border-radius:12px;overflow:hidden}
#planos .limits-table th,#planos .limits-table td{padding:13px 14px;border-bottom:1px solid #e8eff5;font-size:12px}
#planos .limits-table th{background:#f3f8fc;color:#314b65;font-weight:800}
#planos .limits-table tbody tr:last-child td{border-bottom:0}
#planos .limits-table tbody tr:hover td{background:#fbfdff}
@media(max-width:700px){
  #planos .limits-table summary{justify-content:flex-start;padding:14px 16px;font-size:13px}
  #planos .limits-table summary::after{margin-left:auto}
  #planos .limits-table .limits-wrap{padding:0 10px 12px}
  #planos .limits-table th,#planos .limits-table td{padding:11px 10px;white-space:nowrap}
}


/* BuildAne v1.2.12 — footer navigation */
.footer-grid-v1212{grid-template-columns:minmax(240px,1.7fr) repeat(4,minmax(125px,1fr));gap:34px;align-items:start}
.footer-grid-v1212 .footer-brand{padding-right:18px}
.footer-grid-v1212 h4{font-size:13px;letter-spacing:.02em;margin-bottom:16px}
.footer-grid-v1212 a{width:max-content;max-width:100%;transition:color .2s ease,transform .2s ease}
.footer-grid-v1212 a:hover{color:#fff;transform:translateX(2px)}
@media(max-width:980px){.footer-grid-v1212{grid-template-columns:repeat(2,1fr)}.footer-grid-v1212 .footer-brand{grid-column:1/-1}}
@media(max-width:560px){.footer-grid-v1212{grid-template-columns:1fr}.footer-grid-v1212 .footer-brand{grid-column:auto}.footer-grid-v1212>div{padding-bottom:8px}}


/* BUILDANE-P2.5-CONSULTATIVE-HOME-v1.0.0 */
.marketing-page .prompt-card.premium{max-width:680px!important;padding:18px 19px!important}
.marketing-page .prompt-row{display:block!important;min-height:118px!important;padding:10px 12px!important;align-items:stretch!important}
.marketing-page .prompt-row textarea{display:block!important;width:100%!important;min-height:96px!important;max-height:220px!important;padding:4px 2px!important;font-size:15px!important;line-height:1.5!important;overflow-y:auto!important;resize:none!important}
.marketing-page .prompt-controls{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-top:10px!important}
.marketing-page .prompt-controls .hero-voice-button{min-height:44px!important}
.marketing-page .prompt-controls .send-button{width:auto!important;min-width:112px!important;height:44px!important;border-radius:12px!important;padding:0 16px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;font-size:14px!important;font-weight:800!important}
.marketing-page .prompt-controls .send-button strong{font-size:21px!important;line-height:1!important}
.marketing-page .prompt-footer{margin-top:10px!important}
@media(max-width:640px){
  .marketing-page .prompt-card.premium{max-width:100%!important}
  .marketing-page .prompt-row{min-height:132px!important}
  .marketing-page .prompt-row textarea{min-height:108px!important}
  .marketing-page .prompt-controls{gap:9px!important}
  .marketing-page .prompt-controls .send-button{min-width:104px!important}
}

/* BuildAne Browser QA — mobile header containment */
@media (max-width:700px){
  .marketing-page .topbar-inner{
    gap:12px;
    max-width:100%;
  }

  .marketing-page .top-actions{
    margin-left:auto;
    gap:8px;
    min-width:0;
    flex:0 0 auto;
  }

  .marketing-page #headerStart{
    display:none !important;
  }

  .marketing-page .locale-compact{
    flex:0 0 auto;
  }

  .marketing-page #menuToggle{
    display:grid;
    place-items:center;
    flex:0 0 40px;
    width:40px;
    height:40px;
    min-width:40px;
    padding:0;
    margin:0;
    line-height:1;
  }
}