:root{--canvas:#0b151d;--surface:#14232d;--paper:#edf6fa;--muted:#b3c6ce;--line:#365464;--accent:#68d9ef;--ink:#0b1b25;--body:Arial,Helvetica,sans-serif;--display:Georgia,'Times New Roman',serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-padding-top:2rem}body{margin:0;background:var(--canvas);color:var(--paper);font:16px/1.7 var(--body)}a{color:inherit;text-underline-offset:.3em}a:hover{color:var(--accent)}a:focus-visible,main:focus-visible{outline:3px solid var(--accent);outline-offset:5px}header,main,footer,.release{max-width:1280px;margin:auto;padding-inline:clamp(22px,5vw,72px)}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font-weight:700;line-height:1.2}.brand>img{border-radius:10px;object-fit:contain}.brand small{display:block;color:var(--accent);font-size:12px;letter-spacing:.1em;margin-top:5px}nav{display:flex;gap:26px;flex-wrap:wrap}nav a{font-size:14px;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.release{padding-block:15px;color:var(--muted);font-size:13px}.release span{color:var(--accent);margin-right:8px}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(30px,5vw,76px);padding-block:48px 70px;align-items:center}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:700;color:var(--accent);line-height:1.7}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--display);font-weight:400;text-wrap:balance;line-height:1.07;letter-spacing:-.045em}h1{font-size:clamp(46px,5.6vw,78px);margin-block:24px}h1 em{display:block;color:var(--accent);font-weight:400}h2{font-size:clamp(34px,3.8vw,51px);max-width:19ch}h3{font-size:19px;line-height:1.4;font-weight:500}.intro{font-size:17px;max-width:51ch;color:var(--muted)}.actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-block:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--accent);color:var(--ink);border:1px solid var(--accent);padding:13px 20px;text-decoration:none;font-size:14px;font-weight:700;min-height:48px}.button:hover{background:#a8f1fb;color:var(--ink)}.text-link{display:inline-block;font-size:14px;min-height:44px;padding-block:10px;text-decoration:none;border-bottom:1px solid var(--accent)}.small{font-size:12px}.muted{color:var(--muted)}.conversation{position:relative;border:1px solid var(--line);background:var(--surface);overflow:hidden}.product-art{display:block;width:100%;height:auto;max-height:280px;object-fit:contain;background:#102532}.conversation-body{padding:25px 28px 15px}.conversation blockquote{margin:20px 0;font:italic 27px/1.3 var(--display);letter-spacing:-.02em}.conversation-body>p:not(.eyebrow):not(.small){font-size:14px}.strip{display:flex;justify-content:space-between;gap:20px;border-block:1px solid var(--line);padding:23px 0;font-size:12px;color:var(--muted)}.strip span::before{content:'↗';color:var(--accent);margin-right:12px}main>section:not(.hero):not(.page-heading):not(.page-sections){padding-block:76px}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:65px;margin-bottom:35px}.section-heading p{max-width:50ch;color:var(--muted);font-size:15px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.steps article{border-top:1px solid var(--line);padding-top:18px}.number{display:block;color:var(--accent);font-size:12px;margin-bottom:24px}.steps p,.page-sections p{color:var(--muted);font-size:15px}.future{display:grid;grid-template-columns:1fr 1fr;gap:65px;border-block:1px solid var(--line)}.future p{font-size:15px}.availability p{max-width:75ch;color:var(--muted)}.closing{text-align:center;background:var(--surface);padding-inline:25px;margin-bottom:65px}.closing h2{margin-inline:auto;max-width:22ch}.closing p:not(.eyebrow){max-width:60ch;margin-inline:auto;color:var(--muted)}footer{border-top:1px solid var(--line);padding-block:35px;display:flex;justify-content:space-between;gap:30px;font-size:12px}footer nav{gap:22px;align-content:start}footer nav a{font-size:12px}footer p{max-width:45ch}.page-heading{padding-block:65px 30px;max-width:880px}.page-heading h1{font-size:clamp(44px,5vw,68px);max-width:19ch}.page-heading .intro{max-width:65ch}.page-sections{max-width:880px}.page-sections article{border-top:1px solid var(--line);padding:26px 0 12px}.page-sections .number{float:left;margin-right:20px;padding-top:3px}.page-sections h2,.page-sections p{margin-left:40px}.bottom{margin-bottom:70px}.skip{position:absolute;left:10px;top:-100px;z-index:5;background:var(--accent);color:var(--ink);padding:12px}.skip:focus{top:10px}::selection{background:var(--accent);color:var(--ink)}@media(max-width:760px){header{align-items:flex-start;flex-direction:column;gap:16px;padding-block:18px}nav{gap:20px}.hero{grid-template-columns:1fr;padding-top:25px;gap:30px}h1{max-width:13ch}.hero .intro{max-width:45ch}.conversation{max-width:520px}.product-art{max-height:230px}.strip{flex-direction:column;gap:10px}.section-heading,.future{grid-template-columns:1fr;gap:15px}.grid{grid-template-columns:1fr;gap:24px}.number{margin-bottom:12px}main>section:not(.hero):not(.page-heading):not(.page-sections){padding-block:48px}footer{flex-direction:column}.page-heading{padding-top:35px}.page-sections h2,.page-sections p{margin-left:0}.page-sections .number{float:none}.actions{gap:12px 20px}}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}.button{transition:background .15s ease}}

.page-sections h2{font:500 19px/1.4 var(--body);letter-spacing:normal;max-width:none;text-wrap:initial}
.release{display:flex;align-items:center;gap:10px;width:max-content;max-width:calc(100% - 44px);margin:20px auto 0;padding:9px 14px;border:1px solid var(--line);border-left:3px solid var(--accent);background:var(--surface);font-size:12px;line-height:1.5}
.release span{margin:0;font-size:9px}
.availability{border-top:1px solid var(--line)}
@media(max-width:760px){.release{margin-top:16px}}

/* Account and consent pages */
.access-page{min-height:100vh;background:var(--canvas)}.access-page .access-header,.access-page .access-footer{max-width:960px}.access-label{color:var(--accent);font-size:11px;letter-spacing:.12em}.access-main{max-width:760px;margin:48px auto 72px;padding:clamp(24px,5vw,48px);border:1px solid var(--line);background:var(--surface)}.access-main h1{font-size:clamp(40px,6vw,62px);margin:0 0 24px}.access-main h2{font-size:30px;margin:48px 0 16px;padding-top:28px;border-top:1px solid var(--line)}.access-main p{color:var(--muted);overflow-wrap:anywhere}.access-main p[role=status]{padding:16px;border-left:3px solid var(--accent);background:#1a3542;color:var(--paper)}.access-main form{display:flex;flex-wrap:wrap;gap:16px;margin:24px 0}.access-main label{display:grid;gap:8px;flex:1 1 100%;font-size:14px;font-weight:700}.access-main input:not([type=hidden]),.access-main select{width:100%;min-height:48px;padding:12px;color:var(--paper);background:var(--canvas);border:1px solid #7995a3;border-radius:2px;font:inherit}.access-main button{min-height:48px;padding:12px 20px;border:1px solid var(--accent);background:var(--accent);color:var(--ink);font:700 14px var(--body);cursor:pointer}.access-main button[value=deny],.access-main button[value=disconnect]{background:transparent;color:var(--paper);border-color:#7995a3}.access-main button:hover{filter:brightness(1.12)}.access-main :is(a,button,input,select):focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media(max-width:760px){.access-main{margin:24px 16px 48px}.access-page .access-header{flex-direction:row;align-items:center}.access-main form button{flex:1 1 auto}}

/* Editorial landing and account presentation */
body{background:radial-gradient(ellipse 70% 560px at 50% -160px,#173040 0%,transparent 75%),var(--canvas)}
header{border-color:#284452}nav a{position:relative;color:var(--paper)}nav a::after{content:'';position:absolute;left:0;right:100%;bottom:5px;height:1px;background:var(--accent);transition:right .18s ease}nav a:hover::after,nav a:focus-visible::after{right:0}
.brand>img{background:#142a36;border:1px solid #3c5d6e}.brand small{font-weight:600}
.release{border-radius:999px;border-left:1px solid var(--line);background:#12232d;padding:8px 16px;letter-spacing:.015em}.release span{color:var(--accent);text-shadow:0 0 12px #68d9ef80}
.hero{gap:clamp(36px,6vw,84px);padding-block:clamp(42px,5vw,74px) 80px}.hero h1{line-height:1.02;max-width:12ch}.hero .intro{line-height:1.8}.hero .small{max-width:47ch}
.button,.access-main button{border-radius:4px;box-shadow:0 1px 0 #ffffff30 inset}.button:active,.access-main button:active{transform:translateY(1px)}.text-link{border-bottom-color:#308da9}.text-link:hover{border-bottom-color:var(--accent)}
.conversation{border-color:#355868;border-radius:12px;background:linear-gradient(160deg,#19313e,#111f29 65%);box-shadow:0 22px 70px #00000030}.product-art{height:clamp(220px,23vw,300px);max-height:none;padding:20px;background:radial-gradient(ellipse at 50% 52%,#1c4e68 0%,#183445 50%,#102532 100%);border-bottom:1px solid #3b6070}.conversation-body{padding:30px clamp(24px,3vw,38px) 28px}.conversation blockquote{font-size:clamp(25px,2.1vw,31px);line-height:1.27;color:var(--paper)}.conversation-body>p:not(.eyebrow):not(.small){color:#d6e8ef;line-height:1.75}.conversation-body .small{margin-bottom:0}
.strip{padding-block:22px;gap:24px;color:#bfd3dc;font-size:13px}.strip span{flex:1}.strip span:last-child{text-align:right}.strip span:nth-child(2){text-align:center}
.section-heading{align-items:start}.steps{gap:20px}.steps article{padding:24px 20px 18px;border:1px solid #31505e;border-top:2px solid #168fca;border-radius:4px;background:linear-gradient(165deg,#162b36,#101d26)}.steps .number{font-weight:700;letter-spacing:.12em;margin-bottom:30px}.steps h3{font-family:var(--display);font-size:24px;letter-spacing:-.025em}.steps p{line-height:1.75}.future{align-items:start}.closing{border:1px solid #31505f;border-radius:10px;background:radial-gradient(ellipse at 50% 0%,#1d4052,#142732 70%)}
.access-page{background:radial-gradient(ellipse 65% 480px at 50% -120px,#1b3849,transparent 75%),var(--canvas)}.access-page .access-header{border-color:#355260}.access-main{border-radius:12px;border-color:#385968;background:linear-gradient(155deg,#182e39,#12212b 40%);box-shadow:0 24px 70px #00000035;padding:clamp(26px,5vw,54px)}.access-main h1{line-height:1.05;max-width:17ch}.access-main h2{max-width:none;text-wrap:balance;font-size:clamp(27px,3vw,32px);padding-top:32px;margin-top:52px;border-color:#3b5968}.access-main p{line-height:1.75}.access-main p[role=status]{border-radius:0 6px 6px 0;background:#1b3d4c;border-left-width:4px;line-height:1.6}.access-main label{color:#e7f3f7;letter-spacing:.01em}.access-main input:not([type=hidden]),.access-main select{border-color:#7696a4;border-radius:4px;background:#0b1720;min-height:52px;font-weight:400}.access-main input:user-invalid{border-color:#e7a89a}.access-main input:not([type=hidden]):hover,.access-main select:hover{border-color:#b7d9e5}.access-main button{min-height:50px;padding-inline:22px}.access-main button[value=deny],.access-main button[value=disconnect]{box-shadow:none;background:#142631}.access-main form[action='/logout'] button{background:transparent;color:var(--paper);border-color:#7696a4;box-shadow:none}.access-main a:where(:not(.button)){color:var(--accent)}.access-main a:where(:not(.button)):hover{color:#a8f1fb}.access-main :is(a,button,input,select):focus-visible{outline:3px solid #68d9ef;outline-offset:4px}
@media(max-width:760px){header{gap:12px}.brand>img{width:46px;height:46px}nav{gap:4px 20px}nav a{min-height:44px}.hero{padding-block:36px 54px}.hero h1{font-size:clamp(44px,11vw,60px);max-width:13ch}.conversation{max-width:none}.product-art{height:240px}.strip{gap:14px}.strip span,.strip span:nth-child(2),.strip span:last-child{text-align:left}.steps{gap:12px}.steps .number{margin-bottom:18px}.steps article{padding:22px}.access-main{margin:24px 16px 48px;padding:25px 22px}.access-main h1{font-size:clamp(36px,10vw,48px)}.access-main h2{margin-top:42px}.access-page .access-header{gap:8px}.access-label{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Optional connection controls */
.access-main>details{margin:40px 0 28px;border:1px solid #3b5a69;border-radius:8px;background:#10212b;overflow:hidden}.access-main>details>summary{cursor:pointer;min-height:52px;padding:13px 18px;color:var(--paper);font-weight:700;list-style-position:inside}.access-main>details>summary::marker{color:var(--accent)}.access-main>details>summary:hover{background:#203b4a}.access-main>details>summary:focus-visible{outline:3px solid var(--accent);outline-offset:-4px}.access-main>details[open]>summary{border-bottom:1px solid #3b5a69}.access-main>details>:not(summary){margin-left:20px;margin-right:20px}.access-main>details>h2:first-of-type{margin-top:24px;padding-top:0;border:0}.access-main>details>h2{font-size:clamp(25px,3vw,30px)}.access-main>details>p:last-child{margin-bottom:20px}@media(max-width:760px){.access-main>details{margin-top:32px}.access-main>details>:not(summary){margin-left:16px;margin-right:16px}}

/* Authentic Geekist attribution alongside the product mark. */
.brand small{display:flex;align-items:center;gap:5px;line-height:1;letter-spacing:0;margin-top:6px}.brand small>span{font-size:10px;font-weight:600;color:var(--muted);letter-spacing:.04em}.brand small .geekist-wordmark{display:block;width:104px;height:17px;object-fit:contain}

/* Clear support choices across the landing page and support page. */
.contact-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;margin:0 0 72px;padding:clamp(24px,4vw,42px);border:1px solid #355868;border-radius:10px;background:linear-gradient(145deg,#19313e,#12232d)}
.contact-panel h2{font-size:clamp(30px,3.2vw,42px);margin-bottom:14px}
.contact-panel p:not(.eyebrow){max-width:58ch;margin-bottom:0;color:#d6e8ef}
.contact-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.contact-panel .contact-actions{justify-content:flex-end;margin:0}
.whatsapp-button{background:#173a34;border-color:#53b99c;color:#e5fff5}
.whatsapp-button:hover{background:#205044;color:#fff}
.contact-actions .button{min-height:52px;justify-content:center;gap:16px;padding-inline:18px}
.page-heading .contact-actions{margin-top:28px}
.page-heading .contact-actions .button{min-width:190px}
.contact-actions .button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
@media(max-width:760px){.contact-panel{grid-template-columns:1fr;gap:22px;margin-bottom:48px;padding:24px 20px}.contact-panel .contact-actions{justify-content:stretch}.contact-actions{display:grid;grid-template-columns:1fr}.contact-actions .button{width:100%;min-height:52px}.page-heading .contact-actions .button{min-width:0}}

/* Browser error recovery stays readable and usable at narrow widths. */
.access-main [role="alert"]{margin:24px 0;padding:18px 20px;border:1px solid #b97668;border-left:4px solid #f2aa97;border-radius:6px;background:#3b2628;color:#fff2ee;line-height:1.6}
.access-main .access-error-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin:24px 0}
.access-main .access-error-actions a{display:inline-flex;align-items:center;min-height:48px;padding:10px 16px;border:1px solid #83dcea;border-radius:4px;color:#b5f3fb;text-decoration:none;font-weight:600}
.access-main .access-error-actions a:hover{background:#224553;color:#fff;text-decoration:underline}
@media (max-width:480px){.access-main .access-error-actions{align-items:stretch;flex-direction:column}.access-main .access-error-actions a{justify-content:center;text-align:center}}

/* Assistant connection guides */
main>.guide-content{max-width:880px;padding-block:10px 72px!important}.guide-content h2{font-size:clamp(27px,3vw,38px);margin-top:48px}.guide-content p{max-width:70ch;color:var(--muted)}.guide-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:36px}.guide-choices a{display:grid;gap:8px;min-height:120px;padding:24px;border:1px solid var(--line);border-radius:8px;background:var(--surface);text-decoration:none}.guide-choices strong{font:26px var(--display)}.guide-choices span{color:var(--accent)}.guide-choices a:hover{border-color:var(--accent)}.guide-availability,.guide-address{padding:22px 24px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.guide-address{margin-top:26px}.guide-address h2{font-size:26px;margin:0 0 12px}.guide-address p{color:var(--paper)}.guide-steps{padding:0;list-style:none;counter-reset:guide}.guide-steps li{position:relative;counter-increment:guide;padding:22px 0 12px 58px;border-top:1px solid var(--line)}.guide-steps li:before{content:counter(guide);position:absolute;left:0;top:21px;display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--accent);border-radius:50%;color:var(--accent);font-weight:700}.guide-steps h3{margin-bottom:8px;font-weight:700}.guide-steps p{margin-bottom:12px}.guide-content a:not(.button){color:var(--accent)}@media(max-width:600px){.guide-choices{grid-template-columns:1fr}.guide-address,.guide-availability{padding:18px}.guide-address .button{width:100%;gap:12px}.guide-steps li{padding-left:48px}}

/* Sign-in progress is announced as text; animation is decorative. */
.access-main [data-progress-status]:not(:empty){display:flex;align-items:center;gap:12px;width:100%;margin:0;padding:14px 16px;border:1px solid #507886;border-radius:6px;background:#183746;color:var(--paper)}
.access-main [data-progress-status]:not(:empty)::before{content:'';flex:0 0 16px;width:16px;height:16px;border:2px solid #78a9b9;border-top-color:var(--accent);border-radius:50%}
.access-main [data-progress-recovery]:not(:empty){width:100%;margin:0;color:var(--paper);font-size:14px}
.access-main button[aria-disabled=true]{cursor:wait;opacity:.75}
@media(prefers-reduced-motion:no-preference){.access-main [data-progress-status]:not(:empty)::before{animation:access-progress-spin 1s linear infinite}@keyframes access-progress-spin{to{transform:rotate(360deg)}}}
.guide-copy-row{display:flex;gap:10px;align-items:stretch}.guide-address label{display:block;font-weight:700;margin-bottom:8px}.guide-copy-row input{min-width:0;flex:1;padding:12px;color:var(--paper);background:var(--canvas);border:1px solid #7995a3;border-radius:4px;font:inherit}.guide-copy-row button{cursor:pointer;font-family:var(--body)}.guide-copy-row :is(input,button):focus-visible{outline:3px solid var(--accent);outline-offset:4px}.guide-address [role=status]{margin:10px 0 0;color:var(--paper)}.guide-address [role=status]:empty{display:none}@media(max-width:600px){.guide-copy-row{flex-direction:column}.guide-copy-row button{width:100%}}

/* Illustrative examples based on the MCP Apps briefing views. */
.showcase{border-bottom:1px solid var(--line)}.showcase-heading{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:34px}.showcase-heading h2{margin-bottom:0}.showcase-heading>p{max-width:55ch;margin:0;color:var(--muted)}.showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.showcase-card{min-width:0;padding:clamp(18px,2.6vw,30px);border:1px solid #315564;border-radius:10px;background:linear-gradient(145deg,#193541,#101f29);box-shadow:0 18px 45px #0002}.showcase-index,.screen-kicker{font-size:10px;font-weight:700;letter-spacing:.13em;color:var(--accent)}.showcase-index{margin-bottom:18px}.showcase-screen{height:calc(100% - 36px);padding:clamp(20px,3vw,32px);border:1px solid #3a5c6c;border-radius:9px;background:#0b1922}.showcase-screen h3{font:400 clamp(25px,3vw,34px)/1.15 var(--display);letter-spacing:-.035em;margin-bottom:22px}.showcase-fields,.showcase-records{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.showcase-field{min-width:0;padding:14px;border:1px solid #365464;border-radius:6px;background:#142b37}.showcase-field dt{color:#b3c6ce;font-size:11px}.showcase-field dd{margin:5px 0 0;font:400 clamp(18px,2vw,25px)/1.2 var(--display);overflow-wrap:anywhere}.showcase-field:first-child{border-color:#5794a7;background:#183844}.screen-note{color:#b3c6ce;font-size:12px;line-height:1.6;margin:18px 0 0}.showcase-chart{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:end;list-style:none;margin:0;padding:16px 4px 0;border-bottom:1px solid #496675;background:repeating-linear-gradient(to top,transparent 0,transparent 48px,#34505e 49px,#34505e 50px)}.showcase-chart li{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;font-size:11px;color:#b3c6ce}.showcase-chart strong{color:#e6f6fa;font-size:12px}.showcase-bar{display:block;width:min(42px,70%);height:120px;fill:#68d9ef}.showcase-chat blockquote{margin:0 0 18px;padding:14px 18px;border-left:3px solid var(--accent);background:#183844;font:italic 20px/1.4 var(--display)}.showcase-chat>p:not(.screen-note){font-size:14px;color:#d6e8ef}.showcase-records .showcase-field{padding:20px}.showcase-records dd{color:#a8effa}
@media(max-width:760px){.showcase-heading,.showcase-grid{grid-template-columns:1fr}.showcase-heading{gap:18px}.showcase-card{padding:18px}.showcase-screen{padding:20px}.showcase-chart{gap:5px}}

.whatsapp-icon{display:block;flex:none;width:21px;height:21px;color:#25d366}
footer .footer-whatsapp{display:inline-flex;align-items:center;gap:8px}

.showcase-figure{margin:0}.showcase-figure a{display:block;border:1px solid #3a5c6c;border-radius:8px;overflow:hidden}.showcase-figure img{display:block;width:100%;height:auto}.showcase-figure figcaption{margin-top:12px;color:var(--muted);font-size:12px}.showcase-figure a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}

/* Put a real contact option and the running example where visitors can find them. */
.header-whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;padding:9px 13px;min-height:44px;border:1px solid #53b99c;border-radius:6px;background:#173a34;color:#e5fff5;font-size:14px;font-weight:700;text-decoration:none}.header-whatsapp:hover{background:#205044;color:#fff}.header-whatsapp:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.dashboard-preview{display:block;max-width:1040px;margin:auto;border:1px solid #52707e;border-radius:10px;overflow:hidden;background:#f2f6f7;text-decoration:none}.dashboard-preview img{display:block;width:100%;height:auto}.dashboard-preview>span{display:block;padding:16px 20px;background:#183441;color:#b8f3fa;font-weight:700}.dashboard-preview:hover>span{background:#244b5a}.showcase-disclosure{max-width:1040px;margin:12px auto 0;color:var(--muted);font-size:13px}.journey-help{margin-top:20px}@media(max-width:760px){header:has(>.header-whatsapp){position:relative;padding-right:145px}.header-whatsapp{position:absolute;right:22px;top:19px}header:has(>.header-whatsapp) nav{width:calc(100% + 123px)}.dashboard-preview>span{padding:14px 16px}}
@media(max-width:760px){header nav{gap:4px 14px}header nav a{font-size:13px}}
.chatgpt-examples{display:grid;grid-template-columns:minmax(0,390px) minmax(0,1fr);gap:clamp(24px,5vw,64px);align-items:start}.chatgpt-examples figure{margin:0}.chatgpt-examples figure a{display:block;border:1px solid #3a5c6c;border-radius:12px;overflow:hidden}.chatgpt-examples img,.chatgpt-tour video{display:block;width:100%;height:auto}.chatgpt-examples figcaption{margin-top:12px;color:var(--muted);font-size:13px}.chatgpt-tour{max-width:390px}.chatgpt-tour h3{font:400 28px/1.2 var(--display);margin-bottom:8px}.chatgpt-tour p{color:var(--muted);font-size:14px}.chatgpt-tour video{border:1px solid #3a5c6c;border-radius:12px;background:#000}@media(max-width:760px){.chatgpt-examples{grid-template-columns:1fr}.chatgpt-examples figure,.chatgpt-tour{max-width:390px;width:100%;margin-inline:auto}}
.hero-example{display:block;max-height:370px;overflow:hidden;border-bottom:1px solid #3b6070;background:#000}.hero-example img{display:block;width:100%;height:370px;object-fit:cover;object-position:top}.chatgpt-examples{grid-template-columns:repeat(2,minmax(0,390px));justify-content:center;gap:clamp(24px,4vw,48px)}.chatgpt-examples h3{font:400 25px/1.2 var(--display);margin-bottom:14px}.chatgpt-tour video{width:100%}@media(max-width:760px){.hero-example img{height:300px}.chatgpt-examples{grid-template-columns:1fr}}

/* Product identity inside the OAuth consent card. */
.consent-heading{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(14px,3vw,24px);align-items:center;margin-bottom:28px}
.consent-product-mark{width:clamp(52px,10vw,80px);height:auto;object-fit:contain;border:1px solid #3c5d6e;border-radius:12px;background:#142a36}
.consent-heading h1{max-width:none;margin:0;font-size:clamp(30px,5vw,50px);text-wrap:wrap}
.consent-byline{display:flex;align-items:center;gap:7px;margin-top:8px;color:var(--muted);font:600 12px/1.2 var(--body);letter-spacing:normal}
.consent-byline img{display:block;object-fit:contain;max-width:100%;height:auto}