/* Visual direction from the supplied ChatGPT homepage reference. */
:root{--orange:#c45100;--paper:#f0f3f6;--ink:#172f40}
header{background:#172f40;color:white;border-bottom:1px solid #ffffff20}
.nav{min-height:86px}.brand img{width:250px;height:30px;max-width:100%;object-fit:contain}
.brand{display:inline-flex;max-width:55%}nav{gap:24px}nav .button{background:#e86700;border-color:#e86700;color:#fff}
.button{border-radius:6px}.hero{position:relative;isolation:isolate;min-height:440px;padding-block:60px;grid-template-columns:1.2fr 1fr;color:white;gap:25px}
.hero:before{content:'';position:absolute;inset:0 calc((1180px - 100vw)/2);background:#172f40;z-index:-2}
.hero h1{font-size:clamp(36px,4vw,54px);letter-spacing:-1.5px;line-height:1.12;max-width:690px}
.hero .eyebrow{color:#ffbd83}.hero .lead{color:#e1e7eb;font-size:19px;max-width:580px}
.hero .actions .button{background:#e86700;border-color:#e86700}.hero .text-link{color:white}
.hero-visual{padding:0}.workspace{height:340px;background-size:1150px auto;background-position:right -79px;box-shadow:0 0 45px 25px #172f4033;border-radius:5px}
.image-note{display:none}.caption{color:#d4dfe5;font-size:10px}
.credentials{background:#294456;border-block:1px solid #ffffff20}.credentials .wrap{color:#e2eaf0;padding-block:25px}.credentials strong{color:white}
.platform-section{background:linear-gradient(135deg,#eff3f7,#f8f9fb);border-color:#cbd4dc}
.platform-grid article{border-radius:12px;background:#f5f7fa;border-color:#c5cfd8;padding:34px;box-shadow:0 6px 22px #18354a05}
.platform-logo{width:180px;height:48px;object-fit:contain;margin-bottom:26px}
img[src$="skadate.svg"]{background:transparent;padding:0;box-sizing:border-box;width:180px;height:48px;object-fit:contain}
.platform-grid h3{font-size:27px}.section{padding-block:70px}.service-grid{background:#fff}.service-grid article{padding-block:30px}
.detail-hero{background:#f3f6f9}.detail-brand img{background:transparent}.detail-cta{background:#eaf0f5}
footer{background:#172f40;color:white;border-color:#294456}.footer-top p,.legal,.trademark{color:#c6d3dc}.legal{border-color:#ffffff30}
.contact-note{font-size:14px;color:var(--muted);max-width:380px;margin-top:30px}
@media(max-width:1260px){.hero:before{inset:0 -40px}}
@media(max-width:1000px){.hero:before{inset:0 -24px}.brand img{width:220px;height:auto}.hero{grid-template-columns:1.2fr 1fr}.workspace{height:330px;background-size:1100px auto;background-position:right -75px}.hero .lead{font-size:17px}nav{gap:15px}}
@media(max-width:760px){.nav{min-height:78px}.brand{max-width:75%}.brand img{width:240px;height:auto}#menu{color:white;background:transparent;border-color:#ffffff60}nav a:hover{color:#ffbd83}.hero{grid-template-columns:1fr;padding-block:38px;gap:25px}.hero:before{inset:0 -20px}.hero h1{font-size:40px;max-width:100%}.hero .lead{font-size:17px}.workspace{height:275px;background-size:1040px auto;background-position:right -71px}.hero-visual{padding:0}.credentials .wrap{gap:12px}.platform-grid article{padding:28px}.section{padding-block:55px}.footer-top .brand{max-width:100%}.detail-hero{background:transparent}}
@media(max-width:380px){.hero h1{font-size:34px}.brand img{width:210px}.workspace{height:250px;background-size:970px auto;background-position:right -66px}}

.pricing-note{margin:30px 0;padding-top:24px;border-top:1px solid var(--line);max-width:420px}.pricing-note h3{font-size:20px;margin-bottom:12px}.pricing-note p{font-size:15px;color:var(--muted);margin:0}

.service-context{max-width:810px;color:var(--muted);margin-bottom:30px}.troubleshooting{display:grid;grid-template-columns:1fr 1.2fr;gap:20px 45px;padding:32px;margin-top:28px;background:var(--paper);border:1px solid var(--line);border-radius:8px}.troubleshooting .eyebrow{font-size:10px;margin-bottom:12px}.troubleshooting h3{margin-bottom:0;font-size:22px}.troubleshooting>p{font-size:15px;color:var(--muted);margin:0}.troubleshooting>a{color:var(--orange);grid-column:2}.request-examples{margin-top:28px}.request-examples h3{font-size:19px;margin-bottom:8px}.request-examples p,.request-examples li{font-size:14px;color:var(--muted)}.request-examples p{margin-bottom:6px}.request-examples ul{margin-top:0;padding-left:20px}@media(max-width:760px){.troubleshooting{grid-template-columns:1fr;padding:24px}.troubleshooting>a{grid-column:auto}}

.selected-work{border-bottom:1px solid var(--line)}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.work-grid article{border:1px solid var(--line);border-top:3px solid var(--orange);border-radius:8px;padding:32px;background:var(--paper)}.work-label{font-size:10px;font-weight:700;letter-spacing:1.5px;color:var(--muted)}.work-grid h3{font-size:27px;margin:20px 0 15px;overflow-wrap:anywhere}.work-grid p{font-size:15px;color:var(--muted);max-width:440px}.work-grid .text-link{color:var(--orange)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){.work-grid{grid-template-columns:1fr}.work-grid article{padding:26px}}

/* Full-width platform hero background, independent of the content wrapper. */
.detail-hero{background:transparent;position:relative;isolation:isolate}.detail-hero::before{content:"";position:absolute;inset-block:0;left:calc((100% - 100vw)/2);right:calc((100% - 100vw)/2);background:#f3f6f9;z-index:-1}body{overflow-x:clip}

/* Screen-wide navigation and homepage banner, matching the supplied reference. */
header .nav{width:100%;padding-inline:clamp(24px,4.2vw,80px)}
.hero.wrap{width:100%;margin:0;padding:58px clamp(24px,4.2vw,80px);min-height:480px;display:block;background:#172f40;overflow:hidden}
.hero:before{inset:0;background:#172f40}
.hero>div:first-child{position:relative;z-index:2;width:57%;max-width:800px}
.hero h1{font-size:clamp(40px,4.1vw,66px);max-width:800px}
.hero .lead{max-width:650px}
.hero-visual{position:absolute;inset:0 0 0 auto;width:55%;padding:0;z-index:0}
.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#172f40 0%,#172f4080 18%,transparent 44%)}
.hero .workspace{height:100%;border-radius:0;box-shadow:none;background-size:1660px auto;background-position:right -114px}
.hero .caption{position:absolute;bottom:8px;right:20px;margin:0;z-index:1;text-shadow:0 1px 3px #172f40}
@media(min-width:1700px){.hero.wrap{min-height:530px}.hero .workspace{background-size:1850px auto;background-position:right -128px}}
@media(max-width:1000px) and (min-width:761px){.hero>div:first-child{width:64%}.hero h1{font-size:43px}.hero .lead{max-width:500px}.hero .actions{gap:15px}.hero-visual{width:53%}}
@media(max-width:760px){header .nav{padding-inline:20px}.hero.wrap{padding:38px 20px 0;min-height:0}.hero>div:first-child{width:100%;max-width:none}.hero h1{font-size:40px}.hero-visual{position:relative;inset:auto;width:calc(100% + 40px);height:290px;margin:30px -20px 0}.hero .workspace{background-size:1090px auto;background-position:right -75px}.hero-visual:after{background:linear-gradient(180deg,#172f40 0%,transparent 28%)}.hero .caption{right:15px}.hero .actions{gap:20px}}
@media(max-width:380px){.hero h1{font-size:34px}.hero-visual{height:260px}.hero .workspace{background-size:1000px auto;background-position:right -69px}}

.language-note{font-size:15px;color:var(--muted);max-width:420px;margin-top:25px}.language-note strong{color:var(--ink)}

.conversation-banner{position:relative;isolation:isolate;background:#172f40 url("images/contact-collaboration.png") center/cover no-repeat;color:#fff;min-height:360px;display:flex;align-items:center;padding:48px 0}.conversation-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#152b3cf0 0%,#152b3c99 34%,transparent 63%);z-index:-1}.conversation-banner .wrap{position:relative}.conversation-banner .eyebrow{font-size:10px;color:#ffc28e;max-width:430px}.conversation-banner h2{font-size:clamp(32px,3.3vw,48px);max-width:540px;color:white;margin-bottom:18px;line-height:1.13}.conversation-banner p:not(.eyebrow){font-size:17px;line-height:1.6;color:#edf2f6;max-width:440px;margin-bottom:24px}.conversation-banner .button{background:#c45100}.banner-caption{position:absolute;right:16px;bottom:8px;font-size:10px;color:#fff;text-shadow:0 1px 4px #000}@media(min-width:1700px){.conversation-banner{min-height:430px}}@media(max-width:760px){.conversation-banner{min-height:510px;align-items:flex-end;padding:235px 0 32px;background-size:auto 290px;background-position:70% top}.conversation-banner:before{background:linear-gradient(180deg,transparent 25%,#172f40 54%)}.conversation-banner h2{font-size:34px}.conversation-banner .eyebrow{font-size:9px;margin-bottom:16px}.conversation-banner p:not(.eyebrow){font-size:16px}.banner-caption{font-size:9px}.conversation-banner .button{margin-bottom:10px}}