:root{--primary:#3568f5;--surface:#fff;--background:#f7f9fe;--text:#16223c;--subtle:#596882;--border:#dfe6f2;--accent:#87e3dc;--blue:var(--primary);--ink:var(--text);--muted:var(--subtle);--bg:var(--background);--line:var(--border)}
html[data-theme=dark]{color-scheme:dark;--surface:#172238;--background:#0c1423;--text:#e8eefb;--subtle:#acbad0;--border:#2e3c54;--ink:var(--text);--muted:var(--subtle);--bg:var(--background);--line:var(--border)}
.site-header:has(+.workspace-frame){display:none}
body{background:var(--background);color:var(--text)}[hidden]{display:none!important}button,a,input,select,summary{touch-action:manipulation}a,button,input,select,textarea,summary{outline-offset:5px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--primary)}img,video{max-width:100%}button{cursor:pointer}.button{background:var(--primary);color:white;border-radius:12px}.button.ghost{background:transparent;color:var(--text);border-color:var(--border)}.text-button{border:0;background:none;color:inherit;font:inherit;padding:0;text-align:left}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip-link{position:absolute;left:20px;top:-100px;z-index:100;background:var(--surface);padding:12px}.skip-link:focus{top:8px}
.site-header{height:82px;display:flex;gap:30px;justify-content:space-between;align-items:center;padding:0 4vw;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:30}.brand{font-size:17px;white-space:nowrap}.brand small{display:block;font-size:8px;letter-spacing:2.5px;color:var(--subtle)}.brand-symbol{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:var(--primary);color:white;border-radius:12px;font-size:24px}.brand-symbol span{font-size:16px}.site-header nav{color:var(--text);gap:24px}.site-header summary{cursor:pointer;list-style:none}.site-header summary::-webkit-details-marker{display:none}.mega[open]>summary{color:var(--primary)}.mega-panel{position:absolute;top:100%;left:0;width:100%;padding:32px 5vw;display:grid;grid-template-columns:1fr 3fr;gap:36px;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:0 30px 50px #0002;max-height:calc(100dvh - 90px);overflow:auto}.mega-intro{padding:20px;background:var(--background);border-radius:18px}.mega-intro h2{font-size:30px;line-height:1.1}.mega-intro p{color:var(--subtle)}.mega-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mega-links a{display:flex;gap:12px;padding:12px;border-radius:10px}.mega-links a:hover{background:var(--background)}.mega-links small{display:block;line-height:1.5;margin-top:4px;color:var(--subtle);font-size:11px}.mega-links strong{font-size:13px}.explore-panel{grid-template-columns:repeat(4,1fr)}.explore-panel a,.explore-panel button{display:block;padding:8px 0}.header-tools{display:flex;align-items:center;gap:10px}.icon-button{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:12px;min-width:42px;min-height:42px;padding:8px;font-size:18px}.nav-trigger{display:none}.theme-menu{position:relative}.theme-menu>summary{list-style:none;cursor:pointer;font-size:24px;padding:4px 8px}.theme-popover{position:absolute;right:0;top:48px;width:230px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:0 12px 35px #0003}.theme-popover label{display:grid;gap:8px;margin-bottom:15px}.swatches{display:flex;gap:5px;flex-wrap:wrap}.swatches button{width:23px;height:23px;border-radius:50%;border:2px solid var(--border)}.workspace-links{padding:12px 4vw;display:flex;flex-wrap:wrap;background:var(--surface);border-bottom:1px solid var(--border);gap:20px;color:var(--text)}.workspace-links form{margin-left:auto}
.slideshow{position:relative;background:#101d37;color:#fff;overflow:hidden}.hero-slide{position:relative;min-height:min(720px,calc(100svh - 82px));padding:clamp(30px,6vh,72px) 7vw 95px;display:grid;grid-template-columns:1.2fr 1fr;gap:4vw;align-items:center;background:radial-gradient(ellipse at 85% 40%,#234b72,transparent 55%),linear-gradient(120deg,#111b31,#162b4c)}.hero-slide:nth-child(2n){background:radial-gradient(ellipse at 80% 30%,#385779,transparent 50%),#111e36}.hero-slide:nth-child(3n){background:radial-gradient(ellipse at 75% 65%,#285965,transparent 60%),#102138}.slide-copy{position:relative;z-index:2;max-width:780px}.slide-copy .eyebrow{color:#8de2dc;font-size:10px;letter-spacing:2px}.slide-copy h1{font-size:clamp(36px,5.5vw,82px);font-weight:720;letter-spacing:-.05em;line-height:1.04;margin:20px 0}.slide-description{font-size:clamp(14px,1.4vw,19px);line-height:1.65;max-width:530px;color:#c4d1e4}.slide-copy .button.ghost{color:white;border-color:#ffffff50}.slide-copy .actions{margin:24px 0}.slide-signature{font-size:9px;letter-spacing:2px;color:#c4d1e4}.slide-signature span{color:#8de2dc;padding:0 8px}.slide-media,.slide-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.slide-shade{background:color-mix(in srgb,#0b172d var(--overlay,55%),transparent)}.slide-media~.slide-graphic{visibility:hidden}.slide-graphic{position:relative;height:350px;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #9dbfe249;border-radius:50%;width:300px;height:300px;transform:rotate(-25deg) scaleX(1.25)}.orbit-two{width:230px;height:230px;transform:rotate(45deg) scaleX(1.5);border-color:#8de2dc77}.graphic-core{font-size:130px;font-weight:900;background:linear-gradient(140deg,#f1f8ff,#75c6ca);color:transparent;background-clip:text;letter-spacing:-15px}.graphic-core span{font-size:70px;vertical-align:top}.graphic-label{position:absolute;font-size:9px;letter-spacing:2px;background:#1b3453;border:1px solid #63819f;border-radius:8px;padding:12px;color:#d2f3f0}.label-one{top:20px;right:0}.label-two{bottom:15px;left:0}.carousel-controls{position:absolute;bottom:24px;left:7vw;right:7vw;display:flex;align-items:center;gap:12px;z-index:3}.carousel-controls .icon-button{background:#ffffff0a;border-color:#ffffff40;color:white}.slide-dots{display:flex;gap:8px}.slide-dots button{width:24px;height:6px;border:0;border-radius:9px;background:#ffffff40;padding:0}.slide-dots button[aria-pressed=true]{background:#8de2dc}.slide-counter{margin-left:auto;font-size:12px;color:#d5e3f5}
.content-section{padding:80px 7vw}.content-section:nth-of-type(even){background:var(--surface)}.section-heading{max-width:760px;margin-bottom:30px}.section-heading h2{font-size:clamp(28px,3.6vw,46px);letter-spacing:-.04em;line-height:1.14;margin:0 0 18px}.section-heading>p:not(.eyebrow){color:var(--subtle);font-size:17px}.content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.content-card{background:var(--surface);border:1px solid var(--border);padding:28px;border-radius:18px;position:relative;transition:transform .2s}.content-card:hover{transform:translateY(-3px)}.content-card h3{font-size:20px;margin:16px 0 10px}.content-card p{color:var(--subtle);font-size:14px}.content-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px}.card-number{font-size:11px;letter-spacing:2px;color:var(--primary)}.card-arrow{font-size:24px;color:var(--primary)}.stat-value{font-size:38px}.section-cta{margin-top:30px}.faq-list details{padding:20px;border-bottom:1px solid var(--border)}.faq-list summary{cursor:pointer;font-weight:650}.faq-list p{color:var(--subtle)}input,textarea,select{max-width:100%;background:var(--surface);color:var(--text);border:1px solid var(--border);padding:12px;border-radius:9px}input:not([type=checkbox]):not([type=radio]):not([type=color]),textarea{width:100%}form label{display:block;font-size:13px;font-weight:650;margin:12px 0 6px}form .helptext{display:block;color:var(--subtle);font-size:12px}.roi-calculator{max-width:650px}.roi-calculator output{display:block;font-size:24px;margin:18px 0}.section,.intro,.card,.panel,.metric,.auth-card,.auth-shell,.kanban-column,.kanban-card{background:var(--surface);color:var(--text)}.auth-shell{background:var(--background)}.metric.accent{background:var(--surface);border-color:var(--primary)}.card p,.muted,small{color:var(--subtle)}
.site-footer{display:block;background:#0e192d;padding:60px 7vw 24px;color:#f1f5ff}.footer-top{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-bottom:50px;border-bottom:1px solid #ffffff25}.footer-top h2{font-size:32px;line-height:1.2}.footer-top .eyebrow{color:#8de2dc}.newsletter-form>div{display:flex;gap:8px}.newsletter-form input{background:var(--surface);color:var(--text)}.footer-grid{display:grid;grid-template-columns:1.3fr 1.5fr 1fr 1fr;gap:40px;padding:40px 0}.site-footer a,.site-footer p{color:#b9c9e1}.site-footer h3{font-size:14px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff25;padding-top:20px;font-size:12px}
.chat-launcher{position:fixed;bottom:24px;right:24px;z-index:40;padding:15px 20px;background:var(--primary);color:white;border:0;border-radius:30px;box-shadow:0 8px 30px #0004;font-weight:700}.chat-panel{position:fixed;right:24px;bottom:88px;width:390px;max-width:calc(100vw - 24px);height:550px;max-height:calc(100dvh - 110px);z-index:45;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:20px;box-shadow:0 15px 65px #0004;display:flex;flex-direction:column;overflow:hidden}.chat-panel header{padding:18px;display:flex;justify-content:space-between;border-bottom:1px solid var(--border)}.chat-panel header small{display:block;font-size:11px}.chat-panel #chat-messages{flex:1;overflow:auto;padding:15px}.chat-message{font-size:13px;white-space:pre-wrap;padding:12px;border-radius:14px;background:var(--background);margin:0 0 12px;overflow-wrap:anywhere}.chat-message.user{margin-left:32px;background:var(--primary);color:white}.chat-panel form{display:flex;gap:8px;padding:12px}.chat-bottom{display:flex;justify-content:space-between;padding:0 15px 15px;font-size:11px;color:var(--subtle)}.chat-suggestions{display:flex;gap:6px;padding:0 12px}.chat-suggestions button{background:var(--background);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:8px;font-size:11px}.chat-copy{font-size:10px;margin-left:8px;background:transparent;color:var(--primary);border:0}
dialog{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:20px;padding:28px;width:650px;max-width:90vw;max-height:80dvh}dialog::backdrop{background:#061127aa;backdrop-filter:blur(6px)}dialog form{float:right}#search-results a{display:block;padding:12px;border-bottom:1px solid var(--border)}#search-results{max-height:45vh;overflow:auto}#cookie-banner{position:fixed;bottom:20px;left:20px;z-index:50;max-width:440px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:15px;box-shadow:0 10px 40px #0002;font-size:13px}#cookie-banner a{margin-right:12px}.flash-messages{padding:5px 7vw;background:var(--surface)}
@media(min-width:1800px){.content-section,.hero-slide,.site-footer{padding-left:max(7vw,calc((100vw - 1560px)/2));padding-right:max(7vw,calc((100vw - 1560px)/2))}}
@media(max-width:1100px){.site-header{gap:15px}.site-header nav{gap:15px}.quote-button{display:none}.mega-links{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.site-header{height:72px;gap:10px}.brand{font-size:14px}.nav-trigger{display:block;font-size:13px;margin-left:auto}.site-header #primary-nav{display:none;position:absolute;left:0;top:72px;width:100%;max-height:calc(100dvh - 72px);overflow:auto;background:var(--surface);padding:20px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--border)}.site-header #primary-nav.is-open{display:flex}.site-header #primary-nav a{display:block}.mega-panel{position:static;padding:20px 0;max-height:none;box-shadow:none;grid-template-columns:1fr}.mega-intro{display:none}.explore-panel{grid-template-columns:1fr 1fr}.hero-slide{grid-template-columns:1fr;min-height:calc(100svh - 72px);padding:35px 6vw 95px}.slide-graphic{display:none}.slide-copy h1{font-size:clamp(34px,9vw,64px)}.content-section{padding:55px 6vw}.content-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.footer-top{grid-template-columns:1fr}.workspace-links{overflow:auto;flex-wrap:nowrap;font-size:12px}.workspace-links a{white-space:nowrap}}
@media(max-width:480px){.brand small{display:none}.brand-symbol{width:32px;height:32px;font-size:20px}.site-header{padding:0 12px}.header-tools{gap:2px}.header-tools .icon-button{min-width:32px;font-size:18px}.theme-menu>summary{padding:2px}.content-grid{grid-template-columns:1fr}.mega-links{grid-template-columns:1fr}.slide-copy h1{font-size:36px}.slide-copy .actions{gap:8px}.slide-copy .button{font-size:12px;padding:12px}.slide-signature{font-size:8px;letter-spacing:1px}.slide-dots{gap:5px}.slide-dots button{width:17px}.carousel-controls{gap:8px}.carousel-controls .icon-button{min-width:34px;min-height:36px}.footer-grid{gap:20px}.chat-panel{right:12px;bottom:80px}.chat-launcher{right:12px;bottom:16px}#cookie-banner{left:12px;right:12px;bottom:12px}.newsletter-form>div{flex-wrap:wrap}}
@media(max-height:600px){.hero-slide{min-height:calc(100svh - 72px);padding-top:22px;padding-bottom:70px}.slide-copy h1{font-size:clamp(28px,5vw,46px);margin:10px 0}.slide-description{font-size:13px;line-height:1.45}.slide-copy .actions{margin:12px 0}.slide-signature{display:none}.carousel-controls{bottom:12px}.slide-graphic{height:220px}.orbit{width:190px;height:190px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-width:800px){body[data-workspace=true] #main-content{margin-left:0;padding-top:1px}body[data-workspace=true] .workspace-topbar{margin-left:0}}
.editor-layout{display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,2fr);gap:24px;margin-top:24px}.editor-records{list-style:none;padding:0;max-height:600px;overflow:auto}.editor-records a{display:block;padding:12px 0;border-bottom:1px solid var(--border)}.editor-records small{display:block}.editor-layout textarea{min-height:130px}.editor-layout .errorlist{color:#d84762}@media(max-width:700px){.editor-layout{grid-template-columns:1fr}.editor-records{max-height:200px}}
body #cookie-banner{position:static;max-width:none;margin:0;padding:18px 7vw;border-radius:0;box-shadow:none;display:flex;gap:16px;align-items:center;flex-wrap:wrap}#cookie-banner p{flex:1;min-width:220px}
@media(min-width:821px) and (max-height:600px){body .hero-slide{min-height:calc(100svh - 82px)}}
.task-distribution{display:grid;grid-template-columns:90px 1fr 30px;gap:14px;align-items:center;margin:20px 0;font-size:13px}.task-distribution meter{width:100%;height:20px;accent-color:var(--primary)}
@media(max-height:600px){body .hero-slide{grid-template-columns:1fr;padding-top:16px;padding-bottom:60px}body .slide-graphic{display:none}body .slide-copy{max-width:100%}body .slide-copy h1{font-size:clamp(25px,4vw,38px);margin:8px 0}body .slide-description{max-width:760px;margin:8px 0}body .slide-copy .actions{margin:10px 0}body .slide-copy .button{padding:9px 14px;font-size:12px}body .slide-copy .eyebrow{margin-bottom:8px}}
@media(max-width:600px) and (min-height:601px){body .hero-slide{padding-bottom:150px}body .carousel-controls{bottom:84px}body .nav-trigger{white-space:nowrap;font-size:11px;padding:7px}body .chat-launcher{bottom:16px}}
@media(max-height:600px){body .chat-launcher span{display:none}body .chat-launcher{width:42px;height:42px;padding:8px}body .slide-counter{margin-right:60px}}