:root{--yellow:#ffc800;--red:#e30613;--blue:#1e2273;--ink:#151743;--gray:#f2f2f2;--muted:#626477;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55;background:#fff}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.wrap{width:calc(100% - 96px);max-width:var(--max);margin:0 auto}.skip{position:fixed;top:-100px;left:20px;background:white;padding:14px;z-index:99}.skip:focus{top:10px}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid var(--red);outline-offset:6px}.header{height:90px;background:#fff;border-bottom:1px solid #1e22730e;position:relative;z-index:5}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:block;flex-shrink:0;width:173px;height:58px;background:transparent url("../img/logo-tork-oil.png") center/contain no-repeat;background-image:image-set(url("../img/logo-tork-oil.webp") type("image/webp"),url("../img/logo-tork-oil.png") type("image/png"));border-radius:0}.nav nav{display:flex;gap:36px;font-size:14px;font-weight:700;margin-left:auto;margin-right:22px}.nav nav a:hover{color:var(--red)}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:var(--blue);color:#fff;padding:13px 21px;border-radius:8px;font-weight:700;font-size:14px;transition:background .2s,transform .2s}.button:hover{background:#111448;transform:translateY(-2px)}.button svg{width:19px;height:19px}.hero{position:relative;overflow:hidden;background:var(--yellow)}.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:center;min-height:742px;padding-top:56px;padding-bottom:60px;position:relative;z-index:1}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:800;display:flex;gap:10px;align-items:center;margin:0 0 24px;line-height:1.5}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px #e3061310}h1,h2,h3{font-family:'Arial Black',Arial,Helvetica,sans-serif;font-weight:900;letter-spacing:-2px;line-height:1.04;margin:0}h1{font-size:clamp(64px,6.5vw,88px);letter-spacing:-5px;color:var(--blue);line-height:.99}h1 span{color:var(--red)}.hero-description{max-width:440px;font-size:18px;line-height:1.6;margin:26px 0 27px;color:#282845}.store-buttons{display:flex;gap:12px;flex-wrap:wrap}.store{display:flex;align-items:center;gap:12px;min-width:184px;padding:12px 15px;background:#16162e;color:#fff;border:1px solid #ffffff20;border-radius:9px;transition:transform .2s,background .2s;min-height:67px}.store:hover{transform:translateY(-4px);background:var(--blue)}.store>svg{width:27px;height:27px}.store span{display:flex;flex-direction:column}.store small{font-size:9px;letter-spacing:1px;line-height:1.6}.store strong{font-size:20px;line-height:1.2;letter-spacing:-.5px}.store .store-arrow{height:17px;width:17px;margin-left:auto;opacity:.7}.hero-note{font-size:12px;display:flex;align-items:center;gap:8px;margin-top:17px;color:#424036}.hero-note svg{width:16px;height:16px;stroke-width:2.5}.hero-note span{margin:0 2px}.hero-visual{height:610px;position:relative;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;width:440px;height:440px;border:1px solid #1e22731c;border-radius:50%;background:#ffffff20;box-shadow:0 0 0 38px #ffffff0d,0 0 0 80px #ffffff0a}.phone-shell{position:relative;width:261px;border:8px solid #17182f;border-radius:40px;overflow:hidden;transform:rotate(7deg);box-shadow:22px 28px 0 #1e22730c,12px 32px 36px #7056002d;background:#17182f;z-index:1}.phone-shell img{display:block;width:100%;height:auto;border-radius:30px}.phone-speaker{height:17px;width:80px;border-radius:0 0 14px 14px;background:#17182f;position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:2}.floating-ticket{position:absolute;bottom:101px;left:-5px;z-index:2;display:flex;align-items:center;gap:13px;background:#fff;padding:18px 20px;border-radius:12px;box-shadow:0 12px 30px #5a420022;transform:rotate(-4deg)}.ticket-icon{width:47px;height:47px;background:var(--yellow);color:var(--blue);display:grid;place-items:center;border-radius:10px}.ticket-icon svg{width:28px;height:28px}.floating-ticket small{display:block;font-size:8px;font-weight:800;letter-spacing:1.2px;color:#707284}.floating-ticket strong{display:block;font-size:19px;letter-spacing:-.6px;line-height:1.6}.ticket-check{background:#f0f5ed;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;margin-left:2px;color:#437148}.ticket-check svg{width:14px;height:14px;stroke-width:2.5}.visual-caption{position:absolute;bottom:12px;right:12px;display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:1.8px;font-weight:700}.short-line{display:block;width:36px;height:2px;background:var(--red)}.hero-dots{position:absolute;width:340px;height:160px;right:-60px;top:35px;background:radial-gradient(circle,#e30613 1.8px,transparent 2.6px) 0 0/16px 16px;opacity:.17;mask-image:linear-gradient(90deg,transparent,#000)}.hero-bottom{border-top:1px solid #1e22731a;position:relative;z-index:2}.hero-bottom .wrap{display:flex;justify-content:space-between;align-items:center;padding:19px 0;font-size:12px;font-weight:700}.hero-bottom a{display:flex;gap:28px;align-items:center}.hero-bottom a span{font-size:21px;line-height:1}.benefits{background:var(--blue);color:#fff}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:32px 0;gap:30px}.benefits-grid>div{display:flex;align-items:center;gap:17px;border-right:1px solid #ffffff25}.benefits-grid>div:last-child{border:0}.benefits svg{color:var(--yellow);width:31px;height:31px}.benefits strong{display:block;font-size:14px}.benefits small{display:block;font-size:11px;opacity:.7;margin-top:2px}.section{padding:100px 0}h2{font-size:clamp(36px,3.6vw,50px);line-height:1.12;letter-spacing:-2px;color:var(--blue)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.section-heading>p{font-size:15px;color:var(--muted);margin:0 0 5px;line-height:1.7}.how .eyebrow,.faq .eyebrow{color:#76788a}.steps{padding:0;margin:48px 0 0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:29px}.steps li{border-top:1px solid #dcdce6;padding-top:22px}.step-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.step-top span{font-family:'Arial Black',Arial,sans-serif;font-size:35px;line-height:1;color:#d5d5e1;letter-spacing:-1px}.step-top svg{color:var(--red);width:29px;height:29px}.steps h3{font-size:18px;letter-spacing:-.5px;line-height:1.3;color:var(--blue)}.steps p{font-size:14px;line-height:1.7;color:var(--muted);margin:12px 0 0}.condition-note{margin-top:38px;background:#f7f7fa;border-left:3px solid var(--yellow);padding:15px 21px;display:flex;align-items:center;gap:15px}.condition-note svg{width:21px;height:21px;color:var(--blue)}.condition-note p{font-size:12px;line-height:1.65;color:#57596d;margin:0}.app-tour{background:#f4f4f7;border-top:1px solid #eeeef2;border-bottom:1px solid #eeeef2}.tour-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.tour-copy .eyebrow{color:var(--red)}.tour-copy h2{font-size:53px}.tour-copy>p:not(.eyebrow){max-width:360px;color:var(--muted);font-size:15px;margin:24px 0}.text-link{display:inline-flex;align-items:center;gap:22px;font-weight:800;font-size:14px;border-bottom:2px solid var(--yellow);padding:6px 0 9px}.text-link:hover{color:var(--red)}.text-link svg{width:20px;height:20px}.demo-area{background:white;border-radius:18px;padding:22px 28px 18px;box-shadow:0 16px 50px #1e227308;border:1px solid #e5e5ef}.demo-tabs{display:grid;grid-template-columns:repeat(3,1fr);background:#f4f4f7;border-radius:8px;padding:4px;gap:3px}.demo-tabs button{border:0;background:transparent;border-radius:6px;color:#6b6c7d;cursor:pointer;font-size:12px;font-weight:700;padding:11px 5px;transition:background .2s}.demo-tabs button[aria-selected="true"]{color:var(--blue);background:var(--yellow)}.demo-panel{min-height:308px;padding-top:27px}.demo-panel[hidden]{display:none}.demo-label{display:flex;align-items:center;justify-content:space-between;font-size:9px;font-weight:800;letter-spacing:1.2px;margin-bottom:23px;color:#65667c}.demo-label svg{width:22px;height:22px;color:var(--red)}.station-option{display:flex;align-items:center;gap:12px;padding:16px 12px;border:1px solid #dcdce8;border-radius:10px}.station-icon{display:grid;place-items:center;background:#fff5cc;color:var(--blue);width:42px;height:42px;border-radius:8px}.station-option strong{display:block;font-size:13px}.station-option small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.selected-check{color:#498047;width:18px;height:18px;margin-left:auto}.offer-line{display:flex;justify-content:space-between;font-size:11px;padding:18px 2px;color:var(--muted)}.offer-line strong{color:var(--blue)}.demo-action{display:flex;align-items:center;justify-content:center;gap:50px;color:var(--blue);font-weight:800;font-size:13px;background:var(--yellow);padding:12px;border-radius:8px}.demo-action svg{width:17px;height:17px}.demo-explanation{font-size:12px;line-height:1.7;color:var(--muted);margin:21px 0 0}.demo-disclaimer{font-size:9px;color:#77798c;border-top:1px solid #eeeef3;padding-top:14px;margin:12px 0 0}.demo-voucher{display:flex;align-items:center;flex-direction:column;padding:10px 5px 18px;gap:10px;background:#fff9e5;border-radius:12px;border:1px dashed #e8cf68}.demo-voucher>svg{width:40px;height:40px;color:var(--red)}.demo-voucher strong{font-size:18px;letter-spacing:-.6px}.demo-voucher>span{font-size:10px;color:var(--muted)}.demo-voucher .success-icon{display:grid;place-items:center;background:var(--blue);color:var(--yellow);width:43px;height:43px;border-radius:50%;margin:4px 0}.success-icon svg{width:27px;height:27px}.faq-grid{display:grid;grid-template-columns:.9fr 1.15fr;gap:80px}.faq-grid>div>p:not(.eyebrow){font-size:14px;color:var(--muted);margin-top:23px}.faq-items details{border-bottom:1px solid #dedee9}.faq-items details:first-child{border-top:1px solid #dedee9}.faq-items summary{cursor:pointer;display:flex;gap:20px;align-items:center;justify-content:space-between;font-weight:700;font-size:15px;padding:23px 0;list-style:none;line-height:1.5}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary span{font-size:23px;font-weight:400;color:var(--blue);flex-shrink:0;line-height:1;transition:transform .2s}.faq-items details[open] summary span{transform:rotate(45deg)}.faq-items details p{margin:0;padding:0 32px 23px 0;color:var(--muted);font-size:14px;line-height:1.75}.download{position:relative;overflow:hidden;background:var(--blue);color:#fff}.download-inner{position:relative;z-index:1;text-align:center;display:flex;align-items:center;flex-direction:column}.download-symbol{width:57px;height:57px;background:#ffffff0d;border:1px solid #ffffff20;display:grid;place-items:center;border-radius:14px;margin-bottom:25px;color:var(--yellow)}.download-symbol svg{width:30px;height:30px}.download .eyebrow{font-size:10px;color:#c9c9e2}.download h2{color:#fff;font-size:65px;line-height:1.1;letter-spacing:-3px}.download h2 span{color:var(--yellow)}.download-inner>p:not(.eyebrow){font-size:16px;color:#d2d2e5;line-height:1.8;margin:25px 0}.download .store{background:#fff;color:var(--blue);border:1px solid #fff}.download .store:hover{background:var(--yellow);border-color:var(--yellow)}.download-note{font-size:10px;display:block;color:#bdbed8;margin-top:22px}.download-dots{position:absolute;left:-30px;bottom:-30px;width:360px;height:240px;background:radial-gradient(circle,var(--yellow) 2px,transparent 3px) 0 0/18px 18px;opacity:.35;mask-image:linear-gradient(45deg,#000,transparent 75%)}.footer{background:#fff;padding:26px 0}.footer .wrap{display:flex;align-items:center;gap:30px;justify-content:space-between}.footer .brand{width:123px;height:44px}.footer p{font-size:10px;color:#797a8b;max-width:435px;line-height:1.7}.footer .wrap>span{font-size:10px;color:#797a8b;white-space:nowrap}.mobile-download{display:none}
@media(min-width:1500px){.hero-grid{min-height:800px}.hero-visual{height:640px}.phone-shell{width:278px}.floating-ticket{bottom:105px}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}h1{font-size:72px}.hero-grid{gap:15px;min-height:715px}.hero-visual{height:570px}.phone-shell{width:238px}.floating-ticket{left:-10px;padding:14px;bottom:85px;gap:9px}.floating-ticket strong{font-size:16px}.ticket-icon{width:38px;height:38px}.orbit{width:330px;height:330px}.tour-grid{gap:50px}.store{min-width:168px;padding:11px 12px;gap:8px}.store strong{font-size:18px}.store .store-arrow{width:14px}.hero-description{font-size:16px}.steps{gap:20px}.benefits-grid{gap:18px}.benefits-grid>div{gap:12px}.benefits strong{font-size:12px}.benefits small{font-size:10px}.faq-grid{gap:45px}.tour-copy h2{font-size:46px}.demo-area{padding:20px}.section{padding:80px 0}}
@media(max-width:760px){html{scroll-padding-top:22px}.wrap{width:calc(100% - 40px)}.header{height:75px}.brand{width:145px;height:50px}.nav{gap:10px}.nav nav{display:none}.nav-cta{font-size:12px;padding:11px 13px;gap:12px}.nav-cta svg{width:16px;height:16px}.hero-grid{grid-template-columns:1fr;padding-top:38px;padding-bottom:20px;gap:0;min-height:0}.eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:22px}h1{font-size:clamp(58px,12vw,81px);letter-spacing:-3.8px;line-height:1}.hero-description{max-width:420px;font-size:16px;margin:24px 0}.hero-copy{position:relative;z-index:2}.hero .store-buttons{gap:10px;max-width:430px}.store{min-width:0;flex:1;gap:9px;padding:12px;min-height:64px}.store strong{font-size:18px}.store>svg{width:24px;height:24px}.store .store-arrow{display:none}.store small{font-size:8px}.hero-note{font-size:11px;margin-top:14px}.hero-visual{height:530px;width:100%;max-width:460px;justify-self:center}.phone-shell{width:224px;transform:rotate(7deg);border-width:7px;border-radius:34px}.phone-shell img{border-radius:25px}.floating-ticket{left:7px;bottom:69px;padding:16px;gap:12px}.floating-ticket strong{font-size:17px}.floating-ticket small{font-size:8px}.floating-ticket .ticket-icon{width:42px;height:42px}.visual-caption{bottom:4px;right:7px;font-size:8px}.orbit{width:345px;height:345px}.hero-dots{width:160px;right:-60px;top:235px;opacity:.16}.hero-bottom .wrap{font-size:10px;gap:12px;padding:17px 0}.hero-bottom a{gap:13px}.hero-bottom a span{font-size:18px}.benefits-grid{grid-template-columns:1fr;padding:7px 0;gap:0}.benefits-grid>div{border:0;border-bottom:1px solid #ffffff20;padding:19px 3px;gap:18px}.benefits strong{font-size:14px}.benefits small{font-size:12px}.benefits svg{width:27px;height:27px}.section{padding:64px 0}h2{font-size:36px;letter-spacing:-1.5px}.section-heading{align-items:flex-start;flex-direction:column;gap:19px}.section-heading>p{font-size:14px}.desktop-break{display:none}.steps{grid-template-columns:1fr 1fr;gap:30px 24px;margin-top:35px}.step-top{margin-bottom:18px}.step-top span{font-size:30px}.step-top svg{width:25px;height:25px}.steps h3{font-size:17px;line-height:1.35}.steps p{font-size:13px;line-height:1.7;margin-top:10px}.condition-note{margin-top:31px;padding:15px;align-items:flex-start;gap:12px}.condition-note p{font-size:11px}.condition-note svg{width:19px;height:19px;margin-top:2px}.tour-grid{grid-template-columns:1fr;gap:32px}.tour-copy h2{font-size:42px}.tour-copy>p:not(.eyebrow){max-width:430px;font-size:14px;margin:21px 0}.demo-area{padding:20px;max-width:500px;width:100%;justify-self:center}.demo-panel{min-height:300px}.station-option strong{font-size:13px}.demo-label{font-size:9px}.demo-explanation{font-size:12px}.demo-disclaimer{font-size:9px;line-height:1.65}.faq-grid{grid-template-columns:1fr;gap:25px}.faq-grid>div>p:not(.eyebrow){font-size:14px;margin-top:18px}.faq-items summary{font-size:14px;padding:21px 0;gap:20px}.faq-items details p{font-size:13px;padding-right:20px}.download h2{font-size:45px;letter-spacing:-2px}.download .eyebrow{font-size:8px}.download-inner>p:not(.eyebrow){font-size:14px;margin:22px 0}.download .store-buttons{width:100%;max-width:410px;gap:10px}.download-note{font-size:10px;max-width:280px;line-height:1.7}.download-dots{width:180px;height:160px;opacity:.22}.footer{padding:27px 0 112px}.footer .wrap{display:grid;grid-template-columns:1fr auto;gap:15px}.footer .brand{width:125px;height:43px}.footer p{grid-column:1/-1;grid-row:2;margin:0;font-size:10px}.footer .wrap>span{font-size:9px}.mobile-download{position:fixed;bottom:0;left:0;right:0;padding:10px 20px calc(7px + env(safe-area-inset-bottom));background:#ffffffef;backdrop-filter:blur(12px);border-top:1px solid #1e22731a;z-index:10;display:flex;align-items:center;flex-direction:column;gap:4px}.mobile-download .button{width:100%;font-size:13px;gap:13px;padding:12px 16px}.mobile-download .button>svg:last-child{margin-left:auto}.mobile-download .button>span{margin-right:auto}.all-stores{font-size:9px;color:#67697b;padding:2px 12px}.mobile-download.is-at-download{transform:translateY(110%);transition:transform .2s}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.brand{width:130px;height:46px}.nav-cta{font-size:11px;padding:10px;gap:7px}h1{font-size:58px}.hero .store-buttons,.download .store-buttons{gap:7px}.store{padding:11px 9px;gap:7px}.store strong{font-size:16px}.store>svg{width:22px}.hero-note{font-size:10px}.hero-visual{height:505px}.floating-ticket{left:0;padding:13px;gap:9px}.floating-ticket strong{font-size:16px}.ticket-check{display:none}.steps{gap:27px 18px}.steps h3{font-size:16px}.download h2{font-size:39px}}

.hero-copy,.hero-visual{min-width:0}
.steps{gap:32px;align-items:stretch}
.steps li{position:relative;min-width:0;min-height:268px;padding:25px 23px 28px;border:0;border-radius:16px;background:var(--yellow);box-shadow:0 10px 24px #1e22730a;color:var(--blue)}
.steps li::before{content:"";position:absolute;top:18px;right:17px;width:41px;height:35px;background:radial-gradient(circle,currentColor 1.3px,transparent 1.8px) 0 0/8px 8px;opacity:.14;pointer-events:none}
.steps .step-top{justify-content:flex-start;gap:12px;margin-bottom:23px;min-height:39px}
.steps .step-top span{font-size:34px;color:inherit;letter-spacing:-1.5px}
.steps .step-top>svg{width:30px;height:30px;color:var(--red)}
.steps h3{position:relative;color:inherit;line-height:1.35;font-size:18px;letter-spacing:-.45px}
.steps p{position:relative;color:#3f4161;margin-top:12px;font-size:13px;line-height:1.75}
.steps li:nth-child(2){background:var(--blue);color:#fff}
.steps li:nth-child(3){background:#fff5ca;color:var(--blue);box-shadow:inset 0 0 0 1px #f2dc80,0 10px 24px #1e227306}
.steps li:nth-child(4){background:var(--red);color:#fff}
.steps li:nth-child(2) .step-top>svg,.steps li:nth-child(4) .step-top>svg{color:var(--yellow)}
.steps li:nth-child(2) p,.steps li:nth-child(4) p{color:#fff}
.step-connector{position:absolute;z-index:2;right:-31px;top:50%;transform:translateY(-50%);width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--red);color:#fff;box-shadow:0 0 0 4px #fff}
.step-connector svg{width:18px;height:18px;stroke-width:2.4}
@media(max-width:1000px){.steps{grid-template-columns:minmax(0,1fr);gap:28px}.steps li{min-height:122px;display:grid;grid-template-columns:76px minmax(0,1fr);column-gap:20px;padding:23px 26px}.steps .step-top{grid-column:1;grid-row:1/3;flex-direction:column;justify-content:center;gap:8px;margin:0}.steps h3,.steps p{grid-column:2}.steps p{margin-top:7px}.steps li::before{top:13px;right:13px;opacity:.1}.step-connector{top:auto;bottom:-29px;left:50%;right:auto;transform:translateX(-50%) rotate(90deg);width:30px;height:30px}}
@media(max-width:480px){.steps li{padding:22px 18px;grid-template-columns:51px minmax(0,1fr);column-gap:15px}.steps .step-top span{font-size:30px}.steps .step-top>svg{width:27px;height:27px}.steps h3{font-size:17px}.steps p{font-size:12px;line-height:1.7}.steps li::before{width:25px;height:25px;top:10px;right:10px;opacity:.08}}
.device-scene{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transform:scale(.94);transform-origin:center;animation:device-pulse 4s ease-in-out infinite}
@keyframes device-pulse{0%,100%{transform:scale(.94)}50%{transform:scale(.96)}}
@media(min-width:761px){.visual-caption{bottom:-24px}}
@media(max-width:760px){.hero-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:360px){h1{font-size:clamp(46px,15vw,54px)}.store strong{font-size:15px;white-space:nowrap}.store>svg{width:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.phone-shell picture{display:block}