:root{color-scheme:light;--accent:#7c4dff;--accent2:#ff6b7f;--page:#fff;--surface:#fff;--input:#fff;--ink:#171724;--muted:#6f7385;--line:#e8e9ef;--soft:#f6f7fb;--lilac:#f2efff;--accent-soft:#f0ebff;--accent-soft-strong:#f3f0ff;--dark:#0f1020;--dark2:#17192b;--white:#fff;--radius:24px;--shadow:0 28px 70px rgba(27,25,61,.11)}html[data-theme="dark"]{color-scheme:dark;--page:#0f1119;--surface:#171a24;--input:#12151f;--ink:#f3f4f8;--muted:#a7acba;--line:#2a2e3b;--soft:#11141e;--lilac:#191526;--accent-soft:#292541;--accent-soft-strong:#29263b;--shadow:0 28px 70px rgba(0,0,0,.32)} *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--page);line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.studio-wrap{width:min(1180px,calc(100% - 40px));margin:0 auto}.studio-header{height:72px;display:flex;align-items:center;gap:34px;padding:0 max(24px,calc((100vw - 1180px)/2));background:#0d0e1a;color:#fff;border-bottom:1px solid rgba(255,255,255,.08);position:relative;z-index:30}.studio-brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.studio-brand b{font-size:18px;letter-spacing:-.02em}.studio-brand-logo{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:10px;overflow:hidden;background:var(--surface);border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 10%,transparent)}.studio-brand-logo img{display:block;width:100%;height:100%;object-fit:contain;padding:3px}.studio-brand em{font-style:normal;background:linear-gradient(135deg,var(--accent),var(--accent2));padding:1px 5px;border-radius:6px;font-size:12px}.studio-logo{width:28px;height:28px;border-radius:50%;background:#fff;display:grid;grid-template-columns:repeat(3,4px);gap:3px;place-content:center}.studio-logo i{width:4px;height:4px;border-radius:50%;background:var(--accent)}.studio-nav{margin-left:auto;display:flex;align-items:center;gap:26px;font-size:14px}.studio-nav>a:not(.studio-lang){opacity:.88}.studio-nav>a:hover{opacity:1}.studio-nav .tpl-btn,.studio-nav .studio-btn{padding:10px 16px}.studio-icon,.studio-menu{border:0;background:transparent;color:inherit;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;cursor:pointer}.studio-icon:hover,.studio-menu:hover{background:rgba(255,255,255,.08)}.studio-lang{font-weight:700}.studio-menu{display:none;margin-left:auto}.studio-hero{background:radial-gradient(circle at 28% 88%,rgba(112,59,255,.44),transparent 35%),linear-gradient(135deg,#0b0c18,#111326 58%,#15112b);color:#fff;padding:28px 0 0;overflow:hidden}.studio-hero-grid{display:grid;grid-template-columns:.86fr 1.34fr;align-items:center;gap:46px;min-height:560px}.studio-hero-copy{padding:58px 0 78px}.studio-hero-copy h1{font-size:68px;line-height:.98;letter-spacing:-.055em;margin:0 0 28px;max-width:590px}.studio-hero-copy h1 span{background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}.studio-hero-copy>p{font-size:19px;line-height:1.7;color:#d8d9e5;max-width:590px}.studio-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.studio-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:12px;padding:14px 22px;font-weight:750;cursor:pointer;transition:.2s transform,.2s box-shadow}.studio-btn:hover{transform:translateY(-1px)}.studio-btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;box-shadow:0 12px 30px rgba(124,77,255,.25)}.studio-btn-dark{border:1px solid rgba(255,255,255,.22);color:#fff;background:rgba(255,255,255,.04)}.studio-btn-light{background:#fff;color:#151628}.studio-trust{display:flex;gap:24px;flex-wrap:wrap;margin-top:32px;color:#c9cbd9;font-size:13px}.studio-trust :is(i,svg.svg-inline--fa){color:var(--accent2);margin-right:6px}.studio-product-demo{align-self:end;display:grid;grid-template-columns:1fr 190px;background:#161827;border:1px solid rgba(255,255,255,.08);border-radius:24px 24px 0 0;box-shadow:0 25px 80px rgba(0,0,0,.38);overflow:hidden;min-width:0}.studio-demo-main{padding:20px}.studio-demo-title,.studio-demo-controls{display:flex;align-items:center;gap:10px}.studio-demo-title{justify-content:space-between;margin-bottom:17px}.studio-demo-title>b{font-size:16px}.studio-demo-title button,.studio-demo-controls button,.studio-demo-rail button{border:1px solid rgba(255,255,255,.1);background:#26293c;color:#fff;border-radius:9px;padding:8px 10px;font-size:12px}.studio-demo-controls{font-size:12px;margin-bottom:12px}.studio-demo-controls>b{margin:0 auto}.studio-demo-controls>div{display:flex}.studio-demo-controls>div button{border-radius:0}.studio-demo-controls>div button:first-child{border-radius:9px 0 0 9px}.studio-demo-controls>div button:last-child{border-radius:0 9px 9px 0}.studio-demo-controls button.active{background:#373a50}.studio-demo-week,.studio-demo-calendar{display:grid;grid-template-columns:repeat(7,1fr)}.studio-demo-week{border:1px solid rgba(255,255,255,.1);border-bottom:0;border-radius:12px 12px 0 0}.studio-demo-week b{padding:9px;text-align:center;font-size:11px;color:#c8cad6}.studio-demo-calendar{border-left:1px solid rgba(255,255,255,.1);border-top:1px solid rgba(255,255,255,.1)}.studio-demo-calendar>div{min-height:69px;padding:8px;border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);font-size:11px;color:#aeb1c1;position:relative}.studio-demo-calendar span{position:absolute;left:7px;right:7px;bottom:6px;background:#312d56;color:#fff;border-radius:7px;padding:5px;font-size:10px}.studio-demo-calendar span small{display:block;color:#d4d1ff}.studio-demo-rail{padding:14px;background:linear-gradient(180deg,#211c3e,#151725);display:flex;flex-direction:column;gap:12px}.studio-demo-rail>div{padding:13px;border-radius:12px;background:rgba(255,255,255,.05);display:grid;gap:8px}.studio-demo-rail small{font-size:10px;color:#979aac}.studio-demo-rail span{display:grid;grid-template-columns:15px 1fr;gap:3px 7px;align-items:center;padding:7px;background:rgba(255,255,255,.035);border-radius:8px}.studio-demo-rail span :is(i,svg.svg-inline--fa){width:12px;height:12px;border-radius:4px;background:linear-gradient(135deg,var(--accent),var(--accent2));grid-row:1/3}.studio-demo-rail span b{font-size:10px}.studio-demo-rail span em{font-size:9px;color:#9b9dac;font-style:normal}.studio-demo-rail>div>b{font-size:12px}.studio-demo-rail button{font-size:10px}.studio-networks{background:var(--surface);border-bottom:1px solid var(--line)}.studio-networks .studio-wrap{display:flex;justify-content:space-between;gap:20px;padding:21px 0;overflow:auto}.studio-networks span{white-space:nowrap;color:#393c4a;font-size:13px}.studio-section{padding:88px 0}.studio-white{background:var(--surface)}.studio-soft{background:var(--soft)}.studio-lilac{background:var(--lilac)}.studio-violet{background:linear-gradient(135deg,#4f27b8,#7b43e8);color:#fff}.studio-dark{background:linear-gradient(135deg,#0f1020,#181b2e);color:#fff}.studio-section-head{text-align:center;max-width:760px;margin:0 auto 44px}.studio-section-head.left{text-align:left;margin-left:0}.studio-section-head.light{color:#fff}.studio-section-head small,.studio-story small,.studio-team-story small,.studio-source-story small,.studio-ai-story small,.studio-page-hero small,.studio-landing-hero small,.studio-section-split small,.studio-rubric-layout small,.studio-comparison-layout small,.studio-projects-layout small,.studio-analytics-layout small,.studio-automation-layout small,.studio-publication-layout small,.studio-ai-layout small,.studio-service-layout small{font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:var(--accent)}.studio-violet small,.studio-dark small,.studio-final small{color:#c8b9ff}.studio-section h2,.studio-page-hero h1,.studio-landing-hero h1{letter-spacing:-.04em;line-height:1.08}.studio-section h2{font-size:42px;margin:8px 0 16px}.studio-section-head p,.studio-story p,.studio-team-story p,.studio-source-story p,.studio-ai-story p,.studio-page-hero p,.studio-landing-hero p,.studio-section-split p,.studio-rubric-layout p,.studio-comparison-layout p,.studio-projects-layout p,.studio-analytics-layout p,.studio-automation-layout p,.studio-publication-layout p,.studio-ai-layout p,.studio-service-layout p{color:var(--muted);font-size:17px}.studio-dark p,.studio-violet p,.studio-section-head.light p,.studio-final p{color:#c7c9d8}.studio-feature-row{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:20px;overflow:hidden}.studio-feature-row article{padding:28px 22px;background:var(--surface);border-right:1px solid var(--line)}.studio-feature-row article:last-child{border-right:0}.studio-feature-row :is(i,svg.svg-inline--fa){width:38px;height:38px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);border-radius:11px}.studio-feature-row h3{font-size:16px;margin:18px 0 9px}.studio-feature-row p{font-size:13px;color:var(--muted);margin:0}.studio-story,.studio-team-story,.studio-source-story,.studio-ai-story,.studio-section-split,.studio-rubric-layout,.studio-comparison-layout,.studio-projects-layout,.studio-analytics-layout,.studio-automation-layout,.studio-publication-layout,.studio-ai-layout,.studio-service-layout,.studio-landing-calendar{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.studio-story ul{padding-left:18px;color:var(--ink)}.studio-story li{margin:9px 0}.studio-mini-calendar{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:var(--shadow)}.studio-mini-calendar header{display:flex;justify-content:space-between;margin-bottom:18px}.studio-mini-calendar header span{font-size:12px;background:var(--soft);border-radius:8px;padding:6px 9px}.mini-rubrics{display:grid;grid-template-columns:12px 1fr auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.mini-rubrics i{width:9px;height:9px;border-radius:50%;background:var(--accent)}.mini-rubrics:nth-child(3) i{background:#ff8c5a}.mini-rubrics:nth-child(4) i{background:#23b985}.mini-rubrics em{font-style:normal;color:var(--muted)}.mini-slot{margin-top:18px;padding:16px;border-radius:14px;background:var(--accent-soft-strong);display:flex;gap:12px;color:var(--ink)}.mini-slot small{display:block;color:#756d93;text-transform:none;letter-spacing:0}.studio-team-board{display:grid;grid-template-columns:1fr 1fr;gap:12px}.studio-team-board span{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:24px}.studio-team-board span b{display:block;font-size:34px}.studio-team-board small{color:#d7cdfd}.studio-link{font-weight:750;color:var(--accent);display:inline-flex;align-items:center;gap:8px}.studio-violet .studio-link{color:#fff}.studio-source-story{text-align:center;grid-template-columns:1fr}.studio-source-story header{max-width:780px;margin:auto}.studio-source-flow{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:13px;margin-top:28px}.studio-source-flow span,.studio-source-flow strong{padding:13px 18px;border:1px solid var(--line);background:var(--surface);border-radius:12px}.studio-source-flow strong{background:#17182a;color:#fff;border-color:#17182a}.studio-ai-card{background:#22243a;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:26px;display:grid;gap:15px}.studio-ai-card>b{font-size:20px}.studio-ai-card span{display:flex;gap:10px;align-items:center}.studio-ai-card button{border:0;background:#fff;color:#191a2a;border-radius:10px;padding:11px 14px;font-weight:700}.studio-solutions{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.studio-solution-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:24px;position:relative;min-height:210px;display:flex;flex-direction:column}.studio-solution-card>span{position:absolute;right:18px;top:18px;color:var(--muted)}.studio-solution-card h3{font-size:21px;margin:12px 30px 10px 0}.studio-solution-card p{color:var(--muted);font-size:14px;flex:1}.studio-solution-card>b{font-size:13px;color:var(--accent)}.studio-pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.studio-price{border:1px solid var(--line);border-radius:20px;padding:28px;background:var(--surface);display:flex;flex-direction:column}.studio-price.is-popular{border-color:#b6a0ff;box-shadow:0 16px 42px rgba(92,55,191,.12)}.studio-price>small{height:18px;color:var(--accent);font-weight:800}.studio-price>span{font-size:14px;color:var(--muted);margin-top:15px}.studio-price h3{font-size:32px;margin:8px 0}.studio-price h3 em{font-size:13px;font-style:normal;color:var(--muted)}.studio-price p{color:var(--muted)}.studio-price .studio-btn{margin-top:auto}.studio-blog{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.studio-blog-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden}.studio-blog-card>div{padding:22px}.studio-blog-card h3{font-size:20px}.studio-blog-card p{color:var(--muted);font-size:14px}.tpl-blog-cover{display:block;aspect-ratio:16/8;overflow:hidden}.tpl-blog-cover img{width:100%;height:100%;object-fit:cover}.studio-faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px}.studio-faq-item{border-bottom:1px solid var(--line)}.studio-faq-item summary{padding:18px 0;font-weight:750;cursor:pointer;list-style:none;display:flex;justify-content:space-between}.studio-faq-item p{color:var(--muted);margin:0 0 18px}.studio-final{padding:54px 0;background:linear-gradient(135deg,#5d30c7,#7d46ef);color:#fff}.studio-final .studio-wrap{display:flex;justify-content:space-between;align-items:center;gap:30px}.studio-final h2{font-size:36px;letter-spacing:-.04em;margin:0 0 8px}.studio-final p{margin:0;max-width:700px}.studio-footer{background:#0e0f1a;color:#fff;padding:56px max(20px,calc((100vw - 1180px)/2)) 24px}.studio-footer-main{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:50px}.studio-footer p{color:#9b9dad;max-width:330px}.studio-footer nav{display:grid;gap:9px;align-content:start}.studio-footer nav a{color:#aeb0bd;font-size:14px}.studio-footer>small{display:block;margin-top:44px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);color:#797b89}.studio-page-hero,.studio-landing-hero{padding:78px 0;background:linear-gradient(135deg,#f6f5fb,#fff)}.studio-page-hero.partner{background:linear-gradient(135deg,#111327,#27205a);color:#fff}.studio-page-hero.support{background:linear-gradient(135deg,#f5f2ff,#fff)}.studio-page-hero h1,.studio-landing-hero h1{font-size:56px;margin:10px 0 18px;max-width:850px}.studio-page-hero-grid,.studio-landing-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:center}.studio-page-hero.partner p{color:#c6c7d5}.studio-partner-metrics,.studio-support-points{display:grid;gap:12px}.studio-partner-metrics span,.studio-support-points span{padding:20px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1)}.studio-support-points span{background:var(--surface);border-color:var(--line);display:grid;grid-template-columns:36px 1fr;gap:2px 10px}.studio-support-points :is(i,svg.svg-inline--fa){grid-row:1/3;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#eee9ff;color:var(--accent)}.studio-live{display:flex;align-items:center;gap:9px;margin-top:22px}.studio-live i{width:9px;height:9px;border-radius:50%;background:#20bb78;box-shadow:0 0 0 5px rgba(32,187,120,.12)}.studio-back{display:inline-flex;gap:8px;align-items:center;color:var(--muted);font-size:14px}.studio-landing-hero aside{display:grid;gap:10px}.studio-landing-hero aside span{padding:13px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.studio-landing-hero aside :is(i,svg.svg-inline--fa){color:var(--accent);width:14px;padding:2px 10px}.studio-richtext{color:var(--muted)}.studio-richtext p:first-child{margin-top:0}.studio-richtext.light{color:#d2d4df}.studio-richtext.centered{max-width:800px;text-align:center;margin:24px auto 0}.studio-section-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:21px}.studio-section-card p{font-size:14px;color:var(--muted)}.studio-section-card small{color:#999}.studio-feature-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.studio-workflow,.studio-process{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.studio-step{display:flex;gap:12px;padding:20px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.05)}.studio-soft .studio-step,.studio-white .studio-step{background:var(--surface);border-color:var(--line)}.studio-step em{font-style:normal;width:30px;height:30px;aspect-ratio:1 / 1;border-radius:9px;background:rgba(139,92,255,.18);color:#bfa7ff;display:grid;place-items:center;font-weight:800}.studio-step b{display:block;margin-bottom:8px}.studio-step p{font-size:13px;margin:0}.studio-rubric-list{background:var(--surface);border-radius:20px;padding:22px;box-shadow:var(--shadow)}.studio-rubric{display:grid;grid-template-columns:10px 1fr auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.studio-rubric:last-child{border-bottom:0}.studio-rubric i{width:9px;height:9px;border-radius:50%;background:var(--accent)}.studio-rubric:nth-child(2) i{background:#ff8a60}.studio-rubric:nth-child(3) i{background:#21bc86}.studio-rubric div{display:grid}.studio-rubric span{font-size:12px;color:var(--muted)}.studio-rubric em{font-style:normal;font-weight:800}.studio-timeline-items{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.studio-timeline-items .studio-section-card{position:relative}.studio-timeline-items .studio-section-card:before{content:"";position:absolute;top:-14px;left:28px;width:1px;height:14px;background:var(--accent)}.studio-comparison-list{display:grid;gap:12px}.studio-compare-item{border:1px solid var(--line);border-radius:16px;padding:20px;background:var(--surface)}.studio-compare-item p{color:var(--muted);margin-bottom:8px}.studio-compare-item span{display:block;color:var(--accent);font-weight:700;font-size:13px}.studio-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.studio-stat{padding:22px;border-radius:16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12)}.studio-white .studio-stat{background:var(--surface);border-color:var(--line)}.studio-stat b{display:block;font-size:27px;margin:7px 0}.studio-stat em{font-size:12px;font-style:normal;color:#c9bbff}.studio-project-cards{display:grid;gap:12px}.studio-project-cards .studio-section-card{box-shadow:0 10px 30px rgba(25,24,55,.07)}.studio-analytics-card{padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.studio-analytics-card .studio-stat{background:var(--soft)}.studio-chart-bars{height:170px;display:flex;align-items:end;gap:12px;margin-top:25px}.studio-chart-bars i{flex:1;height:var(--h);background:linear-gradient(180deg,var(--accent2),var(--accent));border-radius:8px 8px 2px 2px}.studio-automation-list{display:grid;gap:10px}.studio-automation-list .studio-section-card{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}.studio-automation-list .studio-section-card p{color:#c5c7d5}.studio-sources-grid{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.studio-sources-grid .studio-section-card{min-width:150px}.studio-sources-grid>strong{background:#17182a;color:#fff;padding:18px 22px;border-radius:14px}.studio-publication-list{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:15px}.studio-status-item{display:grid;grid-template-columns:12px 1fr auto;gap:10px;align-items:center;padding:13px;border-bottom:1px solid var(--line)}.studio-status-item:last-child{border:0}.studio-status-item>i{width:9px;height:9px;border-radius:50%;background:#23b985}.studio-status-item div{display:grid}.studio-status-item small{font-size:12px;color:var(--muted)}.studio-status-item em{font-style:normal;font-size:12px;color:var(--accent)}.studio-ai-panel{background:#21164c;border:1px solid rgba(255,255,255,.18);border-radius:22px;padding:24px}.studio-ai-panel>span{font-weight:800}.studio-ai-panel>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.studio-ai-panel .studio-section-card{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12)}.studio-ai-panel .studio-section-card p{color:#d7d0ed}.studio-service-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.studio-support-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:36px}.studio-support-form{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:28px;display:grid;gap:15px}.studio-support-form label{display:grid;gap:6px;font-size:13px;font-weight:700}.studio-support-form input,.studio-support-form textarea,.studio-support-form select{border:1px solid var(--line);border-radius:10px;padding:11px 12px;background:var(--input);color:var(--ink)}.studio-support-layout aside{align-self:start;background:#17182a;color:#fff;border-radius:20px;padding:28px}.hp-field{position:absolute!important;left:-10000px!important}.studio-article header{max-width:850px;margin:30px auto;text-align:center}.studio-article header h1{font-size:52px;letter-spacing:-.04em}.studio-article-poster{display:block;width:min(900px,100%);max-height:540px;object-fit:cover;margin:30px auto;border-radius:20px}.studio-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:50px;align-items:start}.studio-article-content{font-size:17px}.studio-article-content h2{font-size:31px;margin-top:42px}.studio-article-layout aside{position:sticky;top:100px;background:var(--soft);border-radius:18px;padding:22px}.studio-empty{padding:35px;text-align:center;color:var(--muted)} html[data-theme=dark] body{background:#11131d;color:#f1f2f6}html[data-theme=dark] .studio-white,html[data-theme=dark] .studio-soft,html[data-theme=dark] .studio-lilac,html[data-theme=dark] .studio-page-hero,html[data-theme=dark] .studio-landing-hero{background:#141722;color:#f1f2f6}html[data-theme=dark] .studio-soft{background:#10131d}html[data-theme=dark] .studio-lilac{background:#191527}html[data-theme=dark] .studio-section-card,html[data-theme=dark] .studio-mini-calendar,html[data-theme=dark] .studio-solution-card,html[data-theme=dark] .studio-price,html[data-theme=dark] .studio-blog-card,html[data-theme=dark] .studio-compare-item,html[data-theme=dark] .studio-rubric-list,html[data-theme=dark] .studio-publication-list,html[data-theme=dark] .studio-analytics-card,html[data-theme=dark] .studio-support-form,html[data-theme=dark] .studio-landing-hero aside span{background:#1b1e2b;border-color:#2b2e3d;color:#f1f2f6}html[data-theme=dark] .studio-section p,html[data-theme=dark] .studio-page-hero p,html[data-theme=dark] .studio-landing-hero p,html[data-theme=dark] .studio-richtext,html[data-theme=dark] .studio-solution-card p,html[data-theme=dark] .studio-price p{color:#aeb2c1}html[data-theme=dark] .studio-networks{background:#141722;border-color:#2b2e3d}html[data-theme=dark] .studio-networks span{color:#d6d7df}html[data-theme=dark] .studio-feature-row,html[data-theme=dark] .studio-feature-row article{background:#1b1e2b;border-color:#2b2e3d}html[data-theme=dark] .studio-feature-row article{color:#f1f2f6}html[data-theme=dark] .studio-feature-row p{color:#aeb2c1} html[data-theme="dark"] .studio-mini-calendar header span,html[data-theme="dark"] .mini-slot{background:var(--accent-soft-strong);color:#e5ddff}html[data-theme="dark"] .mini-slot small{color:#aaa2c7}html[data-theme="dark"] .studio-support-form input::placeholder,html[data-theme="dark"] .studio-support-form textarea::placeholder{color:#777e91}.studio-menu-open{overflow:hidden} @media(max-width:1050px){.studio-nav{gap:14px}.studio-nav>a:nth-child(-n+3){display:none}.studio-hero-grid{grid-template-columns:1fr}.studio-hero-copy{padding-bottom:20px}.studio-product-demo{max-width:850px}.studio-feature-row{grid-template-columns:repeat(2,1fr)}.studio-feature-row article{border-bottom:1px solid var(--line)}.studio-story,.studio-team-story,.studio-section-split,.studio-rubric-layout,.studio-comparison-layout,.studio-projects-layout,.studio-analytics-layout,.studio-automation-layout,.studio-publication-layout,.studio-ai-layout,.studio-service-layout,.studio-landing-calendar{grid-template-columns:1fr}.studio-workflow,.studio-process{grid-template-columns:repeat(2,1fr)}.studio-feature-cards{grid-template-columns:repeat(2,1fr)}.studio-solutions,.studio-blog{grid-template-columns:repeat(2,1fr)}} @media(max-width:760px){.studio-wrap{width:min(100% - 28px,1180px)}.studio-header{height:64px;padding:0 14px}.studio-menu{display:grid}.studio-nav{display:none;position:absolute;top:64px;left:12px;right:12px;background:#171927;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:14px;flex-direction:column;align-items:stretch}.studio-nav.open{display:flex}.studio-nav>a:nth-child(-n+3){display:block}.studio-hero{padding-top:0}.studio-hero-grid{min-height:0;gap:10px}.studio-hero-copy{padding:50px 0 26px}.studio-hero-copy h1{font-size:48px}.studio-hero-copy>p{font-size:16px}.studio-product-demo{grid-template-columns:1fr;border-radius:18px 18px 0 0}.studio-demo-rail{display:grid;grid-template-columns:1fr 1fr}.studio-demo-rail>div:first-child{grid-column:1/3}.studio-demo-controls>b{display:none}.studio-demo-controls>div{margin-left:auto}.studio-demo-calendar>div{min-height:56px;padding:5px}.studio-demo-calendar span{font-size:8px;left:3px;right:3px;padding:3px}.studio-section{padding:62px 0}.studio-section h2{font-size:34px}.studio-section-head{margin-bottom:30px}.studio-feature-row,.studio-solutions,.studio-pricing,.studio-blog,.studio-feature-cards,.studio-stats-row,.studio-ai-panel>div,.studio-service-cards{grid-template-columns:1fr}.studio-feature-row article{border-right:0}.studio-workflow,.studio-process,.studio-timeline-items{grid-template-columns:1fr}.studio-faq,.studio-support-layout,.studio-page-hero-grid,.studio-landing-hero-grid,.studio-article-layout{grid-template-columns:1fr}.studio-final .studio-wrap{align-items:flex-start;flex-direction:column}.studio-final h2{font-size:30px}.studio-footer-main{grid-template-columns:1fr 1fr}.studio-footer-main>div:first-child{grid-column:1/3}.studio-page-hero,.studio-landing-hero{padding:54px 0}.studio-page-hero h1,.studio-landing-hero h1{font-size:40px}.studio-article header h1{font-size:38px}.studio-article-layout aside{position:static}.studio-source-flow :is(i,svg.svg-inline--fa){transform:rotate(90deg)}} @media(max-width:470px){.studio-hero-copy h1{font-size:42px}.studio-actions{display:grid}.studio-btn{width:100%}.studio-demo-main{padding:12px}.studio-demo-title button{padding:7px;font-size:10px}.studio-demo-rail{grid-template-columns:1fr}.studio-demo-rail>div:first-child{grid-column:auto}.studio-demo-week b{font-size:9px}.studio-demo-calendar>div{min-height:48px}.studio-footer-main{grid-template-columns:1fr}.studio-footer-main>div:first-child{grid-column:auto}.studio-team-board{grid-template-columns:1fr 1fr}.studio-section h2{font-size:30px}} /* beta.3.2 — coherent light/dark section rhythm and guest theme polish */ :root{ --studio-light-page:#edf0f6; --studio-light-band:#e7eaf2; --studio-light-soft:#f2f4f8; --studio-light-surface:#f8f9fc; --studio-dark-page:#0e1018; --studio-dark-band:#121521; --studio-dark-soft:#151824; --studio-dark-surface:#1a1d2a; } body.studio-public{background:var(--studio-light-page)} html[data-theme="light"] .studio-hero{background:radial-gradient(circle at 28% 88%,rgba(126,83,255,.34),transparent 38%),linear-gradient(135deg,#25263d,#302b50 58%,#382c5d)} html[data-theme="light"] .studio-header{background:#25263d;border-bottom-color:rgba(255,255,255,.09)} html[data-theme="light"] .studio-networks{background:var(--studio-light-band);border-color:#d9dde7} html[data-theme="light"] .studio-networks span{color:#555a6b} html[data-theme="light"] .studio-white{background:var(--studio-light-surface)} html[data-theme="light"] .studio-soft{background:var(--studio-light-soft)} html[data-theme="light"] .studio-lilac{background:#ece9f7} html[data-theme="light"] .studio-page-hero,html[data-theme="light"] .studio-landing-hero{background:linear-gradient(180deg,#eef0f7,#f6f7fa)} html[data-theme="light"] .studio-section-card,html[data-theme="light"] .studio-mini-calendar,html[data-theme="light"] .studio-solution-card,html[data-theme="light"] .studio-price,html[data-theme="light"] .studio-blog-card,html[data-theme="light"] .studio-compare-item,html[data-theme="light"] .studio-rubric-list,html[data-theme="light"] .studio-publication-list,html[data-theme="light"] .studio-analytics-card,html[data-theme="light"] .studio-support-form{background:#fff} html[data-theme="light"] .studio-violet{background:linear-gradient(135deg,#5740a6,#7054ba)} html[data-theme="light"] .studio-dark{background:linear-gradient(135deg,#24283b,#302b4b)} html[data-theme="light"] .studio-final{background:linear-gradient(135deg,#5c45aa,#7457bc)} html[data-theme="dark"] body.studio-public{background:var(--studio-dark-page);color:#f1f2f6} html[data-theme="dark"] .studio-header{background:#0d0f17;border-bottom-color:#242735} html[data-theme="dark"] .studio-hero{background:radial-gradient(circle at 28% 88%,rgba(97,64,214,.28),transparent 38%),linear-gradient(135deg,#0d0f17,#121522 58%,#181527)} html[data-theme="dark"] .studio-networks{background:var(--studio-dark-band);border-color:#242837} html[data-theme="dark"] .studio-white{background:var(--studio-dark-surface);color:#f1f2f6} html[data-theme="dark"] .studio-soft{background:var(--studio-dark-soft);color:#f1f2f6} html[data-theme="dark"] .studio-lilac{background:#191725;color:#f1f2f6} html[data-theme="dark"] .studio-page-hero,html[data-theme="dark"] .studio-landing-hero{background:linear-gradient(180deg,#141722,#11141d);color:#f1f2f6} html[data-theme="dark"] .studio-violet{background:linear-gradient(135deg,#302452,#402d6b)} html[data-theme="dark"] .studio-dark{background:linear-gradient(135deg,#11141d,#171b28)} html[data-theme="dark"] .studio-final{background:linear-gradient(135deg,#2c224d,#3b2a62)} html[data-theme="dark"] .studio-section-card,html[data-theme="dark"] .studio-mini-calendar,html[data-theme="dark"] .studio-solution-card,html[data-theme="dark"] .studio-price,html[data-theme="dark"] .studio-blog-card,html[data-theme="dark"] .studio-compare-item,html[data-theme="dark"] .studio-rubric-list,html[data-theme="dark"] .studio-publication-list,html[data-theme="dark"] .studio-analytics-card,html[data-theme="dark"] .studio-support-form,html[data-theme="dark"] .studio-landing-hero aside span{background:#1c202d;border-color:#2b3040;color:#f1f2f6} html[data-theme="dark"] .studio-feature-row,html[data-theme="dark"] .studio-feature-row article{background:#1c202d;border-color:#2b3040} html[data-theme="dark"] .studio-article-layout aside{background:#171a25} html[data-theme="dark"] .studio-icon:hover,html[data-theme="dark"] .studio-menu:hover{background:rgba(255,255,255,.09)} @media(max-width:760px){ html[data-theme="light"] .studio-nav{background:#2c2d48;border-color:rgba(255,255,255,.1)} html[data-theme="dark"] .studio-nav{background:#151824;border-color:#2c3040} } /* beta.3.3 — light hero + mobile right drawer */ html[data-theme="light"] .studio-header{background:#f4f5fa;color:#1c1d29;border-bottom-color:#dde1ea} html[data-theme="light"] .studio-header .studio-logo{background:#fff;box-shadow:0 4px 14px rgba(30,32,52,.08)} html[data-theme="light"] .studio-header .studio-nav>a{color:#343747} html[data-theme="light"] .studio-header .studio-icon,html[data-theme="light"] .studio-header .studio-menu{color:#343747} html[data-theme="light"] .studio-header .studio-icon:hover,html[data-theme="light"] .studio-header .studio-menu:hover{background:#e8eaf2} html[data-theme="light"] .studio-hero{background:radial-gradient(circle at 28% 88%,rgba(124,77,255,.14),transparent 38%),linear-gradient(135deg,#f7f8fc,#eef0f7 58%,#ebe7f7);color:#191a27} html[data-theme="light"] .studio-hero-copy>p{color:#626779} html[data-theme="light"] .studio-trust{color:#656a7b} html[data-theme="light"] .studio-btn-dark{border-color:#d4d8e3;color:#262938;background:#fff} html[data-theme="light"] .studio-product-demo{background:#fff;border-color:#dce0e9;box-shadow:0 28px 75px rgba(39,40,66,.12);color:#202231} html[data-theme="light"] .studio-demo-title button,html[data-theme="light"] .studio-demo-controls button,html[data-theme="light"] .studio-demo-rail button{background:#f0f2f7;color:#252736;border-color:#dce0e9} html[data-theme="light"] .studio-demo-controls button.active{background:#e5e7f1} html[data-theme="light"] .studio-demo-week,html[data-theme="light"] .studio-demo-calendar,html[data-theme="light"] .studio-demo-calendar>div{border-color:#dde1ea} html[data-theme="light"] .studio-demo-week b,html[data-theme="light"] .studio-demo-calendar>div{color:#697082} html[data-theme="light"] .studio-demo-calendar span{background:#eee9ff;color:#3c2d73} html[data-theme="light"] .studio-demo-calendar span small{color:#75639d} html[data-theme="light"] .studio-demo-rail{background:linear-gradient(180deg,#f0edf9,#e8eaf2)} html[data-theme="light"] .studio-demo-rail>div{background:rgba(255,255,255,.7)} html[data-theme="light"] .studio-demo-rail small,html[data-theme="light"] .studio-demo-rail span em{color:#6f7483} html[data-theme="light"] .studio-demo-rail span{background:rgba(255,255,255,.78)} .studio-menu-overlay{display:none} @media(max-width:760px){ .studio-header{position:relative;z-index:80} .studio-menu{display:grid;position:relative;z-index:103} .studio-nav{display:flex!important;position:fixed!important;z-index:102;top:0!important;right:0!important;left:auto!important;width:70vw!important;max-width:420px;height:100dvh;padding:82px 20px 28px!important;border:0!important;border-left:1px solid rgba(255,255,255,.1);border-radius:0!important;flex-direction:column;align-items:stretch;gap:8px!important;overflow-y:auto;transform:translateX(100%);opacity:1;visibility:hidden;transition:transform .25s ease,visibility .25s ease;box-shadow:-24px 0 60px rgba(0,0,0,.22)} .studio-nav.open{transform:translateX(0);visibility:visible} .studio-nav>a,.studio-nav .studio-icon{min-height:48px;width:100%;display:flex;align-items:center;padding:11px 12px;border-radius:12px;font-size:16px} .studio-nav .studio-icon{justify-content:flex-start} .studio-menu-overlay{display:block;position:fixed;z-index:101;inset:0;background:rgba(10,11,18,.48);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s ease} .studio-menu-overlay.open{opacity:1;visibility:visible;pointer-events:auto} html[data-theme="light"] .studio-nav{background:#f6f7fb!important;color:#202230;border-left-color:#dfe2ea!important} html[data-theme="dark"] .studio-nav{background:#151824!important;color:#f3f4f8;border-left-color:#2c3040!important} } /* beta.3.7 · mobile public Studio polish */ @media(max-width:760px){ body.studio-public{font-size:16px;line-height:1.55;overflow-x:hidden} .studio-wrap{width:min(100% - 28px,1180px)} .studio-header{height:64px;padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right));gap:10px} .studio-brand b{font-size:17px}.studio-brand em{font-size:11px}.studio-menu{width:44px;height:44px;border-radius:12px} .studio-nav{width:70vw!important;max-width:none;padding:76px max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) 18px!important} .studio-nav>a,.studio-nav .studio-icon{font-size:16px;min-height:48px} .studio-hero-grid{display:block}.studio-hero-copy{padding:42px 0 28px}.studio-hero-copy h1{font-size:clamp(40px,11vw,50px);line-height:1.01;margin-bottom:20px}.studio-hero-copy>p{font-size:17px;line-height:1.6}.studio-actions{gap:10px;margin-top:24px}.studio-btn{min-height:48px;padding:12px 18px;font-size:16px;border-radius:13px}.studio-trust{font-size:14px;gap:12px 18px;margin-top:24px} .studio-product-demo{margin-top:10px;border-radius:18px 18px 0 0}.studio-demo-title>b{font-size:15px}.studio-demo-title button,.studio-demo-controls button{min-height:36px}.studio-demo-rail small{font-size:12px}.studio-demo-rail span b{font-size:12px}.studio-demo-rail span em{font-size:11px}.studio-demo-rail>div>b{font-size:14px}.studio-demo-rail button{font-size:13px;min-height:38px} .studio-networks .studio-wrap{padding:16px 0;gap:18px}.studio-networks span{font-size:14px} .studio-section{padding:64px 0}.studio-section-head{margin-bottom:28px}.studio-section h2{font-size:34px}.studio-section-head p,.studio-story p,.studio-team-story p,.studio-source-story p,.studio-ai-story p,.studio-page-hero p,.studio-landing-hero p,.studio-section-split p,.studio-rubric-layout p,.studio-comparison-layout p,.studio-projects-layout p,.studio-analytics-layout p,.studio-automation-layout p,.studio-publication-layout p,.studio-ai-layout p,.studio-service-layout p{font-size:16px;line-height:1.6} .studio-section-head small,.studio-story small,.studio-team-story small,.studio-source-story small,.studio-ai-story small,.studio-page-hero small,.studio-landing-hero small,.studio-section-split small,.studio-rubric-layout small,.studio-comparison-layout small,.studio-projects-layout small,.studio-analytics-layout small,.studio-automation-layout small,.studio-publication-layout small,.studio-ai-layout small,.studio-service-layout small{font-size:12px} .studio-feature-row article,.studio-solution-card,.studio-price,.studio-blog-card,.studio-section-card,.studio-mini-calendar{padding:20px;border-radius:18px}.studio-feature-row h3{font-size:18px}.studio-feature-row p{font-size:15px} .studio-story,.studio-team-story,.studio-source-story,.studio-ai-story,.studio-section-split,.studio-rubric-layout,.studio-comparison-layout,.studio-projects-layout,.studio-analytics-layout,.studio-automation-layout,.studio-publication-layout,.studio-ai-layout,.studio-service-layout,.studio-landing-calendar{gap:28px} .studio-page-hero,.studio-landing-hero{padding:46px 0}.studio-page-hero h1,.studio-landing-hero h1{font-size:38px}.studio-article header h1{font-size:36px}.studio-article,.studio-landing-prose{font-size:16px} } @media(max-width:470px){ .studio-wrap{width:min(100% - 24px,1180px)}.studio-hero-copy h1{font-size:40px}.studio-section{padding:56px 0}.studio-section h2{font-size:30px}.studio-footer-main{gap:24px} } /* beta.3.8 · conventional left-side mobile drawer */ @media(max-width:760px){ .studio-nav{left:0!important;right:auto!important;transform:translateX(-100%);border-left:0!important;border-right:1px solid rgba(255,255,255,.1)!important;box-shadow:24px 0 60px rgba(0,0,0,.22)} .studio-nav.open{transform:translateX(0)} html[data-theme="light"] .studio-nav{border-left:0!important;border-right-color:#dfe2ea!important} html[data-theme="dark"] .studio-nav{border-left:0!important;border-right-color:#2c3040!important} } /* beta.3.9 · mobile drawer scroll hardening */ @media(max-width:760px){ .studio-nav{height:100dvh!important;max-height:100dvh!important;overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-top:max(76px,calc(64px + env(safe-area-inset-top) + 12px))!important;padding-bottom:max(24px,env(safe-area-inset-bottom))!important} } /* 2.8.0 · marketing, SEO landing and theme consistency */ :root{--marketing-line:color-mix(in srgb,currentColor 12%,transparent)} html[data-theme="light"] body{color:#202435}html[data-theme="dark"] body{color:#f3f5fb} html[data-theme="light"] :is(.tpl-band-white,.studio-white){background:#fff;color:#202435}html[data-theme="light"] :is(.tpl-band-soft,.studio-soft){background:#f5f6fa;color:#202435} html[data-theme="dark"] :is(.tpl-band-white,.studio-white){background:#151923!important;color:#f3f5fb!important}html[data-theme="dark"] :is(.tpl-band-soft,.studio-soft){background:#11151e!important;color:#f3f5fb!important} .marketing-landing-hero,.studio-landing-hero{position:relative;overflow:hidden}.marketing-landing-hero:before,.studio-landing-hero:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:color-mix(in srgb,var(--accent) 13%,transparent);filter:blur(20px);right:-180px;top:-240px;pointer-events:none} .landing-proof-row,.studio-landing-proof{display:flex;flex-wrap:wrap;gap:9px 16px;margin-top:18px;font-size:13px}.landing-proof-row span,.studio-landing-proof span{display:inline-flex;align-items:center;gap:6px}.landing-proof-row :is(i,svg.svg-inline--fa),.studio-landing-proof :is(i,svg.svg-inline--fa){color:#39a96b} .landing-value-intro{padding-bottom:20px}.landing-value-intro>small{font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.landing-value-intro h2{max-width:820px;margin:8px 0}.landing-value-intro p{max-width:820px;color:var(--muted);line-height:1.65} .landing-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.landing-benefit-grid article{padding:22px;border:1px solid var(--marketing-line);border-radius:18px;background:color-mix(in srgb,var(--accent) 3%,transparent)}.landing-benefit-grid article>:is(i,svg.svg-inline--fa){width:28px;height:28px;padding:10px;box-sizing:content-box;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);margin-bottom:14px}.landing-benefit-grid b{font-size:17px}.landing-benefit-grid p{margin:7px 0 0;color:var(--muted);line-height:1.55} .landing-prose .lp-block{padding:24px 0;border-bottom:1px solid var(--marketing-line)}.landing-prose .lp-block:last-child{border-bottom:0}.landing-prose .lp-block h2{font-size:clamp(23px,3vw,34px);margin:0 0 10px}.landing-prose .lp-block p,.landing-prose .lp-block li{line-height:1.7}.landing-prose .lp-block ul{padding-left:22px} html[data-theme="dark"] .landing-benefit-grid article,html[data-theme="dark"] .landing-side span,html[data-theme="dark"] .product-side span{background:#1c2130!important;border-color:#303748!important;color:#f3f5fb!important}html[data-theme="dark"] .landing-prose .lp-block{border-color:#2b3140} @media(max-width:760px){.landing-benefit-grid{grid-template-columns:1fr}.landing-proof-row,.studio-landing-proof{display:grid;grid-template-columns:1fr}.marketing-landing-hero{grid-template-columns:1fr!important}} /* 2.8.0 · current-product hero */ .studio-kicker{display:block;margin-bottom:12px;color:var(--studio-accent,#8f7cff);font-weight:900;letter-spacing:.08em;text-transform:uppercase}.marketing-hero .studio-product-demo.current-ui{display:grid;grid-template-columns:54px minmax(0,1fr) 190px}.studio-demo-sidebar{display:flex;flex-direction:column;align-items:center;gap:9px;padding:12px 8px;background:color-mix(in srgb,var(--accent) 8%,#171a24);border-right:1px solid rgba(255,255,255,.08)}.studio-demo-sidebar>b{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--accent);color:#fff}.studio-demo-sidebar>span{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:#858b9d}.studio-demo-sidebar>span.active{background:color-mix(in srgb,var(--accent) 18%,transparent);color:#bdb1ff}.current-ui .studio-demo-title>div{display:grid;gap:2px}.current-ui .studio-demo-title small{font-size:9px;color:#8a90a0}.current-ui .studio-demo-calendar span{display:grid;gap:2px}.current-ui .studio-demo-calendar span strong{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.current-ui .studio-demo-rail>div{display:grid;gap:5px}.current-ui .studio-demo-rail>div>span{display:block;padding:0;background:none}.marketing-features{grid-template-columns:repeat(3,minmax(0,1fr))}.marketing-steps{display:grid;gap:10px;padding:0;list-style:none}.marketing-steps li{display:grid;grid-template-columns:34px 1fr;gap:11px;align-items:center;padding:12px;border:1px solid var(--marketing-line);border-radius:14px}.marketing-steps li>b{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--accent);color:#fff}.marketing-steps li span,.marketing-steps strong{display:block}.marketing-steps li span{color:var(--muted);font-size:13px}.marketing-steps strong{color:inherit;font-size:15px;margin-bottom:2px}.marketing-control-card .mini-slot.good{border-color:#91d6ae}.marketing-control-card .mini-slot.warn{border-color:#efbd78}.result-flow{align-items:center}.studio-landing-mini{display:grid;gap:8px}.studio-landing-mini span{display:grid;grid-template-columns:32px 1fr;gap:2px 9px;align-items:center;padding:12px;border:1px solid var(--marketing-line);border-radius:13px}.studio-landing-mini :is(i,svg.svg-inline--fa){grid-row:1/3;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}.studio-landing-mini small{color:var(--muted)} html[data-theme="light"] .studio-demo-sidebar{background:#f0f2f8;border-color:#dde1ea}html[data-theme="light"] .studio-demo-sidebar>span{color:#737a8c}.studio-landing-proof{color:var(--muted)} @media(max-width:980px){.marketing-hero .studio-product-demo.current-ui{grid-template-columns:48px minmax(0,1fr)}.current-ui .studio-demo-rail{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.marketing-features{grid-template-columns:1fr}.marketing-hero .studio-product-demo.current-ui{grid-template-columns:42px minmax(0,1fr)}.studio-demo-sidebar{padding:8px 4px}.studio-demo-sidebar>span,.studio-demo-sidebar>b{width:31px;height:31px}.current-ui .studio-demo-rail{grid-template-columns:1fr}.studio-landing-mini{margin-top:18px}} /* 2.9.2 · public product positioning and real-workspace visual system */ .public-v3-hero{padding:0;background:linear-gradient(180deg,#f7f8fc,#f1f2f8);color:#1d2030}.public-v3-hero-grid{grid-template-columns:minmax(350px,.78fr) minmax(620px,1.32fr);gap:44px;min-height:650px}.public-v3-hero-copy{padding:78px 0}.public-v3-hero-copy h1{font-size:clamp(48px,5.2vw,70px);max-width:620px;color:#181b2a}.public-v3-hero-copy>p{color:#646b7f;max-width:620px}.public-v3-proofline{display:flex;flex-wrap:wrap;gap:10px 17px;margin-top:26px;color:#5d6478;font-size:12px}.public-v3-proofline span{display:flex;align-items:center;gap:6px}.public-v3-proofline :is(i,svg.svg-inline--fa){color:#28a66a}.public-v3-product{align-self:end;display:grid;grid-template-columns:58px minmax(0,1fr) 190px;min-width:0;height:500px;border:1px solid #dfe2eb;border-bottom:0;border-radius:24px 24px 0 0;background:#fff;box-shadow:0 32px 90px rgba(33,38,72,.15);overflow:hidden}.public-v3-sidebar{background:#171b2b;color:#fff;padding:13px 8px;display:flex;flex-direction:column;align-items:center;gap:15px}.public-v3-brandmark{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent2));display:grid;place-items:center;font-weight:900}.public-v3-sidebar nav{display:grid;gap:7px;width:100%}.public-v3-sidebar nav span{height:36px;display:grid;place-items:center;border-radius:10px;color:#8e95aa}.public-v3-sidebar nav span.active{background:#282342;color:#c9bdff}.public-v3-sidebar nav b{display:none}.public-v3-sidebar>small{margin-top:auto;font-size:0;color:#81899f}.public-v3-sidebar>small :is(i,svg.svg-inline--fa){font-size:12px}.public-v3-workspace{min-width:0;padding:16px;background:#f8f9fc}.public-v3-workspace>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.public-v3-workspace>header div{display:grid}.public-v3-workspace>header small{font-size:9px;color:#8890a4}.public-v3-workspace>header b{font-size:15px}.public-v3-workspace>header button,.public-v3-assistant button,.public-v3-need-card button{border:0;border-radius:9px;background:var(--accent);color:#fff;padding:7px 9px;font-size:9px;font-weight:800}.public-v3-strategy{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:10px}.public-v3-strategy span{display:grid;grid-template-columns:22px 1fr;gap:0 7px;padding:8px;border:1px solid #e5e7ef;border-radius:10px;background:#fff}.public-v3-strategy :is(i,svg.svg-inline--fa){grid-row:1/3;align-self:center;color:var(--accent);font-size:11px}.public-v3-strategy b{font-size:9px}.public-v3-strategy small{font-size:8px;color:#8a91a4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.public-v3-calendar-head,.public-v3-calendar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.public-v3-calendar-head{background:#f2f3f7;border:1px solid #e1e4ec;border-bottom:0;border-radius:9px 9px 0 0}.public-v3-calendar-head b{padding:6px;text-align:center;color:#858da1;font-size:8px}.public-v3-calendar{height:333px;border-left:1px solid #e1e4ec;border-top:1px solid #e1e4ec}.public-v3-calendar>div{min-width:0;padding:7px;border-right:1px solid #e1e4ec;border-bottom:1px solid #e1e4ec;background:#fff}.public-v3-calendar>div>small{font-size:8px;color:#9ba1b0}.public-v3-calendar article{display:grid;gap:3px;margin-top:7px;padding:7px;border-radius:8px;background:#eeebff}.public-v3-calendar article em{font-style:normal;font-size:6px;text-transform:uppercase;letter-spacing:.06em;color:#6856d6}.public-v3-calendar article b{font-size:8px;line-height:1.25}.public-v3-calendar article span{font-size:6.5px;color:#7e8597}.public-v3-calendar article.needs{background:#fff5df}.public-v3-calendar article.needs em{color:#a26d25}.public-v3-calendar article.review{background:#edf6ff}.public-v3-calendar article.review em{color:#3577a8}.public-v3-assistant{padding:14px;background:linear-gradient(180deg,#24203c,#1b1e2d);color:#fff;display:flex;flex-direction:column;gap:9px}.public-v3-assistant header{display:flex;gap:7px;align-items:center;font-size:11px;padding-bottom:4px}.public-v3-assistant>div{display:grid;gap:4px;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:rgba(255,255,255,.04)}.public-v3-assistant strong{font-size:9px}.public-v3-assistant span{font-size:7.5px;line-height:1.45;color:#aeb4c6}.public-v3-assistant button{justify-self:start;background:#6752e3}.public-v3-assistant .good strong{color:#7ee0ad}.public-v3-networks .studio-wrap{justify-content:flex-start;gap:26px}.public-v3-networks span{display:flex;align-items:center;gap:7px}.public-v3-position-grid,.public-v3-evidence-grid,.public-v3-free-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.public-v3-position h2 span{color:var(--accent)}.public-v3-principles{display:grid;gap:10px}.public-v3-principles article{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:17px;border:1px solid var(--line);border-radius:17px;background:var(--surface)}.public-v3-principles article>:is(i,svg.svg-inline--fa){width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}.public-v3-principles b,.public-v3-principles span{display:block}.public-v3-principles span{font-size:13px;color:var(--muted);margin-top:3px}.public-v3-steps{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:20px;overflow:hidden}.public-v3-steps article{padding:25px;border-right:1px solid var(--line);background:var(--surface)}.public-v3-steps article:last-child{border-right:0}.public-v3-steps article>b{font-size:11px;color:var(--accent)}.public-v3-steps h3{font-size:17px;margin:13px 0 8px}.public-v3-steps p{font-size:13px;color:var(--muted);margin:0}.public-v3-need-card{padding:24px;border-radius:20px;background:#fff;color:#222638;box-shadow:0 22px 60px rgba(21,18,45,.2)}.public-v3-need-card>span{font-size:11px;color:#9b6c2f!important}.public-v3-need-card h3{font-size:24px;margin:9px 0 16px}.public-v3-need-card ul{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:8px}.public-v3-need-card li{font-size:13px}.public-v3-need-card li :is(i,svg.svg-inline--fa){font-size:6px;color:#d49c52;margin-right:8px}.public-v3-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:12px}.public-v3-flow>span{padding:18px 12px;border:1px solid var(--line);border-radius:16px;background:var(--surface);display:grid;justify-items:center;text-align:center;gap:4px}.public-v3-flow>span>:is(i,svg.svg-inline--fa){width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}.public-v3-flow b{font-size:13px}.public-v3-flow small{font-size:10px;color:var(--muted)}.public-v3-flow>:is(i,svg.svg-inline--fa){color:#a5aabd;font-size:11px}.public-v3-free-grid{align-items:start}.public-v3-free-note{display:flex;gap:10px;margin-top:24px;padding:14px;border:1px solid rgba(255,255,255,.11);border-radius:14px;color:#c5c9d7;font-size:12px}.public-v3-free-note :is(i,svg.svg-inline--fa){color:#b7a9ff;margin-top:2px}.public-v3-planner{padding:24px;border:1px solid rgba(255,255,255,.12);background:#191d2a;border-radius:20px}.public-v3-planner form{display:grid;gap:14px}.public-v3-planner label{display:grid;gap:7px;font-weight:800;font-size:12px}.public-v3-planner textarea{width:100%;resize:vertical;min-height:115px;border:1px solid #353b4d;background:#11151f;color:#fff;border-radius:13px;padding:13px;outline:none}.public-v3-planner textarea:focus{border-color:#8b75ff;box-shadow:0 0 0 4px rgba(124,77,255,.12)}.public-v3-plan-result{margin-top:14px;display:grid;gap:8px}.public-v3-plan-summary{padding:11px 12px;border-radius:12px;background:#24293a;color:#dfe2eb;font-size:12px}.public-v3-plan-idea{padding:11px 12px;border:1px solid #343a4b;border-radius:12px;display:grid;grid-template-columns:32px 1fr auto;gap:4px 10px}.public-v3-plan-idea>strong{width:32px;height:32px;grid-row:1/4;display:grid;place-items:center;border-radius:9px;background:#2d2948;color:#b9aaff;font-size:11px}.public-v3-plan-idea b{font-size:12px}.public-v3-plan-idea p{grid-column:2/4;margin:0;color:#aeb4c4;font-size:10px}.public-v3-plan-idea em{font-style:normal;font-size:9px;color:#8891a5}.public-v3-plan-idea .needs{color:#e8b66f}.public-v3-capability-list{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--line);border-radius:20px;overflow:hidden}.public-v3-capability-list article{padding:22px;display:grid;grid-template-columns:44px 1fr;gap:12px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface)}.public-v3-capability-list article:nth-child(2n){border-right:0}.public-v3-capability-list article:nth-last-child(-n+2){border-bottom:0}.public-v3-capability-list>article>:is(i,svg.svg-inline--fa){width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}.public-v3-capability-list h3{margin:0 0 5px;font-size:17px}.public-v3-capability-list p{margin:0;color:var(--muted);font-size:13px}.public-v3-final{text-align:center}.public-v3-final h2{max-width:780px;margin-left:auto;margin-right:auto}.public-v3-final p{max-width:720px;margin-left:auto;margin-right:auto} html[data-theme="dark"] .public-v3-hero{background:linear-gradient(180deg,#0e1119,#111520);color:#f2f4f8}html[data-theme="dark"] .public-v3-hero-copy h1{color:#f5f6fb}html[data-theme="dark"] .public-v3-hero-copy>p,html[data-theme="dark"] .public-v3-proofline{color:#aeb5c6}html[data-theme="dark"] .public-v3-product{background:#171b26;border-color:#2d3443}html[data-theme="dark"] .public-v3-workspace{background:#11151e}html[data-theme="dark"] .public-v3-strategy span,html[data-theme="dark"] .public-v3-calendar>div{background:#1a1f2b;border-color:#303746;color:#f0f2f7}html[data-theme="dark"] .public-v3-calendar-head{background:#171b25;border-color:#303746}html[data-theme="dark"] .public-v3-calendar{border-color:#303746}html[data-theme="dark"] .public-v3-calendar>div{border-color:#303746}html[data-theme="dark"] .public-v3-calendar article.ready{background:#2b2645}html[data-theme="dark"] .public-v3-calendar article.needs{background:#3a3020}html[data-theme="dark"] .public-v3-calendar article.review{background:#1e3040} @media(max-width:1080px){.public-v3-hero-grid{grid-template-columns:1fr}.public-v3-hero-copy{padding-bottom:28px}.public-v3-product{height:500px}.public-v3-position-grid,.public-v3-evidence-grid,.public-v3-free-grid{gap:35px}.public-v3-flow{grid-template-columns:1fr 1fr 1fr 1fr 1fr}.public-v3-flow>:is(i,svg.svg-inline--fa){display:none}} @media(max-width:760px){.public-v3-hero-grid{display:block;min-height:0}.public-v3-hero-copy{padding:48px 0 32px}.public-v3-hero-copy h1{font-size:clamp(42px,12vw,55px)}.public-v3-product{grid-template-columns:42px minmax(0,1fr);height:445px}.public-v3-assistant{display:none}.public-v3-sidebar{padding:8px 4px}.public-v3-workspace{padding:10px}.public-v3-strategy{grid-template-columns:1fr}.public-v3-calendar{height:285px}.public-v3-networks .studio-wrap{justify-content:flex-start}.public-v3-position-grid,.public-v3-evidence-grid,.public-v3-free-grid{grid-template-columns:1fr}.public-v3-steps{grid-template-columns:1fr 1fr}.public-v3-steps article:nth-child(2){border-right:0}.public-v3-steps article:nth-child(-n+2){border-bottom:1px solid var(--line)}.public-v3-flow{grid-template-columns:1fr 1fr;gap:8px}.public-v3-capability-list{grid-template-columns:1fr}.public-v3-capability-list article,.public-v3-capability-list article:nth-child(2n){border-right:0;border-bottom:1px solid var(--line)}.public-v3-capability-list article:last-child{border-bottom:0}.public-v3-planner{padding:18px}.public-v3-plan-idea{grid-template-columns:28px 1fr}.public-v3-plan-idea>strong{width:28px;height:28px}.public-v3-plan-idea p{grid-column:2}.public-v3-plan-idea em{grid-column:2}} @media(max-width:470px){.public-v3-steps{grid-template-columns:1fr}.public-v3-steps article{border-right:0!important;border-bottom:1px solid var(--line)!important}.public-v3-steps article:last-child{border-bottom:0!important}.public-v3-product{height:420px}.public-v3-calendar article span{display:none}.public-v3-proofline{display:grid}.public-v3-flow{grid-template-columns:1fr}} /* 2.9.2.1 · persistent header theme control + visible sign-in CTA */ .studio-header-tools{display:flex;align-items:center;gap:4px;flex:0 0 auto} .studio-header-tools .studio-menu{margin-left:0} .studio-nav .public-login-cta,.studio-nav .public-account-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap} .studio-nav .public-login-cta{min-height:40px;padding:9px 15px;border-radius:11px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff!important;font-weight:800;opacity:1!important;box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 24%,transparent);transition:transform .18s ease,box-shadow .18s ease} .studio-nav .public-login-cta:hover{transform:translateY(-1px);box-shadow:0 11px 28px color-mix(in srgb,var(--accent) 30%,transparent)} .studio-nav .public-account-link{font-weight:750} .studio-theme-toggle{border:1px solid transparent} html[data-theme="light"] .studio-theme-toggle{background:#fff;border-color:#dde1ea;box-shadow:0 4px 14px rgba(30,32,52,.06)} html[data-theme="dark"] .studio-theme-toggle{background:#181b27;border-color:#2b3040} [data-theme-toggle] [hidden]{display:none!important} @media(max-width:760px){ .studio-header-tools{margin-left:auto;gap:5px;position:relative;z-index:104} .studio-header-tools .studio-icon,.studio-header-tools .studio-menu{width:42px;height:42px} .studio-nav .public-login-cta{width:100%;min-height:48px;padding:11px 14px;margin-top:6px;font-size:16px} .studio-nav .public-account-link{justify-content:flex-start} } .studio-nav .public-demo-link{background:transparent!important;color:inherit!important;box-shadow:none!important;border:0!important;opacity:.72!important;font-weight:700} .studio-nav .public-demo-link:hover{opacity:1!important} @media(max-width:760px){.studio-nav .public-demo-link{justify-content:flex-start!important;padding:11px 12px!important}} /* 2.16.0 · Marketing Site 3.0 */ .studio-header{position:sticky;top:0;background:color-mix(in srgb,var(--surface) 92%,transparent);color:var(--ink);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid color-mix(in srgb,var(--line) 82%,transparent);box-shadow:0 8px 30px rgba(20,22,35,.045)} html[data-theme="dark"] .studio-header{background:color-mix(in srgb,#10131c 92%,transparent);color:#f5f6fb;border-bottom-color:#262c3b;box-shadow:0 10px 34px rgba(0,0,0,.22)} .studio-header .studio-logo{background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 6px 20px color-mix(in srgb,var(--accent) 22%,transparent)} .studio-header .studio-logo i{background:#fff} .studio-nav{gap:20px}.studio-nav>a:not(.studio-lang){font-weight:700;opacity:.72}.studio-nav>a:hover{opacity:1;color:var(--accent)} .studio-nav .public-login-cta{background:transparent!important;color:var(--ink)!important;border:1px solid var(--line);box-shadow:none!important} html[data-theme="dark"] .studio-nav .public-login-cta{color:#f6f7fb!important;border-color:#343a4a} .studio-nav .public-start-cta{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 16px;border-radius:11px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff!important;font-weight:850;box-shadow:0 9px 24px color-mix(in srgb,var(--accent) 24%,transparent)} .studio-nav .public-start-cta:hover{transform:translateY(-1px);color:#fff} html[data-theme="light"] .studio-theme-toggle{background:var(--surface);border-color:var(--line)} .marketing-v4-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 12%,rgba(124,77,255,.16),transparent 31%),radial-gradient(circle at 18% 90%,rgba(255,107,127,.11),transparent 30%),linear-gradient(180deg,#fbfbff 0%,#f7f7fc 100%);border-bottom:1px solid var(--line)} .marketing-v4-hero:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;border:1px solid rgba(124,77,255,.09);right:-210px;top:-260px;box-shadow:0 0 0 70px rgba(124,77,255,.025),0 0 0 140px rgba(124,77,255,.018)} html[data-theme="dark"] .marketing-v4-hero{background:radial-gradient(circle at 80% 10%,rgba(124,77,255,.19),transparent 31%),radial-gradient(circle at 16% 88%,rgba(255,107,127,.10),transparent 30%),linear-gradient(180deg,#0f121a 0%,#11151f 100%);border-bottom-color:#292e3c} .marketing-v4-hero-grid{position:relative;display:grid;grid-template-columns:.92fr 1.18fr;gap:54px;align-items:center;min-height:660px;padding-top:58px;padding-bottom:68px} .marketing-v4-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--accent-soft) 62%,var(--surface));color:var(--accent);font-size:12px;font-weight:850;letter-spacing:.02em;margin-bottom:20px} .marketing-v4-hero-copy h1{margin:0;max-width:620px;font-size:clamp(44px,4.45vw,62px);line-height:1.03;letter-spacing:-.047em;color:var(--ink)} .marketing-v4-hero-copy h1 span{background:linear-gradient(105deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent} .marketing-v4-hero-copy>p{max-width:650px;margin:26px 0 0;font-size:18px;line-height:1.72;color:var(--muted)} .marketing-v4-actions{margin-top:30px}.marketing-v4-btn-secondary{background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:0 8px 24px rgba(27,29,43,.06)} html[data-theme="dark"] .marketing-v4-btn-secondary{background:#171b26;border-color:#303646;color:#f5f6fa} .marketing-v4-proofline{display:grid;gap:9px;margin-top:26px;color:var(--muted);font-size:12.5px}.marketing-v4-proofline span{display:flex;align-items:flex-start;gap:8px}.marketing-v4-proofline :is(i,svg.svg-inline--fa){color:#24a875;margin-top:3px} .marketing-v4-product{position:relative;min-width:0;border:1px solid #dfe2ed;border-radius:24px;background:#171b27;box-shadow:0 30px 90px rgba(31,29,57,.18);overflow:hidden;transform:perspective(1400px) rotateY(-2.4deg) rotateX(1deg)} html[data-theme="dark"] .marketing-v4-product{border-color:#343a49;box-shadow:0 32px 92px rgba(0,0,0,.37)} .marketing-v4-windowbar{height:43px;padding:0 14px;display:flex;align-items:center;gap:7px;background:#11141d;color:#fff;border-bottom:1px solid #292e3a}.marketing-v4-windowbar>span{width:8px;height:8px;border-radius:50%;background:#3b4150}.marketing-v4-windowbar>span:first-child{background:#ff7386}.marketing-v4-windowbar>span:nth-child(2){background:#f1c85b}.marketing-v4-windowbar>span:nth-child(3){background:#5bd49a}.marketing-v4-windowbar b{margin-left:8px;font-size:11px}.marketing-v4-windowbar em{margin-left:auto;font-style:normal;color:#9399aa;font-size:10px} .marketing-v4-product-body{display:grid;grid-template-columns:48px minmax(0,1fr) 168px;min-height:430px;background:#11151e;color:#f4f5f9}.marketing-v4-mini-nav{padding:13px 7px;display:flex;flex-direction:column;align-items:center;gap:8px;background:#191d29;border-right:1px solid #2b3140}.marketing-v4-mini-nav :is(i,svg.svg-inline--fa){width:32px;height:32px;display:grid;place-items:center;border-radius:10px;color:#70788b;font-size:12px}.marketing-v4-mini-nav :is(i,svg.svg-inline--fa).active{background:#2a2650;color:#b8a7ff}.marketing-v4-calendar-pane{padding:15px;min-width:0}.marketing-v4-calendar-pane>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.marketing-v4-calendar-pane header div{display:grid}.marketing-v4-calendar-pane header small{color:#7f879a;font-size:8px}.marketing-v4-calendar-pane header b{font-size:12px}.marketing-v4-calendar-pane header button,.marketing-v4-assistant button{border:0;border-radius:7px;background:#6753dd;color:#fff;padding:6px 8px;font-size:8px}.marketing-v4-calendar-head{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #313745;border-bottom:0;border-radius:10px 10px 0 0;background:#171b25}.marketing-v4-calendar-head b{padding:7px 5px;text-align:center;color:#81899a;font-size:7px}.marketing-v4-calendar{display:grid;grid-template-columns:repeat(5,1fr);border-left:1px solid #313745;border-top:1px solid #313745}.marketing-v4-calendar>div{position:relative;min-height:168px;padding:7px;border-right:1px solid #313745;border-bottom:1px solid #313745;background:#151923}.marketing-v4-calendar>div>small{font-size:7px;color:#747d91}.marketing-v4-calendar article{position:absolute;left:6px;right:6px;top:38px;padding:7px;border-radius:7px;display:grid;gap:3px}.marketing-v4-calendar article.ready{background:#292444;border:1px solid #42396e}.marketing-v4-calendar article.review{background:#352b1e;border:1px solid #57442c}.marketing-v4-calendar article.idea{background:#183044;border:1px solid #26506d}.marketing-v4-calendar article b{font-size:7.5px;line-height:1.3}.marketing-v4-calendar article span{font-size:6px;color:#a7adbb}.marketing-v4-product-footer{display:flex;gap:14px;padding-top:10px;color:#858da0;font-size:7px}.marketing-v4-product-footer :is(i,svg.svg-inline--fa){margin-right:4px;color:#6ed49d} .marketing-v4-assistant{padding:14px 11px;border-left:1px solid #2b3140;background:linear-gradient(180deg,#1a1d2b,#151823);display:flex;flex-direction:column;gap:9px}.marketing-v4-assistant>header{display:flex;align-items:center;gap:7px;font-size:9px;padding:0 2px 4px}.marketing-v4-assistant>header :is(i,svg.svg-inline--fa){color:#a997ff}.marketing-v4-assistant article{padding:10px;border:1px solid #303646;border-radius:10px;background:rgba(255,255,255,.025)}.marketing-v4-assistant strong{display:block;font-size:8px}.marketing-v4-assistant p{margin:4px 0 8px;font-size:6.6px;line-height:1.45;color:#9098aa} .marketing-v4-networks{background:var(--surface);border-bottom:1px solid var(--line)}.marketing-v4-networks .studio-wrap{display:flex;align-items:center;justify-content:center;gap:25px;padding:18px 0;overflow:auto;scrollbar-width:none}.marketing-v4-networks .studio-wrap::-webkit-scrollbar{display:none}.marketing-v4-networks span{display:flex;align-items:center;gap:6px;white-space:nowrap;color:var(--muted);font-size:12px;font-weight:720}.marketing-v4-networks :is(i,svg.svg-inline--fa){color:var(--ink);font-size:14px} .marketing-v4-problem{background:var(--surface)}.marketing-v4-outcomes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.marketing-v4-outcomes article{position:relative;padding:26px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--soft) 58%,var(--surface)));overflow:hidden}.marketing-v4-outcomes article>span{position:absolute;right:18px;top:13px;font-size:38px;font-weight:900;color:color-mix(in srgb,var(--line) 72%,transparent);letter-spacing:-.06em}.marketing-v4-outcomes article>:is(i,svg.svg-inline--fa){width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:var(--accent-soft);color:var(--accent)}.marketing-v4-outcomes h3{margin:20px 0 8px;font-size:18px}.marketing-v4-outcomes p{margin:0;color:var(--muted);font-size:13px} .marketing-v4-personas{border:1px solid var(--line);border-radius:22px;background:var(--surface);overflow:hidden;box-shadow:0 20px 56px rgba(26,28,45,.05)}.marketing-v4-persona-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--soft) 68%,var(--surface))}.marketing-v4-persona-tabs button{border:0;border-right:1px solid var(--line);background:transparent;color:var(--muted);padding:17px 14px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:800;cursor:pointer}.marketing-v4-persona-tabs button:last-child{border-right:0}.marketing-v4-persona-tabs button.active{background:var(--surface);color:var(--ink);box-shadow:inset 0 -3px 0 var(--accent)}.marketing-v4-persona-tabs button :is(i,svg.svg-inline--fa){color:var(--accent)}.marketing-v4-persona-panels article{grid-template-columns:1.3fr .7fr;gap:48px;align-items:center;padding:42px}.marketing-v4-persona-panels article.active{display:grid}.marketing-v4-persona-panels article[hidden]{display:none!important}.marketing-v4-persona-panels small{color:var(--accent);font-weight:850;text-transform:uppercase;letter-spacing:.1em;font-size:10px}.marketing-v4-persona-panels h3{font-size:30px;line-height:1.12;letter-spacing:-.035em;margin:9px 0 13px}.marketing-v4-persona-panels p{color:var(--muted);font-size:15px}.marketing-v4-persona-panels ul{padding-left:19px;margin:18px 0 0}.marketing-v4-persona-panels li{margin:6px 0}.marketing-v4-persona-result{padding:24px;border-radius:18px;background:linear-gradient(145deg,#171a28,#252044);color:#fff;box-shadow:0 18px 46px rgba(20,18,40,.16)}.marketing-v4-persona-result>:is(i,svg.svg-inline--fa){width:45px;height:45px;display:grid;place-items:center;border-radius:13px;background:rgba(167,145,255,.15);color:#baa9ff;margin-bottom:28px}.marketing-v4-persona-result b,.marketing-v4-persona-result span{display:block}.marketing-v4-persona-result b{font-size:19px;line-height:1.25}.marketing-v4-persona-result span{margin-top:8px;color:#b9bdca;font-size:12px;line-height:1.55} .marketing-v4-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.marketing-v4-steps article{display:flex;gap:15px;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.marketing-v4-steps article>b{width:31px;height:31px;flex:0 0 31px;display:grid;place-items:center;border-radius:10px;background:var(--accent-soft);color:var(--accent);font-size:11px}.marketing-v4-steps h3{margin:2px 0 7px;font-size:16px}.marketing-v4-steps p{margin:0;color:var(--muted);font-size:12px}.marketing-v4-how-cta{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:27px;color:var(--muted);font-size:13px}.marketing-v4-how-cta a,.marketing-v4-text-link,.marketing-v4-center-link a{color:var(--accent);font-weight:850}.marketing-v4-how-cta a:hover,.marketing-v4-text-link:hover,.marketing-v4-center-link a:hover{text-decoration:underline} .marketing-v4-capabilities{background:linear-gradient(180deg,var(--surface),var(--soft))}.marketing-v4-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.marketing-v4-feature-grid article{padding:25px;border:1px solid var(--line);border-radius:19px;background:var(--surface)}.marketing-v4-feature-grid article>:is(i,svg.svg-inline--fa){width:23px;height:23px;padding:15px;display:grid;place-items:center;border-radius:12px;background:var(--accent-soft);color:var(--accent)}.marketing-v4-feature-grid article.wide{grid-column:span 2;display:grid;grid-template-columns:52px 1fr;gap:15px}.marketing-v4-feature-grid article.wide>:is(i,svg.svg-inline--fa){margin-top:2px}.marketing-v4-feature-grid article.accent{background:linear-gradient(135deg,#17182a,#27204a);border-color:#302d51;color:#fff}.marketing-v4-feature-grid article.accent>:is(i,svg.svg-inline--fa){background:rgba(179,157,255,.13);color:#c0b0ff}.marketing-v4-feature-grid h3{margin:17px 0 6px;font-size:18px}.marketing-v4-feature-grid .wide h3{margin:0 0 6px}.marketing-v4-feature-grid p{margin:0;color:var(--muted);font-size:13px}.marketing-v4-feature-grid .accent p{color:#b9becb} .marketing-v4-free{position:relative;overflow:hidden}.marketing-v4-free:before{content:"";position:absolute;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(124,77,255,.22),transparent 68%);left:-170px;bottom:-270px}.marketing-v4-free-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.marketing-v4-free h2{font-size:44px;margin:7px 0 14px}.marketing-v4-free>div>div>p{color:#c8ccda;font-size:16px}.marketing-v4-free-trust{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.marketing-v4-free-trust span{display:flex;gap:7px;align-items:center;padding:9px 11px;border:1px solid rgba(255,255,255,.1);border-radius:11px;color:#bfc4d2;font-size:11px}.marketing-v4-free-trust :is(i,svg.svg-inline--fa){color:#b6a5ff}.marketing-v4-planner{box-shadow:0 26px 70px rgba(0,0,0,.2)} .marketing-v4-solutions .tpl-landing-card,.marketing-v4-solutions article{transition:transform .18s ease,box-shadow .18s ease}.marketing-v4-solutions .tpl-landing-card:hover,.marketing-v4-solutions article:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(29,31,48,.08)} .marketing-v4-pricing-note{max-width:780px;margin:-18px auto 28px;padding:13px 15px;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--accent-soft) 48%,var(--surface));display:flex;gap:10px;align-items:flex-start;color:var(--muted);font-size:12px}.marketing-v4-pricing-note :is(i,svg.svg-inline--fa){color:var(--accent);margin-top:2px}.marketing-v4-pricing-note b{color:var(--ink)} .marketing-v4-confidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.marketing-v4-confidence-grid>div:first-child>small{color:var(--accent);font-weight:850;text-transform:uppercase;letter-spacing:.11em;font-size:10px}.marketing-v4-confidence-grid h2{font-size:40px;margin:8px 0 15px}.marketing-v4-confidence-grid p{color:var(--muted);font-size:16px}.marketing-v4-confidence-list{display:grid;gap:10px}.marketing-v4-confidence-list>article{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:15px;background:var(--surface);min-width:0}.marketing-v4-confidence-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#e8f7f0;color:#269968;flex:0 0 42px}.marketing-v4-confidence-icon :is(i,svg){width:16px;height:16px;color:inherit;fill:currentColor}.marketing-v4-confidence-list>article>div{display:grid;gap:2px;min-width:0}.marketing-v4-confidence-list b{display:block;line-height:1.3}.marketing-v4-confidence-list small{display:block;color:var(--muted);line-height:1.45;overflow-wrap:anywhere} .marketing-v4-center-link{text-align:center;margin-top:24px}.marketing-v4-final{padding:88px 0;text-align:center;color:#fff;background:radial-gradient(circle at 50% 0,rgba(124,77,255,.33),transparent 34%),linear-gradient(145deg,#111321,#1a1730)}.marketing-v4-final small{color:#b8aaff;font-weight:850;text-transform:uppercase;letter-spacing:.12em}.marketing-v4-final h2{max-width:830px;margin:9px auto 15px;font-size:48px;line-height:1.06;letter-spacing:-.045em}.marketing-v4-final p{max-width:700px;margin:0 auto;color:#bfc3d0;font-size:16px}.marketing-v4-final .studio-actions{justify-content:center}.marketing-v4-final .marketing-v4-btn-secondary{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.18);color:#fff;box-shadow:none} html[data-theme="dark"] .marketing-v4-outcomes article{background:linear-gradient(180deg,#171b25,#151923)} html[data-theme="dark"] .marketing-v4-personas{box-shadow:0 20px 58px rgba(0,0,0,.18)} html[data-theme="dark"] .marketing-v4-persona-tabs{background:#131720} html[data-theme="dark"] .marketing-v4-confidence-icon{background:#153326;color:#65d39c} html[data-theme="dark"] .marketing-v4-capabilities{background:linear-gradient(180deg,var(--surface),#11151e)} @media(max-width:1120px){ .marketing-v4-hero-grid{grid-template-columns:1fr;gap:34px;min-height:0;padding-top:70px}.marketing-v4-hero-copy{text-align:center}.marketing-v4-hero-copy h1,.marketing-v4-hero-copy>p{margin-left:auto;margin-right:auto}.marketing-v4-actions{justify-content:center}.marketing-v4-proofline{width:max-content;max-width:100%;margin-left:auto;margin-right:auto;text-align:left}.marketing-v4-product{max-width:900px;width:100%;margin:0 auto;transform:none}.marketing-v4-steps{grid-template-columns:1fr 1fr}.marketing-v4-free-grid,.marketing-v4-confidence-grid{gap:42px} } @media(max-width:860px){ .studio-nav{gap:15px}.marketing-v4-product-body{grid-template-columns:44px minmax(0,1fr)}.marketing-v4-assistant{display:none}.marketing-v4-outcomes{grid-template-columns:1fr}.marketing-v4-persona-tabs{grid-template-columns:1fr 1fr}.marketing-v4-persona-tabs button:nth-child(2){border-right:0}.marketing-v4-persona-tabs button:nth-child(-n+2){border-bottom:1px solid var(--line)}.marketing-v4-persona-panels article.active{grid-template-columns:1fr;gap:24px}.marketing-v4-free-grid,.marketing-v4-confidence-grid{grid-template-columns:1fr}.marketing-v4-free-grid{gap:32px}.marketing-v4-feature-grid{grid-template-columns:1fr}.marketing-v4-feature-grid article.wide{grid-column:auto}.marketing-v4-feature-grid article.wide{grid-template-columns:52px 1fr} } @media(max-width:760px){ .studio-header{height:66px}.studio-nav .public-start-cta{width:100%;min-height:48px;margin-top:3px}.studio-nav .public-login-cta{justify-content:flex-start!important;border:0!important;padding:11px 12px!important}.marketing-v4-hero-grid{width:min(100% - 28px,1180px);padding-top:52px;padding-bottom:42px}.marketing-v4-hero-copy h1{font-size:clamp(38px,10vw,48px)}.marketing-v4-hero-copy>p{font-size:16px}.marketing-v4-actions{display:grid;grid-template-columns:1fr;width:100%}.marketing-v4-actions .studio-btn{width:100%}.marketing-v4-product{border-radius:18px}.marketing-v4-product-body{min-height:370px}.marketing-v4-calendar-pane{padding:10px}.marketing-v4-calendar>div{min-height:135px}.marketing-v4-calendar article{top:30px;padding:5px}.marketing-v4-product-footer{display:none}.marketing-v4-networks .studio-wrap{justify-content:flex-start;width:100%;padding-left:20px;padding-right:20px}.studio-section{padding:68px 0}.studio-section h2{font-size:35px}.marketing-v4-steps{grid-template-columns:1fr}.marketing-v4-how-cta{display:grid;text-align:center}.marketing-v4-persona-tabs button{font-size:12px;padding:14px 8px}.marketing-v4-persona-tabs button span{display:block}.marketing-v4-persona-panels article{padding:26px 20px}.marketing-v4-persona-panels h3{font-size:26px}.marketing-v4-feature-grid article.wide{display:block}.marketing-v4-feature-grid article.wide>:is(i,svg.svg-inline--fa){margin-bottom:17px}.marketing-v4-free h2{font-size:36px}.marketing-v4-confidence-grid h2{font-size:35px}.marketing-v4-final{padding:70px 0}.marketing-v4-final h2{font-size:38px}.marketing-v4-final .studio-actions{display:grid;grid-template-columns:1fr}.marketing-v4-final .studio-actions .studio-btn{width:100%}.marketing-v4-pricing-note{margin-top:-8px} } @media(max-width:480px){ .marketing-v4-hero-grid{width:calc(100% - 22px)}.marketing-v4-hero-copy h1{font-size:38px}.marketing-v4-proofline{width:100%}.marketing-v4-windowbar em{display:none}.marketing-v4-mini-nav{display:none}.marketing-v4-product-body{display:block;min-height:330px}.marketing-v4-calendar>div{min-height:118px}.marketing-v4-calendar article span{display:none}.marketing-v4-persona-tabs{grid-template-columns:1fr}.marketing-v4-persona-tabs button{justify-content:flex-start;border-right:0!important;border-bottom:1px solid var(--line)!important}.marketing-v4-persona-tabs button:last-child{border-bottom:0!important}.marketing-v4-outcomes article{padding:22px}.marketing-v4-free-trust{display:grid}.marketing-v4-final h2{font-size:34px} } .marketing-v4-hero,.marketing-v4-problem,.marketing-v4-audiences,.marketing-v4-how,.marketing-v4-pricing{scroll-margin-top:78px} /* 2.16.0.1 · public UX polish: cabinet-aligned controls, coherent light/dark surfaces and accordion FAQ */ :root{--section-a:#fff;--section-b:#f5f7fb;--section-blue:linear-gradient(135deg,#f9fbff 0%,#eef4ff 100%);--header-bg:#fff;--footer-bg:#fff} html[data-theme="dark"]{--section-a:#11151e;--section-b:#171c27;--section-blue:linear-gradient(135deg,#111722 0%,#151c2a 100%);--header-bg:#10141d;--footer-bg:#10141d} .studio-header{background:var(--header-bg);color:var(--ink);border-bottom:1px solid var(--line);box-shadow:0 1px 0 rgba(20,28,48,.02)} .studio-icon:hover,.studio-menu:hover{background:var(--soft)} .studio-header-tools{display:flex;align-items:center;gap:8px;margin-left:0} .studio-header-tools .public-header-account{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font-size:13px;font-weight:750;box-shadow:none;white-space:nowrap} .studio-header-tools .public-header-account:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--line));background:var(--accent-soft)} .studio-nav .public-start-cta,.studio-nav .public-login-cta,.studio-btn{border-radius:12px;font-weight:750} .studio-btn{padding:12px 18px;min-height:44px;box-shadow:none} .studio-btn-primary,.studio-nav .public-start-cta{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 72%,var(--accent2)));box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 20%,transparent)} .marketing-v4-btn-secondary,.studio-btn-light,.studio-btn-dark{background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:none} .studio-white{background:var(--section-a)}.studio-soft{background:var(--section-b)}.studio-lilac{background:var(--section-blue)} .marketing-v4-hero{background:radial-gradient(circle at 82% 6%,rgba(93,73,245,.10),transparent 31%),var(--section-blue)} .marketing-v4-problem,.marketing-v4-networks{background:var(--section-a)} .marketing-v4-capabilities{background:var(--section-b)} .marketing-v4-free,.marketing-v4-final{background:var(--section-blue)!important;color:var(--ink)!important} .marketing-v4-final p,.marketing-v4-free>div>div>p{color:var(--muted)!important} .marketing-v4-final small,.marketing-v4-free small{color:var(--accent)} .marketing-v4-final .marketing-v4-btn-secondary{background:var(--surface);border-color:var(--line);color:var(--ink)} .marketing-v4-free-trust span{border:1px solid var(--line);background:var(--surface);color:var(--muted)} .public-v3-planner{border:1px solid var(--line);background:var(--surface);color:var(--ink);box-shadow:0 12px 34px rgba(30,38,70,.08)} .public-v3-planner textarea{border:1px solid var(--line);background:var(--input);color:var(--ink)} .public-v3-plan-summary{background:var(--soft);color:var(--ink)}.public-v3-plan-idea{border-color:var(--line)}.public-v3-plan-idea p{color:var(--muted)} .marketing-v4-persona-result{background:var(--section-blue);color:var(--ink);border:1px solid color-mix(in srgb,var(--accent) 14%,var(--line));box-shadow:none}.marketing-v4-persona-result span{color:var(--muted)}.marketing-v4-persona-result>:is(i,svg.svg-inline--fa){background:var(--accent-soft);color:var(--accent)} .marketing-v4-feature-grid article.accent{background:var(--section-blue);border-color:color-mix(in srgb,var(--accent) 16%,var(--line));color:var(--ink)}.marketing-v4-feature-grid article.accent>:is(i,svg.svg-inline--fa){background:var(--accent-soft);color:var(--accent)}.marketing-v4-feature-grid .accent p{color:var(--muted)} .studio-footer{background:var(--footer-bg);color:var(--ink);border-top:1px solid var(--line)}.studio-footer p,.studio-footer nav a,.studio-footer>small{color:var(--muted)}.studio-footer>small{border-top-color:var(--line)} .marketing-v4-faq-list{max-width:880px;margin:0 auto;display:grid;gap:10px}.marketing-v4-faq-list .studio-faq-item{margin:0;border:1px solid var(--line);border-radius:15px;background:var(--surface);overflow:hidden;box-shadow:none}.marketing-v4-faq-list .studio-faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 19px;cursor:pointer;list-style:none;font-weight:800}.marketing-v4-faq-list .studio-faq-item summary::-webkit-details-marker{display:none}.marketing-v4-faq-list .studio-faq-item summary :is(i,svg.svg-inline--fa){color:var(--muted);transition:transform .18s ease,color .18s ease}.marketing-v4-faq-list .studio-faq-item[open] summary :is(i,svg.svg-inline--fa){transform:rotate(45deg);color:var(--accent)}.marketing-v4-faq-list .studio-faq-item p{margin:0;padding:0 19px 18px;color:var(--muted)} html[data-theme="dark"] .marketing-v4-hero{background:radial-gradient(circle at 82% 6%,rgba(93,73,245,.16),transparent 31%),var(--section-blue)} html[data-theme="dark"] .marketing-v4-persona-result,html[data-theme="dark"] .marketing-v4-feature-grid article.accent{background:var(--section-blue);color:var(--ink)} @media(max-width:760px){.studio-header-tools{margin-left:auto}.studio-header-tools .public-header-account span{display:none}.studio-header-tools .public-header-account{width:40px;height:40px;padding:0}.studio-header-tools .studio-menu{margin-left:0}.marketing-v4-faq-list .studio-faq-item summary{padding:15px}.marketing-v4-faq-list .studio-faq-item p{padding:0 15px 15px}} /* Public sections always follow the selected theme: no permanent dark marketing bands in light mode. */ .studio-public .studio-dark,.studio-public .studio-violet,.studio-public .studio-final,.studio-public .studio-page-hero.partner{background:var(--section-b);color:var(--ink)} .studio-public .studio-dark p,.studio-public .studio-violet p,.studio-public .studio-final p,.studio-public .studio-page-hero.partner p{color:var(--muted)} .studio-public .studio-dark small,.studio-public .studio-violet small,.studio-public .studio-final small{color:var(--accent)} .studio-public .studio-violet .studio-link{color:var(--accent)} html[data-theme="dark"] .studio-public .studio-dark,html[data-theme="dark"] .studio-public .studio-violet,html[data-theme="dark"] .studio-public .studio-final,html[data-theme="dark"] .studio-public .studio-page-hero.partner{background:var(--section-b);color:var(--ink)} @media(max-width:760px){ .studio-nav{background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:0 18px 50px rgba(25,32,55,.12)} .studio-nav>a:not(.public-start-cta){color:var(--ink)} html[data-theme="dark"] .studio-nav{box-shadow:0 20px 56px rgba(0,0,0,.34)} } /* 2.16.6 · guest UI stabilization and complete public-page component coverage */ .studio-public{min-width:0;overflow-x:hidden}.studio-public main{min-height:calc(100vh - 72px)}.studio-public img{max-width:100%;height:auto}.studio-public :where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 34%,transparent);outline-offset:2px}.studio-public :where(p,h1,h2,h3,b,span,small,a){overflow-wrap:anywhere} .studio-nav>a{display:inline-flex;align-items:center;gap:7px;transition:color .18s ease,opacity .18s ease,background .18s ease,border-color .18s ease}.studio-nav>a>:is(i,svg.svg-inline--fa){font-size:.92em;color:var(--muted);transition:color .18s ease,transform .18s ease}.studio-nav>a:hover>:is(i,svg.svg-inline--fa),.studio-nav>a:focus-visible>:is(i,svg.svg-inline--fa){color:var(--accent);transform:translateY(-1px)}.studio-nav .public-start-cta>:is(i,svg.svg-inline--fa){color:currentColor}.studio-nav .public-start-cta:hover>:is(i,svg.svg-inline--fa),.studio-nav .public-start-cta:focus-visible>:is(i,svg.svg-inline--fa){color:currentColor}.studio-nav .studio-lang{gap:6px}.studio-header-tools a>:is(i,svg.svg-inline--fa){transition:color .18s ease}.studio-header-tools a:hover>:is(i,svg.svg-inline--fa),.studio-header-tools a:focus-visible>:is(i,svg.svg-inline--fa){color:var(--accent)} .studio-footer nav a{transition:color .18s ease}.studio-footer nav a:hover,.studio-footer nav a:focus-visible{color:var(--accent)}.studio-link :is(i,svg.svg-inline--fa),.marketing-v4-text-link :is(i,svg.svg-inline--fa),.marketing-v4-center-link :is(i,svg.svg-inline--fa){transition:color .18s ease,transform .18s ease}.studio-link:hover :is(i,svg.svg-inline--fa),.studio-link:focus-visible :is(i,svg.svg-inline--fa),.marketing-v4-text-link:hover :is(i,svg.svg-inline--fa),.marketing-v4-text-link:focus-visible :is(i,svg.svg-inline--fa),.marketing-v4-center-link a:hover :is(i,svg.svg-inline--fa),.marketing-v4-center-link a:focus-visible :is(i,svg.svg-inline--fa){color:var(--accent);transform:translateX(2px)} /* Partner / agency page: this block existed in markup without styles. */ .studio-agency-stack{display:grid;gap:12px}.studio-agency-stack article{position:relative;display:grid;gap:5px;padding:20px 22px;border:1px solid var(--line);border-radius:17px;background:var(--surface);box-shadow:0 12px 34px rgba(29,34,62,.07)}.studio-agency-stack article:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,var(--accent),var(--accent2))}.studio-agency-stack b{font-size:15px}.studio-agency-stack span{color:var(--muted);font-size:13px;line-height:1.5}.studio-feature-cards .studio-section-card{height:100%;display:flex;flex-direction:column}.studio-feature-cards .studio-section-card p{margin-bottom:0}.studio-comparison-list .studio-compare-item{height:100%} /* Landing calendar: complete styles for previously unstyled solution-page visual. */ .studio-calendar-visual{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:0 16px 45px rgba(30,35,64,.08)}.studio-calendar-visual>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 19px;border-bottom:1px solid var(--line)}.studio-calendar-visual>header b{font-size:14px}.studio-calendar-visual>header span{padding:6px 9px;border-radius:9px;background:var(--soft);color:var(--muted);font-size:11px;font-weight:750}.studio-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));padding:10px;gap:6px;background:var(--soft)}.studio-calendar-grid>i{position:relative;display:block;min-height:78px;padding:7px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--muted);font-size:10px;font-style:normal}.studio-calendar-grid>i>span{position:absolute;left:5px;right:5px;bottom:5px;display:block;padding:5px 6px;border-radius:7px;background:var(--accent-soft);color:var(--ink);font-size:8.5px;font-weight:750;line-height:1.25}.studio-calendar-grid>i>span small{display:block;margin-top:2px;color:var(--accent);font-size:8px;letter-spacing:0;text-transform:none}.studio-calendar-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;border-top:1px solid var(--line)}.studio-calendar-notes:empty{display:none}.studio-calendar-notes .studio-section-card{padding:12px 14px;border-radius:11px;box-shadow:none}.studio-calendar-notes .studio-section-card p{margin:5px 0 0;font-size:11px}.studio-calendar-notes .studio-section-card small{display:none} /* FAQ, article and media consistency across non-home public pages. */ .studio-faq-list{display:grid;gap:10px}.studio-faq-list:not(.marketing-v4-faq-list) .studio-faq-item{border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden}.studio-faq-list:not(.marketing-v4-faq-list) .studio-faq-item summary{align-items:center;padding:16px 18px;gap:16px}.studio-faq-list:not(.marketing-v4-faq-list) .studio-faq-item summary::-webkit-details-marker{display:none}.studio-faq-list:not(.marketing-v4-faq-list) .studio-faq-item summary :is(i,svg.svg-inline--fa){color:var(--muted);transition:color .18s ease,transform .18s ease}.studio-faq-list:not(.marketing-v4-faq-list) .studio-faq-item[open] summary :is(i,svg.svg-inline--fa){color:var(--accent);transform:rotate(45deg)}.studio-faq-list:not(.marketing-v4-faq-list) .studio-faq-item p{padding:0 18px 17px;margin:0}.tpl-article-poster,.studio-article-content img{display:block;width:min(900px,100%);max-height:560px;object-fit:cover;margin:28px auto;border-radius:20px;border:1px solid var(--line)}.studio-article-content img{width:100%;max-height:none}.studio-article-content :where(a){color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.studio-article-content blockquote{margin:24px 0;padding:16px 20px;border-left:3px solid var(--accent);border-radius:0 12px 12px 0;background:var(--soft);color:var(--muted)}.studio-article-content table{width:100%;border-collapse:collapse;display:block;overflow:auto}.studio-article-content th,.studio-article-content td{padding:10px 12px;border:1px solid var(--line);text-align:left;min-width:120px}.studio-article-content pre{max-width:100%;overflow:auto;padding:16px;border-radius:14px;background:var(--soft)} /* Public forms and secondary cards use the same surface system as the cabinet. */ .studio-support-form input,.studio-support-form textarea,.studio-support-form select{width:100%;min-width:0;transition:border-color .18s ease,box-shadow .18s ease}.studio-support-form input:focus,.studio-support-form textarea:focus,.studio-support-form select:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 62%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.studio-support-layout aside{border:1px solid var(--line);background:var(--surface);color:var(--ink)}.studio-support-layout aside p{color:var(--muted)}.studio-support-points span{min-width:0}.studio-support-points small{color:var(--muted)}.studio-live span{color:var(--muted)} .marketing-v4-confidence,.marketing-v4-resources{position:relative}.public-v3-footer,.marketing-v4-footer{isolation:isolate}.studio-blog-card{min-width:0}.studio-blog-card h3{margin:8px 0}.studio-blog-card h3 a:hover,.studio-blog-card h3 a:focus-visible{color:var(--accent)}.studio-blog-card .studio-link{margin-top:6px}.studio-empty{grid-column:1/-1;padding:28px;border:1px dashed var(--line);border-radius:16px;background:var(--surface);color:var(--muted);text-align:center} html[data-theme="dark"] .studio-agency-stack article,html[data-theme="dark"] .studio-calendar-visual,html[data-theme="dark"] .studio-faq-list:not(.marketing-v4-faq-list) .studio-faq-item{background:var(--surface);border-color:var(--line)} @media(max-width:980px){.studio-calendar-grid>i{min-height:72px}.studio-agency-stack{max-width:720px}.studio-calendar-notes{grid-template-columns:1fr}} @media(max-width:760px){.studio-public main{min-height:calc(100vh - 66px)}.studio-nav>a{width:100%;min-height:44px;padding:10px 12px;border-radius:10px}.studio-nav>a>:is(i,svg.svg-inline--fa){width:22px;text-align:center;color:var(--muted)}.studio-nav>a:hover,.studio-nav>a:focus-visible{background:var(--accent-soft);color:var(--accent)}.studio-nav .public-start-cta:hover,.studio-nav .public-start-cta:focus-visible{color:#fff}.studio-agency-stack article{padding:17px 18px}.studio-calendar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-calendar-grid>i{min-height:76px}.studio-calendar-grid>i:nth-child(n+9){display:none}.tpl-article-poster{margin:20px auto;border-radius:16px}.studio-faq-list:not(.marketing-v4-faq-list) .studio-faq-item summary{padding:15px}.studio-faq-list:not(.marketing-v4-faq-list) .studio-faq-item p{padding:0 15px 15px}.studio-support-form{padding:20px}.studio-support-layout aside{padding:20px}} @media(max-width:480px){.studio-wrap{width:min(100% - 28px,1180px)}.studio-calendar-grid{grid-template-columns:1fr 1fr;gap:5px;padding:8px}.studio-calendar-grid>i{min-height:70px}.studio-page-hero h1,.studio-landing-hero h1{font-size:34px}.studio-section h2{font-size:31px}.studio-btn{width:auto;max-width:100%}} /* 2.16.6 · theme specificity guard: prevent legacy dark-band backgrounds from mixing with light-theme text. */ html[data-theme="light"] .studio-public .studio-dark, html[data-theme="light"] .studio-public .studio-violet, html[data-theme="light"] .studio-public .studio-final, html[data-theme="light"] .studio-public .studio-page-hero.partner{background:var(--section-b);color:var(--ink)} html[data-theme="light"] .studio-public .studio-dark p, html[data-theme="light"] .studio-public .studio-violet p, html[data-theme="light"] .studio-public .studio-final p, html[data-theme="light"] .studio-public .studio-page-hero.partner p{color:var(--muted)} html[data-theme="light"] .studio-public .studio-dark small, html[data-theme="light"] .studio-public .studio-violet small, html[data-theme="light"] .studio-public .studio-final small{color:var(--accent)} /* Font Awesome SVG replacement compatibility */ svg.svg-inline--fa{display:inline-block;box-sizing:content-box;overflow:visible;vertical-align:-.125em} /* 2.16.7 — public product preview mirrors the real Studio workspace */ .marketing-v5-workspace{--pv-bg:#f6f7fb;--pv-surface:#fff;--pv-card:#fff;--pv-line:#e5e8ef;--pv-ink:#1d2130;--pv-muted:#7a8192;--pv-sidebar:#fff;--pv-soft:#f1f3f8;--pv-shadow:0 28px 70px rgba(25,31,57,.16);width:min(760px,100%);height:520px;display:grid;grid-template-columns:150px minmax(0,1fr);overflow:hidden;border:1px solid var(--pv-line);border-radius:24px;background:var(--pv-bg);color:var(--pv-ink);box-shadow:var(--pv-shadow);transform:rotate(.35deg);transform-origin:center} html[data-theme="dark"] .marketing-v5-workspace{--pv-bg:#11141d;--pv-surface:#181c27;--pv-card:#1b202c;--pv-line:#2b3040;--pv-ink:#f1f3f8;--pv-muted:#9ea5b5;--pv-sidebar:#151923;--pv-soft:#202532;--pv-shadow:0 28px 70px rgba(0,0,0,.38)} .marketing-v5-sidebar{display:flex;flex-direction:column;min-width:0;padding:15px 11px;border-right:1px solid var(--pv-line);background:var(--pv-sidebar)} .marketing-v5-brand{display:flex;align-items:center;gap:8px;padding:3px 4px 17px}.marketing-v5-brand>span{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-size:10px;font-weight:900}.marketing-v5-brand>span.marketing-v5-brand-logo{overflow:hidden;background:var(--pv-card);border:1px solid var(--pv-line)}.marketing-v5-brand-logo img{display:block;width:100%;height:100%;object-fit:contain;padding:2px}.marketing-v5-brand b{font-size:10px;letter-spacing:-.02em}.marketing-v5-sidebar nav{display:grid;gap:4px}.marketing-v5-sidebar nav>span{display:flex;align-items:center;gap:8px;min-height:31px;padding:6px 8px;border-radius:8px;color:var(--pv-muted);font-size:8px;font-weight:650}.marketing-v5-sidebar nav>span :is(i,svg.svg-inline--fa){width:12px;color:inherit}.marketing-v5-sidebar nav>span.active{background:color-mix(in srgb,var(--accent) 11%,var(--pv-card));color:var(--accent)}.marketing-v5-sidebar-bottom{display:flex;align-items:center;gap:7px;margin-top:auto;padding:9px 7px;border-top:1px solid var(--pv-line);color:var(--pv-muted)}.marketing-v5-sidebar-bottom>:is(i,svg.svg-inline--fa){font-size:20px;color:var(--accent)}.marketing-v5-sidebar-bottom span{display:grid;min-width:0}.marketing-v5-sidebar-bottom b{font-size:7.5px;color:var(--pv-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.marketing-v5-sidebar-bottom small{font-size:6.5px} .marketing-v5-main{min-width:0;display:grid;grid-template-rows:43px minmax(0,1fr);background:var(--pv-bg)}.marketing-v5-topbar{display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--pv-line);background:var(--pv-surface)}.marketing-v5-topbar>span{display:flex;align-items:center;gap:8px;font-size:8px}.marketing-v5-topbar>span :is(i,svg.svg-inline--fa){color:var(--pv-muted)}.marketing-v5-profile{display:flex;align-items:center;gap:7px}.marketing-v5-profile>span{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--accent) 14%,var(--pv-card));color:var(--accent);font-size:8px;font-weight:900}.marketing-v5-profile>div{display:grid}.marketing-v5-profile b{font-size:7px}.marketing-v5-profile small{font-size:6px;color:var(--pv-muted)} .marketing-v5-canvas{min-width:0;padding:12px}.marketing-v5-plan-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.marketing-v5-plan-head h3{display:flex;align-items:center;gap:6px;margin:0;font-size:11px}.marketing-v5-plan-head h3 :is(i,svg.svg-inline--fa){color:var(--accent)}.marketing-v5-plan-head>div{display:flex;gap:5px}.marketing-v5-plan-head button{height:25px;min-width:25px;padding:0 7px;border:1px solid var(--pv-line);border-radius:7px;background:var(--pv-card);color:var(--pv-ink);font-size:6.5px}.marketing-v5-plan-head button.primary{display:flex;align-items:center;gap:5px;border-color:transparent;background:var(--accent);color:#fff;font-weight:800} .marketing-v5-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px;padding:6px 7px;border:1px solid var(--pv-line);border-radius:9px;background:var(--pv-card)}.marketing-v5-month,.marketing-v5-views{display:flex;align-items:center;gap:4px}.marketing-v5-toolbar button{height:20px;padding:0 6px;border:1px solid var(--pv-line);border-radius:6px;background:var(--pv-card);color:var(--pv-muted);font-size:6px}.marketing-v5-month b{margin-left:4px;font-size:7px}.marketing-v5-views button.active{border-color:color-mix(in srgb,var(--accent) 30%,var(--pv-line));background:color-mix(in srgb,var(--accent) 10%,var(--pv-card));color:var(--accent);font-weight:800} .marketing-v5-content{display:grid;grid-template-columns:minmax(0,1fr) 128px;gap:8px}.marketing-v5-calendar-wrap{min-width:0;overflow:hidden;border:1px solid var(--pv-line);border-radius:10px;background:var(--pv-card)}.marketing-v5-week,.marketing-v5-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.marketing-v5-week{border-bottom:1px solid var(--pv-line);background:var(--pv-soft)}.marketing-v5-week b{padding:5px 3px;text-align:center;color:var(--pv-muted);font-size:5.5px}.marketing-v5-calendar>div{position:relative;min-width:0;height:126px;padding:5px;border-right:1px solid var(--pv-line);border-bottom:1px solid var(--pv-line);background:var(--pv-card)}.marketing-v5-calendar>div:nth-child(7n){border-right:0}.marketing-v5-calendar>div:nth-last-child(-n+7){border-bottom:0}.marketing-v5-calendar>div>small{font-size:5.5px;color:var(--pv-muted)}.marketing-v5-calendar article{position:absolute;left:4px;right:4px;top:24px;display:grid;gap:2px;padding:5px;border:1px solid transparent;border-radius:6px;overflow:hidden}.marketing-v5-calendar article.violet{background:color-mix(in srgb,#7258e8 12%,var(--pv-card));border-color:color-mix(in srgb,#7258e8 26%,var(--pv-line))}.marketing-v5-calendar article.amber{background:color-mix(in srgb,#d69135 12%,var(--pv-card));border-color:color-mix(in srgb,#d69135 28%,var(--pv-line))}.marketing-v5-calendar article.blue{background:color-mix(in srgb,#3a8ed8 11%,var(--pv-card));border-color:color-mix(in srgb,#3a8ed8 25%,var(--pv-line))}.marketing-v5-calendar article.green{background:color-mix(in srgb,#2a9d6f 11%,var(--pv-card));border-color:color-mix(in srgb,#2a9d6f 25%,var(--pv-line))}.marketing-v5-calendar article.compact{top:24px}.marketing-v5-calendar article time{font-size:5px;color:var(--pv-muted)}.marketing-v5-calendar article b{font-size:6px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.marketing-v5-calendar article em{width:max-content;max-width:100%;padding:2px 4px;border-radius:5px;background:var(--pv-soft);color:var(--pv-muted);font-size:4.7px;font-style:normal;white-space:nowrap}.marketing-v5-calendar article span{font-size:4.8px;color:var(--pv-muted)}.marketing-v5-calendar article.compact em,.marketing-v5-calendar article.compact span{display:none} .marketing-v5-rail{display:grid;align-content:start;gap:6px}.marketing-v5-rail>section{display:grid;gap:5px;padding:8px;border:1px solid var(--pv-line);border-radius:9px;background:var(--pv-card)}.marketing-v5-rail>section>small{font-size:5.5px;color:var(--pv-muted);text-transform:uppercase;letter-spacing:.04em}.marketing-v5-rail>section>b{font-size:6.5px;line-height:1.35}.marketing-v5-rail button{display:flex;align-items:center;gap:5px;width:100%;padding:6px;border:0;border-radius:6px;background:color-mix(in srgb,var(--accent) 10%,var(--pv-card));color:var(--accent);font-size:5.5px;font-weight:800}.marketing-v5-channels{display:grid;gap:3px}.marketing-v5-channels span{display:flex;align-items:center;gap:4px;font-size:5.5px;color:var(--pv-muted)}.marketing-v5-channels span :is(i,svg.svg-inline--fa){width:9px;color:var(--accent)}.marketing-v5-channels span b{margin-left:auto;color:#279b6f}.marketing-v5-balance b{display:flex;align-items:center;justify-content:space-between;font-size:9px!important}.marketing-v5-balance b :is(i,svg.svg-inline--fa){color:#d89b27}.marketing-v5-rail .good{display:flex;align-items:center;gap:4px;color:#278b66;font-size:5.5px} html[data-theme="light"] .marketing-v4-hero{background:radial-gradient(circle at 82% 6%,rgba(93,73,245,.09),transparent 31%),#f7f8fc}html[data-theme="light"] .marketing-v4-hero-copy{color:var(--ink)}html[data-theme="light"] .marketing-v4-hero-copy>p{color:var(--muted)}html[data-theme="light"] .marketing-v4-proofline{color:var(--muted)}html[data-theme="light"] .marketing-v4-btn-secondary{background:#fff;border-color:var(--line);color:var(--ink)} /* 2.16.7 — support page */ .support-v2-hero{padding:76px 0 64px!important;background:radial-gradient(circle at 82% 14%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 28%),linear-gradient(135deg,var(--soft),var(--surface))!important}.support-v2-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.75fr);gap:64px;align-items:center}.support-v2-copy h1{max-width:760px;font-size:clamp(43px,4.5vw,60px);letter-spacing:-.045em;line-height:1.03;margin:10px 0 20px}.support-v2-copy>p{max-width:720px;font-size:18px;line-height:1.7;color:var(--muted)}.support-v2-copy .studio-btn-light{border:1px solid var(--line);background:var(--surface);color:var(--ink)}.support-v2-help-card{padding:22px;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:var(--shadow)}.support-v2-form-head>span,.support-v2-aside-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:12px;background:var(--accent-soft);color:var(--accent)}.support-v2-topics{display:grid}.support-v2-topics>span{display:grid;grid-template-columns:42px minmax(0,1fr);gap:3px 14px;align-items:center;padding:15px 2px;border-bottom:1px solid var(--line)}.support-v2-topics>span:last-child{border-bottom:0}.support-v2-topics>span>:is(i,svg.svg-inline--fa){grid-row:1/3;width:22px;height:22px;padding:10px;box-sizing:content-box;border-radius:12px;background:var(--accent-soft);color:var(--accent);align-self:center}.support-v2-topics b{font-size:13px;line-height:1.35}.support-v2-topics small{font-size:11px;line-height:1.45;color:var(--muted)}.support-v2-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.support-v2-steps article{display:flex;gap:14px;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.support-v2-steps em{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:10px;background:var(--accent-soft);color:var(--accent);font-style:normal;font-weight:900}.support-v2-steps b{font-size:15px}.support-v2-steps p{margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.55} .support-v2-contact{scroll-margin-top:72px}.support-v2-layout{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(300px,.72fr);gap:28px;align-items:start}.support-v2-form{padding:32px;border-radius:24px;box-shadow:0 18px 54px rgba(25,31,57,.08)}.support-v2-form-head{display:flex;gap:13px;align-items:flex-start;padding-bottom:19px;border-bottom:1px solid var(--line)}.support-v2-form-head>div{display:grid}.support-v2-form-head small{font-size:11px;font-weight:800;color:var(--accent);text-transform:uppercase;letter-spacing:.08em}.support-v2-form-head h2{margin:3px 0 5px;font-size:28px;letter-spacing:-.035em}.support-v2-form-head p{margin:0;color:var(--muted);font-size:13px}.support-v2-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.support-v2-form input,.support-v2-form select,.support-v2-form textarea{min-height:46px}.support-v2-form textarea{resize:vertical;min-height:150px;line-height:1.55}.support-v2-submit{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.support-v2-submit small{color:var(--muted);font-size:11px}.support-v2-aside{display:grid;gap:14px}.support-v2-aside>section{padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.support-v2-aside h3{margin:14px 0 8px;font-size:18px;letter-spacing:-.02em}.support-v2-aside ul{padding-left:18px;margin:12px 0;color:var(--ink)}.support-v2-aside li{margin:8px 0;font-size:13px}.support-v2-aside p{color:var(--muted);font-size:12.5px;line-height:1.6}.support-v2-account{background:linear-gradient(145deg,#17192b,#232143)!important;color:#fff}.support-v2-account p{color:#c6c9d7}.support-v2-account .studio-btn-light{width:100%;margin-top:8px}.support-v2-account .support-v2-aside-icon{background:rgba(255,255,255,.11);color:#c8baff} html[data-theme="dark"] .support-v2-account{border-color:#34394b!important;background:linear-gradient(145deg,#1b1f2c,#24233c)!important} /* 2.16.7 — stronger agency landing */ .studio-landing-agency{background:radial-gradient(circle at 78% 18%,rgba(124,77,255,.18),transparent 30%),linear-gradient(135deg,#111421,#202344)!important;color:#fff}.studio-landing-agency p{color:#c8ccda!important}.studio-landing-agency> .studio-wrap>div>small{color:#bcaaff}.studio-landing-agency .studio-btn-light{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#fff}.studio-landing-agency .studio-landing-proof span{color:#dfe1ea}.studio-landing-agency .studio-landing-mini span{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.13);color:#fff}.studio-landing-agency .studio-landing-mini small{color:#b7bdce}.studio-section-agency-value .studio-feature-cards,.studio-section-agency-roles .studio-feature-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.studio-section-agency-value .studio-section-card,.studio-section-agency-roles .studio-section-card{min-height:170px}.studio-section-agency-value .studio-section-card b,.studio-section-agency-roles .studio-section-card b{font-size:16px}.studio-section-agency-value .studio-section-card p,.studio-section-agency-roles .studio-section-card p{line-height:1.6}.studio-section-agency-compare .studio-comparison-list{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.studio-section-agency-compare .studio-compare-item{min-height:160px}.studio-section-agency-compare .studio-compare-item b{font-size:16px}.studio-section-agency-compare .studio-compare-item span{margin-top:12px}.studio-section-agency .studio-workflow .studio-step{min-height:150px}.studio-section-agency .studio-step p{line-height:1.55} @media(max-width:1100px){.marketing-v5-workspace{height:500px;grid-template-columns:130px minmax(0,1fr)}.marketing-v5-content{grid-template-columns:minmax(0,1fr) 112px}.marketing-v5-calendar>div{height:118px}.support-v2-hero-grid{grid-template-columns:1fr;gap:34px}.support-v2-help-card{max-width:760px}.studio-section-agency-value .studio-feature-cards,.studio-section-agency-roles .studio-feature-cards{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:760px){.marketing-v5-workspace{width:100%;height:410px;grid-template-columns:1fr;border-radius:18px;transform:none}.marketing-v5-sidebar{display:none}.marketing-v5-main{grid-template-rows:38px minmax(0,1fr)}.marketing-v5-canvas{padding:9px}.marketing-v5-content{grid-template-columns:1fr}.marketing-v5-rail{display:none}.marketing-v5-calendar>div{height:104px}.marketing-v5-calendar article{top:22px;padding:4px}.marketing-v5-calendar article em,.marketing-v5-calendar article span{display:none}.marketing-v5-plan-head button:not(.primary){display:none}.marketing-v5-month b{font-size:6.5px}.marketing-v5-views button:nth-child(n+3){display:none}.support-v2-hero{padding:52px 0 46px!important}.support-v2-copy h1{font-size:40px}.support-v2-copy>p{font-size:16px}.support-v2-steps{grid-template-columns:1fr}.support-v2-layout{grid-template-columns:1fr}.support-v2-field-grid{grid-template-columns:1fr}.support-v2-form{padding:22px}.support-v2-form-head h2{font-size:24px}.studio-section-agency-value .studio-feature-cards,.studio-section-agency-roles .studio-feature-cards,.studio-section-agency-compare .studio-comparison-list{grid-template-columns:1fr}} @media(max-width:470px){.marketing-v5-workspace{height:370px}.marketing-v5-calendar>div{height:91px;padding:3px}.marketing-v5-calendar article{left:2px;right:2px;top:18px}.marketing-v5-calendar article b{font-size:5.2px}.marketing-v5-calendar article time{font-size:4.5px}.marketing-v5-toolbar{padding:5px}.marketing-v5-month button:nth-child(2),.marketing-v5-month button:nth-child(3){display:none}.support-v2-copy h1{font-size:36px}.support-v2-help-card{padding:18px}.support-v2-submit .studio-btn{width:100%}.support-v2-aside>section{padding:20px}} /* 2.16.8.1 · landing layout/theme hardening */ .studio-landing-hero aside span{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:8px;min-width:0}.studio-landing-hero aside span :is(i,svg.svg-inline--fa){grid-row:1/3;box-sizing:content-box}.studio-landing-hero aside span b,.studio-landing-hero aside span small{min-width:0} .studio-section-split,.studio-rubric-layout,.studio-comparison-layout,.studio-projects-layout,.studio-analytics-layout,.studio-automation-layout,.studio-publication-layout,.studio-ai-layout,.studio-service-layout{min-width:0}.studio-section-split>* ,.studio-rubric-layout>* ,.studio-comparison-layout>* ,.studio-projects-layout>* ,.studio-analytics-layout>* ,.studio-automation-layout>* ,.studio-publication-layout>* ,.studio-ai-layout>* ,.studio-service-layout>*{min-width:0}.studio-section-split .studio-richtext{max-width:100%;overflow-wrap:anywhere}.studio-section-split .studio-richtext>*:first-child{margin-top:0}.studio-section-split .studio-richtext>*:last-child{margin-bottom:0} html[data-theme="light"] .studio-public :is(.studio-dark,.studio-violet,.studio-final) .studio-section-head.light,html[data-theme="light"] .studio-public :is(.studio-dark,.studio-violet,.studio-final) .studio-section-head.light h2,html[data-theme="light"] .studio-public :is(.studio-dark,.studio-violet,.studio-final) h2{color:var(--ink)} html[data-theme="light"] .studio-public :is(.studio-dark,.studio-violet,.studio-final) .studio-richtext.light{color:var(--muted)} html[data-theme="dark"] .studio-public :is(.studio-dark,.studio-violet,.studio-final) .studio-section-head.light,html[data-theme="dark"] .studio-public :is(.studio-dark,.studio-violet,.studio-final) .studio-section-head.light h2,html[data-theme="dark"] .studio-public :is(.studio-dark,.studio-violet,.studio-final) h2{color:var(--ink)} .studio-step em{flex:0 0 30px} @media(max-width:760px){.studio-section-split,.studio-rubric-layout,.studio-comparison-layout,.studio-projects-layout,.studio-analytics-layout,.studio-automation-layout,.studio-publication-layout,.studio-ai-layout,.studio-service-layout{gap:28px}.studio-landing-hero aside :is(i,svg.svg-inline--fa){width:14px;padding:2px 8px}.marketing-v4-feature-grid article>:is(i,svg.svg-inline--fa){width:23px;height:23px;padding:15px}} /* 2.16.9 — AI landing: theme-native, benefit-led product presentation */ .studio-landing-ai{background:radial-gradient(circle at 78% 18%,rgba(124,77,255,.16),transparent 32%),linear-gradient(135deg,var(--lilac),var(--page));color:var(--ink)} .studio-landing-ai p{color:var(--muted)} .studio-landing-ai .studio-btn-light{background:var(--surface);border:1px solid var(--line);color:var(--ink)} .studio-landing-ai .studio-landing-proof span{color:var(--ink)} .studio-landing-ai .studio-landing-mini span{background:var(--surface);border-color:var(--line);color:var(--ink);box-shadow:0 12px 34px rgba(26,28,53,.06)} .studio-landing-ai .studio-landing-mini small{color:var(--muted)} html[data-theme="dark"] .studio-landing-ai{background:radial-gradient(circle at 78% 18%,rgba(124,77,255,.2),transparent 32%),linear-gradient(135deg,var(--soft),var(--page))} .studio-section-ai-capabilities .studio-ai-layout{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:54px} .studio-ai-panel{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:22px;padding:24px;box-shadow:var(--shadow)} .studio-ai-panel>span{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:800} .studio-ai-panel>span :is(i,svg.svg-inline--fa){width:18px;height:18px;color:var(--accent)} .studio-ai-panel>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px} .studio-ai-panel .studio-section-card{background:var(--soft);border-color:var(--line);min-width:0} .studio-ai-panel .studio-section-card b{color:var(--ink)} .studio-ai-panel .studio-section-card p{color:var(--muted)} .studio-section-ai-access{background:var(--soft)}.studio-section-ai-access .studio-comparison-list{grid-template-columns:repeat(3,minmax(0,1fr));display:grid;gap:14px} .studio-section-ai-access .studio-compare-item{min-height:190px;display:flex;flex-direction:column} .studio-section-ai-access .studio-compare-item span{margin-top:auto;padding-top:12px} .studio-section-ai-control .studio-feature-cards{grid-template-columns:repeat(3,minmax(0,1fr))} .studio-section-ai-control .studio-section-card{min-height:175px} .studio-section-ai-automation .studio-automation-list{grid-template-columns:repeat(2,minmax(0,1fr));display:grid} .studio-section-ai-automation .studio-automation-list .studio-section-card{background:var(--surface);border-color:var(--line)} .studio-section-ai-automation .studio-automation-list .studio-section-card p{color:var(--muted)} .studio-section-ai-context .studio-problem-list{max-width:none} @media(max-width:900px){.studio-section-ai-capabilities .studio-ai-layout{grid-template-columns:1fr}.studio-section-ai-access .studio-comparison-list,.studio-section-ai-control .studio-feature-cards{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:760px){.studio-ai-panel>div,.studio-section-ai-access .studio-comparison-list,.studio-section-ai-control .studio-feature-cards,.studio-section-ai-automation .studio-automation-list{grid-template-columns:1fr}.studio-section-ai-access .studio-compare-item,.studio-section-ai-control .studio-section-card{min-height:0}} /* AI flow/automation are theme-native rather than fixed dark bands. */ .studio-section-ai-flow,.studio-section-ai-automation{background:var(--page)!important;color:var(--ink)!important} .studio-section-ai-flow .studio-section-head.light,.studio-section-ai-flow .studio-section-head.light h2,.studio-section-ai-automation h2{color:var(--ink)!important} .studio-section-ai-flow .studio-section-head.light p,.studio-section-ai-flow .studio-richtext.light,.studio-section-ai-automation p,.studio-section-ai-automation .studio-richtext.light{color:var(--muted)!important} .studio-section-ai-flow .studio-step{background:var(--surface);border-color:var(--line);box-shadow:0 10px 30px rgba(25,24,55,.05)} .studio-section-ai-flow .studio-step em{background:var(--accent-soft);color:var(--accent)} .studio-landing-content-plan .studio-landing-mini span{min-width:0}.studio-section-content-plan-relief .studio-feature-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.studio-section-content-plan-team{background:var(--soft)}.studio-section-content-plan-team .studio-compare-item{box-shadow:0 10px 28px rgba(29,34,62,.05)}.studio-section-content-plan-tools .studio-feature-cards{grid-template-columns:repeat(5,minmax(0,1fr))} @media(max-width:1050px){.studio-section-content-plan-relief .studio-feature-cards,.studio-section-content-plan-tools .studio-feature-cards{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:760px){.studio-section-content-plan-relief .studio-feature-cards,.studio-section-content-plan-tools .studio-feature-cards{grid-template-columns:1fr}} .studio-payment-result{max-width:720px;margin:40px auto;text-align:center;padding:48px 36px;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:var(--shadow)}.studio-payment-result-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 20px;border-radius:18px;background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--accent);font-size:24px}.studio-payment-result-icon.ok{color:#179c69;background:color-mix(in srgb,#179c69 12%,var(--surface))}.studio-payment-result-icon.bad{color:#c94754;background:color-mix(in srgb,#c94754 12%,var(--surface))}.studio-payment-result h1{margin:0 0 14px;font-size:clamp(32px,5vw,48px)}.studio-payment-result p{max-width:620px;margin:0 auto 14px;color:var(--muted);line-height:1.65}.studio-payment-result small{display:block;color:var(--muted);margin-bottom:22px}.studio-payment-result .studio-actions{justify-content:center}@media(max-width:640px){.studio-payment-result{margin:10px auto;padding:34px 20px;border-radius:19px}} /* Legal pages */ .legal-page{padding:72px 0}.legal-head{max-width:920px;margin:0 0 34px}.legal-head h1{margin:10px 0 16px;font-size:clamp(36px,5vw,56px);line-height:1.06;letter-spacing:-.04em}.legal-head>p{max-width:820px;color:var(--muted,var(--ink2));font-size:17px;line-height:1.7}.legal-prose{max-width:920px;font-size:15.5px;line-height:1.78}.legal-prose h2{margin:38px 0 13px!important;font-size:25px!important;line-height:1.22;letter-spacing:-.02em}.legal-prose h3{margin:28px 0 10px;font-size:19px}.legal-prose p,.legal-prose li{color:var(--muted,var(--ink2));overflow-wrap:anywhere}.legal-prose li{margin:7px 0}.legal-prose a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.legal-revision{display:inline-block;margin:0 0 18px!important;padding:7px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-size:12px}.legal-requisites dl{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,1fr);margin:18px 0 28px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface)}.legal-requisites dt,.legal-requisites dd{margin:0;padding:13px 15px;border-bottom:1px solid var(--line)}.legal-requisites dt{font-weight:750;background:var(--soft)}.legal-requisites dd{overflow-wrap:anywhere}.legal-requisites dt:last-of-type,.legal-requisites dd:last-of-type{border-bottom:0}@media(max-width:640px){.legal-page{padding:48px 0}.legal-head h1{font-size:36px}.legal-head>p{font-size:15px}.legal-prose h2{font-size:22px!important}.legal-requisites dl{grid-template-columns:1fr}.legal-requisites dt{border-bottom:0;padding-bottom:4px}.legal-requisites dd{padding-top:4px}} .meta-legal-disclaimer{margin:14px 0 6px;font-size:11px;line-height:1.45;color:var(--muted,#7b8496);max-width:980px}.legal-footnote{margin-top:22px;padding-top:14px;border-top:1px solid var(--line,#e5e8ef);color:var(--muted,#6f788a);font-size:12px;line-height:1.55} /* 2.17.5 · mobile menu stacking: header/nav must stay above the dim overlay */ @media(max-width:760px){ body.studio-public .studio-header{z-index:120!important} body.studio-public .studio-menu-overlay{z-index:110!important} body.studio-public .studio-nav{z-index:122!important} body.studio-public .studio-header-tools{z-index:123!important} }