/* VIM Center 2.2. Original 1.0 palette and photography; limited contemporary refinements. */
[hidden]{display:none!important}
:root{--focus-ring:#078c91}
html{scroll-padding-top:96px}body{font-size:17px}
a,button{-webkit-tap-highlight-color:transparent}
button,a,input{touch-action:manipulation}
:focus-visible{outline:3px solid var(--focus-ring);outline-offset:5px}
.skip-link{position:fixed;z-index:300;top:8px;left:12px;padding:12px 18px;border-radius:10px;background:var(--ink);color:white;transform:translateY(-180%)}.skip-link:focus{transform:none}
.no-js .reveal{opacity:1;transform:none}
.hero h1{font-size:clamp(54px,6.3vw,90px);line-height:.99;letter-spacing:-.06em;text-wrap:balance}
.hero .lead{font-size:clamp(18px,1.65vw,23px);line-height:1.5;max-width:620px}
.hero-grid{gap:58px}.hero .micro{row-gap:12px}
.hero .role-line{color:var(--aqua)}
.hero-media .video-card{border:1px solid rgba(8,45,52,.12);box-shadow:0 30px 80px rgba(8,45,52,.2)}
.hero-media .float-card{border:1px solid rgba(8,45,52,.1);box-shadow:0 16px 44px rgba(8,45,52,.12)}
.video-control{position:absolute;top:16px;left:16px;z-index:3;border:1px solid rgba(255,255,255,.4);background:rgba(8,45,52,.7);backdrop-filter:blur(12px);border-radius:99px;color:#fff;font-size:13px;padding:9px 14px;cursor:pointer}
.hero-actions .btn{min-height:48px}.btn{transition:background .18s,box-shadow .18s,transform .18s}.btn:hover{transform:translateY(-2px)}
.navdrop.open .navdrop-menu{visibility:visible;opacity:1;transform:none}
.navdrop-toggle span:first-child{color:var(--ink2)}
.locale-notice{color:var(--muted);font-size:14px;margin-top:18px}
/* Current product cards, with neutral Travel identity rather than invented product packaging. */
.product-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.product-focus{display:flex;align-items:center;min-height:485px;padding:34px 30px;isolation:isolate;gap:8px}
.product-focus .product-copy{position:relative;z-index:2;flex:1;min-width:0}
.product-focus h3{font-size:clamp(30px,3vw,45px);line-height:1.03;margin:19px 0 15px;letter-spacing:-.045em}
.product-focus p{font-size:17px;max-width:310px;line-height:1.5}
.product-photo{flex:0 0 34%;align-self:center;transform:rotate(-5deg);filter:drop-shadow(0 20px 15px rgba(8,45,52,.12))}
.product-photo img{width:100%;height:auto;object-fit:contain}
.product-kit-tags{display:flex;flex-wrap:wrap;gap:6px;margin:22px 0}
.product-kit-tags span{font-size:12px;background:rgba(11,184,189,.085);padding:7px 10px;border:1px solid rgba(11,184,189,.16);border-radius:99px}
.product-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.product-actions .btn{font-size:14px;padding:13px 18px}
.product-shop{font-size:14px;text-decoration:underline;text-underline-offset:4px;color:var(--ink2);padding:8px 0}
.product-travel{color:#fff;background:radial-gradient(ellipse at 85% 40%,#19575c,transparent 60%),linear-gradient(125deg,#071f24,#0b3940)}
.product-travel p{color:#b9d5d7}.product-travel .eyebrow{background:rgba(255,255,255,.055);color:#77eee1;border-color:rgba(111,226,210,.2)}
.product-travel .product-shop{color:#bfeee6}.product-travel .product-kit-tags span{color:#dcf2ed;border-color:rgba(190,238,226,.2);background:rgba(255,255,255,.04)}
.travel-visual{position:absolute;z-index:-1;right:-4%;top:10%;width:45%;height:83%;opacity:.65}
.travel-label{position:absolute;right:10px;top:35%;transform:rotate(90deg);display:grid;gap:2px;color:#bdece4;letter-spacing:.22em;font-size:14px}.travel-label strong{font-size:57px;letter-spacing:.03em;color:var(--gold)}.travel-label small{font-size:11px}
.travel-orbit{position:absolute;inset:0;border:1px solid rgba(98,229,218,.18);border-radius:50%;transform:rotate(-25deg)}.orbit-two{inset:30px -24px;transform:rotate(25deg)}
.product-travel .product-copy{max-width:78%}.product-footnote{font-size:15px;color:var(--muted);max-width:820px;margin:24px 0 0}
/* Source palette and alternating light/dark section treatment retained. */
.materials-section{position:relative;background:linear-gradient(180deg,#f7ffff,#eaf9f7);overflow:hidden}
.materials-head{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:end;margin-bottom:36px}
.materials-head .section-sub{margin:0 0 10px}
.materials-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}
.material-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:30px;overflow:hidden;box-shadow:0 16px 42px rgba(8,45,52,.07)}
.material-dark{background:#082d34;color:#fff;border-color:rgba(255,255,255,.08)}
.material-card-copy{padding:28px 26px 20px}.material-card small{color:#07898d;font-size:12px;font-weight:750;letter-spacing:.08em}.material-dark small{color:#65e5da}
.material-card h3{font-size:29px;line-height:1.08;letter-spacing:-.035em;margin:12px 0 13px}.material-card p{font-size:16px;line-height:1.55;color:var(--muted);margin:0}.material-dark p{color:#b7d3d6}
.material-photo-stack{position:relative;margin:6px 24px 25px;min-height:260px;display:grid;place-items:center;background:radial-gradient(ellipse,#1a5b60,#0a3036);border:1px solid rgba(255,255,255,.09);border-radius:20px;flex:1}
.material-photo-stack img{height:214px;width:80%;object-fit:contain;transform:rotate(-7deg);filter:drop-shadow(0 18px 16px rgba(0,0,0,.22))}
.asset-label{position:absolute;bottom:12px;left:12px;background:rgba(8,45,52,.88);color:#fff;padding:7px 10px;border-radius:8px;font-size:12px;max-width:calc(100% - 24px)}
.material-video-photo{margin:6px 24px 25px;position:relative;border-radius:20px;overflow:hidden;min-height:260px;flex:1}.material-video-photo img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 35%}
.video-glyph{position:absolute;top:40%;left:43%;border:1px solid rgba(255,255,255,.5);padding:10px 14px;border-radius:50%;background:rgba(8,45,52,.45);color:#fff;font-size:20px;pointer-events:none}
.material-facts{margin:6px 24px 25px;border-radius:20px;border:1px solid var(--line);padding:7px 20px;background:#f6fbfb;flex:1;display:flex;flex-direction:column;justify-content:center}
.material-facts>div{display:flex;gap:12px;padding:18px 0;border-bottom:1px solid var(--line);align-items:center;font-size:16px}.material-facts>div:last-child{border:0}.material-facts i{font-style:normal;color:#06878b}
.material-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:28px;padding:22px 26px;background:rgba(255,255,255,.7);border:1px solid rgba(11,184,189,.2);border-radius:22px}.material-bottom p{max-width:730px;margin:0;font-size:17px;color:var(--ink2)}.material-bottom .btn{flex-shrink:0}
.stats-example{font-size:14px;color:#a6c8cb;max-width:950px;margin:0 0 28px}
.growth .metric em{font-size:12px;font-style:normal;color:#9dbdbf}.growth .metric b{color:#6be5d9;font-size:40px}
.growth .side .brand{color:#fff}.growth .section-kicker{color:#67e4d8}
#career .career-note{max-width:900px}.journey-step{min-width:0}
.quick-copy h2{text-wrap:balance}.quick-copy .btn{max-width:100%;white-space:normal}
#start .business-callout p{line-height:1.6}
/* Native accessible entry dialogs. No local imitation of registration. */
dialog.entry-dialog{border:1px solid var(--line);border-radius:28px;padding:38px;width:min(540px,calc(100% - 24px));max-height:90vh;color:var(--ink);box-shadow:0 40px 100px rgba(0,0,0,.2);overflow:auto}
dialog::backdrop{background:rgba(3,25,29,.62);backdrop-filter:blur(6px)}
.entry-dialog h2{font-size:32px;line-height:1.1;letter-spacing:-.04em;margin:16px 0}.entry-dialog p{font-size:17px;line-height:1.6;color:var(--muted)}
.dialog-close{position:absolute;right:14px;top:10px;border:0;border-radius:50%;width:40px;height:40px;font-size:26px;color:var(--ink);background:#eef8f8;cursor:pointer}
.entry-actions{display:flex;flex-direction:column;gap:12px;margin:24px 0}.entry-actions a{text-align:center;display:block}.entry-dialog .entry-note{font-size:14px}.entry-product{padding:12px 16px;border-radius:12px;background:#e6faf6;color:var(--ink)!important;font-weight:700}
.entry-error{border-left:3px solid #a65430;padding-left:12px}
.install-modal{z-index:220}.install-card{max-height:92vh;overflow:auto}
.lang-menu:not(.is-open){pointer-events:none}.langdrop.open .lang-menu{pointer-events:auto}
.navdrop-menu{max-height:70vh;overflow:auto}
.prototype-toast{z-index:500}
.chat-float{display:grid;place-items:center}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
@media (max-width:1180px){.hero-grid{gap:34px}.hero h1{max-width:860px}.hero .lead{max-width:800px}.hero-media{max-width:670px;width:100%;margin:auto}.product-grid-two{grid-template-columns:1fr 1fr}.product-focus{padding:28px 24px;flex-direction:column;align-items:flex-start;min-height:560px}.product-photo{width:52%;flex:none;align-self:flex-end;margin-top:-25px}.product-copy{flex:none!important}.product-travel .product-copy{max-width:88%}.materials-head{grid-template-columns:1fr}.materials-grid{grid-template-columns:1fr 1fr}.material-card:last-child{grid-column:1/-1}.material-card:last-child .material-facts{min-height:240px}.nav-start{font-size:14px!important}}
@media (max-width:760px){body{font-size:17px}.hero{padding-top:100px}.hero h1{font-size:clamp(45px,8.7vw,68px);letter-spacing:-.045em;max-width:680px}.hero .lead{font-size:18px}.hero-grid{gap:30px}.hero-media{height:470px}.video-card{inset:0 25px!important}.float-card{max-width:63%;padding:14px}.float-card b{font-size:16px}.f1{top:56px!important}.f2{top:210px!important}.f3{bottom:24px!important}.video-control{font-size:12px}.creator-tag{left:12px!important;right:12px!important;max-width:calc(100% - 24px)}.creator-tag small{white-space:normal}.product-grid-two{display:grid;grid-template-columns:1fr}.product-focus{min-height:460px;display:flex;flex-direction:row;align-items:center;padding:28px 22px}.product-photo{width:34%;flex:0 0 34%;align-self:center;margin:0}.product-focus p{font-size:16px}.product-focus h3{font-size:36px}.product-travel .product-copy{max-width:76%}.travel-label strong{font-size:48px}.product-actions .btn{font-size:14px}.materials-grid{grid-template-columns:1fr}.material-card:last-child{grid-column:auto}.material-card-copy{padding:26px 24px 18px}.material-card p{font-size:17px}.material-bottom{flex-direction:column;align-items:flex-start;padding:22px}.stats-example{font-size:14px}.dashboard .dashhead{flex-wrap:wrap;gap:12px}.dashboard .metric{min-width:0;padding:16px 12px}.dashboard .metric small{font-size:13px}.dashboard .metric em{font-size:12px}.dashboard .tool{min-width:0}.dashboard .tool b{font-size:16px}.campaign div{gap:8px}.channel{min-width:0}.channel small{font-size:12px}.entry-dialog{padding:30px 22px!important}.entry-dialog h2{font-size:29px}.hero .micro{font-size:14px}.material-video-photo{height:330px;min-height:330px}}
@media(max-width:420px){.hero h1{font-size:46px;overflow-wrap:break-word}.hero .lead{font-size:17px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{text-align:center;justify-content:center}.brand{font-size:17px}.nav-actions{gap:0}.nav .lang-toggle{padding:8px 7px}.nav .login-link{padding:9px 7px;font-size:13px}.nav .mobile-nav-toggle{padding:8px!important}.product-focus{flex-direction:column;align-items:flex-start;min-height:490px}.product-focus .product-copy{width:100%}.product-photo{width:52%;margin-top:12px;align-self:flex-end}.product-travel .product-copy{max-width:84%}.product-focus h3{font-size:35px}.hero-media{height:430px}.f2{top:182px!important}.f3{bottom:15px!important}.creator-tag{bottom:74px!important}.dashmain{padding:15px}.growth .metrics{gap:9px}.product-kit-tags{gap:4px}.final-start .quick-copy h2{font-size:36px}.section-title{overflow-wrap:break-word}}
.langdrop:not(.open) .lang-menu{visibility:hidden;opacity:0;pointer-events:none}
/* Mobile selector remains visible alongside the menu rather than being hidden by legacy rules. */
@media(max-width:760px){.nav-actions .langdrop{display:block}.nav-actions .langdrop.open{display:block!important;position:static}.nav-actions .langdrop.open .lang-toggle{display:flex}.nav-actions .nav-start{display:none}}
/* Final fit pass: source headline rhythm and non-overlapping hero details. */
.skip-link:not(:focus){visibility:hidden}
.hero h1{text-wrap:wrap}
.nav-quick{white-space:nowrap}
@media(min-width:761px){.hero-media .social-orbit{top:auto;bottom:-42px;left:70px;right:0;display:flex;gap:7px;flex-wrap:wrap;transform:none}.hero-media .social-orbit span{margin:0}.hero-media .f3{bottom:108px;right:0}.hero-media .creator-tag{bottom:24px}}
@media(min-width:1181px){.product-focus:not(.product-travel) .product-photo{flex:0 0 39%;margin-right:-10px}.product-focus:not(.product-travel) .product-copy{min-width:0}.product-focus:not(.product-travel) .product-copy p{max-width:270px}}
@media(max-width:760px){.float-controls{top:auto!important;bottom:18px;left:14px;right:auto;transform:none!important}.scroll-stack{display:flex;gap:8px}.float-btn{width:40px;height:40px}.nav-actions .login-link{display:inline-flex;align-items:center}.hero{padding-bottom:82px}}
@media(max-width:360px){.nav-actions .login-link{font-size:12px;padding:8px 5px}.nav .brand{font-size:15px}.nav .mark{width:25px;height:25px}.nav .lang-toggle{padding:8px 4px}.nav .lang-toggle b{font-size:12px}}
