/* Light desert identity. Quiet surfaces and square portals; rounded controls. */
h1,h2,.film-hero h1{font-weight:500;letter-spacing:-.045em;word-spacing:normal;line-height:1.06}h1{font-size:clamp(3rem,5.6vw,5.6rem);max-width:21ch;overflow-wrap:normal}h2{font-size:clamp(2.2rem,3.7vw,3.8rem);max-width:25ch}h3{font-weight:500}.container{max-width:1360px;padding-inline:clamp(1.25rem,5vw,5rem)}.eyebrow{font-family:var(--font);font-size:.78rem;letter-spacing:.025em;color:var(--accent)}.button{background:var(--text);color:var(--bg);padding:.9rem 1.45rem}.button:hover{background:var(--accent);color:#fff}.quiet-button{border-color:var(--line)}.text-link{text-decoration:none;border-bottom:1px solid var(--line)}.text-link:hover{border-color:var(--accent);color:var(--accent)}:is(a,button){transition:background-color .18s,color .18s,border-color .18s}.brand{font-family:var(--font);font-size:1.45rem;letter-spacing:-.055em}.brand-period{display:none}.brand-mark{display:grid;grid-template-columns:repeat(2,8px);gap:3px;margin-right:4px}.brand-mark i{width:8px;height:8px;border:1.3px solid currentColor}.brand-mark i:first-child,.brand-mark i:last-child{border-color:var(--accent)}
.site-header{position:sticky;top:18px;width:calc(100% - 64px);max-width:1240px;margin:18px auto -94px;background:rgba(247,251,255,.96);border:1px solid rgba(145,170,189,.5);border-radius:999px;box-shadow:0 8px 30px var(--text);backdrop-filter:blur(18px);z-index:30}.nav-bar{min-height:74px;padding-inline:25px;gap:1.5rem}.services-dropdown{background:var(--surface);box-shadow:0 20px 40px var(--text);border-radius:18px}.nav-button{min-height:44px;padding:.6rem 1.2rem}#navigation{gap:1.55rem}#navigation>a:not(.button),:is(.services-menu,.search-menu)>summary{font-size:.84rem}.page-hero{padding-top:clamp(9rem,13vw,12rem);padding-bottom:5rem}.page-hero .lede{max-width:53ch;margin-top:1.8rem}.section{border-top:0;padding-block:clamp(4rem,7vw,7rem)}.page-hero+.section{padding-top:2rem}.page-contact .page-hero{padding-top:10rem;padding-bottom:2rem}.section:nth-child(2n+3){background:var(--surface)}.section h2{margin-bottom:3rem}.feature-rows article{grid-template-columns:1fr 1.45fr;padding-block:2rem}.process{gap:2.5rem 5rem}.process h3:before{font-size:.875rem;font-weight:400;display:block;margin-bottom:1.4rem}.closing{position:relative;overflow:hidden;padding-block:7rem;background:var(--surface);border:0}.closing h2{font-weight:400;letter-spacing:-.05em}.closing:after{content:'';position:absolute;right:-60px;top:15%;width:350px;aspect-ratio:1;border:1px solid var(--line);box-shadow:0 0 0 45px var(--surface),0 0 0 46px var(--line),0 0 0 90px var(--surface),0 0 0 91px var(--line);transform:rotate(15deg);pointer-events:none}.closing .container{position:relative;z-index:1}.site-footer{border:0;padding-block:5rem 0}.footer-grid>div>a:not(.brand){line-height:1.5;margin-bottom:.3rem}.price-grid{gap:0;border:1px solid var(--line);border-radius:20px;overflow:hidden}.price-grid article{border:0;border-right:1px solid var(--line);border-radius:0;background:var(--surface);padding:2.2rem}.price-grid article:last-child{border-right:0}.price-grid .price{font-weight:400;letter-spacing:-.055em}.price-grid .button{font-size:.85rem}.work-grid{gap:2rem}.work-grid article{border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;padding:2rem 0}.work-grid article h3,.work-feature h3,.two-column h3,.industry-directory h3{font-size:clamp(1.7rem,2.6vw,2.6rem);letter-spacing:-.035em}.connection-flow{background:var(--surface);border:1px solid var(--line);border-radius:16px}.connection-flow article{padding:2.5rem}.connection-flow span{font-family:var(--font);font-size:.8rem;color:var(--accent)}.two-column article{padding:2.5rem;background:var(--surface)}.two-column h3{font-weight:500}.contact-aside h2{font-size:2.2rem}.faq{max-width:none}.faq summary{font-size:1.12rem}.film-toolbar button{border-color:var(--line);background:var(--surface);color:var(--text)}.service-choices label:has(:checked){border-color:var(--accent)}::selection{background:var(--line);color:var(--text)}
/* Native scrolling drives the footage, never the scroll position. */
.tunnel-story{position:relative;background:var(--bg)}.tunnel-sticky{position:relative;min-height:800px;padding-top:160px;overflow:clip}.tunnel-composition{position:relative;min-height:560px;display:flex;align-items:center}.tunnel-copy{position:relative;z-index:2;max-width:520px;padding-block:1rem;background:linear-gradient(90deg,var(--bg) 78%,transparent);padding-right:35px}.tunnel-copy h1{font-size:clamp(3.4rem,6.3vw,6rem);max-width:10ch;font-weight:400;line-height:.98;margin-bottom:1.8rem}.tunnel-copy h1 em{font-style:normal;color:var(--accent)}.tunnel-copy .lede{font-size:1.12rem;max-width:36ch}.tunnel-copy .eyebrow{max-width:40ch;margin-bottom:1.8rem;color:var(--muted)}.tunnel-copy .eyebrow a{text-decoration:none}.tunnel-copy .actions{gap:.8rem}.tunnel-copy .quiet-button{background:var(--bg)}.tunnel-scenes{position:relative}.tunnel-scene{margin-top:4rem}.tunnel-scene h2{font-size:clamp(2.8rem,4.7vw,4.6rem);max-width:11ch;margin-bottom:1.5rem;font-weight:400}.tunnel-scene p{max-width:35ch}.tunnel-scene .scene-number{font-family:'IBM Plex Mono',monospace;color:var(--accent);font-size:.8rem;margin-bottom:1.5rem}.tunnel-bottom{position:relative;z-index:3;display:flex;align-items:center;gap:2rem;padding-block:1rem 2rem}.tunnel-track{display:flex;gap:2rem;flex:1}.tunnel-track a{font-size:.8rem;text-decoration:none;padding-block:1rem;border-top:1px solid var(--line);flex:1;color:var(--muted);min-height:44px}.tunnel-track a span{color:var(--accent);margin-right:.6rem}.tunnel-track a.is-current{border-color:var(--accent);color:var(--text)}.tunnel-bottom .film-toolbar{gap:1rem;white-space:nowrap}.scroll-note{font-size:.75rem;color:var(--muted)}
html.tunnel-enhanced .tunnel-story{height:380svh;min-height:2600px}html.tunnel-enhanced .tunnel-sticky{position:sticky;top:0;height:100svh;min-height:730px;padding-top:130px;display:flex;flex-direction:column}html.tunnel-enhanced .tunnel-composition{flex:1;min-height:0;width:100%}html.tunnel-enhanced .tunnel-copy{width:520px}html.tunnel-enhanced .tunnel-scenes{display:grid;align-items:center;min-height:420px}html.tunnel-enhanced .tunnel-scene{grid-area:1/1;margin:0;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .3s,transform .3s}html.tunnel-enhanced .tunnel-scene.is-active{visibility:visible;opacity:1;pointer-events:auto;transform:none}html.tunnel-enhanced .tunnel-bottom{width:100%;flex:none}
/* Service portraits repeat the tunnel's nested-square geometry in useful UI. */
.services{background:var(--bg)!important}.service-list article{grid-template-columns:1fr 1fr;gap:5rem;padding:3.5rem 0;align-items:center}.service-name{display:block}.service-name h3{font:500 clamp(2rem,3.6vw,3.4rem)/1.12 var(--font);letter-spacing:-.04em;max-width:12ch}.service-index{font:400 .8rem 'IBM Plex Mono',monospace;display:block;margin-bottom:1.4rem}.service-portrait{background:var(--surface);padding:2rem;margin-top:1.8rem;border-radius:12px;max-width:440px;min-height:190px}.ui-window{border:1px solid var(--line);background:var(--surface);padding:1.2rem;border-radius:8px}.ui-bar{height:5px;background:var(--line);width:35%;margin-bottom:1.3rem}.ui-title{font-size:1.45rem;line-height:1.1;letter-spacing:-.03em;margin-bottom:1.1rem;color:var(--text)}.ui-lines{display:grid;gap:.4rem}.ui-lines i{height:5px;background:var(--surface);width:88%}.ui-lines i:last-child{width:55%}.ui-columns{display:grid;grid-template-columns:1fr 1.3fr;gap:1rem}.ui-square{background:var(--line);min-height:80px;border:14px solid var(--line);outline:1px solid var(--line)}.ui-record{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);padding:.45rem 0;font-size:.75rem}.ui-record b{font-weight:400;color:var(--accent)}.ui-message{padding:.6rem .8rem;background:var(--surface);border-radius:8px;margin-bottom:.6rem;max-width:90%;font-size:.8rem;color:var(--text)}.ui-message:last-child{margin-left:15%;background:var(--surface)}.service-list article:nth-child(2) .service-name{order:2}.service-list article:nth-child(2)>div:last-child{order:1}
/* Explorer keeps the original full detail routes and channel-aware demos. */
.explorer-tools{display:grid;grid-template-columns:1.6fr 1fr;gap:1.5rem;align-items:end;margin-bottom:2rem}.explorer-tools input,.explorer-tools select{margin-bottom:0}.explorer-tools .filter-bar{max-width:none;margin:0}.explorer-count{font-size:.85rem;color:var(--muted);margin-bottom:1.5rem}.catalog-grid{display:block}.catalog-grid article{display:grid;grid-template-columns:1.1fr 1.5fr 1fr;gap:2rem;padding:1.8rem 0;border:0;border-top:1px solid var(--line);border-radius:0;background:none;align-items:center}.catalog-grid article h3{font-size:1.4rem;letter-spacing:-.025em}.catalog-grid article p{margin-bottom:.5rem}.catalog-grid .status-label{font-size:.78rem}.catalog-grid .text-link{justify-self:end}.catalog-grid .button{white-space:normal;font-size:.85rem}.bot-subnav{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:2.3rem}.bot-subnav a{font-size:.9rem;min-height:44px}.workflow-steps{list-style:none;counter-reset:flow;display:grid;grid-template-columns:1fr 1fr;gap:2.5rem 4rem;padding:0}.workflow-steps li{counter-increment:flow;border-top:1px solid var(--line);padding-top:1.3rem}.workflow-steps h3:before{content:counter(flow,decimal-leading-zero);color:var(--accent);display:block;font:400 .8rem 'IBM Plex Mono',monospace;margin-bottom:1rem}.bot-values{display:grid;grid-template-columns:1fr 1fr;gap:3rem 5rem}.bot-values h3{font-size:1.3rem}.bot-context{padding:1.2rem 1.5rem;border-left:2px solid var(--accent);background:var(--surface);font-size:.875rem;margin-bottom:2rem}.wt-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:1.5rem;align-items:start}.wt-stage,.wt-panel{border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden}.wt-stage-head{padding:1.2rem;display:flex;gap:.8rem;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--line)}.wt-channel{font-size:.75rem;color:var(--accent);border:1px solid var(--line);border-radius:99px;padding:.2rem .6rem}.wt-stage-title{font-size:.8rem;flex:1}.wt-play{border:1px solid var(--text);color:var(--text);border-radius:999px;min-height:44px;padding:.5rem 1rem;background:var(--surface);font-size:.8rem}.wt-chat{height:480px;overflow:auto;position:relative;padding:1.2rem;display:flex;flex-direction:column;gap:1rem;overscroll-behavior:contain}.wt-chat>*{flex-shrink:0}.wt-hint,.wt-empty{font-size:.875rem;color:var(--muted)}.wt-msg{max-width:89%;padding:.9rem 1.1rem;border-radius:12px;background:var(--surface);font-size:.9rem;line-height:1.65;overflow-wrap:anywhere}.wt-msg.wt-bot{align-self:flex-end;background:var(--surface)}.wt-meta{display:block;font-size:.7rem;color:var(--muted);margin-top:.6rem}.wt-mail{border:1px solid var(--line);border-radius:10px;font-size:.9rem}.wt-mail-head{background:var(--surface);padding:.8rem 1rem;display:flex;flex-direction:column;font-size:.72rem;gap:.3rem}.wt-mail-body{padding:1rem;overflow-wrap:anywhere;line-height:1.7}.wt-side{display:grid;gap:1rem}.wt-panel{padding:1.3rem}.wt-panel h3{font-size:.95rem}.wt-exrow{padding:.65rem 0;border-bottom:1px solid var(--line);display:grid;gap:.3rem}.wt-k{font-size:.73rem;color:var(--accent)}.wt-v{font-size:.85rem;overflow-wrap:anywhere}.wt-payload{font:12px/1.65 'IBM Plex Mono',monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-height:350px;overflow:auto;color:var(--muted)}.wt-typing{display:flex;gap:5px;padding:1rem}.wt-typing i{width:5px;height:5px;border-radius:99px;background:var(--accent);animation:typing 1s infinite alternate}.wt-typing i:nth-child(2){animation-delay:.2s}.wt-typing i:nth-child(3){animation-delay:.4s}to{opacity:.25;transform:translateY(-3px)}.full-transcript{max-width:none}.transcript{columns:2;column-gap:3rem}.transcript li{break-inside:avoid}.sample-payload pre{background:var(--surface)}.empty-explorer{padding:2rem;background:var(--surface)}@media(min-width:801px) and (max-width:1100px){#navigation{gap:1rem}.nav-bar{padding-inline:20px}.tunnel-copy{max-width:460px}.tunnel-copy h1{font-size:4.5rem}.tunnel-track{gap:1rem}.tunnel-bottom{gap:1rem}.tunnel-track a{font-size:.72rem}.scroll-note{display:none}}@media(max-width:800px){.site-header{width:calc(100% - 32px);top:12px;margin-top:12px;margin-bottom:-86px;border-radius:28px}.nav-bar{padding:12px 18px;min-height:66px}#navigation{max-height:70svh;overflow:auto}#navigation>a:not(.button){min-height:44px}.services-dropdown a{min-height:60px}.page-hero{padding-top:9rem}.tunnel-sticky{padding-top:120px}.tunnel-composition{min-height:660px;align-items:flex-start}.tunnel-copy{max-width:440px;background:linear-gradient(90deg,var(--bg) 70%,transparent)}.tunnel-copy h1{font-size:4.5rem}.tunnel-bottom{flex-wrap:wrap;gap:.3rem}.tunnel-track{gap:1rem}.tunnel-bottom .film-toolbar{width:100%;min-height:44px;justify-content:space-between}.tunnel-track a{font-size:.72rem}.tunnel-scene h2{font-size:3.6rem}html.tunnel-enhanced .tunnel-sticky{min-height:760px;padding-top:110px}html.tunnel-enhanced .tunnel-scenes{min-height:420px}.service-list article{gap:3rem}.service-name h3{font-size:2.5rem}.service-portrait{padding:1.2rem}.catalog-grid article{grid-template-columns:1fr 1.3fr}.catalog-grid article>a{grid-column:2;justify-self:start!important}.wt-grid{grid-template-columns:1fr}.wt-chat{height:410px}.wt-side{grid-template-columns:1fr 1fr}.closing:after{opacity:.4;right:-240px}.connection-flow article{padding:1.5rem}}@media(max-width:600px){h1{font-size:clamp(2.7rem,11vw,3.8rem)}h2{font-size:2.3rem}.section h2{margin-bottom:2rem}.page-hero{padding-top:8.5rem;padding-bottom:3rem}.page-contact .page-hero{padding-top:8.5rem}.page-contact .page-hero h1{font-size:3rem}.tunnel-sticky{padding-top:110px}.tunnel-composition{min-height:680px;display:block}.tunnel-copy{max-width:100%;width:100%;padding:0;background:none}.tunnel-copy h1{font-size:clamp(3.4rem,14vw,4.5rem);max-width:10ch;margin-bottom:1.2rem}.tunnel-copy .eyebrow{font-size:.7rem;margin-bottom:1.3rem;max-width:41ch}.tunnel-copy .lede{font-size:1rem;max-width:35ch;margin-bottom:1.4rem}.tunnel-copy .actions{gap:.6rem}.tunnel-copy .button,.tunnel-copy .quiet-button{font-size:.78rem;padding:.75rem 1.05rem;min-height:46px}.tunnel-scene{margin-top:3rem;background:var(--bg);position:relative}.tunnel-scene h2{font-size:3rem;max-width:12ch}.tunnel-scene .scene-number{margin-bottom:1rem}.tunnel-scene p{font-size:1rem}.tunnel-bottom{padding-bottom:1rem;padding-top:0}.tunnel-track{width:100%;gap:.7rem}.tunnel-track a{font-size:.66rem;line-height:1.4;padding:.65rem 0}.tunnel-track a span{display:block;margin-bottom:.3rem}.tunnel-bottom .film-toolbar{font-size:.7rem}.scroll-note{font-size:.7rem}html.tunnel-enhanced .tunnel-story{height:340svh;min-height:2500px}html.tunnel-enhanced .tunnel-sticky{height:100svh;min-height:790px;padding-top:108px}html.tunnel-enhanced .tunnel-copy{width:100%}html.tunnel-enhanced .tunnel-scenes{min-height:345px;align-items:start}html.tunnel-enhanced .tunnel-composition{flex:1;min-height:545px}html.tunnel-enhanced .tunnel-scene{background:transparent}.service-list article{grid-template-columns:1fr;gap:1.8rem;padding-block:2.5rem}.service-list article:nth-child(2) .service-name{order:0}.service-list article:nth-child(2)>div:last-child{order:0}.service-name h3{font-size:2.5rem;max-width:none}.service-portrait{max-width:none;min-height:0;margin-top:1.3rem}.service-index{margin-bottom:1rem}.price-grid{display:block}.price-grid article{border-right:0;border-bottom:1px solid var(--line);padding:2rem}.price-grid article:last-child{border-bottom:0}.closing{padding-block:4rem}.closing h2{font-size:3rem}.explorer-tools{grid-template-columns:1fr;gap:1rem}.catalog-grid article{grid-template-columns:1fr;gap:.7rem}.catalog-grid article>a{grid-column:1}.catalog-grid article h3{margin-bottom:.3rem}.workflow-steps,.bot-values{grid-template-columns:1fr;gap:1.8rem}.wt-side{grid-template-columns:1fr}.transcript{columns:1}.wt-stage-head{gap:.6rem}.wt-stage-title{min-width:130px}.connection-flow{border-radius:12px}.contact-aside h2{font-size:2rem}.two-column article{padding:1.5rem}.footer-grid h2{font-size:1rem}.feature-rows article{grid-template-columns:1fr;gap:.5rem}.film-toolbar button{font-size:.72rem}}@media(prefers-reduced-transparency:reduce){.site-header{background:var(--surface);backdrop-filter:none}}@media(prefers-reduced-motion:reduce){.wt-typing{display:none}}
.tunnel-bottom{background:var(--bg)}html:not(.tunnel-enhanced) .tunnel-copy{max-width:780px;width:100%;background:var(--bg)}html:not(.tunnel-enhanced) .tunnel-scenes{display:block}html:not(.tunnel-enhanced) .tunnel-scene{margin-bottom:3rem}html:not(.tunnel-enhanced) .scroll-note{display:none}@media(min-width:1100px){.page-hero{position:relative;overflow:hidden}.page-hero:after{content:'';position:absolute;right:-100px;top:190px;width:320px;aspect-ratio:1;border:1px solid var(--text);box-shadow:0 0 0 35px var(--bg),0 0 0 36px var(--text),0 0 0 75px var(--bg),0 0 0 76px var(--text);transform:rotate(12deg);pointer-events:none;z-index:-0}.page-hero .container{position:relative;z-index:1}}@media(max-width:600px){.tunnel-bottom{padding-top:.25rem}html.tunnel-enhanced .tunnel-sticky{min-height:0}html.tunnel-enhanced .tunnel-composition{min-height:0}html.tunnel-enhanced .tunnel-scenes{min-height:335px}.tunnel-track a{min-height:48px}.tunnel-story{overflow:clip}html.tunnel-enhanced .tunnel-story{overflow:visible}}@media(max-height:740px) and (max-width:600px){html.tunnel-enhanced .tunnel-sticky{padding-top:96px}.tunnel-copy h1{font-size:2.9rem}.tunnel-copy .lede{font-size:.9rem;margin-bottom:1rem}.tunnel-copy .eyebrow{font-size:.64rem;margin-bottom:.8rem}.tunnel-copy .button,.tunnel-copy .quiet-button{padding:.6rem .85rem;font-size:.73rem}.tunnel-scene h2{font-size:2.5rem}.tunnel-scene p{font-size:.9rem;margin-bottom:1rem}html.tunnel-enhanced .tunnel-scenes{min-height:285px}.tunnel-track a{font-size:.62rem;padding-block:.35rem}.tunnel-bottom .film-toolbar{min-height:44px}.tunnel-track a span{margin-bottom:0}.tunnel-bottom{padding-bottom:.25rem}}
html:not(.js) .site-header{position:relative;margin-bottom:0}
.quiet-button{border-color:var(--line)}
/* Owner-approved name and scannable commercial presentation. */
.site-header .brand{font-size:1.25rem;letter-spacing:-.045em}.site-header #navigation{gap:1.2rem}.pricing-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--surface)}.pricing-columns article{padding:2rem;display:flex;flex-direction:column;align-items:flex-start;border-right:1px solid var(--line)}.pricing-columns article:last-child{border-right:0}.pricing-columns h3{font-size:1.35rem;margin-bottom:1.8rem}.pricing-columns .price-caption{font-size:.8rem;margin-bottom:.3rem;color:var(--accent)}.price-amount{font-size:clamp(2.8rem,4vw,4rem);letter-spacing:-.055em;line-height:1.1;color:var(--text);font-weight:400;margin:0}.pricing-columns .price-unit{font-size:.9rem;margin:.5rem 0 1.8rem}.pricing-columns .price-scope{font-size:1rem}.pricing-columns .button{margin-top:auto;font-size:.8rem;white-space:normal;text-align:center}.application-price{display:grid;grid-template-columns:1fr 1.4fr;gap:4rem;align-items:center}.discount-columns,.addition-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.discount-columns>div,.addition-columns article{padding:1.4rem;border-bottom:1px solid var(--line)}.discount-columns strong{font-size:1.7rem;display:block;font-weight:400}.discount-columns span{font-size:.9rem}.addition-columns h3{font-size:1.1rem}.addition-columns .price-amount{font-size:2rem}.addition-columns p:last-child{font-size:.8rem}.site-footer .brand{white-space:normal}.page-pricing .page-hero .actions{margin-bottom:0}@media(max-width:1100px) and (min-width:801px){.site-header .brand{font-size:1.05rem}.site-header #navigation{gap:.8rem}.site-header #navigation>a:not(.button),.site-header :is(.services-menu,.search-menu)>summary{font-size:.77rem}.site-header .nav-button{font-size:.77rem;padding-inline:.9rem}}@media(max-width:800px){.pricing-columns{grid-template-columns:repeat(2,1fr)}.pricing-columns article{border-bottom:1px solid var(--line)}.application-price{grid-template-columns:1fr;gap:2rem}.application-price .pricing-columns{grid-template-columns:1fr}.pricing-columns article{padding:1.5rem}}@media(max-width:600px){.site-header .brand{font-size:1.08rem;gap:.35rem}.site-header .brand-mark{margin-right:2px}.pricing-columns{grid-template-columns:1fr}.pricing-columns article{border-right:0;padding:1.7rem}.pricing-columns article:last-child{border-bottom:0}.discount-columns{gap:0}.discount-columns>div{padding:.8rem}.discount-columns strong{font-size:1.5rem}.addition-columns{grid-template-columns:1fr 1fr}.pricing-columns .price-amount{font-size:3.5rem}}@media(min-width:801px) and (max-width:1239px){.site-header{width:calc(100% - 32px);top:12px;margin-top:12px;margin-bottom:-86px;border-radius:28px}.site-header .nav-bar{flex-wrap:wrap;padding:12px 18px;min-height:66px}.site-header .menu-toggle:not([hidden]){display:block}.site-header #navigation{width:100%;flex-direction:column;align-items:stretch;padding-block:1rem;gap:.3rem;max-height:70svh;overflow:auto}html.js .site-header #navigation:not(.is-open){display:none}.site-header .services-dropdown{position:static;margin-top:.5rem;min-width:0;box-shadow:none}.site-header :is(.services-menu,.search-menu)>summary{justify-content:space-between;font-size:.9rem}.site-header #navigation>a{padding:.5rem}.site-header #navigation>a:not(.button){font-size:.9rem;min-height:44px}.site-header .nav-button{margin-top:.6rem}.site-header .brand{font-size:1.25rem}}
/* Search is a nested disclosure: desktop flyout, inline mobile expansion. */
.services-dropdown>.search-menu{border-top:1px solid var(--line);margin-top:.35rem;padding-top:.35rem}.site-header .services-dropdown>.search-menu>summary{font-size:1rem;font-weight:600;min-height:52px;padding:.9rem;justify-content:space-between;border-radius:10px}.services-dropdown>.search-menu>summary:hover{background:var(--surface-2)}.services-dropdown>.search-menu>summary:after{content:'›';font-size:1.5rem}.search-menu[open]>summary{background:var(--surface)}@media(min-width:1001px){.services-menu>.services-dropdown{left:auto;right:0;width:340px}.search-menu>.services-dropdown{left:calc(100% + .5rem);right:auto;top:-.25rem;width:300px;min-width:300px}.search-menu>.services-dropdown:before{content:'';position:absolute;top:0;bottom:0;left:-.6rem;width:.6rem}}@media(max-width:1239px){.site-header .search-menu>.services-dropdown{position:static;min-width:0;margin:.4rem .3rem .4rem .9rem;padding:.2rem;border:0;border-left:2px solid var(--line);border-radius:0;box-shadow:none}.site-header .search-menu>.services-dropdown a{padding:.8rem}.services-dropdown>.search-menu[open]>summary:after{content:'⌄'}}@media(min-width:601px) and (max-width:1000px){html.tunnel-enhanced .tunnel-copy{max-width:420px}}/* R2 2026-09-14 — hero without the video: text across the full width, one type step up. */
.tunnel-story--text .tunnel-copy,html.tunnel-enhanced .tunnel-story--text .tunnel-copy,html:not(.tunnel-enhanced) .tunnel-story--text .tunnel-copy{max-width:none;width:100%;background:none;padding-right:0}
.tunnel-story--text .tunnel-copy h1{font-size:clamp(4rem,7.5vw,7.2rem);max-width:none}
.tunnel-story--text .tunnel-copy .lede{font-size:clamp(1.25rem,1.7vw,1.5rem);max-width:54ch}
.tunnel-story--text .tunnel-scene h2{max-width:18ch}
.tunnel-story--text .tunnel-scene p{max-width:54ch;font-size:1.05rem}
html:not(.tunnel-enhanced) .tunnel-story--text .tunnel-composition{padding-top:0}
@media(max-width:1239px){.tunnel-story--text .tunnel-copy h1{font-size:5rem}}
@media(max-width:600px){.tunnel-story--text .tunnel-copy h1{font-size:3.4rem}.tunnel-story--text .tunnel-copy .lede{font-size:1.15rem}}
/* R2 — pillar-page shape: four feature cards, named sub-services, chip row, mock records. */
.work-grid--four{grid-template-columns:repeat(4,1fr)}
.sub-service{margin-bottom:3.5rem;align-items:center}.sub-service .text-link{display:inline-block;margin-top:1rem}
.check-chips{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;padding:0;margin:0 0 3rem}.check-chips li{border:1px solid var(--line);border-radius:999px;padding:.55rem 1rem;background:var(--surface);font-size:.85rem}.check-chips b{font-weight:500;margin-right:.45rem}.check-chips span{color:var(--muted)}
.subhead{font-size:1.4rem;margin:0 0 1.2rem;font-weight:500}
.process--tight{gap:1.2rem 2rem;grid-template-columns:1fr}.process--tight li h3{font-size:1.15rem}
.plain-list{padding-left:1.1rem;margin:0 0 1rem}.plain-list li{margin-bottom:.45rem}
.bot-links{font-size:.95rem;line-height:2}.bot-links a{white-space:nowrap}
.score.is-idle{color:var(--faint)}

.sample-foot{display:inline-block;margin-top:.8rem;font-size:.85rem}
.sample-app{max-width:none}
.sample-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;margin:.8rem 0 1rem}.sample-tiles--six{grid-template-columns:repeat(3,1fr)}.sample-tiles div{border:1px solid var(--line);border-radius:10px;padding:.7rem;background:var(--surface);min-width:0}.sample-tiles small{display:block;font-size:.66rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.sample-tiles b{display:block;font-family:var(--display);font-size:1.55rem;font-weight:400;line-height:1.1;margin:.2rem 0}.sample-tiles em{display:block;font-style:normal;font-size:.7rem;color:var(--muted)}
.sample-bars div{display:grid;grid-template-columns:1fr auto;gap:.25rem .8rem;align-items:center;padding:.4rem 0;font-size:.85rem}.sample-bars i{grid-column:1/-1;display:block;height:6px;border-radius:3px;background:var(--line);position:relative}.sample-bars i:after{content:'';position:absolute;inset:0;width:var(--w,50%);background:var(--accent);border-radius:3px}
.sample-foot-note{font-size:.72rem;color:var(--muted);margin:.8rem 0 0}
.sample-table{width:100%;border-collapse:collapse;font-size:.8rem;margin-top:.6rem}.sample-table th,.sample-table td{text-align:left;padding:.45rem .4rem;border-bottom:1px solid var(--line);vertical-align:top}.sample-table th{font-size:.66rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.showcase-block{margin-bottom:4rem}.showcase-block .eyebrow{margin-bottom:.8rem}.showcase-block h3{margin-bottom:.8rem}
.catalog-grid--cards article{grid-template-columns:1fr 1.6fr .9fr;align-items:start;scroll-margin-top:7rem}.catalog-grid--cards h4{font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:.9rem 0 .3rem}.catalog-grid--cards .promise{font-weight:500}
.price-amount--text{font-size:1.6rem}
#inquiry .contact-grid{margin-top:0}
@media(max-width:1239px){.work-grid--four{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.catalog-grid--cards article{grid-template-columns:1fr}.sample-tiles,.sample-tiles--six{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.work-grid--four{grid-template-columns:1fr}}
/* R2 — eleven items in the pill. The desktop layout starts at 1240px (measured: the pill needs
   ~1114px and the header gives 1134px of room there); below that the existing stacked panel runs,
   which is why the 801-1000 breakpoint above was raised to 1239 rather than a third layout added. */
@media(min-width:1240px){.site-header #navigation{gap:.7rem}.site-header #navigation>a:not(.button),.site-header .services-menu>summary{font-size:.78rem}.site-header .nav-button{padding:.55rem .9rem;font-size:.78rem}.site-header .brand{font-size:1.05rem}.site-header .nav-bar{padding-inline:20px;gap:1rem}}