@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--ink:#193d2d;--green:#244f39;--muted:#67726a;--cream:#f8f8f0;--line:#dfe3d9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font:15px 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}header{height:100px;display:flex;align-items:center;justify-content:space-between;max-width:1440px;margin:auto;padding:0 6%;gap:24px}.brand{display:flex;align-items:center;font-size:23px;font-weight:750;letter-spacing:-1.2px}.brandlight{font-weight:400}.brandmark{background:var(--green);color:#e4eea0;font:bold 37px Arial;width:39px;height:39px;border-radius:12px;margin-right:10px;position:relative;text-align:center;line-height:35px}.brandmark span{font-size:19px;position:absolute;right:0;top:-3px}nav{display:flex;gap:35px;font-size:13px}nav a:hover,.text-link:hover{color:#669041}.nav-contact{font-size:13px;border:1px solid #bac4b9;border-radius:30px;padding:12px 21px}.nav-contact span{padding-left:24px}.menu{display:none}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1fr;padding:65px 6% 75px;min-height:685px;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:700;display:flex;align-items:center;gap:9px}.dot{width:6px;height:6px;border-radius:50%;background:#60874c}.hero h1{font:600 clamp(65px,6.7vw,98px)/1.04 'Manrope',Arial;letter-spacing:-6px;margin:30px 0 25px}.hero h1 em{font-style:normal;color:#74925b}.intro{line-height:1.8;color:var(--muted);font-size:16px;margin-bottom:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;border-radius:7px;padding:17px 23px;font-size:13px;font-weight:550}.button span{font-size:18px}.dark{background:var(--green);color:white}.button:hover{transform:translateY(-2px);box-shadow:0 5px 14px #193d2d18}.hero-caption{display:flex;align-items:center;gap:10px;font-size:10px;margin-top:27px;color:#7c867b}.divider{height:12px;width:1px;background:#c9cec1}.android{color:#67864c;font-size:16px}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:520px;background:radial-gradient(ellipse,#dfe9bf85,transparent 67%)}.orbit{position:absolute;border:1px solid #d5dec5;border-radius:50%;width:450px;height:450px;transform:rotate(-25deg)}.orbit-two{width:550px;height:330px}.phone{position:relative;z-index:2;width:235px;height:458px;background:#fcfcf7;border:6px solid #234434;border-radius:38px;transform:rotate(9deg);box-shadow:16px 22px 30px #213d2920;overflow:hidden}.phone-top{display:flex;justify-content:space-between;padding:10px 15px 0;font-size:8px;font-weight:700}.phone-notch{position:absolute;top:7px;left:83px;width:63px;height:16px;border-radius:20px;background:#234434}.phone-content{padding:25px 15px 0}.phone-greeting{font-size:8px;color:#8a9383}.phone h2{font:700 24px/1.15 Manrope,Arial;letter-spacing:-1px;margin:10px 0 17px}.phone-search{background:#edf0e5;border-radius:8px;font-size:9px;color:#9aab90;padding:10px}.doc-preview{background:#e9efcf;height:166px;border-radius:12px;margin-top:15px;position:relative;padding:13px;overflow:hidden}.pdf-logo{background:#f37556;color:#fff;font-size:14px;font-weight:bold;border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative}.pdf-logo span{position:absolute;bottom:2px;font-size:28px}.doc-preview .pdf-logo{width:32px;height:34px;font-size:8px;border-radius:7px;display:inline-flex;vertical-align:middle}.doc-preview .pdf-logo span{font-size:15px;bottom:0}.doc-preview>span{font-size:10px;margin-left:6px}.doc-preview strong{display:block;font:600 18px/1.2 Manrope;margin-top:13px}.paper{position:absolute;right:-8px;bottom:-16px;transform:rotate(-17deg);width:75px;height:100px;background:#fffdf5;box-shadow:0 0 15px #0001;padding:17px 10px}.paper i{display:block;height:3px;background:#d9ddcf;margin:7px 0}.mini-files{display:flex;justify-content:space-around;text-align:center;margin-top:18px}.mini-files>span{font-size:20px;color:#70885b}.mini-files small{display:block;font-size:7px;margin-top:5px}.phone-bottom{border-top:1px solid #e6e8dd;display:flex;justify-content:space-around;margin-top:18px;padding-top:9px;font-size:14px}.phone-bottom span{color:#99a18c}.floating{position:absolute;z-index:3;box-shadow:0 8px 25px #29452a0c}.tag-top{top:5px;right:5px;background:white;border-radius:40px;padding:12px 18px;font-size:10px;transform:rotate(5deg)}.tag-top span{color:#72964a;margin-right:7px}.recovery-tile{bottom:60px;right:-7px;border:1px solid #e2e9d4;background:#f9faf5;border-radius:13px;display:flex;align-items:center;gap:12px;padding:15px;transform:rotate(-7deg)}.recovery-symbol{background:#aec86c;color:#2e5336;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:44px;font-weight:bold}.recovery-tile .recovery-symbol{width:42px;height:44px;font-size:34px;border-radius:10px}.recovery-tile strong{font-size:11px}.recovery-tile small{display:block;font-size:9px;color:#839078;margin-top:5px}.tiny-arrow{margin-left:10px}.pdf-tile{left:0;top:220px;background:#fffdf7;padding:15px 19px;border-radius:12px;transform:rotate(-9deg);display:flex;gap:12px;align-items:center}.pdf-tile>span{background:#f8dcd0;border-radius:9px;color:#d77553;font-size:11px;padding:15px 6px}.pdf-tile>div{font-size:11px;line-height:1.6}.spark{position:absolute;color:#739545;font-size:42px}.spark-one{right:4px;top:120px}.spark-two{left:55px;bottom:70px;font-size:26px}.art-caption{position:absolute;bottom:-14px;font-size:8px;letter-spacing:1.7px;color:#919d81}.principles{background:#e9eddf;padding:22px 6%;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#627251;gap:20px}.principles>span:nth-child(even){font-size:17px;color:#9bb276}.section{padding:100px 6%;max-width:1440px;margin:auto}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:43px}h2{font:550 43px/1.16 Manrope,Arial;letter-spacing:-1.8px;margin:16px 0}.section-heading>p{color:var(--muted);font-size:13px;line-height:1.8;margin-bottom:4px}.app-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.app-card{border:1px solid #dde2d4;border-radius:16px;overflow:hidden;background:#fcfcf7}.card-top{padding:23px 27px 0;display:flex;justify-content:space-between;color:#7c886e;font-size:11px}.category{font-size:9px;font-weight:650;letter-spacing:1.4px}.pdf-card .app-visual{background:#edf0df}.recovery-card .app-visual{background:#e8eddf}.app-visual{height:270px;position:relative;margin:18px 16px 0;border-radius:9px;overflow:hidden}.visual-sheet{position:absolute;left:30%;top:34px;width:180px;height:225px;background:#fffef7;border-radius:5px;box-shadow:0 6px 20px #29432914}.sheet-back{transform:rotate(-13deg);background:#dae3c1}.sheet-front{transform:rotate(9deg);padding:23px}.sheet-heading{font:600 14px/1.3 Manrope;max-width:110px}.sheet-lines{height:30px;margin-top:15px;background:repeating-linear-gradient(to bottom,#d9dfd0 0 2px,transparent 2px 9px)}.sheet-chart{display:flex;gap:7px;height:55px;align-items:flex-end;margin-top:13px}.sheet-chart i{width:17px;background:#c4d69c;height:60%}.sheet-chart i:nth-child(2){height:40%}.sheet-chart i:nth-child(3){height:75%}.sheet-chart i:nth-child(4){height:60%}.sheet-chart i:nth-child(5){height:100%;background:#769854}.sheet-label{font-size:6px;letter-spacing:1px;display:block;margin-top:13px;color:#9aa58b}.app-icon{position:absolute;left:18%;top:120px;width:77px;height:80px;transform:rotate(-10deg);box-shadow:0 12px 20px #34522b18;font-size:22px;border-radius:19px}.app-icon.pdf-logo span{font-size:43px;bottom:0}.visual-sticker{position:absolute;bottom:21px;right:20px;background:#fffef5;padding:9px 13px;font-size:9px;transform:rotate(-5deg);border-radius:5px}.photo{position:absolute;width:165px;height:175px;background:#d6e0c4;border:9px solid #fffef8;border-bottom-width:30px;box-shadow:0 5px 20px #2b432218;overflow:hidden}.photo-back{left:29%;top:35px;transform:rotate(-12deg);background:#d8e6ec}.photo-front{left:43%;top:60px;transform:rotate(12deg)}.photo>span{position:absolute;left:20px;top:15px;font-size:31px;color:#f5f4c9}.mountain{position:absolute;width:150px;height:130px;background:#95ad78;transform:rotate(45deg);top:70px;left:30px;border-radius:15px}.mountain:after{content:'';position:absolute;width:100px;height:100px;background:#bacb99;left:-60px;top:50px;border-radius:10px}.photo-back .mountain{background:#90a9a4}.recovery-visual .app-icon{background:#bed67e;font-size:65px}.card-copy{padding:27px 29px 22px}.card-copy h3{font:650 27px Manrope;margin:0 0 13px;letter-spacing:-.9px;display:flex;justify-content:space-between}.card-copy h3>span{font-size:22px;color:#879477}.card-copy p{color:var(--muted);font-size:13px;line-height:1.8;max-width:420px;min-height:70px}.feature-tags{display:flex;gap:8px;margin:20px 0 25px;flex-wrap:wrap}.feature-tags>span{font-size:9px;border:1px solid #dce1d1;padding:6px 9px;border-radius:20px;color:#768569}.store-link{display:flex;align-items:center;background:#244b36;color:white;border-radius:6px;padding:14px 17px;font-size:12px}.store-link>span{margin-left:auto}.store-link:hover{background:#376a4d}.details-link{background:none;border:0;font-size:10px;display:flex;justify-content:space-between;width:100%;padding:19px 0 0}.app-note{font-size:10px;color:#89907f;margin-top:20px}.about{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;padding-top:20px;padding-bottom:110px;align-items:center}.about-art{height:375px;position:relative;border-radius:12px;background:#e9eddf;overflow:hidden}.world-grid{width:320px;height:320px;border:1px solid #ccd7bc;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:repeating-linear-gradient(0deg,transparent 0 39px,#d6dec8 40px 41px);opacity:.75}.world-grid:after{content:'';position:absolute;inset:0 55px;border:1px solid #ccd7bc;border-radius:50%}.world-grid:before{content:'';position:absolute;inset:0 105px;border:1px solid #ccd7bc;border-radius:50%}.world-word{position:absolute;left:19%;top:90px;font:650 78px Manrope;letter-spacing:-5px}.world-word>span{display:block;font-size:55px;font-weight:500;letter-spacing:8px;color:#90a274;margin-top:-8px}.hk-pin{position:absolute;bottom:44px;left:18%;font-size:8px;letter-spacing:1.2px;background:#fafbf2;border-radius:20px;padding:12px 18px}.about-star{position:absolute;right:22px;top:28px;font-size:44px;color:#96ac6a}.about-copy h2{font-size:36px}.about-copy>p:not(.eyebrow){font-size:13px;line-height:1.85;color:var(--muted)}.about-facts{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin:25px 0;padding-top:22px;gap:15px}.about-facts strong{display:block;font-size:18px;font-weight:550}.about-facts span{display:block;font-size:9px;color:#89907e;margin-top:6px}.text-link{font-size:10px;text-decoration:underline;text-underline-offset:5px}.support{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:80px}.support>div>p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.8}.support .button{margin:16px 0 6px;font-size:12px}.support .support-tip{font-size:10px!important;color:#959d8c!important}.faq{padding-top:24px}details{border-bottom:1px solid #d8dfcd;padding:22px 0}summary{list-style:none;cursor:pointer;font-size:13px;display:flex;justify-content:space-between;gap:15px;align-items:center}summary::-webkit-details-marker{display:none}summary>span{font-size:22px;color:#8b9b78}details[open] summary>span{transform:rotate(45deg)}details p{font-size:12px;line-height:1.8;color:var(--muted);padding-right:20px}details a{text-decoration:underline}.closing{background:#244b36;text-align:center;color:#f1f4df;padding:62px 20px 70px}.closing>span{font-size:34px;color:#b7cd81}.closing h2{font-size:43px;margin:18px 0 25px}.cream{background:#e5edc7;color:#244b36;font-size:12px}footer{padding:40px 6% 25px;max-width:1440px;margin:auto}.footer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:35px}.footer-top .brand{font-size:20px}.footer-top .brandmark{width:32px;height:32px;font-size:30px;line-height:29px;border-radius:9px}.footer-top p,.footer-top>a:last-child{font-size:11px;color:#798570}.footer-bottom{border-top:1px solid var(--line);padding-top:23px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;color:#8a9480}.footer-bottom>div{display:flex;gap:24px}dialog{border:1px solid #d7dfc9;border-radius:17px;max-width:570px;width:calc(100% - 35px);padding:40px;color:var(--ink);background:#fcfcf6}dialog::backdrop{background:#122b24aa;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:30px}dialog h2{font-size:33px}dialog p,dialog li{font-size:14px;line-height:1.8;color:var(--muted)}dialog ul{padding-left:20px}dialog .button{margin:15px 0}dialog .policy-link{font-size:12px;text-decoration:underline;display:block}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #9bbd68;outline-offset:5px}
@media(min-width:1500px){.principles{justify-content:center;gap:65px}}@media(max-width:1000px){header{height:85px}.hero{padding-top:40px;min-height:600px}.hero h1{font-size:73px}.hero-art{transform:scale(.88);transform-origin:center}.hero .eyebrow{font-size:8px;letter-spacing:1px}.hero-art .tag-top{right:-30px}.recovery-tile{right:-40px}.section{padding-top:75px;padding-bottom:75px}.about,.support{gap:40px}.about{padding-top:10px}.section h2{font-size:35px}.app-icon{left:12%}.photo-front{left:37%}.photo-back{left:23%}}@media(max-width:700px){header{height:78px;padding:0 6%;flex-wrap:wrap;position:relative;z-index:5}.brand{font-size:20px}.brandmark{width:34px;height:34px;font-size:32px;line-height:30px}.nav-contact{display:none}.menu{display:block;border:1px solid #ced6c3;background:none;border-radius:7px;font-size:18px;padding:4px 10px}nav{display:none;position:absolute;top:70px;left:0;right:0;background:#f8f8f0;padding:25px 6%;border-bottom:1px solid #dce1d0;box-shadow:0 10px 20px #1b392710}header.open nav{display:flex;justify-content:space-between}.hero{grid-template-columns:1fr;padding-top:30px;padding-bottom:40px;gap:30px}.hero .eyebrow{font-size:8px}.hero h1{font-size:67px;letter-spacing:-4px;margin:23px 0}.intro{font-size:14px}.hero-art{min-height:450px;transform:scale(.88);margin:-10px -15px -25px}.phone{width:225px;height:442px}.tag-top{right:0!important;top:0}.recovery-tile{right:-4px;bottom:35px}.pdf-tile{left:-3px;top:205px}.spark-one{right:0;top:95px}.spark-two{left:20px;bottom:30px}.orbit{width:390px;height:390px}.orbit-two{width:450px;height:290px}.art-caption{bottom:-17px;font-size:7px}.principles{display:grid;grid-template-columns:1fr 1fr;padding:20px 6%;gap:16px;font-size:10px;text-align:center}.principles>span:nth-child(even){display:none}.section{padding:60px 6%}.section-heading{display:block;margin-bottom:30px}.section-heading>p{font-size:12px;margin-top:20px}.section-heading>p br{display:none}.section h2{font-size:32px;letter-spacing:-1.2px}.app-grid{grid-template-columns:1fr;gap:22px}.app-visual{height:250px}.card-copy{padding:24px}.card-copy h3{font-size:25px}.card-copy p{min-height:0}.app-note{font-size:9px;line-height:1.7}.about{grid-template-columns:1fr;gap:28px;padding-top:0}.about-art{height:310px}.world-word{top:65px}.about-facts strong{font-size:16px}.support{grid-template-columns:1fr;gap:12px}.support .button{font-size:11px;gap:20px;padding:17px}.faq{padding-top:0}summary{font-size:12px}.closing{padding:45px 20px 55px}.closing h2{font-size:35px}.footer-top{flex-wrap:wrap;gap:15px;padding-bottom:20px}.footer-top p{width:100%;order:3;margin:0}.footer-bottom{flex-wrap:wrap;font-size:9px;gap:18px}.footer-bottom>span:last-child{width:100%}.footer-bottom>div{gap:16px}dialog{padding:30px 24px}.desktop{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Blue studio visual system */
:root{--ink:#f0f4ff;--green:#4f80ff;--muted:#a5b7dc;--cream:#071c63;--line:#ffffff20}body{background:#071c63;background-image:radial-gradient(ellipse at 90% 4%,#254dc077,transparent 35%);font-size:15px}header{max-width:1500px;height:105px;border-bottom:1px solid #ffffff15}nav{color:#c4d1f0}.brandmark{background:#f0f4ff;color:#163b9a}.nav-contact{border-color:#ffffff40}.hero{max-width:1500px;padding-top:95px;padding-bottom:105px;min-height:750px;grid-template-columns:1fr 1.05fr;gap:30px}.hero .eyebrow{color:#b3caff;letter-spacing:2px;font-size:9px}.dot{background:#92b6ff}.hero h1{font-size:clamp(64px,6.4vw,96px);font-weight:500;letter-spacing:-5px;line-height:1.07}.hero h1 em{color:#8ab5ff}.intro{font-size:15px;line-height:1.9;color:#aebfe4}.dark{background:#f1f5ff;color:#143680;border:1px solid #fff}.hero-caption{color:#96acd6}.android{color:#9ebeff}.divider{background:#6786bc}.hero-art{background:none;min-height:480px;perspective:1000px}.studio-orbit{position:absolute;width:530px;height:530px;border:1px solid #608ded35;border-radius:50%;box-shadow:0 0 0 65px #5c83e808,0 0 0 130px #5c83e805;transform:rotateX(35deg);top:10px}.glass-workspace{position:relative;width:480px;background:linear-gradient(125deg,#ebf1fffa,#adc7f6ee);color:#173477;border:1px solid #cce0ff;border-radius:13px;transform:rotateY(-14deg) rotateX(7deg) rotateZ(-5deg);box-shadow:25px 40px 80px #010b3d99,inset 0 1px 0 #fff;z-index:2;overflow:hidden}.workspace-bar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #4567a125;height:41px;padding:0 17px;font-size:7px;letter-spacing:1px;color:#54719c}.window-dots{font-size:8px;letter-spacing:4px;color:#789ad2}.workspace-body{display:flex}.workspace-body aside{width:59px;border-right:1px solid #4567a120;display:flex;align-items:center;gap:25px;padding-top:20px;flex-direction:column;font-size:19px;color:#7a94bd}.workspace-monogram{font-size:23px;font-weight:800;color:#224b9b;margin-bottom:9px}.workspace-body aside .active{color:#2156b9}.workspace-main{padding:28px 25px 25px;flex:1}.workspace-label{font-size:7px;letter-spacing:2px;color:#617ba9}.workspace-main h2{font-size:34px;line-height:1.1;letter-spacing:-1.5px;margin:12px 0 20px}.workspace-tabs{display:flex;gap:22px;font-size:9px;color:#6a83ad;border-bottom:1px solid #6f8fc52b;padding-bottom:13px;margin-bottom:2px}.workspace-tabs span:first-child{color:#1b4ca1}.workspace-row{display:flex;gap:13px;align-items:center;border-bottom:1px solid #6f8fc520;padding:17px 0}.workspace-row>span:last-child{margin-left:auto;color:#6782b0}.file-badge{display:grid;place-items:center;width:33px;height:39px;background:linear-gradient(130deg,#dfe7ff,#bccded);border:1px solid #93aad155;border-radius:4px;color:#2e5dba;font-size:8px}.file-badge.blue{background:#416cc4;color:white;border-color:#7395d1}.file-badge.pale{background:#dceaff}.workspace-row strong{font-size:10px;font-weight:600}.workspace-row small{display:block;font-size:8px;color:#7088b0;margin-top:5px}.workspace-footer{display:flex;justify-content:space-between;padding:14px 18px;border-top:1px solid #4567a120;font-size:6px;letter-spacing:1px;color:#6681aa}.chrome-object{position:absolute;width:151px;height:151px;right:-25px;bottom:1px;z-index:3;border-radius:35px;background:linear-gradient(135deg,#f6fbff 0%,#89a8dc 20%,#e9f5ff 37%,#6685c2 52%,#e2f2ff 73%,#6d8fcb 100%);transform:rotate(15deg);box-shadow:18px 25px 35px #00052966,inset 1px 2px 2px #fff}.chrome-core{position:absolute;inset:7px;background:linear-gradient(135deg,#2655ab,#082463 70%);border-radius:29px;box-shadow:inset 2px 2px 4px #ffffff70,inset -2px -3px 5px #000722;font-size:100px;font-weight:400;display:grid;place-items:center;color:#b4d3ff;text-shadow:0 2px 2px #fff8}.studio-label{position:absolute;bottom:-47px;left:15px;right:0;display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.5px;color:#8fa9d8}.concept-label{position:absolute;top:0;right:8px;font-size:6px;letter-spacing:1.3px;color:#708eca}.principles{background:#0b266e;border-top:1px solid #ffffff15;border-bottom:1px solid #ffffff15;color:#a7bce5;letter-spacing:.3px;padding-top:25px;padding-bottom:25px}.principles>span:nth-child(even){color:#4b73b5}.section{max-width:1500px;padding-top:105px;padding-bottom:105px}h2{font-weight:500;font-size:47px;letter-spacing:-1.9px}.eyebrow{color:#8faee9;font-size:9px;letter-spacing:2px}.section-heading{margin-bottom:50px}.app-grid{gap:30px}.app-card{border:1px solid #4f72b74d;background:#0a2469;border-radius:3px}.card-top{padding:24px 28px 4px;color:#9eb6e0}.app-visual{border-radius:0;margin:18px 0 0;height:330px!important;position:relative}.pdf-card .app-visual{background:radial-gradient(ellipse at 50% 50%,#2c5aae,#102f76 75%)}.recovery-card .app-visual{background:radial-gradient(ellipse at 50% 50%,#3659a5,#112a66 75%)}.product-index{position:absolute;left:27px;top:22px;font-size:7px;letter-spacing:2px;color:#8eafe6}.editorial-pdf{width:180px;height:235px;position:absolute;left:calc(50% - 90px);top:46px;transform:rotate(-9deg);background:linear-gradient(135deg,#f3f7ff,#b9d1f6);color:#214b97;padding:23px;box-shadow:17px 25px 30px #041a4a99,5px 4px 0 #99b3de;border:1px solid #d6e8ff}.editorial-pdf>span{font-size:8px;letter-spacing:2px;border:1px solid #7799d3;padding:4px}.editorial-pdf h4{font:500 31px/1.1 Manrope;margin:27px 0 15px;letter-spacing:-1px}.editorial-rule{height:1px;background:#86a4d3}.editorial-pdf p{font-size:6px;letter-spacing:1px}.editorial-page-number{font-size:7px;margin-top:21px}.technical-caption{position:absolute;bottom:20px;left:27px;right:27px;font-size:8px;color:#a8c4f1;display:flex;justify-content:space-between}.recovery-disc{position:absolute;left:calc(50% - 83px);top:57px;width:166px;height:166px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(from 30deg,#e9f8ff,#577ab7,#c3dfff,#eef9ff,#5479bb,#d0e9ff,#e9f8ff);box-shadow:12px 22px 35px #000b3f80,inset 0 0 0 2px #d7ebff;z-index:2;transform:rotate(-20deg)}.recovery-disc:before{content:'';position:absolute;inset:17px;border-radius:50%;background:linear-gradient(135deg,#123575,#4c76bb);box-shadow:inset 2px 2px 4px #00113770;border:1px solid #94b6e9}.recovery-disc>span{z-index:1;color:#c8e4ff;font:100 110px Arial;text-shadow:1px 3px 3px #ffffff50;line-height:1}.scan-ring{position:absolute;border:1px solid #618ac433;border-radius:50%;width:250px;height:250px;left:calc(50% - 125px);top:15px}.ring-b{width:320px;height:320px;left:calc(50% - 160px);top:-20px}.recovery-types{position:absolute;bottom:64px;left:0;right:0;display:flex;justify-content:center;gap:22px;font-size:8px;letter-spacing:1px;color:#9bb9e4}.card-copy{padding:30px}.card-copy h3{font-size:29px;font-weight:500}.card-copy h3>span{color:#719bdd}.card-copy p{font-size:13px;color:#a2b8df}.feature-tags>span{border-color:#6080b94d;color:#9db8e4}.store-link{background:#d8e6ff;color:#193f88;border-radius:3px}.store-link:hover{background:#fff}.details-link{color:#afcaff}.app-note{color:#7c99c9;line-height:1.8}.about{padding-top:30px;gap:80px}.about-art{height:420px;background:linear-gradient(160deg,#0e327b,#071a51);border:1px solid #456cac4d;border-radius:2px}.location-top{position:absolute;top:28px;left:28px;color:#87a8db;font-size:7px;letter-spacing:2px}.location-coordinates{position:absolute;top:77px;left:28px;font:400 55px/1.2 Manrope;color:#b8d4ff;letter-spacing:-3px;z-index:2}.location-bottom{position:absolute;bottom:26px;left:28px;right:28px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px;color:#8bade4}.hk-skyline{display:flex;gap:6px;align-items:flex-end;position:absolute;bottom:62px;left:20px;right:20px;height:170px;opacity:.65;border-bottom:1px solid #5b82c0}.hk-skyline i{flex:1;height:45%;background:linear-gradient(90deg,#24549c,#143975);border:1px solid #4975b5;background-image:repeating-linear-gradient(0deg,transparent 0 8px,#7098ce30 9px 10px)}.hk-skyline i:nth-child(2n){height:60%}.hk-skyline i:nth-child(3n){height:80%}.hk-skyline i:nth-child(5){height:100%;clip-path:polygon(20% 12%,50% 0,80% 12%,100% 100%,0 100%)}.hk-skyline i:nth-child(8){height:93%;clip-path:polygon(0 15%,75% 0,100% 100%,0 100%)}.about-copy h2{font-size:38px}.about-copy>p:not(.eyebrow){color:#9eb5db}.about-facts{border-top-color:#ffffff20}.about-facts strong{color:#d5e6ff}.about-facts span{color:#7d9ccc}.text-link{color:#b2cdff}.support{border-top-color:#ffffff20;background:linear-gradient(135deg,#0d2a70,#071c63)}.support>div>p:not(.eyebrow){color:#a1b8df}.support .support-tip{color:#7798cb!important}.faq details{border-color:#ffffff20}summary{color:#c5d7f6}summary>span{color:#648ac9}details p{color:#9ab3dc}.closing{background:#123a96;position:relative;overflow:hidden;padding:75px 20px 85px;border-top:1px solid #5685d84d}.closing:before{content:'';position:absolute;width:650px;height:650px;left:calc(50% - 325px);top:-150px;border:1px solid #9ec2ff20;border-radius:50%;box-shadow:0 0 0 80px #91b5ff08,0 0 0 160px #91b5ff05;pointer-events:none}.closing>span{color:#9dc6ff}.closing h2{font-size:52px;position:relative}.cream{background:#e1edff;color:#163d85;position:relative}.footer-top p,.footer-top>a:last-child{color:#93add9}.footer-bottom{border-top-color:#ffffff20;color:#7796c8}dialog{background:#0c286e;border:1px solid #5578b8;color:#e9f1ff}dialog p,dialog li{color:#adc4ea}.menu{border-color:#ffffff40;color:#d1e3ff}header.open nav{background:#0b286c;border-bottom-color:#466baa}.button{border-radius:3px}.footer-top .brandmark{color:#143680;background:#e2edff}
@media(max-width:1000px){.hero{padding-top:65px;gap:20px}.hero h1{font-size:68px}.hero-art{transform:scale(.85)}.glass-workspace{min-width:430px}.chrome-object{right:-40px}.about{gap:40px}.studio-label{font-size:6px}.section h2{font-size:37px}.about-copy h2{font-size:32px}}
@media(max-width:700px){header{height:80px}.hero{grid-template-columns:1fr;padding-top:43px;padding-bottom:65px;gap:32px}.hero h1{font-size:61px;letter-spacing:-3.8px}.hero .eyebrow{font-size:7px;letter-spacing:1.4px}.intro{font-size:13px}.hero-art{transform:none;min-height:375px;margin:0 -5px;display:flex;padding-top:5px}.glass-workspace{min-width:0;width:calc(100% - 25px);transform:rotateY(-9deg) rotateZ(-5deg);border-radius:9px}.workspace-main{padding:20px 18px}.workspace-main h2{font-size:28px}.workspace-body aside{width:44px;gap:18px}.workspace-row{padding:13px 0;gap:10px}.workspace-row strong{font-size:9px}.workspace-row small{font-size:7px}.workspace-tabs{gap:18px;font-size:8px}.workspace-bar{font-size:5px;padding:0 12px;height:33px}.workspace-footer{font-size:5px}.studio-orbit{width:360px;height:360px;top:20px}.chrome-object{width:105px;height:105px;right:0;bottom:5px;border-radius:25px}.chrome-core{inset:5px;border-radius:20px;font-size:69px}.studio-label{bottom:-22px;font-size:5px;left:10px}.concept-label{font-size:5px;top:-6px;right:15px}.principles{font-size:9px;padding:20px 5%}.section{padding:65px 6%}.section h2{font-size:33px}.section-heading{margin-bottom:30px}.app-card{border-radius:2px}.app-visual{height:295px!important}.editorial-pdf{top:35px;height:218px}.editorial-pdf h4{font-size:29px;margin-top:24px}.technical-caption{font-size:7px;left:23px;right:23px}.card-copy{padding:25px}.card-copy h3{font-size:26px}.about{padding-top:0;gap:30px}.about-art{height:350px}.location-coordinates{font-size:48px;top:65px}.hk-skyline{height:140px}.location-bottom{font-size:6px;left:23px;right:23px}.about-copy h2{font-size:31px}.support{gap:12px}.closing h2{font-size:37px}.closing{padding:55px 20px 65px}.footer-top .brandmark{background:#e2edff}.footer-bottom{font-size:8px}}
/* Official Google Play media */
.app-card .store-gallery{height:438px!important;background:linear-gradient(145deg,#113273,#091f5a);padding:22px 26px 18px;overflow:hidden}.gallery-heading,.gallery-caption{display:flex;align-items:center;justify-content:space-between;font-size:7px;letter-spacing:1.2px;color:#91afe0}.gallery-heading{margin-bottom:22px}.store-screenshots{display:flex;justify-content:center;gap:20px;height:337px}.screenshot-button{padding:0;background:none;border:0;display:block;height:100%;max-width:46%;border-radius:9px;box-shadow:7px 10px 24px #000d354d;transition:transform .2s;overflow:hidden}.screenshot-button:hover{transform:translateY(-5px)}.screenshot-button img{display:block;height:100%;width:auto;max-width:100%;object-fit:contain;border-radius:9px}.gallery-caption{margin-top:17px;font-size:8px;letter-spacing:0;color:#a0bae5}.gallery-caption>span{font-size:6px;letter-spacing:1px}.card-copy .app-title{display:flex;align-items:center;gap:14px;justify-content:flex-start;min-height:56px;margin-bottom:19px}.official-app-icon{width:56px;height:56px;object-fit:contain;border-radius:13px;flex-shrink:0;box-shadow:0 5px 12px #000b3333}.card-copy h3 .app-title-name{font:500 27px Manrope;color:#eef4ff;letter-spacing:-.8px}.app-title-arrow{margin-left:auto}.image-preview-dialog{max-width:800px;padding:44px 24px 22px}.image-preview-dialog h2{font-size:22px;margin:0 0 18px}.enlarged-preview{display:block;margin:auto;max-width:100%;width:auto;max-height:74vh;height:auto;border-radius:7px}.preview-source{font-size:10px!important;text-align:center;margin:15px 0 0!important}.dialog-app-heading{display:flex;align-items:center;gap:16px}.dialog-app-heading h2{margin:16px 0}.dialog-app-heading img{width:58px;height:58px;border-radius:13px}
@media(max-width:1000px){.store-screenshots{gap:13px}.card-copy h3 .app-title-name{font-size:23px}.app-card .store-gallery{padding-left:18px;padding-right:18px}}
@media(max-width:700px){.app-card .store-gallery{height:408px!important;padding:20px 18px 17px}.store-screenshots{height:310px;gap:14px}.gallery-caption{font-size:7px}.gallery-heading{font-size:6px;margin-bottom:20px}.card-copy h3 .app-title-name{font-size:24px}.official-app-icon{width:48px;height:48px}.card-copy .app-title{gap:12px}.image-preview-dialog{padding:42px 16px 18px}.image-preview-dialog h2{font-size:20px}}
@media(max-width:360px){.store-screenshots{height:270px;gap:10px}.app-card .store-gallery{height:367px!important}.card-copy h3 .app-title-name{font-size:21px}.gallery-caption>span{font-size:5px}}