/* Tenfold 2026 expansion. Existing production art and GSAP selectors stay intact. */
html{scroll-padding-top:100px}
:focus-visible{outline:2px solid var(--gold);outline-offset:6px}
[hidden]{display:none!important}
.skip-link{position:fixed;top:8px;left:12px;z-index:300;background:var(--gold);color:var(--ink);padding:12px 20px;transform:translateY(-160%)}
.skip-link:focus{transform:none}
.nav{z-index:100}
.nav-in{gap:22px}
.nav-links{margin-left:auto;gap:0}
.nav-primary{white-space:nowrap;font-size:13px}
.menu-toggle{display:none}
.nav-links .mobile-contact{display:none}
.nav-solutions{position:relative}
.nav-solutions summary{list-style:none;cursor:pointer;padding:12px 13px;font-size:14.5px;font-weight:500;color:var(--on-dark-dim);display:flex;gap:10px;align-items:center}
summary::-webkit-details-marker{display:none}
.nav-solutions[open] summary,.nav-solutions summary:hover{color:var(--gold)}
.solution-menu{position:absolute;top:calc(100% + 10px);left:0;min-width:310px;padding:14px;background:var(--ink-3);border:1px solid var(--hair);box-shadow:0 20px 50px rgba(7,9,13,.4);border-radius:6px}
.solution-menu a{display:block;padding:13px 16px;border-radius:3px}
.hero-description{font-size:clamp(17px,1.7vw,21px);max-width:46ch;margin-top:25px}
.hero-invitation{font-size:14px;line-height:1.6;color:var(--on-dark-dim);max-width:38ch;margin:18px 0 0}
.workflow-section>.wrap>.h1{max-width:23ch;text-wrap:balance}
.home-page .hero-in{padding-bottom:48px}
.home-page .hero-actions{flex-wrap:wrap;gap:12px}
.section-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(32px,6vw,90px);align-items:end;margin-bottom:60px}
.section-intro .lede{max-width:40ch;margin:0}
.solution-list{margin-top:50px}
.solution-row{display:grid;grid-template-columns:60px 1fr 54px;gap:26px;align-items:center;padding:34px 0;border-top:1px solid var(--hair);position:relative}
.solution-row:last-child{border-bottom:1px solid var(--hair)}
.row-num{font:12px var(--mono);letter-spacing:.12em;color:var(--gold)}
.solution-row h3{font-size:clamp(24px,3vw,38px);line-height:1.13;letter-spacing:-.035em;margin:0 0 12px;font-weight:500;transition:color .25s}
.solution-row p{font-size:17px;line-height:1.5;color:var(--on-dark-dim);margin:0}
.row-arrow{font-size:32px;color:var(--gold);text-align:right;transition:transform .4s cubic-bezier(.16,1,.3,1)}
.solution-row:hover h3{color:var(--gold-lt)}
.solution-row:hover .row-arrow{transform:translate(5px,-5px)}
.solution-row>div{transition:transform .4s cubic-bezier(.16,1,.3,1)}
.solution-row:hover>div{transform:translateX(8px)}
.text-link{display:inline-flex;gap:14px;align-items:center;color:var(--gold);font-size:16px;font-weight:600;padding:12px 0;border-bottom:1px solid currentColor}
.light .text-link{color:var(--gold-ink)}
#usecases>.wrap>.text-link{margin-top:44px}
.inquiry-band{background:var(--gold);color:var(--ink)}
.inquiry-band .eyebrow{color:var(--gold-ink)}
.inquiry-band .lede{color:var(--ink-3);max-width:34ch;margin:0 0 28px}
.inquiry-band .btn-gold{background:var(--ink);color:var(--gold-lt);border-color:var(--ink);box-shadow:none}
.inquiry-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}
.inquiry-layout h2{max-width:19ch;font-size:clamp(38px,4.5vw,62px);text-wrap:balance}
.inquiry-layout .btn{white-space:normal;text-align:left}
.faq-list{margin-top:42px;max-width:900px}
.faq-list details{border-top:1px solid var(--hair)}
.faq-list details:last-child{border-bottom:1px solid var(--hair)}
.faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:24px;cursor:pointer;font-size:clamp(18px,2vw,23px);font-weight:500;padding:25px 0;line-height:1.4}
.faq-list summary>span{font-size:26px;color:var(--gold);transition:transform .35s}
.faq-list details[open] summary>span{transform:rotate(45deg)}
.faq-answer p{font-size:18px;line-height:1.7;color:var(--on-dark-dim);max-width:65ch;margin:0;padding:0 40px 28px 0}
.interior-page .nav{top:0}
.page-hero{position:relative;padding:125px 0 45px;background:var(--ink-2);overflow:hidden}
.page-hero .wrap{position:relative;z-index:1}
.page-hero .breadcrumb{display:block;width:max-content;color:var(--on-dark-dim);font:12px var(--mono);margin-bottom:55px;padding:5px 0}
.page-hero .eyebrow{display:flex;margin-bottom:24px}
.page-hero h1{font-size:clamp(42px,6.1vw,84px);font-weight:500;line-height:1.04;letter-spacing:-.045em;max-width:17ch;margin:0;text-wrap:balance}
.page-hero .lede{max-width:58ch;margin:32px 0 12px;line-height:1.6}
.hero-rule{display:block;position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--gold);opacity:.3;transform-origin:left}
.hero-bottom{display:flex;align-items:center;gap:45px;padding-block:30px 65px}
.hero-bottom p{font-size:14px;color:var(--on-dark-dim);max-width:40ch;line-height:1.6}
.problem-layout{display:grid;grid-template-columns:1fr 2fr;gap:60px}
.problem-layout .lede{max-width:56ch;margin-top:28px}
.problem-layout .eyebrow{align-self:start}
.workflow-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(45px,7vw,100px);align-items:start;margin-top:70px}
.workflow-step{padding:24px 0 65px;min-height:300px;border-top:1px solid var(--hair)}
.workflow-step h3{font-size:clamp(26px,3vw,35px);line-height:1.15;letter-spacing:-.035em;margin:20px 0;font-weight:500}
.workflow-step p{font-size:18px;color:var(--on-dark-dim);line-height:1.65;max-width:38ch}
.workflow-window{background:var(--ink-3);border:1px solid rgba(223,163,93,.25);border-radius:8px;overflow:hidden;box-shadow:0 25px 70px rgba(0,0,0,.15)}
.window-top{display:flex;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--hair);font:11px var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--gold-lt)}
.window-light{width:6px;height:6px;background:var(--gold);border-radius:50%;align-self:center}
.window-caption{font:10px var(--mono);color:var(--on-dark-dim);letter-spacing:.1em;text-transform:uppercase;margin:26px 26px 20px}
.workflow-track{height:2px;background:var(--panel-2);margin:0 26px 8px}
.workflow-track>span{display:block;height:100%;background:var(--gold);transform-origin:left}
.workflow-status{display:flex;align-items:center;gap:14px;padding:24px 26px;border-bottom:1px solid var(--hair);transition:background .5s}
.workflow-status.is-active{background:rgba(223,163,93,.075)}
.status-index{font:11px var(--mono);color:var(--gold)}
.workflow-status strong{display:block;font-size:17px;font-weight:500;line-height:1.3}
.workflow-status div>span{display:block;font-size:12px;color:var(--on-dark-dim);line-height:1.6;margin-top:7px}
.status-check{color:var(--gold);margin-left:auto}
.window-foot{margin:0;padding:23px 26px;font-size:12px;color:var(--on-dark-dim)}
.visual-caption{font:11px/1.7 var(--mono);color:var(--on-dark-dim);max-width:45ch;margin-top:20px}
.product-image{display:block;position:relative;border-radius:8px;overflow:hidden;box-shadow:0 20px 60px rgba(7,9,13,.15);background:var(--ink-2)}
.product-image img{width:100%;height:auto;display:block}
.image-link{position:absolute;right:20px;bottom:20px;display:flex;gap:26px;align-items:center;background:var(--ink);color:var(--gold);padding:16px 22px;font-size:14px;border:1px solid var(--gold-deep)}
.related-links{display:flex;flex-wrap:wrap;gap:16px 40px;margin-top:18px}
.related-links a{font-size:18px;padding:12px 0;border-bottom:1px solid var(--hair)}
.related-links span{color:var(--gold);margin-left:20px}
.process-row{display:grid;grid-template-columns:60px 1fr 1.4fr;gap:35px;padding:45px 0;border-top:1px solid rgba(7,9,13,.16)}
.process-row:last-child{border-bottom:1px solid rgba(7,9,13,.16)}
.process-row .row-num{color:var(--gold-ink)}
.process-row .lede{margin:0}
.contact-layout{display:grid;grid-template-columns:.9fr 1.2fr;gap:70px}
.contact-layout>.lede{max-width:34ch}
.contact-layout h2{margin-bottom:25px}
.contact-alternative{margin-top:50px;color:var(--on-dark-dim);line-height:1.6}
.inquiry-form{padding:0;background:none;border:0;box-shadow:none}
.inquiry-form .field{min-width:0}
.inquiry-form input,.inquiry-form textarea{width:100%;border-radius:3px!important}
.inquiry-form label{font-size:14px}
.inquiry-form .honeypot{position:absolute;left:-9999px;height:0;width:0}
.inquiry-form #inquiry-note{font-size:13px;line-height:1.6;color:var(--on-dark-dim);margin:0 0 15px}
.inquiry-form #inquiry-note.err{color:#f7aa92}
.inquiry-context{grid-column:1/-1;margin:0 0 12px;color:var(--gold);font:12px/1.6 var(--mono)}
.inquiry-done{padding:40px 0;outline:none}
.done-mark{font-size:40px;color:var(--gold);display:inline-block;margin-bottom:25px}
.resource-list{display:grid;gap:60px}
.resource-list>a{display:grid;grid-template-columns:170px 1fr;column-gap:40px;border-top:1px solid var(--hair);padding-top:30px}
.resource-list p,.resource-list .text-link{grid-column:2;color:var(--on-dark-dim);max-width:55ch;line-height:1.7}
.resource-list .text-link{color:var(--gold);width:max-content}
.reading{max-width:820px}
.reading h2{font-size:clamp(25px,3vw,35px);letter-spacing:-.025em;font-weight:500;margin:50px 0 20px}
.reading h2:first-child{margin-top:0}
.reading p{font-size:20px;line-height:1.75;color:var(--on-dark-dim);max-width:65ch}
.reading>.text-link{margin-top:30px}
.cs-page .nav{position:relative}
.cs-page .cs-hero{padding-top:65px}
@media(min-width:901px){.nav-links{display:flex!important}}
@media(max-width:1100px){.nav-in{gap:10px}.nav-links a,.nav-solutions summary{padding-inline:9px;font-size:13px}.nav-primary{padding-inline:15px}.nav-wordmark{width:130px!important}}
@media(max-width:900px){
 .nav-in{flex-wrap:wrap;position:relative;padding-block:15px;gap:18px}
 .menu-toggle{display:flex;gap:14px;align-items:center;margin-left:auto;background:none;border:1px solid var(--hair);border-radius:3px;color:var(--on-dark);padding:10px 14px;font:14px var(--sans);min-height:44px}
 .nav-primary{font-size:12px}
 .nav-links{display:none;order:4;width:100%;margin:0;align-items:stretch;padding:15px 0;flex-direction:column}
 .nav-links.is-open{display:flex}
 .nav:has(.nav-links.is-open){background:var(--ink-2);max-height:100dvh;overflow-y:auto}
 .nav-links .mobile-contact{display:block;color:var(--gold)}
 .nav-links>a,.nav-solutions summary{padding:14px 0;font-size:17px}
 .solution-menu{position:static;min-width:0;padding:6px 10px;box-shadow:none;margin-bottom:12px}
 .solution-menu a{font-size:15px;padding:14px 10px}
 .section-intro,.inquiry-layout{grid-template-columns:1fr;gap:25px}
 .section-intro{margin-bottom:38px}
 .problem-layout{grid-template-columns:1fr;gap:20px}
 .workflow-layout{gap:35px;grid-template-columns:1fr}
 .workflow-step{min-height:0;padding:25px 0}
 .workflow-step p{max-width:60ch}
 .workflow-visual{max-width:600px;width:100%}
 .process-row{grid-template-columns:38px 1fr;gap:20px}
 .process-row .lede{grid-column:2}
 .contact-layout{grid-template-columns:1fr;gap:40px}
 .page-hero{padding-top:115px}.page-hero .breadcrumb{margin-bottom:40px}
 .hero-bottom{flex-wrap:wrap;gap:10px}
}
@media(max-width:540px){
 .nav-primary{display:none}.nav-links.is-open:after{content:none}
 .solution-row{grid-template-columns:24px 1fr 24px;gap:14px;padding:28px 0}
 .solution-row p{font-size:15px}.row-arrow{font-size:26px}
 .page-hero h1{font-size:43px}.page-hero .lede{font-size:18px}
 .hero-bottom .btn{white-space:normal;text-align:left}
 .window-top,.workflow-status{padding-inline:18px}.workflow-status strong{font-size:15px}
 .status-check{display:none}.window-foot{padding-inline:18px}
 .image-link{position:static;border:0;justify-content:space-between}
 .resource-list>a{grid-template-columns:1fr;gap:5px}.resource-list p,.resource-list .text-link{grid-column:1}
 .inquiry-form{grid-template-columns:1fr}.inquiry-form .field{grid-column:1}
 .faq-answer p{padding-right:5px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
 .solution-row:hover>div,.solution-row:hover .row-arrow{transform:none}
}

/* Mobile finish: preserve desktop choreography; shorten the phone opening. */
.screenshot-enlarge{display:block;margin:14px 0 0;padding:12px 0;border:0;background:none;color:var(--gold);font:500 14px var(--sans);cursor:pointer;min-height:44px}
.light .screenshot-enlarge{color:var(--gold-ink)}
.screenshot-dialog{width:calc(100vw - 24px);max-width:1500px;height:calc(100dvh - 40px);max-height:none;margin:auto;padding:0;border:1px solid var(--hair);border-radius:8px;background:var(--ink-2);color:var(--on-dark)}
.screenshot-dialog::backdrop{background:rgba(7,9,13,.88)}
.screenshot-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-bottom:1px solid var(--hair)}
.screenshot-toolbar p{font-size:14px;line-height:1.5;margin:0}
.screenshot-toolbar button{flex-shrink:0;min-height:44px;padding:10px 16px;border:1px solid var(--hair);background:var(--panel);color:var(--on-dark);font:14px var(--sans);cursor:pointer}
.screenshot-scroll{height:calc(100% - 88px);overflow:auto;overscroll-behavior:contain;padding:12px}
.screenshot-scroll img{max-width:none;width:max(100%,1000px);height:auto}
@media(max-width:600px){
 .announce>span{display:none}
 .announce{height:32px;min-height:32px;padding:6px 12px;font-size:10px}
 .home-page .nav{top:32px}
 .home-page .hero{padding-top:135px;padding-bottom:32px}
 .home-page .hero-in{gap:28px;padding-bottom:0}
 .home-page .hero-description{font-size:17px;line-height:1.5;margin-top:20px}
 .home-page .hero-actions{margin-top:24px;gap:10px}
 .home-page .hero-actions .btn{padding:13px 16px;font-size:14px}
 .home-page .hero-invitation{margin-top:12px}
 .home-page .mock-stage{height:245px;overflow:hidden;position:relative;mask-image:linear-gradient(to bottom,black 75%,transparent)}
 .home-page .mock{transform-origin:top left;max-width:none;font-size:12px}
 .inquiry-form input,.inquiry-form textarea{font-size:16px}
 .screenshot-scroll img{width:1000px}
}
.proof-status{font:500 11px/1.6 'IBM Plex Mono',monospace;letter-spacing:.035em;color:var(--gold,#dfa35d);margin:0 0 18px}
.light .proof-status{color:#805323}
.proof-map{padding:clamp(24px,4vw,60px);border:1px solid #ffffff20;border-radius:18px;background:linear-gradient(135deg,#18202b,#0b1017);width:100%;min-height:340px;display:flex;flex-direction:column;justify-content:center;gap:20px}
.proof-map>div{display:flex;align-items:center;gap:24px;padding:20px 0;border-top:1px solid #ffffff20}
.proof-map>div>span{font:12px 'IBM Plex Mono',monospace;color:#dfa35d}
.proof-map strong{font-size:clamp(18px,2vw,26px);font-weight:500;color:#e9edf2}
#usecases .uc-shot .proof-map{aspect-ratio:auto;height:auto;min-height:340px;padding:clamp(24px,4vw,60px)}
#usecases .uc .proof-status{font:500 11px/1.6 'IBM Plex Mono',monospace;color:#dfa35d;margin-bottom:16px}
.hero-invitation{max-width:none;text-wrap:pretty}
@media(min-width:1100px){.hero-invitation{white-space:nowrap;font-size:13px}}
@media(prefers-reduced-motion:reduce){.mock .mock-bar,.mock .mock-head,.mock .mock-row,.mock .mock-spark{--lit:1!important;animation:none!important}.mock:before,.mock:after{animation:none!important}}