/* Dinify landing page — October 2026 working direction. */
:root{--red:#ff2c32;--ink:#19191b;--paper:#fff;--muted:#626267;--line:#e4e4e7;--display:'Outfit',sans-serif;--body:'Plus Jakarta Sans',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:#fff;font:1rem/1.75 var(--body)}a{color:inherit}button,input,textarea{font:inherit}img{max-width:100%;height:auto;display:block}button{cursor:pointer}figure{margin:0}p{margin:0 0 20px}h1,h2,h3{font-family:var(--display);font-weight:600}h2{font-size:clamp(2.4rem,3.9vw,3.75rem);line-height:1.08;letter-spacing:-.025em;margin:0 0 24px}h3{font-size:1.7rem;line-height:1.2;letter-spacing:-.025em;margin:0 0 14px}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.skip-link{position:absolute;top:-100px;left:20px;background:var(--ink);color:#fff;padding:12px;z-index:30}.skip-link:focus{top:12px}:focus-visible{outline:3px solid #1960bd;outline-offset:5px}.site-header{display:flex;align-items:center;justify-content:space-between}.brand{flex-shrink:0}.brand img{width:136px;height:auto;max-height:42px}.site-header nav{display:flex;align-items:center}.site-header nav>a{text-decoration:none;font-weight:600}.site-header nav>a:hover,.login-link:hover{text-decoration:underline;text-underline-offset:6px}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;text-decoration:none;font-weight:700;font-size:1rem;cursor:pointer;transition:background .15s,color .15s}.hero{display:grid;align-items:center}.eyebrow{font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin:0 0 24px}.hero h1{font-weight:700}.hero h1 span{color:var(--red)}.hero-description,.hero-note{color:var(--muted)}.hero-visual{display:flex;flex-direction:column}.section-kicker{font-size:.875rem;font-weight:600;line-height:1.5;margin-bottom:24px;color:#a21720}.text-link{display:inline-block;text-underline-offset:7px;text-decoration-thickness:1px;font-size:1rem;font-weight:600}.text-link:hover{color:#a21720}figcaption{font-size:.8125rem;line-height:1.6;color:var(--muted)}
/* October direction: white canvas, editorial type and a quiet product hero. */
:root{--paper:#fff;--ink:#19191b;--muted:#626267;--line:#e4e4e7;--cream:#f6f6f7}
html{scroll-padding-top:100px}
.wrap{width:min(1280px,calc(100% - 96px))}
.site-header{position:sticky;top:0;width:100%;min-height:86px;padding:18px 3.4%;gap:24px;border-bottom:1px solid #efeff1;z-index:10;background:#fff}
.site-header .desktop-nav{gap:25px}.site-header nav>a{font-size:.875rem;white-space:nowrap}
.header-actions{display:flex;align-items:center;gap:23px}.login-link{text-decoration:none;font-weight:600;font-size:.875rem}
.button{background:#ff2c32;color:#19191b;min-height:52px;border-radius:7px;gap:12px;padding:14px 24px}
.button:hover{background:#ed1c25;color:#fff;transform:none}.button-small{min-height:44px;padding:11px 18px;font-size:.875rem}
.hero{grid-template-columns:1.15fr .85fr;gap:56px;min-height:760px;padding-block:72px 86px}
.eyebrow{font-size:.8125rem;letter-spacing:.1em}.hero .eyebrow{color:#66666b;margin-bottom:26px}
.hero h1{font-size:clamp(3.5rem,5.05vw,5.1rem);line-height:1.02;letter-spacing:-.025em;margin-bottom:28px}
.hero-description{font-size:1.0625rem;line-height:1.8;max-width:500px;margin-bottom:26px}
.hero-note{font-size:.8125rem;margin-top:18px}
.hero-visual{margin:0;position:relative;background:none;border-radius:0;overflow:visible;min-height:0;padding:0;gap:0;align-items:center;justify-content:center}
.menu-phone{width:380px;height:758px;background:#191b25;padding:10px;border-radius:45px;position:relative;box-shadow:17px 31px 40px -27px #11132070,inset 0 0 0 2px #41424b}
.phone-camera{position:absolute;top:18px;left:calc(50% - 38px);width:76px;height:20px;background:#161821;border-radius:20px;z-index:1;pointer-events:none}
.phone-screen{height:100%;border-radius:35px;background:#fff;overflow:hidden;display:flex;flex-direction:column}
.phone-status{display:flex;justify-content:space-between;flex:none;font-size:11px;line-height:20px;font-weight:700;padding:6px 22px 8px;height:34px;color:#111827}
.menu-demo-frame{display:block;width:100%;flex:1;min-height:0;border:0;background:#fff}
.hero-visual figcaption{font-size:.8125rem;color:#626267;margin-top:26px;text-align:center;max-width:380px}
.hero-visual figcaption strong,.hero-visual figcaption span{display:block}.hero-visual figcaption strong{color:var(--ink);font-weight:600}.hero-visual figcaption a{display:inline-block;margin-top:9px;text-underline-offset:4px}
.mobile-nav{display:none}.mobile-nav summary{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px 4px;cursor:pointer;list-style:none;font-size:.875rem;font-weight:600}.mobile-nav summary::-webkit-details-marker{display:none}
@media(min-width:1500px){.hero{min-height:820px}}
@media(max-width:1120px){.site-header .desktop-nav{gap:15px}.site-header{gap:16px;padding-inline:28px}.header-actions{gap:16px}.brand img{width:115px}.hero{gap:28px}.hero h1{font-size:3.6rem}}
@media(max-width:980px){.site-header .desktop-nav{display:none}.mobile-nav{display:block}.mobile-nav[open]>nav{display:flex;position:absolute;top:100%;max-height:calc(100dvh - 100%);overflow-y:auto;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:16px 28px 24px;box-shadow:0 14px 25px #00000012;border-bottom:1px solid var(--line)}.mobile-nav nav>a{padding:12px 0}.hero{grid-template-columns:1.1fr .9fr;gap:24px}.wrap{width:calc(100% - 56px)}.hero h1{font-size:3.1rem}}
@media(max-width:760px){.site-header{padding:15px 20px;min-height:76px}.header-actions{gap:14px}.login-link{display:none}.brand img{width:103px}.button-small{padding:10px 12px;font-size:.8125rem!important}.wrap{width:calc(100% - 40px)}.hero{grid-template-columns:1fr;padding-top:48px;padding-bottom:64px;gap:52px;min-height:0}.hero h1{font-size:clamp(2.8rem,9.5vw,4.5rem)}.hero .eyebrow{font-size:.75rem;margin-bottom:22px;letter-spacing:.07em}.hero-description{font-size:1rem}.hero-note{font-size:.8125rem}.hero-visual{padding:0;min-height:0}.hero-visual figcaption{margin-top:30px}.site-header .mobile-nav nav>a{display:block}}
@media(max-width:380px){.site-header{padding-inline:16px;gap:10px}.brand img{width:85px}.header-actions{gap:10px}.button-small{padding:10px;font-size:.75rem!important}.mobile-nav summary{font-size:.8125rem}}

/* Open compositions keep the commercial story distinct from the product UI. */
.benefits-section{display:grid;grid-template-columns:.9fr 1.35fr;gap:120px;padding-block:92px 112px;border-top:1px solid var(--line)}.benefits-intro{max-width:390px}.benefits-intro>p:last-child{color:var(--muted);font-size:1rem;max-width:360px}.benefit-rows article{display:grid;grid-template-columns:38px 1fr;gap:22px;padding-block:30px;border-top:1px solid var(--line)}.benefit-rows article:first-child{padding-top:0;border-top:0}.benefit-rows article:last-child{padding-bottom:0}.row-index{font-size:.875rem;font-weight:600;color:#a21720;line-height:2}.benefit-rows h3{font-size:1.55rem;margin-bottom:13px}.benefit-rows p{color:var(--muted);font-size:1rem;margin:0;max-width:570px}
.journey-section{padding:0 0 112px}.journey-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:55px}.journey-heading h2{max-width:690px;margin:0}.journey-heading>p{color:var(--muted);margin:0 0 4px;font-size:1rem}.service-journey{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:0;margin:0;border-top:2px solid var(--ink)}.service-journey li{padding:25px 35px 0 0;position:relative}.service-journey li+li{padding-left:35px;border-left:1px solid var(--line)}.service-journey li:last-child{padding-right:0}.journey-top{display:flex;flex-direction:column;margin-bottom:24px;gap:20px}.journey-top>span:first-child{font-size:.75rem;letter-spacing:.08em;color:#64646a;font-weight:600}.journey-mark{font-family:var(--display);font-size:3.5rem;letter-spacing:-.025em;color:var(--red);line-height:1}.service-journey h3{font-size:1.4rem}.service-journey p{color:var(--muted);margin:0}.service-reassurance{display:flex;align-items:baseline;gap:50px;border-bottom:1px solid var(--line);padding:35px 0;margin-top:28px}.service-reassurance strong{font-family:var(--display);font-size:1.25rem;line-height:1.4;flex:1}.service-reassurance p{flex:1.4;margin:0;font-size:1rem;color:var(--muted)}
.portal-section{padding-bottom:115px}.portal-heading{display:grid;grid-template-columns:1.2fr 1fr;column-gap:100px;align-items:end;margin-bottom:44px}.portal-heading .section-kicker{grid-column:1/-1;margin-bottom:20px}.portal-heading h2{margin:0}.portal-heading>p:last-child{color:var(--muted);margin:0 0 4px;max-width:400px}.portal-figure{max-width:1140px;margin-inline:auto}.portal-preview{border:1px solid #d7d7dc;border-radius:12px;overflow:hidden;box-shadow:0 20px 50px -30px #18191c44;background:#fff}.portal-toolbar{height:66px;display:flex;align-items:center;gap:25px;padding:18px 28px;border-bottom:1px solid var(--line);font-size:.875rem}.portal-toolbar>span:nth-child(2){margin-left:auto;color:var(--muted)}.portal-account{border-radius:50%;background:#f0f0f3;display:grid;place-items:center;width:30px;height:30px;font-size:.75rem}.portal-workspace{display:flex}.portal-sidebar{display:flex;flex-direction:column;width:165px;padding:30px 15px;border-right:1px solid var(--line);gap:8px;flex-shrink:0}.portal-sidebar>span{padding:9px 15px;font-size:.875rem;color:#5d5d63}.portal-sidebar .active{background:#fff0f0;border-radius:6px;color:#a01822;font-weight:600}.portal-orders{padding:30px;width:100%;background:#fafafa;min-width:0}.queue-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:15px}.queue-heading strong{font-family:var(--display);font-size:1.4rem;letter-spacing:-.02em}.queue-heading>span{font-size:.75rem;color:#6e6e75}.queue-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.order-ticket{background:#fff;border:1px solid #dddde2;border-radius:8px;overflow:hidden}.ticket-heading{padding:16px 14px;display:flex;justify-content:space-between;gap:6px;align-items:center;border-bottom:1px solid var(--line)}.ticket-heading>b{font-size:.875rem}.ticket-heading>span{font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:4px}.status-new{background:#ffe8e8;color:#9e1822}.status-preparing{background:#fff1d4;color:#7e5100}.status-ready{background:#e6f3e8;color:#246735}.order-ticket ul{padding:20px 14px 30px;list-style:none;margin:0}.order-ticket li{display:flex;align-items:start;gap:12px;font-size:.8125rem;line-height:1.5;margin-bottom:20px}.order-ticket li:last-child{margin-bottom:0}.order-ticket li>b{font-size:.8125rem;background:#f3f3f5;border-radius:4px;padding:0 5px}.order-ticket small{display:block;font-size:.75rem;color:#6d6d74;margin-top:5px}.ticket-footer{background:#fbfbfc;border-top:1px solid var(--line);font-size:.75rem;text-align:center;color:#6c6c73;padding:12px 8px}.portal-figure figcaption{text-align:center;margin-top:18px}.portal-bottom{display:grid;grid-template-columns:1fr 1fr;gap:100px;margin-top:45px;padding-inline:70px}.portal-bottom h3{font-size:1.65rem;margin:0}.portal-bottom p{font-size:1rem;color:var(--muted);margin:0}
.menu-section{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center;padding-bottom:116px}.dish-feature{position:relative}.dish-feature>img{width:100%;max-height:550px;object-fit:cover;aspect-ratio:1/1.03}.dish-feature figcaption{position:absolute;bottom:28px;left:28px;right:28px;padding:19px 24px;background:#fff;color:var(--ink);box-shadow:0 8px 25px #00000010}.dish-feature figcaption>span{display:block;font-size:.75rem}.dish-feature figcaption>span:first-child{text-transform:uppercase;letter-spacing:.12em;color:#777;margin-bottom:5px}.dish-feature figcaption strong{font-family:var(--display);display:block;font-size:1.45rem;line-height:1.2;margin-bottom:5px}.menu-story h2{font-size:clamp(2.4rem,3.5vw,3.5rem)}.menu-story>p:not(.section-kicker){font-size:1rem;color:var(--muted);max-width:460px}.availability-example{margin-top:28px;padding:18px 0;border-block:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;font-size:.875rem;max-width:460px}.availability-example>span:first-child{font-weight:600}.availability-example>span:last-child{color:#a21720}
.pricing-section{border-block:1px solid var(--line);padding-block:60px;display:grid;grid-template-columns:1fr 1.15fr;gap:80px}.pricing-section .section-kicker{margin-bottom:15px}.pricing-section h2{margin:0}.pricing-section h3{font-size:1.6rem}.pricing-section p{color:var(--muted);max-width:600px}.pricing-section .section-kicker{color:#a21720}.pricing-section .text-link{margin-top:3px}
.faq-section{display:grid;grid-template-columns:1fr 1.4fr;gap:100px;padding-block:110px 120px}.faq-section>div>p{color:var(--muted)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{padding:22px 32px 22px 0;font-weight:600;font-size:1rem;line-height:1.6;position:relative;list-style:none;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:2px;top:21px;color:#a21720;font-weight:400;font-size:1.4rem}.faq-list details[open] summary:after{content:'−'}.faq-list details p{color:var(--muted);font-size:1rem;margin:0 24px 24px 0}
.demo-section{background:#19191b;color:#fff;padding:96px 0}.demo-layout{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:start}.demo-intro{padding-top:0}.demo-intro .eyebrow{color:#ff9296;font-size:.8125rem}.demo-intro h2{font-size:clamp(3rem,4.5vw,4.5rem);letter-spacing:-.025em}.demo-intro>p:not(.eyebrow){font-size:1.0625rem;color:#c8c8cd;max-width:430px}.demo-signoff{display:flex;align-items:center;gap:15px;margin-top:65px;font-size:.875rem;line-height:1.6;color:#d2d2d7}.demo-card h3{font-size:1.7rem}.demo-card>p{color:#c8c8cd;font-size:1rem}.preview-note{font-size:.8125rem!important;color:#bdbdc5!important;border-left:2px solid #ff686e;padding-left:14px;margin:22px 0 25px}.field{display:flex;flex-direction:column;gap:9px;margin-bottom:22px}.field label{font-size:.875rem;font-weight:600}.field label span{font-weight:400;color:#bcbcc5}fieldset{padding:0;margin:0;border:0;min-width:0}.field input,.field textarea{padding:11px 0;border:0;border-bottom:1px solid #626268;background:transparent;color:#fff;border-radius:0;font-size:1rem;width:100%;min-height:47px;line-height:1.6}.field input::placeholder,.field textarea::placeholder{color:#aaaab4}.field textarea{resize:vertical;min-height:80px}.field input:focus,.field textarea:focus{border-bottom-color:#fff}.form-button{background:#fff;color:#19191b;width:auto;margin-top:10px;min-width:190px}.form-button:hover{background:#ff2c32;color:#19191b}.form-status{padding:15px;border-left:2px solid #ff686e;font-size:.875rem;color:#dddde3;margin-top:22px}.form-status[hidden]{display:none}footer{padding-block:35px;display:flex;justify-content:space-between;align-items:center;gap:30px}footer p{font-size:.8125rem;color:var(--muted);margin:0}dialog{max-width:480px;width:calc(100% - 40px);padding:32px;border:1px solid var(--line);border-radius:10px;color:var(--ink)}dialog::backdrop{background:#0006}dialog h2{font-size:2rem}dialog p{color:var(--muted)}
@media(max-width:1120px){.benefits-section{gap:65px}.portal-heading{column-gap:60px}.portal-sidebar{width:130px;padding-inline:8px}.portal-orders{padding:22px}.queue-columns{gap:10px}.ticket-heading{padding:14px 10px;flex-wrap:wrap}.order-ticket ul{padding-inline:10px}.portal-bottom{padding-inline:25px;gap:70px}.menu-section{gap:65px}.faq-section{gap:60px}.demo-layout{gap:70px}}
@media(max-width:980px){.benefits-section{gap:40px;grid-template-columns:.85fr 1.3fr;padding-block:65px 85px}.benefits-intro h2{font-size:2.8rem}.benefit-rows article{gap:10px;grid-template-columns:28px 1fr}.benefit-rows h3{font-size:1.4rem}.journey-heading{gap:30px}.journey-heading h2{font-size:2.5rem}.journey-heading>p{max-width:220px}.service-journey li{padding-right:22px}.service-journey li+li{padding-left:22px}.journey-top>span:first-child{font-size:.6875rem}.portal-sidebar{display:none}.portal-heading{gap:35px}.portal-heading .section-kicker{margin-bottom:0}.portal-heading h2{font-size:2.5rem}.portal-bottom{padding-inline:0;gap:40px}.menu-section{gap:42px}.menu-story h2{font-size:2.5rem}.pricing-section{gap:40px}.faq-section{grid-template-columns:.8fr 1.2fr;gap:45px}.faq-section h2{font-size:2.5rem}.demo-layout{gap:50px}.demo-intro h2{font-size:3rem}.demo-intro .eyebrow{letter-spacing:.07em;font-size:.75rem}}
@media(max-width:760px){h2{font-size:2.55rem}.benefits-section{grid-template-columns:1fr;gap:35px;padding-block:50px 68px}.benefits-intro{max-width:none}.benefits-intro h2 br{display:none}.benefits-intro p:last-child{max-width:none}.benefit-rows article{grid-template-columns:30px 1fr;gap:15px;padding-block:25px}.benefit-rows h3{font-size:1.55rem}.journey-section{padding-bottom:70px}.journey-heading{display:block;margin-bottom:30px}.journey-heading h2{font-size:2.4rem;margin-bottom:20px}.journey-heading>p{max-width:none}.journey-heading>p br{display:none}.service-journey{grid-template-columns:1fr}.service-journey li,.service-journey li+li{border-left:0;padding:26px 0;border-bottom:1px solid var(--line)}.journey-top{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.journey-top>span:first-child{font-size:.75rem}.journey-mark{font-size:2.8rem}.service-journey h3{font-size:1.55rem}.service-reassurance{display:block;margin-top:0;padding-block:25px}.service-reassurance p{margin-top:12px;font-size:1rem}.portal-section{padding-bottom:68px}.portal-heading{display:block;margin-bottom:25px}.portal-heading .section-kicker{margin-bottom:20px}.portal-heading h2{margin-bottom:22px}.portal-heading>p:last-child{max-width:none}.portal-toolbar{height:58px;padding:12px 16px;gap:12px}.portal-toolbar img{width:77px}.portal-toolbar>span:nth-child(2){font-size:.75rem}.portal-account{display:none}.portal-orders{padding:20px 14px}.queue-heading strong{font-size:1.25rem}.queue-heading{margin-bottom:18px}.queue-columns{grid-template-columns:1fr;gap:14px}.order-ticket:not(:first-child){display:none}.ticket-heading{padding:15px}.ticket-heading>b{font-size:1rem}.ticket-heading>span{font-size:.8125rem}.order-ticket ul{padding:20px 18px}.order-ticket li{font-size:.9375rem}.order-ticket small{font-size:.8125rem}.ticket-footer{font-size:.8125rem}.portal-bottom{grid-template-columns:1fr;gap:17px;margin-top:28px}.portal-bottom h3{font-size:1.55rem}.portal-bottom h3 br{display:none}.menu-section{grid-template-columns:1fr;gap:34px;padding-bottom:65px}.dish-feature>img{max-height:420px;aspect-ratio:1.1/1}.dish-feature figcaption{left:20px;right:20px;bottom:20px;padding:15px 18px}.menu-story h2 br{display:none}.menu-story h2{max-width:390px}.availability-example{font-size:.8125rem}.pricing-section{grid-template-columns:1fr;gap:24px;padding-block:38px}.pricing-section .section-kicker{margin-bottom:12px}.pricing-section h3{font-size:1.55rem}.faq-section{grid-template-columns:1fr;gap:25px;padding-block:65px}.faq-section h2 br{display:none}.faq-list summary{font-size:.9375rem;padding-block:20px}.faq-list details p{font-size:1rem}.demo-section{padding-block:60px}.demo-layout{grid-template-columns:1fr;gap:36px}.demo-intro h2{font-size:3.1rem}.demo-intro>p:not(.eyebrow){font-size:1rem}.demo-signoff{display:none}.demo-card h3{font-size:1.7rem}.demo-card{padding:0;border:0;background:none}.form-button{width:100%}footer{flex-wrap:wrap;gap:20px;padding-block:30px}footer p{font-size:.75rem}footer p:nth-child(2){max-width:210px}footer p:last-child{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.wrap > *{min-width:0}
@media(max-width:380px){.hero h1{font-size:2.45rem;line-height:1.06}}

/* Footer legal links and explicitly unfinished policy pages. */
footer{flex-wrap:wrap}
.footer-legal{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:.8125rem}
.footer-legal a{padding-block:8px;color:var(--muted);text-underline-offset:4px}
.footer-legal a:hover{text-decoration:underline;color:var(--ink)}
.legal-placeholder{padding-block:80px;max-width:760px;min-height:70vh}
.legal-placeholder h1{font-size:clamp(2.5rem,6vw,4rem);line-height:1.1;margin:24px 0}
.legal-placeholder p{font-size:1rem;color:var(--muted);margin-bottom:32px}
@media(max-width:760px){.footer-legal{width:100%;font-size:.875rem}.legal-placeholder{padding-block:48px}}

/* Keep the interactive phone upright and comfortable to operate. */
@media(max-width:1120px){.interactive-phone{width:340px;height:730px}}
@media(min-width:761px) and (max-width:980px){.interactive-phone{width:300px;height:690px}}
@media(max-width:760px){.interactive-phone{width:min(370px,100%);height:735px}.hero-visual{min-width:0}.hero-visual figcaption{margin-top:24px}}
@media(max-width:380px){.interactive-phone{height:670px;padding:8px;border-radius:38px}.phone-screen{border-radius:30px}.phone-camera{top:16px}.phone-status{padding-inline:18px}}

.form-note{font-size:1rem;color:#c8c8cd;margin:18px 0 25px}.form-note a,.form-status a{color:inherit;text-decoration:underline}.form-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.form-button:disabled{cursor:wait;opacity:.65}.form-status[data-state="success"]{border-left-color:#6edd9b}

/* Keyboard users can bypass the independent menu without tabbing through its dishes. */
.demo-skip-link{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.demo-skip-link:focus{width:auto;height:auto;max-width:100%;clip:auto;overflow:visible;white-space:normal;top:12px;left:12px;margin:0;padding:12px 16px;z-index:9;background:var(--ink);color:#fff;border-radius:6px;font-size:.875rem}

/* Contact choices remain part of the existing demo invitation. */
.field select{font:inherit;padding:12px 38px 12px 12px;border:1px solid #626268;border-radius:4px;background:#252528;color:#fff;width:100%;min-height:48px;line-height:1.6}
.field select:focus{border-color:#fff}.field [hidden]{display:none}
.field .field-hint{margin:0;color:#bcbcc5;font-size:.8125rem;line-height:1.6}
.direct-contact{margin-top:38px;padding-top:26px;border-top:1px solid #49494f;max-width:430px}
.direct-contact h3{font-size:1.45rem;margin-bottom:12px}
.direct-contact a{display:flex;width:fit-content;align-items:center;min-height:44px;text-underline-offset:5px;font-size:1rem}
.direct-contact .whatsapp-link{font-weight:600;gap:16px}.direct-contact .phone-link{color:#e2e2e7}
.direct-contact p{font-size:.875rem;color:#bcbcc5;margin-top:12px}
.demo-intro .demo-signoff{margin-top:36px}
.contact-footer{display:grid;grid-template-columns:auto 1fr auto;gap:20px 40px;align-items:start}
.contact-footer>p{max-width:300px;font-size:.875rem}
.footer-contact{grid-column:3;grid-row:1 / span 2;display:flex;flex-direction:column;align-items:flex-start}
.footer-contact a{display:inline-flex;align-items:center;min-height:44px;font-size:.875rem;text-decoration:none;text-underline-offset:4px}
.footer-contact a:hover{text-decoration:underline}
.contact-footer .footer-legal{grid-column:1 / span 2;grid-row:2}
.contact-footer>p:last-child{grid-column:1 / -1;border-top:1px solid var(--line);padding-top:20px;width:100%;max-width:none}
@media(max-width:760px){.contact-footer{grid-template-columns:1fr;gap:16px}.contact-footer .footer-contact,.contact-footer .footer-legal,.contact-footer>p:last-child{grid-column:1;grid-row:auto}.contact-footer>p:nth-child(2){max-width:300px}.direct-contact{margin-top:28px}.demo-layout{gap:42px}}