:root{--vh-purple:#6545da;--vh-ink:#232234}.narrow{max-width:740px;margin:48px auto}.narrow>.brand{margin-bottom:36px}.installer{background:#f6f5fa}.installer h1{font-size:42px;letter-spacing:-1.5px}.google-button{width:100%;justify-content:center;margin-top:20px}.marketing{color:var(--vh-ink)}.marketing-header{position:static;background:#fff;border-bottom:1px solid #eeedf4}.marketing-nav{display:flex;gap:35px;align-items:center;justify-content:space-between;min-height:94px}.marketing-links,.marketing-actions{display:flex;gap:25px;align-items:center}.marketing-links a{color:#646273;font-size:14px;font-weight:600}.marketing-actions{gap:12px}.marketing .btn,.marketing-actions .btn{border-radius:10px;background:#6545da;border-color:#6545da;color:white;padding:14px 23px}.marketing .btn.outline,.marketing-actions .btn.outline{background:white;color:#393249;border-color:#dedbe8}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:65px;align-items:center;padding-top:88px;padding-bottom:100px}.hero h1{font-size:clamp(42px,4.8vw,69px);font-weight:750;letter-spacing:-3.5px;line-height:1.06;max-width:660px;margin:24px 0}.hero .eyebrow{font-size:11px;letter-spacing:1.8px;display:flex;align-items:center;gap:9px;color:#675a8c}.mini-dot{width:8px;height:8px;border-radius:50%;background:#8de2bc;display:inline-block}.hero-description{font-size:18px;line-height:1.8;color:#747184;max-width:500px}.hero-actions{display:flex;gap:12px;margin-top:32px}.hero-caption{font-size:12px;color:#928d9f;margin-top:24px}.hero-caption span{padding:0 12px}.hero-visual{background:linear-gradient(145deg,#f8f6ff,#ece7fa);border:1px solid #e6dff6;border-radius:24px;padding:27px;box-shadow:0 35px 75px -50px #6e56a6;transform:rotate(1.2deg)}.console-top{font-size:10px;letter-spacing:1.2px;color:#7e718e;display:flex;align-items:center;gap:9px;padding-bottom:26px}.console-top>span:last-child{margin-left:auto}.connection-card,.hub-card{display:flex;align-items:center;gap:16px;background:white;border-radius:12px;padding:22px;border:1px solid #e9e3f5;box-shadow:0 8px 15px -12px #9986ba}.connection-icon{background:#f1edf9;padding:10px;border-radius:8px;font:22px monospace;color:#8066b2}.connection-card strong,.hub-card strong{font-size:17px;display:block}.connection-card small,.hub-card small{font-size:12px;color:#9388a1;display:block;margin-top:5px}.connection-check{margin-left:auto;color:#957eae}.connection-line{width:1px;height:25px;background:#c7b9de;margin-left:46px}.hub-card{background:#6550b8;color:white;border-color:#6550b8;padding:25px}.hub-card img{width:42px;height:42px}.hub-card small{color:#d7ccef}.hub-card strong{font-size:24px;letter-spacing:-.5px}.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.workflow-grid>span{background:#fff;border:1px solid #e7e1ef;padding:15px 12px;border-radius:10px;font-size:10px;color:#a195b5;line-height:2}.workflow-grid strong{font-size:11px;color:#655975;line-height:1.5}.console-note{display:flex;justify-content:space-between;gap:10px;margin-top:25px;color:#9a8eaa;font-size:8px;letter-spacing:.6px}.console-note small{font-size:9px;letter-spacing:0}.value-strip{border-top:1px solid #ece9f1;border-bottom:1px solid #ece9f1;background:#faf9fc}.value-strip>.container{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:25px;padding-bottom:25px}.value-strip span{font-size:10px;letter-spacing:1.4px;color:#9c95aa}.value-strip strong{font-size:18px;font-weight:550;color:#71687c}.marketing-section{padding-top:90px;padding-bottom:90px;scroll-margin-top:20px}.section-kicker{font-size:10px;letter-spacing:2px;color:#9281a9;font-weight:700;margin-bottom:16px}.marketing h2{font-size:40px;line-height:1.2;letter-spacing:-1.4px;font-weight:650}.section-intro{display:flex;justify-content:space-between;gap:50px;align-items:center;margin-bottom:36px}.section-intro p{max-width:400px;color:#89808f;line-height:1.8;font-size:14px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-tile{border:1px solid #e9e5ef;padding:26px;border-radius:14px;min-width:0}.service-tile .badge{float:right;font-size:9px}.service-symbol{display:inline-flex;font-size:25px;color:#8064b2;background:#f5f1fc;padding:8px 12px;border-radius:10px}.service-tile h3{font-size:19px;margin-top:20px}.service-tile code{font-size:10px}.service-tile p{font-size:13px;line-height:1.8;color:#908695}.service-tile a{font-size:12px;font-weight:650;color:#7051a3}.empty-catalogue{grid-column:1/-1;max-width:none;background:#fcfbfe}.how-section{background:#292237;color:#f8f5ff}.how-section h2{color:white}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:55px}.feature-grid article{border-top:1px solid #544661;padding-top:25px}.feature-grid article>span{color:#ab92c4;font-size:10px;letter-spacing:1px}.feature-grid h3{font-size:20px;color:#faf5ff;margin:20px 0 15px}.feature-grid p{color:#b0a2bb;font-size:14px;line-height:1.9}.pricing-panel{display:grid;grid-template-columns:1fr 1.7fr;border:1px solid #e9e3f0;border-radius:18px;overflow:hidden}.pricing-panel>div{padding:32px;min-width:0}.pricing-panel>div:first-child{background:#f7f4fb}.pricing-panel h3{font-size:29px;letter-spacing:-1px;margin:20px 0}.pricing-panel p{font-size:14px;line-height:1.8;color:#92829e}.faq-section{display:grid;grid-template-columns:1fr 1.3fr;gap:90px;border-top:1px solid #eee8f3}.faq-section a{font-size:13px;color:#80609f}.faq-list details{border-bottom:1px solid #ece6f0;padding:20px 0;margin:0}.faq-list summary{font-size:15px;font-weight:600;color:#4e3d5d;cursor:pointer}.faq-list p{font-size:14px;color:#8d7b99;line-height:1.8;margin-bottom:0}.contact-panel{background:#f0eaf8;border-radius:20px;padding:46px;display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center}.contact-panel h2{font-size:36px}.contact-panel p{color:#8f7ba0;font-size:13px;line-height:1.8}.contact-panel .btn{background:#6550b8;border-color:#6550b8;overflow-wrap:anywhere;white-space:normal}.contact-panel a{font-size:13px}.marketing-footer{padding-top:65px;padding-bottom:40px;display:flex;justify-content:space-between;align-items:start;gap:30px;border:0}.marketing-footer>div:first-child{max-width:310px}.marketing-footer p{color:#9e8aa8;font-size:12px}.marketing-footer>div:last-child{display:flex;flex-wrap:wrap;gap:20px;font-size:12px}.marketing-footer small{width:100%;text-align:right;color:#a18fac}.admin-layout>div{min-width:0}.admin-sidebar{align-self:start}.card form+form{margin-top:24px;padding-top:24px;border-top:1px solid #ece9f2}pre{overflow:auto;max-width:100%}.field input,.field textarea,.field select{max-width:100%}
@media(max-width:1000px){.marketing-links{display:none}.hero{gap:30px}.hero h1{font-size:48px}.hero-visual{padding:20px}.service-grid{grid-template-columns:repeat(2,1fr)}.faq-section{gap:40px}.marketing h2{font-size:35px}.feature-grid{gap:25px}}
@media(max-width:650px){.marketing-nav{min-height:80px;gap:10px;flex-wrap:wrap;padding-top:16px;padding-bottom:16px}.marketing-nav .brand{font-size:23px}.marketing-actions{gap:8px}.marketing-actions .btn{padding:9px 12px;font-size:11px}.hero{grid-template-columns:1fr;padding-top:45px;padding-bottom:45px;gap:40px}.hero h1{font-size:47px;letter-spacing:-2.3px}.hero-description{font-size:16px}.hero .eyebrow{font-size:9px}.hero-actions{gap:8px;flex-wrap:wrap}.hero .btn{padding:12px 16px;font-size:12px}.hero-caption{font-size:10px}.hero-visual{transform:none}.value-strip>.container{flex-wrap:wrap;gap:18px}.value-strip span{width:100%}.value-strip strong{font-size:13px}.marketing-section{padding-top:50px;padding-bottom:50px}.section-intro{display:block}.section-intro p{margin-top:20px}.marketing h2{font-size:31px;letter-spacing:-1px}.service-grid,.feature-grid,.pricing-panel,.faq-section,.contact-panel{grid-template-columns:1fr}.feature-grid{gap:24px;margin-top:28px}.pricing-panel>div{padding:22px}.faq-section{gap:15px}.contact-panel{padding:26px;gap:15px;border-radius:12px}.marketing-footer{display:block;padding-top:40px}.marketing-footer>div:last-child{margin-top:25px}.marketing-footer small{text-align:left}.narrow{margin-top:28px}.installer h1{font-size:34px}}
.marketing-toggle{display:none}.connection-icon{white-space:nowrap;flex-shrink:0}@media(min-width:1100px){.nav-items{flex-wrap:wrap;overflow-x:visible}}@media(max-width:1000px){.marketing-toggle{display:block;border:1px solid #e7dfef;border-radius:8px;background:white;color:#594472;padding:8px 12px}.marketing-links.open{display:flex;order:4;width:100%;flex-wrap:wrap;padding:12px 0}.marketing-nav{flex-wrap:wrap}}
