@font-face{font-family:Vietnam;src:url('assets/be-vietnam.ttf');font-weight:400;font-display:swap}
:root{--ink:#173e32;--accent:#198769;--muted:#86978c;--line:#dfe8e2;--mint:#edf6f0;--motion:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:#fff;color:var(--ink);font-family:Vietnam,-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,select{font:inherit;color:inherit}button,a,summary,select{touch-action:manipulation}button,summary,select{cursor:pointer}button{border:0}img{max-width:100%;display:block}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.skip{position:fixed;top:-60px;left:20px;padding:12px;background:#fff;z-index:80}.skip:focus{top:10px}.wrap{width:min(1240px,100%);padding:0 40px;margin:auto}.section{padding-top:115px;padding-bottom:115px}.eyebrow{font-size:11px;letter-spacing:3px;font-weight:500;line-height:1.8;margin:0 0 25px}.accent{color:var(--accent)}.muted{color:var(--muted)}h1,h2,h3,p{margin-top:0}p{line-height:1.9}h2{font-size:clamp(38px,4.4vw,60px);line-height:1.3;font-weight:600;letter-spacing:-2px;margin-bottom:0}
header{height:80px;position:fixed;top:0;left:0;right:0;z-index:25;transition:background .4s,box-shadow .4s}.scrolled{background:#ffffffd9;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 1px 0 #193e3310}nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}.logo{display:flex;align-items:center;font-size:40px;line-height:1;font-weight:800;letter-spacing:-2.5px;gap:20px}.logo>span{font-size:12px;font-weight:400;letter-spacing:1px;border-left:1px solid #a9c2b2;padding-left:20px}.navigation{display:flex;gap:28px;font-size:14px}.navigation a{padding:12px 0;transition:color .3s}.navigation a:hover{color:var(--accent)}.controls{display:flex;align-items:center;gap:20px}select{background:none;border:0;padding:10px 0;font-size:12px;max-width:102px}.nav-cta{background:var(--ink);color:#fff;padding:12px 22px;border-radius:30px;font-size:12px;white-space:nowrap;transition:background .25s,transform .25s}.nav-cta:hover{background:var(--accent);transform:translateY(-2px)}
.hero{padding-top:80px;min-height:880px;min-height:min(950px,100svh);display:flex;flex-direction:column;position:relative;overflow:hidden;background:radial-gradient(ellipse at 74% 40%,#d4eadb,transparent 53%),#f0f7f2}.hero-body{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center;flex:1;min-height:720px}.hero-text{padding:65px 0;position:relative;z-index:2}.hero .eyebrow:before{content:'';display:inline-block;width:23px;height:2px;background:var(--accent);vertical-align:middle;margin-right:15px}.hero h1{font-size:clamp(68px,7.6vw,108px);line-height:1.13;letter-spacing:-5px;font-weight:600;margin-bottom:32px}.lead{font-size:17px;color:#6e8777;line-height:1.9;margin-bottom:34px}.actions{display:flex;gap:14px}.platform{display:flex;align-items:center;justify-content:center;gap:13px;min-width:173px;min-height:70px;padding:14px 23px;border-radius:15px;text-align:left;transition:transform .3s var(--motion),box-shadow .3s}.platform:hover{transform:translateY(-4px);box-shadow:0 13px 25px #173e321a}.platform:active{transform:scale(.97)}.ios{background:var(--ink);color:#fff}.android{border:1px solid #b9cfbf;background:#ffffff3b}.platform small{display:block;font-size:11px;font-weight:400;line-height:1.6;opacity:.7}.platform strong{font-size:18px;line-height:1.5;font-weight:500}.platform svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.5}.platform-symbol{font-size:20px}.release{font-size:11px;color:#8b9e8f;margin:20px 0 0;letter-spacing:.5px}.product-scene{height:600px;position:relative;perspective:1200px}.orbit{position:absolute;width:570px;height:570px;border:1px solid #669c8026;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit:after{content:'';inset:50px;border:1px solid #669c8033;position:absolute;border-radius:50%}.giant-logo{position:absolute;font-size:275px;letter-spacing:-20px;font-weight:800;color:#ffffff6b;top:70px;left:-10px;transform:rotate(-9deg);user-select:none}.device{padding:7px;border:2px solid #8a9a8e;border-radius:43px;background:linear-gradient(145deg,#bbc8bb,#f5f8f2,#788c7e);box-shadow:0 32px 60px -20px #123d3440,0 4px 5px #183b3021;position:relative;overflow:hidden;--rx:0deg;--ry:0deg}.device>img{width:100%;border-radius:33px;object-fit:cover}.product-scene>.device{width:270px;position:absolute;top:32px;left:50%;transform:translateX(-50%) rotate(-7deg) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .7s var(--motion)}.camera{position:absolute;top:17px;left:50%;transform:translateX(-50%);width:73px;height:19px;border-radius:15px;background:#153226}.note{position:absolute;z-index:3;background:#ffffffe3;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid #fff;border-radius:17px;box-shadow:0 13px 45px #25573812;display:flex;align-items:center;gap:14px;padding:14px 20px;font-size:14px;animation:drift 7s ease-in-out infinite}.note-one{left:-5px;top:132px}.note-two{right:-5px;bottom:103px;animation-delay:-3s}.note-icon{color:var(--accent);font-size:26px;background:#e4f1e8;border-radius:12px;width:40px;height:40px;text-align:center;line-height:40px}.note-two .note-icon{color:#a17b67;background:#f2e9e0}.scene-caption{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:3px;color:#7d9f8a;white-space:nowrap}.hero-foot{width:min(1240px,100%);display:flex;justify-content:space-between;align-items:center;padding-top:22px;padding-bottom:25px;border-top:1px solid #a7c0ae35;color:#7c9986;letter-spacing:2px;font-size:10px}
.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:65px}.section-top>p{flex-shrink:0;color:var(--muted);font-size:16px;margin-bottom:7px;max-width:360px}.feature-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.feature{display:flex;align-items:flex-start;text-align:left;width:100%;gap:20px;padding:35px 0;border-bottom:1px solid var(--line);background:none;min-height:125px}.feature:first-child{border-top:1px solid var(--line)}.feature>small{font-size:11px;color:var(--muted);padding-top:8px}.feature>span{flex:1}.feature strong{display:block;font-size:23px;font-weight:500;line-height:1.6;color:#8b9b8f;transition:color .3s}.feature-detail{display:block;max-height:0;opacity:0;overflow:hidden;font-size:16px;color:#829287;line-height:1.9;transition:max-height .5s var(--motion),opacity .4s,padding .4s}.feature>b{width:28px;height:28px;flex-shrink:0;border:1px solid var(--line);border-radius:50%;font-size:18px;font-weight:400;line-height:25px;text-align:center;margin-top:5px;transition:transform .4s,background .4s}.selected strong{color:var(--ink)}.selected .feature-detail{max-height:180px;opacity:1;padding-top:15px}.selected>b{transform:rotate(45deg);color:white;background:var(--ink);border-color:var(--ink)}.feature-display{height:585px;background:#edf3ed;border-radius:25px;position:relative;overflow:hidden;transition:background .6s}.feature-display>span:first-child{position:absolute;left:30px;top:33px;font-size:10px;letter-spacing:2px;color:#809683}.secondary-device{width:260px;position:absolute;left:50%;top:100px;transform:translateX(-50%) rotate(6deg);z-index:1;transition:transform .6s var(--motion)}.secondary-device img{height:506px}.display-logo{position:absolute;bottom:-26px;left:24px;font-size:185px;font-weight:800;color:#dce7db;letter-spacing:-14px}
.everyday{background:#f8faf8}.editorials{display:grid;grid-template-columns:1fr 1fr;gap:25px}.editorial{position:relative;height:520px;overflow:hidden;border-radius:22px;background:#e4e8e0;color:#fff}.editorial:after{content:'';position:absolute;inset:0;background:linear-gradient(to top,#12301fd4,transparent 65%)}.editorial>img{height:100%;width:100%;object-fit:cover;transition:transform 1.2s var(--motion)}.editorial:hover>img{transform:scale(1.05)}.editorial>div{position:absolute;left:34px;right:30px;bottom:33px;z-index:1}.editorial small{font-size:10px;letter-spacing:2px;color:#ffffff99}.editorial h3{font-size:26px;line-height:1.4;font-weight:500;margin:16px 0 10px}.editorial p{font-size:14px;color:#ffffffba;margin:0}.caption{text-align:right;font-size:12px;color:#9aa59b;margin:17px 0 0}.download{text-align:center;background:radial-gradient(ellipse at center,#dbefdf,transparent 63%),#f1f7f1}.app-mark{width:82px;height:82px;border-radius:23px;background:linear-gradient(145deg,#399c76,#166b50);color:#fff;display:grid;place-items:center;font-size:35px;letter-spacing:-2px;font-weight:800;margin:0 auto 28px;box-shadow:0 7px 22px #1c604b1a}.download .eyebrow{font-size:10px;letter-spacing:3px;color:#7b9983}.download h2{font-size:clamp(42px,5vw,68px);margin-bottom:20px}.download .actions{justify-content:center}.download .wrap>p:not(.eyebrow){color:#869887;font-size:16px;margin-bottom:27px}.download .wrap>.release{font-size:12px!important;margin-bottom:0!important}.faq{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px}.faq h2{font-size:38px;letter-spacing:-1px}details{border-bottom:1px solid var(--line)}details:first-child{border-top:1px solid var(--line)}summary{list-style:none;position:relative;padding:27px 25px 27px 0;font-size:16px;line-height:1.6}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:2px;top:25px;font-size:23px;font-weight:400;transition:transform .3s}details[open] summary:after{transform:rotate(45deg)}details>p{font-size:15px;line-height:1.9;color:#859487;margin:0 20px 26px 0}footer{background:#f8faf8;padding:40px 0 28px}.footer-row{display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line);padding-bottom:30px}.footer-row>span{font-size:12px;color:#84998a}.footer-row>a:last-child{margin-left:auto;font-size:13px}.legal{display:flex;justify-content:space-between;gap:20px;color:#92a193;font-size:11px;padding-top:25px}
dialog{width:min(440px,calc(100% - 32px));background:#fff;border:0;border-radius:27px;color:var(--ink);padding:42px 30px 30px;text-align:center;box-shadow:0 35px 90px #14362b3d}dialog::backdrop{background:#143a2d55;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}dialog[open]{animation:appear .35s var(--motion)}dialog h2{font-size:28px;letter-spacing:-.5px;line-height:1.5;margin-bottom:15px}dialog p{font-size:15px;color:#839786}.close{position:absolute;top:15px;right:15px;width:34px;height:34px;border-radius:50%;background:#eff4ef;font-size:22px;line-height:1}.dismiss{width:100%;padding:16px;border-radius:13px;color:#fff;background:var(--ink);font-size:15px}.enter{transition:opacity .8s var(--motion),transform .8s var(--motion)}.animate .enter:not(.entered){opacity:0;transform:translateY(25px)}
html:lang(en) .hero h1{font-size:clamp(62px,6.5vw,90px)}html:lang(vi) .hero h1{font-size:clamp(54px,5.9vw,81px);letter-spacing:-3px}html:lang(en) .section-top h2,html:lang(vi) .section-top h2{font-size:clamp(36px,3.7vw,52px)}html:lang(en) .feature strong,html:lang(vi) .feature strong{font-size:21px}
@keyframes drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes appear{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:1100px){.logo>span{display:none}.navigation{gap:22px}.hero-body{min-height:690px}.hero h1{font-size:80px}.product-scene{height:550px}.product-scene>.device{width:248px;top:25px}.orbit{width:500px;height:500px}.note{font-size:12px;padding:12px 15px}.note-one{left:-12px;top:110px}.note-two{right:-12px;bottom:92px}.giant-logo{font-size:240px}.feature-layout{gap:45px}.feature strong{font-size:21px}.editorial{height:450px}.section-top{gap:35px}.section-top>p{max-width:270px}.lead{font-size:16px}}
@media(max-width:800px){.wrap{padding-left:24px;padding-right:24px}header{height:68px}.logo{font-size:34px}.navigation{display:none}.controls{gap:15px}.nav-cta{padding:11px 17px}.hero{padding-top:68px;min-height:auto}.hero-body{grid-template-columns:1fr;gap:0;min-height:0}.hero-text{padding:55px 0 20px;text-align:center}.hero h1{font-size:clamp(64px,11vw,85px);line-height:1.16;letter-spacing:-4px;margin-bottom:26px}.hero .eyebrow{font-size:10px}.lead{font-size:16px;margin-bottom:27px}.actions{justify-content:center}.platform{min-width:160px;min-height:67px;padding:12px 17px}.platform strong{font-size:17px}.release{font-size:10px}.product-scene{height:545px;width:min(500px,100%);margin:auto}.product-scene>.device{width:245px;top:40px}.note-one{left:4px;top:127px}.note-two{right:0;bottom:78px}.orbit{width:480px;height:480px}.hero-foot{padding-top:23px;padding-bottom:23px}.desktop-only{display:none}.section{padding-top:75px;padding-bottom:75px}.section-top{display:block;margin-bottom:42px}h2{font-size:41px;letter-spacing:-1px}.section-top>p{max-width:100%;margin-top:23px;margin-bottom:0;font-size:15px}.feature-layout{grid-template-columns:1fr;gap:35px}.feature{padding:26px 0;min-height:92px}.feature-detail{font-size:15px}.feature-display{height:530px}.secondary-device{width:245px;top:90px}.secondary-device img{height:470px}.editorials{gap:17px}.editorial{height:365px}.editorial>div{left:23px;right:20px;bottom:25px}.editorial h3{font-size:21px}.editorial p{font-size:13px}.download h2{font-size:47px}.faq{display:block}.faq>div:first-child{margin-bottom:40px}.faq h2{font-size:36px}.footer-row{gap:22px}html:lang(en) .hero h1{font-size:clamp(62px,10vw,82px)}html:lang(vi) .hero h1{font-size:clamp(50px,8vw,68px)}}
@media(max-width:480px){.wrap{padding-left:22px;padding-right:22px}.controls{gap:10px}select{font-size:11px;max-width:85px}.hero-text{padding-top:47px}.hero h1{font-size:64px}.hero .eyebrow{font-size:9px}.lead{font-size:15px}.platform{min-width:151px;gap:9px;min-height:65px;padding:12px 15px}.platform small{font-size:10px}.platform strong{font-size:16px}.product-scene{height:480px}.product-scene>.device{width:217px;border-radius:37px;padding:6px;top:28px}.product-scene>.device>img{border-radius:28px}.camera{width:67px;height:18px;top:15px}.orbit{width:380px;height:380px}.giant-logo{font-size:215px;left:-15px;top:63px}.note{font-size:11px;padding:10px 12px;gap:10px;border-radius:14px}.note-icon{width:32px;height:32px;line-height:32px;font-size:23px;border-radius:9px}.note-one{left:-7px;top:103px}.note-two{right:-8px;bottom:82px}.scene-caption{bottom:17px;font-size:8px}.hero-foot{font-size:9px;letter-spacing:1px}.section{padding-top:62px;padding-bottom:62px}h2{font-size:35px;line-height:1.4}.feature{gap:14px}.feature strong{font-size:19px}.feature-detail{font-size:14px}.feature>b{width:25px;height:25px;line-height:22px}.editorials{grid-template-columns:1fr;gap:18px}.editorial{height:410px}.editorial h3{font-size:24px}.editorial p{font-size:14px}.download h2{font-size:40px}.download .wrap>p:not(.eyebrow){font-size:15px}.app-mark{width:74px;height:74px;font-size:31px;border-radius:21px}.faq h2{font-size:34px}summary{font-size:15px}details>p{font-size:14px}.footer-row{gap:18px}.footer-row>span{font-size:10px}.footer-row>a:last-child{font-size:12px}.legal{font-size:10px}html:lang(vi) .hero h1{font-size:49px;letter-spacing:-2.5px}html:lang(vi) .feature strong,html:lang(en) .feature strong{font-size:19px}html:lang(vi) .editorial h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.animate .enter:not(.entered){opacity:1;transform:none}}