/* Asia Design Lab: studio identity and product-first presentation. */
.site-header{background:#0b1321;border-color:#293344;color:#f5f8ff}.site-header .brand small{color:#a6b6ce}.site-header .desktop-nav a:hover{color:#84b3ff}.site-header .desktop-nav a[aria-current=page]:after{background:#77aaff}.site-header .header-download{background:#275fe8}.site-header .language-menu,.site-header .mobile-nav nav{color:#111b2b}.site-header .language-picker summary{color:#dce7f8}.site-header .language-menu p{color:#59667a}.site-header .brand img{width:37px;height:37px}.site-header .brand-light{margin-inline-start:.07em}.site-footer .footer-invitation h2{font-size:46px;max-width:720px}
.page-home{background:#fff}.lab-hero{background:#0b1321;color:#f5f8ff;position:relative;overflow:hidden;border-bottom:1px solid #293344}.lab-hero-grid{display:grid;grid-template-columns:.85fr 1.5fr;align-items:center;gap:65px;padding-block:56px 51px}.lab-intro{min-width:0}.lab-intro .eyebrow{color:#a7bddb;font-size:10px;letter-spacing:.095em;line-height:1.8;margin-bottom:24px}.lab-signal{display:inline-block;width:6px;height:6px;border-radius:50%;background:#61e4d2;box-shadow:0 0 0 4px #61e4d218;flex-shrink:0}.lab-intro h1{font-size:clamp(43px,4.2vw,65px);line-height:1.05;letter-spacing:-.057em;font-weight:650}.lab-intro h1>span{display:block;color:#82b1ff;margin-top:5px}.lab-intro-text{font-size:14px;line-height:1.9;color:#adbed4;margin-top:25px;max-width:440px}.lab-hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}.lab-hero-actions .button{background:#2d66e4;box-shadow:inset 0 1px #ffffff25;font-size:12px;min-height:50px}.lab-hero-actions .text-link{font-size:12px;color:#dce8fb}.lab-maker{display:flex;align-items:center;gap:10px;border-top:1px solid #29384c;padding-top:22px;margin-top:32px;max-width:360px;font-size:11px;font-weight:650;letter-spacing:.015em;color:#e9f0fb}.lab-maker img{width:27px;height:27px}.lab-maker small{display:block;font-weight:500;color:#a3b5ce;font-size:9px;margin-top:2px}.lab-spotlight{min-width:0;position:relative;padding:19px 19px 0;background:#131f31;border:1px solid #33435b;border-radius:9px;box-shadow:0 30px 70px #0003}.lab-spotlight-label{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px;font-size:10px;color:#adbed4}.lab-spotlight-label>a{display:flex;align-items:center;gap:8px;color:#edf3fc;font-size:11px;font-weight:700;min-height:28px}.lab-spotlight-label .product-logo{width:23px;height:23px}.lab-spotlight-label .icon{width:14px;height:14px}.lab-spotlight-image{display:block;border:1px solid #52647d;border-radius:5px;overflow:hidden;box-shadow:0 12px 30px #0004;background:#dce9f8}.lab-spotlight-image>img{width:100%;height:auto}.lab-spotlight figcaption{display:flex;align-items:center;gap:9px;color:#aabdd6;font-size:9px;line-height:1.8;padding-block:13px}.lab-spotlight figcaption .lab-signal{width:4px;height:4px;box-shadow:none}.lab-product-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #334055;padding-block:0 5px}.lab-product-index>a{display:flex;align-items:center;gap:13px;padding:24px 29px;min-width:0;transition:background-color .2s}.lab-product-index>a:hover{background:#142238}.lab-product-index>a:first-child{padding-inline-start:0}.lab-product-index>a:last-child{padding-inline-end:0}.lab-product-index>a+a{border-inline-start:1px solid #334055}.lab-index-number{font-size:9px;color:#a1b2cc;align-self:flex-start;margin-top:7px}.lab-product-index .product-logo{width:35px;height:35px}.lab-product-index strong{font-size:17px;line-height:1.3;letter-spacing:-.025em;font-weight:700}.lab-product-index small{display:block;font-size:10px;color:#a6b9d3;margin-top:5px;line-height:1.5}.lab-product-index>a>.icon{margin-inline-start:auto;width:16px;height:16px;transform:rotate(45deg)}
.lab-engineering{padding-block:74px 70px}.lab-section-heading{display:grid;grid-template-columns:1.2fr .9fr;gap:100px;align-items:end}.lab-section-heading h2{font-size:45px;line-height:1.1;letter-spacing:-.05em}.lab-section-heading>.p,.lab-section-heading>p{font-size:14px;line-height:1.95;max-width:470px}.lab-section-heading .eyebrow{font-size:10px;color:#285fc9}.lab-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;margin-top:40px}.lab-principles article{border-top:1px solid #bfcada;padding-top:23px;position:relative}.lab-principles article>span{font-size:10px;color:#3764a9;font-variant-numeric:tabular-nums}.lab-principles h3{font-size:22px;line-height:1.25;letter-spacing:-.035em;margin-top:18px;max-width:330px}.lab-principles p{font-size:13px;line-height:1.95;margin-top:16px;max-width:360px}.lab-collection-heading{padding-block:20px 37px;border-top:1px solid #dce2ea}.lab-collection-heading .eyebrow{font-size:10px;margin-top:28px}.lab-collection-heading>div{display:flex;justify-content:space-between;align-items:end;gap:70px}.lab-collection-heading h2{font-size:49px}.lab-collection-heading>div>p{font-size:13px;line-height:1.9;max-width:430px}
/* Three products, with deliberately different compositions. */
.showcase{scroll-margin-top:0}.product-story{padding-block:48px 53px}.story-topline{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-bottom:33px}.story-topline>.showcase-identity{margin:0}.story-topline>.showcase-identity h2{font-size:28px}.story-topline>span{color:var(--product-muted);font-size:10px;line-height:1.8;text-align:end;max-width:400px}.story-layout{display:grid;grid-template-columns:.7fr 1.5fr;align-items:center;gap:68px}.story-copy{min-width:0}.story-tagline{font-size:43px;line-height:1.12;font-weight:600;letter-spacing:-.05em;color:var(--product-ink);text-wrap:balance}.story-description{font-size:14px;line-height:1.9;color:var(--product-muted);margin-top:22px}.product-story .showcase-features{display:flex;flex-direction:column;align-items:stretch;gap:13px;margin-block:24px}.product-story .showcase-features li{font-size:12px;line-height:1.75}.story-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.product-story .button{font-size:11px;min-height:48px;padding:13px 18px;gap:15px}.product-story .button-outline{background:transparent;border-color:var(--product-line);color:var(--product-ink)}.story-offer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--product-line);padding-top:21px;margin-top:28px}.story-offer .sales-price{display:flex;align-items:baseline;gap:4px;line-height:1.2;color:var(--product-ink);letter-spacing:-.03em}.story-offer .sales-price strong{font-size:29px;line-height:1.2;font-weight:650}.story-offer .price-currency,.story-offer .price-period{font-size:10px;letter-spacing:0}.story-offer .product-domain{font-size:10px;min-height:24px}.story-media{min-width:0;padding:22px 22px 0;border:1px solid var(--product-line);border-radius:8px;background:var(--stage);box-shadow:0 13px 38px #1223330a}.story-media .screenshot-link{max-width:none;border-radius:5px;box-shadow:0 8px 24px #061a3320}.story-media figcaption{display:flex;flex-wrap:wrap;gap:6px 20px;align-items:center;font-size:9px;line-height:1.8;color:var(--product-muted);padding-block:13px}.story-media figcaption>a{margin-inline-start:auto;min-height:24px}.story-animail .story-layout{grid-template-columns:1.5fr .7fr}.story-animail .story-copy{grid-column:2;grid-row:1}.story-animail .story-media{grid-column:1;grid-row:1}.story-animail{--stage:#ede4ce}.story-characters{display:grid;grid-template-columns:1.7fr repeat(3,.7fr);gap:17px;align-items:center;max-width:1000px;margin-inline:auto;border-top:1px solid var(--product-line);margin-top:35px;padding-top:22px}.story-characters .eyebrow{color:var(--product-muted);font-size:10px;margin-bottom:12px}.story-characters>div>p:not(.eyebrow){font-size:13px;line-height:1.9;color:var(--product-muted)}.story-characters>img{width:150px;justify-self:center}.story-vigivo .story-layout{grid-template-columns:1fr;gap:32px}.story-vigivo .story-copy{display:grid;grid-template-columns:1fr 1fr;gap:0 90px;align-items:start}.story-vigivo .story-tagline{font-size:49px;grid-row:1/3;max-width:530px}.story-vigivo .story-description{margin-top:0}.story-vigivo .showcase-features{flex-direction:row;flex-wrap:wrap;gap:13px 22px;grid-column:2;margin-block:19px 0}.story-vigivo .story-actions{grid-column:1;grid-row:3;margin-top:25px}.story-vigivo .story-offer{grid-column:2;grid-row:3;margin-top:25px;align-self:end;padding-top:18px}.story-vigivo .story-media{padding:29px 29px 0}.story-vigivo .story-media .screenshot-link{max-width:1150px;margin-inline:auto}.story-vigivo .story-media figcaption{padding-block:15px}.story-vigivo .product-story{padding-block:49px 42px}
@media(min-width:1550px){.lab-hero-grid{padding-block:70px 65px}.lab-intro h1{font-size:68px}}
@media(max-width:1180px){.lab-hero-grid{gap:40px;grid-template-columns:.9fr 1.3fr;padding-block:42px}.lab-intro h1{font-size:51px}.lab-intro-text{font-size:13px;line-height:1.9}.lab-intro .eyebrow{font-size:9px;margin-bottom:22px}.lab-hero-actions{gap:19px;margin-top:24px}.lab-hero-actions .button,.lab-hero-actions .text-link{font-size:11px}.lab-maker{margin-top:24px;padding-top:19px}.lab-spotlight{padding:14px 14px 0}.lab-spotlight figcaption{font-size:8px}.lab-product-index>a{padding:22px;gap:10px}.lab-product-index strong{font-size:15px}.lab-product-index small{font-size:9px}.lab-product-index .product-logo{width:30px;height:30px}.lab-engineering{padding-block:60px}.lab-section-heading{gap:65px}.lab-section-heading h2{font-size:39px}.lab-principles{gap:30px}.lab-principles h3{font-size:21px}.lab-collection-heading h2{font-size:43px}.story-layout{gap:40px;grid-template-columns:.8fr 1.3fr}.story-animail .story-layout{grid-template-columns:1.3fr .8fr}.story-tagline{font-size:36px}.story-description{font-size:13px}.story-media{padding:17px 17px 0}.product-story .button{font-size:10px;padding-inline:14px;gap:11px}.story-offer{gap:13px;flex-wrap:wrap}.story-vigivo .story-copy{gap:0 60px}.story-vigivo .story-tagline{font-size:43px}.story-vigivo .showcase-features{gap:11px 17px}.story-vigivo .showcase-features li{font-size:11px}.story-characters{max-width:880px}.story-characters>img{width:135px}}
@media(max-width:960px){.lab-hero-grid{grid-template-columns:1fr 1.2fr;gap:32px}.lab-intro h1{font-size:44px}.lab-hero-actions{gap:13px}.lab-hero-actions .button{padding-inline:16px}.lab-hero-actions .text-link{font-size:10px}.lab-spotlight-label>span{display:none}.lab-spotlight-label{margin-bottom:12px}.lab-spotlight-label>a{font-size:11px}.lab-product-index strong{font-size:14px}.lab-product-index>a{padding:20px 16px;gap:10px}.lab-index-number{display:none}.lab-section-heading{gap:40px}.lab-section-heading h2{font-size:36px}.lab-section-heading>p{font-size:13px}.lab-principles{gap:25px}.lab-principles h3{font-size:20px}.lab-principles p{font-size:12px}.lab-collection-heading>div{gap:40px}.lab-collection-heading>div>p{font-size:12px;max-width:360px}.story-layout,.story-animail .story-layout{grid-template-columns:1fr;gap:30px}.story-animail .story-copy,.story-animail .story-media{grid-column:auto;grid-row:auto}.story-copy{max-width:100%}.story-tagline{max-width:640px;font-size:39px}.story-description{max-width:680px}.product-story .showcase-features{flex-direction:row;flex-wrap:wrap;gap:13px 25px}.story-actions{margin-top:23px}.story-offer{justify-content:start;gap:35px;max-width:650px}.story-media{padding:28px 28px 0}.story-vigivo .story-copy{grid-template-columns:1fr 1fr;gap:0 40px}.story-vigivo .story-tagline{font-size:40px}.story-characters{grid-template-columns:1.6fr repeat(3,.7fr);gap:12px}.story-characters>img{width:130px}.story-characters>div>p:not(.eyebrow){font-size:12px}.story-topline>span{font-size:9px;max-width:280px}.site-footer .footer-invitation h2{font-size:39px}}
@media(max-width:720px){.lab-hero-grid{grid-template-columns:1fr;gap:32px;padding-block:32px 29px}.lab-intro h1{font-size:clamp(43px,9.8vw,65px);max-width:650px;line-height:1.06}.lab-intro .eyebrow{font-size:8px;line-height:1.9;margin-bottom:21px}.lab-intro-text{font-size:13px;max-width:560px;margin-top:20px;line-height:1.9}.lab-hero-actions{margin-top:23px;gap:22px}.lab-hero-actions .button{font-size:11px;min-height:48px}.lab-hero-actions .text-link{font-size:11px}.lab-maker{display:none}.lab-spotlight{padding:13px 13px 0;border-radius:7px}.lab-spotlight-label{margin-bottom:11px}.lab-spotlight-label>span{display:block;font-size:9px}.lab-spotlight-label>a{font-size:10px}.lab-spotlight-label .product-logo{width:20px;height:20px}.lab-spotlight figcaption{font-size:8px;line-height:1.8;padding-block:11px}.lab-product-index{grid-template-columns:1fr;padding-block:0}.lab-product-index>a,.lab-product-index>a:first-child,.lab-product-index>a:last-child{padding:16px 0;gap:13px}.lab-product-index>a+a{border-inline-start:0;border-top:1px solid #334055}.lab-index-number{display:block}.lab-product-index .product-logo{width:29px;height:29px}.lab-product-index strong{font-size:16px}.lab-product-index small{font-size:10px;margin-top:3px}.lab-product-index>a>.icon{width:15px;height:15px}.lab-engineering{padding-block:42px}.lab-section-heading{grid-template-columns:1fr;gap:21px}.lab-section-heading h2{font-size:37px}.lab-section-heading>p{font-size:13px;line-height:1.9}.lab-section-heading .eyebrow{font-size:9px;margin-bottom:17px}.lab-principles{grid-template-columns:1fr;gap:27px;margin-top:30px}.lab-principles article{padding-top:18px;display:grid;grid-template-columns:25px 1fr;gap:0 14px}.lab-principles article>span{font-size:10px;grid-row:1/3;padding-top:4px}.lab-principles h3{font-size:23px;line-height:1.25;margin-top:0;max-width:100%}.lab-principles p{font-size:13px;line-height:1.9;margin-top:13px;max-width:100%}.lab-collection-heading{padding-block:5px 29px}.lab-collection-heading .eyebrow{margin-top:23px;font-size:9px;margin-bottom:15px}.lab-collection-heading>div{display:block}.lab-collection-heading h2{font-size:39px}.lab-collection-heading>div>p{margin-top:18px;max-width:100%;font-size:13px;line-height:1.9}.product-story,.story-vigivo .product-story{padding-block:30px}.story-topline{align-items:flex-start;gap:20px;margin-bottom:25px}.story-topline>.showcase-identity h2{font-size:24px}.story-topline>.showcase-identity .product-logo{width:32px;height:32px}.story-topline>span{font-size:8px;max-width:150px}.story-layout{gap:25px}.story-tagline{font-size:37px;line-height:1.13;max-width:100%}.story-description{font-size:13px;line-height:1.9;margin-top:20px}.product-story .showcase-features{flex-direction:column;gap:10px;margin-block:21px}.product-story .showcase-features li{font-size:11px}.story-actions{gap:10px;margin-top:22px}.product-story .button{font-size:11px;min-height:47px;padding-inline:15px;gap:12px}.story-offer{margin-top:22px;padding-top:18px;justify-content:space-between;gap:20px}.story-offer .sales-price strong{font-size:27px}.story-media{padding:16px 13px 0;border-radius:6px}.story-media figcaption{font-size:9px;line-height:1.8;padding-block:11px}.story-vigivo .story-copy{display:block}.story-vigivo .story-tagline{font-size:38px}.story-vigivo .story-description{margin-top:20px}.story-vigivo .showcase-features{flex-direction:column;gap:10px;margin-block:21px}.story-vigivo .story-actions{margin-top:22px}.story-vigivo .story-offer{margin-top:22px;padding-top:18px}.story-vigivo .story-media{padding:17px 13px 0}.story-vigivo .story-media figcaption{padding-block:11px}.story-characters{grid-template-columns:repeat(3,1fr);gap:5px;margin-top:25px;padding-top:23px}.story-characters>div{grid-column:1/-1;margin-bottom:14px}.story-characters>div>p:not(.eyebrow){font-size:13px;line-height:1.9}.story-characters>img{width:120px}.story-characters .eyebrow{font-size:9px;margin-bottom:12px}.site-footer .footer-invitation h2{font-size:36px}}
@media(max-width:380px){.lab-intro h1{font-size:42px}.lab-intro .eyebrow{font-size:8px}.lab-hero-actions{gap:17px}.lab-spotlight-label>span{font-size:8px}.lab-spotlight-label>a{font-size:9px}.lab-spotlight figcaption{font-size:8px}.story-topline>.showcase-identity h2{font-size:22px}.story-topline>span{max-width:115px;font-size:8px}.story-tagline,.story-vigivo .story-tagline{font-size:34px}.product-story .button{font-size:10px;gap:9px}.story-offer .product-domain{font-size:9px}.lab-collection-heading h2{font-size:36px}}
html[lang=ar] .lab-intro h1,html[lang=ar] .lab-section-heading h2,html[lang=ar] .story-tagline{letter-spacing:0;line-height:1.25}html[lang=ar] .lab-product-index>a>.icon{transform:rotate(-135deg)}
@media(prefers-reduced-motion:reduce){.lab-product-index>a{transition:none}}

/* Capture versions are readable content, not hidden metadata. */
.lab-spotlight figcaption{font-size:10px;flex-wrap:wrap}.lab-spotlight figcaption>a{display:inline-flex;align-items:center;min-height:24px;margin-inline-start:auto;text-decoration:underline;text-underline-offset:3px}.story-media figcaption{font-size:10px}.product-sales .sales-main-screen figcaption,.product-sales .sales-secondary-screen figcaption{font-size:11px}
@media(max-width:720px){.lab-spotlight figcaption{font-size:9px}.story-media figcaption{font-size:10px}}
