/* Public presentation shares the approved workspace palette; account UI stays separate. */
body[data-public-ui="approved"]{--blue:#7054d5;--primary:#7054d5;--accent:#7054d5;--ink:#232333;--muted:#737382;--line:#e9e8ef;background:#f7f7fa;color:#232333;font-family:"DM Sans",system-ui,sans-serif}
body[data-public-ui] :is(h1,h2,h3){font-family:"DM Sans",system-ui,sans-serif;color:#232333;letter-spacing:-.035em}
body[data-public-ui] :is(.header,.detail-header){background:#f7f7fa;border-bottom:1px solid #e9e8ef;box-shadow:none;padding-block:20px}
body[data-public-ui] .promo{background:#eee9fb;color:#7054d5}
body[data-public-ui] .promo a{color:#7054d5}
body[data-public-ui] :is(.brand,.logo-brand){background:#232333;border-radius:16px;padding:12px 18px;min-height:0}
body[data-public-ui] :is(.brand-image,.brand img){max-width:200px;height:auto;object-fit:contain}
body[data-public-ui] .header nav a{color:#737382;font-weight:500}
body[data-public-ui] .header nav a:hover{color:#7054d5}
body[data-public-ui] .header [data-studio-link]{display:none!important}
@media(min-width:901px){body[data-public-ui] .header{display:flex;align-items:center;gap:24px;height:auto;min-height:88px;max-width:1360px;margin:auto;padding:20px 30px}body[data-public-ui] .header nav{position:static;display:flex;flex:1;justify-content:center;gap:18px;width:auto;margin:0;padding:0;white-space:nowrap}body[data-public-ui] .header nav a{font-size:13px}body[data-public-ui] .header .head-actions{flex:0 0 auto}body[data-public-ui] .header .brand{flex:0 0 auto}body[data-public-ui] .header .quote-btn{white-space:nowrap;font-size:13px;padding:12px 16px}}
body[data-public-ui] :is(.primary,.quote-btn,.button.primary,.platform-signin,.submit){background:#7054d5;color:white;border:1px solid #7054d5;border-radius:14px;box-shadow:none;min-height:48px}
body[data-public-ui] :is(.secondary,.detail-back,.head-actions select){border:1px solid #e9e8ef;background:white;color:#232333;border-radius:14px;min-height:44px}
body[data-public-ui] :is(.kicker,.eyebrow,.section-label){color:#7054d5}
body[data-public-ui] :is(.service-card,.detail-card,.product-card,.catalog-card,.plan-card,.pricing-card,.process-card,.template-card,.faq-item){background:white;border:1px solid #e9e8ef;border-radius:24px;box-shadow:none}
body[data-public-ui] :is(.service-icon,.desktop-service-icon,.service-nav-icon){background:#eee9fb;color:#7054d5;border-radius:16px}
body[data-public-ui] :is(input:not([type=checkbox]):not([type=radio]),select,textarea){border-color:#dedbe9;border-radius:14px}
body[data-public-ui] :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #bdaaf4;outline-offset:4px}
body[data-public-ui] :is(.footer,.site-footer){background:#232333;color:#e9e8ef;border-radius:32px 32px 0 0}
body[data-public-ui] :is(.footer,.site-footer) :is(h2,h3){color:white}
body[data-public-ui] :is(.footer,.site-footer) a{color:#e9e8ef}
body[data-public-ui] .public-guide-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;color:#7054d5}
body[data-public-ui] .desktop-home-hero{background:radial-gradient(ellipse at 78% 50%,#eee9fb,transparent 55%),#f7f7fa;gap:48px;max-width:1360px;margin:auto}
body[data-public-ui] .hero-copy h1{font-size:clamp(40px,4.5vw,66px);line-height:1.06;max-width:640px}
body[data-public-ui] .hero-copy p{color:#737382;line-height:1.75}
body[data-public-ui] .public-hero-art{position:relative!important;background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;min-height:390px!important;height:440px!important;overflow:visible!important;transform:none!important}
body[data-public-ui] .public-hero-art:before,body[data-public-ui] .public-hero-art:after{display:none!important}
body[data-public-ui] .public-hero-art .public-ring{position:absolute;width:360px;height:360px;top:35px;left:50%;transform:translateX(-50%);border:1px solid #d9d0eb;border-radius:50%}
body[data-public-ui] .public-hero-art .public-ring.inner{width:270px;height:270px;top:80px}
body[data-public-ui] .public-hero-art .public-poster{position:absolute!important;width:37%!important;max-width:185px!important;height:auto!important;object-fit:contain!important;border-radius:12px!important;box-shadow:0 20px 40px #44256b18;transform:none}
body[data-public-ui] .public-hero-art .public-poster.one{left:5%;top:100px;transform:rotate(-13deg)}
body[data-public-ui] .public-hero-art .public-poster.two{left:52%;top:42px;transform:rotate(12deg)}
body[data-public-ui] .public-hero-art .public-poster.three{left:30%;top:162px;transform:rotate(2deg)}
body[data-public-ui] .public-hero-art .public-art-label{position:absolute;bottom:16px;right:0;background:#ffffffdc;border:1px solid #e9e1f4;border-radius:16px;padding:18px 22px;color:#737382;font-size:14px}
body[data-public-ui] .public-tools{max-width:1240px;margin:20px auto 70px;padding:0 28px}
body[data-public-ui] .public-tools h2{font-size:32px;margin-bottom:10px}
body[data-public-ui] .public-tools>p{color:#737382;margin-bottom:28px}
body[data-public-ui] .public-tools-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
body[data-public-ui] .public-tool{display:flex;flex-direction:column;align-items:flex-start;padding:24px;border:1px solid #e9e8ef;border-radius:22px;background:white;text-decoration:none;color:#232333;gap:12px;transition:transform .18s,border-color .18s}
body[data-public-ui] .public-tool:hover{transform:translateY(-3px);border-color:#bdaaf4}
body[data-public-ui] .public-tool .dashboard-icon{width:28px;height:28px;color:#7054d5}
body[data-public-ui] .dashboard-icon{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body[data-public-ui] :is(.service,.desktop-service-card,.service-nav-card){background:white!important;border:1px solid #e9e8ef!important;border-radius:24px!important;box-shadow:none!important}
body[data-public-ui] .desktop-home-hero .mobile-service-navigation{display:none!important}
body[data-public-ui] .public-tool small{color:#737382;line-height:1.6}
@media(max-width:760px){
body[data-public-ui] .desktop-home-hero{display:flex!important;flex-direction:column!important;gap:24px!important}
body[data-public-ui] .desktop-home-hero .hero-copy{width:100%;flex:0 0 auto}
body[data-public-ui] .header{padding:16px 20px;gap:12px}
body[data-public-ui] :is(.brand-image,.brand img){max-width:150px}
body[data-public-ui] .desktop-home-hero .hero-copy{order:1!important}
body[data-public-ui] .desktop-home-hero .mobile-hero-search{order:3!important}
body[data-public-ui] .desktop-home-hero .public-hero-art{order:2!important;width:100%;height:370px!important;min-height:0!important;margin:0!important}
body[data-public-ui] .desktop-home-hero .mobile-service-navigation{display:none!important}
body[data-public-ui] .public-hero-art .public-ring{width:290px;height:290px;top:20px}
body[data-public-ui] .public-hero-art .public-ring.inner{width:220px;height:220px;top:55px}
body[data-public-ui] .public-hero-art .public-poster.one{top:75px}
body[data-public-ui] .public-hero-art .public-poster.two{top:30px}
body[data-public-ui] .public-hero-art .public-poster.three{top:130px}
body[data-public-ui] .public-hero-art .public-art-label{font-size:12px;bottom:8px;padding:14px}
body[data-public-ui] .public-tools{padding:0 20px;margin:18px auto 45px}
body[data-public-ui] .public-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body[data-public-ui] .public-tool{padding:20px 16px}
body[data-public-ui] .public-tools h2{font-size:28px}
}
@media(prefers-reduced-motion:reduce){body[data-public-ui] .public-tool{transition:none}}