:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#0b1822;color:#bceab4}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 83% 19%,#16485a55,transparent 47%),#0b1822}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header,main,footer{width:min(1200px,100%);margin:auto;padding-left:38px;padding-right:38px}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #a4ff851a;gap:18px}.brand{display:flex;align-items:center;color:#c9f4bc;font-size:28px;font-weight:850;letter-spacing:-1.3px}.brand span{color:#72e84e}.brand i{width:7px;height:7px;border-radius:50%;background:#ff951f;margin:12px 0 0 5px}nav{display:flex;gap:30px;align-items:center;font-size:14px}.button{display:inline-flex;gap:26px;align-items:center;justify-content:center;min-height:54px;padding:16px 24px;background:#ff9828;color:#153c14;border:1px solid #ffb052;border-radius:12px;font-weight:800;font-size:15px;box-shadow:0 5px 24px #ff8e0012;transition:background .15s,transform .15s}.button:hover{background:#ffb34d;transform:translateY(-1px)}.button.small{min-height:43px;padding:11px 18px;font-size:13px}.hero{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:26px;min-height:625px;padding:55px 0 48px}.eyebrow{font-size:10px;letter-spacing:2px;color:#88d970;display:flex;gap:10px;align-items:center;font-weight:750}.eyebrow span{width:6px;height:6px;background:#ff9828;border-radius:50%}h1{font-size:clamp(44px,5.4vw,73px);letter-spacing:-3.6px;line-height:1.06;margin:28px 0;color:#b6f299}h1 em{font-style:normal;color:#70e746}.lead{font-size:17px;line-height:1.8;max-width:450px;color:#a4cba0}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}.text-link{background:none;border:0;color:#a5e596;font-size:14px;padding:0;min-height:44px;display:inline-flex;gap:14px;align-items:center;font-weight:650}.devices{font-size:9px;letter-spacing:2.4px;margin:31px 0 0;color:#8bad84}.devices span{color:#ff9828;margin:0 11px}.logo-stage{position:relative;display:flex;align-items:center;justify-content:center}.logo-stage:before{content:"";position:absolute;inset:10%;border-radius:50%;background:radial-gradient(circle,#10b1bd16,#54dd5510,transparent 68%);filter:blur(18px)}.logo-frame{position:relative;width:100%;aspect-ratio:1}.hero-logo{width:100%;height:auto;display:block}.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #a4ff8526;border-bottom:1px solid #a4ff8526;margin-bottom:40px}.features article{padding:30px 27px 30px 0}.features article+article{border-left:1px solid #a4ff851c;padding-left:28px}.feature-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ff9828;color:#163e15;border-radius:11px;font-size:22px;font-weight:700}.features h2{font-size:20px;letter-spacing:-.5px;color:#acf48c;margin:22px 0 12px}.features p{font-size:14px;line-height:1.8;color:#9ebc98;min-height:76px}.features a{font-size:13px;color:#a3e68c;font-weight:650}.features a span{color:#86e66c;margin-left:14px}.guide{border:1px solid #507d40;background:#102634;padding:28px;border-radius:18px;margin-bottom:30px}.guide h2{color:#b1f28e}.guide p{line-height:1.7;color:#b7d7ac}.update{display:flex;justify-content:space-between;gap:20px;align-items:center;border:1px solid #bf8b39;padding:18px;border-radius:12px;margin:22px 0}footer{display:flex;align-items:center;gap:25px;justify-content:space-between;padding-top:12px;padding-bottom:35px;font-size:12px;color:#8daf86}footer .brand{font-size:22px}a:focus-visible,button:focus-visible{outline:3px solid #b1f084;outline-offset:5px}[hidden]{display:none!important}#offline{font-size:13px;color:#b8e2a7;line-height:1.6}@media(max-width:760px){header,main,footer{padding-left:23px;padding-right:23px}header{height:82px}nav{gap:13px}nav>a:first-child{display:none}.brand{font-size:24px}.hero{display:flex;flex-direction:column-reverse;gap:12px;padding:25px 0 35px;min-height:0}.logo-stage{width:min(320px,90%)}.hero-copy{width:100%}h1{font-size:49px;letter-spacing:-2.7px;margin:20px 0}.lead{font-size:15px}.hero-actions{gap:15px;margin-top:24px}.hero-actions .button{flex:1}.devices{font-size:8px;letter-spacing:1.6px;margin-top:22px}.features{grid-template-columns:1fr}.features article,.features article+article{border-left:0;padding:25px 0}.features article+article{border-top:1px solid #a4ff851c}.features p{min-height:0}.features h2{margin-top:14px}.update{align-items:flex-start;flex-direction:column}footer{flex-wrap:wrap}footer p{margin:0}footer .brand{font-size:20px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Show the original wordmark through a CSS window; the logo file stays untouched. */
.wordmark{display:block;position:relative;width:210px;aspect-ratio:1180/216;overflow:hidden;flex-shrink:0}
.wordmark img{position:absolute;max-width:none;width:106.271186%;height:auto;left:-3.389831%;top:-439.814815%;display:block}
footer .wordmark{width:175px}
@media(max-width:760px){header .wordmark{width:clamp(120px,42vw,180px)}header{gap:12px}header .button.small{gap:12px;padding:11px 12px}footer .wordmark{width:160px}}

/* Petrol preview palette. */
:root{color:#d9e3e9}.eyebrow{color:#5edbe0}h1,h1 em{color:#f3f2ed}.lead{color:#bac8d2}.text-link{color:#77dce2}.devices{color:#99aebc}.button,.feature-icon{color:#14212b}.features h2{color:#f3f2ed}.features p{color:#b8c8d2}.features a,.features a span{color:#73d9e0}.guide h2{color:#f3f2ed}.guide p{color:#c1cfd8}footer{color:#9eafbc}header,.features,.features article+article{border-color:#92c8d529}.guide{border-color:#397080}#offline{color:#efc795}a:focus-visible,button:focus-visible{outline-color:#6bdde5}.logo-stage:before{background:radial-gradient(circle,#15bbd61b,transparent 68%)}

.features a,.features a span{color:#ff9828}.features a:hover{color:#ffb34d}

nav>a:first-child{color:#ff9828}nav>a:first-child:hover{color:#ffb34d}