:root{--dark:#071622;--dark2:#102535;--mint:#0ef5a0;--blue:#2586f7;--ink:#102533;--gray:#566c7a;--paper:#f5f8fa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,'Segoe UI',system-ui,Arial,sans-serif;color:var(--ink);line-height:1.65;background:#fff}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{max-width:1260px;margin:auto;padding:0 28px}.header{position:sticky;top:0;z-index:10;background:#081722f2;color:white;border-bottom:1px solid #ffffff18;backdrop-filter:blur(16px)}.header-inner{height:85px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:13px;font-size:21px;font-weight:800;white-space:nowrap}.brand img{width:46px;height:46px;object-fit:contain;border-radius:11px}.brand strong{color:var(--mint)}nav{display:flex;align-items:center;gap:29px;font-size:14px}nav>a:hover{color:var(--mint)}.nav-cta{background:var(--blue);padding:11px 19px;border-radius:9px;font-weight:700}.menu-button{display:none;background:transparent;border:1px solid #ffffff44;color:white;padding:6px 12px;border-radius:7px;font-size:24px}.hero{background:radial-gradient(circle at 74% 32%,#17614555,transparent 40%),var(--dark);color:white;padding:82px 0 102px}.hero-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:44px;align-items:center}.kicker,.label{font-size:12px;letter-spacing:.15em;font-weight:800;color:#159b75}.hero .kicker{color:var(--mint)}.hero h1{font-size:clamp(48px,6vw,87px);line-height:1.02;letter-spacing:-.055em;margin:19px 0}.hero h1 em{color:var(--mint);font-style:normal}.hero h2{font-size:23px;margin:18px 0;color:#fff}.hero p{color:#bfced7;font-size:16px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:31px 0}.button{border-radius:9px;padding:13px 20px;font-weight:800;font-size:14px;display:inline-flex;align-items:center;justify-content:center}.button.primary{background:var(--mint);color:#062b20}.button.secondary{border:1px solid #ffffff77;color:white}.trust{font-size:12px!important;color:#9eafbe!important}.hero-visual{border-radius:19px;overflow:hidden;background:#132837;border:1px solid #ffffff33;box-shadow:0 25px 80px #0009}.hero-visual img{width:100%}.hero-visual span{display:block;padding:10px 15px;font-size:12px;color:#b4cbd4}.section{padding:90px 0}.section-top{max-width:775px;margin:0 auto 46px;text-align:center}.section h2{font-size:clamp(31px,3.6vw,46px);line-height:1.14;letter-spacing:-.035em;margin:10px 0 14px}.section-top p{color:var(--gray);margin:0}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.features article{padding:26px;border-radius:15px;background:#f5f8fa;border:1px solid #e7edef}.features .symbol{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#e0f9ef;color:#056d4b;font-weight:900;font-size:24px}.features h3{font-size:18px;margin:17px 0 9px}.features p{font-size:14px;color:var(--gray);margin:0}.screenshots{background:#f1f6f7}.screenshot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}.shot{background:#fff;border:1px solid #dbe7ed;overflow:hidden;border-radius:16px;box-shadow:0 12px 30px #17374a14}.shot.big{grid-column:span 2}.shot a{display:block;background:#091d2c;aspect-ratio:16/10;overflow:hidden}.shot.big a{aspect-ratio:18/9}.shot img{width:100%;height:100%;object-fit:contain;transition:transform .25s}.shot a:hover img{transform:scale(1.018)}.description{padding:20px 25px}.description h3{margin:0 0 6px;font-size:18px}.description p{margin:0;font-size:14px;color:var(--gray)}.privacy{background:#0c2130;color:white}.privacy-layout{display:flex;align-items:center;justify-content:space-between;gap:35px}.privacy-layout>div:first-child{max-width:790px}.privacy p{color:#c5d7e0}.privacy-mark{font-size:47px;font-weight:900;line-height:.95;letter-spacing:-.05em;flex-shrink:0}.privacy-mark span{color:var(--mint)}.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:45px}.faq-layout>div>p{color:var(--gray)}.questions details{padding:20px 0;border-bottom:1px solid #dce5e8}.questions summary{font-weight:750;cursor:pointer}.questions p{color:var(--gray);margin-bottom:0}.download{padding:75px 0;background:linear-gradient(130deg,#0a2030,#115e46);color:white;text-align:center}.download-inner{display:flex;align-items:center;flex-direction:column}.download-inner img{width:92px;height:92px;object-fit:contain;border-radius:20px}.download h2{font-size:clamp(31px,4vw,52px);line-height:1.13;margin:24px 0 12px}.download p{color:#d0ebe1}.button.white{background:white;color:#093d31;margin-top:18px}footer{background:#06121d;color:#a8bac6;padding:30px 0}.footer-inner{display:flex;align-items:center;gap:28px;justify-content:space-between;font-size:12px}.footer-inner p{max-width:530px}.footer-brand{display:flex;gap:12px;align-items:center;flex-shrink:0}.footer-brand img{width:41px;height:41px;border-radius:8px}.footer-brand strong{display:block;color:white;font-size:14px}.footer-brand small{display:block}@media(max-width:1000px){.hero-grid{grid-template-columns:1fr}.features{grid-template-columns:repeat(2,1fr)}.footer-inner{flex-wrap:wrap}}@media(max-width:720px){.wrap{padding:0 18px}.header-inner{height:71px}.brand{font-size:17px}.brand img{width:38px;height:38px}.menu-button{display:block}nav{display:none;position:absolute;top:71px;left:0;right:0;padding:20px;background:#071622;flex-direction:column;align-items:stretch}nav.open{display:flex}.hero{padding:62px 0}.hero h1{font-size:55px}.section{padding:65px 0}.features{grid-template-columns:1fr}.screenshot-grid{grid-template-columns:1fr}.shot.big{grid-column:auto}.shot.big a{aspect-ratio:16/10}.privacy-layout{align-items:flex-start;flex-direction:column}.faq-layout{grid-template-columns:1fr}.footer-inner{align-items:flex-start;flex-direction:column}.actions .button{width:100%}}


/* V4 – story-led feature showcase */
:root{--mint:#26e5ad;--blue:#3689ff}
.hero{padding:78px 0 88px}
.hero-grid{grid-template-columns:.86fr 1.14fr;gap:56px}
.hero h1{font-size:clamp(49px,5.7vw,82px)}
.hero-visual{border:1px solid #ffffff28;box-shadow:0 36px 90px #0008;transform:perspective(1400px) rotateY(-3deg)}
.hero-visual img{aspect-ratio:16/10;object-fit:contain;background:#0c1b28}
.hero-image-header,.hero-image-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 16px;font-size:12px;color:#adc2d0;background:#122534}
.hero-image-header{font-weight:700;color:#e1f3fa}.hero-image-header>span:last-child{font-weight:400;opacity:.7}
.hero-online-dot{height:8px;width:8px;display:inline-block;border-radius:50%;background:var(--mint);margin-right:4px;flex:none}
.hero-image-footer a{color:#80f0cb}
.experience{background:#eef4f5;padding:86px 0 90px}
.experience-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:25px}
.experience-heading h2{font-size:clamp(34px,4vw,50px);letter-spacing:-.045em;line-height:1.13;margin:12px 0 12px}
.experience-heading p{color:var(--gray);max-width:730px;margin:0}
.slideshow-utilities{display:flex;align-items:center;gap:14px;flex:none;padding-bottom:4px}
.slideshow-pause{background:white;border:1px solid #d6e2e8;border-radius:999px;padding:9px 14px;cursor:pointer;color:#173a4a;font-size:13px;font-weight:750}
.slideshow-pause:hover,.slide-arrow:hover{background:#ddf9ed}
.slideshow-counter{font-weight:800;font-size:14px;color:#546e7d;white-space:nowrap;letter-spacing:.08em}
.slide-tabs{display:flex;gap:10px;overflow-x:auto;scrollbar-width:thin;padding:4px 0 17px;white-space:nowrap}
.slide-tab{border:1px solid #d6e2e7;background:#fff;color:#496170;font-weight:750;font-size:13px;padding:11px 17px;border-radius:999px;cursor:pointer;flex:none;transition:background .2s,border-color .2s,color .2s}
.slide-tab:hover{border-color:#159b75;color:#075b45}.slide-tab.active{background:#0a2a2d;border-color:#0a2a2d;color:white}
.experience-stage{background:#0b1b2a;color:white;display:grid;grid-template-columns:minmax(260px,.74fr) minmax(0,1.26fr);overflow:hidden;border:1px solid #294453;border-radius:20px;box-shadow:0 30px 75px #14344933;min-height:460px}
.experience-stage:focus-visible{outline:3px solid #299f80;outline-offset:4px}
.experience-copy{padding:clamp(25px,3.5vw,52px);display:flex;flex-direction:column;justify-content:center;min-width:0}
.slide-category{font-weight:850;font-size:12px;color:var(--mint);letter-spacing:.13em}
.experience-copy h3{font-size:clamp(29px,3vw,42px);letter-spacing:-.04em;line-height:1.13;margin:20px 0}
.experience-copy p{color:#bed1da;font-size:16px;line-height:1.7;margin:0}
.slide-actions{display:flex;align-items:center;gap:12px;margin-top:36px;flex-wrap:wrap}
.slide-arrow{height:43px;width:43px;border-radius:50%;background:#1a3945;color:white;border:1px solid #54717b;cursor:pointer;font-size:22px}
.slide-full{font-weight:700;font-size:13px;color:var(--mint);padding:10px}
.slide-progress{height:3px;background:#ffffff24;border-radius:5px;margin-top:40px;overflow:hidden}
.slide-progress span{height:100%;width:0;display:block;background:var(--mint);transition:width .3s linear}
.experience-visual{background:#101f2e;min-width:0;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.app-window-bar{height:44px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#192d3b;border-bottom:1px solid #38505b;color:#c7d8e1;font-size:12px;font-weight:700}
.app-window-bar>span:last-child{font-size:10px;color:#7f9aa8;letter-spacing:.1em}
.app-window-dots{letter-spacing:4px;color:#72ad9e}
#slide-image-link{display:flex;align-items:center;justify-content:center;flex:1;min-height:0}
#slide-image{width:100%;height:auto;max-height:510px;object-fit:contain;transition:opacity .22s ease}
#slide-image.is-changing{opacity:.4}
.slide-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:21px;color:#617683;font-size:13px}
.slide-dots{display:flex;align-items:center;gap:8px}
.slide-dot{border:0;background:#b1c9ca;border-radius:50%;height:9px;width:9px;cursor:pointer;padding:0;transition:width .2s,background .2s}
.slide-dot.active{width:26px;border-radius:9px;background:#118b70}
.steps{background:white}
.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.steps-grid article{background:#f5f8fa;border:1px solid #e2e9ed;padding:28px;border-radius:17px}
.step-number{display:inline-flex;color:#147859;font-weight:900;letter-spacing:.12em;font-size:14px}
.steps-grid h3{font-size:21px;margin:14px 0 9px}.steps-grid p{font-size:14px;color:var(--gray);margin:0}
.button,.nav-cta,.slide-tab,.slide-arrow{transition:transform .18s,background .18s}
.button:hover,.nav-cta:hover{transform:translateY(-2px)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #1bb583;outline-offset:3px}
@media(max-width:1060px){.hero-visual{transform:none}.experience-stage{grid-template-columns:1fr}.experience-copy{padding:30px 32px}.experience-visual{min-height:320px}.experience-copy h3{font-size:34px}.slide-progress{margin-top:25px}}
@media(max-width:720px){.hero{padding:55px 0 70px}.experience{padding:63px 0}.experience-heading{align-items:start;flex-direction:column;gap:18px}.slideshow-utilities{width:100%;justify-content:space-between}.slide-tabs{margin-right:-18px;padding-right:18px}.experience-stage{min-height:0;border-radius:14px}.experience-copy{padding:28px 23px}.experience-copy h3{font-size:30px}.slide-actions{margin-top:23px}.slide-progress{margin-top:25px}.experience-visual{min-height:220px}.slide-bottom{flex-direction:column;align-items:flex-start}.steps-grid{grid-template-columns:1fr}.hero-image-header>span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* V4.1 – In-page screenshot lightbox */
.image-lightbox{position:fixed;inset:0;max-width:none;max-height:none;width:100vw;height:100dvh;margin:0;padding:clamp(12px,3vw,32px);border:0;background:transparent;color:#fff;overflow:hidden;box-sizing:border-box}
.image-lightbox::backdrop{background:rgba(3,10,17,.9);backdrop-filter:blur(8px)}
.image-lightbox[open]{display:flex;align-items:center;justify-content:center}
.lightbox-shell{display:flex;flex-direction:column;width:min(1500px,100%);max-height:100%;background:#0b1c29;border:1px solid #345365;border-radius:16px;box-shadow:0 30px 100px #000b;overflow:hidden}
.lightbox-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:62px;padding:10px 16px 10px 24px;background:#172d3b}
.lightbox-bar h2{margin:0;font-size:clamp(15px,2vw,20px);font-weight:750;line-height:1.35}
.lightbox-close{display:grid;place-items:center;flex:none;height:44px;width:44px;border:1px solid #7495a4;border-radius:12px;background:#244050;color:white;font-size:32px;line-height:1;cursor:pointer}
.lightbox-close:hover{background:#386274}
.lightbox-image-area{min-height:0;display:flex;align-items:center;justify-content:center;padding:10px;overflow:auto}
.lightbox-image-area img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 165px);object-fit:contain}
.lightbox-help{margin:0;padding:10px 18px 14px;text-align:center;color:#b2c7d3;font-size:12px}
body.lightbox-open{overflow:hidden}
@media(max-width:600px){.image-lightbox{padding:10px}.lightbox-shell{border-radius:10px}.lightbox-bar{padding:8px 10px 8px 15px}.lightbox-close{height:42px;width:42px}.lightbox-image-area{padding:6px}.lightbox-image-area img{max-height:calc(100dvh - 145px)}}

/* Legal links on main page */
.footer-legal-links{display:flex;gap:14px;flex-wrap:wrap;font-size:13px}
.footer-legal-links a{color:#dcece9;text-decoration:underline;text-decoration-color:#648480;text-underline-offset:4px}
.footer-legal-links a:hover{color:var(--mint)}


/* Compact, accessible product version history */
.release-section{padding:48px 0 56px;background:#f3f7f8;border-top:1px solid #e3eaed}
.release-layout{display:grid;grid-template-columns:minmax(210px,.65fr) minmax(0,1.35fr);align-items:start;gap:42px}
.release-intro h2{font-size:clamp(26px,3vw,33px);letter-spacing:-.035em;line-height:1.15;margin:9px 0}
.release-intro p{margin:0;font-size:14px;line-height:1.65;color:var(--gray)}
.release-details{min-width:0;background:#fff;border:1px solid #dce5e8;border-radius:15px;box-shadow:0 8px 23px #17374a0d;overflow:hidden}
.release-details summary{display:flex;align-items:center;justify-content:space-between;gap:15px;list-style:none;cursor:pointer;min-height:84px;padding:18px 23px}
.release-details summary::-webkit-details-marker{display:none}
.release-details summary:hover{background:#f7fbfb}
.release-latest{display:flex;flex-direction:column;gap:4px;min-width:0}
.release-version{font-size:13px;font-weight:850;color:#087956;letter-spacing:.02em}
.release-summary-text{font-size:15px;font-weight:700;color:#1d3847;line-height:1.35}
.release-toggle{display:flex;align-items:center;gap:10px;font-size:12px;color:#18745d;font-weight:800;white-space:nowrap}
.release-chevron{display:grid;place-items:center;border-radius:50%;border:1px solid #d5e9e3;font-size:22px;height:30px;width:30px;line-height:1;transition:transform .2s ease}
.release-collapse{display:none}
.release-details[open] .release-expand{display:none}
.release-details[open] .release-collapse{display:inline}
.release-details[open] .release-chevron{transform:rotate(180deg)}
.release-list{counter-reset:none;margin:0;padding:0 23px 8px;list-style:none;border-top:1px solid #e6edef}
.release-list li{display:grid;grid-template-columns:75px 1fr;gap:18px;padding:16px 0}
.release-list li+li{border-top:1px solid #ebf0f2}
.release-number{display:inline-block;color:#147e65;font-size:13px;font-weight:850;font-variant-numeric:tabular-nums;padding-top:2px}
.release-list h3{margin:0 0 4px;font-size:15px;line-height:1.4;color:#183646}
.release-list p{font-size:13px;line-height:1.6;margin:0;color:#526b79}
.release-footer{padding:14px 23px 20px;background:#fbfdfd;border-top:1px solid #edf1f3}
.release-footer a{font-size:13px;color:#116e58;font-weight:800;text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){.release-layout{grid-template-columns:1fr;gap:20px}}
@media(max-width:540px){.release-section{padding:43px 0}.release-details summary{padding:17px 16px;gap:8px}.release-summary-text{font-size:14px}.release-toggle{font-size:0;gap:4px}.release-chevron{font-size:22px}.release-list{padding:0 16px 5px}.release-list li{grid-template-columns:60px 1fr;gap:12px}.release-footer{padding:14px 16px 19px}}