:root{--ink:#13243a;--navy:#19324d;--blue:#245b78;--coral:#e96f51;--paper:#f7f8f6;--white:#fff;--line:#dce3e6;--muted:#657480;--green:#23765a;--red:#aa3d39;--shadow:0 18px 60px rgba(19,36,58,.09);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-size:16px}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}nav{height:76px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}nav>div{display:flex;align-items:center;gap:24px}nav a,nav .link{font-size:.9rem;font-weight:650;color:var(--ink)}.brand{display:flex;align-items:center;gap:10px;font-weight:800!important;font-size:1rem!important}.brand span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--navy);color:#fff;font-family:Georgia,serif;font-size:1.35rem}main{min-height:calc(100vh - 152px)}footer{min-height:76px;padding:26px clamp(20px,5vw,72px);display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);font-size:.82rem;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.035em;line-height:1.02}h1{font-size:clamp(2.6rem,6vw,5.5rem)}h2{font-size:clamp(2rem,4vw,3.4rem)}h3{font-size:1.15rem}p{line-height:1.65}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;font-weight:800;color:var(--coral);margin-bottom:18px}.lede{font-size:1.2rem;max-width:610px;color:#435563}.fine,.muted,small{font-size:.8rem;color:var(--muted)}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:center;padding:clamp(72px,10vw,140px) clamp(20px,7vw,110px);background:radial-gradient(circle at 80% 10%,#d8eef0 0,transparent 29%),linear-gradient(140deg,#fff 0,#f3f7f5 100%)}.hero h1{max-width:820px}.actions{display:flex;align-items:center;gap:24px;margin:30px 0 14px}.button,button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;background:var(--navy);color:#fff;padding:13px 19px;font:inherit;font-weight:750;cursor:pointer}.button:hover{text-decoration:none;background:#254868}.button.small{padding:9px 14px}.button.light{background:#fff;color:var(--navy)}button:disabled{opacity:.62;cursor:wait}.ghost{background:transparent!important;color:var(--navy)!important;border:1px solid #aebcc4!important}.link{background:none;color:var(--blue);padding:0;border:0}.danger{background:var(--red)}.textlink{font-weight:750}.hero-card{background:#fff;padding:34px;border:1px solid #dbe5e6;border-radius:22px;box-shadow:var(--shadow);transform:rotate(1.6deg)}.hero-card h3{font-family:Georgia,serif;font-size:2rem;margin:32px 0 18px}.hero-card button{margin-top:26px;width:100%}.cardtop,.draftmeta,.sectiontitle,.cardactions,.workspace-head,.accountbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.cardtop{font-size:.8rem;color:var(--muted)}.cardtop b{color:var(--green)}.chips{display:flex;flex-wrap:wrap;gap:7px}.chips span,.badge,.status{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eef4f5;color:var(--blue);font-size:.72rem;font-weight:750}.trust{padding:22px clamp(20px,7vw,110px);background:var(--navy);color:#fff;display:flex;justify-content:space-between;gap:24px;font-size:.82rem;letter-spacing:.03em}.section,.pagehead,.workspace-head{padding:clamp(64px,8vw,110px) clamp(20px,7vw,110px)}.pagehead{padding-bottom:40px}.pagehead h1{font-size:clamp(2.8rem,5vw,4.8rem);max-width:900px}.pagehead p:last-child{max-width:720px;color:var(--muted)}.feature-grid,.plans,.stats,.settingsgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}.feature-grid article,.plans article,.stats article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px}.feature-grid article>b{color:var(--coral)}.feature-grid h3{margin-top:40px}.how{background:var(--navy);color:#fff;padding:clamp(64px,8vw,110px) clamp(20px,7vw,110px);display:grid;grid-template-columns:1fr 1fr;gap:10vw}.how ol{list-style:none;padding:0;margin:0}.how li{display:grid;grid-template-columns:1fr 1.4fr;gap:28px;padding:22px 0;border-bottom:1px solid #ffffff2d}.how li span{color:#cdd9df}.faq{max-width:1000px;margin:auto}.faq details{border-top:1px solid var(--line);padding:22px 0}.faq summary{font-size:1.1rem;font-weight:750;cursor:pointer}.faq details p{max-width:700px;margin:14px 0 0;color:var(--muted)}.cta{background:var(--coral);color:#fff;margin:0 clamp(20px,7vw,110px) 80px;padding:55px;border-radius:20px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{margin:0}.accountbar{padding:10px clamp(20px,5vw,72px);background:#e8f1f2;font-size:.8rem}.accountbar span{color:var(--muted)}.auth{max-width:1080px;margin:auto;padding:clamp(60px,10vw,130px) 24px;display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:start}.auth h1{font-size:clamp(3rem,5vw,5rem)}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 6px 30px rgba(19,36,58,.04)}.panel.wide{max-width:980px;margin:0 auto 90px}label{display:grid;gap:8px;margin-bottom:18px;font-weight:700;font-size:.86rem}input,textarea,select{width:100%;border:1px solid #b8c5cb;border-radius:9px;background:#fff;padding:12px 13px;font:inherit;color:var(--ink)}textarea{min-height:115px;resize:vertical}input:focus,textarea:focus,select:focus{outline:3px solid #a9d2dd;border-color:var(--blue)}label small{font-weight:400}.formfoot{margin:24px 0 0;font-size:.86rem}.notice{padding:13px 15px;border-radius:9px;background:#e8f1f2;margin-bottom:20px}.notice.error{background:#fae6e4;color:#812d29}.notice.success{background:#e6f3ed;color:#155941;margin:0 clamp(20px,7vw,110px) 24px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.span2{grid-column:span 2}.plans{grid-template-columns:repeat(4,1fr);padding:0 clamp(20px,5vw,72px) 100px;margin:0}.plans article{position:relative}.plans article strong{display:block;font-family:Georgia,serif;font-size:2.2rem;margin:25px 0}.plans ul{padding-left:20px;line-height:2}.plans .featured{border:2px solid var(--coral);transform:translateY(-10px)}.badge{position:absolute;right:18px;top:18px;background:var(--coral);color:#fff}.workspace-head{padding-bottom:30px}.workspace-head h1{font-size:clamp(2.6rem,5vw,4.2rem);margin:0}.workspace{display:grid;grid-template-columns:minmax(310px,390px) 1fr;gap:30px;padding:0 clamp(20px,5vw,72px) 90px;align-items:start}.generator{position:sticky;top:110px}.generator h2,.sectiontitle h2{font-family:Georgia,serif;font-size:1.6rem}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:14px}.generator button{width:100%}.draftlist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.draft{background:#fff;border:1px solid var(--line);border-radius:14px;padding:23px;min-width:0}.draftmeta{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.draft h3{font-family:Georgia,serif;font-size:1.45rem;margin:25px 0 13px}.draft p{white-space:pre-line;color:#40515e}.cardactions{margin-top:25px;font-size:.82rem}.cardactions form,.inline{display:inline;margin:0}.small{font-size:.78rem;padding:8px 11px}.empty{padding:60px;text-align:center;border:1px dashed #b8c5cb;border-radius:14px;color:var(--muted)}.editorgrid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;max-width:1280px;margin:30px auto 90px;padding:0 24px}.editor{min-height:520px;line-height:1.65}.editorgrid aside{display:grid;gap:16px;align-content:start}.widebutton{width:100%;margin-bottom:9px}.back{display:block;max-width:1280px;margin:45px auto 0;padding:0 24px}.history{display:block;padding:11px 0;border-bottom:1px solid var(--line)}.history small{display:block;margin-top:4px}.calendar{max-width:960px;margin:0 auto 100px;padding:0 24px}.calendar article{display:grid;grid-template-columns:190px 1fr;gap:28px;padding:24px;border-left:3px solid var(--coral);background:#fff;margin-bottom:12px}.calendar time{font-weight:750}.calendar h3{margin:6px 0}.planned{background:#fff0e9;color:#91472f}.stats{padding:0 clamp(20px,7vw,110px) 36px;margin:0}.stats article span{display:block;color:var(--muted);font-size:.82rem}.stats article strong{display:block;font-size:2rem;margin-top:12px}table{width:100%;border-collapse:collapse;font-size:.84rem}th,td{text-align:left;padding:12px 8px;border-bottom:1px solid var(--line)}.settingsgrid{grid-template-columns:1fr 1fr;max-width:1100px;margin:0 auto 100px;padding:0 24px}.dangerzone{border-color:#efc0bd}.message,.legal{max-width:820px;margin:0 auto;padding:clamp(80px,12vw,160px) 24px}.message{text-align:center}.message h1{font-size:clamp(3rem,7vw,5rem)}.message p{font-size:1.1rem;color:var(--muted)}.legal h1{font-size:clamp(3rem,7vw,5rem)}.legal h2{font-size:2rem;margin-top:50px}
.media-picker{border:0;padding:0;margin:0 0 28px}.media-picker legend{display:flex;align-items:center;gap:10px;margin-bottom:13px;font-size:.9rem;font-weight:800}.media-picker legend span,.brief-heading>span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--navy);color:#fff;font-size:.76rem;flex:0 0 auto}.media-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.media-option{display:grid;grid-template-columns:32px 1fr;grid-template-rows:auto auto;gap:0 9px;margin:0;padding:11px;border:1px solid var(--line);border-radius:11px;cursor:pointer;background:#fff;transition:.15s ease}.media-option:hover{border-color:#8da6b2}.media-option:has(input:checked){border-color:var(--blue);background:#edf5f6;box-shadow:0 0 0 2px rgba(36,91,120,.12)}.media-option input{position:absolute;opacity:0;pointer-events:none}.media-option:has(input:focus-visible){outline:3px solid #a9d2dd;outline-offset:2px}.media-mark{grid-row:1/3;display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--navy);color:#fff;font-weight:850}.media-option b{font-size:.8rem;align-self:end}.media-option small{font-size:.66rem;line-height:1.25}.media-confirmation{margin:12px 0 0;padding:9px 11px;border-radius:8px;background:#f0f5f5;font-size:.78rem;color:var(--muted)}.media-confirmation strong{color:var(--blue)}.brief-heading{display:flex;align-items:center;gap:11px;padding-top:2px;margin:0 0 18px}.brief-heading p{margin:0;text-transform:uppercase;letter-spacing:.11em;font-size:.65rem;font-weight:800;color:var(--muted)}.brief-heading h2{margin:1px 0 0}.generator button span{font-weight:500;opacity:.76}
.post-media{padding:0 0 26px;margin:0 0 26px;border-bottom:1px solid var(--line)}.step-heading{display:flex;align-items:center;gap:10px;margin-bottom:13px}.step-heading>span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--navy);color:#fff;font-size:.76rem;flex:0 0 auto}.step-heading div{display:grid}.step-heading b{font-size:.9rem}.step-heading small{font-size:.7rem}.upload-zone{display:flex;align-items:center;justify-content:center;text-align:center;min-height:96px;padding:18px;border:1px dashed #91a8b2;border-radius:11px;background:#f8fbfb;cursor:pointer}.upload-zone:hover{border-color:var(--blue);background:#edf5f6}.upload-zone input{position:absolute;width:1px;height:1px;opacity:0}.upload-zone strong,.upload-zone small{display:block}.media-selection{display:grid;gap:6px;margin-top:10px;padding:10px;border-radius:8px;background:#eef4f5;font-size:.76rem}.media-selection span{display:flex;align-items:center;justify-content:space-between;gap:8px}.media-selection b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-selection em{font-style:normal;color:var(--muted);white-space:nowrap}.post-media>.fine{margin:10px 0 0;line-height:1.45}.media-option input{width:1px;height:1px;padding:0;margin:0}
.attached-media-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.attached-media figure{margin:0;min-width:0}.attached-media img,.attached-media video{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:8px;background:#e8edef}.attached-media figcaption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:.68rem;color:var(--muted)}
.reel-head{max-width:850px}.reel-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,.7fr);gap:28px;align-items:start}.reel-form .step-heading{margin-top:30px}.reel-form .step-heading:first-of-type{margin-top:0}.reel-upload{min-height:130px}.track-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:18px}.track-option{display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;gap:1px 10px;padding:12px;border:1px solid var(--line);border-radius:11px;cursor:pointer;background:#fff}.track-option:has(input:checked){border-color:var(--blue);background:#edf5f6;box-shadow:0 0 0 2px rgba(36,91,120,.12)}.track-option input{position:absolute;opacity:0}.track-option>span{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:var(--navy);color:#fff;font-size:.74rem;font-weight:850}.track-option b{font-size:.8rem}.track-option small{font-size:.66rem;line-height:1.35}.checklist{padding:0;list-style:none}.checklist li{position:relative;padding:8px 0 8px 25px;border-bottom:1px solid var(--line);font-size:.82rem}.checklist li:before{content:'✓';position:absolute;left:0;color:var(--blue);font-weight:900}.reel-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.reel-card{overflow:hidden;border:1px solid var(--line);border-radius:13px;background:#fff}.reel-card video{display:block;width:100%;aspect-ratio:9/12;object-fit:cover;background:#172c3f}.reel-card div{padding:14px}.reel-card span,.reel-card small{font-size:.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.reel-card h3{font-size:1.05rem;margin:7px 0}.reel-result{display:grid;grid-template-columns:minmax(280px,.65fr) minmax(0,1fr);gap:28px;align-items:start}.reel-player{padding:12px;background:var(--navy)}.reel-player video{display:block;width:100%;max-height:72vh;aspect-ratio:9/16;object-fit:contain;background:#08131d;border-radius:8px}.reel-details h1{font-size:2.5rem}.reel-details h2{margin-top:24px;font-size:1.15rem}.reel-stats{display:flex;gap:8px;flex-wrap:wrap}.reel-stats span{padding:8px 10px;border-radius:8px;background:#eef4f5;font-size:.7rem}.reel-stats b{display:block;color:var(--navy);font-size:.8rem}.caption-box{padding:14px;border-radius:10px;background:#f4f7f7;white-space:pre-wrap}.source-strip{display:flex;gap:10px;overflow:auto}.source-strip img,.source-strip video{width:120px;height:150px;object-fit:cover;border-radius:9px;background:#e8edef;flex:0 0 auto}.section.compact{padding-top:45px;padding-bottom:45px}
.live-status{margin:10px 0 0;padding:10px 12px;border-radius:8px;background:#e5f3ed;color:#205b42;font-size:.76rem;font-weight:750}.live-mode{border:0;padding:0;margin:18px 0}.live-mode legend{margin-bottom:9px;font-size:.78rem;font-weight:800}.live-mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.live-mode-grid label{display:grid;gap:3px;padding:10px;border:1px solid var(--line);border-radius:9px;cursor:pointer}.live-mode-grid label:has(input:checked){border-color:var(--blue);background:#edf5f6}.live-mode-grid input{position:absolute;opacity:0}.live-mode-grid b{font-size:.76rem}.live-mode-grid small{font-size:.64rem;line-height:1.3}
@media(max-width:920px){nav>div>a:not(.button){display:none}.hero,.how,.auth,.workspace,.editorgrid,.reel-layout,.reel-result{grid-template-columns:1fr}.hero-card{transform:none}.plans{grid-template-columns:1fr 1fr}.plans .featured{transform:none}.draftlist{grid-template-columns:1fr}.generator{position:static}.feature-grid{grid-template-columns:1fr}.trust{overflow:auto;justify-content:flex-start}.trust span{white-space:nowrap}.editorgrid aside{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.reel-list{grid-template-columns:1fr 1fr}.reel-player video{max-height:70vh}}
@media(max-width:620px){nav{height:66px;padding:0 16px}.brand{font-size:.86rem!important}nav>div{gap:10px}.hero{padding-top:70px}.actions,.cta,footer{align-items:stretch;flex-direction:column}.trust{padding-inline:20px}.plans,.stats,.settingsgrid,.track-grid,.reel-list,.live-mode-grid{grid-template-columns:1fr}.plans{padding-inline:20px}.formgrid,.twocol{grid-template-columns:1fr}.span2{grid-column:auto}.editorgrid aside{grid-template-columns:1fr}.calendar article{grid-template-columns:1fr}.workspace-head{align-items:flex-start;flex-direction:column}.panel{padding:20px}table{display:block;overflow:auto}h1{font-size:2.8rem}.reel-details h1{font-size:2rem}}

/* 2026 mobile-first product system */
:root{--violet:#4937d7;--violet-dark:#2f238f;--sky:#dff3ff;--peach:#ffe2d8;--mint:#dff7ea;--sun:#fff0bd;--surface:#fbfbfe;--shadow-strong:0 24px 70px rgba(42,32,112,.16)}
body{background:var(--surface);background-image:radial-gradient(circle at 0 0,rgba(109,85,255,.045),transparent 32rem)}
h1,h2{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:850;letter-spacing:-.055em}
.brand em{font-style:normal}.brand span{background:linear-gradient(135deg,#6f55ff,#ec5f9b);box-shadow:0 8px 22px rgba(91,64,220,.3)}
.topnav{box-shadow:0 4px 30px rgba(33,25,80,.05);backdrop-filter:blur(16px);background:rgba(255,255,255,.92)}
.button,button{min-height:46px;border-radius:13px;background:var(--violet);box-shadow:0 8px 20px rgba(73,55,215,.15);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.button:hover,button:hover{background:var(--violet-dark);transform:translateY(-1px);box-shadow:0 12px 25px rgba(73,55,215,.23);text-decoration:none}
.button-gradient{gap:18px;background:linear-gradient(135deg,#5941e8,#d84f91)}.button-gradient:hover{background:linear-gradient(135deg,#4230b4,#ae3871)}
.button.soft{background:#fff;color:var(--violet);border:1px solid #ddd8ff;box-shadow:none}.button.soft:hover{background:#f5f2ff}
.hero{min-height:700px;grid-template-columns:1.05fr .95fr;background:radial-gradient(circle at 13% 10%,#efeaff,transparent 35%),radial-gradient(circle at 92% 0,#d9f5ff,transparent 35%),linear-gradient(145deg,#fff 35%,#f7f4ff);overflow:hidden}
.hero h1{font-size:clamp(3rem,6vw,6.2rem);max-width:900px;margin-bottom:24px}.hero h1 span{color:var(--violet)}
.hero-pill{display:inline-flex;padding:9px 13px;margin-bottom:20px;border-radius:999px;background:#edeaff;color:var(--violet-dark);font-size:.75rem;font-weight:850;letter-spacing:.05em;text-transform:uppercase}
.proofline{display:flex;flex-wrap:wrap;gap:16px}.proofline b,.proofline span{font-weight:650;color:#52606f}
.hero-product{position:relative;min-height:570px;display:grid;place-items:center}.phone-preview{width:min(360px,80vw);padding:13px;border-radius:33px;background:#fff;border:8px solid #202036;box-shadow:var(--shadow-strong);transform:rotate(2deg)}
.preview-head{display:flex;align-items:center;gap:10px;padding:8px}.preview-head .avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#5c46ea,#f06e9c);color:#fff;font-weight:900}.preview-head div{display:grid;flex:1}.preview-head small{font-size:.68rem}.preview-head i{font-style:normal}.preview-visual{aspect-ratio:1/1.02;border-radius:20px;background:radial-gradient(circle at 72% 22%,#ffe1b4 0 13%,transparent 14%),radial-gradient(circle at 24% 74%,#8fe1cd 0 16%,transparent 17%),linear-gradient(145deg,#7457ed,#ed6f9e);display:grid;place-items:center;color:#fff;text-align:center;font-size:2.1rem;line-height:1.05}.preview-visual b{font-size:1.1em}.phone-preview>p{padding:14px 8px 0;margin-bottom:8px;line-height:1.5}.preview-actions{padding:0 8px 10px;color:#342b76}.preview-actions span{float:right;font-size:.75rem;font-weight:800}.floating-card{position:absolute;display:flex;align-items:center;gap:11px;padding:12px 15px;border-radius:15px;background:#fff;box-shadow:0 16px 45px rgba(31,26,71,.18)}.floating-card span{display:grid}.floating-card small{font-size:.66rem}.card-instagram{left:0;bottom:70px}.card-growth{right:-2%;top:90px;display:grid;background:#202036;color:#fff}.card-growth small{color:#c9c7da}
.channel-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;color:#fff;flex:0 0 auto}.channel-icon svg{width:23px;height:23px}.channel-icon.linkedin{background:#0a66c2}.channel-icon.instagram{background:radial-gradient(circle at 30% 100%,#ffd600 0 12%,#ff7a00 28%,#ff0169 51%,#d300c5 72%,#7638fa 100%)}.channel-icon.facebook{background:#1877f2}.channel-icon.x{background:#111}.channel-icon.telegram{background:#229ed9}.channel-icon.tiktok{background:#101014;box-shadow:inset 2px 0 #25f4ee,inset -2px 0 #fe2c55}
.channel-ribbon{display:flex;align-items:center;justify-content:center;gap:clamp(12px,3vw,36px);padding:22px clamp(20px,5vw,72px);background:#fff;border-block:1px solid #ebe9f5;overflow:auto}.channel-ribbon>span{font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.channel-ribbon>div{display:flex;align-items:center;gap:8px;white-space:nowrap}.channel-ribbon .channel-icon{width:29px;height:29px;border-radius:8px}.channel-ribbon svg{width:18px;height:18px}.channel-ribbon b{font-size:.76rem}
.section-intro{max-width:750px}.section-intro>p:last-child{color:var(--muted);font-size:1.05rem}.product-section{padding-top:100px}.feature-grid article{position:relative;overflow:hidden;border:0;padding:32px;min-height:360px}.feature-grid article:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-55px;top:-55px;background:rgba(255,255,255,.55)}.feature-purple{background:#e8e3ff!important}.feature-coral{background:#ffe4da!important}.feature-mint{background:#ddf6e8!important}.feature-icon{display:grid;place-items:center;width:51px;height:51px;border-radius:15px;background:#fff;color:var(--violet);font-size:1.35rem;box-shadow:0 9px 30px rgba(52,41,119,.1)}.feature-grid article>b{display:block;margin-top:34px;color:var(--violet-dark)}.feature-grid article h3{margin-top:15px;font-size:1.5rem}.feature-grid article a{position:absolute;bottom:28px;font-weight:800;color:var(--ink)}
.how{background:linear-gradient(135deg,#251d62,#4c37bd)}.how>div>p:last-child{color:#ccc8e8}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#e7e4f1;border-block:1px solid #e7e4f1}.trust-grid article{display:grid;gap:8px;padding:30px;background:#fff}.trust-grid b{color:var(--violet-dark)}.trust-grid span{font-size:.82rem;color:var(--muted);line-height:1.5}
.cta{background:linear-gradient(135deg,#603fd8,#d44f94);box-shadow:var(--shadow-strong)}.cta>div>span{font-size:.75rem;text-transform:uppercase;letter-spacing:.13em;font-weight:850}.cta h2{margin-top:8px}
.panel,.draft,.plans article,.stats article{border-color:#e6e3f0;border-radius:19px;box-shadow:0 8px 34px rgba(42,32,112,.055)}
.accountbar{background:linear-gradient(90deg,#ebe8ff,#e8f6ff)}.accountbar b{color:var(--violet)}
.media-option{grid-template-columns:38px 1fr;min-height:66px}.media-option .channel-icon{grid-row:1/3}.media-option:has(input:checked){border-color:var(--violet);background:#f2efff;box-shadow:0 0 0 2px rgba(73,55,215,.12)}
.secure-line{display:flex;gap:22px;flex-wrap:wrap;font-size:.82rem;font-weight:750;color:var(--green)}.pricing-head{text-align:center}.pricing-head p{margin-inline:auto}.pricing-head .secure-line{justify-content:center;margin-top:24px}.plan-kicker{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--violet);font-weight:850}.plans article{display:flex;flex-direction:column}.plans article ul{flex:1}.plans .featured{border-color:var(--violet);background:linear-gradient(180deg,#f2efff,#fff)}.plans .badge{background:var(--violet)}.pricing-note{max-width:700px;margin:-65px auto 80px;text-align:center;padding:0 20px;color:var(--muted);font-size:.78rem}
.seo-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:center;padding:clamp(70px,10vw,135px) clamp(20px,7vw,110px);background:radial-gradient(circle at 90% 10%,#dff4ff,transparent 35%),linear-gradient(145deg,#fff,#f2efff)}.seo-hero h1{font-size:clamp(3rem,6vw,5.6rem)}.seo-card{padding:36px;border-radius:25px;background:#fff;box-shadow:var(--shadow-strong)}.seo-card>span{display:grid;place-items:center;width:55px;height:55px;border-radius:17px;background:linear-gradient(135deg,#5b44e6,#e45f9b);color:#fff;font-size:1.4rem}.seo-card h2{font-size:2rem;margin-top:26px}
.admin-shell{display:grid;gap:24px;padding:0 clamp(20px,5vw,72px) 90px}.admin-stats{grid-template-columns:repeat(4,1fr)}.admin-stats small{display:block;margin-top:5px}.service-panel{background:linear-gradient(135deg,#fff,#f3f0ff)}.service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.service-grid>div{display:grid;grid-template-columns:12px 1fr;gap:4px 8px;padding:15px;border-radius:13px;background:#fff;border:1px solid #e9e6f3}.service-grid small{grid-column:2}.service-dot{width:10px;height:10px;margin-top:4px;border-radius:50%;background:#f2ab39;box-shadow:0 0 0 4px #fff1d3}.service-dot.ready{background:#2fa56f;box-shadow:0 0 0 4px #daf5e7}.account-admin-list{display:grid;gap:12px}.account-admin-list>article{padding:17px;border:1px solid #e9e6f3;border-radius:15px}.account-identity{display:flex;align-items:center;gap:11px}.account-identity>div:nth-child(2){display:grid;flex:1}.account-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#e9e5ff;color:var(--violet);font-weight:900}.status{margin-left:auto}.status.active,.status.open{background:#e0f6ea;color:#166343}.status.suspended,.status.past_due{background:#ffe5df;color:#933e30}.status.closed,.status.expired{background:#eeeef2;color:#5f6170}.account-controls{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:10px;align-items:end;margin-top:14px}.account-controls label{margin:0}.account-controls input,.account-controls select{padding:9px}.account-controls button{min-height:41px}.admin-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.support-list,.failure-list{display:grid;gap:10px}.support-list article,.failure-list article{padding:15px;border-radius:13px;background:#f8f7fc}.support-list article>div{display:flex;justify-content:space-between}.support-list p{font-size:.84rem}.failure-list article{display:grid;gap:4px}.failure-list time{font-size:.7rem;color:var(--muted)}
.mobile-dock{display:none}

@media(max-width:920px){.hero,.seo-hero{grid-template-columns:1fr}.hero-product{min-height:520px}.trust-grid{grid-template-columns:1fr 1fr}.service-grid{grid-template-columns:1fr 1fr}.admin-stats{grid-template-columns:1fr 1fr}.admin-columns{grid-template-columns:1fr}.brand em{display:inline}.topnav>div>.button{display:inline-flex}.feature-grid article{min-height:300px}}
@media(max-width:620px){body.app-shell{padding-bottom:calc(74px + env(safe-area-inset-bottom))}.app-shell footer{display:none}.topnav{height:62px}.app-shell .topnav>div{display:none}.public-shell .topnav>div>a:not(.button){display:none}.public-shell .topnav>div .button{min-height:40px;padding:8px 12px}.brand em{font-size:.78rem}.brand span{width:32px;height:32px}.mobile-dock{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;height:calc(68px + env(safe-area-inset-bottom));padding:7px 6px env(safe-area-inset-bottom);background:rgba(255,255,255,.96);border-top:1px solid #e4e1ed;box-shadow:0 -8px 28px rgba(37,29,98,.1);z-index:50;backdrop-filter:blur(15px)}.mobile-dock a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#666175;font-size:.59rem;font-weight:750}.mobile-dock a span{font-size:1.05rem;color:var(--violet)}.mobile-dock .dock-create{transform:translateY(-15px);color:var(--violet)}.mobile-dock .dock-create span{display:grid;place-items:center;width:45px;height:45px;border-radius:15px;background:linear-gradient(135deg,#5941e8,#db5695);color:#fff;font-size:1.65rem;box-shadow:0 8px 20px rgba(73,55,215,.3)}.accountbar{padding:8px 15px}.accountbar span{font-size:.7rem}.hero{min-height:auto;padding:54px 18px 34px}.hero h1{font-size:3.05rem}.hero .lede{font-size:1.03rem}.hero .actions{gap:10px}.hero .button{width:100%}.proofline{display:grid;gap:6px}.hero-product{min-height:455px}.phone-preview{width:82vw}.card-instagram{left:-4px;bottom:38px}.card-growth{right:-4px;top:45px}.floating-card{padding:10px}.channel-ribbon{justify-content:flex-start;padding:15px 18px}.channel-ribbon>span{display:none}.channel-ribbon>div{gap:5px}.channel-ribbon b{display:none}.product-section{padding-top:65px}.section{padding-inline:18px}.feature-grid{margin-top:28px}.feature-grid article{min-height:315px}.trust-grid{grid-template-columns:1fr}.how{padding-inline:20px}.how li{grid-template-columns:1fr;gap:7px}.cta{margin:0 18px 60px;padding:34px 24px}.cta .button{width:100%}.seo-hero{padding:64px 18px}.seo-hero h1{font-size:3rem}.seo-card{padding:23px}.plans{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 18px 78px;gap:13px}.plans article{min-width:88vw;scroll-snap-align:center}.pricing-note{margin-top:-48px}.workspace,.admin-shell{padding-inline:14px;padding-bottom:30px}.workspace-head,.pagehead{padding-inline:18px}.workspace-head .actions{display:grid;width:100%;grid-template-columns:1fr 1fr;margin:15px 0 0;gap:8px}.workspace-head .button{font-size:.75rem;padding:10px}.panel{padding:18px}.media-options{grid-template-columns:1fr 1fr;gap:7px}.media-option{padding:9px;min-width:0}.media-option b,.media-option small{overflow:hidden;text-overflow:ellipsis}.media-option small{white-space:nowrap}.media-option .channel-icon{width:35px;height:35px}.media-option .channel-icon svg{width:20px}.upload-zone{min-height:112px}.twocol{grid-template-columns:1fr}.generator input,.generator textarea,.generator select,input,textarea,select{font-size:16px}.stats,.admin-stats{grid-template-columns:1fr 1fr;padding-inline:14px;gap:10px}.stats article{padding:16px}.stats article strong{font-size:1.55rem}.service-grid{grid-template-columns:1fr}.account-controls{grid-template-columns:1fr 1fr}.account-controls button{grid-column:span 2}.account-identity{align-items:flex-start;flex-wrap:wrap}.account-identity>div:nth-child(2){min-width:calc(100% - 60px)}.account-identity .status{margin-left:53px}.admin-columns{grid-template-columns:1fr}.sectiontitle{align-items:flex-start}.editorgrid{padding-inline:14px}.reel-layout{padding-inline:14px}.reel-form{padding:18px}.track-grid{grid-template-columns:1fr}.reel-result{padding-inline:14px}footer{padding-inline:20px}}

/* Dark studio atmosphere with local social-creation sketches */
.public-shell .hero{color:#fff;background-image:linear-gradient(128deg,rgba(15,13,45,.8),rgba(54,30,111,.75) 52%,rgba(130,41,102,.67)),url('/studio-pattern.svg');background-size:auto,560px 360px;background-position:center,center}.public-shell .hero h1{color:#fff}.public-shell .hero h1 span{background:linear-gradient(90deg,#a99bff,#ff86bb,#78e4dd);-webkit-background-clip:text;background-clip:text;color:transparent}.public-shell .hero .lede{color:#dad7eb}.public-shell .hero-pill{color:#ddd7ff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(10px)}.public-shell .proofline b,.public-shell .proofline span{color:#d5d2e6}.public-shell .button.soft{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.2);backdrop-filter:blur(10px)}.public-shell .button.soft:hover{background:rgba(255,255,255,.17)}
.app-shell{background:#15122c}.app-shell main{background-image:linear-gradient(135deg,rgba(18,16,48,.88),rgba(45,27,87,.86) 48%,rgba(27,57,89,.84)),url('/studio-pattern.svg');background-size:auto,560px 360px;background-attachment:fixed}.app-shell .accountbar{color:#fff;background:rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.09);backdrop-filter:blur(12px)}.app-shell .accountbar span{color:#cec9df}.app-shell .accountbar b{color:#91ebe0}.app-shell .workspace-head,.app-shell .pagehead{color:#fff}.app-shell .workspace-head .eyebrow,.app-shell .pagehead .eyebrow{color:#ff91b9}.app-shell .workspace-head .ghost{color:#fff!important;border-color:rgba(255,255,255,.58)!important;background:rgba(255,255,255,.06)!important}.app-shell .workspace-head .ghost:hover{background:rgba(255,255,255,.14)!important}.app-shell .pagehead p:last-child{color:#cec9df}.app-shell .workspace>.panel,.app-shell .reel-layout>.panel,.app-shell .editorgrid>.panel,.app-shell .settingsgrid>.panel,.app-shell .admin-shell>.panel,.app-shell .admin-columns>.panel,.app-shell .calendar article,.app-shell .draft,.app-shell .reel-card{box-shadow:0 22px 55px rgba(3,2,20,.26)}.app-shell .workspace>section>.sectiontitle,.app-shell .reel-layout+section .sectiontitle{color:#fff}.app-shell .workspace>section>.sectiontitle a,.app-shell .section.compact .sectiontitle a{color:#9de7e0}.app-shell .empty{color:#d0cada;border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.06);backdrop-filter:blur(7px)}.app-shell footer{color:#c9c5d7;background:#100e24;border-color:rgba(255,255,255,.08)}.app-shell footer a{color:#e5e1f4}
.how,.cta{background-image:linear-gradient(135deg,rgba(28,22,76,.94),rgba(88,39,135,.91)),url('/studio-pattern.svg');background-size:auto,560px 360px}.seo-hero{background-image:linear-gradient(140deg,rgba(18,15,53,.97),rgba(70,35,122,.92)),url('/studio-pattern.svg');background-size:auto,560px 360px;color:#fff}.seo-hero .lede{color:#d8d4e8}
@media(max-width:620px){.public-shell .hero,.app-shell main,.seo-hero{background-size:auto,420px 270px}.app-shell .workspace-head{padding-top:44px}.app-shell .mobile-dock{background:rgba(20,17,42,.96);border-color:rgba(255,255,255,.1)}.app-shell .mobile-dock a{color:#bdb8ce}.app-shell .mobile-dock a span{color:#a99bff}.app-shell .mobile-dock .dock-create span{color:#fff}.app-shell .topnav{background:rgba(17,14,39,.95);border-color:rgba(255,255,255,.08)}.app-shell .brand{color:#fff}.app-shell .hero-product{min-height:430px}}