/* OGNIWO / subpages / approved Petrol evolution */
.sp-main{--sp-ink:#203133;--sp-petrol:#2d5f64;--sp-mint:#d6e9df;--sp-border:#d5dfda;color:var(--sp-ink);background:#f8faf7}.sp-main *{box-sizing:border-box}.sp-main .sp-wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.sp-main .sp-kicker{font-size:11px!important;letter-spacing:.15em;font-weight:650;line-height:1.6;color:var(--sp-petrol);text-transform:uppercase;margin:0 0 24px}.sp-main h1{font-size:clamp(42px,5.1vw,76px)!important;line-height:1.06!important;letter-spacing:-.062em!important;font-weight:500!important;margin:0 0 28px!important}.sp-main h2{font-size:clamp(30px,3.6vw,52px)!important;line-height:1.12!important;letter-spacing:-.045em!important;font-weight:500!important;margin:0 0 28px}.sp-main h3{font-size:23px!important;line-height:1.22!important;letter-spacing:-.035em;font-weight:500;margin:18px 0 14px}.sp-main em{color:var(--sp-petrol);font-style:normal}.sp-main p{font-size:16px;line-height:1.75;color:#60726e}.sp-main .sp-lead{font-size:19px;line-height:1.7;max-width:590px}.sp-main .sp-section{padding-block:104px}.sp-main a:focus-visible,.sp-main button:focus-visible,.sp-main summary:focus-visible{outline:3px solid #377679;outline-offset:5px}.sp-main .sp-button{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:18px 24px;border-radius:7px;background:var(--sp-ink);color:white;font-size:14px;font-weight:550;text-decoration:none;min-height:56px;border:1px solid transparent;transition:background .2s,transform .2s}.sp-main .sp-button:hover{background:#2d5f64;transform:translateY(-2px)}.sp-main .sp-text-link{font-size:14px;font-weight:550;display:inline-block;padding:16px;color:var(--sp-ink);text-decoration:underline;text-underline-offset:5px}.sp-main .sp-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:34px}.sp-main .sp-three{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.sp-main .sp-three article{padding:34px;background:white;border:1px solid var(--sp-border);border-radius:14px}.sp-main .sp-number{font-size:54px;letter-spacing:-.06em;color:#b6ccc2}.sp-main .sp-three small{display:block;font-size:13px;line-height:1.65;color:#667671;border-top:1px solid #dce5df;padding-top:18px;margin-top:24px}.sp-main .sp-contact{display:grid;grid-template-columns:.95fr 1.05fr;gap:72px;padding-block:88px 40px;align-items:start}.sp-contact-story{position:sticky;top:110px}.sp-main .sp-founder{display:grid;grid-template-columns:145px 1fr;gap:24px;align-items:center;margin:44px 0 32px;padding-top:32px;border-top:1px solid var(--sp-border)}.sp-main .sp-founder img{width:145px;height:190px;object-fit:cover;border-radius:80px 80px 14px 14px;background:var(--sp-mint)}.sp-main .sp-founder h2{font-size:27px!important;margin:8px 0}.sp-main .sp-founder p{font-size:14px;line-height:1.65;margin:6px 0}.sp-main .sp-founder .sp-kicker{font-size:9px!important;margin:0}.sp-contact-direct{border-top:1px solid var(--sp-border);padding-top:24px}.sp-main .sp-contact-direct>a{display:flex;justify-content:space-between;max-width:380px;font-size:20px;letter-spacing:-.035em;padding:5px 0;color:var(--sp-ink);text-decoration:none}.sp-main .sp-contact-direct p{font-size:12px;line-height:1.65;max-width:410px}.sp-main .sp-contact-direct .sp-small-link{font-size:12px;color:var(--sp-petrol);text-decoration:underline}.sp-contact-form{padding:34px;background:white;border:1px solid var(--sp-border);box-shadow:0 20px 70px #213c3010;border-radius:18px}.sp-main .sp-form-intro h2{font-size:29px!important;margin-bottom:12px}.sp-main .sp-form-intro p{font-size:14px}.sp-main .sp-form-intro .sp-kicker{margin-bottom:16px}.sp-contact-form .contact-form{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;margin-top:24px}.sp-contact-form .contact-context{padding:14px!important;background:#f4f7f3!important;border:1px solid #e2e8e0!important;border-radius:8px!important;margin-bottom:18px!important}.sp-contact-form .contact-context h2{font-size:15px!important;margin:0 0 5px!important;letter-spacing:-.02em!important}.sp-contact-form .contact-context p,.sp-contact-form .contact-context summary{font-size:12px!important;line-height:1.55}.sp-contact-form .contact-context__grid{grid-template-columns:1fr!important;gap:10px}.sp-contact-form .contact-form fieldset{padding:0!important;border:0!important;margin-bottom:16px!important}.sp-contact-form .contact-form legend{font-size:13px!important;margin-bottom:10px!important}.sp-contact-form .route-radio{padding:10px 12px!important;border-radius:7px!important;min-height:0!important;margin-bottom:6px!important}.sp-contact-form .route-radio strong{font-size:13px!important}.sp-contact-form .route-radio small{font-size:11px!important}.sp-contact-form .contact-form label{font-size:12px!important}.sp-contact-form .contact-form input:not([type=radio]),.sp-contact-form .contact-form textarea{font-size:14px!important;padding:11px 12px!important;min-height:42px!important;border-radius:6px!important}.sp-contact-form .contact-form .form-row{gap:14px!important;margin-bottom:14px!important}.sp-contact-form .contact-form button[type=submit]{width:100%;border-radius:7px!important;font-size:14px!important}.sp-contact-form .contact-example{font-size:11px!important;line-height:1.5!important}.sp-contact-form .form-alt,.sp-contact-form .form-next{display:none}.sp-contact-form .form-note,.sp-contact-form .form-status{font-size:11px!important;line-height:1.6!important}.sp-main .sp-prepare{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:56px;background:#e4eee7;border-radius:18px;margin-bottom:88px}.sp-main .sp-prepare h2{margin-bottom:0}.sp-main .sp-prepare a{color:var(--sp-petrol);font-size:14px;font-weight:600}.sp-main .sp-voice-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:64px;align-items:center;padding-block:88px 72px}.sp-main .sp-voice-hero h1{font-size:clamp(44px,4.8vw,72px)!important}.sp-voice-intro{position:relative;text-align:center;padding:25px 20px 30px}.sp-main .sp-voice-intro h2{font-size:28px!important;margin:20px 0 10px}.sp-main .sp-voice-intro p{font-size:14px;max-width:350px;margin-inline:auto}.sp-main .sp-voice-intro .sp-kicker{font-size:9px!important;margin-top:28px}.sp-sound-orbit{height:220px;position:relative;display:grid;place-items:center;isolation:isolate}.sp-sound-orbit span{position:absolute;border:1px solid #87b0a0;border-radius:50%;height:210px;width:210px;box-shadow:inset 0 0 45px #97c9b038;background:radial-gradient(circle at 30% 20%,#edf7eebb,#91b2a27a);left:calc(50% - 155px)}.sp-sound-orbit span:nth-child(2){left:calc(50% - 60px);background:radial-gradient(circle at 30% 20%,#c7e6d988,#375d5688)}.sp-sound-orbit b{font-size:34px;color:#1e3e3b;z-index:1;font-weight:500;letter-spacing:-.06em}.sp-main .sp-voice-proof{background:#17383d!important;border-radius:24px!important;padding:64px!important;width:min(1350px,calc(100% - 56px))!important;max-width:1350px!important;margin:0 auto!important;color:#fff!important}.sp-voice-proof>.container{width:100%!important;max-width:none!important;padding:0!important}.sp-main .sp-voice-proof h2{font-size:clamp(32px,4vw,52px)!important;color:#fff!important;max-width:810px}.sp-main .sp-voice-proof>div>p{color:#c8d8d1!important}.sp-main .sp-voice-proof .g-eyebrow{color:#bfd9c9!important;font-size:10px!important;letter-spacing:.14em}.sp-main .sp-voice-proof .r8-voice-intro{max-width:850px;font-size:15px!important;color:#c8d8d1!important}.sp-main .sp-voice-proof .r8-voice-grid{display:grid!important;grid-template-columns:1fr .95fr!important;gap:26px!important;margin-top:32px}.sp-main .sp-voice-proof .r8-listen,.sp-main .sp-voice-proof .r8-result{margin:0!important;padding:28px!important;border-radius:12px!important;min-width:0!important;background:#25484b!important;border:1px solid #52716b!important;box-shadow:none!important}.sp-main .sp-voice-proof .r8-result{background:#f5f8f3!important;align-self:start}.sp-main .sp-voice-proof .r8-listen h3{color:white!important;font-size:27px!important}.sp-main .sp-voice-proof .r8-listen p{color:#cedfd9!important;font-size:14px!important}.sp-main .sp-voice-proof .r8-listen .r8-note{font-size:11px!important}.sp-main .sp-voice-proof .r8-result h3{font-size:26px!important;color:#203133!important}.sp-main .sp-voice-proof .r8-result .g-eyebrow{color:#426b60!important}.sp-main .sp-voice-proof .r8-result p,.sp-main .sp-voice-proof .r8-result figcaption{color:#586f67!important;font-size:12px!important}.sp-main .sp-voice-proof .r8-result .r8-result-status{font-size:15px!important}.sp-main .sp-voice-proof audio{width:100%;margin-block:22px 10px;color-scheme:light}.sp-main .sp-voice-proof details{margin-top:25px;border-top:1px solid #69887e;padding-top:20px}.sp-main .sp-voice-proof summary{font-size:13px;color:#e5f0e9;cursor:pointer}.sp-main .sp-voice-proof .case-live-call{margin-top:32px;border:0;background:transparent;padding:0;display:flex;justify-content:space-between;align-items:center;gap:20px}.sp-main .sp-voice-proof .case-live-call h3{color:#fff!important;font-size:21px!important}.sp-main .sp-voice-proof .case-live-call p{color:#c8d8d1!important;font-size:14px!important}.sp-main .sp-voice-proof .case-live-call .g-button{background:#d6e9df!important;color:#17383d!important;flex-shrink:0}.sp-wave{display:flex;align-items:center;gap:5px;height:82px;margin:25px 0 15px}.sp-wave i{height:20%;flex:1;background:#a8d4c1;border-radius:4px;transform:scaleY(.75)}.sp-wave i:nth-child(3n){height:55%}.sp-wave i:nth-child(4n){height:85%}.sp-wave i:nth-child(5n){height:40%}.sp-wave.is-playing i{animation:sp-wave 1.1s ease-in-out infinite alternate}.sp-wave.is-playing i:nth-child(3n){animation-delay:-.4s}.sp-wave.is-playing i:nth-child(4n){animation-delay:-.7s}@keyframes sp-wave{to{transform:scaleY(1.2)}}.sp-main .sp-symbol{display:grid;place-items:center;font-size:32px;border:1px solid #a9c2b3;background:#e9f2eb;border-radius:14px;width:60px;height:60px;color:#2d5f64}.sp-main .sp-human{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-radius:20px;padding:64px;background:#203b3e}.sp-main .sp-human h2,.sp-main .sp-human h3{color:#f5faf3!important}.sp-main .sp-human p{color:#b9cfc6}.sp-main .sp-human .sp-kicker{color:#b9d9c4}.sp-main .sp-button-light{background:#d6e9df;color:#193437;margin-top:18px}.sp-rule-list article{display:flex;gap:24px;padding:22px 0;border-bottom:1px solid #58706b}.sp-rule-list article:first-child{padding-top:0}.sp-rule-list article>span{font-size:12px;color:#b9d9c4;margin-top:3px}.sp-main .sp-rule-list h3{font-size:20px!important;margin:0 0 10px}.sp-main .sp-rule-list p{font-size:14px;margin:0}.sp-four{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:48px}.sp-four article{border-top:1px solid #a8c0b2;border-right:1px solid #d5dfda;padding:28px}.sp-four article:first-child{padding-left:0}.sp-four article:last-child{border-right:0}.sp-four b{font-size:11px;color:#58726a;letter-spacing:.05em}.sp-main .sp-four h3{font-size:22px!important}.sp-main .sp-four p{font-size:14px}.sp-main .sp-cost{max-width:900px;background:#e8efe8;padding:24px 32px;border-radius:10px;margin-top:35px;font-size:14px}.sp-main .sp-faq{padding-bottom:80px}.sp-main .sp-faq details{border-top:1px solid #c5d4ca;padding:23px 0}.sp-main .sp-faq summary{font-size:19px;cursor:pointer;list-style-position:outside;margin-left:20px;padding-left:8px}.sp-main .sp-faq details p{max-width:900px;padding-left:28px}.sp-main .sp-final{padding:64px;text-align:center;border-radius:20px;background:radial-gradient(ellipse at 90% 0,#bfd7c7,transparent 60%),#e5eee4;margin-bottom:88px}.sp-main .sp-final p{max-width:650px;margin:20px auto}.sp-main .sp-final .sp-kicker{margin-top:0}.sp-main .sp-final .sp-button{margin-top:12px}.sp-main .sp-final .sp-text-link{display:block;margin-top:10px}.sp-main [hidden]{display:none!important}
@media(max-width:1100px){.sp-main .sp-wrap{width:calc(100% - 56px)}.sp-main .sp-contact{gap:35px}.sp-main .sp-contact-form{padding:25px}.sp-contact-story{position:static}.sp-main .sp-contact h1{font-size:47px!important}.sp-main .sp-three article{padding:25px}.sp-main .sp-human{gap:35px;padding:40px}.sp-main .sp-voice-hero{gap:30px}.sp-main .sp-voice-proof{padding:40px!important}.sp-main .sp-voice-proof .r8-voice-grid{grid-template-columns:1fr!important}.sp-main .sp-founder{grid-template-columns:110px 1fr;gap:18px}.sp-main .sp-founder img{width:110px;height:150px}.sp-main .sp-four{grid-template-columns:repeat(2,1fr)}.sp-main .sp-four article{padding:24px}.sp-main .sp-prepare{gap:40px;padding:40px}}
@media(max-width:760px){.sp-main .sp-wrap{width:calc(100% - 36px)}.sp-main .sp-contact,.sp-main .sp-voice-hero{grid-template-columns:1fr;padding-top:44px;gap:32px}.sp-main .sp-contact h1,.sp-main .sp-voice-hero h1{font-size:44px!important}.sp-main .sp-kicker{font-size:9px!important;margin-bottom:20px}.sp-main .sp-lead{font-size:16px}.sp-main .sp-contact-form{padding:23px 18px}.sp-main .sp-founder{grid-template-columns:85px 1fr;margin-top:26px;padding-top:24px}.sp-main .sp-founder img{width:85px;height:112px}.sp-main .sp-founder h2{font-size:23px!important}.sp-main .sp-founder p:last-child{display:none}.sp-main .sp-contact-direct{padding-top:18px}.sp-main .sp-contact-direct>a{font-size:18px}.sp-main .sp-contact-direct p{font-size:11px}.sp-main .sp-section{padding-block:65px}.sp-main .sp-three{grid-template-columns:1fr;margin-top:26px;gap:14px}.sp-main .sp-three article{padding:25px}.sp-main .sp-number{font-size:38px}.sp-main .sp-prepare{padding:28px;grid-template-columns:1fr;gap:8px;margin-bottom:60px}.sp-main .sp-voice-intro{padding:0}.sp-main .sp-voice-hero{padding-bottom:38px}.sp-sound-orbit{height:150px}.sp-sound-orbit span{width:145px;height:145px;left:calc(50% - 110px)}.sp-sound-orbit span:nth-child(2){left:calc(50% - 35px)}.sp-main .sp-voice-intro h2{font-size:23px!important}.sp-main .sp-voice-proof{width:calc(100% - 20px)!important;padding:28px 18px!important;border-radius:15px!important}.sp-main .sp-voice-proof h2{font-size:31px!important}.sp-main .sp-voice-proof .r8-listen,.sp-main .sp-voice-proof .r8-result{padding:20px!important}.sp-main .sp-voice-proof .r8-listen h3{font-size:24px!important}.sp-main .sp-voice-proof .case-live-call{display:block}.sp-main .sp-voice-proof .case-live-call .g-button{white-space:normal;font-size:13px}.sp-main .sp-human{grid-template-columns:1fr;padding:30px 24px;gap:35px}.sp-main .sp-four{grid-template-columns:1fr}.sp-main .sp-four article{border-right:0;padding:22px 0}.sp-main .sp-four h3{margin:15px 0 10px}.sp-main .sp-cost{padding:22px;font-size:13px}.sp-main .sp-faq summary{font-size:17px}.sp-main .sp-final{padding:40px 22px;margin-bottom:60px}.sp-main .sp-final h2{font-size:32px!important}.sp-main .sp-final p{font-size:14px}.sp-main .sp-button{padding:16px 18px;font-size:13px}.sp-main .sp-actions{gap:0;margin-top:25px}.sp-main .sp-actions .sp-text-link{padding-left:0}.sp-contact-form .form-row{grid-template-columns:1fr!important}.sp-main .sp-faq{padding-bottom:50px}}
@media(prefers-reduced-motion:reduce){.sp-wave.is-playing i{animation:none}.sp-main .sp-button{transition:none}}
.sp-main .sp-product-hero{padding-block:88px 40px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}.sp-main .sp-product-hero h1{font-size:clamp(42px,4.4vw,66px)!important}.sp-main .sp-product-visual{min-width:0}.sp-main .sp-product-visual .pe-stage{margin:0;width:100%;max-width:none;background:#e0eae1!important;border:1px solid #bccfc1!important;box-shadow:0 24px 70px #2c50441a!important}.sp-main .sp-product-visual .pe-artboard{min-height:320px}.sp-main .sp-product-visual .pe-process-strip{display:none}.sp-main .sp-product-visual .pe-stage figcaption{padding:24px!important}.sp-main .sp-product-visual .pe-stage figcaption span{font-size:10px!important}.sp-main .sp-product-visual .pv-wave i{animation:none!important}@media(max-width:1100px){.sp-main .sp-product-hero{gap:30px;grid-template-columns:1fr}.sp-main .sp-product-hero>div:first-child{max-width:720px}.sp-main .sp-product-visual{max-width:800px;width:100%;margin-inline:auto}}@media(max-width:760px){.sp-main .sp-product-hero{padding-top:44px;gap:30px}.sp-main .sp-product-hero h1{font-size:42px!important}.sp-main .sp-product-visual .pe-artboard{min-height:0}.sp-main .sp-product-visual .pe-stage figcaption{padding:18px!important}}
/* Readability pass: same palette, stronger contrast for small copy. */
.sp-contact-form .route-radio small{color:#526b68!important}.sp-main .sp-prepare p,.sp-main .sp-cost{color:#52645f}.sp-main .sp-number{color:#68877a}
.sp-main .sp-chapters{padding-top:26px}.sp-main .sp-chapters .sp-kicker{color:#d6e9df!important;font-size:10px!important;margin:0 0 12px}.sp-chapter-current{border-left:2px solid #a4c8b7;padding-left:17px;min-height:112px}.sp-chapter-current strong{font-size:15px;font-weight:550;line-height:1.5;color:#f5faf3}.sp-main .sp-voice-proof .sp-chapter-current p{font-size:13px!important;line-height:1.65;margin-top:8px}.sp-chapter-buttons{display:grid;gap:5px;margin-top:20px}.sp-main .sp-chapter-buttons button{display:flex;gap:14px;align-items:center;text-align:left;padding:10px 12px;color:#c5ddd0;background:transparent;border:1px solid #53736a;border-radius:6px;font:inherit;font-size:12px;cursor:pointer;min-height:42px;transition:background .2s}.sp-chapter-buttons button span{font-size:10px;min-width:32px;color:#b4d7c5}.sp-main .sp-chapter-buttons button[aria-current=true]{background:#d6e9df;color:#183b3b;border-color:#d6e9df}.sp-chapter-buttons button[aria-current=true] span{color:#365f53}.sp-main .sp-chapter-buttons button:disabled{opacity:.6;cursor:default}.sp-main .sp-chapter-buttons button:hover:not(:disabled){background:#385e57;color:white}.sp-main .sp-voice-proof .sp-audio-status{font-size:12px!important}
