:root{--ink:#161819;--gold:#d5ac50;--muted:#aeb4b6;--paper:#f6f5f0;--line:#34393b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);line-height:1.6}a{color:inherit}button,input{font:inherit}a:focus-visible,summary:focus-visible{outline:3px solid #bc8822;outline-offset:6px}a.button{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 23px;border:1px solid var(--gold);font-weight:700;border-radius:4px;background:var(--gold);color:var(--ink)}a.button.secondary{background:transparent;color:#fff;border-color:#667074}.wrap{max-width:1200px;margin:auto;padding:0 28px}.skip{position:absolute;left:15px;top:-100px;background:#fff;padding:10px;z-index:10}.skip:focus{top:10px}.top{background:var(--ink);color:#fff;border-bottom:1px solid var(--line)}nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0}.brand{text-decoration:none;display:flex;align-items:center;gap:12px}.brand b{font-size:30px;letter-spacing:2px;color:var(--gold);line-height:1}.brand span{font-size:10px;line-height:1.4;letter-spacing:1.5px;text-transform:uppercase;border-left:1px solid #596062;padding-left:12px}.navlinks{display:flex;align-items:center;gap:26px;font-size:14px}.navlinks a{text-decoration:none}.navlinks a:hover{color:var(--gold)}.navlinks .signin{border:1px solid #555e60;border-radius:4px;padding:9px 17px}.hero{background:var(--ink);color:#fff;padding:66px 0 0;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:70px;padding-bottom:65px}.eyebrow{font-size:11px;letter-spacing:2.2px;text-transform:uppercase;font-weight:bold;color:#917025;margin:0 0 18px}.hero .eyebrow{color:var(--gold)}h1{font-size:clamp(40px,5.3vw,68px);letter-spacing:-2.6px;line-height:1.06;margin:0 0 25px;font-weight:700}h1 em{font-style:normal;color:var(--gold)}.lead{font-size:18px;color:var(--muted);max-width:510px;line-height:1.7}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 20px}.small{font-size:12px;color:var(--muted)}.overview{border:1px solid #414749;border-radius:10px;background:#202426;box-shadow:0 25px 65px #0006;overflow:hidden;transform:rotate(-1deg)}.overview-top{display:flex;justify-content:space-between;align-items:center;padding:17px 20px;border-bottom:1px solid #3a4042;font-size:12px}.overview-top b{letter-spacing:2px;color:var(--gold)}.demo-label{color:#bbc2c3;font-size:10px;text-transform:uppercase;letter-spacing:1px}.scene{height:125px;background:linear-gradient(90deg,#16181988,#16181911),url('oil-public-hero.png') center/cover;display:flex;align-items:end;padding:16px 20px}.scene strong{font-size:20px;text-shadow:0 1px 10px #000}.demo-content{padding:21px}.demo-content>p{margin:0 0 18px;color:#b4bcbe;font-size:12px}.demo-row{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;padding:15px 0;border-top:1px solid #394043}.demo-row .number{color:var(--gold);font-size:13px}.demo-row b{display:block;font-size:14px}.demo-row small{color:#aab5b8;font-size:11px}.tag{font-size:10px;background:#34473c;color:#c4e2cf;padding:4px 8px;border-radius:3px}.demo-foot{padding-top:18px;margin-top:4px;border-top:1px solid #394043;display:flex;justify-content:space-between;font-size:12px;color:#d8dfe0}.demo-foot b{color:var(--gold)}.band{border-top:1px solid #384042;display:flex;justify-content:space-between;gap:20px;padding:21px 0;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#c5cdcf}.band span:before{content:'•';color:var(--gold);margin-right:12px}section.section{padding:90px 0}h2{font-size:clamp(30px,3.5vw,44px);line-height:1.15;letter-spacing:-1.3px;margin:0 0 22px;max-width:730px}.intro{max-width:660px;color:#596264;font-size:17px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:43px}.card{padding:32px;background:white;border:1px solid #dedfd8;border-top:3px solid #d5ac50;border-radius:5px}.card .num{font-size:12px;color:#8c702f;letter-spacing:2px}h3{font-size:22px;line-height:1.2;letter-spacing:-.5px;margin:22px 0 16px}.card p{font-size:14px;color:#657073}.card ul{padding:0;list-style:none;font-size:13px;margin:22px 0 0}.card li{padding:8px 0;border-top:1px solid #e8e9e4}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.dark{background:#23282a;color:white}.dark .eyebrow{color:var(--gold)}.dark p{color:#b9c1c3}.steps{counter-reset:steps}.step{display:grid;grid-template-columns:38px 1fr;gap:18px;padding:0 0 24px;margin-bottom:24px;border-bottom:1px solid #41494b}.step:last-child{border:0;margin-bottom:0}.step:before{counter-increment:steps;content:'0' counter(steps);color:var(--gold);font-size:13px;padding-top:4px}.step h3{font-size:18px;margin:0 0 8px}.step p{margin:0;font-size:14px}.audience{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:35px}.audience h3{font-size:18px;margin:0 0 12px}.audience p{font-size:14px;color:#657073}.faq{max-width:840px;margin-top:35px}details{border-top:1px solid #d4d8d3;padding:19px 0}details:last-child{border-bottom:1px solid #d4d8d3}summary{cursor:pointer;font-weight:bold;font-size:16px}details p{color:#596264;font-size:14px;max-width:720px;margin-bottom:0}.contact{background:#dfbb6b;padding:62px 0}.contact .split{align-items:center;gap:40px}.contact h2{font-size:36px;margin-bottom:14px}.contact p{margin:0;max-width:570px}.contact .button{background:var(--ink);border-color:var(--ink);color:white}.contact .actions{margin:0 0 16px}.contact a.phone{font-size:14px;text-decoration:none}footer{background:var(--ink);color:#abb4b6;padding:30px 0}.footer-grid{display:flex;justify-content:space-between;align-items:center;gap:24px}footer .brand{color:white}footer p{font-size:11px;margin:12px 0 0}.legal{display:flex;gap:24px;font-size:12px}.legal a{text-decoration:none}@media(max-width:900px){.hero-grid{gap:30px}.cards{gap:14px}.card{padding:23px}.split{gap:40px}.navlinks{gap:16px}h1{letter-spacing:-1.7px}.band{font-size:10px;letter-spacing:.5px}}@media(max-width:680px){.wrap{padding:0 20px}nav{flex-wrap:wrap;gap:18px}.brand span{font-size:9px}.navlinks{width:100%;justify-content:space-between;gap:10px;font-size:12px}.navlinks .signin{padding:7px 13px}.hero{padding-top:43px}.hero-grid,.split{grid-template-columns:1fr;gap:35px}.hero-grid{padding-bottom:40px}h1{font-size:46px}.lead{font-size:16px}.overview{transform:none}.band{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:20px 0}.section.section{padding:58px 0}.cards,.audience{grid-template-columns:1fr;gap:18px}.cards{margin-top:30px}.card{padding:26px}.audience{gap:25px}.contact{padding:45px 0}.contact h2{font-size:32px}.footer-grid{align-items:start;flex-direction:column}.legal{flex-wrap:wrap}.demo-row{grid-template-columns:25px 1fr auto}.tag{font-size:9px}h2{letter-spacing:-.8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.logo{width:64px;height:44px;object-fit:cover;border-radius:3px}.masthead{min-height:78vh;display:flex;align-items:center}.hero-title{font-size:clamp(46px,6.3vw,82px)}.chapter{min-height:86vh;display:grid;align-items:center;border-top:1px solid #ddddda}.chapter.dark{border-color:#3c4345}.chapter .split{align-items:center}.product-name{font-size:13px;letter-spacing:2px;text-transform:uppercase;color:#947025;font-weight:bold}.dark .product-name{color:var(--gold)}.feature-list{padding:0;list-style:none}.feature-list li{padding:11px 0;border-top:1px solid #d4d7d2;font-size:14px}.dark .feature-list li{border-color:#465052}.visual{padding:28px;border:1px solid #414a4c;border-radius:10px;background:#202628;color:#fff;box-shadow:0 22px 65px #0002}.visual-head{font-size:11px;letter-spacing:2px;color:var(--gold);padding-bottom:18px}.visual-line{display:flex;justify-content:space-between;gap:16px;padding:15px 0;border-top:1px solid #3b4547;font-size:13px}.visual-line span{color:#bdc7c9}.visual-note{color:#aeb8ba;font-size:11px;margin-top:22px}.signature{font-family:Georgia,serif;font-size:33px;font-style:italic;color:#dfbd70;padding:25px 0 15px;border-bottom:1px solid #667071}.phase-cards{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:30px}.phase-card{padding:23px;border:1px solid #465052;border-radius:5px}.phase-card h3{font-size:20px;margin:0 0 10px}.phase-card p{font-size:14px;margin:0}.coming{display:inline-block;font-size:10px;color:var(--gold);margin-left:8px}.page-intro{padding:50px 0 20px}.form-card{background:white;padding:32px;border:1px solid #ddd;border-radius:8px;max-width:700px;margin:20px 0 65px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.wide{grid-column:1/-1}label{display:block;font-weight:bold;font-size:13px;margin-bottom:6px}input,select,textarea{width:100%;padding:12px;border:1px solid #abb3b4;border-radius:4px;font:inherit;background:white;color:#161819}textarea{resize:vertical;min-height:120px}button.button{background:var(--gold);border:1px solid #af842c;border-radius:4px;padding:13px 22px;font:inherit;font-weight:bold;cursor:pointer;min-height:48px}button:disabled{opacity:.5;cursor:wait}.message{margin:15px 0;font-size:14px}.notice{color:#536063;font-size:13px}.portal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0 65px}.portal-card{background:white;padding:28px;border:1px solid #d5dad7;border-top:3px solid var(--gold);border-radius:5px}.portal-card h2{font-size:24px}.portal-card p{font-size:14px;color:#536063}.portal-card a{font-weight:bold;font-size:14px}.account-bar{display:flex;justify-content:space-between;gap:20px;align-items:center}.account-bar button{font:inherit;padding:8px 15px;cursor:pointer}.reveal{opacity:1;transform:none}.motion .reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}.motion .reveal.visible{opacity:1;transform:none}.visual{transition:transform .75s ease}.motion .visible .visual{transform:translateY(-5px)}.family{padding:30px 0;border-top:1px solid #d5d9d2;font-size:14px}.family a{font-weight:bold}.chapter-nav{display:flex;flex-wrap:wrap;gap:18px;font-size:12px;padding:20px 0;color:#c4cdcf}.chapter-nav a{text-decoration:none}.required-note{font-size:12px;color:#596264}@media(min-width:901px){.chapter .visual{position:sticky;top:100px}.chapter .split{position:relative}}@media(max-width:680px){.chapter{min-height:0}.masthead{min-height:0}.form-grid,.portal-grid{grid-template-columns:1fr}.form-card{padding:22px}.phase-cards{grid-template-columns:1fr}.visual{padding:22px}.logo{width:48px;height:36px}.hero-title{font-size:48px}.motion .reveal{transform:translateY(12px)}.account-bar{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){.motion .reveal{opacity:1;transform:none;transition:none}.visual{transition:none;transform:none!important}}

/* Continuous showroom: one stage, overlapping product screens, direct scroll progress. */
.logo{width:154px;height:auto;max-height:none;object-fit:contain;border-radius:0}.brand{gap:16px}.brand span{font-size:9px}.showroom{background:radial-gradient(ellipse at 85% 30%,#394137 0,#242b2b 35%,#181d1e 75%);color:#fff;position:relative}.showroom-stage{max-width:1440px;margin:auto;padding:55px 45px 35px;position:relative}.story-label{font-size:10px;letter-spacing:2px;color:#e0bc67;display:flex;justify-content:space-between;margin-bottom:28px}.story-label span{color:#a6b2b3;letter-spacing:1px}.story-panel{display:grid;grid-template-columns:.85fr 1.5fr;gap:52px;align-items:center;padding:55px 0}.story-panel h2{font-size:clamp(32px,3.5vw,53px);line-height:1.1;color:#fff;margin:15px 0 22px;letter-spacing:-1.5px}.story-copy>p:not(.product-name){font-size:16px;color:#bcc7c8;line-height:1.75}.story-copy .product-name{color:#dfb960;font-size:12px}.story-tags{font-size:11px;color:#d2bd8a;line-height:1.7;margin:26px 0}.story-copy>a{font-size:13px;font-weight:bold;text-decoration:none;border-bottom:1px solid #86724a;padding-bottom:7px}.story-screen{min-width:0}.story-selector{display:none}.story-progress{display:none}.sample-app{background:#f4f5f3;color:#1d2526;border:1px solid #566164;border-radius:10px;overflow:hidden;box-shadow:0 25px 60px #0005;font-size:12px;text-align:left}.ui-top{background:#191d1e;border-bottom:3px solid #c99b2a;padding:13px 20px;display:flex;align-items:center;gap:15px;color:white}.ui-top img{width:65px;height:28px;object-fit:contain}.ui-top b{font-size:15px}.ui-top>span{font-size:8px;letter-spacing:1px;margin-left:auto;color:#bdc6c8}.ui-subnav{padding:9px 20px;border-bottom:1px solid #d6dcd8;color:#424d4f;font-size:9px;display:flex;gap:18px;background:#e9ece8}.ui-body{padding:20px 22px}.ui-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.ui-heading h3{font-size:18px;margin:0;letter-spacing:-.3px}.ui-pill{font-size:9px;display:inline-block;background:#ece5d2;color:#76571d;padding:4px 7px;border-radius:4px;white-space:nowrap}.ui-pill.green{background:#e0ebe0;color:#34583b}.ui-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.ui-fields>div{background:white;border:1px solid #d9dfda;border-radius:4px;padding:9px 11px;min-width:0}.ui-fields small{display:block;color:#697477;font-size:9px;margin-bottom:4px}.ui-fields span{display:block;font-size:12px;overflow-wrap:anywhere}.sample-app h4{font-size:12px;margin:20px 0 10px}.ui-table-wrap{overflow-x:auto}.sample-app table{border-collapse:collapse;width:100%;font-size:10px;background:white}.sample-app th{font-weight:700;color:#566266;background:#e9ece8;font-size:9px}.sample-app td,.sample-app th{text-align:left;padding:10px 9px;border-bottom:1px solid #d9dfda;white-space:nowrap}.ui-total{display:flex;justify-content:space-between;gap:12px;padding:17px 0;font-size:12px}.ui-total b{font-size:20px}.ui-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;font-size:10px;color:#616e70}.ui-actions b{background:#22292a;color:#e5c477;padding:9px 11px;border-radius:4px;font-size:10px}.ui-disclaimer{background:#e6eae5;color:#637173;text-align:center;font-size:8px;padding:8px 12px;letter-spacing:.2px}.ui-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:13px 0}.ui-stats>div{background:white;border:1px solid #d7ddd8;border-radius:4px;padding:11px}.ui-stats small{display:block;font-size:9px;color:#616e70}.ui-stats b{display:block;font-size:24px;margin-top:4px;line-height:1.2}.ui-signature{font-family:Georgia,serif;font-size:25px;font-style:italic;text-align:center;padding:12px;background:white;border-bottom:1px solid #7f8984}.ui-checks{display:flex;flex-direction:column;gap:10px;margin:20px 0}.ui-route-note{font-size:9px;color:#6a7475;margin-bottom:0}.hero-product{transform:perspective(1200px) rotateY(-7deg) rotateX(2deg);min-width:0}.hero-product .sample-app{box-shadow:0 30px 80px #0005}.hero-grid{grid-template-columns:1fr 1.15fr;gap:60px}.showroom-active .showroom{height:var(--story-height,760vh)}.showroom-active .showroom-stage{position:sticky;top:0;height:100svh;min-height:640px;display:flex;flex-direction:column;justify-content:center}.showroom-active .story-panels{position:relative;flex:1;min-height:0}.showroom-active .story-panel{position:absolute;inset:0;opacity:0;transform:translateY(0);pointer-events:none;padding:0;will-change:opacity,transform}.showroom-active .story-panel:first-child{opacity:1}.showroom-active .story-panel.is-active{pointer-events:auto}.showroom-active .story-selector{display:flex;gap:7px;justify-content:space-between;margin-top:25px}.story-selector button{background:transparent;border:0;border-top:1px solid #606b6a;padding:10px 4px;color:#aab6b7;font:inherit;font-size:10px;cursor:pointer;min-height:44px;text-align:left;flex:1}.story-selector button span{display:block;font-size:8px;color:#849393;margin-bottom:3px}.story-selector button[aria-current="true"]{color:#efce82;border-top-color:#e4bc63}.story-selector button:focus-visible{outline:2px solid #dfb960;outline-offset:2px}.showroom-active .story-progress{display:block;position:absolute;top:0;left:0;right:0;height:2px;background:#445150}.story-progress span{display:block;height:100%;width:100%;background:#d6af5a;transform:scaleX(0);transform-origin:left}.story-screen{transform-origin:center}.showroom .story-copy{min-width:0}.showroom .story-panel[aria-hidden="true"]{visibility:hidden}.showroom .story-panel[aria-hidden="false"]{visibility:visible}
@media(min-width:1400px){.showroom-stage{padding-left:65px;padding-right:65px}.ui-body{padding:25px 28px}.sample-app td,.sample-app th{padding:12px 11px}.ui-fields>div{padding:12px}.ui-heading h3{font-size:21px}}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:30px}.hero-product{transform:none;max-width:650px}.showroom-stage{padding:35px 25px 22px}.story-panel{grid-template-columns:1fr;gap:20px}.story-copy h2{font-size:32px;margin:8px 0 14px}.story-copy>p:not(.product-name){font-size:14px;line-height:1.5;margin:0}.story-copy .product-name{margin:0}.story-tags{margin:12px 0;font-size:10px}.story-copy>a{font-size:11px}.showroom-active .showroom-stage{min-height:740px}.showroom-active .story-panel{grid-template-rows:auto 1fr;align-items:start;gap:22px}.story-screen{align-self:start}.sample-app{max-width:680px;margin:auto;width:100%}.story-selector button{font-size:0;text-align:center;padding:8px}.story-selector button span{font-size:11px}.story-label{font-size:9px;margin-bottom:20px}.story-label span{font-size:9px}.ui-body{padding:15px}.ui-heading{margin-bottom:12px}.ui-heading h3{font-size:16px}.ui-fields{gap:8px;margin:10px 0}.ui-fields>div{padding:7px 9px}.ui-fields span{font-size:10px}.sample-app td,.sample-app th{padding:8px 7px}.ui-top{padding:10px 13px}.ui-top b{font-size:12px}.ui-subnav{padding:7px 13px;gap:12px}.ui-stats{gap:6px}.ui-stats>div{padding:8px}.ui-stats b{font-size:21px}.sample-app h4{margin:12px 0 8px}.ui-actions{margin-top:10px}.ui-disclaimer{font-size:7px}.ui-total{padding:10px 0}.ui-checks{margin:12px 0;gap:8px}}
@media(max-width:680px){.logo{width:120px;height:auto}.brand span{font-size:8px}.story-panel{padding:38px 0}.showroom-stage{padding:25px 18px 18px}.story-copy h2{font-size:29px;letter-spacing:-.8px}.ui-top>span{font-size:7px}.ui-stats small{font-size:8px}.ui-stats b{font-size:18px}.story-tags{font-size:9px}.story-copy>p:not(.product-name){font-size:12px}.ui-heading h3{font-size:14px}.ui-fields small{font-size:8px}.ui-pill{font-size:8px}.ui-signature{font-size:20px}.ui-actions span{max-width:140px}.story-copy>a{display:none}.hero-grid{padding-bottom:25px}.ui-total b{font-size:17px}.story-label span{display:none}}
@media(prefers-reduced-motion:reduce){.hero-product{transform:none}.story-panel,.story-screen{will-change:auto!important;transform:none!important}.showroom{height:auto!important}.showroom-stage{position:relative!important;height:auto!important;min-height:0!important}.story-panel{position:relative!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}.story-selector,.story-progress{display:none!important}}

.reveal{opacity:1!important;transform:none!important}
/* The same oilfield setting carries through the complete product journey. */
.hero{background:linear-gradient(90deg,rgba(18,23,24,.98),rgba(18,23,24,.88) 55%,rgba(18,23,24,.76)),url('oil-public-hero.png') center/cover}.showroom{background:#192021}.showroom-stage{isolation:isolate}.showroom-stage:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(17,24,25,.97),rgba(17,24,25,.87) 55%,rgba(17,24,25,.75)),url('oil-public-hero.png') center/cover;pointer-events:none}.story-label,.story-selector,.story-panels{position:relative}.showroom-active .showroom-stage:before{position:absolute}.story-panel{scroll-margin-top:24px}

/* Approved brand and copy corrections */
.hero .eyebrow,.product-name,.story-label{text-transform:none}.audience h3{color:#aa7d22}.logo{width:126px;height:84px;object-fit:contain}.brand{gap:18px}.ui-top img{width:62px;height:42px;object-fit:contain}.ui-top{padding-top:9px;padding-bottom:9px}@media(max-width:680px){.logo{width:105px;height:70px}.ui-top img{width:49px;height:33px}.brand span{font-size:8px}}

/* Prominent original OIL identity with genuine transparent edges. */
.logo{width:174px;height:116px;filter:drop-shadow(0 2px 3px #0008)}.top nav{padding-top:12px;padding-bottom:12px}.brand span{font-size:10px;max-width:160px}.hero-brand{display:flex;align-items:center;gap:23px;margin-bottom:24px}.hero-brand>img{width:192px;height:128px;object-fit:contain;filter:drop-shadow(0 3px 4px #0009)}.hero-brand .eyebrow{margin:0;line-height:1.9;letter-spacing:1.5px}.hero-brand .eyebrow span{font-size:13px;letter-spacing:1px;color:#fff}.ui-top img{width:84px;height:56px;object-fit:contain}.ui-top{gap:12px}@media(max-width:680px){.logo{width:141px;height:94px}.hero-brand{gap:16px}.hero-brand>img{width:144px;height:96px}.hero-brand .eyebrow{font-size:9px;letter-spacing:1px}.hero-brand .eyebrow span{font-size:11px}.ui-top img{width:63px;height:42px}.brand span{font-size:8px}}

/* Company name occupies three rows alongside the logo. */
.brand{align-items:center}.brand>.company-name{display:flex;flex-direction:column;justify-content:space-between;height:116px;max-width:none;padding-left:20px;border-left:1px solid #657071;font-size:31px;line-height:1.05;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.brand>.company-name>span{display:block;border:0;padding:0;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;text-transform:inherit}.hero-brand .eyebrow>span{display:block;font-size:34px;line-height:1.2;margin-top:6px;letter-spacing:-.5px;font-weight:bold}.hero-brand .eyebrow{font-size:10px;letter-spacing:1px}.company-slogan{font-family:'Segoe Script','Brush Script MT','Lucida Handwriting',cursive;font-weight:500;letter-spacing:-1px;line-height:1.2;font-style:normal}.hero-title.company-slogan{font-size:clamp(46px,5.8vw,76px);letter-spacing:-1.8px}.hero-title.company-slogan em{font-style:normal}.family{text-align:center}.footer-centered{display:flex;flex-direction:column;align-items:center;text-align:center}.footer-centered .brand{justify-content:center}.footer-centered .company-name{text-align:left}.footer-centered .footer-motto{font-size:32px;line-height:1.4;color:var(--gold);margin:24px 0 25px;letter-spacing:-.4px}.footer-centered .legal{justify-content:center;flex-wrap:wrap;margin-bottom:24px}.footer-centered .copyright{font-size:11px;line-height:1.5;width:100%;border-top:1px solid #394244;padding-top:22px;margin:0;text-align:center}.support-section{background:#242c2d;color:white}.support-section .eyebrow{color:var(--gold)}.support-section .intro{color:#c5cdce}.support-section .split{align-items:center}.support-section h2{margin-bottom:0}@media(max-width:1100px){.brand>.company-name{font-size:25px;letter-spacing:1px}.hero-brand .eyebrow>span{font-size:29px}.navlinks{gap:17px}.top nav{gap:20px}}@media(max-width:680px){.brand>.company-name{height:94px;font-size:21px;line-height:1.1;padding-left:14px;letter-spacing:.6px}.brand{gap:12px}.hero-brand .eyebrow>span{font-size:25px}.hero-brand .eyebrow{font-size:8px}.hero-title.company-slogan{font-size:48px;letter-spacing:-1px}.footer-centered .footer-motto{font-size:28px}.footer-centered .brand{max-width:100%}.support-section h2{font-size:34px}}
@media(max-width:380px){.logo{width:120px;height:80px}.brand>.company-name{height:80px;font-size:18px;padding-left:12px}.hero-brand>img{width:126px;height:84px}.hero-brand .eyebrow>span{font-size:22px}.hero-title.company-slogan{font-size:43px}.footer-centered .footer-motto{font-size:25px}}

/* Approved signature font and squared company lettering. */
.company-slogan{font-family:'Oooh Baby','Segoe Script',cursive;font-weight:400;letter-spacing:0;line-height:1.35}.hero-title.company-slogan{font-family:'Oooh Baby','Segoe Script',cursive;font-weight:400;font-size:clamp(52px,6.2vw,88px);letter-spacing:0;line-height:1.2}.footer-centered .footer-motto{font-family:'Oooh Baby','Segoe Script',cursive;font-weight:400;font-size:42px;letter-spacing:0;line-height:1.35}.brand>.company-name{font-family:'Michroma',Arial,sans-serif;font-weight:400;font-size:27px;letter-spacing:.5px;line-height:1.15}.hero-brand .eyebrow{font-family:'Michroma',Arial,sans-serif;font-weight:400}.hero-brand .eyebrow>span{font-family:Arial,Helvetica,sans-serif;font-weight:bold}.top nav{flex-wrap:wrap}.footer-centered .brand{flex-wrap:nowrap}@media(max-width:1100px){.brand>.company-name{font-size:23px}}@media(max-width:680px){.brand>.company-name{font-size:18px;letter-spacing:0}.hero-title.company-slogan{font-size:50px}.footer-centered .footer-motto{font-size:36px}.hero-brand .eyebrow{font-size:8px}}@media(max-width:380px){.brand>.company-name{font-size:15px}.hero-title.company-slogan{font-size:44px}.footer-centered .footer-motto{font-size:32px}}
/* Adaptive fitting preserves the walkthrough as logo/font dimensions grow. */
.showroom-active .showroom-stage{min-height:0}.showroom-active .story-copy,.showroom-active .story-screen{will-change:transform}.showroom-active .story-screen .sample-app{transform:scale(var(--preview-fit,1));transform-origin:center}.showroom-stage:before{background-position:center calc(50% + var(--scene-shift,0px));transition:background-position .2s ease-out}.story-selector button{transition:color .22s ease,border-color .22s ease}.story-panel.is-active .sample-app{box-shadow:0 24px 65px #0006,0 0 0 1px #d5ac5022}.showroom-reveals .story-panel{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .7s ease}.showroom-reveals .story-panel.is-revealed{opacity:1;transform:translateY(0)}.brand>.company-name{font-size:24px}.hero-brand .eyebrow{font-size:9px}.hero-brand .eyebrow>span{font-size:31px}@media(max-width:1100px){.brand>.company-name{font-size:21px}.hero-brand .eyebrow>span{font-size:27px}}@media(max-width:680px){.brand>.company-name{font-size:16px}.hero-brand .eyebrow{font-size:7.5px}.hero-brand .eyebrow>span{font-size:23px}}@media(max-width:380px){.brand>.company-name{font-size:14px}.hero-brand .eyebrow>span{font-size:21px}}@media(prefers-reduced-motion:reduce){.showroom-reveals .story-panel{opacity:1;transform:none;transition:none}.showroom-stage:before,.story-selector button{transition:none}.showroom-active .story-screen .sample-app{transform:none}}

/* A restrained entrance and tactile controls complete the presentation. */
@keyframes oil-intro{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){.hero-brand,.hero-title,.hero .lead,.hero .actions{animation:oil-intro .8s cubic-bezier(.2,.65,.3,1) both}.hero-title{animation-delay:.08s}.hero .lead{animation-delay:.16s}.hero .actions{animation-delay:.24s}}
a.button,.navlinks .signin{transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}a.button:hover{background:#e6c779;border-color:#e6c779;box-shadow:0 5px 22px #d5ac5022}a.button.secondary:hover{background:#ffffff0b;border-color:var(--gold)}.navlinks .signin:hover{border-color:var(--gold)}
@media(max-width:900px){.showroom-active .story-screen .sample-app{transform-origin:top center}}