.hx-section{background:#fbfbf8;color:#111}.hx-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:45px}.hx-heading .caps{font-size:10px;letter-spacing:2px;color:#65727c;margin-bottom:22px}.hx-heading h2{font-size:min(clamp(38px,5.3vw,78px),var(--type-section));font-weight:400;letter-spacing:-.065em;line-height:.96}.hx-heading h2 em{font-style:normal;color:#467da9}.hx-heading>p{font-size:13px;line-height:1.8;max-width:300px;padding-bottom:6px}.hx-shell{background:#101920;border-radius:26px;border:1px solid #263641;padding:25px;overflow:hidden;box-shadow:0 30px 80px #18384918}.hx-toolbar{display:flex;justify-content:space-between;color:#b1c4d3;font-size:9px;letter-spacing:1.7px;padding:2px 5px 22px}.hx-state{color:#e1e5ac}.hx-plane{position:relative;aspect-ratio:1.77;isolation:isolate;background:radial-gradient(ellipse at 50% 43%,#355c7866,transparent 66%);padding-bottom:75px}.hx-grid{position:absolute;inset:0;background-image:linear-gradient(#9fc9e00a 1px,transparent 1px),linear-gradient(90deg,#9fc9e00a 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse,#000,transparent 72%);z-index:-1}.hx-orbit{position:absolute;width:77%;height:61%;left:11%;top:10%;border:1px solid #a3c9e522;border-radius:50%;transform:rotate(-15deg);z-index:-1}.hx-orbit-two{width:63%;height:82%;left:19%;top:-2%;transform:rotate(30deg);border-style:dashed}.hx-scene-label{position:absolute;top:0;left:50%;translate:-50% 0;font-size:7px;letter-spacing:2px;color:#6f8da3;white-space:nowrap}.hx-browser{position:absolute;inset:14% 20% 23%;border:1px solid #90abc066;border-radius:12px;background:#fbfbf8;overflow:hidden;transform:perspective(1200px) rotateY(-8deg) rotateX(5deg) rotate(-2deg);box-shadow:0 40px 60px #0007,0 0 70px #6aa6da18;transition:transform .7s cubic-bezier(.2,.7,.2,1),box-shadow .7s}.hx-browser-top{height:27px;background:#dbe3e9;display:flex;align-items:center;gap:4px;padding:0 11px;font-size:7px;color:#738492}.hx-browser-top i{height:5px;width:5px;background:#a5b7c4;border-radius:50%}.hx-browser-top>span{margin:auto}.hx-browser-top>b{font-weight:400}.hx-site{padding:18px 22px}.hx-site-nav{display:flex;justify-content:space-between;align-items:center;font-size:6px}.hx-site-nav>b{font-size:12px;letter-spacing:-.6px}.hx-site-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:10px;align-items:center;margin-top:26px}.hx-site-hero small{font-size:5px;letter-spacing:1px}.hx-site-hero strong{font-size:clamp(24px,3vw,45px);line-height:.96;font-weight:500;letter-spacing:-1.8px;display:block;margin-top:11px}.hx-site-hero p{font-size:6px;line-height:1.6;margin-top:12px}.hx-demo-button{font-size:6px;background:#111;color:#fff;padding:9px 12px;border-radius:30px;display:inline-block;margin-top:12px;transition:.5s}.hx-brand-shape{background:#6aa6da;color:#e1e5ac;border-radius:50%;aspect-ratio:1;display:grid;place-items:center;font-size:clamp(100px,13vw,190px);line-height:1;transition:background .6s,transform .7s,border-radius .7s}.hx-site-bottom{display:flex;justify-content:space-between;gap:6px;font-size:4px;color:#65727c;border-top:1px solid #dbe3e9;margin-top:22px;padding-top:12px;transition:.5s}.hx-wireframe{position:absolute;inset:27px 0 0;display:grid;grid-template-columns:repeat(3,1fr);pointer-events:none;opacity:0;background:#6aa6da22;transition:opacity .5s}.hx-wireframe span{border:1px dashed #2b6ca3;display:grid;place-items:end center;padding-bottom:15px;font-size:7px;color:#2b6ca3}.hx-float{position:absolute;z-index:2;padding:17px;border:1px solid #ffffff22;border-radius:13px;box-shadow:0 18px 45px #0004;pointer-events:none;transition:transform .7s,opacity .6s,box-shadow .6s}.hx-float>span{font-size:6px;letter-spacing:1.3px;display:block;margin-bottom:12px}.hx-palette{left:5%;top:5%;width:21%;background:#e1e5ac;rotate:-7deg}.hx-palette>div{display:flex;gap:5px;margin-bottom:14px}.hx-palette i{display:block;width:30px;height:30px;border-radius:50%;background:#6aa6da}.hx-palette i:nth-child(2){background:#111}.hx-palette i:nth-child(3){background:#fbfbf8}.hx-palette>b{font-size:32px;line-height:1;font-weight:500;letter-spacing:-2px;display:flex;align-items:end;gap:15px}.hx-palette small{font-size:7px;letter-spacing:0;font-weight:400}.hx-code-card{right:2%;top:11%;width:25%;background:#202e39;rotate:6deg;color:#dbe3e9}.hx-code-card pre{font-size:8px;line-height:1.9;margin:0 0 12px}.hx-code-card pre i{color:#6aa6da;font-style:normal}.hx-code-card pre em{color:#e1e5ac;font-style:normal}.hx-code-card>b{font-size:6px;font-weight:400;color:#94b4ca}.hx-campaign-card{left:3%;bottom:22%;width:21%;background:#6aa6da;rotate:5deg;color:#101920}.hx-campaign-card svg{width:100%;height:55px;display:block;margin:7px 0}.hx-campaign-card>b{font-size:11px;font-weight:500;letter-spacing:-.3px}.hx-flow-card{right:5%;bottom:20%;background:#fbfbf8;rotate:-5deg;width:28%}.hx-flow-card>div{display:flex;align-items:center;justify-content:space-between;gap:5px}.hx-flow-card b{font-size:7px;font-weight:500;background:#dbe3e9;padding:7px 8px;border-radius:5px}.hx-flow-card i{font-size:9px;font-style:normal}.hx-flow-card small{font-size:6px;display:block;margin-top:13px;color:#687b89}.hx-point{position:absolute;bottom:0;width:23%;height:53px;display:flex;align-items:center;gap:10px;background:#ffffff06;border:1px solid #ffffff20;border-radius:10px;color:#e8f1f6;padding:0 15px;cursor:pointer;transition:background .3s,border-color .3s,translate .3s;z-index:4}.hx-point>span{font-size:8px;color:#8aa6bb}.hx-point>b{font-size:12px;font-weight:500}.hx-point>i{font-size:15px;font-style:normal;margin-left:auto;opacity:.5}.hx-design{left:0}.hx-development{left:25.666%}.hx-marketing{left:51.333%}.hx-automation{left:77%}.hx-point:hover,.hx-point:focus-visible{background:#ffffff10;border-color:#6aa6da;translate:0 -3px}.hx-point[aria-expanded=true]{background:#e1e5ac;color:#111;border-color:#e1e5ac}.hx-point[aria-expanded=true]>span{color:#566632}.hx-shell[data-view=design] .hx-browser{transform:perspective(1200px) rotateY(0) rotateX(0) rotate(0);box-shadow:0 20px 65px #6aa6da33}.hx-shell[data-view=design] .hx-brand-shape{border-radius:28%;transform:rotate(15deg);background:#111}.hx-shell[data-view=development] .hx-wireframe{opacity:1}.hx-shell[data-view=marketing] .hx-demo-button{background:#6aa6da;color:#111;box-shadow:0 0 0 5px #6aa6da33}.hx-shell[data-view=automation] .hx-site-bottom{background:#e1e5ac;padding:12px 6px;color:#111}.hx-shell[data-view=design] .hx-palette,.hx-shell[data-view=development] .hx-code-card,.hx-shell[data-view=marketing] .hx-campaign-card,.hx-shell[data-view=automation] .hx-flow-card{transform:translateY(-10px) scale(1.06);box-shadow:0 18px 45px #0004,0 0 0 3px #6aa6da66}.hx-overview-notes{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:25px 4px 0;margin-top:22px;border-top:1px solid #ffffff15;color:#9db2c1}.hx-overview-notes span{font-size:10px;line-height:1.7}.hx-overview-notes b{font-size:7px;letter-spacing:1px;font-weight:400;color:#dbe3e9;display:block;margin-bottom:7px}.hx-detail{margin-top:24px;border-top:1px solid #ffffff22;padding:25px 4px 8px;color:#dbe3e9;animation:hx-open .45s ease both}.hx-detail[hidden]{display:none}.hx-detail-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.hx-detail-kicker{font-size:9px;color:#e1e5ac;letter-spacing:1.5px}.hx-close{min-height:44px;padding:10px 15px;border-radius:30px;border:1px solid #ffffff30;background:none;color:#b3c6d3;font-size:10px;cursor:pointer}.hx-close span{margin-left:12px}.hx-detail-content{display:grid;grid-template-columns:1.2fr 1fr;gap:70px}.hx-detail h3{font-size:min(clamp(28px,3.2vw,46px),var(--type-subheading));font-weight:400;line-height:1.05;letter-spacing:-1.7px;color:#fff}.hx-description{font-size:13px;line-height:1.8;margin-top:18px;max-width:460px;color:#9fb5c4}.hx-link{color:#e1e5ac;font-size:11px;display:inline-block;margin-top:24px}.hx-points{list-style:none;margin:0;padding:0}.hx-points li{border-top:1px solid #ffffff22}.hx-points button{border:0;background:none;color:#dbe3e9;min-height:48px;display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 0;font-size:12px;text-align:left;cursor:pointer}.hx-points button span{color:#6aa6da}.hx-points p{color:#8ca7ba;font-size:11px;line-height:1.7;padding-bottom:15px}.hx-status{font-size:9px;color:#7893a8;margin-top:22px;line-height:1.6}.hx-shell:has(.hx-detail:not([hidden])) .hx-overview-notes{display:none}@keyframes hx-open{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
@media(max-width:900px){.hx-heading{display:block}.hx-heading>p{margin-top:25px}.hx-heading h2{font-size:min(clamp(35px,7vw,62px),var(--type-section))}.hx-shell{padding:20px}.hx-plane{aspect-ratio:1.35}.hx-browser{inset:20% 13% 26%}.hx-palette{left:1%;top:6%;width:27%}.hx-code-card{right:0;top:10%;width:32%}.hx-campaign-card{left:0;bottom:22%;width:26%}.hx-flow-card{right:0;bottom:23%;width:35%}.hx-point{padding:0 10px;gap:7px}.hx-point>b{font-size:10px}.hx-point>i{display:none}.hx-site{padding:14px 17px}.hx-site-hero{margin-top:20px}.hx-brand-shape{font-size:16vw}.hx-site-hero strong{font-size:30px;letter-spacing:-1.5px}.hx-detail-content{grid-template-columns:1fr;gap:28px}.hx-overview-notes{grid-template-columns:1fr 1fr;gap:20px}.hx-toolbar{font-size:7px;letter-spacing:1px}.hx-float{padding:13px}.hx-code-card pre{font-size:7px}.hx-flow-card b{font-size:6px;padding:6px}.hx-palette i{width:25px;height:25px}}
@media(max-width:500px){.hx-heading{margin-bottom:30px}.hx-heading .caps{font-size:8px;letter-spacing:1.2px}.hx-heading h2{font-size:min(52px,var(--type-section))}.hx-heading>p{font-size:12px}.hx-shell{padding:15px;border-radius:18px}.hx-plane{aspect-ratio:.73;padding-bottom:120px}.hx-scene-label{top:0;font-size:5px;letter-spacing:1.3px}.hx-browser{inset:25% 3% 31%;border-radius:7px;transform:perspective(800px) rotateY(-6deg) rotate(-2deg)}.hx-browser-top{height:20px;font-size:5px;padding:0 7px}.hx-browser-top i{width:3px;height:3px}.hx-site{padding:12px 10px}.hx-site-nav{font-size:4px}.hx-site-nav>b{font-size:9px}.hx-site-hero{margin-top:18px;gap:7px}.hx-site-hero small{font-size:4px;letter-spacing:.5px}.hx-site-hero strong{font-size:24px;letter-spacing:-1.2px;margin-top:10px}.hx-site-hero p{font-size:5px;margin-top:9px}.hx-demo-button{font-size:4px;padding:7px;margin-top:9px}.hx-brand-shape{font-size:90px}.hx-site-bottom{font-size:3px;margin-top:14px;padding-top:9px}.hx-float{padding:11px;border-radius:9px}.hx-float>span{font-size:4px;letter-spacing:.6px;margin-bottom:8px}.hx-palette{width:39%;left:2%;top:5%;rotate:-6deg}.hx-palette>div{margin-bottom:9px}.hx-palette i{width:22px;height:22px}.hx-palette>b{font-size:25px;gap:9px}.hx-palette small{font-size:5px}.hx-code-card{width:48%;right:1%;top:9%;rotate:5deg}.hx-code-card pre{font-size:5px;line-height:1.7;margin-bottom:6px}.hx-code-card>b{font-size:4px}.hx-campaign-card{bottom:29%;width:35%;left:1%;padding:9px}.hx-campaign-card svg{height:30px;margin:3px 0}.hx-campaign-card>b{font-size:7px}.hx-flow-card{bottom:29%;width:49%;right:0;padding:9px}.hx-flow-card b{font-size:4px;padding:5px}.hx-flow-card i{font-size:6px}.hx-flow-card small{font-size:4px;margin-top:8px}.hx-point{width:48%;height:46px;border-radius:8px;padding:0 12px}.hx-point>b{font-size:11px}.hx-point>span{font-size:8px}.hx-point>i{display:block;font-size:13px}.hx-design{left:0;bottom:55px}.hx-development{left:52%;bottom:55px}.hx-marketing{left:0;bottom:0}.hx-automation{left:52%;bottom:0}.hx-toolbar{font-size:6px;padding:0 0 20px;letter-spacing:.6px}.hx-state{max-width:115px;text-align:right}.hx-overview-notes{margin-top:20px;padding-top:20px;gap:18px}.hx-overview-notes span{font-size:9px}.hx-overview-notes b{font-size:6px}.hx-detail{padding-top:20px;margin-top:20px}.hx-detail h3{font-size:min(31px,var(--type-subheading))}.hx-description{font-size:12px}.hx-detail-kicker{font-size:8px}.hx-close{font-size:8px;padding:10px 12px}.hx-close span{margin-left:7px}.hx-status{font-size:8px}}
@media(prefers-reduced-motion:reduce){.hx-shell *{animation:none!important;transition:none!important}}
@media(max-width:500px){.hx-orbit-two{width:50%;height:65%;left:25%;top:5%}.hx-site-hero strong{font-size:22px}.hx-campaign-card{bottom:27%;width:31%}.hx-flow-card{bottom:28%;width:45%}}