/* Flytivy product family — responsive product presentation, October 2026. */
:root{color-scheme:light;--bg:#f8faf8;--surface:#fff;--panel:#fff;--panel-strong:#fff;--text:#152b27;--ink:#152b27;--muted:#526963;--dim:#637a72;--line:#d8e3dc;--accent:#166c51;--cyan:#166c51;--mint:#166c51;--green:#166c51;--blue:#166c51;--violet:#166c51;--shadow:0 18px 60px #163e2810}
html{scroll-padding-top:100px}body{min-width:0;background:#f8faf8;color:var(--text);font:16px/1.65 'Segoe UI Variable','Segoe UI',system-ui,sans-serif;-webkit-font-smoothing:antialiased}body::before{display:none}*{box-sizing:border-box}img{max-width:100%;height:auto}a{color:inherit}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #166c51;outline-offset:5px}p{color:var(--muted)}h1,h2,h3{color:var(--text);letter-spacing:-.04em;line-height:1.12}h1{font-size:clamp(40px,4.8vw,68px)!important;font-weight:720}h2{font-size:clamp(30px,3.2vw,44px)!important;font-weight:650}h3{font-size:21px;font-weight:650}h1 span,h2 span{color:inherit}main{overflow:clip}section{scroll-margin-top:100px}figure{margin:0}figcaption{font-size:13px;color:var(--muted);margin-top:14px}a,button{transition:background .18s,color .18s,box-shadow .18s}a:hover{color:#166c51}
.site-header,.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:78px;padding:14px max(24px,calc((100vw - 1240px)/2));background:#f8faf8f5;border-bottom:1px solid var(--line);backdrop-filter:blur(12px);box-shadow:none}.nav-shell{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;max-width:1240px;margin:0 auto;padding:0}.brand{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;letter-spacing:-.025em;color:var(--text);white-space:normal;min-width:0}.brand img,.brand-mark{width:36px;height:36px;object-fit:contain;border-radius:9px;flex:none}.brand span{max-width:240px}.site-header nav,.topbar nav,.nav-links{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:550}.site-header nav a,.topbar nav a{white-space:nowrap}.header-actions,.nav-actions{display:flex;align-items:center;gap:18px}.lang,.lang-switch{display:flex;gap:3px;border:1px solid var(--line);border-radius:8px;padding:3px;background:#fff}.lang button,.lang-switch button{min-width:36px;min-height:34px;border:0;background:transparent;color:var(--muted);border-radius:5px}.lang button.active,.lang-switch button.active{background:#e6f0e9;color:#13573f}.language-picker select{background:#fff!important;color:var(--text)!important;border-color:var(--line)!important;font-size:14px!important}.top-strip{display:none}.menu-toggle{display:none}
.button,.btn,.primary,.plan-button,.store-link,.store-button,.hero-actions>a,.actions>a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 22px;border-radius:9px;background:#176d51;color:#fff;border:1px solid #176d51;box-shadow:none;font-size:15px;font-weight:650;text-decoration:none;line-height:1.4}.button:hover,.btn:hover,.primary:hover,.plan-button:hover{background:#10533e;color:#fff;box-shadow:0 4px 12px #166c5120}.button.secondary,.button.ghost,.btn.secondary,.secondary,.hero-actions>a:nth-child(2),.actions>a:nth-child(2){background:#fff;color:var(--text);border:1px solid #cfddd4}.button.secondary:hover,.secondary:hover{background:#eaf2ec;color:var(--text)}.eyebrow,.kicker,.section-kicker{color:#176d51;font-size:12px;font-weight:750;letter-spacing:.14em;text-transform:uppercase;margin:0 0 18px}.lead,.hero-copy>p:not(.eyebrow):not(.kicker){font-size:18px;line-height:1.75;max-width:530px;margin:22px 0 28px}.hero-actions,.actions{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 0}.platform-note{font-size:12px!important;color:#60766c!important;margin-top:18px!important;letter-spacing:.02em}
.hero{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;gap:60px!important;align-items:center;max-width:1320px!important;margin:0 auto!important;padding:84px 40px!important;min-height:0!important;isolation:auto;background:none}.hero-copy{position:static!important;grid-column:1!important;grid-row:1!important;padding:0!important;width:auto!important;max-width:none!important;z-index:auto!important}.hero-art,.hero>img,.hero-media{position:static!important;grid-column:2!important;grid-row:1!important;width:100%!important;height:auto!important;inset:auto!important;max-height:none!important;object-fit:contain!important;border-radius:16px!important;box-shadow:0 24px 70px #173d2826!important;border:1px solid #d4dfd7!important;transform:none!important;overflow:hidden}.hero-media img{width:100%;height:auto;object-fit:contain;display:block}.hero::before,.hero::after{display:none}.hero h1{margin:0;max-width:640px}.hero-bg,.hero-overlay{display:none}.section,.band,.pricing,.workflow,.screens,.privacy,.cta{max-width:1240px;margin:0 auto;padding:76px 24px;border-top:1px solid var(--line);background:none}.section-inner{max-width:none;padding:0}.section-heading,.section-head{max-width:700px;margin:0 0 36px;text-align:left}.section-heading p,.section-head p{max-width:650px}.section-heading h2,.section-head h2{margin:0 0 16px}.section-heading .eyebrow,.section-head .eyebrow{margin-bottom:16px}.trust-band,.trust-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;max-width:1192px;margin:0 auto 36px;padding:26px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:none;border-radius:0}.trust-band>div,.trust-row>article{padding:12px 28px;background:none;border:0;border-right:1px solid var(--line);border-radius:0;box-shadow:none}.trust-band>div:last-child,.trust-row>article:last-child{border:0}.trust-band{grid-template-columns:repeat(4,minmax(0,1fr))}.trust-band strong,.trust-row strong{color:#176d51}.trust-band span,.trust-row p{color:var(--muted);font-size:14px}.trust-row h3{font-size:19px}.trust-row span{color:#176d51}
.feature-grid,.steps,.plans,.plans-grid,.pro-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.feature-grid article,.steps article,.plans article,.plan-card,.feature-card{min-width:0;padding:30px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:none;color:var(--text)}.feature-grid article>span,.steps article>span,.step-number{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;margin-bottom:24px;background:#edf4ee;color:#176d51;border-radius:9px;font-size:12px;font-weight:750}.feature-grid p,.steps p{font-size:15px;line-height:1.75;margin:14px 0 0}.plans article{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.plans article>strong{font-size:27px;letter-spacing:-.035em;line-height:1.4;color:var(--text)}.plans article>p{flex:1;margin:0 0 12px;font-size:15px}.plans article>a{width:100%;margin-top:auto}.plans .featured,.pro-plan{border:2px solid #176d51;background:#f0f7f1;transform:none}.plans-panel{padding:0;background:none;border:0;box-shadow:none}.plans-heading{display:flex;justify-content:space-between;align-items:start;gap:24px;margin-bottom:32px}.plans-heading h2{margin:0 0 16px}.secure-badge{background:#fff;border:1px solid var(--line);color:#176d51;border-radius:9px;box-shadow:none;font-size:12px}.plan-card{display:flex;flex-direction:column;gap:24px}.plan-card-top{display:flex;justify-content:space-between;gap:20px}.plan-card h3{font-size:22px}.price{font-size:30px!important;color:var(--text);font-weight:700;letter-spacing:-.04em}.plan-features{flex:1;padding:0;list-style:none;margin:0;font-size:14px}.plan-features li{display:flex;align-items:center;gap:10px;margin:12px 0}.plan-features li.included>span:first-child{background:#176d51}.plan-features li.excluded{opacity:.55}.plan-symbol{opacity:.5}.plan-button{width:100%}
.product-grid,.split,.privacy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}.product-grid>figure{padding:0;background:none;border:0;box-shadow:none}.product-grid>figure img,.split>figure img{border-radius:14px;box-shadow:var(--shadow)}.feature-list{display:grid;gap:0}.feature-list article{padding:24px 0;border-bottom:1px solid var(--line);background:none;border-radius:0}.feature-list article>span{color:#176d51;font-weight:700;font-size:12px}.feature-list h3{margin:8px 0}.feature-list p{margin:10px 0 0;font-size:15px}.action-catalog{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:40px}.action-catalog article{padding:20px 16px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:none}.action-catalog img{width:36px;height:36px;margin-bottom:18px;object-fit:contain}.action-catalog h3{font-size:16px;letter-spacing:-.025em}.action-catalog p{font-size:13px;margin-top:10px}.pro-panel{display:grid;grid-template-columns:1fr;gap:36px;background:#edf4ee;border:1px solid var(--line);border-radius:18px;padding:40px;box-shadow:none}.pro-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.pro-feature-grid article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px}.pro-feature-grid h3{font-size:18px;margin:16px 0 12px}.pro-feature-grid p{font-size:14px}.pro-icon{color:#176d51;background:#edf4ee}.pro-panel>figure{display:none}.screen-stack{display:block}.screen-stack figure{background:none;border:0;padding:0;box-shadow:none}.screen-stack img{width:100%;border-radius:16px;border:1px solid var(--line);box-shadow:var(--shadow)}.screen-stack figure+figure{display:none}.privacy-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.privacy-grid article,.privacy-grid>div{border:1px solid var(--line);border-radius:12px;background:#fff;padding:24px;font-size:15px}.privacy-grid span{color:#176d51}.cta{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;padding:60px 30px;margin:30px auto 70px;background:#e9f2eb;border:1px solid var(--line);border-radius:20px}.cta>img{width:60px}.cta h2{max-width:700px}.cta p{max-width:580px}.cta .eyebrow{margin:0}footer,.footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;max-width:1240px;margin:0 auto;padding:30px 24px;color:var(--muted);background:none;border-top:1px solid var(--line);font-size:13px}footer a{overflow-wrap:anywhere}.footer-inner{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;width:100%}
body[data-product-page=downloads] .hero{display:block!important;max-width:1240px!important}.hero-inner{max-width:780px;padding:0}.hero-inner h1{max-width:740px}.hero-inner .hero-lead{font-size:19px;color:var(--muted)}.hero-metrics{display:flex;flex-wrap:wrap;gap:24px;margin-top:36px}.hero-metrics>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 24px}.hero-metrics strong{color:#176d51}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}.dark-band,.agent-band,.faq-band{background:none}.privacy-panel,.agent-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px;box-shadow:none}.privacy-row{border-color:var(--line)}.timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.timeline article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px}.agent-layout,.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.agent-card img{max-width:150px}.faq-list{display:grid;gap:12px}details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}summary{cursor:pointer;color:var(--text);font-weight:650}details p{font-size:15px;margin-top:12px}code{overflow-wrap:anywhere;color:#176d51}.final-box{padding:36px;background:#e9f2eb;border:1px solid var(--line);border-radius:18px}.reveal{opacity:1!important;transform:none!important}
body[data-lang=en] .es,body[data-lang=es] .en{display:none!important}
@media(min-width:901px){.mobile-nav[hidden]{display:flex!important}}
@media(max-width:1050px){.site-header,.topbar{gap:16px;padding:14px 24px}.site-header nav,.topbar nav,.nav-links{gap:16px}.brand span{max-width:190px}.hero{gap:30px!important;padding:64px 28px!important}.action-catalog{grid-template-columns:repeat(3,minmax(0,1fr))}.pro-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-header .button,.site-header .btn{padding:10px 14px;font-size:13px}}
@media(max-width:900px){html{scroll-padding-top:90px}.site-header,.topbar{min-height:72px;padding:14px 20px;flex-wrap:wrap;gap:12px}.nav-shell{flex-wrap:wrap;gap:12px}.brand{font-size:14px;max-width:calc(100% - 60px)}.brand span{max-width:none}.brand img,.brand-mark{width:32px;height:32px}.menu-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:42px;min-width:48px;padding:8px 12px;margin-left:auto;background:#fff;color:var(--text);border:1px solid var(--line);border-radius:8px;font-size:14px}.site-header .mobile-nav,.topbar .mobile-nav{order:5;display:flex;flex-basis:100%;width:100%;align-items:stretch;flex-wrap:wrap;gap:0;border-top:1px solid var(--line);padding-top:10px}.site-header .mobile-nav[hidden],.topbar .mobile-nav[hidden]{display:none!important}.mobile-nav>a{display:block;padding:10px 14px;font-size:15px;min-height:44px}.header-actions,.nav-actions,.language-picker{margin-left:0;gap:10px}.nav-actions{order:4}.header-actions>a,.nav-actions>a{display:none}.language-picker{order:4}.hero{grid-template-columns:minmax(0,1fr)!important;padding:46px 20px 52px!important;gap:36px!important}.hero-copy{grid-column:1!important;grid-row:1!important}.hero-art,.hero>img,.hero-media{grid-column:1!important;grid-row:2!important;border-radius:12px!important}.hero h1{font-size:clamp(38px,8vw,56px)!important;max-width:650px}.hero-copy>p:not(.eyebrow):not(.kicker),.lead{font-size:17px;line-height:1.75;margin:20px 0 24px;max-width:600px}.section,.band,.pricing,.workflow,.screens,.privacy{padding:52px 20px}.feature-grid,.steps,.plans,.plans-grid,.timeline{grid-template-columns:1fr;gap:16px}.feature-grid article,.steps article,.plans article,.plan-card{padding:26px}.product-grid,.split,.privacy,.intro-grid,.agent-layout,.faq-grid{grid-template-columns:1fr;gap:30px}.trust-row,.trust-band{grid-template-columns:1fr;margin:0 20px 10px;padding:12px 0}.trust-band>div,.trust-row>article{padding:18px 0;border-right:0;border-bottom:1px solid var(--line)}.trust-row>article:last-child,.trust-band>div:last-child{border:0}.trust-band>div{display:flex;align-items:center;gap:16px}.trust-band strong{font-size:24px;min-width:70px}.action-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.action-catalog article{padding:18px}.pro-panel{padding:26px 20px;gap:26px}.pro-feature-grid{grid-template-columns:1fr 1fr;gap:12px}.pro-feature-grid article{padding:18px}.plans-heading{display:block}.secure-badge{display:inline-flex;margin-top:12px}.cta{margin:20px 20px 50px;padding:40px 22px}.privacy-grid{gap:12px}.privacy-grid article,.privacy-grid>div{padding:18px}.hero-inner h1{font-size:42px!important}.hero-metrics{gap:12px}.hero-metrics>div{flex:1;min-width:120px;padding:16px}.final-box{padding:26px}footer,.footer{padding:28px 20px;justify-content:flex-start;align-items:start;flex-direction:column}.section-heading,.section-head{margin-bottom:28px}.screen-stack img{border-radius:10px}}
@media(max-width:380px){.brand span{max-width:190px}.hero h1{font-size:37px!important}.hero-actions>a,.actions>a{width:100%}.pro-feature-grid,.privacy-grid{grid-template-columns:1fr}.action-catalog article{padding:14px}.lang button{min-width:32px}.site-header,.topbar{padding:12px 16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

@media(max-width:900px){.nav-actions.mobile-nav>a{display:block}.nav-shell>.lang-switch{margin-left:auto}}

.lead,.hero-copy>p:not(.eyebrow):not(.kicker){color:var(--muted)!important}.hero-art,.hero-media,.hero-media img{opacity:1!important;filter:none!important}.button.primary,.button.primary:hover,.hero-actions>.primary{color:#fff!important}.hero-media{background:#102019!important;padding:8px}.hero-copy h1{color:var(--text)!important}.plan-card .price,.plan-card h3,.plan-card li{color:var(--text)}

.brand,.brand *{text-decoration:none!important}.privacy{border-radius:0;box-shadow:none}.hero-copy>p,.hero-inner p{color:var(--muted)}.hero-copy>.eyebrow{color:#176d51}@media(max-width:900px){.header-actions{display:none}.mobile-nav>.lang,.mobile-nav>.lang-switch{margin:8px 12px;width:max-content}.nav-actions.mobile-nav>.lang-switch{display:flex}}

.plan-card-top{min-height:0;height:auto}.plan-card .price{margin:12px 0 0}.plan-card-top>div{min-width:0}.site-header nav a{text-decoration:none}.trust-band strong{margin-right:6px}

/* Keep legacy desktop-theme selectors from coloring nested card copy. */
body[data-product-page="workspace"]{--warning:#176d51}
body[data-product-page="workspace"] article span{color:inherit;font-weight:inherit}
body[data-product-page="workspace"] .feature-grid article>span{color:#176d51;font-weight:750}
body[data-product-page="workspace"] article p{font-weight:400}

/* A single, stable header row; the mobile menu is a separate dropdown. */
body[data-product-page="vault"] .nav-shell{min-height:0}
@media(max-width:900px){
 body[data-product-page="vault"] .site-header{height:65px;min-height:65px;padding:10px 16px;display:block}
 body[data-product-page="vault"] .nav-shell{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;flex-wrap:nowrap;width:100%;height:44px;min-height:0;margin:0;padding:0}
 body[data-product-page="vault"] .brand{max-width:none;min-width:0;gap:8px;white-space:nowrap;font-size:14px}
 body[data-product-page="vault"] .brand img{width:30px;height:30px}
 body[data-product-page="vault"] .brand span{min-width:0;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 body[data-product-page="vault"] .menu-toggle{grid-column:2;min-height:44px;margin:0;padding:8px 12px}
 body[data-product-page="vault"] .nav-actions.mobile-nav{position:absolute;z-index:60;top:54px;left:-16px;right:-16px;display:flex;flex-direction:column;align-items:stretch;gap:2px;width:auto;max-height:calc(100dvh - 65px);overflow-y:auto;overscroll-behavior:contain;padding:12px 16px 16px;margin:0;background:#f8faf8;border:0;border-bottom:1px solid var(--line);box-shadow:0 14px 24px #163e2818;border-radius:0 0 14px 14px}
 body[data-product-page="vault"] .nav-actions.mobile-nav[hidden]{display:none!important}
 body[data-product-page="vault"] .nav-actions.mobile-nav>a{padding:12px;min-height:46px;white-space:normal}
 body[data-product-page="vault"] .nav-actions.mobile-nav>.lang-switch{margin:8px 12px 0;align-self:flex-start}
 body[data-product-page="vault"] section{scroll-margin-top:81px}
}