/* RefoMIT design proposal v8 - scoped homepage styles only */
:root{--v8-ink:#071d2b;--v8-navy:#092535;--v8-teal:#3cc5ad;--v8-paper:#f6f7f4;--v8-gold:#c69a60;}
.v8-public{background:var(--v8-paper)}
.v8-public .container{margin-left:auto;margin-right:auto}
.v8-public .desktop-nav a{white-space:nowrap}
.v8-public-banner span{font-weight:800;letter-spacing:.13em;color:#78d8c4}
.v8-public .site-header{background:#fffdf9;border-bottom:1px solid #dfebe8;box-shadow:none}
.v8-public .site-header .header-inner{min-height:96px}
.v8-public .site-header .brand img{width:180px;height:auto;max-height:73px;object-fit:contain}
.v8-public .desktop-nav a{font-weight:750}
.v8-hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(118deg,#061a29 0%,#0a2a3a 60%,#0b3040 100%);color:#f7fbf9;border-bottom:1px solid #215266}
.v8-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 65% 35%,#14616b60,transparent 52%),linear-gradient(90deg,transparent 49.96%,#ffffff04 50%,transparent 50.04%);pointer-events:none;z-index:-1}
.v8-hero::after{content:"";position:absolute;left:-18%;right:-12%;bottom:-60%;height:65%;border:1px solid #ffffff10;border-radius:50%;transform:rotate(-10deg);pointer-events:none}
.v8-hero-grid{max-width:1350px;min-height:720px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:55px;gap:clamp(35px,4vw,85px);padding-top:94px;padding-bottom:94px;}
.v8-hero-text{position:relative;z-index:1}
.v8-eyebrow{display:flex;gap:14px;align-items:center;color:#87cfbf;font-size:12px;font-weight:900;letter-spacing:.21em;margin-bottom:39px}
.v8-eyebrow span{width:34px;height:2px;background:#66d6bd;display:block}
.v8-hero h1{font-size:70px;font-size:clamp(55px,5.15vw,80px);font-weight:900;letter-spacing:-.055em;line-height:1.25;margin:0;color:#fff;white-space:nowrap;}
.v8-hero h1>span{color:#91e0ca}
.v8-hero h1 small{display:block;margin:20px 0 0;font-size:31px;font-size:clamp(26px,2.3vw,36px);font-weight:700;color:#dbe8e7;letter-spacing:-.046em;white-space:normal}
.v8-hero-lead{margin:33px 0 37px;color:#d1e0e5;font-weight:450;font-size:18px;font-size:clamp(16px,1.52vw,19px);line-height:2.03}
.v8-actions{display:flex;gap:13px;flex-wrap:wrap}
.v8-button{display:inline-flex;gap:32px;align-items:center;justify-content:space-between;padding:19px 23px;text-decoration:none;border-radius:5px;font-size:16px;line-height:1.3;font-weight:800;transition:transform .18s,background .18s}
.v8-button:hover{transform:translateY(-2px)}
.v8-primary{background:#9ee4d1;color:#092a35}
.v8-primary:hover{background:#c1f2e5;color:#082b34}
.v8-outline{border:1px solid #6e959c;color:#f9ffff;background:#11394d99}
.v8-outline:hover{color:#fff;background:#1a4957}
.v8-button span{font-weight:900}
.v8-hero-subjects{margin-top:66px;padding-top:26px;border-top:1px solid #ffffff36;display:flex;flex-wrap:wrap;gap:18px 26px;color:#c6d8da;font-size:12px;letter-spacing:.006em}
.v8-hero-subjects span{white-space:nowrap}
.v8-hero-subjects i{font-size:12px;font-weight:850;color:#75d4bf;font-style:normal;margin-right:6px}
.v8-product-visual{max-width:600px;position:relative;filter:drop-shadow(0 36px 47px #01111c80);}
.v8-product-top{background:#f9faf6;border-radius:10px 10px 0 0;padding:23px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dbe5e2;gap:9px;color:#0c2936}
.v8-product-top>div{display:flex;align-items:baseline;gap:12px;min-width:0}
.v8-product-logo{font-size:22px;font-weight:900;letter-spacing:-.09em}
.v8-product-top small{font-size:11px;color:#45626a;font-weight:800;white-space:nowrap}
.v8-product-badge{font-size:10px;font-weight:850;letter-spacing:.08em;white-space:nowrap;color:#167c71;padding:7px 10px;background:#e8f4ee;border:1px solid #c9e7da;border-radius:4px}
.v8-product-inner{background:#fff; color:#0c2835;padding:35px 34px 30px; border-radius:0 0 9px 9px;}
.v8-visual-label{font-size:11px;font-weight:900;letter-spacing:.16em;color:#1b8575;white-space:nowrap}
.v8-product-inner h2{font-size:25px;font-size:clamp(22px,1.9vw,28px);font-weight:900;letter-spacing:-.04em;margin:15px 0 6px;line-height:1.4}
.v8-product-intro{font-size:13px;color:#60737a;margin:0 0 26px;line-height:1.8}
.v8-process{position:relative;display:grid;gap:0}
.v8-process:before{content:"";position:absolute;top:32px;bottom:32px;left:22px;width:2px;background:#a6ddd2}
.v8-process-row{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:17px;padding:13px 8px 13px 0;border-bottom:1px solid #ecf0ee;position:relative}
.v8-process-row b{width:46px;height:46px;display:grid;place-items:center;z-index:2;border:3px solid #fff;border-radius:50%;font:800 12px/1 sans-serif;background:#0c5960;color:#fff;box-shadow:0 1px 6px #0c596023}
.v8-process-row strong{display:block;font-size:16px;font-weight:900;color:#0d2d39}
.v8-process-row small{display:block;font-size:12px;color:#5b7680;margin-top:3px}
.v8-process-row>span{font-size:11px;color:#127b70;background:#e5f3ee;border-radius:4px;padding:7px 10px;font-weight:800}
.v8-product-footer{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;background:#e7f4ee;margin-top:25px;border-left:4px solid #2aa88d}
.v8-product-footer span{display:block;color:#3e7972;font-size:10px;letter-spacing:.09em;font-weight:850}
.v8-product-footer strong{display:block;font-size:15px;letter-spacing:-.02em;color:#12363c;margin-top:7px}
.v8-flow-mark{font-size:28px;color:#29857b;font-weight:300}
.v8-workflow-note{font-size:11px;color:#b9d5db;text-align:right;margin:13px 2px 0}
.v8-value-strip{background:#eef3ef;border-bottom:1px solid #e1ebe6}
.v8-value-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:0;align-items:center;padding:24px 0}
.v8-value-inner>span{color:#173843;font-weight:780;font-size:14px;text-align:center;border-right:1px solid #c9d8d1}
.v8-value-inner>span:last-child{border-right:none}
.v8-value-inner b{margin-right:12px;color:#2e9e8d;font-size:12px;letter-spacing:.07em}
/* 8 portrait movies: no horizontal 16:9 letterboxes */
.v8-stories{background:#eff3f1;color:#12303a;padding:117px 0 150px}
.v8-stories .container{max-width:1190px}
.v8-stories-head{display:flex;gap:30px;align-items:end;justify-content:space-between;margin:0 0 63px;border-bottom:1px solid #cedbd7;padding-bottom:39px}
.v8-section-code{font-size:12px;color:#0d7976;letter-spacing:.21em;font-weight:900;margin-bottom:19px}
.v8-stories-head h2{margin:0;font-size:45px;font-size:clamp(34px,3.3vw,52px);line-height:1.35;font-weight:900;letter-spacing:-.065em;color:#102d39}
.v8-stories-head h2 span{color:#306f6b}
.v8-stories-head p{color:#6f8289;font-size:16px;line-height:1.9;margin:0 0 4px;max-width:330px}
.v8-story-list{display:grid;gap:32px}
.v8-story{display:flex;gap:0;background:#fff;border:1px solid #dbe4e0;border-radius:10px;overflow:hidden;box-shadow:0 7px 30px #173f3510;}
.v8-story-player{flex:0 0 353px;min-width:0;background:#102b38;padding:28px 29px 22px;display:flex;flex-direction:column;justify-content:center;align-items:center}
.v8-player-shell{position:relative;width:min(100%,290px);aspect-ratio:9/16;overflow:hidden;border-radius:7px;background:#07131e;border:1px solid #587b7c75;box-shadow:0 20px 28px #00131875}
.v8-video-poster{display:block;width:100%;height:100%;object-fit:cover}
.v8-player-shell video{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#091825}
.v8-player-shell.is-playing video{display:block}
.v8-player-shell.is-playing .v8-video-poster{display:none}
.v8-video-trigger[hidden]{display:none}
.v8-video-trigger{position:absolute;inset:0;width:100%;height:100%;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;background:linear-gradient(180deg,#09243308 45%,#051b2b80 100%);border:0;cursor:pointer;color:#fff;font-size:14px;font-weight:800;letter-spacing:.02em}
.v8-video-trigger:hover{background:linear-gradient(180deg,#0924330a 38%,#051b2baa 100%)}
.v8-play-disc{width:69px;height:69px;display:grid;place-items:center;background:#1b806faf;color:white;backdrop-filter:blur(5px);border:1px solid #d3f1e0;border-radius:100%;font-size:20px;padding-left:3px;box-shadow:0 7px 32px #07152380}
.v8-video-counter{position:absolute;top:15px;right:14px;color:#fff;padding:5px 9px;background:#072435b3;border-radius:3px;font:850 10px/1.5 sans-serif;letter-spacing:.1em;pointer-events:none}
.v8-video-caption{margin:18px 0 0;font-size:11px;color:#96c5c0;letter-spacing:.013em;white-space:nowrap}
.v8-video-caption span{color:#668b8a;margin:0 5px}
.v8-story-content{flex:1;min-width:0;padding:56px 60px;padding:56px clamp(35px,5vw,75px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.v8-story-label{display:flex;align-items:center;gap:16px;color:#347a77;font-size:11px;font-weight:850;letter-spacing:.12em}
.v8-story-label b{font-size:12px;font-weight:900;color:#137e77;white-space:nowrap}
.v8-story-label>span{display:block;width:31px;height:1px;background:#b69a72}
.v8-story-content h3{font-size:32px;font-size:clamp(27px,2.45vw,38px);line-height:1.45;font-weight:900;letter-spacing:-.056em;margin:20px 0 24px;color:#092935}
.v8-story-description{max-width:670px;font-size:17px;line-height:2;color:#58717c;margin:0 0 32px}
.v8-flow-block{width:100%;border-top:1px solid #dfebe6;border-bottom:1px solid #dfebe6;padding:22px 0 26px;margin-bottom:26px}
.v8-flow-title{font-size:12px;color:#1b8076;font-weight:900;margin-bottom:14px}
.v8-flow-block ol{list-style:none;display:flex;flex-wrap:wrap;gap:10px 16px;padding:0;margin:0}
.v8-flow-block li{font-size:12px;color:#304a53;font-weight:700;display:flex;gap:7px;align-items:center}
.v8-flow-block li span{font-size:10px;color:#0b8c7e;border-radius:3px;background:#e4f6f0;padding:4px 5px;font-weight:900}
.v8-flow-block li:not(:last-child)::after{content:'→';color:#58a897;font-weight:900;margin-left:7px}
.v8-story-link{text-decoration:none;font-size:15px;font-weight:900;color:#116f66;border-bottom:1px solid #75a69d;padding-bottom:8px}
.v8-story-link span{margin-left:12px}
.v8-story-link:hover{color:#092f32;border-color:#0b5e59}
@media(min-width:1150px){.v8-public .desktop-nav{display:flex !important}.v8-public .menu-toggle{display:none !important}}
@media(max-width:1180px){.v8-hero-grid{min-height:650px;gap:34px}.v8-product-inner{padding:24px}.v8-product-top{padding:20px}.v8-hero h1{font-size:60px}.v8-story-content{padding:35px}.v8-story-player{padding:24px}.v8-story-player{flex-basis:310px}.v8-player-shell{width:256px}}
@media(max-width:960px){.v8-hero-grid{grid-template-columns:1fr;gap:45px;padding-top:65px;padding-bottom:65px;min-height:0}.v8-hero-text{max-width:710px}.v8-product-visual{width:100%;max-width:680px}.v8-product-inner{padding:28px 32px}.v8-hero-subjects{margin-top:36px}.v8-stories{padding:70px 0}.v8-stories-head{flex-direction:column;align-items:start}.v8-story-player{flex-basis:300px}.v8-story-content{padding:28px}.v8-flow-block ol{display:grid;gap:9px}.v8-flow-block li:not(:last-child)::after{display:none}}
@media(max-width:700px){.v8-hero-grid{padding:54px 0 62px;gap:45px}.v8-hero h1{font-size:50px;font-size:clamp(43px,11.2vw,68px);white-space:normal}.v8-hero h1 small{font-size:25px;font-size:clamp(20px,5.5vw,28px)}.v8-hero-lead{font-size:15px;line-height:1.92}.v8-desktop-only{display:none}.v8-actions{display:grid;grid-template-columns:1fr}.v8-button{padding:17px}.v8-hero-subjects{font-size:11px;gap:12px}.v8-product-top{padding:17px}.v8-product-inner{padding:20px}.v8-product-badge{display:none}.v8-product-inner h2{font-size:21px}.v8-visual-label{font-size:9px}.v8-process-row{gap:8px;grid-template-columns:42px 1fr auto}.v8-process-row b{width:42px;height:42px}.v8-process-row strong{font-size:14px}.v8-process-row small{font-size:10px}.v8-product-footer{padding:14px}.v8-product-footer strong{font-size:12px}.v8-value-inner{grid-template-columns:1fr 1fr;gap:13px 0}.v8-value-inner>span{border:0;font-size:12px}.v8-stories-head h2{font-size:35px}.v8-stories-head p{font-size:14px}.v8-story{flex-direction:column}.v8-story-player{flex-basis:auto}.v8-story-player{padding:24px 16px 20px}.v8-player-shell{width:min(290px,80%)}.v8-story-content{padding:30px 26px 40px}.v8-story-content h3{font-size:27px;margin:17px 0}.v8-story-description{font-size:15px;line-height:1.88}.v8-story-label{font-size:10px}.v8-flow-block{margin-bottom:25px}.v8-stories{padding:63px 0}.v8-stories-head{margin-bottom:33px}.v8-public .site-header .header-inner{min-height:75px}.v8-public .site-header .brand img{width:139px}.v8-video-caption{font-size:10px}}
@media(prefers-reduced-motion:reduce){.v8-button{transition:none}}