/* Clear entry points, persistent orientation, a browsable screenshot viewer. */
.visitor-paths{padding-top:90px;padding-bottom:45px}.paths-heading{display:flex;flex-direction:column;align-items:flex-start;gap:22px;margin-bottom:38px}.paths-heading h2{font-size:clamp(36px,4.6vw,62px);line-height:1.05;letter-spacing:-.05em;margin-top:18px}.paths-heading>p{max-width:680px;font-size:15px;line-height:1.85;color:var(--muted)}.paths-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.path-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#e5edf6;border:1px solid #d3dfec;border-radius:24px;transition:transform .3s,box-shadow .3s}.path-card:hover{transform:translateY(-5px);box-shadow:0 25px 40px -25px #18334b66}.path-copy{padding:32px 29px 20px;flex:1}.path-copy .eyebrow{font-size:9px;letter-spacing:.1em;line-height:1.6}.path-copy h3{font-size:clamp(25px,2.35vw,34px);letter-spacing:-.035em;line-height:1.13;margin:20px 0}.path-copy p{font-size:13px;line-height:1.85;color:var(--muted);margin-bottom:24px}.path-cta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;font-weight:600;min-height:32px}.path-image{height:260px;position:relative;overflow:hidden;padding-top:20px;text-align:center;background:radial-gradient(ellipse at bottom,#c0d3e7,transparent 70%)}.path-image img{position:relative;z-index:1;width:180px;height:auto;display:block;margin:auto;border:5px solid #263b51;border-radius:23px;box-shadow:0 10px 30px #071c3f38;transform:rotate(-5deg);transition:transform .55s cubic-bezier(.2,.75,.2,1)}.path-card:hover img{transform:rotate(0) translateY(-8px)}.path-orbit{position:absolute;border:1px solid #9bb3cc77;width:290px;height:290px;border-radius:50%;left:50%;top:25px;transform:translateX(-50%)}.path-0{background:#142c44;color:#f6f4ef;border-color:#142c44}.path-0 .eyebrow,.path-0 .path-cta{color:#dfc59b}.path-0 .path-copy p{color:#c1cdd9}.path-0 .path-image{background:radial-gradient(ellipse at bottom,#375573,transparent 75%)}.path-2 .path-image img{transform:rotate(5deg)}.path-2:hover .path-image img{transform:rotate(0) translateY(-8px)}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.guide-reading-bar{align-items:center;padding:10px 0;gap:16px}.guide-area-label{min-width:110px}.chapter-picker{width:min(440px,50%);min-width:0;margin-left:auto}.chapter-picker select{width:100%;padding:12px 34px 12px 15px;border:1px solid #bfccdc;background:#edf3f9;color:var(--ink);border-radius:12px;font:inherit;font-size:12px;text-overflow:ellipsis;cursor:pointer}.guide-index a.is-current{color:#243f5e;font-weight:650;border-bottom-color:#a38754}.guide-index a.is-current span{color:#926f31}.header a[aria-current="page"],.nav-group.has-current>summary{color:#7e602c}.nav-dropdown a[aria-current="page"]{background:#e8eef5;border-radius:10px}.nav-group summary:focus-visible,.chapter-picker select:focus-visible,.path-card:focus-visible,.shot-thumbnail:focus-visible{outline:3px solid #a7874d;outline-offset:4px}
body:has(dialog[open]){overflow:hidden}.shot-thumbnails{display:flex;gap:9px;overflow-x:auto;padding:12px 4px 6px;margin-top:20px;border-top:1px solid var(--line);scrollbar-width:thin;overscroll-behavior-x:contain}.shot-thumbnail{position:relative;flex:0 0 58px;min-height:88px;padding:5px;background:#e2ebf5;border:2px solid transparent;border-radius:9px;overflow:hidden}.shot-thumbnail img{width:40px;height:70px;object-fit:cover;object-position:top;display:block;margin:auto;border-radius:3px}.shot-thumbnail span{display:block;margin-top:4px;font-size:9px;color:#405975}.shot-thumbnail[aria-current="true"]{border-color:#a1844c;background:#f2e8d5}.rail-controls button:disabled{opacity:.3;cursor:default}.rail-controls button:disabled:hover{background:none}.rail-static>div,.rail-static .rail-hint{display:none}.screenshot-dialog{max-height:94dvh}.screenshot-dialog .screenshot-full img{max-height:49dvh}.screenshot-modal-controls button{min-width:44px;min-height:44px}.screenshot-dialog .close{min-width:44px;min-height:44px}
@media(max-width:1000px){.paths-grid{gap:14px}.path-copy{padding:25px 21px 18px}.path-copy h3{font-size:27px}.paths-heading>p{max-width:680px}.path-image{height:220px}.path-image img{width:160px}}
@media(max-width:800px){.visitor-paths{padding-top:55px;padding-bottom:15px}.paths-heading{display:block;margin-bottom:27px}.paths-heading>p{max-width:550px;margin-top:22px;font-size:14px}.paths-grid{grid-template-columns:1fr}.path-card{flex-direction:row;align-items:stretch}.path-copy{flex:1;padding:28px}.path-copy h3{font-size:29px}.path-image{width:34%;min-width:120px;flex-shrink:0;height:auto;min-height:280px;display:flex;align-items:flex-start;padding-top:45px}.path-image img{width:170px;max-width:none;margin-left:15px}.path-image .path-orbit{top:70px}.guide-area-label{display:none}.chapter-picker{width:auto;flex:1;margin:0}.guide-reading-bar{top:76px;gap:12px}.guide-reading-bar>a{white-space:nowrap;min-height:44px;display:flex;align-items:center}.screenshot-dialog{padding:16px}.screenshot-modal-heading{padding-right:35px}.screenshot-full{margin-top:16px}.shot-thumbnails{margin-top:14px}.screenshot-modal-controls{gap:8px}.viewer-middle span{font-size:9px}}
@media(max-width:420px){.path-copy{padding:25px 21px}.path-copy h3{font-size:26px}.path-copy p{font-size:12px}.path-image{min-width:82px;width:25%}.path-image img{width:145px;margin-left:0}.path-copy .eyebrow{font-size:8px}.path-cta{font-size:10px}.chapter-picker select{font-size:11px}.screenshot-dialog .screenshot-full img{max-height:43dvh}}
@media(prefers-reduced-motion:reduce){.path-card,.path-image img{transition:none}.path-card:hover,.path-card:hover img{transform:none}}
/* Keep the title and controls visible while browsing tall app screenshots. */
.screenshot-dialog{overflow:hidden;height:94dvh;padding:24px}.screenshot-dialog #dialog-content{height:100%;display:grid;grid-template-rows:auto minmax(80px,1fr) auto auto auto;gap:12px;min-height:0}.screenshot-dialog .close{position:absolute;top:14px;right:14px;margin:0;float:none}.screenshot-modal-heading{padding-right:44px;min-height:45px}.screenshot-dialog .screenshot-full{min-height:0;height:100%;margin:0;padding:12px;overflow:auto;align-items:center}.screenshot-dialog .screenshot-full img{max-height:100%;max-width:100%;width:auto;height:auto}.screenshot-dialog #dialog-content>p,.screenshot-dialog .screenshot-modal-controls,.screenshot-dialog .shot-thumbnails{margin:0}.screenshot-dialog .shot-thumbnails{padding:8px 2px 2px}.shot-thumbnail{min-height:70px;flex-basis:48px;padding:4px}.shot-thumbnail img{height:49px;width:32px}.screenshot-dialog.zoomed .screenshot-full{display:block;max-height:none}.screenshot-dialog.zoomed .screenshot-full img{width:100%;max-height:none;max-width:none}.screenshot-dialog .viewer-middle{gap:5px}
@media(max-width:800px){.screenshot-dialog{padding:16px}.screenshot-dialog #dialog-content{gap:10px}.screenshot-dialog .close{top:8px;right:8px}.screenshot-modal-heading h2{font-size:21px}}

/* Supplied VDE emblem and a balanced, responsive brand pair. */
.brand-vde{display:block;width:64px;height:64px;object-fit:contain;border-radius:12px;background:#080705;box-shadow:0 3px 10px #13283b16;flex-shrink:0}
.brand-mdc{display:block;flex-shrink:0}.brand-divider{flex-shrink:0;background:linear-gradient(transparent,#a5adba 20%,#a5adba 80%,transparent)}
.brand:focus-visible,.hero-screen-button:focus-visible{outline:3px solid #a7874d;outline-offset:5px;border-radius:12px}
.hero-screen-button{position:absolute;inset:0;background:transparent;padding:0;color:var(--ink);cursor:zoom-in;border-radius:28px}
.hero-zoom-hint{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);white-space:nowrap;border:1px solid #c1cedc;background:#f5f8fbd9;backdrop-filter:blur(12px);padding:10px 15px;border-radius:30px;font-size:10px;transition:background .2s,box-shadow .2s}
.hero-screen-button:hover .hero-zoom-hint{background:#fff;box-shadow:0 5px 20px #20385115}.hero-art .floating-label{pointer-events:none}
@media(max-width:1150px){.brand-vde{width:58px;height:58px}}
@media(max-width:1000px){.header.menu-open .nav-links{max-height:calc(100dvh - 76px);overscroll-behavior:contain}.menu-toggle,.account-link{min-width:44px;min-height:44px;justify-content:center}.menu-toggle{border-radius:12px}.menu-toggle[aria-expanded=true]{background:#e2eaf3}.lang button{min-height:44px}}
@media(max-width:800px){.brand-vde{width:53px;height:53px;border-radius:10px}.hero-zoom-hint{bottom:24px}.hero-art .art-caption{right:0;left:0;text-align:center}.footer .brand-vde{width:64px;height:64px}}
@media(max-width:380px){.nav{gap:5px}.nav .brand{gap:5px}.nav .brand-vde,.nav .brand-mdc{width:46px;height:46px}.nav .brand-divider{margin:0 2px}.nav .lang{padding-left:0;gap:1px}.nav .lang button{padding-inline:3px}.hero h1{font-size:48px}.product-tag{flex-wrap:wrap;row-gap:8px;justify-content:center}.product-tag span:last-child{font-size:7px}.hero-zoom-hint{font-size:9px}}
@media(prefers-reduced-motion:reduce){.hero-zoom-hint{transition:none}}
/* Keep each phrase of the universe headline together at every viewport size. */
.hero h1{font-size:clamp(46px,5vw,72px)}
@media(max-width:800px){.hero h1{font-size:clamp(30px,9.5vw,68px)}}

/* Confirmed launch prices, with explicit billing periods. */
.pro-pricing{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:0 0 20px}.pro-price-card{padding:36px;border:1px solid #c9d5e2;border-radius:22px;background:#edf3f9}.pro-price-card h2{font-size:clamp(38px,4.2vw,58px);line-height:1.15;letter-spacing:-.04em;margin:22px 0 18px}.pro-price-card h2 small{font-size:16px;font-weight:400;letter-spacing:0;white-space:nowrap}.pro-price-card p{font-size:14px;line-height:1.7;color:var(--muted)}.pro-price-card.annual{background:#172e47;color:#f8f7f4;border-color:#172e47}.annual .eyebrow{color:#dfc59b}.annual p{color:#c7d4e2}.price-saving{display:inline-block;font-size:12px;line-height:1.6;margin-top:23px;padding:9px 13px;border:1px solid #8e7956;border-radius:12px;color:#edce99}.pro-price-note{font-size:12px;color:var(--muted);line-height:1.7;margin-bottom:48px}.pro-intro .home-pro-prices{color:var(--ink);font-weight:600;margin-top:20px}
@media(max-width:700px){.pro-pricing{grid-template-columns:1fr;gap:16px}.pro-price-card{padding:28px}.pro-price-card h2{font-size:43px}.pro-price-card h2 small{font-size:14px}.pro-price-note{margin-bottom:35px}}

/* Keep the Nova Square Pro headline within the narrowest phone layout. */
@media(max-width:700px){.pro-page .page-intro h1{font-size:clamp(36px,10vw,49px)}}