:root {
  --navy:#101a2d;--navy2:#17243b;--paper:#f4f1eb;--white:#fff;--ink:#152239;--muted:#647086;
  --line:#d9dee7;--sky:#6dc8f0;--blue:#1593db;--skysoft:#e9f7fe;--rose:#c51e70;--green:#167b49;
  --shadow:0 22px 58px rgba(15,29,51,.12);--header:76px;--footer:38px
}
*{box-sizing:border-box}html,body{height:100%}body{margin:0;overflow:hidden;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.48}button,input{font:inherit}button,a{color:inherit}a{text-decoration:none}img{max-width:100%}

.site-header{position:fixed;z-index:30;inset:0 0 auto;display:grid;grid-template-columns:160px auto 1fr auto;align-items:center;gap:24px;height:var(--header);padding:0 clamp(20px,3.2vw,56px);border-bottom:1px solid rgba(255,255,255,.12);background:var(--navy);color:#fff}.tutela-brand img{display:block;width:128px}.product-lockup{display:flex;align-items:center;gap:11px}.product-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--rose);font-weight:900}.product-lockup>span:last-child{display:flex;flex-direction:column;line-height:1}.product-lockup strong{font-size:1.05rem;letter-spacing:-.02em}.product-lockup strong i{color:var(--sky);font-style:normal}.product-lockup small{margin-top:5px;color:#9eb0c9;font-size:.58rem;letter-spacing:.11em;text-transform:uppercase}.truth-label{justify-self:end;display:flex;flex-direction:column;text-align:right;line-height:1.1}.truth-label b{color:var(--sky);font-size:.65rem;letter-spacing:.13em}.truth-label span{margin-top:4px;color:#a7b5c9;font-size:.64rem}.engine-label{padding:7px 10px;border:1px solid #3b4b66;border-radius:4px;color:#c0ccdc;font-size:.64rem;font-weight:800;letter-spacing:.08em;white-space:nowrap}

.site-shell{position:fixed;inset:var(--header) 0 var(--footer);display:grid;grid-template-columns:326px minmax(0,1fr);min-height:0;overflow:hidden}.side-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;padding:27px 22px 19px;overflow:hidden;background:var(--navy2);color:#fff}.side-intro{padding:0 9px 20px}.eyebrow{margin:0 0 10px;color:var(--rose);font-size:.67rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.side-intro .eyebrow{color:var(--sky)}.side-intro h1{margin:0;font-size:1.55rem;line-height:1.06;letter-spacing:-.04em}.side-intro p{margin:13px 0 0;color:#9fb0c6;font-size:.72rem}.section-nav{min-height:0;padding:0 4px 14px 0;overflow:auto;scrollbar-color:#40516d transparent}.section-nav>span{display:block;margin:18px 11px 5px;color:#71839e;font-size:.58rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.nav-item{position:relative;display:grid;grid-template-columns:29px 1fr;gap:9px;align-items:center;width:100%;padding:9px 11px;border:0;border-radius:5px;background:transparent;color:#b5c1d2;cursor:pointer;font-size:.76rem;font-weight:700;text-align:left}.nav-item b{color:#71839e;font-size:.61rem;letter-spacing:.06em}.nav-item:hover{background:rgba(255,255,255,.06);color:#fff}.nav-item.is-active{background:#fff;color:var(--ink);box-shadow:0 10px 24px rgba(0,0,0,.16)}.nav-item.is-active:before{position:absolute;inset:8px auto 8px 0;width:3px;border-radius:4px;background:var(--rose);content:""}.nav-item.is-active b{color:var(--rose)}.local-seal{display:flex;gap:11px;align-items:flex-start;padding:16px 8px 0;border-top:1px solid rgba(255,255,255,.1)}.local-seal>span{flex:0 0 auto;width:9px;height:9px;margin-top:4px;border-radius:50%;background:#77ddb0;box-shadow:0 0 0 5px rgba(119,221,176,.08)}.local-seal p{margin:0;color:#8fa1b9;font-size:.65rem}.local-seal strong{color:#fff}

.content-panel{display:grid;grid-template-rows:minmax(0,1fr) 56px;min-width:0;min-height:0;overflow:hidden}.content-scroll{min-height:0;padding:clamp(38px,5vh,66px) clamp(32px,5vw,82px) 70px;overflow:auto;outline:none;overscroll-behavior:contain;scrollbar-gutter:stable}.view{width:min(1160px,100%);margin:0 auto;animation:rise .25s ease-out}.view[hidden]{display:none!important}@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.view-heading{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(260px,.72fr);gap:28px 70px;align-items:end;margin-bottom:34px}.view-heading .eyebrow{grid-column:1/-1;margin-bottom:-12px}.view-heading h2{margin:0;font-size:clamp(2.35rem,4.1vw,4.7rem);line-height:.98;letter-spacing:-.055em}.view-heading>p:last-child{margin:0 0 4px;color:var(--muted);font-size:1rem}

.screen-figure{position:relative;margin:0 0 28px;overflow:hidden;border:1px solid #ccd4df;border-radius:10px;background:var(--navy);box-shadow:var(--shadow);cursor:zoom-in}.screen-figure>span{position:absolute;z-index:2;top:14px;right:14px;padding:7px 10px;border:1px solid rgba(255,255,255,.25);border-radius:100px;background:rgba(16,26,45,.84);color:#fff;font-size:.61rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(8px)}.screen-figure img{display:block;width:100%}.screen-figure.crop img{aspect-ratio:1.65;object-fit:cover;object-position:center 28%}.screen-figure figcaption{padding:15px 19px;background:#fff;color:var(--muted);font-size:.76rem}.screen-figure figcaption b{color:var(--ink)}
.anatomy-grid,.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:22px;border:1px solid var(--line);background:var(--line)}.anatomy-grid section,.feature-grid section{min-width:0;padding:22px;background:#fff}.anatomy-grid b,.feature-grid b{display:block;font-size:.9rem}.anatomy-grid p,.feature-grid p{margin:9px 0 0;color:var(--muted);font-size:.76rem}.feature-grid{grid-template-columns:repeat(3,1fr)}.feature-grid.two{grid-template-columns:repeat(2,1fr)}.feature-grid section>span{display:block;margin-bottom:25px;color:var(--rose);font-size:.72rem;font-weight:900}.feature-grid em{display:block;margin-top:18px;padding-top:13px;border-top:1px solid var(--line);color:#4e5d74;font-size:.7rem;font-style:normal;font-weight:700}.truth-note,.example-line,.boundary-box{margin-top:22px;padding:20px 23px;border-left:4px solid var(--blue);background:var(--skysoft);color:#536177;font-size:.83rem}.truth-note b,.example-line b,.boundary-box b{color:var(--ink)}.boundary-box p{margin:8px 0 0}
.split-layout{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(300px,.72fr);gap:24px;align-items:start}.split-layout.reverse{grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr)}.step-stack{display:grid;gap:1px;border:1px solid var(--line);background:var(--line)}.step-stack section{padding:18px 20px;background:#fff}.step-stack b{font-size:.8rem}.step-stack p{margin:5px 0 0;color:var(--muted);font-size:.72rem}.workflow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:15px;align-items:stretch;margin-top:25px}.workflow>div{padding:24px;border:1px solid var(--line);background:#fff}.workflow>div>span{display:block;color:var(--rose);font-size:.67rem;font-weight:900}.workflow b{display:block;margin-top:24px;font-size:.88rem}.workflow p{margin:7px 0 0;color:var(--muted);font-size:.74rem}.workflow i{align-self:center;color:var(--blue);font-size:1.2rem;font-style:normal}
.matrix{border:1px solid var(--line);background:#fff}.matrix>div{display:grid;grid-template-columns:.85fr 1.25fr 1.45fr;gap:25px;align-items:start;padding:17px 20px;border-bottom:1px solid var(--line)}.matrix>div:last-child{border-bottom:0}.matrix .matrix-head{background:var(--navy);color:#aab8cc;font-size:.62rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.matrix b{font-size:.77rem}.matrix span,.matrix p{margin:0;color:var(--muted);font-size:.71rem}.matrix span{color:#42526b;font-weight:700}
.check-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:24px}.check-strip span{padding:15px;border:1px solid var(--line);background:#fff;color:#46556d;font-size:.71rem;font-weight:700}.check-strip b{display:inline-grid;place-items:center;width:21px;height:21px;margin-right:6px;border-radius:50%;background:#e4f4eb;color:var(--green);font-size:.65rem}.route-map{display:grid;grid-template-columns:1fr 170px 1fr;align-items:stretch}.route-map section{min-height:245px;padding:28px;border:1px solid var(--line);border-top:4px solid var(--rose);background:#fff}.route-map section:last-child{border-top-color:var(--blue)}.route-map small{color:var(--muted);font-size:.63rem;font-weight:900;letter-spacing:.11em}.route-map b{display:block;margin-top:40px;font-size:1.25rem}.route-map p{color:var(--muted);font-size:.76rem}.route-map i{align-self:center;color:var(--rose);font-size:1.35rem;font-style:normal;text-align:center}.route-map i span{display:block;margin-bottom:9px;color:var(--muted);font-size:.6rem;font-weight:900;text-transform:uppercase}.blocked-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.blocked-row span,.blocked-row b{padding:8px 10px;border:1px solid var(--line);background:#fff;color:#516078;font-size:.67rem}.blocked-row span{border-color:var(--navy);background:var(--navy);color:#fff;font-weight:900}

.command-search{display:grid;grid-template-columns:220px 1fr;gap:20px;align-items:center;padding:17px 20px;border:1px solid var(--line);background:#fff}.command-search span{font-size:.76rem;font-weight:850}.command-search input{width:100%;padding:11px 13px;border:1px solid #cbd3df;border-radius:5px;background:#f8f9fb;color:var(--ink);outline:0}.command-search input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(21,147,219,.12)}.directory-summary{display:flex;gap:9px;align-items:baseline;margin:20px 0 10px}.directory-summary b{color:var(--rose);font-size:1.4rem}.directory-summary span{color:var(--muted);font-size:.7rem}.command-list{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.command-item{display:grid;grid-template-columns:34px 1fr;gap:11px;min-height:118px;padding:17px;border:1px solid var(--line);background:#fff}.command-item>span{color:var(--rose);font-size:.64rem;font-weight:900}.command-item b{display:block;font-size:.79rem}.command-item p{margin:6px 0 0;color:var(--muted);font-size:.69rem}.command-empty{grid-column:1/-1;padding:30px;border:1px dashed #bbc5d3;color:var(--muted);text-align:center}

.content-footer{display:grid;grid-template-columns:60px 1fr auto;gap:16px;align-items:center;padding:0 clamp(22px,4vw,64px);border-top:1px solid var(--line);background:rgba(251,250,247,.96)}.content-footer>span{color:var(--muted);font-size:.65rem;font-weight:900;letter-spacing:.08em}.progress-track{height:3px;overflow:hidden;background:#dce1e8}.progress-track span{display:block;width:6.25%;height:100%;background:var(--rose);transition:width .25s ease}#next-view{padding:8px 13px;border:0;background:transparent;color:var(--ink);cursor:pointer;font-size:.7rem;font-weight:850}#next-view b{margin-left:7px;color:var(--rose)}
.site-footer{position:fixed;z-index:31;inset:auto 0 0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:var(--footer);padding:0 clamp(20px,3.2vw,56px);border-top:1px solid rgba(255,255,255,.09);background:#0b1425;color:#8999b0;font-size:.61rem;letter-spacing:.05em}.site-footer span{justify-self:center}.site-footer b{justify-self:end;color:var(--sky);font-size:.62rem;letter-spacing:.08em}
.lightbox{width:min(94vw,1500px);max-width:none;padding:0;overflow:visible;border:0;border-radius:10px;background:#0c1628;box-shadow:0 40px 100px rgba(0,0,0,.45);color:#fff}.lightbox::backdrop{background:rgba(4,9,18,.84);backdrop-filter:blur(5px)}.lightbox img{display:block;width:100%;max-height:82vh;object-fit:contain;border-radius:10px 10px 0 0}.lightbox p{margin:0;padding:12px 17px;color:#a9b8cd;font-size:.68rem}.lightbox button{position:absolute;z-index:2;top:-16px;right:-16px;display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:#fff;color:var(--navy);cursor:pointer;font-size:1.2rem}

@media(max-width:1050px){.site-header{grid-template-columns:130px auto 1fr}.truth-label{display:none}.site-shell{grid-template-columns:270px minmax(0,1fr)}.view-heading{grid-template-columns:1fr;gap:12px}.view-heading .eyebrow{margin-bottom:0}.anatomy-grid,.feature-grid{grid-template-columns:repeat(2,1fr)}.split-layout,.split-layout.reverse{grid-template-columns:1fr}}
@media(max-width:760px){:root{--header:66px;--footer:34px}.site-header{grid-template-columns:104px 1fr auto;gap:12px;padding:0 14px}.tutela-brand img{width:98px}.product-mark{width:32px;height:32px}.product-lockup small,.engine-label{display:none}.site-shell{grid-template-columns:1fr;grid-template-rows:156px minmax(0,1fr)}.side-panel{display:block;padding:13px 12px 8px;overflow:hidden}.side-intro h1{font-size:1rem}.side-intro p,.side-intro .eyebrow,.local-seal,.section-nav>span{display:none}.side-intro{padding:0 4px 9px}.section-nav{display:flex;gap:6px;padding:0 0 7px;overflow-x:auto}.nav-item{flex:0 0 auto;width:auto;grid-template-columns:auto 1fr;padding:8px 10px;border:1px solid rgba(255,255,255,.09)}.nav-item.is-active:before{display:none}.content-scroll{padding:28px 17px 50px}.view-heading h2{font-size:clamp(2rem,11vw,3.2rem)}.view-heading>p:last-child{font-size:.87rem}.anatomy-grid,.feature-grid,.feature-grid.two,.command-list{grid-template-columns:1fr}.workflow{grid-template-columns:1fr}.workflow i{transform:rotate(90deg);justify-self:center}.matrix>div{grid-template-columns:1fr;gap:6px}.matrix-head{display:none!important}.check-strip{grid-template-columns:repeat(2,1fr)}.route-map{grid-template-columns:1fr}.route-map i{padding:14px}.command-search{grid-template-columns:1fr;gap:8px}.content-footer{grid-template-columns:54px 1fr}#next-view{display:none}.site-footer{grid-template-columns:1fr auto;padding:0 14px}.site-footer span{display:none}.screen-figure>span{top:8px;right:8px;padding:5px 7px;font-size:.52rem}.lightbox{width:96vw}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important}}