@font-face{font-family:Be;src:url(assets/BeVietnamPro-Regular.ttf);font-weight:400;font-display:swap}@font-face{font-family:Be;src:url(assets/BeVietnamPro-SemiBold.ttf);font-weight:600;font-display:swap}:root{--ink:#13243c;--blue:#183bb5;--orange:#ff7548;--paper:#f6f7fb;--muted:#566278;--line:#dce2ec}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:#fff;color:var(--ink);font-family:Be,Arial,sans-serif;line-height:1.75}a{text-decoration:none;color:inherit}a:focus-visible{outline:3px solid var(--orange);outline-offset:6px}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:#fff;padding:12px;z-index:20}.wrap{max-width:1240px;margin:auto;padding:0 52px}.draft{background:var(--ink);color:#fff;padding:8px 30px;text-align:center;font-size:10px;letter-spacing:1px}.draft span{margin-left:20px;letter-spacing:0;color:#cad4e5}header{display:flex;align-items:center;justify-content:space-between;height:112px}.logo{font-size:29px;font-weight:600;letter-spacing:-1.6px;display:inline-flex;align-items:center;gap:9px}.logomark{display:inline-flex;justify-content:center;align-items:center;width:29px;height:29px;border-radius:7px;background:var(--blue);color:white;font-size:25px;line-height:1;letter-spacing:0}nav{display:flex;gap:30px;align-items:center;font-size:12px}nav a:hover{color:var(--blue)}.navcontact{border:1px solid var(--line);border-radius:30px;padding:9px 19px}.navcontact span{margin-left:22px}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:60px;align-items:center;padding-top:44px;padding-bottom:75px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1.5px;font-weight:600;margin:0 0 28px}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--orange)}h1{font-size:clamp(45px,5.4vw,72px);font-weight:600;letter-spacing:-3.8px;line-height:1.13;margin:0 0 27px}h1 span{color:var(--blue)}.intro{font-size:17px;line-height:1.7;max-width:475px}.summary{font-size:13px;color:var(--muted);max-width:470px;line-height:1.9}.actions{display:flex;align-items:center;gap:25px;margin-top:30px}.button{padding:14px 20px;background:var(--blue);color:white;border-radius:6px;font-size:12px;display:inline-flex;gap:30px;align-items:center;transition:background .2s}.button:hover{background:var(--ink)}.textlink{font-size:12px}.textlink span{margin-left:12px}.herovisual{height:520px;background:#e9edf9;border-radius:16px;position:relative;padding:25px;overflow:hidden}.visualtop,.visualbottom{display:flex;justify-content:space-between;font-size:8px;font-weight:600;letter-spacing:1px;position:absolute;left:25px;right:25px}.visualtop{top:22px}.visualbottom{bottom:20px;align-items:end}.plus{font-size:32px;font-weight:400}.bigarrow{position:absolute;right:23px;top:3px;font-family:Arial,sans-serif;color:var(--blue);font-size:300px;line-height:1;transform:rotate(-5deg)}.tile{position:absolute;padding:22px;border-radius:11px;box-shadow:0 14px 28px #14285212}.tile>span{font-size:8px;letter-spacing:1px;display:block;margin-bottom:14px}.tile strong{font-size:24px;line-height:1.3;letter-spacing:-1px;font-weight:600;display:block}.tile small{font-size:9px;display:block;margin-top:17px}.tileone{left:25px;top:105px;background:white;width:240px;transform:rotate(-5deg);z-index:2}.tileone strong{font-size:30px}.tileone b{color:var(--blue);font-weight:400}.tiletwo{right:24px;top:214px;width:205px;background:var(--blue);color:white;transform:rotate(6deg);z-index:3}.dots{display:flex;margin-top:17px}.dots i{display:block;width:25px;height:25px;border:2px solid var(--blue);background:#dbe4ff;border-radius:50%;margin-left:-4px}.dots i:nth-child(2){background:var(--orange)}.dots i:nth-child(3){background:#91d9c4}.tilethree{left:25px;bottom:82px;background:var(--orange);width:245px;transform:rotate(-3deg)}.tilethree strong{font-size:21px}.steps{display:flex;align-items:center;margin-top:14px}.steps i{height:11px;width:11px;border:2px solid var(--ink);border-radius:50%}.steps b{height:1px;width:50px;background:var(--ink)}.strip{background:var(--ink);color:white}.strip>.wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:23px;padding-bottom:23px;font-size:12px}.strip i{font-style:normal;font-size:23px;color:var(--orange)}.sectionlabel{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;font-size:9px;font-weight:600;letter-spacing:1px;margin-bottom:40px}.sectionlabel span:last-child{color:var(--muted)}.about{padding-top:80px;padding-bottom:75px}.aboutgrid{display:grid;grid-template-columns:1fr 1.1fr;gap:70px}h2{font-size:36px;line-height:1.35;letter-spacing:-1.6px;font-weight:600;margin:0}.about p{font-size:13px;color:var(--muted);margin-top:0;margin-bottom:18px}.about p.large{font-size:20px;color:var(--ink);line-height:1.7}.expertise{background:var(--paper);padding:70px 0}.service{display:grid;grid-template-columns:65px 1fr 1.2fr 70px;gap:35px;align-items:center;border-bottom:1px solid var(--line);padding:28px 0}.number{font-size:12px;color:var(--blue)}h3{font-size:23px;line-height:1.45;letter-spacing:-.6px;font-weight:600;margin:0}.service p{font-size:13px;color:var(--muted);margin:0}.symbol{font-family:Arial;font-size:44px;color:var(--blue);text-align:right}.service:nth-child(3) .symbol{color:#b44724}.projects{padding-top:80px;padding-bottom:85px}.projecthead{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px}.projecthead p{font-size:12px;color:var(--muted)}.projectgrid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.project{border:1px solid var(--line);border-radius:12px;overflow:hidden}.featured{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr}.projectbody{padding:28px}.featured .projectbody{display:flex;flex-direction:column;justify-content:center;padding:40px}.projectmeta{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);letter-spacing:.8px;margin-bottom:18px}.projectbody p{font-size:12px;color:var(--muted);line-height:1.9}.chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.chips span{font-size:9px;padding:4px 10px;background:var(--paper);border-radius:5px}.art{height:300px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:35px}.report{background:#dae3ff;display:block;padding:35px 32px 43px;height:330px}.mocknav{background:#fff;display:flex;justify-content:space-between;padding:16px;border-radius:8px 8px 0 0;font-size:8px}.mocknav span{font-size:6px;color:var(--muted)}.reportbody{display:flex;height:204px;background:#f6f8ff;border-radius:0 0 8px 8px;overflow:hidden}.mockside{width:45px;background:var(--ink);padding:18px 10px}.mockside i{display:block;height:4px;background:#7785a0;margin-bottom:16px}.mockmain{padding:15px;width:100%;font-size:8px}.minicards{display:flex;gap:8px;margin-top:12px}.minicards i{display:block;width:30%;height:28px;background:#e1e8ff;border-left:3px solid var(--blue);border-radius:3px}.minicards i:nth-child(2){border-color:var(--orange)}.minicards i:nth-child(3){border-color:#27947a}.mockchart{display:flex;gap:11px;height:72px;align-items:end;padding:10px 9px 0;margin-top:10px;background:white;border-radius:4px}.mockchart b{width:22px;height:40%;background:var(--blue);border-radius:3px 3px 0 0}.mockchart b:nth-child(2n){height:70%}.mockchart b:nth-child(3n){height:95%;background:var(--orange)}.mockchart b:nth-child(5){height:60%}.mocklines{display:flex;gap:7px;margin-top:12px}.mocklines i{height:5px;background:#d9e1f3;width:30%}.artcaption{position:absolute;bottom:13px;font-size:6px;letter-spacing:.8px;left:20px;right:20px;text-align:center}.brandart{background:#eee7db}.brandpaper{background:#faf7f0;width:85%;padding:22px 28px;box-shadow:10px 14px 0 #d5cebe;transform:rotate(-5deg);color:#7a4b2a}.brandpaper small{font-size:7px;letter-spacing:1px}.brandpaper strong{display:block;font-family:Georgia,serif;font-size:42px;font-weight:400;line-height:1.3;margin:18px 0}.brandpaper strong span{display:block;font-family:Be;font-size:7px;letter-spacing:1.5px}.colors{display:flex;gap:7px}.colors i{height:25px;width:44px;background:#7a4b2a;border-radius:3px}.colors i:nth-child(2){background:#86b97a}.colors i:nth-child(3){background:#294335}.colors i:nth-child(4){background:#ded6c8}.botart{background:#d9f1ec}.botwindow{background:#fff;border-radius:10px;padding:18px;width:300px;transform:rotate(3deg);box-shadow:0 14px 22px #163b3020}.botnav{display:flex;gap:9px;align-items:center}.boticon{background:var(--blue);color:white;border-radius:8px;width:30px;text-align:center;font-size:20px}.botnav b{display:block;font-size:10px}.botnav small{display:block;font-size:6px;letter-spacing:.5px}.status{margin-left:auto;width:6px;height:6px;border-radius:50%;background:#22866d}.message{background:#edf2fc;border-radius:8px;padding:13px;margin-top:17px}.message>span{font-size:7px;color:var(--blue);font-weight:600}.message i{display:block;background:#c4cee2;height:4px;width:95%;margin-top:7px}.message i:nth-child(3){width:80%}.message div{font-size:6px;margin-top:12px;color:var(--muted)}.reply{font-size:7px;background:var(--blue);color:white;padding:9px 12px;border-radius:7px;float:right;margin-top:12px}.botwindow:after{content:'';display:block;clear:both}.contact{background:var(--blue);color:white;padding:65px 0}.contact>.wrap{display:flex;justify-content:space-between;gap:35px}.contact h2{font-size:44px}.contact p:not(.eyebrow){font-size:12px;color:#e0e7ff;margin-top:20px}.email{display:inline-flex;align-items:center;gap:45px;font-size:23px;border-bottom:1px solid #819bf9;padding:12px 0;letter-spacing:-.6px}.email:hover{border-color:white}.contactnote{min-width:240px;border-left:1px solid #819bf9;padding-left:40px;display:flex;flex-direction:column;justify-content:space-between}.contactnote>span{font-size:8px;letter-spacing:1px}.contactnote>div{font-family:Arial;font-size:120px;line-height:1;color:#ffb599}.contactnote p{margin-bottom:0}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:35px!important;padding-bottom:35px!important}footer p,footer>span{font-size:10px;color:var(--muted)}footer .logo{font-size:24px}footer .logomark{height:24px;width:24px;font-size:20px}@media(max-width:900px){.wrap{padding-left:30px;padding-right:30px}.hero{gap:30px}h1{font-size:55px}.herovisual{height:490px}.tileone{width:210px}.tiletwo{width:180px;right:15px}.tilethree{width:215px}.aboutgrid{gap:35px}.service{gap:20px;grid-template-columns:35px 1fr 1.15fr 40px}.featured .projectbody{padding:25px}.projecthead h2{font-size:31px}}@media(max-width:650px){.wrap{padding-left:22px;padding-right:22px}.draft{font-size:8px;padding:7px 10px;letter-spacing:.4px}.draft span{margin-left:9px;font-size:8px}header{height:88px}.logo{font-size:25px}.logomark{width:25px;height:25px;font-size:22px}nav{gap:17px;font-size:11px}nav>a:nth-child(1),nav>a:nth-child(2){display:none}.navcontact{padding:7px 12px}.navcontact span{margin-left:8px}.hero{grid-template-columns:1fr;padding-top:25px;padding-bottom:38px;gap:32px}.eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:24px}h1{font-size:62px;letter-spacing:-3px;margin-bottom:24px}.intro{font-size:16px}.summary{font-size:12px}.actions{gap:25px}.herovisual{height:435px}.bigarrow{font-size:250px;top:10px}.tileone{top:85px;width:215px}.tiletwo{top:177px;width:175px;right:20px}.tilethree{bottom:65px;width:220px}.tile{padding:18px}.tile strong{font-size:23px}.tileone strong{font-size:28px}.tilethree strong{font-size:20px}.visualbottom{bottom:15px;font-size:7px}.strip>.wrap{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;font-size:10px;padding-top:19px;padding-bottom:19px}.strip i{font-size:15px}.strip i:nth-of-type(2){display:none}.strip span:last-child{grid-column:3}.sectionlabel{font-size:8px;letter-spacing:.4px;margin-bottom:28px}.about{padding-top:48px;padding-bottom:38px}.aboutgrid{grid-template-columns:1fr;gap:25px}h2{font-size:31px}.about p.large{font-size:18px}.about p{font-size:12px}.expertise{padding:43px 0}.service{grid-template-columns:25px 1fr 35px;gap:13px;padding:24px 0}.service h3{font-size:21px}.service p{grid-column:2;grid-row:2;font-size:12px}.service .symbol{grid-column:3;grid-row:1;font-size:32px}.projects{padding-top:48px;padding-bottom:48px}.projecthead{display:block}.projecthead h2{font-size:29px}.projecthead p{font-size:11px;margin-top:18px}.projectgrid{grid-template-columns:1fr;gap:22px}.featured{grid-column:auto;display:block}.projectbody,.featured .projectbody{padding:23px}.projectbody h3{font-size:21px}.art{height:265px}.report{height:290px;padding:26px 24px 40px}.reportbody{height:184px}.mockchart{height:60px}.contact{padding:43px 0}.contact>.wrap{display:block}.contact h2{font-size:35px}.contactnote{display:none}.email{font-size:20px;gap:20px;max-width:100%;overflow-wrap:anywhere}footer{flex-wrap:wrap;gap:12px;padding-top:25px!important;padding-bottom:25px!important}footer p{order:3;width:100%;margin:0}.projectmeta{font-size:8px}.artcaption{font-size:5px}}@media(max-width:350px){h1{font-size:55px}.logo{font-size:23px}nav{gap:10px}.actions{gap:15px}.button{gap:15px}.tileone{width:195px}.tiletwo{width:160px}.email{font-size:17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.professional-title{font-size:clamp(40px,4.4vw,60px);letter-spacing:-2.8px;line-height:1.2}.kanjiart{background:#eae5f6}.kanjiwindow{background:#fffdf9;width:310px;padding:20px;border-radius:13px;box-shadow:0 15px 25px #29204420;transform:rotate(-3deg);color:#35334b}.kanjitop{display:flex;justify-content:space-between;align-items:center;font-size:12px}.kanjitop>span{background:#eee8fa;color:#66529d;padding:3px 7px;border-radius:5px;font-size:10px}.kanjiquestion{text-align:center;margin-top:13px}.kanjiquestion>small{font-size:6px;letter-spacing:1px;color:#66529d}.kanjiquestion>strong{display:block;font-size:36px;line-height:1.5;margin:5px 0}.kanjioptions{display:flex;gap:8px;font-size:10px}.kanjioptions span{padding:8px;flex:1;border:1px solid #ddd7e9;border-radius:6px}.kanjioptions span:first-child{background:#e2f0e8;border-color:#a1c7af}.kanjiprogress{height:5px;background:#eee8fa;margin-top:16px;border-radius:8px;overflow:hidden}.kanjiprogress i{display:block;width:65%;height:100%;background:#7963ba}.kanjifoot{display:block;font-size:6px;letter-spacing:1px;margin-top:8px;color:#66529d}@media(max-width:650px){.professional-title{font-size:46px;letter-spacing:-2px}}@media(max-width:350px){.professional-title{font-size:40px}}