/* Qoretix: neutral surfaces, legible product UI and finite motion. */
:root{--paper:#fff;--warm:#f3f3f5;--warm-2:#e7e7e9;--ink:#212123;--ink-2:#646466;--ink-3:#6b6b6d;--accent:#485ad5;--accent-soft:#eef0fc;--sect:clamp(3.5rem,5vw,5rem);--r-xl:22px;--shadow-hero:0 2px 3px #26262806,0 22px 48px -26px #2626284d;--shadow-float:0 8px 30px -16px #26262830;--ease-out:cubic-bezier(.22,1,.36,1)}
[hidden]{display:none!important}body{font-weight:430;line-height:1.7}h1,h2,h3{font-weight:590;letter-spacing:-.045em;text-wrap:balance}h1{line-height:1.14}h2{line-height:1.23}p{text-wrap:pretty}.container{max-width:83rem;padding-inline:2.5rem}
.btn{border-radius:8px;box-shadow:none;min-height:48px;transition:background .2s,transform .2s,box-shadow .2s}.btn--primary{background:var(--ink);color:#fff}.btn--primary:hover{background:#38383a;box-shadow:0 5px 14px #21212318;transform:translateY(-2px)}.btn--ghost{background:#fff;border-color:#dddddf}.btn--ghost:hover{background:#f5f5f7}.btn__ic,.arrow-link .ic{transition:transform .22s}.btn:hover .btn__ic,.arrow-link:hover .ic{transform:translateX(3px)}
.eyebrow{font-size:.76rem;font-weight:570;letter-spacing:.025em;gap:.65rem}.tag{font-size:.67rem;line-height:1.4;min-height:20px;padding:.2rem .5rem;border-radius:5px}.tag--live{background:#e9f3e7;color:#326132}.tag--preview{background:#eeebfb;color:#5f5087}
.nav{border-bottom:1px solid #e9e9eb40;background:#ffffffee;backdrop-filter:blur(14px)}.nav__inner{max-width:83rem;margin:auto;padding-inline:2.5rem}.nav__cta{min-height:38px}.nav__link{font-size:.875rem;min-height:44px}.nav .wordmark{width:124px}.nav__lang>span:not(.sr-only){color:#8b8b8d;font-size:.68rem}.mega{border-radius:0 0 16px 16px;box-shadow:0 24px 48px #22222414;border-color:#e5e5e7}.mega__item{border-radius:9px;transition:background .18s}.mega__item:hover{background:#f2f2f4}.crumbs{font-size:.73rem;padding-top:1rem}
.hero{padding:5rem 0 5.5rem;overflow:clip}.hero__bg{background:none;mask-image:none}.hero__grid{gap:3.5rem}.hero__copy{gap:1.4rem}.hero__title{font-size:clamp(2.5rem,4.5vw,4.35rem);font-weight:590;max-width:22ch}.hero__lead{font-size:1.04rem;line-height:1.85;max-width:40rem;color:var(--ink-2)}.hero__actions{gap:.7rem;margin-top:.25rem}.hero__note{font-size:.75rem}
.hero--stage{padding-top:4.7rem;padding-bottom:0}.hero--stage .hero__grid{display:block}.hero--stage .hero__copy{max-width:65rem;gap:1.25rem;text-align:center;justify-items:center;margin-inline:auto}.hero--stage .hero__title{font-size:clamp(2.5rem,5vw,4.6rem);line-height:1.13;max-width:26ch;letter-spacing:-.052em}.hero--stage .hero__lead{max-width:48rem;font-size:1.05rem;line-height:1.75}.hero--stage .hero__stagewrap{margin-top:3.2rem}.stage{height:auto;padding:2.1rem;background:#efeff1;background-image:none;border:1px solid #e7e7e9;border-radius:22px;overflow:visible}.stage::after{display:none}.hero--stage:has(.stage--single){padding-bottom:4rem}
.hero--product .hero__grid{grid-template-columns:minmax(0,10fr) minmax(0,13fr);gap:3rem;min-height:450px}.hero--product .hero__title{font-size:clamp(2.4rem,3.5vw,3.65rem);max-width:17ch;line-height:1.2}.hero--product .hero__lead{max-width:33rem;font-size:1.03rem}.hero--product .hero__visual{display:grid;align-items:center;min-height:460px;padding:2.25rem;background:#f0f0f2;border:1px solid #e7e7e9;border-radius:20px;overflow:visible;isolation:isolate}.hero--product[data-visual="security"] .hero__visual{background:#f1f1f3}.hero--product[data-visual="api"] .hero__visual,.hero--product[data-visual="cases"] .hero__visual,.hero--product[data-visual="plan"] .hero__visual{background:#f0f0f8}.hero--product[data-visual="monitoring"] .hero__visual{background:#efeff1}.hero--product .hero__visual>.v{width:100%;max-width:none;margin:0;min-width:0}.hero--product .hero__visual .v__in{min-width:0}
.hero--text{padding:4.5rem 0;background:#f7f7f9;border-bottom:1px solid #ebebed}.hero--text .hero__copy{max-width:54rem}.hero--text .hero__title{font-size:clamp(2.7rem,4.7vw,4.3rem);max-width:23ch}
.hero--human .hero__visual{min-height:610px;display:flex;align-items:flex-end;padding:1.5rem;overflow:hidden;background:#e9e9eb}.human-photo{position:absolute;inset:0;z-index:-1}.human-photo img{width:100%;height:100%;object-fit:cover;object-position:center}.hero--human .v--experts .card{box-shadow:0 10px 45px #4d4d4f33;background:#fffffff5}.hero--human .float--memo{display:none}.hero--human .todo li{padding-block:.42rem;font-size:.76rem}
/* Keyboard-operable product preview. */
.product-tour{background:#fff;border:1px solid #dddddf;border-radius:13px;overflow:hidden;box-shadow:var(--shadow-hero)}.tour-top{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.6rem;border-bottom:1px solid #ededef;font-size:.8rem}.tour-brand{font-weight:650;letter-spacing:-.025em}.tour-brand span{font-weight:430;color:var(--ink-3);margin-left:.6rem}.tour-env{font-size:.68rem;background:#f2f2f4;padding:.23rem .6rem;border:1px solid #e7e7e9;border-radius:5px}.tour-tabs{display:flex;gap:1.9rem;padding:0 1.6rem;border-bottom:1px solid #e7e7e9}.tour-tabs button{display:flex;align-items:center;gap:.5rem;position:relative;padding:1.15rem .15rem;color:var(--ink-3);font-size:.875rem;font-weight:520;min-height:52px}.tour-tabs button[aria-selected="true"]{color:var(--ink)}.tour-tabs button[aria-selected="true"]::after{content:"";position:absolute;bottom:-1px;inset-inline:0;height:3px;border-radius:3px;background:#7d7d7f}.tour-tabs .ic{width:18px;height:18px}.tour-panel{padding:1.6rem;background:#fbfbfd;min-height:405px}.tour-panel__grid{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(0,1fr);gap:1.25rem;align-items:start}.tour-panel .v{min-width:0;padding:0}.tour-panel .card{margin:0;box-shadow:0 3px 15px #27272910;max-width:none}.tour-panel .card--prev{margin-top:.75rem;position:static;transform:none}.tour-panel .verdict-big{padding:1.1rem 0}.tour-panel .verdict-big .vb{font-size:1.6rem}.tour-link{display:flex;justify-content:flex-end;align-items:center;gap:.55rem;font-size:.78rem;font-weight:560;margin-top:1.25rem;min-height:30px}.tour-link:hover{text-decoration:underline;text-underline-offset:4px}.tour-panel.is-entering{animation:tour-reveal .4s var(--ease-out)}@keyframes tour-reveal{from{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:none}}
/* Site rhythm and section-specific scenes. */
.section+.section:not(.section--dark){border-top:1px solid #f0f0f2}.shead{margin-bottom:2.8rem;gap:.9rem}.shead__title,.split__title{font-size:clamp(1.9rem,3.25vw,2.9rem);max-width:24ch}.shead--center .shead__title{max-width:26ch;margin-inline:auto}.lead{font-size:1.02rem;color:var(--ink-2);line-height:1.8;max-width:45rem}.split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:4.2rem}.split--flip{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.split__copy{gap:1.1rem}.split__text{font-size:1rem;line-height:1.85}.checks{gap:.8rem}.checks li{font-size:.9rem;line-height:1.75}
.split__visual{display:grid;place-items:center;padding:2.1rem;min-height:360px;border-radius:18px;background:#f1f1f3;background-image:none;border:1px solid #eaeaec;overflow:visible;isolation:isolate}.split__visual:has(.v--flow){min-height:360px;padding:2rem}.split__visual[data-visual="plan"],.split__visual[data-visual="api-contract"],.split__visual[data-visual="case-detail"],.split__visual[data-visual="api-evidence"]{background:#f1f0f8}.split__visual[data-visual="security"],.split__visual[data-visual="finding"],.split__visual[data-visual="supply"]{background:#efeff1}.split__visual[data-visual="events"],.split__visual[data-visual="monitoring"]{background:#efeff1}.split__visual>.v{width:100%;min-width:0;max-width:none;margin:0}.split__visual .v__in{min-width:0}.section--dark .split__visual{border-color:#ffffff14;background:#f1f1f3}.split__visual--media{background:#eeeef0;overflow:hidden;min-height:450px;padding-top:8rem}.split__visual--media>.media--photo{opacity:1}.split__visual--media>.v{position:relative;z-index:1}.split__visual--media .media--photo::after{background:linear-gradient(transparent,#e9e9eb88)}
.stats{gap:0;border-block:1px solid #e8e8ea}.stat{padding:1.6rem 1.8rem;background:none;border:0;border-right:1px solid #e8e8ea;border-radius:0}.stat:last-child{border-right:0}.stat__num{font-size:2.15rem}.stat__label{font-size:.8rem}.section--tight:has(.stats){padding-block:3rem}
.pillar{background:#fbfbfd;border-color:#e6e6e8;border-radius:14px;box-shadow:none}.pillar__visual{background:#f1f1f3;min-height:200px;height:200px}.pillar--s .pillar__visual{background:#eeeef0}.pillar--m .pillar__visual{background:#eeeef0}.pillar__body{padding:1.8rem}.pillar__q{font-size:1.6rem;line-height:1.3;letter-spacing:-.04em}.pillar__text{font-size:.92rem;line-height:1.8}.pillar__get{background:transparent;border-top:1px solid #e2e2e4;border-radius:0;padding:1rem 0}
.fcard{background:transparent;border:0;border-top:1px solid #e1e1e3;border-radius:0;padding:1.7rem .6rem 1.8rem 0;box-shadow:none}.fcard:hover{box-shadow:none}.fcard--link:hover{background:#f9f9fb;transform:translateY(-3px)}.fcard__icon{background:#f2f2f4;color:#5d5d5f;width:42px;height:42px;border:1px solid #e5e5e7;border-radius:11px}.fcard__title{font-size:1.27rem;line-height:1.4}.fcard__text{font-size:.91rem;line-height:1.8}.fgrid--dense{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.fgrid--dense .fcard{padding:1.1rem;border:1px solid #e6e6e8;border-radius:10px;background:#fbfbfd;display:flex;flex-direction:column;align-items:flex-start;gap:.7rem}.fgrid--dense .fcard__text{display:block;font-size:.78rem}.fgrid--dense .fcard__title{font-size:1rem}.fgrid--dense .fcard:last-child:nth-child(4n+1){grid-column:span 2}
.lcards{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.lcard{border:1px solid #e4e4e6;border-radius:14px;overflow:hidden;background:#fff;box-shadow:none;transition:transform .25s,box-shadow .25s}.lcard:hover{transform:translateY(-4px);box-shadow:0 14px 35px #2626280c}.lcard__visual{height:260px;background:#f1f1f3;padding:1.7rem 2rem;overflow:hidden;display:grid;align-items:start;border-bottom:1px solid #e6e6e8}.lcard:nth-child(2n) .lcard__visual{background:#f0eef7}.lcard__visual>.v{width:100%;max-width:none;margin:0;padding:0;transform:none}.lcard__visual .card,.lcard__visual .sheet{padding:1.1rem;border:1px solid #e2e2e4;border-radius:10px;box-shadow:0 10px 28px #2f2f310d}.lcard__body{padding:1.8rem;display:flex;flex-direction:column;gap:.85rem}.lcard__body h3{font-size:1.55rem}.lcard__body p{font-size:.92rem;line-height:1.8}.lcard__body .arrow-link{margin-top:auto;padding-top:.35rem}.lcard__visual .browsers{max-width:260px;margin:auto;width:100%}.lcard__visual .card__foot{display:none}.lcard__visual .pipeline li:nth-child(n+4){display:none}.lcards[data-count="5"]>.lcard:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.lcards[data-count="5"]>.lcard:last-child .lcard__visual{height:auto;min-height:260px;border-bottom:0}
.steps{gap:1.1rem}.steps[data-count="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}.steps[data-count="5"]{grid-template-columns:repeat(5,minmax(0,1fr))}.step{padding:1.5rem 1.2rem;background:#f7f7f9;border:1px solid #e7e7e9;border-radius:12px;position:relative}.step__no{background:#ececee;color:#5b5b5d;border:0;border-radius:50%;font-size:.78rem;min-width:32px;min-height:32px}.step__title{font-size:1.04rem;line-height:1.5}.step__text{font-size:.85rem;line-height:1.8}.step__visual{display:none}
.options{gap:1.5rem}.option{padding:2.1rem;background:#f6f6f8;border:1px solid #e4e4e6;border-radius:16px}.option--human{background:#efeff1;color:var(--ink)}.option--human .option__text,.option--human .option__list,.option--human .option__fit,.option--human .eyebrow{color:var(--ink-2)}.option--human .option__strong{color:var(--ink);border-color:#d2d2d4}.option--human .btn--primary{color:#fff;background:var(--ink)}.option__visual{height:245px;overflow:hidden;border-radius:10px;background:#fff;border:1px solid #e2e2e4;padding:1.15rem;margin-bottom:1.8rem}.option__visual .card{padding:1rem;box-shadow:none}.option__visual .float{display:none}.option__title{font-size:1.65rem;line-height:1.35}.option__text{font-size:.95rem}.option__fit{border-color:#dfdfe1}.role{border-radius:12px;border-color:#e3e3e5;background:#f8f8fa;padding:1.7rem}
.tablewrap{border-radius:12px;border-color:#e3e3e5}.itable thead th{background:#f1f1f3;font-weight:580}.itable td,.itable th{padding:1.05rem 1.3rem;font-size:.875rem;line-height:1.75}.faq{border-top:1px solid #dfdfe1}.faq__item{border-color:#dfdfe1}.faq__item summary{min-height:76px;font-size:1.02rem;font-weight:550;padding:1.35rem 0}.faq__item[open] summary{color:#535355}.faq__a{font-size:.95rem;line-height:1.9;max-width:44rem;padding-bottom:1.5rem}
.cta{padding-block:4rem}.cta__box{padding:4rem 4.5rem;border-radius:20px;background:#ededef;color:var(--ink);border:1px solid #e2e2e4;box-shadow:none}.cta__bg{display:none}.cta__copy h2{font-size:clamp(2rem,3vw,3rem);max-width:24ch}.cta__copy p{color:var(--ink-2);font-size:1rem}.cta .btn--primary{background:var(--ink);color:#fff}.cta .btn--ghost{background:transparent;color:var(--ink);border-color:#b6b6b8}.cta__contact{color:#69696b;border-color:#d5d5d7;font-size:.81rem}.cta__contact a{color:var(--ink)}.footer{background:#f8f8fa;border-top:1px solid #e8e8ea}.footer__title{font-size:.82rem;color:var(--ink)}.footer__col a{font-size:.81rem}.footer__brand p{font-size:.84rem;max-width:19rem;line-height:1.9}.footer__bottom{font-size:.72rem}
/* Keep text contrast explicit when moving formerly dark surfaces to light. */
.cta__copy h2{color:var(--ink)}.footer{color:var(--ink)}.footer__brand .wordmark{color:var(--ink)}.footer__brand p,.footer__col a,.footer__bottom,.footer .lang span{color:var(--ink-2)}.footer__col a:hover,.footer__bottom a:hover,.footer .lang a[aria-current="page"]{color:var(--ink)}.footer__bottom{border-color:#e0e0e2}.option--human .option__list h4{color:var(--ink-2)}.option--human .checks__ic{background:#e5e5e7;color:#5d5d5f}.option--human .tag{background:#e5e5e7;color:#505052}.option--human .option__visual .card{background:#fff;border-color:#e1e1e3;color:var(--ink)}.option--human .option__visual .todo li{background:transparent}.option--human .option__visual .m,.option--human .option__visual .todo li:not(.done):not(.doing) .ic{color:var(--ink-2)}
.v--cases .wt{table-layout:fixed;width:100%}.hero__visual .v--cases .wt td,.split__visual .v--cases .wt td{white-space:normal;overflow-wrap:anywhere}.split__visual .v--cases .wt th:nth-child(3),.split__visual .v--cases .wt td:nth-child(3){display:none}.v--cases .wt .tag{white-space:normal}
/* Product screens use real fields; no important content under floating pieces. */
.v{color:var(--ink)}.v__in{min-width:0}.card{border:1px solid #e1e1e3;border-radius:12px;padding:1.25rem;box-shadow:var(--shadow-float);font-size:.8rem}.card__head{gap:.6rem;flex-wrap:wrap;line-height:1.6}.card__head>b{font-size:.87rem}.card__head .m{font-size:.66rem}.card__foot{flex-wrap:wrap;gap:.4rem;font-size:.74rem;padding-top:.8rem;line-height:1.6}.card--prev{margin-top:.75rem;position:static;max-width:none;transform:none;box-shadow:none;background:#fbfbfd}.v--verdict{padding:0}.card--verdict{max-width:none}.verdict-big{padding:1.35rem 0}.verdict-big p{font-size:.76rem;line-height:1.6}.kv li{font-size:.76rem;gap:1rem;line-height:1.75}.kv li>b{min-width:0}.kv li>span:first-child{flex-shrink:0}.rows li{padding:.8rem .85rem;gap:.75rem;align-items:center}.rows li b{font-size:.78rem;white-space:normal;overflow:visible;text-overflow:clip}.rows li div span{font-size:.7rem;line-height:1.6}.rows li .pill{font-size:.59rem;white-space:normal;text-align:center;flex-shrink:0}.rows--api li{flex-wrap:wrap}.rows--api li b{font-size:.72rem}.rows--api li .m{font-size:.65rem}.scan-tiles{gap:.5rem}.st{padding:.65rem}.st b{font-size:.76rem}.st span,.st em{font-size:.63rem}.impact{flex-wrap:wrap;font-size:.74rem;padding:.7rem}
.wt th,.wt td{font-size:.72rem;line-height:1.6;padding:.7rem .55rem;white-space:normal;overflow-wrap:anywhere}.wt--matrix th:not(:first-child),.wt--matrix td:not(:first-child){text-align:center;white-space:nowrap}.wt--matrix th{font-size:.63rem}.wt--matrix th:first-child{width:38%}.hero__visual .wt--matrix td:nth-child(3),.hero__visual .wt--matrix th:nth-child(3),.split__visual .wt--matrix td:nth-child(3),.split__visual .wt--matrix th:nth-child(3){display:table-cell}.hero__visual .wt td,.split__visual .wt td{font-size:.72rem}.hero__visual .v--cases .wt td:nth-child(5),.hero__visual .v--cases .wt th:nth-child(5),.split__visual .v--cases .wt td:nth-child(5),.split__visual .v--cases .wt th:nth-child(5){display:none}.hero__visual .v--cases .wt td:first-child,.split__visual .v--cases .wt td:first-child{width:64%}.pr{flex-wrap:wrap;gap:.6rem;padding:.65rem 0}.pr>b{font-size:.84rem}.pr>span{font-size:.7rem}.pr__btns{margin-left:auto}
.v--experts .v__in,.v--plan .v__in,.v--org .v__in{display:grid;gap:.85rem}.v--plan{padding:0}.v--plan .card--doc,.v--plan .card--side{max-width:none;width:100%;margin:0;position:static;transform:none}.v--experts{padding:0}.v--experts .float--memo,.v--org .float--role{position:static;justify-self:end;margin:0;max-width:100%;width:auto;animation:none}.todo li{padding:.7rem .85rem;font-size:.79rem;gap:.5rem}.todo .m{font-size:.67rem;margin-left:auto;max-width:53%;text-align:right}.float{animation:none!important}.float--memo{padding:.75rem 1rem;box-shadow:none;border:1px solid #e0e0e2}.float--memo b{font-size:.76rem}.float--memo span{font-size:.65rem}.sheet--behind,.sheet--behind2{display:none}.v--report{padding:0}.sheet{border:1px solid #dfdfe1;box-shadow:var(--shadow-float);padding:1.35rem;font-size:.78rem}.sheet__row{padding:.6rem 0;font-size:.76rem;gap:.8rem;align-items:baseline}.sheet__row b{min-width:0}.sheet__sec{font-size:.68rem;color:#6e6e70}
.browsers{gap:.65rem;grid-template-columns:repeat(3,minmax(0,1fr))}.br{transform:none!important;min-width:0;background:#fff;border-radius:9px}.br__bar{min-height:29px;padding:.5rem}.br__bar i{width:4px;height:4px}.br__bar span{font-size:.65rem;white-space:nowrap}.br__page{padding:.9rem .7rem;gap:.48rem;min-height:188px}.browser-form__title{font-size:.8rem;font-weight:650;margin-bottom:.2rem}.browser-form__label{font-size:.62rem;color:#79797b}.br__field{height:auto;min-height:29px;padding:.35rem .4rem;font-size:.66rem;background:#fff}.br__btn{height:auto;width:100%;font-size:.64rem;text-align:center;color:#fff;min-height:28px;padding:.3rem}.br__msg{font-size:.57rem;line-height:1.5;max-width:100%;width:auto}.br__foot{font-size:.65rem;padding:.55rem}.evidence-strip{font-size:.68rem;gap:.55rem;line-height:1.65}.evidence-strip .m{margin-left:0;font-size:.61rem}
.split__visual .win__body{grid-template-columns:7rem minmax(0,1fr)}.split__visual .win__side{font-size:.6rem;padding:.5rem .3rem}.split__visual .win__side>span{font-size:.62rem;padding:.4rem .2rem}.split__visual .win__side .win__proj span{display:none}.split__visual .win__main{padding:.65rem}.split__visual .win .wt td:nth-child(2),.split__visual .win .wt th:nth-child(2){display:none}.split__visual .win .wt td,.split__visual .win .wt th{font-size:.59rem;padding:.5rem .2rem}.split__visual .win .vb{font-size:.51rem}.win__main{min-width:0}.win__body{grid-template-columns:11rem minmax(0,1fr)}.win__head,.tile__nums,.tile__t{flex-wrap:wrap}.win__btn{flex-shrink:0}.win__side>span{padding:.4rem .55rem}.win__proj{flex-wrap:wrap}.tile__nums em{flex-wrap:wrap;gap:.45rem}.win--wide .win__body{min-height:0}.win--wide .win__main{padding:1.6rem}.win--wide .tile{padding:1rem 1.1rem}.win--wide .wt th,.win--wide .wt td{font-size:.78rem}.win--wide .tile__t{font-size:.83rem}.win--wide .vlist li{font-size:.78rem}.stage .win__side>span{font-size:.76rem}.stage .win__grp{font-size:.67rem}
.orgs{grid-template-columns:1fr;gap:.8rem}.org{padding:1rem;background:#fff}.org__rows{display:flex;flex-wrap:wrap;gap:.5rem}.org__h{flex-wrap:wrap}.hero__visual .orgs{grid-template-columns:1fr}.org__foot{margin-top:.75rem}.graph{min-height:300px;aspect-ratio:1.65;max-width:100%}.node{padding:.65rem .7rem;border-radius:9px}.node b{font-size:.72rem}.node span{font-size:.56rem}.node--c{background:#3e3e40}.graph__ln{animation:none!important}.node .ic{font-size:1.1rem}
.pipeline{margin:0;padding:0}.pipeline li{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:.8rem;border-top:1px solid #eaeaec;padding:.8rem 0}.pipeline li:first-child{border-top:0}.pipeline__icon{width:34px;height:34px;display:grid;place-items:center;background:#f2f2f4;border:1px solid #e4e4e6;border-radius:9px;color:#646466}.pipeline li b{display:block;font-size:.79rem;font-weight:580}.pipeline li div>span{display:block;font-size:.68rem;color:var(--ink-3);line-height:1.6;margin-top:.1rem}.pipeline__state{font-size:.59rem;color:#487036;background:#edf4e6;padding:.18rem .45rem;border-radius:4px;white-space:nowrap}
.code-evidence{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-top:1rem}.code-evidence>div{min-width:0;background:#f4f4f6;border:1px solid #e8e8ea;border-radius:7px;padding:.8rem}.code-evidence p{font-size:.69rem;color:#6d6d6f;margin-bottom:.5rem}.code-evidence pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.66rem;line-height:1.9;font-family:var(--font-mono)}.request-line{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;font-size:.8rem}.request-line .vb{margin-left:auto}.contract{grid-template-columns:1fr;gap:.7rem}.contract__arrow{transform:rotate(90deg);justify-self:center}.evd{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}.log li{flex-wrap:wrap;gap:.15rem;font-size:.68rem}.events{grid-template-columns:1fr}.events__pre{padding:1rem}.toasts{padding:0}.toasts .float{position:static!important;max-width:none;width:100%;margin:0 0 .75rem;transform:none!important}.toasts .float b{font-size:.85rem}.toasts .float span{font-size:.73rem}.v--notify{padding:0}
/* Article navigation and an honest mail composition flow. */
.article-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:4rem;align-items:start}.article-toc{position:sticky;top:6rem;font-size:.79rem}.article-toc>p{font-weight:650;margin-bottom:1rem}.article-toc nav{display:grid;gap:.7rem;border-left:1px solid #e2e2e4;padding-left:1rem}.article-toc a{color:var(--ink-3);line-height:1.7}.article-toc a:hover{color:var(--ink)}.prose{display:block;max-width:55rem;min-width:0;font-size:1rem;line-height:1.9}.prose h1{font-size:clamp(2.4rem,4vw,3.5rem);margin-bottom:1.2rem}.prose h2{font-size:1.55rem;margin-top:2.6rem;margin-bottom:1rem;scroll-margin-top:6rem}.prose p,.prose ul{margin-block:.9rem}.prose table{display:table;font-size:.8rem;line-height:1.8;min-width:620px;table-layout:fixed}.prose th{background:#f1f1f3}.prose th,.prose td{padding:.85rem;vertical-align:top;border:1px solid #e1e1e3}.prose__table{overflow-x:auto;max-width:100%;border-radius:8px;margin-block:1.4rem}.prose>table{display:block;overflow-x:auto;min-width:0}.section--article{padding-top:4rem}.article-layout:not(:has(.article-toc)){grid-template-columns:1fr;max-width:60rem}
.section--contact{background:#f7f7f9;padding:5.5rem 0 6rem}.contact{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5rem;align-items:start}.contact__copy{padding-top:1.5rem}.contact__copy .shead__title{font-size:3.2rem;max-width:13ch}.contact__copy .lead{font-size:1.02rem}.contact__card{padding:2.3rem;border:1px solid #e3e3e5;border-radius:16px;background:#fff;box-shadow:0 16px 45px #30303206}.contact__card>h3{font-size:1.65rem}.contact__card>p{font-size:.85rem;line-height:1.85}.contact__actions{padding-top:1rem;gap:.65rem}.contact__actions .btn{font-size:.79rem;min-height:42px;padding-inline:.9rem;background:#f7f7f9;color:#4b4b4d;border:1px solid #e3e3e5}.inquiry-form{display:grid;gap:1rem;margin-top:1.5rem}.inquiry-form label{display:grid;gap:.4rem;font-size:.77rem;font-weight:580;min-width:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.inquiry-form input,.inquiry-form textarea{min-width:0;width:100%;border:1px solid #dddddf;border-radius:7px;background:#fcfdf9;padding:.75rem .85rem;font-size:.95rem;font-weight:430;outline-offset:2px;resize:vertical}.inquiry-form input:hover,.inquiry-form textarea:hover{border-color:#a8a8aa}.inquiry-form .btn{width:100%;font-size:.88rem}.form-hint,.form-status{font-size:.73rem;color:var(--ink-3);line-height:1.7}.form-status:empty{display:none}.contact__meta{font-size:.78rem}
.split__visual[data-visual="coverage"],.split__visual[data-visual="stability"]{min-height:0}.scan-status-list{display:grid;gap:.65rem;margin-top:1.2rem}.scan-status-list li{display:flex;align-items:center;gap:.85rem;padding:.85rem .2rem;border-top:1px solid #e9e9eb}.scan-status-list li>div{flex:1}.scan-status-list b{font-size:.84rem}.scan-status-list p{font-size:.7rem;color:var(--ink-3);margin:.25rem 0 0}.scan-status-list .pill,.scan-status-list .bad{font-size:.64rem}.scan-status-icon{width:32px;height:32px;display:grid;place-items:center;background:#f0f0f2;border-radius:8px;color:#6e6e70}.scan-status-off{background:repeating-linear-gradient(135deg,#fbfbfd,#fbfbfd 6px,#f3f3f5 6px,#f3f3f5 7px)}.source-excerpt{padding:1.15rem;border:1px solid #e4e1f0;background:#f6f5fb;border-radius:8px;margin-top:1rem}.source-excerpt p{font-size:.85rem;line-height:1.85;margin-top:.6rem}.source-connector{display:flex;gap:.5rem;align-items:center;color:#756699;font-size:.68rem;padding:1rem .2rem .4rem}.source-connector .ic{transform:rotate(90deg)}.fgrid--dense .fcard:last-child:nth-child(4n+1){grid-column:1/-1;flex-direction:row;align-items:center}.fgrid--dense .fcard:last-child:nth-child(4n+1) .fcard__text{flex:1}.fgrid--dense .fcard:last-child:nth-child(4n+1) .fcard__icon{flex-shrink:0}
@media(min-width:641px) and (max-width:1024px){.steps[data-count="3"],.fgrid--3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.steps[data-count="3"],.fgrid--3{grid-template-columns:1fr}.scan-status-list li{gap:.5rem;flex-wrap:wrap}.scan-status-list li>div{min-width:120px}.source-excerpt{padding:.85rem}}
/* Content is visible without JavaScript. Entrance motion runs once. */
.reveal{opacity:1;transform:none}.motion-ready .reveal:not(.is-in){opacity:0;transform:translateY(16px)}.motion-ready .reveal{transition:opacity .6s var(--ease-out),transform .65s var(--ease-out);transition-delay:calc(min(var(--i,0),4)*50ms)}[data-anim="rows"]>*,[data-anim="todo"]>*,.br{opacity:1;transform:none}.motion-ready .v:not(.is-live) [data-anim="rows"]>*{opacity:0;transform:translateY(5px)}.motion-ready .v.is-live [data-anim="rows"]>*{opacity:1;transform:none}.v:not(.in-view) .doing i{animation-play-state:paused}.stage__cursor{display:none}.motion-off *,.motion-off *::before,.motion-off *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-off .reveal,.motion-off [data-anim]>*{opacity:1!important;transform:none!important}.motion-off .sevbar i{width:var(--w)}.motion-off .cov__bar::before{width:calc(var(--p)*1%)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal,[data-anim]>*{opacity:1!important;transform:none!important}}
@media(max-width:1100px){.container,.nav__inner{padding-inline:2rem}.hero--product .hero__grid{gap:2rem}.hero--product .hero__visual{padding:1.5rem;min-height:400px}.hero--product .hero__title{font-size:3rem}.split{gap:2.4rem}.split__visual{padding:1.4rem}.steps[data-count="5"]{grid-template-columns:repeat(3,minmax(0,1fr))}.steps[data-count="5"]>.step:last-child{grid-column:span 2}.tour-panel .card{padding:1rem}.tour-panel .kv li{font-size:.68rem;gap:.7rem}.article-layout{grid-template-columns:190px minmax(0,1fr);gap:2rem}.contact{gap:2.5rem}.contact__copy .shead__title{font-size:2.8rem}.hero__visual .browsers{grid-template-columns:1fr}.hero__visual .br{display:grid;grid-template-columns:90px 1fr 80px}.hero__visual .br__page{min-height:0;display:flex;flex-wrap:wrap;align-items:center;padding:.75rem;gap:.4rem}.hero__visual .br__bar{align-content:center;flex-wrap:wrap;justify-content:center}.hero__visual .br__bar span{margin:0}.hero__visual .br__bar i{display:none}.hero__visual .browser-form__label,.hero__visual .br__btn{display:none}.hero__visual .br__foot{border-top:0;border-left:1px solid #eee}.hero__visual .br__msg{flex-basis:100%}}
@media(max-width:64rem){
 .hero{padding-block:3.5rem}.hero--product .hero__grid{grid-template-columns:1fr;gap:2.5rem}.hero--product .hero__copy{max-width:46rem}.hero--product .hero__title{max-width:21ch;font-size:3.5rem}.hero--product .hero__visual{min-height:0;padding:2.5rem;max-width:none}.hero--product .hero__visual>.v{max-width:44rem;margin:auto}.hero--human .hero__visual{min-height:610px;justify-content:center}.hero--human .hero__visual>.v{margin:0;width:100%}.hero__visual .orgs{grid-template-columns:repeat(3,minmax(0,1fr))}.hero__visual .org__h{gap:.4rem}
 .split,.split--flip{grid-template-columns:1fr;gap:2rem}.split--flip .split__copy{order:0}.split__copy{max-width:44rem}.split__title{max-width:25ch}.split__visual{padding:2.4rem;min-height:0}.split__visual>.v{max-width:44rem}.split__visual--media{min-height:460px;padding-top:7rem}.split__visual .win__body{grid-template-columns:10rem minmax(0,1fr)}.split__visual .win .wt td,.split__visual .win .wt th{font-size:.72rem}.split__visual .win .vb{font-size:.61rem}.contract{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.contract__arrow{transform:none}
 .nav__menu{overscroll-behavior:contain}.nav.is-open .nav__list{gap:0}.nav.is-open .nav__link{font-size:1.1rem;padding:1.05rem 0}.nav.is-open .mega__item{padding:.85rem}.nav.is-open .nav__mobile-foot{margin-top:auto}.fgrid--dense{grid-template-columns:repeat(3,minmax(0,1fr))}.fgrid--dense .fcard:last-child:nth-child(4n+1){grid-column:auto}
 .tour-panel__grid{grid-template-columns:1fr}.tour-panel{min-height:0}.tour-panel .v--verdict .card--verdict .kv{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}.tour-panel .v--verdict .card--prev{display:none}.tour-panel .verdict-big{display:flex;gap:1rem;align-items:center}.tour-panel .verdict-big p{text-align:left}.tour-panel .wt th,.tour-panel .wt td{font-size:.77rem}.tour-panel .wt th{font-size:.67rem}.lcards[data-count="5"]>.lcard:last-child{display:block}.lcards[data-count="5"]>.lcard:last-child .lcard__visual{height:260px}
 .article-layout{grid-template-columns:1fr;gap:2rem}.article-toc{position:static;border:1px solid #e5e5e7;padding:1.3rem;border-radius:10px;background:#f9f9fb}.article-toc nav{grid-template-columns:1fr 1fr}.prose{max-width:none}.contact{grid-template-columns:1fr;gap:2.5rem}.contact__copy .shead__title{max-width:21ch}.contact__card{max-width:48rem;width:100%}.cta__box{padding:3rem}.cta__copy h2{max-width:26ch}.stat{padding:1.4rem 1rem}
}
@media(max-width:48rem){
 .container,.nav__inner{padding-inline:1.25rem}.hero{padding:3rem 0}.hero--stage{padding-bottom:0}.hero--stage .hero__title{font-size:2.8rem;max-width:20ch;letter-spacing:-.055em}.hero--stage .hero__title .nowrap{white-space:normal}.hero__lead,.hero--stage .hero__lead,.hero--product .hero__lead{font-size:.96rem;line-height:1.8}.hero--stage .hero__stagewrap{margin-top:2rem}.hero--stage .hero__copy{gap:1.1rem}.hero--product .hero__title,.hero--text .hero__title{font-size:2.7rem;max-width:18ch}.hero--product .hero__visual{padding:1.1rem;border-radius:13px}.hero--product .hero__actions{gap:.6rem}.hero__actions .btn{font-size:.83rem;padding-inline:1rem;min-height:46px}.hero__note{font-size:.68rem}.hero--human .hero__visual{min-height:570px}.hero--human .todo .m{font-size:.68rem;max-width:none}.hero--human .todo li{font-size:.71rem}
 .stage{padding:.65rem;border-radius:13px}.tour-top{padding:.85rem 1rem}.tour-tabs{padding:0 .7rem;gap:1rem}.tour-tabs button{font-size:.76rem;padding-block:1rem;gap:.3rem}.tour-tabs .ic{width:15px}.tour-panel{padding:.7rem}.tour-panel .card{padding:.9rem}.tour-panel .wt th,.tour-panel .wt td{font-size:.6rem;padding:.65rem .27rem}.tour-panel .wt th{font-size:.5rem}.tour-panel .wt--matrix th:first-child{width:36%}.tour-panel .card__head .m{font-size:.58rem}.tour-panel .v--verdict .card--verdict .kv{display:block}.tour-panel .verdict-big{align-items:flex-start}.tour-panel .verdict-big p{font-size:.67rem}.tour-link{font-size:.72rem}
 .hero--stage .win__side,.showcase .win__side,.split__visual .win__side{display:none}.hero--stage .win__body,.showcase .win__body,.split__visual .win__body{grid-template-columns:minmax(0,1fr)}.win--wide .win__main{padding:.8rem}.win--wide .tile{padding:.8rem}.tiles{grid-template-columns:1fr}.tile--wide{grid-column:auto}.win--wide .tile__t{font-size:.75rem}.win--wide .tile__t span{font-size:.62rem}.win--wide .wt th,.win--wide .wt td{font-size:.62rem;padding:.55rem .25rem}.win--wide .wt th:nth-child(3),.win--wide .wt td:nth-child(3){display:none}.win--wide .vb{font-size:.53rem}.hero__visual .orgs{grid-template-columns:1fr}.hero__visual .br{grid-template-columns:75px minmax(0,1fr)}.hero__visual .br__foot{grid-column:1/-1;border-left:0;border-top:1px solid #eee}.hero__visual .browser-form__title{font-size:.74rem}
 .split__visual{padding:1.1rem;min-height:0;border-radius:13px}.split__visual:has(.v--flow){min-height:0;padding:1rem}.split__visual--media{padding-top:5.5rem;min-height:380px}.card{padding:1rem}.card__head>b{font-size:.78rem}.card__head .m{font-size:.6rem}.card__foot{font-size:.67rem}.card__foot .mini{font-size:.63rem}.kv li{font-size:.69rem;gap:.65rem}.kv li>span:first-child{flex-shrink:1}.wt th,.wt td,.hero__visual .wt td,.split__visual .wt td{font-size:.62rem;padding:.55rem .25rem}.wt--matrix th{font-size:.5rem}.wt--matrix th:first-child{width:36%}.rows li b{font-size:.72rem}.rows li div span{font-size:.65rem}.rows li{gap:.6rem;padding:.7rem .75rem}.rows--api li .m{margin:0;flex-basis:100%;padding-left:3.1rem}.rows--api li .rd{margin-left:auto}.scan-tiles{gap:.3rem}.st{padding:.5rem}.st b{font-size:.63rem}.st span,.st em{font-size:.56rem}
 .shead{margin-bottom:2rem}.shead__title,.split__title{font-size:2rem;max-width:24ch}.shead--center .shead__title{max-width:20ch}.lead,.split__text{font-size:.94rem}.checks li{font-size:.86rem}.stats{grid-template-columns:1fr 1fr}.stat{padding:1.3rem .65rem}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid #e8e8ea}.stat__num{font-size:1.8rem}.stat__label{font-size:.69rem}.pillars,.options{grid-template-columns:1fr}.pillar__visual{height:170px;min-height:170px}.pillar__body{padding:1.5rem}.pillar__q{font-size:1.5rem}.pillar__text{font-size:.89rem}
 .lcards{grid-template-columns:1fr}.lcard__visual{height:245px;padding:1.5rem}.lcard__body{padding:1.5rem}.lcard__body h3{font-size:1.35rem}.lcard__body p{font-size:.87rem}.lcards[data-count="5"]>.lcard:last-child{grid-column:auto}.fgrid--dense{grid-template-columns:repeat(2,minmax(0,1fr))}.fgrid--dense .fcard{padding:1rem}.fgrid--dense .fcard__text{font-size:.74rem}.steps,.steps[data-count="4"],.steps[data-count="5"]{grid-template-columns:1fr 1fr}.steps[data-count="5"]>.step:last-child{grid-column:1/-1}.step{padding:1.25rem 1rem}.step__title{font-size:.96rem}.step__text{font-size:.8rem}.option{padding:1.5rem}.option__title{font-size:1.4rem}.option__visual{height:255px;padding:.6rem}.option__visual .todo .m{font-size:.6rem}.option__visual .todo li{font-size:.69rem}
 .graph{min-height:330px;aspect-ratio:auto}.node{padding:.5rem .35rem;min-width:82px}.node b{font-size:.64rem}.node span{font-size:.48rem}.node--c{min-width:64px}.pipeline li{grid-template-columns:29px minmax(0,1fr) auto;gap:.55rem;padding:.75rem 0}.pipeline__icon{width:29px;height:29px}.pipeline li b{font-size:.74rem}.pipeline li div>span{font-size:.62rem}.pipeline__state{font-size:.51rem}.contract,.evd,.code-evidence{grid-template-columns:1fr}.contract__arrow{transform:rotate(90deg)}.browsers{grid-template-columns:1fr}.split__visual .browsers .br{display:grid;grid-template-columns:80px 1fr}.split__visual .browsers .br__bar{justify-content:center}.split__visual .browsers .br__bar i{display:none}.split__visual .browsers .br__bar span{margin:0}.split__visual .browsers .br__page{min-height:0}.split__visual .browsers .br__foot{grid-column:1/-1}
 .sheet{padding:1rem}.sheet__head{flex-wrap:wrap;gap:.5rem}.sheet__row{font-size:.66rem}.sheet__sec{font-size:.62rem}.sheet__sign{gap:.8rem;line-height:1.6}.cta{padding-block:2.5rem}.cta__box{padding:2rem 1.5rem}.cta__copy h2{font-size:2rem}.cta__copy p{font-size:.9rem}.cta__actions{flex-wrap:wrap}.cta__contact{flex-wrap:wrap;font-size:.72rem}.article-toc nav{grid-template-columns:1fr}.prose{font-size:.94rem}.prose h1{font-size:2.5rem}.prose h2{font-size:1.4rem}.section--article{padding-top:2.5rem}.contact__copy .shead__title{font-size:2.5rem}.contact__card{padding:1.5rem}.contact__copy{padding-top:0}.section--contact{padding:3rem 0}.form-row{grid-template-columns:1fr}.inquiry-form input,.inquiry-form textarea{font-size:1rem}.footer__grid{gap:2rem}.footer__brand p{max-width:26rem}.footer__bottom{gap:1rem}.footer__col a{min-height:32px;display:inline-flex;align-items:center}
}
@media(max-width:390px){.hero--stage .hero__title{font-size:2.35rem}.hero--product .hero__title,.hero--text .hero__title{font-size:2.35rem}.tour-tabs{gap:.6rem}.tour-tabs button{font-size:.7rem}.steps,.steps[data-count="4"],.steps[data-count="5"]{grid-template-columns:1fr}.steps[data-count="5"]>.step:last-child{grid-column:auto}.fgrid--dense{grid-template-columns:1fr}.hero--human .hero__visual{min-height:570px}.hero__visual .graph .node span{display:none}}
/* Final responsive interaction checks. */
@media(max-width:64rem){.nav__toggle{margin-left:auto}.nav.is-open{backdrop-filter:none;background:#fff}.nav.is-open .nav__menu{height:calc(100dvh - var(--nav-h));bottom:auto}.steps[data-count="5"]>.step:nth-child(4){grid-column:auto}}
@media(min-width:1101px){.steps[data-count="5"]{grid-template-columns:repeat(5,minmax(0,1fr))}.steps[data-count="5"]>.step{grid-column:auto}}
@media(max-width:48rem){body[data-route="/"] .hero__title{font-size:clamp(1.85rem,8.9vw,2.8rem)}body[data-route="/"] .hero__title .nowrap{white-space:nowrap;display:inline-block}}
@media(max-width:64rem){.nav__right{margin-left:auto}}
@keyframes pipeline-arrive{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}
.motion-ready .v--flow.is-live .pipeline li{animation:pipeline-arrive .5s var(--ease-out) both}.motion-ready .v--flow.is-live .pipeline li:nth-child(2){animation-delay:.07s}.motion-ready .v--flow.is-live .pipeline li:nth-child(3){animation-delay:.14s}.motion-ready .v--flow.is-live .pipeline li:nth-child(4){animation-delay:.21s}.motion-ready .v--flow.is-live .pipeline li:nth-child(5){animation-delay:.28s}.motion-ready .v--flow.is-live .pipeline li:nth-child(6){animation-delay:.35s}
.article-toc summary{font-weight:650;cursor:pointer}.article-toc details[open] summary{margin-bottom:1rem}.article-toc details{border:0;padding:0;background:transparent}.article-toc nav a{min-height:28px;display:block}

/* Neutral surface hierarchy and consistent content gutters. */
:root {
  --paper: #fff;
  --warm: #f6f7f9;
  --warm-2: #eceef2;
  --ink: #181a1f;
  --ink-2: #555b65;
  --ink-3: #68707c;
  --line: #e5e7eb;
  --line-2: #d6dae1;
  --black: #15171c;
  --black-2: #20232b;
  --on-black: #fff;
  --on-black-2: #b6bbc5;
}
.container--narrow { max-width: 68rem; }
.hero--text, .section--contact, .footer { background: #fff; }
.stage, .hero--product .hero__visual, .split__visual,
.hero--product[data-visual] .hero__visual, .split__visual[data-visual] {
  background: #f5f6f8;
  border-color: transparent;
  box-shadow: none;
}
.stage { border-radius: 16px; padding: 1.75rem; }
.hero--product .hero__visual, .split__visual { border-radius: 14px; padding: 1.75rem; }
.section+.section:not(.section--dark) { border-top: 0; }
.section--faq { border-top: 1px solid var(--line); }
.faq-layout { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 5rem; align-items: start; }
.faq-layout .shead { margin: 0; text-align: left; }
.faq-layout .shead__title { font-size: clamp(1.9rem, 2.7vw, 2.5rem); max-width: 15ch; margin-inline: 0; }
.faq { display: block; border-top: 1px solid var(--line); }
.faq__item { padding: 0; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; background: #fff; }
.faq__item summary { min-height: 72px; padding: 1.4rem .15rem; gap: 1.5rem; font-size: 1rem; line-height: 1.65; }
.faq__item summary:hover, .faq__item[open] summary { color: var(--accent); }
.faq__ic { width: 18px; height: 18px; }
.faq__a { max-width: 100%; padding: 0 2rem 1.5rem .15rem; font-size: .93rem; line-height: 1.85; }
.cta { padding-block: 2.5rem 4rem; }
.cta__box { background: #f5f6f8; border: 0; border-radius: 16px; padding: 3.25rem; }
.cta__contact { color: var(--ink-2); border-color: var(--line-2); }
.cta .btn--ghost { border-color: var(--line-2); }
.option, .option--human { background: #fff; border-color: var(--line); }
.option__visual { background: #f6f7f9; border-color: transparent; padding: 1rem; height: auto; min-height: 250px; }
.step, .role { background: #f8f9fb; border-color: var(--line); }
.step__no, .fcard__icon, .pipeline__icon, .scan-status-icon { background: #eef1f7; border-color: #e1e6f0; color: #59677e; }
.tour-tabs button[aria-selected="true"]::after { background: var(--accent); }
/* All panels size one shared grid cell, so changing tabs never resizes the hero.
   Hidden panels retain their intrinsic dimensions but cannot paint or receive focus. */
.tour-panels { display: grid; min-width: 0; background: #f8f9fb; }
.tour-panel { grid-area: 1 / 1; display: flex; flex-direction: column; min-width: 0; background: transparent; }
.tour-panel[hidden] { display: flex !important; visibility: hidden; pointer-events: none; }
.tour-panel .tour-link { margin-top: auto; min-height: 3.25rem; padding-top: 1.25rem; flex-shrink: 0; }
.tour-panel.is-entering { animation: none; }
.tour-panel.is-entering > .tour-panel__grid { animation: tour-reveal .4s var(--ease-out); }
.tour-env, .card--prev { background: #f6f7f9; }
.card, .sheet, .product-tour { border-color: var(--line); }
.v--experts .card__head { display: grid; grid-template-columns: 22px minmax(0,1fr) auto; justify-content: initial; gap: .7rem; margin-bottom: 1.1rem; }
.v--experts .card__head>b { font-size: .88rem; text-align: left; }
.v--experts .card__head .av { width: 22px; height: 22px; }
.v--experts .card__head .m { margin: 0; }
.todo { gap: .45rem; }
.todo li, .hero--human .todo li, .option__visual .todo li { display: grid; grid-template-columns: 18px minmax(0,1fr) auto; padding: .7rem .85rem; min-height: 44px; gap: .6rem; background: #f6f7f9; border-radius: 6px; font-size: .77rem; line-height: 1.65; }
.todo li .m { margin: 0; max-width: none; font-size: .66rem; text-align: right; }
.todo li .ic, .todo li.doing i { width: 17px; height: 17px; }
.hero--human .hero__visual { padding: 1.5rem; min-height: 580px; background: #f4f6fa; }
.hero--human .v--experts .card { background: #fff; box-shadow: 0 12px 40px #14203314; padding: 1.25rem; }
.hero--human .human-photo img { object-position: center 25%; }
.split__visual--media .media--photo::after { background: linear-gradient(transparent, #fff9); }
.nav__link:hover, .mega__item:hover { background: #f5f6f8; }
.node--c { background: #303b55; }
.inquiry-form input, .inquiry-form textarea { background: #fff; border-color: var(--line-2); }
.contact__actions .btn { background: #f6f7f9; color: var(--ink); border-color: var(--line); }
/* Three verification signals converge; a pixel Q/check represents the release verdict.
   The artwork is anchored to viewport edges and spans the complete hero. */
.hero--pixel { position: relative; isolation: isolate; padding-bottom: 2rem; }
.hero-pixels { --signal-width: max(1.125rem, calc((100% - 50rem) / 2)); position: absolute; z-index: -1; inset: 0; pointer-events: none; overflow: hidden; mask-image: linear-gradient(#000 0%, #000 90%, transparent 100%); }
.hero-pixels__input, .hero-pixels__output { position: absolute; top: 0; bottom: 0; width: var(--signal-width); background-size: 100% 100%; background-repeat: no-repeat; }
.hero-pixels__input { left: 0; background-image: url('/assets/img/hero-signal-input.svg'); }
.hero-pixels__output { right: 0; background-image: url('/assets/img/hero-signal-output.svg'); }
.hero-pixels__verdict { position: absolute; top: 16%; right: max(0px, calc((var(--signal-width) - 42rem) / 2)); width: min(var(--signal-width), 42rem); aspect-ratio: 1; background: url('/assets/img/hero-signal-verdict.svg') center / contain no-repeat; }
.hero--pixel .hero__stagewrap { width: 78%; max-width: 76rem; padding-inline: 0; }
.hero--pixel .stage { background: transparent; border: 0; padding: 0; }
.hero--pixel .product-tour { box-shadow: 0 2px 6px #141a2810, 0 20px 60px #20263c16; }
@keyframes pixel-reveal { from { opacity: 0; transform: translateY(-12px); } to { opacity: 1; transform: none; } }
.motion-ready .hero-pixels__input, .motion-ready .hero-pixels__output { animation: pixel-reveal 1s .1s var(--ease-out) both; }
.motion-ready .hero-pixels__verdict { animation: pixel-reveal 1s .4s var(--ease-out) both; }
@media(max-width: 1100px) {
  .hero--pixel .hero__stagewrap { width: 94%; }
  .faq-layout { gap: 3rem; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); }
  .v--experts .card__head { grid-template-columns: 22px minmax(0,1fr); }
  .v--experts .card__head .m { grid-column: 2; }
  .todo li .m { grid-column: 2 / -1; text-align: left; }
}
@media(max-width: 768px) {
  .hero-pixels { --signal-width: 1.125rem; opacity: .38; }
  .hero-pixels__verdict { width: 3.2rem; top: 1.5rem; right: .35rem; }
  .hero--pixel .hero__stagewrap { width: 100%; padding-inline: 1.25rem; }
  .hero--pixel .product-tour { box-shadow: 0 5px 24px #20263c12; }
  .faq-layout { grid-template-columns: 1fr; gap: 2rem; }
  .faq-layout .shead__title { max-width: 22ch; font-size: 2rem; }
  .faq__item summary { min-height: 68px; padding-block: 1.2rem; font-size: .95rem; }
  .faq__a { padding-right: 1rem; font-size: .9rem; }
  .hero--product .hero__visual, .split__visual { padding: 1rem; }
  .stage { padding: .75rem; border-radius: 12px; }
  .hero--human .hero__visual { min-height: 560px; padding: 1rem; }
  .hero--human .v--experts .card { padding: 1rem; }
  .cta__box { padding: 2rem 1.5rem; }
  .option__visual { padding: .65rem; }
  .todo li, .hero--human .todo li, .option__visual .todo li { padding: .65rem .7rem; }
}

/* Paired foreground/background states on every neutral conversion surface. */
.btn--primary:is(:hover,:focus-visible),.cta .btn--primary:is(:hover,:focus-visible),.option--human .btn--primary:is(:hover,:focus-visible){background:#38383a;color:#fff}
.btn--primary:active,.cta .btn--primary:active,.option--human .btn--primary:active{background:#111113;color:#fff;transform:none}
.btn--ghost:is(:hover,:focus-visible),.cta .btn--ghost:is(:hover,:focus-visible),.contact__actions .btn:is(:hover,:focus-visible){background:#e9ebef;color:#212123;border-color:#bfc3cc}
.btn--ghost:active,.cta .btn--ghost:active,.contact__actions .btn:active{background:#dde0e6;color:#212123;transform:none}
.section--dark .btn--primary:is(:hover,:focus-visible,:active){background:#e9ebef;color:#212123}
.section--dark .btn--ghost:is(:hover,:focus-visible,:active){background:#44464c;color:#fff}
.btn:focus-visible{outline:3px solid #485ad5;outline-offset:4px}
.prose th,.itable th,.itable thead th{color:#565e69}.browser-form__label{color:#65656b}.log__bad .m{color:#5e626c}
.lang{gap:.55rem}.lang a{min-width:28px;min-height:32px;display:inline-flex;align-items:center;justify-content:center}.lang a[aria-current="page"]{text-decoration:underline;text-underline-offset:5px}
html[lang="en-US"] h1,html[lang="en-US"] h2,html[lang="en-US"] h3{letter-spacing:-.04em}
html[lang="ja-JP"] body{font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}
html[lang="ja-JP"]{--font-mono:ui-monospace,"SF Mono",Consolas,"Noto Sans JP",sans-serif}
.lcard__visual .wt td:first-child{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.inquiry-form input,.inquiry-form textarea{background:#fafbfc}
html[lang="ja-JP"] h1,html[lang="ja-JP"] h2,html[lang="ja-JP"] h3{letter-spacing:-.035em;line-height:1.35}
html[lang="en-US"] .hero__title .nowrap,html[lang="ja-JP"] .hero__title .nowrap{white-space:normal}
.hero__copy{min-width:0;grid-template-columns:minmax(0,1fr)}
.hero__copy>*{min-width:0;max-width:100%}
.v--experts .v__in,.v--org .v__in{grid-template-columns:minmax(0,1fr)}
.float>div{min-width:0}.float b,.float span{white-space:normal;overflow-wrap:anywhere}
.orgs{grid-template-columns:minmax(0,1fr)}
@media(max-width:48rem){.hero__visual .orgs{grid-template-columns:minmax(0,1fr)}}
.ja-word{white-space:nowrap}
@media(max-width:48rem){html[lang="ja-JP"] body[data-route="/"] .hero__title{font-size:clamp(1.4rem,7vw,2.8rem)}}

/* Event content keeps a real inset, with actions below on narrow cards. */
.rows--events{container-type:inline-size}
.rows--events li{display:grid;grid-template-columns:max-content minmax(0,1fr) max-content;column-gap:.8rem;row-gap:.55rem;padding:.9rem 1rem}
.rows--events li>div{min-width:0}.rows--events li>.m{font-variant-numeric:tabular-nums;white-space:nowrap}
.rows--events li>.pill{max-width:9.5rem;padding:.3rem .55rem;line-height:1.5;justify-self:end}
@container(max-width:380px){.rows--events li{grid-template-columns:max-content minmax(0,1fr);padding:.8rem}.rows--events li>.pill{grid-column:2;justify-self:start;max-width:100%}}

/* Compact consent controls retain the existing GA preference without shifting the page. */
.cookie-settings{font:inherit;color:inherit;background:none;border:0;padding:.35rem 0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.analytics-consent{position:fixed;z-index:90;inset:auto 1.25rem 1.25rem;max-width:68rem;margin-inline:auto;padding:1.25rem 1.5rem;background:#fff;color:#181a1f;border:1px solid #dce0e7;border-radius:14px;box-shadow:0 8px 40px #141a2820;display:flex;align-items:center;gap:1.5rem;transform:translateY(1rem);opacity:0;transition:opacity .2s,transform .2s}
.analytics-consent[hidden]{display:none}.analytics-consent.is-open{opacity:1;transform:none}
.analytics-consent p{margin:.4rem 0 0;font-size:.875rem;line-height:1.65;color:#535a66}.analytics-consent a{text-decoration:underline;text-underline-offset:3px}
.analytics-consent__actions{display:flex;gap:.65rem;flex-shrink:0}.analytics-consent .btn{min-height:44px;padding:.7rem 1rem;font-size:.875rem;white-space:nowrap}
@media(max-width:48rem){.analytics-consent{inset:auto .75rem .75rem;max-height:75vh;overflow:auto;display:block;padding:1rem}.analytics-consent__actions{margin-top:.9rem;display:grid;grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.analytics-consent{transition:none}}
.inquiry-form .form-consent{display:flex;align-items:flex-start;gap:.65rem;font-weight:400;line-height:1.65;font-size:.76rem;color:var(--ink-2)}
.inquiry-form .form-consent input{appearance:auto;flex:0 0 17px;width:17px;height:17px;margin:.15rem 0 0;padding:0;accent-color:#5142ce;border-radius:3px}
.form-consent span{min-width:0}.form-consent a{text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.inquiry-form .form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.inquiry-form .btn:disabled{opacity:.65;cursor:default;transform:none}
.form-status[data-state]{padding:.85rem 1rem;border:1px solid #dce3eb;border-radius:8px;background:#f6f8fb;color:#334155}
.form-status[data-state="success"]{color:#16613e;background:#f1faf5;border-color:#c7e5d5}
.form-status[data-state="error"]{color:#9c3030;background:#fff6f6;border-color:#efd6d6}