@font-face{font-family:Studio;src:url('/showcase-assets/montserrat.woff2');font-weight:600 800;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#f7f7f2;color:#18201e;font:16px/1.65 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit}button{font:inherit}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12;letter-spacing:-.045em}h1,h2,.wordmark{font-family:Studio,system-ui,sans-serif}h1{font-size:clamp(48px,6.4vw,88px);font-weight:800;max-width:1000px}h2{font-size:clamp(32px,4vw,54px)}h3{font-size:24px}p{color:#52605a}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #087f83;outline-offset:5px}.skip{position:fixed;top:-100px;background:white;padding:12px;z-index:99}.skip:focus{top:10px}.wrap{width:min(1240px,calc(100% - 64px));margin:auto}.top{border-bottom:1px solid #dce0da;background:#f7f7f2f5;position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.top .wrap{display:flex;align-items:center;justify-content:space-between;min-height:84px;gap:20px}.wordmark{text-decoration:none;font-size:23px;font-weight:800;letter-spacing:-1px}.wordmark span{color:#087f83}nav{display:flex;align-items:center;gap:28px;font-size:14px}nav a{text-decoration:none}nav a:hover{text-decoration:underline;text-underline-offset:6px}.eyebrow{font:600 11px/1.5 system-ui;letter-spacing:.17em;text-transform:uppercase;color:#59635e;margin-bottom:24px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#087f83;margin-right:10px}.hero{padding:90px 0 65px}.hero .intro{max-width:620px;font-size:20px;line-height:1.65}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:30px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:50px;padding:13px 23px;background:#1a2520;color:white;border:1px solid #1a2520;border-radius:5px;text-decoration:none;font-weight:650;font-size:14px;transition:background .2s,transform .2s}.button:hover{background:#33493e;transform:translateY(-2px)}.button.light{background:transparent;color:#18201e;border-color:#bac4ba}.button.red{background:#087f83;border-color:#087f83}.button.red:hover{background:#06666b}.section{padding:76px 0;border-top:1px solid #dce0da}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:24px}.count{font-size:13px;color:#68766c}.project{display:grid;grid-template-columns:.85fr 1.15fr;min-height:460px;border:1px solid #d9ddd7;border-radius:14px;overflow:hidden;background:white;text-decoration:none;transition:box-shadow .25s}.project:hover{box-shadow:0 16px 60px #213e1812}.project-copy{padding:52px;display:flex;flex-direction:column;align-items:start;justify-content:center}.project h3{font-size:46px;margin:20px 0}.tag{font-size:11px;letter-spacing:.08em;text-transform:uppercase;border:1px solid #aacdce;color:#06666b;background:#e7f4f3;border-radius:40px;padding:5px 12px}.project p{font-size:18px}.project-link{font-size:14px;font-weight:700;margin-top:16px;border-bottom:1px solid #273c2e;padding-bottom:5px}.project-art{background:#e5eef4;padding:44px 0 0 38px;overflow:hidden;display:flex;align-items:flex-end}.project-art img{width:100%;border-radius:8px 0 0 0;box-shadow:0 10px 35px #5a243224;max-height:430px;object-fit:cover;object-position:top}.about{display:grid;grid-template-columns:1fr 1fr;gap:70px}.about p{font-size:18px;max-width:540px}.signature{font-weight:700;color:#18201e;font-size:16px}.footer{border-top:1px solid #dce0da;padding:32px 0;color:#667169;font-size:13px}.footer .wrap{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer a{margin-right:20px}.product{background:#faf9f7}.product .top{background:#faf9f7f5}.crumb{font-size:13px;text-decoration:none}.product-hero{display:grid;grid-template-columns:1fr .9fr;gap:50px;align-items:center;padding:65px 0 80px}.product-hero h1{font-size:clamp(46px,5vw,72px);margin:20px 0}.product-title{display:flex;align-items:center;gap:14px;font-size:16px;font-weight:700}.product-title img{width:65px}.product-hero .intro{font-size:18px;max-width:570px}.hero-art{background:#e2eef1;border-radius:18px;padding:28px 0 0 24px;position:relative;overflow:hidden;box-shadow:0 20px 60px #3320200a}.hero-art img{width:100%;border-radius:8px 0 0 0;max-height:530px;object-fit:cover;object-position:top;box-shadow:0 4px 30px #44243018}.caption{font-size:12px;color:#67716b;margin:14px 0 0}.strip{display:flex;flex-wrap:wrap;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:20px 0;gap:12px 40px;font-size:13px;color:#59665d}.strip strong{color:#202820}.split{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:start}.split p{font-size:18px}.tabs{display:flex;gap:8px;margin:25px 0;flex-wrap:wrap}.tabs button{background:white;border:1px solid #cfd3cd;border-radius:30px;padding:10px 20px;cursor:pointer;color:#28372d}.tabs button[aria-selected=true]{background:#087f83;color:white;border-color:#087f83}.role-panel{background:white;border:1px solid #dddcd7;border-radius:12px;padding:32px}.role-panel h3{margin-bottom:15px}.role-panel li{margin:12px 0;color:#52605a}.role-panel ul{padding-left:20px}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.feature-list article{padding:28px 0;border-top:1px solid #d9dcd5}.feature-list .num{font-size:12px;color:#06666b;margin-bottom:14px}.feature-list h3{font-size:22px;margin-bottom:14px}.feature-list p{margin:0}.dark{background:#1e2924;color:#f4f4ed}.dark p,.dark .eyebrow{color:#bdc9bf}.dark h2{max-width:760px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:48px}.steps>div{border-top:1px solid #4d5e52;padding-top:24px}.steps .num{font-size:13px;color:#e9a8b7}.steps h3{font-size:20px;margin-top:20px}.steps p{font-size:15px}.note{border-left:3px solid #087f83;padding:12px 20px;font-size:14px!important;margin-top:30px}.gallery{display:grid;grid-template-columns:1.35fr .65fr;gap:28px;align-items:start}.gallery figure{margin:0}.screen{background:#efeeea;padding:22px;border-radius:12px}.screen img{width:100%;border:1px solid #deddd8;border-radius:7px}.screen.phone img{max-height:560px;width:auto;margin:auto;object-fit:contain}.gallery figcaption{font-size:13px;color:#69736a;margin-top:15px}.platforms{width:100%;border-collapse:collapse;font-size:14px}.platforms td,.platforms th{border-bottom:1px solid #ddd;padding:18px 14px;text-align:left;vertical-align:top}.platforms th{background:#f0efeb;font-size:12px}.faq{max-width:850px}.faq details{border-bottom:1px solid #dadbd5;padding:22px 0}.faq summary{font-size:18px;font-weight:650;cursor:pointer}.faq p{padding-top:16px;margin-bottom:0}.cta{background:#eee8e4;padding:50px;border-radius:14px}.cta h2{max-width:700px}.cta p{max-width:700px}.type-cloud{display:flex;gap:8px;flex-wrap:wrap;margin:26px 0}.type-cloud span{border:1px solid #dcdcd4;border-radius:5px;padding:7px 10px;font-size:12px;background:white}.anchor-nav{display:flex;gap:24px;flex-wrap:wrap;font-size:13px;margin:30px 0 0}.anchor-nav a{text-decoration:none;border-bottom:1px solid #c7cfc5}.muted{color:#68736b;font-size:13px}.project-status{font-size:12px;color:#6d706a;margin-top:24px}.full{grid-column:1/-1}[hidden]{display:none!important}@media(max-width:900px){.wrap{width:calc(100% - 40px)}.hero{padding:60px 0}.project-copy{padding:30px}.project h3{font-size:36px}.product-hero{gap:28px}.split{gap:36px}.steps{grid-template-columns:1fr 1fr}.about{gap:35px}nav{gap:16px}}@media(max-width:650px){.top .wrap{min-height:70px}.wordmark{font-size:21px}nav{font-size:12px;gap:14px}.optional{display:none}h1{font-size:48px}.hero .intro{font-size:18px}.section{padding:52px 0}.project,.product-hero,.split,.about,.gallery{grid-template-columns:1fr}.project-art{padding:24px 0 0 24px;max-height:310px}.project-copy{padding:30px}.project h3{font-size:38px}.product-hero{padding:35px 0 45px}.product-hero h1{font-size:49px}.hero-art{max-height:400px}.feature-list{grid-template-columns:1fr}.section-head{align-items:start}.steps{gap:24px}.steps h3{font-size:18px}.role-panel{padding:24px}.cta{padding:28px}.platforms td,.platforms th{padding:12px 7px;font-size:12px}.strip{gap:10px 22px}.screen{padding:12px}.footer .wrap{display:block}.footer .wrap>div{margin-bottom:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* School-focused presentation: outcomes and a concrete pilot path. */
.nav-pilot{color:#06666b;font-weight:700}.hero-benefits{list-style:none;padding:0;margin:22px 0;font-size:14px;color:#405448}.hero-benefits li{margin:9px 0;display:flex;align-items:baseline;gap:10px}.hero-benefits li::before{content:'✓';color:#06666b;font-weight:700}.product-hero{padding-top:48px}.product-hero h1{font-size:clamp(42px,4.3vw,62px)}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:35px}.benefit-grid article{border-top:3px solid #087f83;padding-top:24px}.benefit-grid h3{font-size:23px;line-height:1.3}.benefit-grid .num{font-size:11px;letter-spacing:.12em;color:#06666b;font-weight:700}.pilot{background:#e6eef4;padding:50px;border-radius:14px;margin-top:60px}.pilot-intro{font-size:19px;max-width:780px}.pilot-plan{list-style:none;counter-reset:pilot;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:35px 0}.pilot-plan li{counter-increment:pilot;border-top:1px solid #cdbdb7;padding-top:22px}.pilot-plan li::before{content:'0' counter(pilot);display:block;color:#06666b;font-size:13px;margin-bottom:15px}.pilot-plan strong{display:block;line-height:1.4;font-size:17px;margin-bottom:12px}.pilot-plan span{display:block;color:#52605a;font-size:15px}.pilot-contact{background:#f8fcfd;border:1px solid #c5d7e1;padding:28px;border-radius:8px}.pilot-contact p{max-width:750px}.existing-users{display:flex;flex-wrap:wrap;gap:12px 25px;margin-top:28px;font-size:13px}.existing-users span{color:#58645c}.contact-note{font-size:13px;margin:12px 0 0}.contact-note a{font-weight:700}@media(max-width:900px){.benefit-grid{gap:20px}.benefit-grid h3{font-size:20px}.pilot{padding:32px}.pilot-plan{gap:22px}}@media(max-width:650px){.benefit-grid,.pilot-plan{grid-template-columns:1fr}.pilot{padding:25px}.pilot-contact{padding:22px}.product-hero h1{font-size:43px}.product-hero{padding-top:32px}.pilot-intro{font-size:17px}.hero-benefits{font-size:13px}.nav-pilot{font-size:12px}}

/* eTAI product film */
.video-section{display:grid;grid-template-columns:1fr minmax(260px,390px);gap:70px;align-items:center}.video-copy p{max-width:620px}.video-meta{font-size:14px;font-weight:650;color:#4d554f}.video-hint{font-size:14px}.product-video{margin:0;max-width:390px;width:100%;justify-self:center}.product-video video{display:block;width:100%;height:auto;aspect-ratio:9/16;background:#17191d;border:1px solid #36393e;border-radius:14px;box-shadow:0 20px 65px #18201e22}.product-video video:focus-visible{outline:3px solid #087f83;outline-offset:5px}.product-video figcaption{font-size:12px;line-height:1.6;margin-top:13px;color:#52605a}@media(max-width:750px){.video-section{grid-template-columns:1fr;gap:28px}.product-video{max-width:350px}}

/* RVOK project case */
.project+.project{margin-top:28px}.project-rvok .project-art,.rvok-hero-art{background:#dfedeb}.project-rvok .tag{background:#eff8f5;color:#185a60;border-color:#b4d5ce}.project-rvok h3{font-size:clamp(30px,3.3vw,44px)}.rvok-button{background:#0a4854;border-color:#0a4854}.rvok-button:hover{background:#07333c}.rvok-external{color:#0a4854;font-weight:700}.rvok-case .product-title{color:#0a4854}.rvok-case .feature-list .num{color:#185a60}.rvok-mobile-section{display:grid;grid-template-columns:1fr 320px;align-items:center;gap:80px}.rvok-mobile-section .intro{font-size:19px;max-width:560px}.rvok-phone{margin:0;max-width:320px;justify-self:center}.rvok-phone img{width:100%;height:auto;border:1px solid #d2dedb;border-radius:20px;box-shadow:0 20px 60px #123c3620}.rvok-phone figcaption{font-size:12px;color:#52605a;margin-top:15px}@media(max-width:650px){.rvok-mobile-section{grid-template-columns:1fr;gap:32px}.rvok-phone{max-width:290px}.rvok-case .product-hero h1{font-size:43px}.rvok-case .product-hero .actions{align-items:stretch;flex-direction:column}.project-rvok h3{font-size:34px}}

.rvok-case h1,.project-rvok h3{overflow-wrap:anywhere}.rvok-mobile-section>div,.rvok-case .product-hero>div{min-width:0}.rvok-phone{width:100%}


.rvok-hero-art img{height:auto;max-height:none;object-fit:contain}


/* Landscape continuous-motion product film, revision 2. */
.video-section{display:block}.video-section .video-copy{max-width:780px;margin-bottom:32px}.video-section .product-video{max-width:none;width:100%}.video-section .product-video video{aspect-ratio:16/9;max-width:none;height:auto}.video-section .video-meta::after{content:" · Full HD / 60 fps"}@media(max-width:750px){.video-section .product-video{max-width:none}}

.brand-example{margin:25px 0;background:#e6eef4;border:1px solid #d4e0e7;padding:22px;border-radius:14px}.brand-example img{width:100%;border-radius:8px}.brand-example figcaption{font-size:13px;color:#536579;margin-top:16px}.custom-intro{max-width:850px;font-size:18px}.tabs button[aria-pressed=true]{background:#087f83;color:white;border-color:#087f83}.product-title img{width:48px;height:48px}.product .dark{background:#11283f}@media(max-width:650px){.brand-example{padding:12px}.custom-intro{font-size:16px}}
