:root{--ink:#0b1d2c;--muted:#435762;--warm:#fbf9f6;--white:#fff;--line:#e3e4e5;--soft:#f3f4f4;--blue:#1254c4;--gold:#875800;--gold2:#f1ba3d;--navy:#071b2c;--mint:#2b8069;--amber:#875000;--max:1160px}@font-face{font-family:Manrope;src:url("assets/fonts/manrope-latin-variable.woff2") format("woff2");font-weight:200 800;font-style:normal;font-display:optional}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--warm);color:var(--ink);font-family:Manrope,"Noto Sans Thai",sans-serif;line-height:1.55}body.menu-open{overflow:hidden}button,input{font:inherit}img{display:block;max-width:100%}a{color:inherit}.r8-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.r8-skip{position:fixed;z-index:1000;top:8px;left:8px;transform:translateY(-140%);padding:10px 16px;background:#fff;border-radius:8px}.r8-skip:focus{transform:none}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.r8-header{position:sticky;z-index:100;top:16px;width:min(1184px,calc(100% - 32px));height:64px;display:grid;grid-template-columns:130px 1fr auto;align-items:center;gap:22px;margin:16px auto 0;padding:0 16px 0 12px;border:1px solid #e2e3e3;border-radius:14px;background:rgba(255,255,255,.94);box-shadow:0 8px 25px rgba(7,27,44,.08);backdrop-filter:blur(14px)}.r8-brand{width:116px;height:54px;display:flex;align-items:center;overflow:hidden;text-decoration:none}.r8-brand img{width:116px;height:54px;object-fit:contain}.r8-nav{display:flex;justify-content:center;gap:clamp(14px,1.7vw,27px)}.r8-nav a{min-height:44px;display:flex;align-items:center;text-decoration:none;font-size:13px;font-weight:600}.r8-nav a:hover{color:var(--blue)}.r8-actions{display:flex;align-items:center;gap:10px}.r8-lang{min-width:42px;min-height:44px;display:grid;place-items:center;text-decoration:none;font-size:13px;font-weight:700}.r8-button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:0 21px;border:0;border-radius:12px;text-decoration:none;font-size:14px;font-weight:800;cursor:pointer;transition:transform .2s,box-shadow .2s}.r8-button:hover{transform:translateY(-2px)}.r8-button-blue{background:var(--blue);color:#fff;box-shadow:0 10px 25px rgba(37,106,244,.2)}.r8-button-gold{background:var(--gold);color:#10202c;box-shadow:0 9px 22px rgba(223,161,32,.2)}.r8-mobile-nav{display:none}
.r8-hero{position:relative;min-height:1390px;padding:132px 24px 0;overflow:hidden}.r8-hero-copy{position:relative;z-index:3;max-width:860px;margin:0 auto;text-align:center}.r8-kicker{margin:0 0 18px;color:#7c8790;font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.r8-kicker.light{color:#f1c866}.r8-hero h1{margin:0;font-size:clamp(64px,6.1vw,88px);line-height:.93;letter-spacing:-.06em}.r8-hero h1 span,.r8-section-head h2 span{color:var(--gold)}.r8-hero-copy>p:not(.r8-kicker){max-width:650px;margin:30px auto 28px;color:#314754;font-size:19px}.r8-hero-copy>small{display:block;margin-top:13px;color:#65737c;font-size:12px}.r8-float-field{position:absolute;z-index:1;inset:0;pointer-events:none}.tile{position:absolute;width:50px;height:50px;display:grid;place-items:center;border:1px solid rgba(7,27,44,.07);border-radius:13px;background:rgba(255,255,255,.66);box-shadow:0 5px 16px rgba(7,27,44,.04);color:#86939b;font-size:8px;font-weight:900}.tile-message{left:7%;top:240px;color:#15987b}.tile-file{left:17%;top:330px;color:#d36954}.tile-voice{left:25%;top:500px;color:#8d67cf}.tile-web{left:11%;top:590px;color:#377bea}.tile-sheet{right:8%;top:260px;color:#26a36e}.tile-photo{right:20%;top:380px;color:#a760cb}.tile-doc{right:11%;top:540px;color:#397cda}.tile-memory{right:27%;top:600px;color:#d29423}.r8-workspace-wrap{position:absolute;z-index:4;left:50%;bottom:0;width:min(1320px,calc(100% - 48px));transform:translateX(-50%)}.r8-example{display:block;margin:0 0 10px 4px;color:#818b92;font-size:9px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.r8-workspace{height:700px;display:grid;grid-template-columns:220px 1fr 360px;overflow:hidden;border:1px solid #d4d7da;border-radius:16px 16px 0 0;background:#fff;box-shadow:0 24px 65px rgba(7,27,44,.12)}.r8-workspace-side{padding:18px 14px;border-right:1px solid var(--line);background:#f7f8f8}.r8-workspace-name{display:flex;align-items:center;gap:8px;padding:0 6px 16px}.r8-workspace-name img{width:27px;height:27px;object-fit:contain}.r8-workspace-name strong{font-size:14px}.r8-workspace-name span{margin-left:auto}.r8-workspace-side>p{margin:18px 8px 8px;color:#9aa4aa;font-size:8px;font-weight:800;letter-spacing:.09em}.r8-workspace-side button{width:100%;min-height:48px;display:flex;align-items:center;gap:10px;padding:7px 9px;border:0;border-radius:9px;background:transparent;color:var(--ink);text-align:left}.r8-workspace-side button.active{background:#e9edef}.r8-workspace-side button>i{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#fff;color:#72818a;font-size:10px;font-style:normal}.r8-workspace-side button span,.r8-workspace-side button strong,.r8-workspace-side button small{display:block}.r8-workspace-side button strong{font-size:11px}.r8-workspace-side button small{color:#85929a;font-size:8px}.owner-avatar{background:#e6d8ca!important;color:#7a5037!important}.r8-thread{min-width:0}.r8-thread>header{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--line)}.r8-thread>header strong,.r8-thread>header small{display:block}.r8-thread>header strong{font-size:13px}.r8-thread>header small{color:#7c898f;font-size:9px}.r8-thread-body{padding:30px}.r8-chat{display:grid;grid-template-columns:32px 1fr;gap:10px;margin-bottom:30px}.r8-chat>i{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;font-size:9px;font-style:normal;font-weight:800}.principal-avatar{background:#f7edda}.principal-avatar img{width:27px;height:27px;object-fit:contain}.r8-chat p{display:flex;align-items:center;gap:7px;margin:0 0 5px}.r8-chat p strong{font-size:11px}.r8-chat p small{padding:2px 4px;border-radius:4px;background:#edf0f2;color:#65737b;font-size:7px}.r8-chat time{color:#8d989e;font-size:8px}.r8-chat>div>span{display:block;font-size:11px;line-height:1.5}.r8-attachments{display:flex;gap:5px;margin-top:10px}.r8-attachments b{display:flex;align-items:center;gap:5px;padding:6px 7px;border:1px solid #e3e5e6;border-radius:6px;color:#c0604d;font-size:7px}.r8-attachments em{color:#63727b;font-style:normal}.r8-working{margin-top:12px;padding:10px 12px;border-left:2px solid var(--gold);background:#faf8f4}.r8-working p{margin:3px 0}.r8-working p i{width:5px;height:5px;border-radius:50%;background:var(--mint)}.r8-working p span{font-size:8px}.r8-working p b{margin-left:auto;color:#698178;font-size:7px}.r8-chat.result button{margin-top:9px;padding:7px 10px;border:1px solid #dce0e2;border-radius:7px;background:#fff;color:var(--blue);font-size:8px;font-weight:800}.r8-result-panel{padding:0 22px;border-left:1px solid var(--line);background:#fbfbfa}.r8-result-panel>header{height:62px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);color:#819099;font-size:8px;font-weight:800;letter-spacing:.08em}.r8-result-panel>header button{border:0;background:none}.r8-result-summary{padding:26px 0 20px}.r8-result-summary small{color:var(--blue);font-size:8px;font-weight:800}.r8-result-summary h2{margin:9px 0;font-size:25px;line-height:1.05;letter-spacing:-.04em}.r8-result-summary p{margin:0;color:#66747c;font-size:10px}.r8-table{overflow:hidden;border:1px solid var(--line);border-radius:9px;background:#fff}.r8-table>div{display:grid;grid-template-columns:.8fr .8fr 1fr 1.25fr;align-items:center;min-height:35px;padding:0 9px;border-top:1px solid var(--line);font-size:8px}.r8-table .head{min-height:28px;border:0;background:#f4f5f5;color:#849096;font-weight:800}.r8-table em{width:max-content;padding:3px 5px;border-radius:999px;background:#e2f5ef;color:#18725d;font-style:normal}.r8-table em.warn{background:#fff0db;color:#965e0b}.r8-approval{margin-top:18px;padding:15px;border-left:3px solid var(--amber);border-radius:8px;background:#fff8ed}.r8-approval small{color:#a46c1f;font-size:7px;font-weight:800}.r8-approval strong{display:block;margin-top:4px;font-size:11px}.r8-approval p{margin:2px 0 9px;color:#77848b;font-size:8px}.r8-approval div{display:flex;gap:6px}.r8-approval button{min-height:31px;padding:0 10px;border:1px solid #d8dddf;border-radius:6px;background:#fff;font-size:8px;font-weight:800}.r8-approval button:last-child{border-color:var(--blue);background:var(--blue);color:#fff}
.r8-section-head{max-width:830px;margin:0 auto 70px;text-align:center}.r8-section-head h2{margin:0;font-size:clamp(48px,5.2vw,72px);line-height:.98;letter-spacing:-.055em}.r8-section-head>p:last-child{max-width:670px;margin:23px auto 0;color:var(--muted);font-size:17px}.r8-toolkit{padding:130px 24px;background:#fff}.r8-toolkit-grid{max-width:var(--max);display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:auto}.r8-toolkit-grid article{padding:18px 18px 32px;border:1px solid var(--line);border-radius:22px;background:var(--warm)}.r8-scene{height:340px;position:relative;overflow:hidden;border-radius:15px;background:#f0f1f1}.r8-toolkit-grid article>.r8-number{margin:26px 8px 11px;color:var(--gold);font-size:10px;font-weight:800}.r8-toolkit-grid article>h3{margin:0 8px;font-size:25px;letter-spacing:-.035em}.r8-toolkit-grid article>p:last-child{margin:9px 8px 0;color:var(--muted);font-size:14px}.context-scene{background:linear-gradient(145deg,#f2efe8,#edf2f2)}.bubble{position:absolute;left:35px;top:48px;padding:13px 16px;border-radius:13px 13px 13px 3px;background:var(--blue);color:#fff;font-size:11px;font-weight:700;box-shadow:0 12px 25px rgba(37,106,244,.18)}.memory-file{position:absolute;right:40px;bottom:42px;width:65%;padding:25px;border:1px solid #dce0e1;border-radius:14px;background:#fff;box-shadow:0 18px 38px rgba(7,27,44,.09);transform:rotate(-2deg)}.memory-file small{color:var(--blue);font-size:8px;font-weight:800}.memory-file strong{display:block;margin:16px 0 8px;font-size:20px}.memory-file p{color:var(--muted);font-size:10px}.schedule-scene{display:grid;place-items:center;background:#eaf1f4}.brief-card{width:72%;padding:28px;border-radius:15px;background:#fff;box-shadow:0 18px 40px rgba(7,27,44,.09)}.brief-card small{color:var(--mint);font-size:8px;font-weight:800}.brief-card strong{display:block;margin:10px 0 19px;font-size:22px}.brief-card p{display:flex;align-items:center;gap:10px;margin:9px 0;font-size:10px}.brief-card i{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#e9f3f0;color:#18725d;font-style:normal}.skills-scene{display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:10px;padding:45px;background:#f3f0e8}.skills-scene>span{padding:10px 13px;border:1px solid #dedbd3;border-radius:10px;background:#fff;color:#64717a;font-size:10px;font-weight:700}.skills-scene>div{width:78%;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:15px;padding:18px;border-radius:13px;background:var(--navy);color:#fff}.skills-scene b{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:var(--gold);color:var(--navy)}.control-scene{display:grid;place-items:center;background:#e9eef0}.small-approval{width:72%;padding:24px;border-left:4px solid var(--amber);border-radius:13px;background:#fff;box-shadow:0 18px 40px rgba(7,27,44,.09)}.small-approval small{color:#9e6818;font-size:8px;font-weight:800}.small-approval strong{display:block;margin:9px 0 3px;font-size:17px}.small-approval p{color:var(--muted);font-size:10px}.small-approval button{min-height:38px;padding:0 13px;border:0;border-radius:8px;background:var(--blue);color:#fff;font-size:9px;font-weight:800}
.r8-work{padding:130px 0 130px;overflow:hidden}.r8-work-rail{display:flex;gap:18px;overflow-x:auto;padding:0 max(24px,calc((100vw - var(--max))/2));scroll-snap-type:x mandatory;scrollbar-width:none}.r8-work-rail::-webkit-scrollbar{display:none}.r8-work-rail article{flex:0 0 350px;scroll-snap-align:start}.output{height:300px;padding:34px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 16px 35px rgba(7,27,44,.05)}.output>small{color:var(--blue);font-size:8px;font-weight:800;letter-spacing:.08em}.output.reply p{margin:30px 0 18px;padding:18px;border-radius:13px 13px 13px 4px;background:#edf2f5;font-size:12px}.output.reply span{color:#16745e;font-size:9px;font-weight:800}.output.meeting p{display:flex;align-items:center;gap:10px;margin:14px 0;padding:12px;border-radius:9px;background:#f3f5f6;font-size:10px}.output.meeting i{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#e2f5ef;color:#16745e;font-style:normal}.output.compare{display:grid;align-content:center;gap:12px}.output.compare span{height:35px;border-radius:8px;background:linear-gradient(90deg,#dce4e8 0 28%,#f5f7f7 28%)}.output.compare b{width:max-content;padding:6px 9px;border-radius:999px;background:#e2f5ef;color:#16745e;font-size:8px}.output.brief{display:flex;flex-direction:column;justify-content:center;background:var(--navy);color:#fff}.output.brief small{color:var(--gold2)}.output.brief strong{margin:17px 0;font-size:27px;line-height:1.05}.output.brief p{color:#abc0ce;font-size:10px}.r8-work-rail h3{margin:24px 4px 6px;font-size:22px}.r8-work-rail article>p{margin:0 4px;color:var(--muted);font-size:13px}.r8-link{min-height:44px;display:flex;align-items:center;gap:8px;width:max-content;margin:38px auto 0;color:var(--blue);text-decoration:none;font-size:13px;font-weight:800}.r8-link.light{margin:25px 0 0;color:#fff}
.r8-trust{min-height:720px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:70px;padding:110px max(24px,calc((100vw - var(--max))/2));background:var(--navy);color:#fff}.r8-trust h2{margin:0;font-size:clamp(48px,5.2vw,72px);line-height:.98;letter-spacing:-.055em}.r8-trust h2 span{color:var(--gold2)}.r8-trust>div:first-child>p:not(.r8-kicker){color:#abc0ce;font-size:17px}.r8-trust-visual{position:relative;height:500px}.boundary{position:absolute;left:50%;top:50%;border:1px solid rgba(255,255,255,.15);border-radius:50%;transform:translate(-50%,-50%)}.boundary.outer{width:480px;height:480px}.boundary.middle{width:330px;height:330px;border-style:dashed;border-color:rgba(223,161,32,.45)}.boundary.core{width:150px;height:150px;display:grid;place-items:center;background:#102d42;border-color:rgba(255,255,255,.2)}.boundary.core img{width:110px}.r8-trust-visual>span{position:absolute;padding:9px 12px;border:1px solid rgba(255,255,255,.13);border-radius:9px;background:#102a3e;color:#d9e4ea;font-size:9px;font-weight:700}.r8-trust-visual .private{left:2%;top:25%}.r8-trust-visual .approval{right:1%;top:38%}.r8-trust-visual .support{left:15%;bottom:12%}
.r8-pricing{max-width:1040px;margin:auto;padding:130px 24px;text-align:center}.r8-price-picker{padding:14px;border:1px solid #d7dbdd;border-radius:22px;background:#fff;box-shadow:0 22px 55px rgba(7,27,44,.08);text-align:left}.r8-plan-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:6px;border-radius:13px;background:#f2f3f3}.r8-plan-tabs button{min-height:50px;border:0;border-radius:9px;background:transparent;font-weight:800}.r8-plan-tabs button.active{background:#fff;box-shadow:0 5px 15px rgba(7,27,44,.07)}.r8-plan-tabs em{margin-left:6px;padding:3px 5px;border-radius:999px;background:#e7efff;color:var(--blue);font-size:7px;font-style:normal}.r8-price-picker>input{width:calc(100% - 70px);margin:30px 35px 19px;accent-color:var(--blue)}.r8-price-content{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:38px;border-radius:15px;background:#f7f7f5}.r8-price-fit{margin:0;color:#168069;font-size:10px;font-weight:800}.r8-price-name{margin:11px 0 0;font-size:26px}.r8-price-main{margin:16px 0 0}.r8-price-main strong{display:block;font-size:64px;line-height:1;letter-spacing:-.05em}.r8-price-main span,.r8-price-usd{color:#75838b;font-size:10px}.r8-price-content ul{display:grid;gap:9px;margin:0 0 20px;padding:0;list-style:none;color:#425560;font-size:11px}.r8-price-content li:before{content:"✓";margin-right:8px;color:var(--mint);font-weight:900}.r8-price-content .r8-button{width:100%}.r8-price-content>div:last-child>small{display:block;margin-top:7px;color:#849096;text-align:center;font-size:8px}.r8-fx{margin:16px auto 0;color:#748088;font-size:10px}.r8-final{padding:105px 24px;background:#ede9e0;text-align:center}.r8-final>img{width:86px;margin:0 auto 18px}.r8-final h2{margin:0;font-size:clamp(48px,6vw,76px);letter-spacing:-.055em}.r8-final>p:not(.r8-kicker){color:var(--muted)}.r8-footer{display:grid;grid-template-columns:1fr 1.5fr auto;align-items:center;gap:35px;padding:50px max(24px,calc((100vw - var(--max))/2));background:#061724;color:#c7d4dc}.r8-brand.footer{width:132px}.r8-footer>div>p{max-width:300px;margin:8px 0 0;font-size:10px}.r8-footer nav{display:flex;flex-wrap:wrap;gap:10px 19px}.r8-footer nav a{min-height:44px;display:flex;align-items:center;color:#e6edf1;text-decoration:none;font-size:10px;font-weight:700}.r8-footer>small{font-size:9px}
.r8-motion .tile{animation:r8Float 7s ease-in-out infinite}.r8-motion .tile:nth-child(2n){animation-delay:-3.2s;animation-duration:9s}.r8-motion .tile:nth-child(3n){animation-delay:-5.1s}.r8-motion .r8-workspace-wrap{opacity:0;transform:translate(-50%,70px);transition:opacity .9s ease,transform 1s cubic-bezier(.2,.7,.2,1)}.r8-motion .r8-workspace-wrap.visible{opacity:1;transform:translate(-50%,0)}.r8-motion .r8-working p:nth-child(1) i,.r8-motion .r8-working p:nth-child(2) i{animation:r8Pulse 2.5s ease infinite}.r8-motion .r8-approval{animation:r8Approval 3.2s ease-in-out infinite}@keyframes r8Float{50%{transform:translateY(-10px) rotate(2deg)}}@keyframes r8Pulse{50%{box-shadow:0 0 0 5px rgba(73,190,160,.16)}}@keyframes r8Approval{50%{box-shadow:0 0 0 6px rgba(237,162,59,.08)}}
@media(max-width:1050px){.r8-header{grid-template-columns:120px 1fr auto}.r8-nav{display:none}.r8-mobile-nav{display:block}.r8-mobile-nav summary{width:44px;height:44px;display:grid;place-content:center;gap:6px;list-style:none;cursor:pointer}.r8-mobile-nav summary::-webkit-details-marker{display:none}.r8-mobile-nav summary i{width:21px;height:2px;background:var(--ink)}.r8-mobile-nav>div{position:absolute;top:70px;left:0;right:0;padding:20px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 20px 45px rgba(7,27,44,.12)}.r8-mobile-nav:not([open])>div{display:none}.r8-mobile-nav nav{display:grid}.r8-mobile-nav nav a{min-height:48px;display:flex;align-items:center;border-bottom:1px solid var(--line);text-decoration:none;font-weight:700}.r8-mobile-nav .r8-button{width:100%;margin-top:18px}.r8-workspace{grid-template-columns:190px 1fr 310px}.r8-trust{grid-template-columns:1fr}.r8-trust-visual{height:430px}.r8-footer{grid-template-columns:1fr 1fr}.r8-footer>small{grid-column:1/-1}}
@media(max-width:720px){html{scroll-padding-top:76px}.r8-header{top:8px;width:calc(100% - 16px);height:60px;grid-template-columns:92px 1fr auto;margin-top:8px;padding:0 8px;border-radius:12px}.r8-brand{width:90px;height:52px}.r8-brand img{width:90px;height:52px}.r8-actions{gap:3px}.r8-actions>.r8-button{min-height:42px;padding:0 12px;font-size:11px}.r8-lang{min-width:37px;font-size:11px}.r8-mobile-nav>div{top:65px}.r8-hero{min-height:1500px;padding:95px 16px 0}.r8-hero-copy{text-align:left}.r8-hero h1{font-size:48px;line-height:.95}.r8-hero-copy>p:not(.r8-kicker){margin:23px 0;font-size:16px}.r8-hero-copy .r8-button{width:100%}.r8-hero-copy>small{text-align:center}.tile{width:42px;height:42px}.tile-message{left:4%;top:490px}.tile-file{left:24%;top:555px}.tile-web{left:5%;top:660px}.tile-photo{right:5%;top:510px}.tile-sheet{right:24%;top:620px}.tile-voice,.tile-doc,.tile-memory{display:none}.r8-workspace-wrap{bottom:0;width:calc(100% - 24px)}.r8-workspace{height:830px;display:block;overflow-y:auto;border-radius:14px 14px 0 0}.r8-workspace-side{display:none}.r8-thread>header{position:sticky;z-index:3;top:0;background:#fff}.r8-thread-body{padding:22px 17px}.r8-attachments{flex-wrap:wrap}.r8-result-panel{padding:0 17px 25px;border:0}.r8-result-panel>header{border-top:1px solid var(--line)}.r8-result-summary h2{font-size:25px}.r8-table>div{grid-template-columns:.7fr .7fr 1fr 1.15fr;padding:0 6px;font-size:7px}.r8-toolkit,.r8-work,.r8-pricing{padding-top:90px;padding-bottom:90px}.r8-section-head{text-align:left;margin-bottom:42px}.r8-section-head h2{font-size:42px}.r8-section-head>p:last-child{margin-left:0;font-size:15px}.r8-toolkit-grid{grid-template-columns:1fr}.r8-scene{height:290px}.r8-toolkit-grid article>h3{font-size:23px}.r8-work-rail{padding-left:16px}.r8-work-rail article{flex-basis:82vw}.output{height:280px}.r8-trust{min-height:0;padding:90px 20px;gap:35px}.r8-trust h2{font-size:43px}.r8-trust-visual{height:330px}.boundary.outer{width:310px;height:310px}.boundary.middle{width:220px;height:220px}.boundary.core{width:110px;height:110px}.boundary.core img{width:80px}.r8-trust-visual .private{left:0;top:18%}.r8-trust-visual .approval{right:0;top:38%}.r8-trust-visual .support{left:7%;bottom:8%}.r8-price-content{grid-template-columns:1fr;gap:24px;padding:25px 18px}.r8-price-main strong{font-size:54px}.r8-plan-tabs button{font-size:11px}.r8-plan-tabs em{display:none}.r8-final{padding:85px 20px}.r8-final h2{font-size:48px}.r8-footer{grid-template-columns:1fr;padding:45px 20px}.r8-footer nav{display:grid;grid-template-columns:1fr 1fr}.r8-motion .r8-workspace-wrap,.r8-motion .r8-workspace-wrap.visible{opacity:1;transform:translate(-50%,0)}}
@media(max-width:350px){.r8-lang{display:none}.r8-hero h1{font-size:43px}.r8-header{grid-template-columns:88px 1fr auto}.r8-actions>.r8-button{padding:0 9px}.r8-workspace-wrap{width:calc(100% - 16px)}.r8-thread-body{padding:18px 12px}.r8-chat{grid-template-columns:29px 1fr}.r8-attachments b{font-size:6px}.boundary.outer{width:280px;height:280px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.r8-workspace-wrap{opacity:1!important;transform:translate(-50%,0)!important}}

/* The original Principal navigation remains a permanent navy chapter. */
.r8-header{border-color:rgba(255,255,255,.1);background:rgba(7,27,44,.97);box-shadow:0 10px 28px rgba(7,27,44,.16);color:#fff}
.r8-nav a{color:#eef3f6}.r8-nav a:hover{color:var(--gold2)}.r8-lang{color:#fff}.r8-mobile-nav summary i{background:#fff}
.r8-mobile-nav>div{color:var(--ink)}.r8-mobile-nav nav a{color:var(--ink)}.r8-drawer-lang{min-height:48px;display:flex;align-items:center;border-bottom:1px solid var(--line);color:var(--blue);font-weight:800;text-decoration:none}
.principal-avatar,.r8-workspace-name,.boundary.core,.r8-final{isolation:isolate}.principal-avatar img,.r8-workspace-name img,.boundary.core img,.r8-final>img{mix-blend-mode:screen}
.r8-kicker{color:#596a74}.r8-trust>div,.r8-trust-visual{min-width:0}.r8-work-rail{outline:none}.r8-work-rail:focus-visible{outline:3px solid var(--blue);outline-offset:-4px}.r8-final>img{mix-blend-mode:multiply;opacity:.8}
.r8-button-gold{background:#e4a817;color:#071b2c}.r8-workspace small,.r8-workspace time,.r8-workspace-side>p,.r8-example,.r8-table .head,.r8-result-panel>header,.output>small,.r8-price-content>div:last-child>small,.r8-fx{color:#445862}.r8-thread>header small{color:#445862}.r8-working p b{color:#385e52}.r8-result-summary small,.r8-price-fit{color:#1254c4}.r8-approval small,.small-approval small{color:#754500}
.tile-file{color:#974333}.tile-sheet,.tile-message{color:#08705a}.tile-photo{color:#7d4199}.r8-attachments b{color:#934434}.r8-chat p small{color:#43535c}.r8-toolkit-grid article>.r8-number{color:#765000}.brief-card small{color:#247562}.r8-price-main span,.r8-price-usd{color:#4d606b}.r8-final>.r8-kicker.light{color:#6f4a00}

/* One living workspace: the same surface progresses from request to checked result. */
@media (min-width:721px){
  .r8-motion .r8-workspace-wrap:not(.visible) .r8-chat.principal,
  .r8-motion .r8-workspace-wrap:not(.visible) .r8-chat.result,
  .r8-motion .r8-workspace-wrap:not(.visible) .r8-result-summary,
  .r8-motion .r8-workspace-wrap:not(.visible) .r8-table,
  .r8-motion .r8-workspace-wrap:not(.visible) .r8-approval{opacity:0;transform:translateY(14px)}
  .r8-motion .r8-workspace-wrap:not(.visible) .r8-working p{opacity:0;transform:translateX(-10px)}
  .r8-motion .r8-workspace-wrap.visible .r8-chat.principal{animation:r8Arrive .55s .65s both}
  .r8-motion .r8-workspace-wrap.visible .r8-working p:nth-child(1){animation:r8Check .4s 1.35s both}
  .r8-motion .r8-workspace-wrap.visible .r8-working p:nth-child(2){animation:r8Check .4s 1.8s both}
  .r8-motion .r8-workspace-wrap.visible .r8-working p:nth-child(3){animation:r8Check .4s 2.25s both}
  .r8-motion .r8-workspace-wrap.visible .r8-chat.result{animation:r8Arrive .55s 2.8s both}
  .r8-motion .r8-workspace-wrap.visible .r8-result-summary{animation:r8Arrive .55s 3.25s both}
  .r8-motion .r8-workspace-wrap.visible .r8-table{animation:r8Arrive .55s 3.7s both}
  .r8-motion .r8-workspace-wrap.visible .r8-approval{animation:r8Arrive .55s 4.3s both,r8Approval 3.2s 5s ease-in-out infinite}
}
@keyframes r8Arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes r8Check{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:none}}

/* Approved V4.4 homepage film: the office background and final chat plane stay locked. */
.r8-home{background:var(--warm)}
.r8-home .r8-header{margin-bottom:-80px}
.r8-video-hero{position:relative;min-height:max(680px,100svh);overflow:hidden;background:#020e19;color:#fff;isolation:isolate}
.r8-video-hero>.r8-float-field,.r8-video-hero>.r8-legacy-hero-copy,.r8-video-hero>.r8-workspace-wrap{display:none!important}
.r8-video-film{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;background:#020e19}
.r8-video-hero:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(2,13,23,.9) 0%,rgba(2,13,23,.72) 28%,rgba(2,13,23,.12) 60%,rgba(2,13,23,.08) 100%),linear-gradient(180deg,rgba(2,13,23,.18),transparent 48%,rgba(2,13,23,.58));pointer-events:none}
.r8-video-inner{width:min(1400px,calc(100% - 48px));min-height:max(680px,100svh);display:flex;align-items:center;margin:auto;padding:88px 0 72px}
.r8-video-copy{width:min(580px,45vw);opacity:1;transform:none}
.r8-motion .r8-video-copy{opacity:0;transform:translateY(24px);pointer-events:none;transition:opacity .85s ease,transform .95s cubic-bezier(.2,.7,.2,1)}
.r8-motion .r8-video-hero.copy-visible .r8-video-copy{opacity:1;transform:none;pointer-events:auto}
.r8-video-copy h1{max-width:580px;margin:0;font-size:clamp(52px,4.7vw,72px);font-weight:500;line-height:.96;letter-spacing:-.055em}
.r8-title-accent{color:#f1ba3d;background:linear-gradient(105deg,#fff 0%,#f6d985 48%,#dda21e 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.r8-video-promise{min-height:45px;display:flex;align-items:center;gap:.32em;margin:25px 0 0;color:#e9eff3;font-size:clamp(21px,2vw,29px);font-weight:500;letter-spacing:-.025em}
.r8-video-promise-lead{flex:none;white-space:nowrap}
.r8-video-rotator{position:relative;width:min(390px,100%);height:1.45em;display:block;overflow:hidden}
.r8-video-promise.thai .r8-video-rotator{width:min(560px,100%)}
.r8-video-rotator>span{position:absolute;left:0;top:0;white-space:nowrap;opacity:0;transform:translateY(12px);transition:opacity .42s ease,transform .5s cubic-bezier(.2,.7,.2,1)}
.r8-video-rotator>span.is-active{opacity:1;transform:none}
.r8-video-actions{display:flex;align-items:center;margin-top:30px}
.r8-video-replay{position:absolute;z-index:3;right:24px;bottom:22px;width:42px;height:42px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.42);border-radius:50%;background:rgba(2,13,23,.42);color:#fff;font:inherit;font-size:22px;cursor:pointer;backdrop-filter:blur(8px);transition:border-color .2s,background .2s,transform .2s}
.r8-video-replay:hover{border-color:#f1ba3d;background:rgba(2,13,23,.72);transform:rotate(-28deg)}
.r8-video-replay span{display:block;line-height:1}
.r8-video-copy>small{display:block;margin-top:14px;color:#c1cdd4;font-size:11px}
html[lang="th"] .r8-video-copy h1{max-width:620px;font-size:clamp(48px,4.3vw,66px);line-height:1.06}
html[lang="th"] .r8-video-promise{font-family:"Noto Sans Thai",Manrope,sans-serif}
@media(max-width:720px){.r8-home .r8-header{margin-bottom:-68px}.r8-video-hero,.r8-video-inner{min-height:max(640px,100svh)}.r8-video-film{object-position:69% center}.r8-video-hero:after{background:linear-gradient(90deg,rgba(2,13,23,.88),rgba(2,13,23,.54)),linear-gradient(180deg,rgba(2,13,23,.16),transparent 28%,rgba(2,13,23,.82))}.r8-video-inner{width:calc(100% - 32px);align-items:flex-end;padding:110px 0 70px}.r8-video-copy{width:100%}.r8-video-copy h1,html[lang="th"] .r8-video-copy h1{font-size:clamp(39px,10.8vw,49px);line-height:1}.r8-video-promise{min-height:70px;display:block;margin-top:20px;font-size:21px}.r8-video-rotator{width:100%;display:block;margin-top:3px}.r8-video-actions{margin-top:22px}.r8-video-copy>small{font-size:10px}.r8-video-replay{right:14px;bottom:14px;width:38px;height:38px;font-size:20px}}
@media(max-width:350px){.r8-video-copy h1,html[lang="th"] .r8-video-copy h1{font-size:41px}.r8-video-actions{align-items:flex-start;flex-direction:column;gap:8px}.r8-video-actions .r8-button{width:100%}}
@media(max-width:720px){.r8-video-hero:after{background:linear-gradient(90deg,rgba(2,13,23,.88),rgba(2,13,23,.56)),linear-gradient(180deg,rgba(2,13,23,.14),transparent 27%,rgba(2,13,23,.96) 54%,#020d17 70%)}}
@media(prefers-reduced-motion:reduce){.r8-video-film{display:none}.r8-video-hero{background:url("assets/principal-hero-poster.jpg") 62% center/cover no-repeat}.r8-video-copy{opacity:1!important;transform:none!important;pointer-events:auto!important}.r8-video-rotator .phrase-one{opacity:1;transform:none}.r8-video-rotator .phrase-two,.r8-video-rotator .phrase-three,.r8-video-rotator .phrase-four{display:none}}

/* Scroll-led capabilities: one continuous Principal workspace, six active states. */
.r8-capabilities{position:relative;z-index:2;margin-top:-1px;padding:132px 24px 150px;overflow:clip;border-radius:30px 30px 0 0;background:#f7f5f0}
.r8-capabilities-intro{max-width:900px;margin:0 auto 82px;text-align:center}
.r8-capabilities-intro h2{margin:0;font-size:clamp(52px,5.5vw,78px);font-weight:550;line-height:.96;letter-spacing:-.058em}
.r8-capabilities-intro h2 span{color:var(--gold)}
.r8-capabilities-intro>p:last-child{max-width:650px;margin:24px auto 0;color:var(--muted);font-size:17px}
.r8-capability-rail{width:min(1240px,100%);display:grid;grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr);gap:clamp(54px,7vw,108px);align-items:start;margin:auto}
.r8-capability-steps{min-width:0}
.r8-capability-step{position:relative;min-height:92svh;padding-left:32px;opacity:.28;transition:opacity .4s ease}
@media(min-width:801px){.r8-capability-step:first-child{min-height:130svh}}
.r8-capability-copy{position:sticky;top:var(--r8-capability-focus-y,calc(50svh + 36px));display:flex;flex-direction:column;padding:32px 0;transform:translateY(-50%)}
.r8-capability-copy:before{content:"";position:absolute;left:-32px;top:50%;width:2px;height:72px;border-radius:99px;background:#d6d0c5;transform:translateY(-50%);transition:height .5s cubic-bezier(.22,1,.36,1),background .35s ease}
.r8-capability-step.is-active{opacity:1}
.r8-capability-step.is-active .r8-capability-copy:before{height:126px;background:linear-gradient(180deg,#f4d275,#d59813)}
.r8-capability-number{margin-bottom:20px;color:#936608;font-size:11px;font-weight:850;letter-spacing:.14em}
.r8-capability-step h3{max-width:510px;margin:0;font-size:clamp(34px,3.4vw,50px);font-weight:560;line-height:1.02;letter-spacing:-.048em}
.r8-capability-copy>p{max-width:500px;margin:20px 0 0;color:#4a5b64;font-size:16px;line-height:1.65}
.r8-capability-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.r8-capability-tags span,.r8-capability-addon{width:max-content;padding:7px 11px;border:1px solid #d9d2c4;border-radius:999px;background:rgba(255,255,255,.66);color:#75510a;font-size:10px;font-weight:800;letter-spacing:.04em}
.r8-capability-addon{order:-1;margin:0 0 15px}
.r8-capability-stage-shell{position:sticky;top:88px;height:calc(100svh - 104px);display:grid;place-items:center}
.r8-capability-stage{position:relative;width:100%;height:min(70vh,660px);overflow:hidden;border:1px solid rgba(7,27,44,.14);border-radius:26px;background:#061724;box-shadow:0 34px 80px rgba(7,27,44,.16)}
.r8-capability-stage:after{content:"";position:absolute;z-index:3;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);pointer-events:none}
.r8-capability-bridge{position:absolute;z-index:4;inset:0;width:100%;height:100%;display:block;object-fit:cover;background:#061724;opacity:0;visibility:hidden;pointer-events:none}
.r8-capability-bridge.is-active{opacity:1;visibility:visible}
.r8-capability-bridge-caption{position:absolute;z-index:5;left:0;bottom:0;width:min(62%,420px);height:68px;overflow:hidden;background:linear-gradient(90deg,rgba(6,23,36,.99) 0%,rgba(6,23,36,.97) 72%,rgba(6,23,36,0));opacity:0;visibility:hidden;pointer-events:none}
.r8-capabilities.is-bridge-visible .r8-capability-bridge-caption.is-active{opacity:1;visibility:visible}
.r8-capability-bridge-caption>span{position:absolute;left:24px;bottom:20px;display:flex;align-items:center;gap:12px;color:#f4f7f8;font-size:13px;font-style:normal;font-weight:750;letter-spacing:-.01em;opacity:0;transform:translateY(4px);transition:opacity .18s ease,transform .22s ease}
.r8-capability-bridge-caption>span.is-visible{opacity:1;transform:none}
.r8-capability-bridge-caption i{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.28);border-radius:50%;color:#f3c653;font-size:9px;font-style:normal}
.r8-meeting-card-titles{position:absolute;z-index:5;left:50%;top:26.5%;width:52%;height:30px;transform:translate(-50%,-50%);pointer-events:none}
.r8-meeting-card-titles span{position:absolute;left:50%;top:50%;width:max-content;max-width:100%;padding:7px 12px;border:1px solid rgba(229,187,86,.32);border-radius:999px;background:rgba(8,29,44,.94);box-shadow:0 8px 20px rgba(1,9,18,.2);color:#f3ce70;font-size:9px;font-weight:850;letter-spacing:.065em;line-height:1.15;text-align:center;text-transform:uppercase;opacity:0;transform:translate(-50%,-30%);transition:opacity .22s ease,transform .3s cubic-bezier(.22,1,.36,1)}
.r8-meeting-card-titles span.is-light{border-color:rgba(134,98,26,.18);background:rgba(250,246,237,.96);color:#75510a;box-shadow:0 8px 20px rgba(64,50,24,.12)}
.r8-meeting-card-titles span.is-visible{opacity:1;transform:translate(-50%,-50%)}
.r8-business-card-titles,.r8-lead-card-titles,.r8-campaign-card-titles{top:15%}
.r8-capability-visual{position:absolute;inset:0;margin:0;opacity:0;transform:scale(.985) translateY(14px);transition:opacity .45s ease,transform .55s cubic-bezier(.22,1,.36,1);pointer-events:none}
.r8-capability-visual.is-active{z-index:2;opacity:1;transform:none}
.r8-capabilities.is-bridge-handoff .r8-capability-visual{transition:none}
.r8-capability-visual img,.r8-capability-motion{width:100%;height:100%;object-fit:cover}
.r8-capability-bridge[data-bridge-from="1"][data-bridge-to="2"],.r8-capability-bridge[data-bridge-from="2"][data-bridge-to="3"],.r8-capability-bridge[data-bridge-from="3"][data-bridge-to="4"],.r8-capability-bridge[data-bridge-from="4"][data-bridge-to="5"],.r8-capability-visual[data-capability-visual="2"]>img,.r8-capability-visual[data-capability-visual="2"]>.r8-capability-motion,.r8-capability-visual[data-capability-visual="3"]>img,.r8-capability-visual[data-capability-visual="3"]>.r8-capability-motion,.r8-capability-visual[data-capability-visual="4"]>img,.r8-capability-visual[data-capability-visual="4"]>.r8-capability-motion{object-fit:contain;object-position:center}
.r8-capability-motion{display:block}
.r8-capability-visual[data-capability-visual="0"]>img,.r8-capability-visual[data-capability-visual="0"]>.r8-capability-motion{filter:brightness(.48) saturate(.8)}
.r8-capability-visual figcaption{position:absolute;z-index:2;left:24px;right:24px;bottom:20px;display:flex;align-items:center;gap:12px;color:#f4f7f8;font-size:13px;font-weight:750;letter-spacing:-.01em}
.r8-capability-visual figcaption span{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.28);border-radius:50%;color:#f3c653;font-size:9px}
.r8-morning-demo{position:absolute;z-index:4;left:50%;top:52%;width:min(82%,500px);padding:20px 22px 17px;border:1px solid rgba(255,255,255,.68);border-radius:18px;background:rgba(249,248,244,.95);box-shadow:0 22px 60px rgba(1,12,22,.34);color:#102535;transform:translate(-50%,-50%) scale(1);transition:transform .32s cubic-bezier(.22,1,.36,1);backdrop-filter:blur(14px)}
.r8-capabilities.is-bridge-priming .r8-capability-visual[data-capability-visual="0"] .r8-morning-demo{transform:translate(-50%,-50%) scale(1.06)}
.r8-morning-demo header,.r8-morning-demo footer{display:flex;align-items:center;justify-content:space-between;gap:15px}
.r8-morning-demo header span{color:#815a0b;font-size:8px;font-weight:850;letter-spacing:.1em}
.r8-morning-demo time{font-size:10px;font-weight:800}
.r8-morning-demo h4{margin:17px 0 2px;font-size:24px;line-height:1;letter-spacing:-.04em}
.r8-morning-demo>p{margin:0;color:#5a6971;font-size:10px}
.r8-morning-demo ul{display:grid;gap:7px;margin:17px 0 15px;padding:0;list-style:none}
.r8-morning-demo li{display:grid;grid-template-columns:126px 1fr;gap:12px;align-items:center;padding:9px 10px;border:1px solid #e0e2e1;border-radius:9px;background:#fff}
.r8-morning-demo li b{font-size:10px}
.r8-morning-demo li span{color:#617079;font-size:8px}
.r8-morning-demo footer{padding-top:12px;border-top:1px solid #dedfdc;color:#617079;font-size:8px}
.r8-morning-demo footer strong{padding:4px 7px;border-radius:999px;background:#e1f2ea;color:#17664f;font-size:8px}
.r8-live-voice-visual{background:#061724}
.r8-live-voice-demo{position:absolute;left:0;top:50%;width:100%;aspect-ratio:4/3;overflow:hidden;background:radial-gradient(circle at 50% 39%,rgba(222,171,45,.2),transparent 27%),radial-gradient(circle at 50% 58%,rgba(255,255,255,.94),transparent 36%),#f3efe7;transform:translateY(-50%)}
.r8-live-voice-demo:before{content:"";position:absolute;left:50%;top:9%;width:42%;height:48%;border:1px solid rgba(195,140,26,.11);border-radius:50%;transform:translateX(-50%);box-shadow:0 0 70px rgba(200,150,38,.08)}
.r8-live-voice-story{position:absolute;z-index:4;left:50%;bottom:3.7%;width:78%;height:68px;padding:9px 16px 14px;border:1px solid rgba(134,98,26,.14);border-radius:14px;background:rgba(250,248,242,.88);box-shadow:0 10px 30px rgba(54,43,25,.09);color:#0b2435;opacity:0;transform:translate(-50%,8px);transition:opacity .4s ease .05s,transform .55s cubic-bezier(.22,1,.36,1) .05s;backdrop-filter:blur(10px)}
.r8-live-voice-visual.is-active .r8-live-voice-story{opacity:1;transform:translate(-50%,0)}
.r8-live-voice-kicker{display:none}
.r8-live-voice-states{position:relative;height:40px;margin:0}
.r8-live-voice-states article{position:absolute;inset:0;display:grid;grid-template-columns:auto auto;gap:10px;align-items:center;justify-content:center;opacity:0;transform:translateY(5px);transition:opacity .3s ease,transform .4s cubic-bezier(.22,1,.36,1)}
.r8-live-voice-states article.is-visible{opacity:1;transform:none}
.r8-live-voice-states small{color:#a47613;font-size:7px;font-weight:850;letter-spacing:.14em;white-space:nowrap}
.r8-live-voice-states h4{margin:0;font-size:13px;font-weight:650;line-height:1.05;letter-spacing:-.025em;white-space:nowrap}
.r8-live-voice-progress{position:absolute;left:50%;bottom:7px;display:flex;gap:5px;margin:0;padding:0;list-style:none;transform:translateX(-50%)}
.r8-live-voice-progress li{width:13px;height:2px;border-radius:99px;background:rgba(11,36,53,.18);transition:width .3s ease,background .3s ease}
.r8-live-voice-progress li.is-visible{width:25px;background:#c38c1a}
.r8-live-phone{position:absolute;z-index:2;left:50%;right:auto;top:44%;height:90%;aspect-ratio:381/894;overflow:hidden;clip-path:inset(6.7% 2.5% 9% 2.5% round 12px);filter:drop-shadow(0 13px 18px rgba(8,24,35,.2));transform:translate(-50%,-50%)}
.r8-live-phone .r8-live-phone-source{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:contain}
.r8-live-orb-motion{position:absolute;z-index:2;left:11.02%;top:22.93%;width:77.69%;height:33.11%;object-fit:cover;clip-path:circle(49% at 50% 50%);mix-blend-mode:screen;opacity:.95}
.r8-live-phone-status{position:absolute;z-index:3;left:14%;top:55.1%;width:72%;height:10.5%;overflow:hidden;background:linear-gradient(90deg,rgba(11,14,16,0),#0b0e10 12%,#0b0e10 88%,rgba(11,14,16,0));color:#f4f5f5;text-align:center}
.r8-live-phone-status span{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transform:translateY(4px);transition:opacity .25s ease,transform .35s cubic-bezier(.22,1,.36,1)}
.r8-live-phone-status span.is-visible{opacity:1;transform:none}
.r8-live-phone-status b{font-size:clamp(9px,1.1vw,13px);font-weight:650;line-height:1.1}
.r8-live-phone-status small{margin-top:4px;color:#b8b9ba;font-size:clamp(6px,.75vw,9px);line-height:1.1}
html[lang="th"] .r8-live-voice-story,html[lang="th"] .r8-live-phone-status{font-family:"Noto Sans Thai",Manrope,sans-serif}
html[lang="th"] .r8-live-voice-states h4{line-height:1.14;letter-spacing:-.025em}
.r8-capability-mobile-visual{display:none}
html[lang="th"] .r8-capability-step h3{font-family:"Noto Sans Thai",Manrope,sans-serif;line-height:1.13;letter-spacing:-.035em}
@media(max-width:1050px){.r8-capability-rail{grid-template-columns:minmax(0,.82fr) minmax(430px,1.18fr);gap:44px}.r8-capability-step{padding-left:24px}.r8-capability-copy:before{left:-24px}.r8-capability-stage{height:min(62vh,570px)}.r8-morning-demo{width:86%;padding:18px}.r8-morning-demo h4{font-size:21px}.r8-morning-demo li{grid-template-columns:110px 1fr}.r8-live-voice-story{width:84%;height:58px;padding:7px 11px 12px}.r8-live-voice-states{height:34px}.r8-live-voice-states article{gap:6px}.r8-live-voice-states h4{font-size:10px}.r8-live-voice-states small{font-size:6px}.r8-live-voice-progress{bottom:5px}}
@media(max-width:800px){.r8-capabilities{padding:96px 16px 110px;border-radius:22px 22px 0 0}.r8-capabilities-intro{margin-bottom:46px;text-align:left}.r8-capabilities-intro h2{font-size:clamp(45px,12vw,58px)}.r8-capabilities-intro>p:last-child{margin:20px 0 0;font-size:16px}.r8-capability-rail{display:block}.r8-capability-step{min-height:0;padding:42px 0;border-top:1px solid #ddd8ce;opacity:1}.r8-capability-copy{position:static;padding:0;transform:none}.r8-capability-copy:before,.r8-capability-stage-shell{display:none}.r8-capability-step h3{font-size:34px}.r8-capability-copy>p{font-size:15px}.r8-capability-mobile-visual{width:100%;display:block;margin-top:27px;border:1px solid rgba(7,27,44,.13);border-radius:18px;background:#061724;box-shadow:0 20px 42px rgba(7,27,44,.12)}.r8-live-voice-mobile{height:min(128vw,620px);object-fit:contain;background:#fff}.r8-capability-number{margin-bottom:13px}.r8-capability-addon{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.r8-capability-step,.r8-capability-visual,.r8-morning-demo{transition:none}.r8-live-orb-motion{display:none}}