@font-face{font-family:"Be Vietnam Pro";src:url("assets/be-vietnam-pro-400.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:"Be Vietnam Pro";src:url("assets/be-vietnam-pro-500.ttf") format("truetype");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:"Be Vietnam Pro";src:url("assets/be-vietnam-pro-800.ttf") format("truetype");font-style:normal;font-weight:800;font-display:swap}:root{--bg:#18191b;--surface:#222427;--ink:#eff0f1;--muted:#babcc1;--accent:#ff4a1f;--paper:#eff0f1;--paper-ink:#18191b;--gutter:clamp(20px,2.3vw,36px);--body:18px;--small:14px;--lead:28px;--head:clamp(42px,6.5vw,94px);--display:clamp(70px,10.8vw,164px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font:400 var(--body)/1.5 'Be Vietnam Pro',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a,button{transition:transform .2s,opacity .2s}a:hover,button:hover{opacity:.78}a:active,button:active{transform:translateY(2px)}:focus-visible{outline:3px solid currentColor;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:800;letter-spacing:-.045em;text-wrap:balance}p{text-wrap:pretty}h2{font-size:var(--head);line-height:1.03}h3{font-size:var(--lead);line-height:1.15}img{display:block;max-width:100%;object-fit:cover}header{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:22px var(--gutter);background:var(--bg)}.brand{font-size:var(--lead);font-weight:800;letter-spacing:-.05em;display:flex;align-items:center;gap:8px}.brand span{font-size:var(--body);font-weight:400;letter-spacing:0}nav{display:flex;gap:34px}.nav-action{font-weight:500}.skip{position:absolute;top:-100px;left:20px;z-index:9;background:var(--ink);color:var(--bg);padding:12px}.skip:focus{top:10px}.hero{background:var(--accent);color:var(--bg);position:relative;display:grid;grid-template-columns:1.15fr 1fr;overflow:hidden}.hero-copy{padding:65px 0 48px var(--gutter);position:relative;z-index:1}h1{font-size:var(--display);line-height:.98;letter-spacing:-.055em}.hero-copy>p{margin-top:30px;max-width:430px}.button{display:inline-flex;align-items:center;justify-content:center;padding:17px 26px;background:var(--accent);color:var(--bg);font-weight:800;min-height:56px}.button.dark{background:var(--bg);color:var(--ink)}.hero-copy .button{margin-top:28px}.note{font-size:var(--small);line-height:1.5}.hero-copy>.note{max-width:340px;margin-top:16px}.fox-art{align-self:stretch;padding:35px 45px 0 0;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.fox-art>img{width:94%;height:490px;object-fit:contain;transform:rotate(7deg)}.art-word{font-size:var(--body);margin:12px 0 35px;transform:rotate(-4deg);font-weight:800}.hero-bottom{grid-column:1/-1;background:var(--paper);color:var(--bg);display:flex;justify-content:space-between;gap:20px;padding:22px var(--gutter);font-weight:500}.showcase{padding:132px var(--gutter) 0}.section-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:55px}.section-intro>p{max-width:385px}.match-stage{display:grid;grid-template-columns:1fr 1fr;min-height:570px}.photo-panel{position:relative;overflow:hidden;min-height:570px}.photo-panel>img{height:100%;width:100%;position:absolute;filter:grayscale(1) brightness(.65);animation:drift 18s ease-in-out infinite alternate}.photo-caption{position:absolute;bottom:32px;left:32px;font-size:var(--lead);font-weight:800;line-height:1.2}.demo{background:var(--paper);color:var(--paper-ink);padding:34px;display:flex;flex-direction:column;justify-content:center}.demo-top{display:flex;justify-content:space-between;gap:15px;font-weight:800}.demo-meta{font-size:var(--small);margin:20px 0 14px}.demo-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:26px 0}.demo-tabs button{border:0;padding:12px 17px;min-height:48px;background:#dadddf;color:var(--bg);cursor:pointer}.demo-tabs button[aria-pressed=true]{background:var(--bg);color:var(--ink)}#demo-content{min-height:225px}.probabilities{display:flex;justify-content:space-between;gap:15px;margin:24px 0}.probabilities>div{display:flex;flex-direction:column}.probabilities strong{font-size:clamp(30px,3.4vw,50px);letter-spacing:-.06em;line-height:1.2}.probabilities strong span{font-size:var(--body)}.demo-foot{font-size:var(--small);margin-top:22px}.features{padding:145px var(--gutter) 130px}.feature-title{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:60px}.feature-title p{max-width:410px}.editorial-board{display:grid;grid-template-columns:1fr 1fr;gap:42px 24px;align-items:start}.feature{display:flex;flex-direction:column;gap:25px}.feature-wide{grid-column:1/-1;display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:55px}.feature>img{width:100%;aspect-ratio:1.65;filter:grayscale(1)}.feature h3{margin-bottom:15px}.feature p{max-width:46ch}.feature-wide h3{font-size:clamp(32px,4vw,58px)}.feature-note{max-width:78ch;font-size:var(--small);margin-top:45px;color:var(--muted)}.plans{display:grid;grid-template-columns:1fr 1.15fr}.plan{padding:70px var(--gutter);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.plan h2{font-size:clamp(36px,4vw,58px)}.free{background:var(--paper);color:var(--paper-ink)}.plus{background:var(--accent);color:var(--bg)}.plan-price{font-size:clamp(42px,6vw,86px);font-weight:800;letter-spacing:-.05em;margin:30px 0 5px}.plan ul{list-style:none;padding:0;margin:35px 0;display:grid;gap:13px}.plan li:before{content:'+';display:inline-block;width:24px;font-weight:800}.plan .note{margin-top:22px;max-width:45ch}.text-action{padding:16px 0;font-weight:800;margin-top:auto}.free .button{margin-top:auto}.faq{padding:140px var(--gutter);display:grid;grid-template-columns:1fr 1.15fr;gap:50px}.faq-list{display:grid;gap:10px}.faq details{background:var(--surface);padding:25px}.faq details[open]{background:var(--paper);color:var(--paper-ink)}summary{cursor:pointer;font-weight:500;min-height:30px;list-style:none;padding-right:25px;position:relative}summary::after{content:'+';position:absolute;right:0;top:0}details[open] summary::after{content:'−'}details p{margin-top:20px;max-width:55ch}footer{background:var(--surface);padding:55px var(--gutter) 25px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:35px}.footer-top p{font-size:var(--lead);line-height:1.2}.footer-mark{font-size:clamp(55px,15.6vw,250px);line-height:1.05;letter-spacing:-.065em;font-weight:800;display:flex;justify-content:space-between;margin:65px 0 35px}.footer-mark span{color:var(--accent);font-weight:400}.footer-bottom{display:flex;justify-content:space-between;gap:25px;font-size:var(--small)}::selection{background:var(--accent);color:var(--bg)}@keyframes drift{from{transform:scale(1.02)}to{transform:scale(1.12)}}@keyframes enter{from{opacity:.3;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.arriving{animation:enter .65s both;animation-delay:var(--delay,0ms)}.hero h1{animation:enter .7s both}.hero-copy>p,.hero-copy .button{animation:enter .7s .12s both}.fox-art{animation:enter .9s .18s both}@media(min-width:1600px){.hero-copy{padding-top:95px;padding-bottom:75px}.fox-art>img{height:570px}}@media(max-width:900px){nav{gap:18px}.brand{font-size:24px}.brand span{display:none}.nav-action{font-size:16px}.hero-copy{padding-top:65px}.fox-art{padding:20px 10px}.fox-art>img{height:360px}.hero-copy>p{max-width:340px}.hero-bottom>span:last-child{display:none}.demo{padding:25px}.match-stage{grid-template-columns:.8fr 1fr}.feature-wide{gap:30px}.faq{gap:30px}.footer-bottom{flex-wrap:wrap}}@media(max-width:600px){:root{--body:16px;--lead:24px;--display:clamp(64px,17vw,100px)}header{padding:18px 20px;gap:10px}.brand{font-size:24px}.brand img{width:28px;height:28px}nav{display:none}.nav-action{font-size:14px}.hero{grid-template-columns:1fr}.hero-copy{padding:40px 20px 0}.hero-copy>p{margin-top:24px}.hero-copy .button{margin-top:22px}.hero-copy>.note{font-size:14px;max-width:310px}.fox-art{padding:20px 0 0;max-width:300px;margin-left:auto;align-self:end}.fox-art>img{height:260px}.art-word{margin:0 0 25px;font-size:16px}.hero-bottom{font-size:14px;padding:18px 20px;gap:15px;align-items:center}.hero-bottom>span{max-width:90px}.hero-bottom a{max-width:170px;text-align:right}.showcase{padding-top:85px}.section-intro{display:block;margin-bottom:30px}.section-intro>p{margin-top:25px;max-width:32ch}.match-stage{grid-template-columns:1fr}.photo-panel{min-height:260px}.photo-caption{left:22px;bottom:22px}.demo{padding:25px 20px}.demo h3{font-size:24px}.demo-top{font-size:16px}.probabilities strong{font-size:38px}.demo-tabs button{padding:12px 14px;font-size:16px}.features{padding-top:85px;padding-bottom:80px}.feature-title{display:block;margin-bottom:35px}.feature-title p{margin-top:24px}.editorial-board{grid-template-columns:1fr;gap:35px}.feature-wide{grid-column:auto;display:flex;gap:24px}.feature-wide h3{font-size:24px}.feature>img{aspect-ratio:1.4}.feature-note{margin-top:30px}.plans{grid-template-columns:1fr}.plan{padding:45px 20px}.plan h2{font-size:36px}.plan-price{margin-top:22px;font-size:54px}.plan ul{margin:25px 0}.faq{padding:85px 20px;grid-template-columns:1fr;gap:35px}.faq details{padding:22px 18px}.footer-top{align-items:flex-start;flex-direction:column}.footer-mark{font-size:15vw;margin:45px 0 30px}.footer-bottom{gap:15px}.footer-bottom>span:nth-child(2){width:100%}footer{padding-top:40px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* Final craft pass: stronger text and a distinct image entrance. */
body{font-weight:500}.feature-note{color:var(--ink)}.feature.arriving{animation-name:picture-enter}.photo-panel.arriving{animation-name:picture-enter}@keyframes picture-enter{from{opacity:.4;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@media(max-width:600px){header{flex-wrap:wrap}header nav{display:flex;order:3;width:100%;gap:25px;font-size:14px;padding-top:5px}.nav-action{margin-left:auto}}

/* Be Vietnam Pro: room for Vietnamese diacritics and a wider letterform. */
h1{font-size:clamp(64px,9.4vw,144px);line-height:1.12;letter-spacing:-.055em}h2{line-height:1.12}.brand{font-size:24px}.footer-mark{font-size:clamp(50px,14vw,220px)}@media(max-width:900px){.brand{font-size:22px}}@media(max-width:600px){h1{font-size:clamp(52px,14.6vw,78px)}.brand{font-size:21px}.plan h2{font-size:32px}.footer-mark{font-size:14vw}}
@media(min-width:601px) and (max-width:900px){.photo-caption{left:24px;right:20px;font-size:24px}}
@media(max-width:600px){header nav{gap:12px;flex-wrap:wrap}}
.match-motion{margin:0;min-width:0;align-self:center;color:var(--bg)}.match-motion figcaption{display:flex;justify-content:space-between;align-items:center;gap:20px;font-weight:800}.match-motion figcaption small{display:block;font-weight:400;margin-top:5px}.motion-toggle{border:0;background:transparent;color:inherit;font:inherit;font-size:14px;padding:12px 0;cursor:pointer;min-height:44px;white-space:nowrap}.match-motion[data-paused=true] *{animation-play-state:paused!important}
/* A short, illustrative phone interaction: choose → read → follow. */
.phone-motion{padding:24px 32px 20px 0;display:flex;flex-direction:column;align-items:center}.demo-phone{width:300px;background:var(--bg);color:var(--ink);border:7px solid var(--bg);border-radius:38px;transform:rotate(6deg);box-shadow:16px 20px 0 #18191b24;overflow:hidden;position:relative;font-size:13px;line-height:1.5}.phone-status{display:flex;justify-content:space-between;padding:9px 18px 10px;font-size:11px;font-weight:800;background:var(--surface)}.phone-chat-head{display:flex;gap:10px;align-items:center;padding:8px 14px 13px;background:var(--surface)}.phone-chat-head img{border-radius:50%}.phone-chat-head strong{font-size:15px}.phone-chat-head small{display:block;font-size:11px;color:var(--muted)}.phone-screen{height:330px;position:relative;padding:16px 12px;background:#121416;overflow:hidden}.phone-step{position:absolute;inset:16px 12px}.phone-message{font-size:13px;line-height:1.6;margin-bottom:13px}.phone-match{background:var(--surface);padding:14px;margin-bottom:9px;display:grid;gap:9px;border-radius:3px}.phone-match>span{font-size:11px;color:var(--muted)}.phone-match>strong{font-size:15px}.phone-match>span:last-child{color:var(--accent);font-size:12px}.secondary-match{opacity:.65}.phone-step-detail{opacity:0;transform:translateY(14px)}.phone-forecast{padding:14px 12px;background:var(--paper);color:var(--bg);border-radius:3px}.phone-forecast>span{font-size:11px}.phone-forecast>div:not(.phone-prob-bar){display:flex;justify-content:space-between;gap:10px}.phone-forecast strong{font-size:25px;letter-spacing:-.06em;margin-top:9px}.phone-forecast strong small{font-size:11px}.phone-prob-labels{font-size:10px;margin-top:2px}.phone-prob-bar{display:flex;gap:3px;height:5px;margin:12px 0}.phone-prob-bar i{background:var(--accent);width:48.2%}.phone-prob-bar i:nth-child(2){width:26.1%;background:#999}.phone-prob-bar i:nth-child(3){width:25.7%;background:var(--bg)}.phone-forecast p{font-size:10px;line-height:1.5}.phone-watch{position:relative;background:var(--accent);color:var(--bg);height:39px;margin-top:9px;font-size:12px;font-weight:800;display:grid;place-items:center;border-radius:3px}.phone-watch>span{position:absolute}.watch-after{opacity:0}.phone-confirmation{font-size:11px;margin-top:10px;opacity:0;transform:translateY(6px)}.phone-input{display:flex;justify-content:space-between;align-items:center;padding:11px 13px;background:var(--surface);font-size:12px;color:var(--muted)}.phone-input>span:first-child{color:var(--accent)}.phone-input>span:last-child{font-size:18px}.phone-home{width:90px;height:4px;background:var(--ink);border-radius:4px;margin:11px auto 7px}.phone-touch{position:absolute;left:218px;top:103px;width:32px;height:32px;border:2px solid var(--paper);border-radius:50%;background:#eff0f133;opacity:0;pointer-events:none}.phone-motion figcaption{width:min(100%,430px);padding-top:22px}.phone-motion figcaption>span{font-size:16px}.phone-motion figcaption small{font-size:12px}@keyframes phone-list{0%,23%{opacity:1;transform:translateY(0)}28%,93%{opacity:0;transform:translateY(-12px)}98%,100%{opacity:1;transform:translateY(0)}}@keyframes phone-detail{0%,24%{opacity:0;transform:translateY(14px)}30%,91%{opacity:1;transform:translateY(0)}96%,100%{opacity:0;transform:translateY(14px)}}@keyframes phone-touch{0%,12%{opacity:0;transform:translate(0,0) scale(1.3)}17%,21%{opacity:1;transform:translate(0,0) scale(.85)}26%,51%{opacity:0;transform:translate(-90px,135px) scale(1.3)}56%,60%{opacity:1;transform:translate(-90px,135px) scale(.85)}65%,100%{opacity:0;transform:translate(-90px,135px) scale(1.3)}}@keyframes watch-before{0%,61%{opacity:1}65%,92%{opacity:0}97%,100%{opacity:1}}@keyframes watch-after{0%,61%{opacity:0}65%,91%{opacity:1}96%,100%{opacity:0}}@keyframes phone-confirm{0%,63%{opacity:0;transform:translateY(6px)}68%,89%{opacity:1;transform:translateY(0)}94%,100%{opacity:0;transform:translateY(6px)}}@media(prefers-reduced-motion:no-preference){.phone-step-list{animation:phone-list 12s ease infinite}.phone-step-detail{animation:phone-detail 12s ease infinite}.phone-touch{animation:phone-touch 12s ease infinite}.watch-before{animation:watch-before 12s ease infinite}.watch-after{animation:watch-after 12s ease infinite}.phone-confirmation{animation:phone-confirm 12s ease infinite}}@media(max-width:900px){.phone-motion{padding-right:18px}.demo-phone{width:280px}.phone-motion figcaption{flex-direction:column;align-items:center;gap:0;text-align:center}}@media(max-width:600px){.phone-motion{padding:35px 20px 24px;max-width:440px;width:100%}.demo-phone{width:280px;transform:rotate(4deg)}.phone-motion figcaption{flex-direction:row;text-align:left;align-items:center;margin-top:4px}.phone-motion figcaption>span{font-size:15px}}@media(prefers-reduced-motion:reduce){.phone-step-list{opacity:0}.phone-step-detail{opacity:1;transform:none}.watch-before{opacity:0}.watch-after,.phone-confirmation{opacity:1;transform:none}}