/* Gemini prototype: adapted glass layers, perspective and depth; FutureMSP branding. */
:root{--ink:#0b1520;--muted:#394958;--line:#cddce7;--green:#007ab5}
body{font-size:19px;line-height:1.65;background:#fff}h1,h2,h3{font-weight:700;letter-spacing:-.04em}
.wrap{max-width:1360px;padding:0 48px}.cyan{color:#007eb8}h1{font-size:clamp(50px,5.5vw,80px);line-height:1.02}h2{font-size:clamp(38px,4.1vw,58px);line-height:1.08}
.notice{font-size:12px;padding:6px 20px}.notice strong{font-weight:600}.nav-row{height:100px}.brand img{width:216px}nav{font-size:16px;gap:25px}.nav-cta{background:#028bcd;color:white;border-color:#028bcd;border-radius:7px;font-weight:600;padding:12px 18px}
.eyebrow,.hero .eyebrow{font-size:13px;font-weight:600;letter-spacing:.075em}.button{font-size:17px;font-weight:600;padding:15px 22px;border-radius:7px;box-shadow:0 4px 8px #0b152012;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-3px);box-shadow:0 9px 20px #0b152022}.button.secondary{border-color:#a5c9dc}.button:focus-visible,[role=tab]:focus-visible{outline:3px solid #028bcd;outline-offset:5px}
.hero-surface{background:radial-gradient(ellipse at 80% 40%,#dff1fb 0,transparent 53%),linear-gradient(110deg,#fff,#f4f9fc)}
.hero-next{grid-template-columns:1.08fr 1fr;gap:35px;padding:70px 0 46px;min-height:700px}.hero-next h1{max-width:700px;margin-bottom:28px}.hero-next .lead{font-size:22px;max-width:530px;color:#394958;line-height:1.65}.accent-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#028bcd;margin-right:8px}
.hero-footnote{display:flex;gap:15px;flex-wrap:wrap;margin-top:34px;padding-top:23px;border-top:1px solid #cbdae5;font-size:13px;font-weight:500}.service-strip{font-size:15px;padding:24px 0;border-bottom:0}
.continuity-stage{height:550px;position:relative;perspective:1200px;isolation:isolate}.stage-frame{position:absolute;inset:48px 6px 35px 10px;border:2px solid #028bcd;transform:skewY(-7deg);border-radius:9px;background:linear-gradient(135deg,#fff8,#e8f5fc99)}.stage-topline{position:absolute;top:0;left:25px;font-size:15px;font-weight:600}.stage-wires{position:absolute;inset:0;width:100%;height:100%;z-index:0}.wire-base{stroke:#b3d4e7;stroke-width:2}.wire-flow{stroke:#028bcd;stroke-width:3;stroke-dasharray:8 40;animation:flow 5s linear infinite}.scene-card{position:absolute;z-index:1;background:#ffffffeb;backdrop-filter:blur(16px);border:1px solid #bfd8e7;border-radius:12px;padding:23px;box-shadow:0 20px 45px #234a6815;transition:transform .25s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d;width:230px;will-change:transform}.scene-people{left:0;top:85px}.scene-systems{right:0;top:45px}.scene-recovery{right:35px;bottom:32px;width:265px;border-top:4px solid #028bcd}.scene-card strong{font-size:25px;line-height:1.15;letter-spacing:-.025em;font-weight:700;display:block;margin:12px 0}.scene-card>span:last-child{font-size:13px;color:#475b6b}.scene-label{display:block;font-size:11px;text-transform:uppercase;font-weight:600;letter-spacing:.05em}.scene-icon{display:grid;place-items:center;width:44px;height:44px;background:#e3f4fc;border-radius:9px;margin-bottom:16px}.scene-icon svg{width:30px;height:30px;fill:none;stroke:#007ab5;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.stage-caption{position:absolute;bottom:-15px;left:10px;font-size:11px;color:#52616a}
.section{padding:90px 0}.section-head{gap:60px;align-items:center;margin-bottom:44px}.section-head p{font-size:19px;max-width:440px}.section-head h2{max-width:760px}.section-head .eyebrow{font-size:13px}
.recovery-explorer{background:#fff}.recovery-interactive{border:1px solid #c9dde9;border-radius:14px;overflow:hidden;box-shadow:0 24px 60px #1d506811}.recovery-controls{display:grid;grid-template-columns:repeat(3,1fr);background:#eff6fa;border-bottom:1px solid #c9dde9}.recovery-controls button{border:0;border-right:1px solid #c9dde9;padding:25px;background:transparent;text-align:left;position:relative;color:#344c5c}.recovery-controls button:last-child{border-right:0}.recovery-controls button[aria-selected=true]{background:white;color:#07141e;box-shadow:inset 0 4px #028bcd}.recovery-controls button>span{font-size:13px;color:#007eb8;font-weight:600;float:right}.recovery-controls strong{display:block;font-size:24px;font-weight:700;letter-spacing:-.025em}.recovery-controls small{font-size:14px}.recovery-panel{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;padding:45px}.recovery-panel h3{font-size:42px;line-height:1.08;margin-bottom:22px}.recovery-panel p{font-size:19px}.recovery-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f3f9fc;padding:24px;border-radius:10px;min-height:320px}.diagram-node{border:1px solid #bbd7e7;border-radius:7px;padding:13px 17px;background:white;font-size:16px;font-weight:600;width:100%;text-align:center}.diagram-node.highlighted{color:#fff;background:#007eb8;border-color:#007eb8}.diagram-arrow{color:#028bcd;font-size:25px;line-height:1.2}.recovery-visual small{font-size:11px;margin-top:20px;color:#52616a}.text-link{font-size:17px;font-weight:600;margin-top:12px}
#packs{background:#edf6fb}.pack-explorer{border:1px solid #b9d8e9;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 22px 55px #244b6110}.pack-tabs{display:grid;grid-template-columns:repeat(3,1fr)}.pack-tabs button{background:#f5f9fc;color:#31495a;border:0;border-right:1px solid #c4dae7;padding:23px 20px;font-size:21px;font-weight:600;letter-spacing:-.025em;display:flex;justify-content:space-between;align-items:center;gap:12px;transition:background .2s,color .2s}.pack-tabs button:last-child{border-right:0}.pack-tabs button span{font-size:12px;color:#007eb8}.pack-tabs button[aria-selected=true]{background:#028bcd;color:white}.pack-tabs button[aria-selected=true] span{color:white}.pack-panel{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:48px}.pack-panel h3{font-size:52px;margin:0 0 22px}.pack-panel p{font-size:20px}.pack-panel .eyebrow{font-size:12px}.pack-panel .button{margin-top:12px}.pack-feature-list{border-left:1px solid #d1e0e9;padding-left:40px}.pack-feature-list ul{list-style:none;padding:0;margin:0}.pack-feature-list li{padding:15px 0 15px 30px;border-bottom:1px solid #dbe6ed;font-size:18px;position:relative}.pack-feature-list li:before{content:'✓';color:#007eb8;font-weight:700;position:absolute;left:0}.pack-panel .small-note{font-size:13px}.service-row{padding:30px 0;grid-template-columns:45px 1fr}.service-row h3{font-size:27px;font-weight:600}.service-row p{font-size:19px}.service-row .num{font-size:15px}.service-list{gap:0 65px}.home-backup{background:#f1f7fb}.recovery-list p{font-size:27px}.closing h2{font-size:48px}.page-intro{padding-top:75px;padding-bottom:35px}.page-intro h1{font-size:clamp(45px,5.2vw,72px);max-width:1100px}.page-intro .lead{font-size:22px}.panel h3{font-weight:600;font-size:31px}.field{font-size:16px}.step h3{font-size:22px}.step p{font-size:17px}.kb-grid summary{font-size:20px;font-weight:600}.kb-grid p{font-size:18px}.support-list a{font-size:18px}.register table{font-size:16px}#comparison th[scope=row],#comparison td{font-size:16px}.small-note{font-size:14px}footer{font-size:14px}
[role=tabpanel][hidden]{display:none}
.photo-band{height:440px;position:relative;overflow:hidden;color:white;isolation:isolate}.photo-band img{position:absolute;inset:-100px 0;width:100%;height:calc(100% + 200px);object-fit:cover;object-position:center 65%;z-index:-2}.photo-band:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#07141edb,#07141e77 65%,#07141e22);z-index:-1}.photo-band .wrap{height:100%;display:flex;flex-direction:column;justify-content:center}.photo-band h2{font-size:54px;max-width:800px;margin-bottom:20px}.photo-band p{font-size:20px;max-width:580px;color:#edf6fb}.photo-band .eyebrow{color:#9edfff;font-size:13px}.photo-band a{color:white;font-weight:600;font-size:17px}
@keyframes flow{to{stroke-dashoffset:-144}}
.stage-caption{bottom:-35px;font-size:12px}.stage-caption button{font-size:12px;color:#007ab5;background:transparent;border:0;text-decoration:underline;padding:0;cursor:pointer}.motion-paused .wire-flow{animation:none}.motion-paused .scene-card,.motion-paused .photo-band img{transition:none}
@media(max-width:1100px){.wrap{padding:0 32px}.hero-next{grid-template-columns:1.1fr 1fr;gap:20px}.hero-next h1{font-size:61px}.scene-card{width:190px;padding:19px}.scene-card strong{font-size:22px}.scene-recovery{width:230px;right:10px}.scene-systems{top:60px}.scene-people{top:155px}.continuity-stage{height:570px}nav{font-size:14px;gap:17px}.brand img{width:190px}.pack-panel{gap:35px;padding:35px}.recovery-panel{gap:35px}}
@media(max-width:720px){.wrap{padding:0 22px}.nav-row{height:84px}.brand img{width:180px}nav{top:84px;background:#fff;font-size:18px}.hero-next{grid-template-columns:1fr;padding:44px 0 32px;gap:32px;min-height:0}.hero-next h1{font-size:clamp(48px,12.5vw,64px);line-height:1.04}.hero-next .lead{font-size:20px}.hero-footnote{gap:9px;font-size:12px}.hero .buttons{gap:12px}.button{font-size:16px}.continuity-stage{height:525px;margin-top:15px}.scene-card{width:185px;padding:18px}.scene-people{top:85px;left:0}.scene-systems{top:200px;right:0;z-index:2}.scene-recovery{bottom:15px;left:0;right:auto;width:220px;z-index:3}.scene-card strong{font-size:22px}.scene-card .scene-label{font-size:10px}.scene-icon{width:36px;height:36px;margin-bottom:12px}.scene-icon svg{width:25px;height:25px}.scene-card>span:last-child{font-size:11px}.stage-topline{left:0;font-size:14px}.stage-caption{bottom:-26px;font-size:10px;left:0}.stage-frame{inset:50px 5px 0 12px}.service-strip{margin-top:35px;font-size:13px;gap:18px;padding:23px 0}.section{padding:60px 0}.section-head p{font-size:18px}.section-head .eyebrow{font-size:12px}.section-head h2,h2{font-size:40px}.recovery-controls button{padding:18px 12px}.recovery-controls strong{font-size:19px}.recovery-controls small{font-size:11px}.recovery-controls button>span{float:none;display:block;font-size:11px}.recovery-panel{grid-template-columns:1fr;padding:25px;gap:25px}.recovery-panel h3{font-size:34px}.recovery-panel p{font-size:18px}.recovery-visual{min-height:280px;padding:20px}.pack-tabs button{padding:18px 10px;font-size:15px;line-height:1.3;display:block;text-align:left}.pack-tabs button span{display:block;margin-bottom:9px}.pack-tabs button span:last-child{display:none}.pack-panel{grid-template-columns:1fr;padding:28px 24px;gap:28px}.pack-panel h3{font-size:40px}.pack-panel p{font-size:18px}.pack-feature-list{border-left:0;border-top:1px solid #d1e0e9;padding:24px 0 0}.pack-feature-list li{font-size:17px}.service-row h3{font-size:25px}.service-row p{font-size:18px}.service-list{gap:0}.photo-band{height:420px}.photo-band h2{font-size:40px}.photo-band p{font-size:18px}.closing h2{font-size:38px}.page-intro{padding-top:42px}.page-intro h1{font-size:46px}.page-intro .lead{font-size:20px}.section-head{margin-bottom:30px}.recovery-list p{font-size:23px}.nav-cta{color:white}.panel{padding:24px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.scene-card,.photo-band img{transform:none!important}}
@media(min-width:721px) and (max-width:1000px){#menu-toggle{display:block}nav{display:none;position:absolute;top:100px;left:0;right:0;padding:25px 32px;background:white;border-bottom:1px solid var(--line);font-size:18px}nav.open{display:flex;flex-direction:column;align-items:stretch}.hero-next{grid-template-columns:1fr;min-height:0}.hero-next h1{font-size:72px}.hero-next .lead{max-width:650px}.continuity-stage{width:100%;max-width:620px;justify-self:center;height:550px}.scene-people{top:85px;width:230px}.scene-systems{width:230px;top:45px}.scene-recovery{width:265px;right:35px}.service-strip{margin-top:35px}.recovery-panel{gap:25px;padding:30px}.recovery-panel h3{font-size:36px}}
@media(max-width:720px){.continuity-stage{height:500px}.scene-card{width:285px;max-width:94%;display:grid;grid-template-columns:36px 1fr;column-gap:14px;padding:18px}.scene-icon{grid-row:1/4;align-self:start;margin:0}.scene-label{grid-column:2}.scene-card strong{grid-column:2;font-size:22px;margin:7px 0}.scene-card strong br{display:none}.scene-card>span:last-child{grid-column:2;font-size:12px}.scene-people{left:0;top:65px}.scene-systems{right:0;top:210px}.scene-recovery{left:0;bottom:0;width:300px}.stage-caption{bottom:-42px}.service-strip{margin-top:45px}}
