/* Omelette Inc. — v5 site styles (multi-page) */
:root{
  --bg:#FFFFFF; --surface:#F3F5F7; --ink:#1F2A35; --ink-2:#4B5865; --ink-3:#7C8894; --line:#E2E6EA;
  --navy:#1F2A35; --navy-2:#2A3744; --cyan:#7FD6E2; --amber:#F5A300; --amber-d:#C98200;
  --hub:#EE6C2D; --sci:#4357D8; --passb:#7B5A9E; --conn:#138C80; --notes:#2563EB; --medics:#9B1F43;
  --display:'Newsreader',Georgia,serif; --sans:'Outfit',system-ui,sans-serif;
  --radius:14px; --shadow:0 24px 50px -28px rgba(31,42,53,.35); --ease:cubic-bezier(.2,.7,.2,1);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--sans);font-size:1.0625rem;background:var(--bg);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
[hidden]{display:none!important}
a{color:inherit}
.wrap{width:min(1240px,100% - 3rem);margin-inline:auto}
:focus-visible{outline:3px solid var(--amber);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:1rem;top:-80px;z-index:300;background:var(--ink);color:#fff;padding:.6rem 1rem;border-radius:10px;text-decoration:none;font-weight:600}
.skip:focus{top:1rem}

/* Type */
h1,h2,h3{font-family:var(--display);font-weight:500;letter-spacing:-.012em;line-height:1.08;text-wrap:balance}
h1{font-size:clamp(2.7rem,5.6vw,4.8rem)}
h2{font-size:clamp(2rem,3.4vw,2.9rem)}
h3{font-size:clamp(1.4rem,2vw,1.7rem)}
.lead{font-size:clamp(1.05rem,1.5vw,1.22rem);color:var(--ink-2);max-width:60ch}
.center{text-align:left}.center .lead{margin-inline:0}
.sec{padding:clamp(80px,10vw,130px) 0}
.sec-head{margin-bottom:clamp(2rem,4vw,3rem);max-width:760px}
.sec-head h2{margin:0 0 .8rem}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.9rem 1.5rem;border-radius:10px;font:600 1rem var(--sans);text-decoration:none;border:0;cursor:pointer;transition:transform .25s var(--ease),box-shadow .25s,background .25s,color .25s}
.btn:hover{filter:brightness(1.08)}
.btn-dark{background:var(--ink);color:#fff;box-shadow:0 12px 26px -12px rgba(14,23,48,.7)}
.btn-light{background:#fff;color:var(--ink)}
.btn-ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line)}
.btn-ghost-light{background:rgba(255,255,255,.08);color:#fff;border:1.5px solid rgba(255,255,255,.25)}
.btn svg{width:18px;height:18px}
.link{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;color:var(--accent,var(--ink));text-decoration:none}
.link svg{width:16px;height:16px;transition:transform .25s}
.link:hover svg{transform:translateX(4px)}

/* Store badges */
.stores{display:flex;flex-wrap:wrap;gap:.75rem}
.store{display:inline-flex;align-items:center;gap:.65rem;padding:.7rem 1.2rem .7rem 1rem;border-radius:14px;background:#000;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.18);transition:transform .25s var(--ease),box-shadow .25s}
.store:hover{background:#222}
.store svg{width:26px;height:26px;flex:none}
.store small{display:block;font-size:.68rem;opacity:.8;line-height:1}
.store b{display:block;font-size:1.08rem;line-height:1.15;font-weight:600}
.soon{display:inline-flex;align-items:center;gap:.6rem;padding:.8rem 1.2rem;border-radius:14px;border:1.5px dashed currentColor;font-weight:700}
.soon i{width:9px;height:9px;border-radius:50%;background:currentColor;animation:pulse 1.6s infinite}
@keyframes pulse{50%{opacity:.25;transform:scale(.6)}}

/* Nav */
.nav{position:fixed;inset:0 0 auto 0;z-index:200;transition:background .3s,box-shadow .3s}
.nav.solid,.nav.is-scrolled{background:rgba(245,246,250,.86);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 1px 0 var(--line)}
.nav.on-dark:not(.is-scrolled) .brand,.nav.on-dark:not(.is-scrolled) .nav-links>li>a,.nav.on-dark:not(.is-scrolled) .menu-btn,.nav.on-dark:not(.is-scrolled) .burger{color:#fff}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:74px}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;font:800 1.28rem var(--sans);letter-spacing:-.02em;color:var(--ink)}
.brand img{width:38px;height:38px;border-radius:11px;background:#fff;padding:3px;box-shadow:0 4px 12px -4px rgba(14,23,48,.3)}
.brand b{color:var(--amber-d)}
.nav-links{display:flex;align-items:center;gap:2rem;list-style:none}
.nav-links>li>a,.menu-btn{text-decoration:none;font:500 1rem var(--sans);color:var(--ink-2);background:none;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:.3rem;transition:color .2s}
.nav-links>li>a:hover,.menu-btn:hover,.nav-links>li>a[aria-current]{color:var(--ink)}
.menu-btn svg{width:14px;height:14px;transition:transform .25s}
.has-menu{position:relative}
.mega{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(8px);width:min(780px,94vw);background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 30px 70px -20px rgba(14,23,48,.35);padding:1rem;display:grid;grid-template-columns:1fr 1fr;gap:.35rem;opacity:0;visibility:hidden;transition:opacity .2s,transform .25s var(--ease),visibility .2s}
.has-menu:hover .mega,.has-menu:focus-within .mega,.has-menu.open .mega{opacity:1;visibility:visible;transform:translateX(-50%)}
.has-menu:hover .menu-btn svg,.has-menu.open .menu-btn svg{transform:rotate(180deg)}
.mega a{display:flex;gap:.8rem;align-items:center;padding:.7rem .8rem;border-radius:14px;text-decoration:none;transition:background .2s}
.mega a:hover{background:var(--bg)}
.mega img{width:44px;height:44px;border-radius:11px;flex:none}
.mega strong{display:block;font-size:.98rem;color:var(--ink)}
.mega span{display:block;font-size:.8rem;color:var(--ink-3);line-height:1.3}
.mega .mega-all{grid-column:1/-1;justify-content:center;font-weight:600;color:var(--ink-2);border-top:1px solid var(--line);border-radius:0 0 12px 12px;margin-top:.3rem}
.nav-links>li>a.btn{padding:.62rem 1.2rem;background:var(--ink);color:#fff}
.nav.on-dark:not(.is-scrolled) .nav-links>li>a.btn{background:#fff;color:var(--ink)}
.burger{display:none;background:none;border:0;width:44px;height:44px;cursor:pointer;color:var(--ink)}
.burger svg{width:26px;height:26px}

/* Device frames */
.dev{position:relative;display:flow-root}
.dev img{display:block;width:100%;height:auto;object-fit:cover;object-position:top;background:#ECEFF2}
.dev-iphone{background:linear-gradient(150deg,#3a3f4b,#0b0d12 40%,#1c2029);border-radius:15%/7%;box-shadow:0 40px 70px -30px rgba(5,10,30,.55),inset 0 0 0 1.5px rgba(255,255,255,.12)}
.dev-iphone img{width:93.6%;margin:3.2%;aspect-ratio:1206/2622;border-radius:12%/5.6%}
.dev-iphone::after{content:'';position:absolute;top:4.3%;left:50%;transform:translateX(-50%);width:30%;height:2.6%;border-radius:999px;background:#05070a}
.dev-android{background:linear-gradient(150deg,#2b2f38,#0b0d12 45%,#20242c);border-radius:11%/6.2%;box-shadow:0 40px 70px -30px rgba(5,10,30,.55),inset 0 0 0 1.5px rgba(255,255,255,.1)}
.dev-android img{width:94%;margin:3%;aspect-ratio:9/16;border-radius:8.5%/4.8%}
.dev-android::after{content:'';position:absolute;top:4.2%;left:50%;transform:translateX(-50%);width:4.2%;aspect-ratio:1;border-radius:50%;background:#05070a}
.dev-ipad{background:linear-gradient(150deg,#3a3f4b,#0b0d12 45%,#1c2029);border-radius:6.5%/4.9%;box-shadow:0 40px 80px -30px rgba(5,10,30,.5),inset 0 0 0 1.5px rgba(255,255,255,.12)}
.dev-ipad img{width:92%;margin:4%;aspect-ratio:3/4;border-radius:3%/2.25%}
.dev-duo{background:linear-gradient(150deg,#3a3f4b,#0b0d12 45%,#1c2029);border-radius:5%/7.1%;box-shadow:0 40px 80px -30px rgba(5,10,30,.5),inset 0 0 0 1.5px rgba(255,255,255,.12)}
.dev-duo img{width:94.8%;margin:2.6%;aspect-ratio:2853/2007;border-radius:3%/4.3%}
.dev-duo::after{content:'';position:absolute;top:2.6%;bottom:2.6%;left:50%;width:2.2%;transform:translateX(-50%);background:linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,.16) 45%,rgba(255,255,255,.18) 55%,rgba(0,0,0,0))}
.dev-mac .screen{padding:1.7% 1.7% 2.6%;background:#0b0d12;border-radius:2.6%/4.1%;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.12)}
.dev-mac .screen img{aspect-ratio:16/10;border-radius:.6%/.95%}
.dev-mac .base{position:relative;width:118%;margin-left:-9%;height:0;padding-bottom:3.4%;background:linear-gradient(#e6e9ef,#a6adb9);border-radius:0 0 50% 50%/0 0 100% 100%;box-shadow:0 30px 50px -20px rgba(5,10,30,.5)}
.dev-mac .base::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:14%;height:38%;background:#c3c8d1;border-radius:0 0 12px 12px}
.dev-card img{border-radius:22px;box-shadow:0 30px 60px -24px rgba(14,23,48,.45),0 0 0 1px rgba(14,23,48,.06);width:100%;height:auto}

.cta-row{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}

/* Dark spotlight (home) & app heroes */
.dark{position:relative;color:#fff;overflow:hidden;background:var(--g1,var(--navy))}
.dark .eyebrow{color:rgba(255,255,255,.75)}
.dark .eyebrow::before{background:var(--hl,var(--cyan))}
.dark .lead{color:rgba(255,255,255,.75)}
.dark h1 em,.dark h2 em{color:var(--hl,var(--cyan))}
.spot-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:3rem;align-items:center}
.pills{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.6rem 0 2rem}
.pill{padding:.45rem .95rem;border-radius:999px;font-size:.88rem;font-weight:600;border:1.5px solid rgba(255,255,255,.25);color:#fff;background:rgba(255,255,255,.06)}
.light-pills .pill{border-color:var(--line);color:var(--ink-2);background:var(--surface)}

/* Device constellations */
.constellation{position:relative;width:100%;aspect-ratio:16/12}
.constellation .dev{position:absolute;transition:transform .4s var(--ease);will-change:transform;animation:rise .9s var(--ease) backwards}
.constellation .dev:nth-child(2){animation-delay:.08s}.constellation .dev:nth-child(3){animation-delay:.16s}.constellation .dev:nth-child(4){animation-delay:.24s}.constellation .dev:nth-child(5){animation-delay:.32s}
@keyframes rise{from{opacity:0;transform:translateY(28px)}}
.c-all .dev-mac{width:72%;left:14%;top:0}
.c-all .dev-ipad{width:30%;left:0;top:26%}
.c-all .dev-duo{width:40%;left:24%;top:56%}
.c-all .dev-iphone{width:17%;right:0;top:24%}
.c-all .dev-android{width:15.5%;right:15%;top:44%}
.c-mobile .dev-ipad{width:42%;left:20%;top:0}
.c-mobile .dev-iphone{width:19%;right:4%;top:14%}
.c-mobile .dev-android{width:18%;left:2%;top:18%}
.c-mobile .dev-duo{width:42%;left:29%;top:58%}
.c-cards{aspect-ratio:auto;height:clamp(420px,46vw,600px);perspective:1400px}
.c-cards .dev-card{position:absolute;top:50%;left:50%;width:clamp(200px,20vw,260px)}
.c-cards .dev-card:nth-child(1){transform:translate(-50%,-50%) translateZ(60px);z-index:3}
.c-cards .dev-card:nth-child(2){transform:translate(-112%,-46%) rotateY(22deg) scale(.86);z-index:2}
.c-cards .dev-card:nth-child(3){transform:translate(12%,-46%) rotateY(-22deg) scale(.86);z-index:2}

/* App hero */
.app-hero{padding:130px 0 90px}
.app-hero-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:3rem;align-items:center}
.app-id{display:flex;align-items:center;gap:1rem;margin-bottom:1.4rem}
.app-id img{width:84px;height:84px;border-radius:21px;box-shadow:0 18px 40px -16px rgba(0,0,0,.6)}
.app-id b{display:block;font-size:1.35rem}
.app-id span{color:rgba(255,255,255,.7);font-size:.95rem}
.badge-new{display:block;font-size:.95rem;font-weight:600;color:var(--hl,var(--cyan));margin-bottom:.9rem}
.app-hero h1{font-size:clamp(2.6rem,5.2vw,4.6rem);margin-bottom:1.2rem}
.app-hero .stores{margin-top:2rem}
.hero-note{margin-top:1rem;font-size:.85rem;color:rgba(255,255,255,.6)}

/* Facts bar */
.facts{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}
.fact{padding:1.4rem 1.6rem;border-right:1px solid var(--line)}
.fact:last-child{border-right:0}
.fact small{display:block;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:.3rem}
.fact b{font-size:1.05rem;font-weight:600}

/* Feature rows */
.feature{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,6rem);align-items:center;padding:clamp(50px,7vw,90px) 0}
.feature.flip .f-copy{order:2}
.f-copy h3{font-size:clamp(1.9rem,3.2vw,2.7rem);margin:0 0 1rem}
.f-media{position:relative;display:grid;place-items:center}
.f-media .dev-iphone,.f-media .dev-android{width:min(300px,62%)}
.f-media .dev-ipad{width:min(480px,86%)}
.f-media .dev-duo{width:min(560px,96%)}
.f-media .dev-mac{width:min(620px,84%)}
.f-media .dev-card{width:min(300px,70%)}
.ticks{list-style:none;display:grid;gap:.55rem;margin-top:1.2rem}
.ticks li{display:flex;gap:.75rem;align-items:flex-start;color:var(--ink-2)}
.ticks li::before{content:'';flex:none;width:14px;height:8px;margin-top:.5rem;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg)}
.dark .ticks li{color:rgba(255,255,255,.8)}

/* Device switcher */
.switcher{display:grid;grid-template-columns:.8fr 1.2fr;gap:3rem;align-items:center}
.tabs{display:inline-flex;flex-wrap:wrap;gap:.4rem;padding:.35rem;border-radius:999px;background:var(--surface);border:1px solid var(--line)}
.tab{border:0;background:none;padding:.6rem 1.1rem;border-radius:999px;font:600 .95rem var(--sans);color:var(--ink-2);cursor:pointer;transition:background .25s,color .25s}
.tab[aria-selected="true"]{background:var(--ink);color:#fff}
.sw-stage{position:relative;height:clamp(420px,46vw,600px);display:grid;place-items:center;perspective:1600px}
.sw-item{position:absolute;max-height:100%;display:grid;place-items:center;opacity:0;transform:rotateY(-18deg) scale(.92);transition:opacity .5s,transform .7s var(--ease);pointer-events:none}
.sw-item.on{opacity:1;transform:none;pointer-events:auto}
.sw-item .dev-iphone,.sw-item .dev-android{width:clamp(200px,20vw,270px)}
.sw-item .dev-ipad{width:clamp(320px,34vw,440px)}
.sw-item .dev-duo{width:clamp(340px,44vw,620px)}
.sw-item .dev-mac{width:clamp(360px,50vw,680px)}
.sw-caption{margin-top:1.4rem;min-height:3.2em;color:var(--ink-2);font-size:1.1rem}
.sw-caption b{color:var(--ink)}

/* Gallery */
.gallery-tabs{width:min(1240px,100% - 3rem);margin:0 auto 2rem}
.g-panel{position:relative}
.g-track{display:flex;gap:1.4rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:1rem max(1.5rem,calc((100vw - 1240px)/2)) 2.4rem;scrollbar-width:thin;scroll-padding-inline:max(1.5rem,calc((100vw - 1240px)/2))}
.g-track img{flex:none;height:var(--gh,520px);width:auto;border-radius:20px;box-shadow:0 22px 44px -22px rgba(14,23,48,.45),0 0 0 1px rgba(14,23,48,.06);scroll-snap-align:start;background:#fff}
.g-track.land{--gh:400px}
.g-nav{width:min(1240px,100% - 3rem);margin:0 auto;display:flex;gap:.6rem}
.g-btn{width:46px;height:46px;border-radius:50%;border:1.5px solid var(--line);background:var(--surface);cursor:pointer;display:grid;place-items:center;color:var(--ink);transition:border-color .2s,transform .2s}
.g-btn:hover{border-color:var(--ink);transform:translateY(-2px)}
.g-btn svg{width:18px;height:18px}

/* Pricing */
.plans{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:920px;margin:0 auto}
.plans.one{grid-template-columns:1fr;max-width:560px}
.plan{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:2.2rem}
.plan.hl{background:var(--navy);color:#fff;border-color:transparent}
.plan h3{font-size:1.9rem;margin-bottom:.3rem}
.plan .sub{color:var(--ink-3);margin-bottom:1.2rem}
.plan.hl .sub{color:rgba(255,255,255,.7)}
.plan.hl .ticks li{color:rgba(255,255,255,.85)}
.plan-note{text-align:center;color:var(--ink-3);font-size:.88rem;margin-top:1.5rem}

/* FAQ */
.faq{max-width:860px;margin:0 auto}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:1.3rem 0;font-weight:600;font-size:1.08rem;display:flex;justify-content:space-between;gap:1rem;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';font-size:1.6rem;font-weight:400;line-height:1;color:var(--accent);transition:transform .3s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 0 1.4rem;color:var(--ink-2);max-width:68ch}
.faq a{color:var(--accent)}

/* Download band */
.download{border-radius:20px;padding:clamp(2.5rem,5vw,4rem);display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;align-items:center}
.qrs{display:flex;gap:1rem;justify-content:flex-end;flex-wrap:wrap}
.qr{background:#fff;border-radius:12px;padding:1rem;text-align:center;color:var(--ink);width:180px}
.qr img{width:100%;height:auto}
.qr small{display:block;font-size:.78rem;font-weight:600;margin-top:.5rem;color:var(--ink-2)}

/* Globe */
.world-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:3rem;align-items:center}
.globe{position:relative;height:min(70vh,600px);min-height:380px;cursor:grab}
.globe canvas{width:100%!important;height:100%!important;display:block;touch-action:pan-y}
.live{display:flex;align-items:baseline;gap:.8rem;margin:2rem 0 1.2rem}
.live b{font:600 clamp(2.6rem,5vw,4rem) var(--display);color:var(--amber)}
.live span{color:rgba(255,255,255,.7)}
.countries{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:.45rem 1.5rem;max-width:420px}
.countries li{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);padding:.35rem 0;font-size:.92rem;color:#D5DDEF}
.countries li span:last-child{color:var(--amber);font-weight:700}
.world-note{font-size:.85rem;color:rgba(255,255,255,.55);margin-top:1rem}

/* About / generic */
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem 2rem}
.pillar{padding:1.8rem 0 0;border-top:2px solid var(--ink)}
.pillar .ico{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font-size:1.5rem;background:var(--bg);margin-bottom:1.1rem}
.pillar h3{font-size:1.4rem;margin-bottom:.5rem}
.pillar p{color:var(--ink-2)}
.timeline{position:relative;max-width:820px;margin:0 auto;padding-left:2rem;border-left:2px solid var(--line)}
.tl{position:relative;padding:0 0 2.4rem 1.4rem}
.tl::before{content:'';position:absolute;left:calc(-2rem - 8px);top:.35rem;width:14px;height:14px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 5px var(--bg)}
.tl b{font:600 1.5rem var(--display)}
.tl p{color:var(--ink-2);margin-top:.3rem}
.page-hero{padding:150px 0 70px}
.page-hero h1{margin:.9rem 0 1.1rem}

/* Contact */
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:3.5rem;align-items:start}
.form{background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:2.2rem;box-shadow:var(--shadow)}
.row{margin-bottom:1rem}
.row label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.35rem;color:var(--ink-2)}
.row input,.row select,.row textarea{width:100%;padding:.85rem 1rem;border:1.5px solid var(--line);border-radius:12px;font:400 1rem var(--sans);color:var(--ink);background:#FAFBFD;transition:border-color .2s,box-shadow .2s}
.row input:focus,.row select:focus,.row textarea:focus{outline:none;border-color:var(--amber);box-shadow:0 0 0 4px rgba(255,168,0,.15)}
.row textarea{min-height:140px;resize:vertical}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-msg{min-height:1.3rem;font-size:.9rem;color:#C2272D;margin:.3rem 0 .8rem}
.form-ok{text-align:center;padding:2rem 1rem}
.form-ok b{display:block;font:600 1.6rem var(--display);margin:.6rem 0 .3rem}
.contact-cards{display:grid;gap:1rem;margin-top:2rem}
.contact-card{display:flex;gap:1rem;align-items:center;padding:1.1rem 0;border-bottom:1px solid var(--line);text-decoration:none}
.contact-card i{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:var(--bg);font-style:normal;font-size:1.3rem;flex:none}
.contact-card b{display:block}
.contact-card span{color:var(--ink-3);font-size:.92rem}

/* Doc pages */
.doc .wrap{max-width:800px}
.doc h2{font-size:1.6rem;margin:2.4rem 0 .7rem}
.doc p,.doc li{color:var(--ink-2)}
.doc p{margin:.75rem 0}
.doc ul{padding-left:1.3rem;margin:.6rem 0}
.doc li{margin:.35rem 0}
.doc a{color:var(--notes)}
.updated{color:var(--ink-3)}

/* Footer */
.foot{background:var(--navy);color:rgba(255,255,255,.7);padding:80px 0 36px;font-size:.95rem}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1.25fr 1fr 1fr;gap:2.5rem;padding-bottom:2.5rem;border-bottom:1px solid rgba(255,255,255,.1)}
.foot .brand{color:#fff;margin-bottom:1rem}
.foot h4{font:700 .78rem var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#fff;margin-bottom:1rem}
.foot ul{list-style:none;display:grid;gap:.55rem}
.foot a{text-decoration:none;color:rgba(255,255,255,.7);transition:color .2s}
.foot a:hover{color:var(--amber)}
.foot-legal{margin-top:1.6rem;font-size:.8rem;color:rgba(255,255,255,.45);display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}


/* v5.1: tools & services */
.tile{width:44px;height:44px;flex:none;border-radius:12px;display:grid;place-items:center;color:var(--accent);font-style:normal;background:color-mix(in srgb,var(--accent,#C08A1E) 16%,#fff);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent,#C08A1E) 22%,transparent)}
.tile svg{width:56%;height:56%}
.tile-lg{width:84px;height:84px;border-radius:21px}
.dark .tile{background:rgba(255,255,255,.1);color:var(--hl);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.mega-col{display:grid;gap:.2rem;align-content:start}
.mega-h{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);padding:.4rem .8rem .2rem}
.tool-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.2rem}
.tool-card{display:flex;flex-direction:column;gap:.5rem;padding:1.6rem;background:var(--bg);border:1px solid var(--line);border-radius:14px;text-decoration:none;transition:transform .35s var(--ease),box-shadow .35s,border-color .35s}
.tool-card:hover{border-color:var(--accent)}
.tool-card .tile-lg{width:56px;height:56px;border-radius:15px;margin-bottom:.4rem}
.tool-card small{font-size:.85rem;font-weight:600;color:var(--accent)}
.tool-card h3{font-size:1.3rem}
.tool-card p{color:var(--ink-2);font-size:.93rem;flex:1}
.tool-card .link{color:var(--accent);font-size:.92rem}
.pillar .ticks{margin-top:.8rem}
.steps{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1.2rem;counter-reset:st}
.step{position:relative;padding:1.4rem 0 0;border-top:1px solid var(--line)}
.step::before{counter-increment:st;content:counter(st);display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--accent);color:#fff;font:700 1.05rem var(--sans);margin-bottom:1rem}
.step b{display:block;font:600 1.2rem var(--display);margin-bottom:.35rem}
.step p{color:var(--ink-2);font-size:.95rem}
.extras{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;max-width:920px;margin:1.5rem auto 0}
.extra{padding:1.5rem;border:1px dashed var(--line);border-radius:20px;background:var(--bg)}
.extra small{font-size:.76rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.extra b{display:block;font:600 1.6rem var(--display);margin:.2rem 0 .4rem}
.extra p{color:var(--ink-2);font-size:.9rem}
.dev-window{border-radius:16px;overflow:hidden;background:#141821;box-shadow:0 40px 80px -30px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.1)}
.dev-window::before{content:'';display:block;height:30px;background:radial-gradient(circle at 18px 15px,#ff5f57 5px,transparent 6px),radial-gradient(circle at 36px 15px,#febc2e 5px,transparent 6px),radial-gradient(circle at 54px 15px,#28c840 5px,transparent 6px),#232836}
.dev-window img{width:100%;height:auto}
.tool-shot img{width:100%;height:auto;border-radius:18px;filter:drop-shadow(0 40px 60px rgba(0,0,0,.45))}
.invoice{background:#fff;color:var(--ink);border-radius:22px;padding:2rem;max-width:520px;margin-left:auto;box-shadow:0 40px 80px -30px rgba(0,0,0,.6);transform:rotate(-2deg);font-size:.95rem}
.inv-top{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid var(--ink);padding-bottom:1rem;margin-bottom:1rem}
.inv-top b{display:block;font:600 1.4rem var(--display)}
.inv-top span{color:var(--ink-3);font-size:.85rem}
.inv-top em{font-style:normal;font-weight:700;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:#0F7A43;background:#DDF5E7;padding:.3rem .7rem;border-radius:999px}
.inv-to{margin-bottom:1rem}.inv-to small{display:block;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.inv-to b{display:block}.inv-to span{color:var(--ink-2);font-size:.88rem}
.invoice table{width:100%;border-collapse:collapse}
.invoice td{padding:.55rem 0;border-bottom:1px solid var(--line)}
.invoice td:last-child{text-align:right;font-variant-numeric:tabular-nums}
.invoice .sub td{color:var(--ink-2);border:0;padding:.3rem 0}
.invoice .tot td{font:600 1.3rem var(--display);border-top:2px solid var(--ink);border-bottom:0;padding-top:.7rem}
.inv-foot{display:flex;gap:.5rem;margin-top:1.2rem}
.inv-foot span{font-size:.78rem;font-weight:600;padding:.35rem .8rem;border-radius:999px;background:var(--bg);color:var(--ink-2)}
@media (max-width:1060px){.tool-grid{grid-template-columns:repeat(3,1fr)}.foot-grid{grid-template-columns:1fr 1fr}.extras{grid-template-columns:1fr}}
@media (max-width:880px){.mega-col{gap:0}.invoice{margin:0 auto;transform:none}}
@media (max-width:600px){.tool-grid{grid-template-columns:1fr}.pillars{grid-template-columns:1fr!important}}

/* Responsive */
@media (max-width:1060px){
  .facts{grid-template-columns:repeat(2,1fr)}
  .fact:nth-child(2){border-right:0}
  .fact:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .foot-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:880px){
  .nav-links{position:fixed;inset:74px 0 auto 0;flex-direction:column;align-items:stretch;gap:0;background:rgba(245,246,250,.98);backdrop-filter:blur(16px);padding:.5rem 1.5rem 1.5rem;box-shadow:0 20px 40px -20px rgba(14,23,48,.3);display:none;max-height:calc(100svh - 74px);overflow:auto}
  .nav-links.open{display:flex}
  .nav-links>li>a,.menu-btn{padding:.95rem 0;border-bottom:1px solid var(--line);width:100%;justify-content:space-between;color:var(--ink)!important}
  .mega{position:static;transform:none;opacity:1;visibility:visible;width:auto;box-shadow:none;border:0;padding:.3rem 0;grid-template-columns:1fr;display:none}
  .has-menu.open .mega{display:grid;transform:none}
  .has-menu:hover .mega{transform:none}
  .nav-links .btn{margin-top:1rem}
  .nav.on-dark:not(.is-scrolled) .nav-links>li>a.btn{background:var(--ink);color:#fff}
  .burger{display:grid;place-items:center}
  .spot-grid,.app-hero-grid,.feature,.switcher,.world-grid,.contact-grid,.download{grid-template-columns:1fr}
  .feature.flip .f-copy{order:0}
  .pillars,.plans{grid-template-columns:1fr}
  .qrs{justify-content:flex-start}
  .row2{grid-template-columns:1fr}
  .app-hero{padding:110px 0 80px}
}
@media (max-width:600px){
  .wrap{width:min(1240px,100% - 2rem)}
  .facts{grid-template-columns:1fr}
  .fact{border-right:0;border-bottom:1px solid var(--line)}
  .fact:last-child{border-bottom:0}
  .countries{grid-template-columns:1fr}
  .g-track img{--gh:420px}
  .g-track.land img{--gh:220px}
  .foot-grid{grid-template-columns:1fr}
  .qr{width:150px}
}

/* v6: Android phone (20:9) and tablet frames */
.dev-pixel{border-radius:10%/4.6%}
.dev-pixel img{aspect-ratio:1080/2400;border-radius:7.5%/3.4%}
.dev-pixel::after{top:2.6%;width:3.6%}
.dev-tab{background:linear-gradient(150deg,#2b2f38,#0b0d12 45%,#20242c);border-radius:4%/6.4%;box-shadow:0 40px 80px -30px rgba(5,10,30,.5),inset 0 0 0 1.5px rgba(255,255,255,.1)}
.dev-tab img{width:95%;margin:2.5%;aspect-ratio:1300/812;border-radius:2%/3.2%}
.c-fan .dev-tab{width:80%;left:0;top:10%}
.c-fan .dev-pixel:nth-child(2){width:24%;right:13%;top:22%}
.c-fan .dev-pixel:nth-child(3){width:24%;right:0;top:4%}
.f-media .dev-pixel{width:min(280px,58%)}
.f-media .dev-tab{width:min(600px,98%)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.stores{align-items:center}
.site-link{padding:.95rem 1.3rem;border-radius:14px}

/* v6: home hero, one app at a time on a colour stage */
.stage-hero{--a:var(--hub);position:relative;padding:118px 0 72px;background:color-mix(in srgb,var(--a) 8%,#fff);transition:background-color .9s var(--ease)}
.sh-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:center;min-height:calc(100svh - 190px)}
.sh-grid>*,.pb-grid>*,.pb-teams>*,.teams-grid>*,.app-tile>*{min-width:0}
.sh-copy h1{font-size:clamp(2.9rem,5.4vw,5.1rem);line-height:1;letter-spacing:-.02em;margin-bottom:1.3rem}
.picker{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-top:2.2rem;max-width:620px}
.pick{position:relative;display:flex;gap:.8rem;align-items:center;padding:.7rem .85rem;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.55);font:inherit;color:inherit;text-align:left;cursor:pointer;overflow:hidden;transition:background .3s,border-color .3s,box-shadow .3s}
.pick img{width:48px;height:48px;border-radius:12px;flex:none}
.pick b{display:block;font-size:1rem;line-height:1.2}
.pick small{display:block;font-size:.8rem;color:var(--ink-3);line-height:1.3}
.pick:hover{background:#fff}
.pick[aria-selected="true"]{background:#fff;border-color:var(--pa);box-shadow:0 14px 30px -20px color-mix(in srgb,var(--pa) 70%,#000)}
.pick .bar{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--pa)}
.pick[aria-selected="true"] .bar{width:100%}
.stage-hero.auto .pick[aria-selected="true"] .bar{animation:fill 6s linear}
@keyframes fill{from{width:0}to{width:100%}}
.sh-stage{position:relative;display:grid;justify-items:center;align-content:center;gap:1.6rem;min-height:640px}
.disc{position:absolute;top:2%;left:50%;width:min(560px,96%);aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:var(--a);transition:background-color .9s var(--ease)}
.phones{position:relative;width:min(270px,58%);aspect-ratio:9/19.6;perspective:1400px;--rx:6deg;--ry:-14deg}
.sp{position:absolute;inset:0;display:grid;align-items:center;opacity:0;transform:rotateY(-50deg) translateX(40px) scale(.92);transition:opacity .45s,transform .9s var(--ease);pointer-events:none}
.sp.on{opacity:1;transform:rotateX(var(--rx)) rotateY(var(--ry));pointer-events:auto}
.sp .dev{box-shadow:0 50px 80px -30px rgba(10,14,30,.6),inset 0 0 0 1.5px rgba(255,255,255,.12)}
.infos{position:relative;width:min(440px,100%);min-height:9.5rem;text-align:center;z-index:1}
.si{position:absolute;inset:0 0 auto;opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s}
.si.on{opacity:1;visibility:visible}
.si-plat{font-size:.85rem;font-weight:600;color:var(--ink-2)}
.si-text{margin:.35rem 0 1rem;color:var(--ink-2)}

/* v6: six app tiles */
.app-tiles{display:grid;grid-template-columns:repeat(6,1fr);gap:1.25rem}
.app-tile{grid-column:span 2;position:relative;display:flex;flex-direction:column;min-height:560px;border-radius:22px;overflow:hidden;background:var(--g1);color:#fff;text-decoration:none}
.t-pubmed-hub{grid-column:span 4}
.t-medics{grid-column:1/-1;flex-direction:row;min-height:440px}
.at-copy{padding:1.9rem 1.9rem 0;position:relative;z-index:1}
.at-id{display:flex;gap:.9rem;align-items:center;margin-bottom:1rem}
.at-id img{width:56px;height:56px;border-radius:14px;flex:none;box-shadow:0 10px 24px -12px rgba(0,0,0,.6)}
.at-id h3{font-size:1.75rem}
.at-id p{color:var(--hl);font-weight:600;font-size:.95rem;line-height:1.3}
.at-text{color:rgba(255,255,255,.8);max-width:46ch}
.at-plat{font-size:.85rem;color:rgba(255,255,255,.55);margin-top:.7rem}
.app-tile:hover h3,.app-tile:focus-visible h3{text-decoration:underline;text-underline-offset:.15em}
.at-shot{margin-top:auto;position:relative;height:300px}
.at-shot .dev{position:absolute;left:50%;bottom:-34%;width:48%;transform:translateX(-50%)}
.t-pubmed-hub .at-shot .dev-mac{width:62%;bottom:-16%}
.t-medics .at-copy{flex:1;align-self:center;padding:2.6rem}
.t-medics .at-shot{flex:1.25;height:auto}
.t-medics .at-shot .dev-ipad{width:50%;left:6%;bottom:-30%;transform:none}
.t-medics .at-shot .dev-iphone{width:21%;left:62%;bottom:-6%;transform:none}

/* v6: PassB band, flip card and Teams console */
.passb-band{background:#F4EFF8;--accent:var(--passb)}
.pb-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,5rem);align-items:center}
.pb-id{display:flex;gap:.9rem;align-items:center;margin-bottom:1.4rem}
.pb-id img{width:64px;height:64px;border-radius:16px}
.pb-id b{display:block;font-size:1.25rem}.pb-id span{color:var(--ink-3)}
.passb-band h2{margin-bottom:1rem}
.passb-band .stores{margin-top:2rem}
.pb-note{font-size:.88rem;color:var(--ink-3);margin-top:.9rem}
.pcard-wrap{display:grid;justify-items:center;gap:1.2rem;perspective:1600px}
.pcard{--rx:8deg;--ry:-16deg;display:block;width:min(470px,100%);aspect-ratio:1.72;padding:0;border:0;background:none;font:inherit;cursor:pointer;border-radius:22px;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .5s var(--ease)}
.pcard-in{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform 1s var(--ease)}
.pcard.flipped .pcard-in{transform:rotateY(180deg)}
.pc-face{position:absolute;inset:0;display:flex;flex-direction:column;padding:clamp(1.1rem,3vw,1.7rem);border-radius:22px;text-align:left;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 50px 80px -34px rgba(36,26,46,.75)}
.pc-front{color:#fff;background:linear-gradient(140deg,#6A5084,#3B2A4E 52%,#5A4270)}
.pc-top{display:flex;justify-content:space-between;align-items:flex-start}
.pc-brand{display:flex;align-items:center;gap:.45rem;font:700 1.2rem var(--sans)}
.pc-brand svg{width:28px;height:28px}
.pc-top img{width:27%;height:auto;background:#fff;border-radius:10px;padding:5px}
.pc-name{margin-top:auto;font:500 clamp(1.4rem,2.6vw,2rem) var(--display);line-height:1.1}
.pc-name small{font-size:.62em}
.pc-role{margin-top:.35rem;font-size:.92rem;line-height:1.35;color:rgba(255,255,255,.78)}
.pc-back{transform:rotateY(180deg);background:#fff;color:var(--ink);justify-content:center;gap:.15rem}
.pc-k{font-weight:700;font-size:.9rem;color:var(--passb);margin-bottom:.4rem}
.pc-row{display:flex;justify-content:space-between;gap:1rem;padding:.38rem 0;border-bottom:1px solid var(--line);font-size:.95rem}
.pc-row span{color:var(--ink-3)}
.pc-stop{align-self:flex-start;margin-top:.7rem;padding:.3rem .75rem;border:1.5px solid #F1C0BA;border-radius:8px;font-size:.85rem;font-weight:600;color:#B42318}
.pcard-hint{font-size:.85rem;color:var(--ink-3)}
.pb-teams{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2rem,5vw,4rem);align-items:center;margin-top:clamp(4rem,8vw,7rem)}
.pb-teams h3{font-size:clamp(1.7rem,2.8vw,2.3rem);margin-bottom:.8rem}
.pb-teams>div>p{color:var(--ink-2)}
.pp-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin:1.5rem 0}
.pp{padding:.9rem;border-radius:12px;background:#fff;border:1px solid #E4D9EE}
.pp b{display:block;font:600 1.2rem var(--display)}
.pp span{display:block;font-size:.8rem;color:var(--ink-3);line-height:1.35;margin-top:.2rem}
.pp.hl{background:#2E2140;color:#fff;border-color:transparent}.pp.hl span{color:#D9C8E8}
.console{display:grid;grid-template-columns:168px 1fr;background:#1B1522;color:#F3EBFB;border:1px solid #3D2F49;border-radius:18px;overflow:hidden;font-size:.85rem;box-shadow:0 40px 80px -30px rgba(27,21,34,.6)}
.c-side{display:flex;flex-direction:column;gap:.15rem;padding:1rem .7rem;background:#241C2E}
.c-org{display:flex;align-items:center;gap:.5rem;margin-bottom:.8rem;font-size:.85rem}
.c-org i{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#D4B5EF;color:#241A2E;font-style:normal;font-weight:800}
.c-side span{padding:.45rem .6rem;border-radius:8px;color:#C9B6D7}
.c-side .on{background:#38263F;color:#fff}
.c-main{padding:1.1rem;min-width:0}
.c-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.9rem}
.c-head b{font:600 1.2rem var(--display)}.c-head span{font-size:.75rem;color:#A990BD}
.c-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}
.c-stats div{padding:.6rem;border:1px solid #3D2F49;border-radius:10px;background:#241C2E}
.c-stats small{display:block;font-size:.7rem;color:#A990BD}.c-stats b{font-size:1.1rem}
.c-chart{display:flex;align-items:flex-end;gap:5%;height:110px;margin:1rem 0 1.8rem;padding:0 .5rem;border-bottom:1px solid #3D2F49}
.c-chart i{position:relative;flex:1;border-radius:5px 5px 0 0;background:#D4B5EF}
.c-chart span{position:absolute;bottom:-1.4rem;left:50%;transform:translateX(-50%);font-size:.68rem;color:#A990BD}
.c-feed{display:grid;gap:.5rem}
.c-feed p{padding:.6rem .8rem;border-radius:10px;background:#241C2E}
.c-feed b{display:block;font-size:.85rem}.c-feed span{font-size:.75rem;color:#A990BD}
.teams-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,5vw,4rem);align-items:center}
.teams-grid .ticks{margin-top:1.6rem}
.table-scroll{overflow-x:auto}
.who{width:100%;min-width:640px;border-collapse:collapse;font-size:.98rem}
.who th,.who td{padding:1rem .9rem;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.who thead th{font-weight:600;color:var(--ink-2);border-bottom:2px solid var(--ink)}
.who tbody th{font-weight:600;width:30%}
.who td{color:var(--ink-2)}
.plans.four{grid-template-columns:repeat(4,1fr);max-width:none}
.plans.four .plan{padding:1.8rem}
.plans.four .plan h3{font-size:1.6rem}

/* v6: SciRead themes */
.themes-sec{background:var(--surface)}
.themes{display:flex;gap:1.6rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:.5rem max(1.5rem,calc((100vw - 1240px)/2)) 2rem;scroll-padding-inline:max(1.5rem,calc((100vw - 1240px)/2))}
.theme{flex:none;width:clamp(170px,17vw,220px);scroll-snap-align:start}
.theme figcaption{margin-top:1rem}
.theme b{display:block;font:600 1.2rem var(--display)}
.theme span{font-size:.85rem;color:var(--ink-3)}

@media (max-width:1060px){
  .app-tile,.t-pubmed-hub{grid-column:span 3}
  .plans.four{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:880px){
  .sh-grid,.pb-grid,.pb-teams,.teams-grid{grid-template-columns:1fr}
  .sh-grid{min-height:0}
  .stage-hero{padding-top:100px}
  .sh-stage{min-height:0;padding-top:1rem}
  .disc{width:min(420px,92%)}
  .picker{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-1rem;padding:0 1rem .4rem;max-width:none}
  .pick{flex:none;width:230px;scroll-snap-align:start}
  .app-tile,.t-pubmed-hub,.t-medics{grid-column:1/-1}
  .t-medics{flex-direction:column}
  .t-medics .at-shot{min-height:300px}
  .t-medics .at-copy{padding:1.9rem 1.9rem 0}
  .console{grid-template-columns:1fr}
  .c-side{flex-direction:row;flex-wrap:wrap}
  .c-org{width:100%;margin-bottom:.3rem}
}
@media (max-width:600px){
  .plans.four{grid-template-columns:1fr}
  .c-stats{grid-template-columns:1fr 1fr}
  .pp-row{grid-template-columns:1fr}
  .app-tile{min-height:500px}
  .infos{min-height:11rem}
}


/* v6.1: iPhone Duo sections (App Store screenshots, folded and opened) */
.duo-sec{background:var(--surface)}
.duo-pair{display:grid;grid-template-columns:2.07fr 1fr;gap:clamp(.8rem,2vw,1.6rem);align-items:start}
.duo-pair.two{grid-template-columns:1fr 1fr}
.duo-pair img{width:100%;height:auto;border-radius:18px;box-shadow:0 30px 60px -30px rgba(14,23,48,.45),0 0 0 1px rgba(14,23,48,.06);background:#ECEFF2}
.duo-pair figcaption{margin-top:1rem;color:var(--ink-2);max-width:52ch}
.duo-pair figcaption b{color:var(--ink)}
.duo-more{margin-top:2rem;color:var(--ink-2)}
.duo-more a,.duo-home .sw-caption a{color:var(--accent,var(--ink));font-weight:600}
.duo-home .tabs{margin-bottom:1.6rem}
.duo-stage{display:grid}
.duo-item{position:static;display:block;transform:none;grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s}
.duo-item.on{opacity:1;visibility:visible}
.duo-home .sw-caption{max-width:70ch}
@media (max-width:600px){.duo-pair{grid-template-columns:1fr}.duo-fold,.duo-item .duo-pair img:last-child{width:70%;justify-self:center}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}