@import url("https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Noto+Sans+Thai:wght@400;500;600;700&display=swap");:root{--ink:#172750;--yellow:#ffbc27;--soft-yellow:#fff7d9;--purple:#8171cd;--soft-purple:#eeeaff;--peach:#fff5ee;--line:rgba(23,39,80,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fffdf9;color:var(--ink);font-family:Noto Sans Thai,DM Sans,sans-serif}a{color:inherit;text-decoration:none}.shell{width:min(1160px,calc(100% - 48px));margin-inline:auto}.nav{height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font:700 29px/1 DM Sans,sans-serif;letter-spacing:-1.8px;color:#12264f}.brand>span:first-child{font-size:22px;vertical-align:2px;margin:0 1px}.brand .dot{font-size:14px;letter-spacing:-.6px;margin-left:2px}.nav-links{display:flex;gap:34px;font-size:14px;font-weight:600}.nav-links a:hover,.text-button:hover{color:#d88318}.nav-cta{font-size:14px;font-weight:700;border:1.5px solid var(--ink);border-radius:999px;padding:10px 19px;transition:.2s}.nav-cta:hover{background:var(--ink);color:#fff}.hero{min-height:640px;display:grid;grid-template-columns:1fr 1.06fr;grid-gap:24px;gap:24px;padding:40px 0 70px}.eyebrow,.hero{align-items:center}.eyebrow{display:inline-flex;gap:9px;color:#6c78a1;font:700 11px/1 DM Sans,sans-serif;letter-spacing:1.5px}.eyebrow>span{color:#f3a908;font-size:17px}.eyebrow b{color:#e8991c}.chat-copy h2,.hero h1,.section-heading h2,.start-section h2{font-size:clamp(47px,5.1vw,75px);letter-spacing:-3.6px;line-height:1.1;margin:18px 0;color:#142650}.chat-copy h2 em,.hero h1 em,.section-heading h2 em{font-style:normal;color:#ea9d1d}.hero-copy>p{font-size:16px;line-height:1.9;color:#5c698e;margin:0}.hero-actions{display:flex;align-items:center;gap:25px;margin:30px 0}.primary-button{background:#172750;color:white;border-radius:999px;padding:15px 20px 15px 24px;font-size:14px;font-weight:700;display:inline-flex;align-items:center;gap:24px;box-shadow:0 9px 18px rgba(23,39,80,.14);transition:.2s}.primary-button:hover{background:#efaa26;transform:translateY(-2px)}.primary-button span{font-size:20px;line-height:13px}.text-button{font-size:14px;font-weight:700}.text-button span{font-size:18px;margin-left:5px}.mini-trust{align-items:center;gap:11px;color:#7380a1;font-size:12px}.avatars,.mini-trust{display:flex}.avatars i{width:25px;height:25px;display:grid;place-items:center;border:2px solid #fffdf9;border-radius:50%;background:#ffd648;font-size:11px;font-style:normal;font-weight:700;margin-right:-6px}.avatars i:nth-child(2){background:#8b7bce;color:white}.avatars i:nth-child(3){background:#ff967c;color:white}.hero-art{min-height:500px;position:relative;display:grid;place-items:center}.hero-art:before{content:"";position:absolute;width:94%;aspect-ratio:1;border-radius:49% 51% 39% 61%/41% 45% 55% 59%;background:linear-gradient(140deg,#fff2be,#fff9e9 58%,#eee9ff);transform:rotate(-7deg);z-index:-2}.hero-art:after{content:"";position:absolute;bottom:43px;width:75%;height:27px;background:rgba(109,87,41,.11);filter:blur(15px);border-radius:50%;z-index:-1}.hero-art img{object-fit:contain;width:118%;height:auto;transform:scale(1.04);margin-top:34px}.sun{right:10%;top:8%;color:#f9b517;font-size:28px}.speech,.sun{position:absolute}.speech{background:rgba(255,255,255,.88);border:1px solid rgba(23,39,80,.08);box-shadow:0 8px 25px rgba(54,55,92,.08);padding:12px 17px;border-radius:21px;font:700 22px/1.1 DM Sans,sans-serif;text-align:center;z-index:2}.speech small{display:block;color:#637093;font:500 10px DM Sans,sans-serif;margin-top:4px}.speech:after{content:"";position:absolute;width:12px;height:12px;background:#fff;bottom:-5px;transform:rotate(45deg)}.speech.one{left:0;top:20%;color:#e6712b}.speech.one:after{right:24px}.speech.two{right:0;top:29%;color:#7161ba}.speech.two:after{left:24px}.arch{position:absolute;border:1px dashed rgba(40,54,94,.19);border-left:0;border-bottom:0;border-radius:0 100% 0 0;width:86px;height:40px}.arch-one{left:17%;bottom:20%}.arch-two{right:15%;bottom:19%;transform:scaleX(-1)}.floating-tag{position:absolute;bottom:5%;background:#fff;border-radius:12px;padding:9px 12px;font:700 12px/1.3 DM Sans,sans-serif;box-shadow:0 6px 16px rgba(29,42,77,.09);z-index:2}.floating-tag b{font:500 10px Noto Sans Thai,sans-serif;color:#7a85a3}.tag-left{left:4%;color:#dd7b27}.tag-right{right:3%;color:#7766c2}.intro-band{background:#172750;color:white;min-height:76px;display:flex;justify-content:center;align-items:center;gap:24px;font-size:14px}.intro-band p{margin:0}.intro-band span{color:#ffc23c}.friends-section{padding:110px 0 120px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:48px}.chat-copy h2,.section-heading h2{font-size:47px;margin:14px 0 0}.section-heading>p{font-size:14px;line-height:1.8;color:#677498;margin:0 4% 6px 0}.friend-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px}.friend-card{position:relative;overflow:hidden;text-align:left;min-height:318px;padding:32px;border:1px solid transparent;border-radius:27px;color:var(--ink);cursor:pointer;transition:transform .2s,box-shadow .2s}.friend-card.selected,.friend-card:hover{transform:translateY(-5px);box-shadow:0 16px 30px rgba(27,42,77,.1)}.friend-card.yellow{background:#fff7dc}.friend-card.purple{background:#f0edff}.friend-card:after{content:"";position:absolute;width:190px;height:190px;border:1px solid rgba(23,39,80,.07);border-radius:50%;right:-50px;bottom:-80px}.card-number{font:700 12px DM Sans,sans-serif;color:#8791ad;display:block}.card-icon{display:grid;place-items:center;width:44px;height:44px;margin:30px 0 18px;background:#ffc632;border-radius:15px;font:700 24px DM Sans,sans-serif;color:white}.purple .card-icon{background:#8271cd}.card-language{display:block;font-size:13px;color:#667294;margin-bottom:3px}.friend-card strong{font-size:32px;letter-spacing:-1px}.friend-card small{font:500 15px DM Sans,sans-serif;margin-left:7px}.friend-card p{font-size:13px;color:#667294;margin:8px 0 26px}.card-select{font-size:13px;font-weight:700;position:relative;z-index:1}.card-select b{margin-left:8px;font-size:18px}.chat-section{background:#fff3ea;padding:108px 0}.chat-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;grid-gap:12%;gap:12%}.chat-copy>p{max-width:380px;color:#647092;font-size:15px;line-height:1.9}.steps{display:flex;gap:7px;flex-wrap:wrap;margin-top:25px}.steps span{background:#fffaf4;border:1px solid #f2d9c8;border-radius:999px;padding:7px 12px;font-size:11px;color:#687496}.phone{width:min(100%,355px);margin:auto;background:white;border:9px solid #172750;border-radius:32px;overflow:hidden;box-shadow:0 18px 0 rgba(23,39,80,.08),0 22px 40px rgba(51,51,74,.15)}.phone-top{height:72px;padding:17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eef0f4}.phone-top>span{font-size:27px;line-height:1}.chat-person{display:grid;grid-template-columns:33px auto;grid-column-gap:9px;column-gap:9px;align-items:center}.chat-person i{grid-row:span 2;display:grid;place-items:center;width:33px;height:33px;background:#ffca36;border-radius:11px;color:white;font-style:normal;font-weight:700}.purple .chat-person i{background:#8271cd}.chat-person b{font-size:12px}.chat-person small{font-size:9px;color:#7e89a3}.chat-body{height:315px;padding:17px;background:#f7f8fb}.chat-date{font-size:9px;color:#a1a8bb;text-align:center;margin:0 0 16px}.message{max-width:84%;width:max-content;border-radius:14px;padding:10px 12px;margin:0 0 11px;font-size:11px;line-height:1.5}.message b,.message span{display:block}.incoming{background:#fff;color:#3c4868;border-top-left-radius:3px}.outgoing{background:#ffe18b;margin-left:auto;border-top-right-radius:3px}.purple .outgoing{background:#ded8ff}.typing{font-size:9px;color:#9ba4ba;display:flex;align-items:center;gap:3px;margin:5px}.typing i{width:4px;height:4px;border-radius:50%;background:#9ba4ba;display:inline-block}.chat-input{height:52px;padding:10px 14px;display:flex;justify-content:space-between;align-items:center;color:#a3a9bb;font-size:10px}.chat-input b{background:#172750;color:white;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:11px}.start-section{text-align:center;padding:115px 0 52px;position:relative;overflow:hidden}.sparkle{color:#ffb928;font-size:34px}.start-section h2{font-size:62px;margin:7px 0 10px}.start-section>p:not(.eyebrow){color:#677394;font-size:15px;margin:0 0 28px}.bottom-motto{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:76px;color:#b5a5dc;font:600 14px DM Sans,sans-serif;letter-spacing:2px}.bottom-motto i{color:#ffb82e;font-style:normal}.footer{border-top:1px solid var(--line);min-height:86px;display:flex;align-items:center;justify-content:space-between;color:#8c96b0;font-size:11px}.footer p{font:500 11px DM Sans,sans-serif;letter-spacing:.4px}.footer .brand{font-size:21px}.footer .brand>span:first-child{font-size:16px}@media(max-width:760px){.shell{width:min(100% - 32px,600px)}.nav{height:70px}.nav-links{display:none}.nav-cta{padding:8px 13px;font-size:12px}.hero{grid-template-columns:1fr;padding:48px 0 45px;gap:13px;text-align:center}.hero-copy{display:flex;flex-direction:column;align-items:center}.hero h1{font-size:49px;letter-spacing:-2.8px}.hero-copy>p{font-size:13px}.hero-art{min-height:auto;height:385px;width:calc(100% + 20px)}.hero-art img{width:111%;margin-top:18px}.speech{font-size:16px;padding:9px 12px}.speech.one{left:0}.speech.two{right:0}.floating-tag{bottom:2%;font-size:10px}.intro-band{min-height:62px;gap:11px;padding:0 15px;font-size:11px}.friends-section{padding:70px 0}.section-heading{display:block;margin-bottom:29px}.chat-copy h2,.section-heading h2{font-size:39px}.section-heading>p{margin:14px 0 0;font-size:13px}.friend-grid{grid-template-columns:1fr;gap:14px}.friend-card{min-height:258px;padding:25px}.card-icon{margin:18px 0 12px}.chat-section{padding:70px 0}.chat-layout{grid-template-columns:1fr;gap:35px}.chat-copy{text-align:center}.chat-copy>p{margin-inline:auto}.steps{justify-content:center}.start-section{padding:75px 0 42px}.start-section h2{font-size:47px;letter-spacing:-2.7px}.bottom-motto{margin-top:55px}.footer{min-height:120px;flex-wrap:wrap;gap:0;padding-block:20px}.footer p{order:3;width:100%;margin:5px 0}.arch{display:none}}.brand-logo{position:relative;display:block;overflow:hidden;width:142px;height:40px;flex:0 0 142px}.brand-logo img{position:absolute;left:0;top:-56px;width:142px;height:auto;max-width:none}.chat-copy h2,.hero h1,.section-heading h2,.start-section h2,.why-heading h2{font-size:clamp(47px,5.1vw,75px);letter-spacing:-3.6px;line-height:1.1;margin:18px 0;color:#142650}.why-heading h2{font-size:47px}.why-heading h2 em{font-style:normal;color:#ea9d1d}.secondary-button{border:1.5px solid var(--ink);color:var(--ink);background:transparent;border-radius:999px;padding:15px 20px 15px 24px;font-size:14px;font-weight:700;display:inline-flex;align-items:center;gap:24px;transition:.2s}.secondary-button:hover{background:var(--ink);color:#fff;transform:translateY(-2px)}.secondary-button span{font-size:20px;line-height:13px}.why-section{padding:110px 0}.why-heading{text-align:center}.why-heading h2{margin-bottom:48px}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.why-grid article{padding:30px;border:1px solid var(--line);border-radius:22px;background:#fffdf9}.why-grid article>span{display:grid;place-items:center;width:45px;height:45px;border-radius:14px;background:var(--soft-yellow);font-size:22px}.why-grid article:nth-child(2)>span{background:var(--soft-purple)}.why-grid article:nth-child(3)>span{background:#e8f6e9}.why-grid h3{margin:19px 0 7px;font-size:18px;letter-spacing:-.5px}.why-grid p{margin:0;color:#687496;font-size:13px;line-height:1.8}.start-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}@media(max-width:760px){.brand-logo{width:118px;height:36px;flex-basis:118px}.brand-logo img{width:118px;top:-48px}.why-section{padding:70px 0}.why-heading h2{font-size:39px;margin-bottom:29px}.why-grid{grid-template-columns:1fr;gap:14px}.why-grid article{padding:24px}}.landing-page{--landing-ink:#172750;--landing-muted:#647092;--landing-yellow:#ffbd2e;--landing-purple:#8171cd;position:relative;height:100svh;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 9% 18%,rgba(255,218,105,.18),transparent 23%),radial-gradient(circle at 94% 82%,rgba(143,126,224,.13),transparent 28%),#fffdf9;color:var(--landing-ink)}.landing-page:before{content:"";position:absolute;z-index:-2;right:-12vw;top:8vh;width:min(52vw,690px);aspect-ratio:1;border-radius:48% 52% 62% 38%/42% 39% 61% 58%;background:linear-gradient(140deg,rgba(255,239,182,.7),rgba(255,251,232,.32) 55%,rgba(235,229,255,.5));transform:rotate(-10deg)}.landing-page:after{content:"✦";position:absolute;z-index:-1;right:5vw;top:13vh;color:rgba(247,177,26,.58);font:34px/1 DM Sans,sans-serif}.landing-nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:3}.landing-brand{position:relative;display:block;width:144px;height:44px;flex:0 0 144px;overflow:hidden}.landing-brand img{position:absolute;left:0;top:-57px;width:144px;height:auto;max-width:none}.landing-nav-note{display:flex;align-items:center;gap:8px;margin-left:auto;margin-right:12px;color:#7783a3;font-size:12px;font-weight:600}.nav-live-dot{width:7px;height:7px;border-radius:50%;background:#67c78d;box-shadow:0 0 0 4px rgba(103,199,141,.14)}.landing-nav-link{display:inline-flex;align-items:center;gap:9px;border:1.5px solid var(--landing-ink);border-radius:999px;padding:10px 17px;color:var(--landing-ink);font-size:13px;font-weight:800;transition:background .2s,color .2s,transform .2s}.landing-nav-link:hover{background:var(--landing-ink);color:#fff;transform:translateY(-2px)}.landing-nav-link span{font-size:17px;line-height:12px}.landing-hero{height:calc(100% - 78px);display:grid;grid-template-columns:minmax(300px,.78fr) minmax(540px,1.22fr);align-items:center;grid-gap:clamp(24px,4vw,72px);gap:clamp(24px,4vw,72px);padding:8px 0 28px;position:relative}.landing-copy{position:relative;z-index:1;max-width:505px}.landing-eyebrow{display:inline-flex;align-items:center;gap:9px;color:#6c78a1;font:700 11px/1 DM Sans,sans-serif;letter-spacing:1.5px}.landing-eyebrow>span{color:#f3a908;font-size:18px}.landing-copy h1{margin:18px 0 15px;color:#142650;font-size:clamp(47px,5.1vw,74px);letter-spacing:-3.8px;line-height:1.08}.landing-copy h1 em{font-style:normal;color:#e99b1a}.landing-copy>p{margin:0;color:var(--landing-muted);font-size:15px;line-height:1.9}.landing-proof{display:flex;align-items:center;gap:10px;width:max-content;margin-top:28px;padding:9px 14px 9px 9px;border:1px solid rgba(23,39,80,.1);border-radius:15px;background:rgba(255,255,255,.65);box-shadow:0 8px 20px rgba(36,47,86,.05);color:#526184}.proof-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#ffe18a;color:#df9412;font-size:14px}.landing-proof b,.landing-proof small{display:block}.landing-proof b{font-size:12px;color:var(--landing-ink)}.landing-proof small{margin-top:2px;color:#7d88a5;font-size:10px}.landing-picker{position:relative;z-index:1;width:100%;max-width:760px;justify-self:end;padding:23px 23px 15px;border:1px solid rgba(23,39,80,.1);border-radius:31px;background:rgba(255,255,255,.7);box-shadow:0 22px 55px rgba(38,48,82,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.picker-header{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin:0 2px 15px}.picker-eyebrow{display:block;color:#7b86a5;font:700 10px/1 DM Sans,sans-serif;letter-spacing:1.5px}.picker-header h2{margin:8px 0 0;color:var(--landing-ink);font-size:24px;letter-spacing:-.8px;line-height:1.2}.picker-count{padding-bottom:3px;color:#8b95ad;font:600 10px/1 DM Sans,sans-serif;white-space:nowrap}.picker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.picker-card{position:relative;display:grid;grid-template-rows:auto minmax(190px,1fr) auto;min-height:393px;overflow:hidden;padding:17px 17px 15px;border:1px solid transparent;border-radius:24px;color:var(--landing-ink);transition:transform .2s,box-shadow .2s,border-color .2s}.picker-card:after{content:"";position:absolute;right:-80px;bottom:-100px;width:235px;height:235px;border:1px solid rgba(23,39,80,.1);border-radius:50%;pointer-events:none}.picker-card.yellow{background:linear-gradient(145deg,#fff6ca,#fff0c0 58%,#ffe6bb);border-color:rgba(226,165,36,.18)}.picker-card.purple{background:linear-gradient(145deg,#f0edff,#e7e2ff 58%,#ded8ff);border-color:rgba(129,113,205,.18)}.picker-card:hover{transform:translateY(-6px);box-shadow:0 18px 30px rgba(36,47,86,.14)}.picker-card:focus-visible{outline:3px solid #f2ad27;outline-offset:3px}.picker-card.purple:focus-visible{outline-color:var(--landing-purple)}.picker-card-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.picker-language{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.58);color:#d88915;font:800 10px/1 DM Sans,sans-serif;letter-spacing:.3px}.purple .picker-language{color:#7160bd}.picker-arrow{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.57);font:700 18px/1 DM Sans,sans-serif;transition:transform .2s,background .2s}.picker-card:hover .picker-arrow{transform:rotate(45deg);background:#fff}.picker-character{position:relative;display:grid;place-items:end center;min-height:190px;margin:0 -3px -2px}.picker-glow{position:absolute;left:50%;bottom:8%;width:74%;aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.52);transform:translateX(-50%);filter:blur(1px)}.purple .picker-glow{background:rgba(255,255,255,.36)}.picker-character img{position:relative;z-index:1;width:min(92%,260px);height:100%;max-height:258px;object-fit:contain;object-position:center bottom;transition:transform .25s}.picker-card:hover .picker-character img{transform:translateY(-5px) scale(1.035)}.picker-sparkle{position:absolute;z-index:2;color:#f1ad1d;font-size:18px;line-height:1}.sparkle-a{left:8%;top:28%}.sparkle-b{right:9%;top:13%;font-size:11px}.purple .picker-sparkle{color:#8b79d5}.picker-card-info{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:8px}.picker-card-info p{margin:0 0 3px;color:#6f7894;font-size:10px}.picker-card-info h3{margin:0;color:var(--landing-ink);font-size:24px;letter-spacing:-1px;line-height:1.1}.picker-card-info h3 small{margin-left:4px;color:#8c7690;font:600 11px/1 DM Sans,sans-serif;letter-spacing:0}.purple .picker-card-info h3 small{color:#7b70a7}.picker-cta{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.65);color:var(--landing-ink);font-size:10px;font-weight:800;white-space:nowrap;transition:background .2s,color .2s}.picker-card:hover .picker-cta{background:var(--landing-ink);color:#fff}.picker-cta b{font-size:16px;line-height:10px}.picker-tip{margin:12px 2px 0;color:#7e89a5;font-size:10px;text-align:center}.picker-tip span{margin-right:4px;color:#f0ab1b}.landing-stamp{position:absolute;left:-22px;bottom:23px;display:grid;grid-template-columns:auto auto;align-items:center;grid-column-gap:7px;column-gap:7px;color:#b5a5dc;transform:rotate(-8deg);font:700 11px/1 DM Sans,sans-serif;letter-spacing:1px}.landing-stamp span{grid-row:span 2;color:#c4b9e4;font-size:17px}.landing-stamp b{font-size:12px}.landing-stamp i{color:#ffb82e;font-style:normal;font-size:13px}@media(max-width:1050px){.landing-hero{grid-template-columns:minmax(250px,.72fr) minmax(500px,1.28fr);gap:22px}.landing-copy h1{font-size:clamp(44px,5vw,63px)}.landing-picker{padding-inline:18px}.picker-card{min-height:370px}}@media(max-width:760px){.landing-nav{height:66px}.landing-hero{height:calc(100% - 66px);grid-template-columns:1fr;align-content:center;gap:16px;padding:8px 0 18px}.landing-copy{max-width:none;text-align:center}.landing-copy h1{margin:11px 0;font-size:clamp(42px,8.8vw,58px);letter-spacing:-3px}.landing-copy>p{font-size:13px;line-height:1.7}.landing-proof{margin:16px auto 0;text-align:left}.landing-picker{justify-self:center;max-width:760px}.landing-stamp{display:none}}@media(max-width:680px){.landing-nav{height:60px}.landing-brand{width:118px;height:38px;flex-basis:118px}.landing-brand img{top:-48px;width:118px}.landing-nav-note{display:none}.landing-nav-link{padding:8px 12px;font-size:11px}.landing-nav-link span{font-size:15px}.landing-hero{height:calc(100% - 60px);align-content:start;gap:8px;padding:6px 0 10px}.landing-eyebrow{gap:6px;font-size:9px;letter-spacing:1.05px}.landing-eyebrow>span{font-size:14px}.landing-copy h1{margin:7px 0;font-size:clamp(33px,9.6vw,45px);letter-spacing:-2.3px}.landing-copy>p{font-size:11px;line-height:1.55}.desktop-break{display:none}.landing-proof{gap:7px;margin-top:9px;padding:6px 9px 6px 6px;border-radius:11px}.proof-icon{width:23px;height:23px;border-radius:7px;font-size:11px}.landing-proof b{font-size:10px}.landing-proof small{font-size:8px}.landing-picker{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.picker-header{align-items:center;margin:0 1px 7px}.picker-eyebrow{font-size:8px;letter-spacing:1.1px}.picker-header h2{margin-top:4px;font-size:16px;letter-spacing:-.4px}.picker-count{padding:0;font-size:8px}.picker-grid{gap:8px}.picker-card{height:clamp(238px,40vh,286px);min-height:0;padding:10px 9px;border-radius:18px;grid-template-rows:auto minmax(125px,1fr) auto}.picker-language{padding:5px 7px;font-size:8px}.picker-arrow{width:23px;height:23px;font-size:14px}.picker-character{min-height:0;margin:0 -3px -2px}.picker-character img{width:100%;max-height:170px}.picker-sparkle{font-size:12px}.sparkle-a{left:3%;top:29%}.sparkle-b{right:5%;top:10%;font-size:8px}.picker-card-info{display:block}.picker-card-info p{margin-bottom:2px;font-size:8px;white-space:nowrap}.picker-card-info h3{font-size:clamp(16px,4.8vw,21px);letter-spacing:-.7px}.picker-card-info h3 small{margin-left:2px;font-size:8px}.picker-cta{position:absolute;right:0;bottom:0;padding:5px 7px;font-size:8px;gap:3px}.picker-cta b{font-size:12px}.picker-tip{margin:7px 0 0;font-size:8px}.landing-page:after{right:7vw;top:12vh;font-size:22px}}@media(min-width:761px) and (max-height:700px){.landing-picker{padding:15px 16px 10px}.picker-header{margin-bottom:10px}.picker-header h2{font-size:20px}.picker-card{min-height:315px;padding:13px 14px 12px;grid-template-rows:auto minmax(150px,1fr) auto}.picker-character{min-height:150px}.picker-character img{max-height:210px}.picker-tip{margin-top:8px}.landing-copy h1{font-size:clamp(42px,5vw,60px)}.landing-proof{margin-top:17px}}.landing-brand{width:176px;height:54px;flex-basis:176px}.landing-brand img{top:-64px;width:176px}.landing-headline-line{display:block;white-space:nowrap}.landing-visual{z-index:1;flex-direction:column;align-items:center;max-width:760px;justify-self:end}.landing-art-wrap,.landing-visual{position:relative;display:flex;width:100%}.landing-art-wrap{justify-content:center}.landing-character-art{display:block;width:100%;height:auto;max-height:clamp(330px,calc(100svh - 260px),500px);object-fit:contain}.landing-art-sparkle{position:absolute;color:#f3ae1e;font:700 24px/1 DM Sans,sans-serif;pointer-events:none}.art-sparkle-left{left:3%;top:19%}.art-sparkle-right{right:4%;top:9%;font-size:16px;color:#8978d1}.friend-choice{width:min(100%,620px);margin-top:-2px;padding:11px 13px 13px;border:1px solid rgba(23,39,80,.11);border-radius:20px;background:rgba(255,255,255,.78);box-shadow:0 13px 28px rgba(38,48,82,.09);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.friend-choice-heading{display:flex;justify-content:space-between;gap:12px;margin:0 2px 8px;color:#7783a1;font-size:10px;font-weight:700}.friend-choice-heading .picker-eyebrow{font-size:9px}.friend-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:9px;gap:9px}.friend-choice-button{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:55px;padding:8px 11px;border:1px solid transparent;border-radius:13px;color:var(--landing-ink);transition:transform .2s,box-shadow .2s,background .2s}.friend-choice-button.yellow{background:#fff5cc;border-color:rgba(226,165,36,.22)}.friend-choice-button.purple{background:#eeeaff;border-color:rgba(129,113,205,.22)}.friend-choice-button:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(38,48,82,.12)}.friend-choice-button:focus-visible{outline:3px solid #f2ad27;outline-offset:2px}.friend-choice-button.purple:focus-visible{outline-color:var(--landing-purple)}.friend-choice-button small,.friend-choice-button span{display:block}.friend-choice-button b{font-size:16px;letter-spacing:-.3px}.friend-choice-button small{margin-top:2px;color:#7783a1;font-size:9px}.friend-choice-button strong{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:rgba(255,255,255,.72);font:700 16px/1 DM Sans,sans-serif;transition:transform .2s,background .2s}.friend-choice-button:hover strong{transform:translateX(2px);background:#fff}@media(min-width:761px) and (max-height:700px){.landing-character-art{max-height:clamp(290px,calc(100svh - 230px),420px)}.friend-choice{padding-block:8px 10px}.friend-choice-button{min-height:48px;padding-block:6px}.friend-choice-heading{margin-bottom:5px}}@media(max-width:760px){.landing-brand{width:150px;height:46px;flex-basis:150px}.landing-brand img{top:-55px;width:150px}.landing-visual{max-width:760px}.landing-character-art{width:100%;max-height:none}.friend-choice{width:min(100%,620px);margin-top:-1px}.friend-choice-heading{margin-bottom:7px}}@media(max-width:680px){.landing-brand{width:144px;height:44px;flex-basis:144px}.landing-brand img{top:-52px;width:144px}.landing-headline-line{white-space:nowrap}.landing-visual{margin-top:-1px}.landing-art-wrap{width:calc(100% + 18px);margin-inline:-9px}.landing-art-sparkle{font-size:16px}.art-sparkle-left{left:1%;top:18%}.art-sparkle-right{right:2%;top:8%;font-size:11px}.friend-choice{padding:7px 8px 8px;border-radius:15px}.friend-choice-heading{margin:0 1px 5px;font-size:8px}.friend-choice-heading .picker-eyebrow{font-size:7px;letter-spacing:1px}.friend-choice-grid{gap:6px}.friend-choice-button{min-height:47px;padding:6px 8px;border-radius:10px}.friend-choice-button b{font-size:12px}.friend-choice-button small{font-size:7px}.friend-choice-button strong{width:21px;height:21px;font-size:13px}}.character-bubble{z-index:4;display:grid;justify-items:center;min-width:135px;padding:14px 17px 12px;border:1px solid rgba(23,39,80,.1);border-radius:23px;box-shadow:0 13px 28px rgba(38,48,82,.13);text-align:center;white-space:nowrap}.character-bubble,.character-bubble:after{position:absolute;background:rgba(255,255,255,.94)}.character-bubble:after{content:"";bottom:-9px;width:17px;height:17px;border-right:1px solid rgba(23,39,80,.08);border-bottom:1px solid rgba(23,39,80,.08);transform:rotate(45deg)}.character-bubble small,.character-bubble span,.character-bubble strong{display:block}.character-bubble strong{font:800 27px/1.05 DM Sans,Noto Sans Thai,sans-serif}.character-bubble span{margin-top:7px;color:#647092;font:600 13px/1 DM Sans,sans-serif}.character-bubble small{margin-top:6px;color:#7a85a3;font:600 11px/1.1 Noto Sans Thai,sans-serif}.bubble-ayou{left:-1%;top:22%;color:#e56e2d}.bubble-ayou:after{right:29px}.bubble-uyou{right:-1%;top:28%;color:#7161ba}.bubble-uyou:after{left:29px}@media(max-width:1050px){.character-bubble{min-width:120px;padding:12px 14px 10px;border-radius:20px}.character-bubble strong{font-size:23px}.character-bubble span{margin-top:6px;font-size:12px}.character-bubble small{margin-top:5px;font-size:10px}}@media(max-width:760px){.character-bubble{min-width:106px;padding:9px 11px 8px;border-radius:17px}.character-bubble:after{bottom:-7px;width:13px;height:13px}.character-bubble strong{font-size:19px}.character-bubble span{margin-top:5px;font-size:10px}.character-bubble small{margin-top:4px;font-size:9px}.bubble-ayou{left:0;top:25%}.bubble-ayou:after{right:22px}.bubble-uyou{right:0;top:31%}.bubble-uyou:after{left:22px}}@media(max-width:680px){.character-bubble{min-width:88px;padding:7px 8px 6px;border-radius:13px}.character-bubble:after{bottom:-5px;width:10px;height:10px}.character-bubble strong{font-size:15px}.character-bubble span{margin-top:4px;font-size:8px}.character-bubble small{margin-top:3px;font-size:8px}.bubble-ayou{left:0;top:28%}.bubble-ayou:after{right:16px}.bubble-uyou{right:0;top:34%}.bubble-uyou:after{left:16px}}.friend-choice-heading{align-items:center;margin-bottom:13px}.friend-choice-title{display:flex;align-items:baseline;gap:10px}.friend-choice-heading .picker-eyebrow{color:var(--landing-ink);font-size:11px;letter-spacing:1.45px}.friend-choice-title>strong{color:var(--landing-ink);font-size:14px;letter-spacing:-.2px}.friend-choice-hint{padding:5px 9px;border-radius:999px;background:rgba(23,39,80,.07);color:#667294;font-size:10px;font-weight:800;white-space:nowrap}.friend-choice-button{min-height:72px;padding:11px 13px;border-width:1.5px;box-shadow:0 5px 0 rgba(23,39,80,.04);cursor:pointer}.friend-choice-button:hover{transform:translateY(-3px);box-shadow:0 10px 18px rgba(38,48,82,.14)}.friend-choice-button:active{transform:translateY(0);box-shadow:0 2px 0 rgba(23,39,80,.08)}.friend-choice-button b{font-size:19px}.friend-choice-button small{font-size:10px}.friend-choice-button strong{width:auto;min-width:72px;height:31px;padding:0 9px;border-radius:999px;background:rgba(255,255,255,.78);font-size:10px;letter-spacing:.1px}.friend-choice-button:hover strong{transform:none;background:var(--landing-ink);color:#fff}@media(max-width:760px){.landing-page{height:auto;min-height:100svh;overflow:visible}.landing-nav{justify-content:center}.landing-hero{height:auto;min-height:calc(100svh - 66px);padding-bottom:28px}.friend-choice-heading{align-items:flex-start;margin-bottom:10px}.friend-choice-title{display:block;text-align:left}.friend-choice-heading .picker-eyebrow{font-size:10px}.friend-choice-title>strong{display:block;margin-top:4px;font-size:16px}.friend-choice-hint{align-self:center;font-size:9px;padding:6px 8px}.friend-choice-button{min-height:76px;padding:11px 12px;border-radius:14px}.friend-choice-button b{font-size:17px}.friend-choice-button small{font-size:9px}.friend-choice-button strong{min-width:76px;height:32px;font-size:9px}}@media(max-width:680px){.landing-nav{height:66px}.landing-hero{min-height:calc(100svh - 66px);padding-bottom:34px}.friend-choice{padding:10px 9px 11px}.friend-choice-heading{margin:0 2px 10px}.friend-choice-title>strong{font-size:15px}.friend-choice-hint{font-size:8px}.friend-choice-grid{gap:8px}.friend-choice-button{min-height:82px;padding:10px;border-radius:13px}.friend-choice-button b{font-size:16px}.friend-choice-button small{font-size:8px}.friend-choice-button strong{min-width:0;height:29px;padding-inline:8px;font-size:8px}}.landing-visual>.landing-proof{margin:8px auto 12px}@media(max-width:760px){.landing-nav{justify-content:center}.landing-brand{margin-inline:auto}.landing-visual>.landing-proof{margin:5px auto 9px}.friend-choice-button{min-height:98px;padding:13px 12px}.friend-choice-button b{font-size:18px}.friend-choice-button small{font-size:9px}.friend-choice-button strong{min-width:70px;height:36px;padding-inline:9px;font-size:9px}}@media(max-width:680px){.landing-visual>.landing-proof{margin:4px auto 9px}.friend-choice-button{min-height:104px;padding:14px 11px;border-radius:14px}.friend-choice-button b{font-size:18px}.friend-choice-button small{font-size:9px}.friend-choice-button strong{min-width:70px;height:36px;padding-inline:9px;font-size:9px}}