.product-page .header{border-bottom:1px solid var(--line)}.product-intro{display:grid;grid-template-columns:1.25fr 1fr;gap:8%;padding:65px 0 55px;align-items:center}.product-intro .eyebrow{margin-bottom:20px}.product-intro h1{font-size:clamp(65px,9vw,135px);letter-spacing:-.065em;line-height:.98;padding:0;margin:0 0 30px;overflow-wrap:anywhere}.product-intro h2{font-size:clamp(25px,3vw,39px);font-weight:400;line-height:1.2;letter-spacing:-.035em;max-width:21ch}.product-lead{font-size:17px;color:var(--body);line-height:1.8;max-width:53ch;margin-top:22px}.product-intro .text-link{margin-top:18px}.product-principle{min-width:0}.product-principle>p{font:12px var(--mono);color:var(--muted);margin-top:18px;text-align:center}.capabilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;list-style:none;padding:30px 0 35px;margin:0;border-top:1px solid var(--line);counter-reset:step}.capabilities li{counter-increment:step;position:relative;padding-left:35px}.capabilities li::before{content:'0' counter(step);position:absolute;left:0;top:4px;font:11px var(--mono);color:var(--accent)}.capabilities h3{font-size:18px;font-weight:400;line-height:1.5;margin-bottom:9px}.capabilities p{font-size:14px;line-height:1.8;color:var(--body)}.detail-demo{margin-top:48px;padding-top:40px;border-top:1px solid var(--line)}.demo-intro{display:flex;justify-content:space-between;gap:40px;align-items:flex-start}.demo-intro h2{font-size:clamp(29px,3vw,43px);font-weight:400;line-height:1.15;letter-spacing:-.035em;max-width:18ch}.demo-intro>p{max-width:360px;font-size:15px;color:var(--body);line-height:1.8}.detail-demo .desk-stage{padding-top:145px}.detail-note{margin:75px 0 55px;padding-top:32px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.7fr;gap:60px}.detail-note h2{font-size:25px;font-weight:400;letter-spacing:-.035em}.detail-note p{color:var(--body);font-size:16px;line-height:1.85;max-width:65ch}.detail-note .text-link{margin-top:14px}.related-projects{display:flex;gap:35px;justify-content:space-between;margin-bottom:70px;padding:25px 0;border-block:1px solid var(--line)}.related-projects a{display:flex;align-items:center;justify-content:space-between;gap:30px;flex:1;font-size:27px;letter-spacing:-.03em}.related-projects a span{font-size:21px;color:var(--accent)}.related-projects a:hover{color:var(--accent)}.related-projects a+a{padding-left:35px;border-left:1px solid var(--line)}.veil-steps{display:flex;flex-wrap:wrap;gap:8px;padding:20px 28px 0}.veil-steps button{background:none;border:1px solid var(--line);color:var(--muted);font:12px var(--sans);padding:9px 12px;cursor:pointer}.veil-steps button[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}#veil-step-note{padding:18px 28px 0;font-size:13px;color:var(--body);min-height:62px}.flow-lane,.flow-mapping{opacity:.32;transition:opacity .3s}.flow-body[data-flow-step="0"] .flow-out,.flow-body[data-flow-step="1"] .flow-mapping,.flow-body[data-flow-step="2"] .flow-back{opacity:1}.flow-body[data-flow-step="1"] .flow-mapping{border-color:var(--accent)}
@media(max-width:1000px){.product-intro{gap:25px}.product-principle .ascii-stage pre{font-size:7px}.capabilities{gap:23px}.demo-intro{gap:25px}.detail-note{gap:35px}.product-intro h1{font-size:9vw}}
@media(max-width:760px){.product-intro{grid-template-columns:1fr;padding:40px 0 24px;gap:20px}.product-intro h1{font-size:clamp(53px,12vw,88px);margin-bottom:24px}.product-intro h2{font-size:29px;max-width:25ch}.product-lead{font-size:16px}.product-principle{width:min(100%,390px);margin:auto}.product-principle .ascii-stage pre{font-size:clamp(5.7px,1.7vw,8px)}.product-principle>p{font-size:11px;margin-top:10px}.capabilities{grid-template-columns:1fr;gap:24px;padding-block:28px}.capabilities li{padding-left:37px}.capabilities p{max-width:50ch}.demo-intro{display:block}.demo-intro h2{font-size:31px;max-width:24ch}.demo-intro>p{margin-top:17px;font-size:14px;max-width:50ch}.detail-demo{margin-top:12px;padding-top:29px}.detail-demo .desk-stage{padding-top:120px;padding-right:85px}.detail-demo .desk-stage:has(#panel-vault),.detail-demo .desk-stage:has(#panel-veyra){padding-right:0}.detail-note{display:block;margin:45px 0 35px}.detail-note h2{margin-bottom:17px;font-size:23px}.detail-note p{font-size:15px}.related-projects{gap:17px;margin-bottom:40px}.related-projects a{font-size:21px;gap:12px}.related-projects a+a{padding-left:17px}.veil-steps{padding:15px 15px 0;gap:6px}.veil-steps button{padding:8px;font-size:11px}#veil-step-note{padding:16px 15px 0;font-size:12px;min-height:80px}.product-page .header nav{gap:19px;font-size:12px}.product-page .wordmark{font-size:18px}}
@media(max-width:390px){.product-page .header nav{gap:12px;font-size:10px}.product-page .wordmark{font-size:16px}.detail-demo .desk-stage:has(#panel-veil){padding-right:57px}.mascot-push{--size:59px}.related-projects a{font-size:19px}}

.skira-availability{padding:14px 27px;font-size:12px;color:var(--body);border-top:1px solid var(--line)}@media(max-width:600px){.skira-availability{padding:14px 18px}}
