.self-page{background:#080a0d}.self-hero{background:#050608;min-height:850px;position:relative;overflow:hidden}.self-hero-photo{position:absolute;inset:0}.self-hero-photo img{object-fit:cover}.self-hero-photo:after{content:"";background:linear-gradient(90deg,#040608fa 0%,#040608ed 43%,#0406088a 72%,#040608b8),linear-gradient(#0000 45%,#040608cc);position:absolute;inset:0}.self-hero-layout{z-index:2;min-height:850px;padding-top:var(--header-height);grid-template-columns:minmax(500px,1fr) minmax(400px,.75fr);align-items:center;gap:80px;display:grid;position:relative}.self-hero-copy nav{color:#77818d;gap:9px;margin-bottom:44px;font-size:10px;display:flex}.self-hero-copy nav a:hover{color:#fff}.self-hero-copy nav strong{color:#b9c0c8}.self-hero-copy h1{font:820 clamp(55px,5vw,84px)/.95 var(--font-display);letter-spacing:-.07em;margin:0}.self-hero-copy h1 em{color:#f03743;font-style:normal}.self-hero-copy>p{color:#b0b8c1;max-width:670px;margin:28px 0 0;font-size:17px;line-height:1.72}.self-hero-actions{gap:12px;margin-top:34px;display:flex}.self-hero-actions a{border:1px solid #ffffff38;justify-content:center;align-items:center;gap:10px;min-height:54px;padding:0 22px;font-size:12px;font-weight:800;display:inline-flex}.self-hero-actions a:first-child{background:var(--primary);border-color:#f03a46}.self-hero-proof{color:#9099a3;flex-wrap:wrap;gap:18px;margin-top:27px;font-size:10px;display:flex}.self-hero-proof span{align-items:center;gap:6px;display:flex}.self-hero-proof svg{color:#44d39a}.self-hero-product{height:660px;position:relative}.self-hero-product:before{content:"";-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(145deg,#ffffff12,#ffffff04);border:1px solid #ffffff1f;position:absolute;inset:75px 5px}.self-hero-product img{object-fit:contain;filter:drop-shadow(0 40px 55px #000000a6);padding:60px}.self-hero-product>div{background:#07090cf0;border:1px solid #e3061359;flex-direction:column;padding:14px 18px;display:flex;position:absolute;bottom:75px;right:0}.self-hero-product span{color:#f14a55;text-transform:uppercase;font-size:9px;font-weight:800}.self-hero-product strong{margin-top:5px;font-size:13px}.self-problem{color:#11151a;background:#f2f4f5;padding:100px 0}.self-problem-layout{grid-template-columns:1.1fr .9fr;gap:85px;display:grid}.self-problem h2,.self-intelligent h2,.self-flow h2,.self-ecosystem h2,.self-hd h2,.self-applications h2,.self-architecture h2,.self-benefits h2,.self-service-method h2,.self-faq h2{font:700 clamp(38px,4.15vw,64px)/1.03 var(--font-display);letter-spacing:-.05em;margin:0}.self-problem-layout>div:last-child{border-top:1px solid #d1d7db;border-left:1px solid #d1d7db;grid-template-columns:1fr 1fr;display:grid}.self-problem article{border-bottom:1px solid #d1d7db;border-right:1px solid #d1d7db;padding:24px}.self-problem article span{color:var(--primary);font-size:10px;font-weight:800}.self-problem article p{color:#626e78;margin:20px 0 0;font-size:13px;line-height:1.62}.self-intelligent{color:#11151a;background:#fff;padding:125px 0}.self-intelligent-layout{grid-template-columns:1fr 1fr;align-items:center;gap:90px;display:grid}.self-intelligent-visual{background:radial-gradient(circle,#eceff1,#0000 65%);height:650px;position:relative}.self-intelligent-visual img{object-fit:contain;padding:50px}.self-callout{color:#4f5b65;background:#fff;border:1px solid #d1d7db;padding:8px 12px;font-size:10px;font-weight:800;position:absolute;box-shadow:0 12px 30px #1e28321a}.self-callout:after{content:"";background:#d1d7db;width:70px;height:1px;position:absolute}.self-callout--pump{top:24%;left:4%}.self-callout--pump:after{top:50%;left:100%}.self-callout--meter{top:40%;right:2%}.self-callout--meter:after{top:50%;right:100%}.self-callout--nozzle{bottom:24%;right:5%}.self-callout--nozzle:after{top:50%;right:100%}.self-intelligent p,.self-ecosystem p,.self-hd p{color:#606c77;font-size:16px;line-height:1.72}.self-intelligent-list{margin-top:30px}.self-intelligent-list>span{border-top:1px solid #d4dade;grid-template-columns:30px 120px 1fr;align-items:center;padding:15px 0;display:grid}.self-intelligent-list>span:last-child{border-bottom:1px solid #d4dade}.self-intelligent-list svg{color:var(--primary)}.self-intelligent-list small{color:#75808a}.self-flow{background:#0a0c0f;padding:120px 0}.self-flow header{grid-template-columns:.4fr 1fr .6fr;align-items:end;gap:35px;display:grid}.self-flow header p{color:#8d98a4;margin:0;line-height:1.7}.self-flow-grid{border-top:1px solid #ffffff1a;border-left:1px solid #ffffff1a;grid-template-columns:repeat(6,1fr);margin-top:60px;display:grid}.self-flow-grid article{border-bottom:1px solid #ffffff1a;border-right:1px solid #ffffff1a;min-height:250px;padding:25px}.self-flow-grid svg{color:#ed3642}.self-flow-grid article>span{color:#6f7985;margin-top:38px;font-size:9px;font-weight:800;display:block}.self-flow-grid strong{margin-top:8px;font-size:17px;display:block}.self-flow-grid p{color:#83909b;font-size:12px;line-height:1.6}.self-ecosystem{color:#11151a;background:#edf0f2;padding:125px 0}.self-ecosystem-layout{grid-template-columns:.75fr 1.25fr;align-items:center;gap:80px;display:grid}.self-ecosystem a{color:var(--primary);align-items:center;gap:10px;margin-top:20px;font-size:13px;font-weight:800;display:inline-flex}.self-ecosystem-stage{background:linear-gradient(145deg,#f9fafb,#dfe4e7);border:1px solid #d0d6da;height:620px;position:relative}.self-stage-unit,.self-stage-mobile{position:absolute}.self-stage-unit{width:45%;height:78%;bottom:7%;right:8%}.self-stage-mobile{z-index:2;width:39%;height:62%;bottom:4%;left:3%}.self-stage-unit img,.self-stage-mobile img{object-fit:contain}.self-stage-cloud{z-index:3;color:#42b7e5;background:#11161b;flex-direction:column;padding:20px 24px;display:flex;position:absolute;top:8%;left:8%}.self-stage-cloud span{color:#8895a0;text-transform:uppercase;margin-top:15px;font-size:9px}.self-stage-cloud strong{color:#fff;margin-top:5px;font-size:13px}.self-ecosystem-stage>i{background:linear-gradient(90deg,#1596c9,var(--primary));width:38%;height:1px;position:absolute;top:30%;left:28%;transform:rotate(24deg)}.self-hd{color:#11151a;background:#fff;padding:125px 0}.self-hd-layout{grid-template-columns:1fr 1fr;align-items:center;gap:90px;display:grid}.self-hd-image{background:linear-gradient(145deg,#f5f6f7,#e7eaec);height:620px;position:relative}.self-hd-image img{object-fit:contain;padding:45px}.self-hd ul{margin:28px 0 0;padding:0;list-style:none}.self-hd li{color:#4b5660;border-bottom:1px solid #d5dbdf;padding:13px 0;font-size:13px}.self-hd li:before{color:var(--primary);content:"✓";margin-right:10px}.self-applications{background:#0a0c0f;padding:120px 0}.self-applications header{grid-template-columns:1.2fr .8fr;align-items:end;gap:65px;display:grid}.self-applications header p{color:#8d98a3;margin:0;line-height:1.7}.self-app-editorial{grid-template-columns:1.35fr .65fr;gap:14px;margin-top:58px;display:grid}.self-app-main{min-height:560px;position:relative;overflow:hidden}.self-app-main:after{content:"";background:linear-gradient(#0000 45%,#040608ed);position:absolute;inset:0}.self-app-main img{object-fit:cover}.self-app-main>div{z-index:2;padding:35px;position:absolute;bottom:0;left:0;right:0}.self-app-main span{color:#f34a54;text-transform:uppercase;font-size:10px;font-weight:800}.self-app-main strong{margin-top:8px;font-size:25px;display:block}.self-app-editorial>div{gap:14px;display:grid}.self-app-editorial>div article{background:#101318;border:1px solid #ffffff17;padding:28px}.self-app-editorial>div strong{font-size:17px}.self-app-editorial>div p{color:#84909b;font-size:13px;line-height:1.62}.self-architecture{color:#11151a;background:#edf0f2;padding:120px 0}.self-architecture header{grid-template-columns:.4fr 1.6fr;display:grid}.self-architecture-map{gap:12px;margin-top:55px;display:grid}.self-line{background:#fff;border:1px solid #cdd4d8;justify-content:center;align-items:center;gap:28px;min-height:115px;display:flex}.self-line span,.self-line strong{padding:13px 20px}.self-line strong{color:#fff;background:#11161a}.self-line i{color:#8b959d;font-style:normal}.self-line--data strong{background:var(--primary)}.self-architecture>div>p{color:#66727c;text-align:center;margin:24px 0 0}.self-architecture>div>p a{color:#0c85b8;font-weight:800}.self-benefits{color:#11151a;background:#fff;padding:115px 0}.self-benefits-layout{grid-template-columns:.72fr 1.28fr;gap:85px;display:grid}.self-benefits-layout>div{border-top:1px solid #d2d8dc;border-left:1px solid #d2d8dc;grid-template-columns:1fr 1fr;display:grid}.self-benefits article{border-bottom:1px solid #d2d8dc;border-right:1px solid #d2d8dc;padding:28px}.self-benefits article>span{color:var(--primary);font-size:10px;font-weight:800}.self-benefits article strong{margin-top:28px;font-size:19px;display:block}.self-benefits article p{color:#67727c;font-size:13px;line-height:1.6}.self-service-method{background:var(--primary);padding:95px 0}.self-service-method>div{grid-template-columns:.75fr 1.25fr;align-items:center;gap:80px;display:grid}.self-service-method .section-eyebrow{color:#fff}.self-service-method p{color:#ffd7da;line-height:1.65}.self-service-method ol{counter-reset:steps;border-top:1px solid #ffffff59;border-left:1px solid #ffffff59;grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid}.self-service-method li{counter-increment:steps;border-bottom:1px solid #ffffff59;border-right:1px solid #ffffff59;min-height:100px;padding:20px;font-size:13px;font-weight:800}.self-service-method li:before{color:#ffb7bc;content:"0" counter(steps);margin-bottom:20px;font-size:9px;display:block}.self-faq{color:#11151a;background:#edf0f2;padding:115px 0}.self-faq-layout{grid-template-columns:.8fr 1.2fr;gap:90px;display:grid}.self-faq details{border-top:1px solid #cad2d7}.self-faq details:last-child{border-bottom:1px solid #cad2d7}.self-faq summary{cursor:pointer;padding:22px 35px 22px 0;font-weight:800}.self-faq details p{color:#626f79;margin:0;padding:0 35px 24px 0;font-size:14px;line-height:1.7}@media (max-width:1050px){.self-hero-layout{grid-template-columns:1fr;padding-top:140px}.self-hero-product{height:570px}.self-problem-layout,.self-intelligent-layout,.self-ecosystem-layout,.self-hd-layout,.self-benefits-layout,.self-service-method>div,.self-faq-layout{grid-template-columns:1fr;gap:50px}.self-flow header{grid-template-columns:1fr}.self-flow-grid{grid-template-columns:repeat(3,1fr)}.self-app-editorial{grid-template-columns:1fr}.self-app-editorial>div{grid-template-columns:repeat(3,1fr)}}@media (max-width:680px){.self-hero{min-height:auto}.self-hero-layout{gap:20px;min-height:auto;padding-top:110px}.self-hero-copy nav{margin-bottom:30px}.self-hero-copy h1{font-size:clamp(45px,13vw,61px)}.self-hero-actions{flex-direction:column}.self-hero-proof{display:grid}.self-hero-product{height:440px}.self-hero-product img{padding:45px}.self-hero-product>div{bottom:30px}.self-problem,.self-intelligent,.self-flow,.self-ecosystem,.self-hd,.self-applications,.self-architecture,.self-benefits,.self-service-method,.self-faq{padding:78px 0}.self-problem-layout>div:last-child,.self-benefits-layout>div{grid-template-columns:1fr}.self-intelligent-visual,.self-hd-image{height:430px}.self-callout{display:none}.self-intelligent-list>span{grid-template-columns:30px 1fr}.self-intelligent-list small{grid-column:2}.self-flow-grid{grid-template-columns:1fr 1fr}.self-flow-grid article{min-height:220px}.self-ecosystem-stage{height:430px}.self-applications header{grid-template-columns:1fr;gap:25px}.self-app-main{min-height:380px}.self-app-editorial>div,.self-architecture header{grid-template-columns:1fr}.self-line{flex-wrap:wrap;gap:8px;padding:18px}.self-service-method ol{grid-template-columns:1fr 1fr}}