@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;450;500;550;600;650;700;750;800&display=swap');
#tyhon-redesign{--ink:#102b27;--paper:#fbfbf7;--muted:#63716b;--line:#d9e1d9;--lime:#dfff45;--pale:#f0f3eb;--green:#23564a;--font:'Be Vietnam Pro',Arial,sans-serif}
#tyhon-redesign *{box-sizing:border-box}
html:has(#tyhon-redesign){scroll-behavior:smooth;scroll-padding-top:100px}
#tyhon-redesign{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.75}
#tyhon-redesign a{color:inherit;text-decoration:none}
#tyhon-redesign button,#tyhon-redesign input:not(#tyhon-native-contact input),#tyhon-redesign select:not(#tyhon-native-contact select),#tyhon-redesign textarea:not(#tyhon-native-contact textarea){font:inherit}
#tyhon-redesign button,#tyhon-redesign a,#tyhon-redesign input:not(#tyhon-native-contact input),#tyhon-redesign select:not(#tyhon-native-contact select),#tyhon-redesign textarea:not(#tyhon-native-contact textarea){-webkit-tap-highlight-color:transparent}
#tyhon-redesign button{cursor:pointer}
#tyhon-redesign a:focus-visible,#tyhon-redesign button:focus-visible,#tyhon-redesign input:focus-visible:not(#tyhon-native-contact input),#tyhon-redesign select:focus-visible:not(#tyhon-native-contact select),#tyhon-redesign textarea:focus-visible:not(#tyhon-native-contact textarea){outline:3px solid #4a9980;outline-offset:5px}
#tyhon-redesign button{color:inherit}
#tyhon-redesign img{max-width:100%}
#tyhon-redesign h1,#tyhon-redesign h2,#tyhon-redesign h3,#tyhon-redesign p{margin:0}
#tyhon-redesign h1,#tyhon-redesign h2,#tyhon-redesign h3{font-weight:550;line-height:1.2;letter-spacing:-.055em}
#tyhon-redesign h1{font-size:clamp(44px,5.7vw,88px)}
#tyhon-redesign h2{font-size:clamp(30px,3.35vw,49px)}
#tyhon-redesign h3{font-size:26px;letter-spacing:-.035em}
#tyhon-redesign h1 em,#tyhon-redesign h2 em{font-style:normal;color:#4b765c}
#tyhon-redesign p{color:var(--muted)}
#tyhon-redesign .wrap{max-width:1280px;padding-left:48px;padding-right:48px;margin:auto}
#tyhon-redesign .eyebrow{font-size:10px;letter-spacing:.15em;font-weight:650;line-height:1.6;color:var(--green);text-transform:uppercase}
#tyhon-redesign .small{font-size:12px}
#tyhon-redesign .muted{color:var(--muted)}
#tyhon-redesign .section{padding-top:100px;padding-bottom:100px}
#tyhon-redesign .compact{padding-top:24px}
#tyhon-redesign .pale{background:var(--pale)}
#tyhon-redesign .section-heading{display:flex;justify-content:space-between;gap:60px;align-items:flex-end;margin-bottom:45px}
#tyhon-redesign .section-heading .eyebrow{margin-bottom:20px}
#tyhon-redesign .section-description{max-width:345px;font-size:15px}
#tyhon-redesign .button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:15px 22px;border:1px solid transparent;border-radius:3px;font-size:12px;font-weight:550;line-height:1.6;transition:background .2s,transform .2s}
#tyhon-redesign .button span{font-size:20px;font-weight:400;line-height:1}
#tyhon-redesign .button:hover{transform:translateY(-2px)}
#tyhon-redesign .primary{background:var(--ink);color:#fff}
#tyhon-redesign .primary:hover{background:#285047}
#tyhon-redesign .outline{border-color:#a5b3a9}
#tyhon-redesign .outline:hover{background:#eaf0e6}
#tyhon-redesign .light{background:var(--lime);color:var(--ink)}
#tyhon-redesign .text{padding-left:0;padding-right:0}
#tyhon-redesign .text-link{display:inline-flex;align-items:center;gap:12px;font-weight:550;font-size:12px;border-bottom:1px solid #b9c8bb;padding-bottom:5px}
#tyhon-redesign .text-link:hover{color:#41785a}
#tyhon-redesign .preview-bar{height:30px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.08em;background:var(--ink);color:#eff5dd}
#tyhon-redesign .preview-bar i{font-style:normal;padding:0 9px;color:var(--lime)}
#tyhon-redesign header{position:sticky;top:0;background:rgba(251,251,247,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);z-index:20}
#tyhon-redesign .nav-wrap{max-width:1376px;padding:20px 48px;margin:auto;display:flex;justify-content:space-between;align-items:center}
#tyhon-redesign .logo{display:flex;align-items:center;gap:12px}
#tyhon-redesign .logo-mark{display:inline-block;position:relative;font:bold 39px/1 Arial,sans-serif;letter-spacing:-7px;width:40px;padding-bottom:5px}
#tyhon-redesign .logo-mark span{color:#3b7057}
#tyhon-redesign .logo-mark i{position:absolute;width:7px;height:7px;background:#a8c72b;right:-2px;top:3px;border-radius:50%}
#tyhon-redesign .logo-type{font-size:24px;line-height:1.15;font-weight:650;letter-spacing:-1.2px}
#tyhon-redesign .logo-type>span{display:block;font-size:6px;letter-spacing:1.25px;margin-top:5px;font-weight:600}
#tyhon-redesign nav{display:flex;align-items:center;gap:27px}
#tyhon-redesign nav>a{font-size:11px;color:#485950;white-space:nowrap}
#tyhon-redesign nav>a.active{color:var(--ink);font-weight:650}
#tyhon-redesign nav>a:not(.nav-contact){position:relative}
#tyhon-redesign nav>a.active:after{content:'';position:absolute;height:3px;width:13px;bottom:-9px;left:0;background:#8faa38}
#tyhon-redesign .nav-contact{background:var(--ink);color:white!important;padding:10px 16px;border-radius:3px;margin-left:8px}
#tyhon-redesign .nav-contact span{margin-left:15px}
#tyhon-redesign .menu-toggle{display:none}
#tyhon-redesign .hero{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:center;padding-top:64px;padding-bottom:72px;min-height:690px}
#tyhon-redesign .hero-copy{position:relative;z-index:1}
#tyhon-redesign .hero-copy h1{margin:25px 0 28px;line-height:1.12}
#tyhon-redesign .hero-copy .eyebrow{display:flex;gap:8px;align-items:center}
#tyhon-redesign .status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#91b340}
#tyhon-redesign .hero-description{max-width:435px;line-height:1.85;font-size:15px}
#tyhon-redesign .hero-actions{display:flex;gap:25px;margin-top:29px;align-items:center}
#tyhon-redesign .hero-caption{margin-top:45px;display:flex;gap:20px;font-size:8px;letter-spacing:.08em;color:#748375}
#tyhon-redesign .hero-visual{height:515px;position:relative;background:#e9efdf;border:1px solid #dce6d5;border-radius:4px;overflow:hidden;background-image:radial-gradient(#c5d2bf 1px,transparent 1px);background-size:20px 20px}
#tyhon-redesign .visual-label{position:absolute;left:24px;top:25px;font-size:8px;letter-spacing:.12em;display:flex;gap:8px;align-items:center;z-index:2}
#tyhon-redesign .visual-footer{position:absolute;left:24px;right:24px;bottom:24px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.1em;align-items:center}
#tyhon-redesign .visual-footer span:last-child{font-size:24px}
#tyhon-redesign .orbit{position:absolute;border:1px solid #c5d2bb;border-radius:50%;width:350px;height:350px;top:91px;left:50%;transform:translateX(-50%)}
#tyhon-redesign .orbit-two{width:250px;height:250px;top:141px}
#tyhon-redesign .orbit-three{width:430px;height:430px;top:51px}
#tyhon-redesign .core{position:absolute;left:50%;top:50%;width:122px;height:122px;transform:translate(-50%,-50%) rotate(-8deg);background:var(--ink);color:var(--lime);display:flex;align-items:center;justify-content:center;box-shadow:13px 18px 0 #d3dfc6;border-radius:29px;font:bold 94px/1 Arial,sans-serif;letter-spacing:-18px;padding-right:16px;padding-bottom:9px}
#tyhon-redesign .core>span{color:white}
#tyhon-redesign .core i{width:11px;height:11px;background:var(--lime);position:absolute;right:15px;top:17px;border-radius:50%}
#tyhon-redesign .float-node{position:absolute;padding:14px 18px;background:var(--paper);border:1px solid #d2ddc9;border-radius:5px;box-shadow:0 8px 20px #233a1510;min-width:160px}
#tyhon-redesign .float-node>span{display:block;font-size:22px;line-height:1.1;margin-bottom:9px;color:#537354}
#tyhon-redesign .float-node strong{font-size:12px;display:block;font-weight:550}
#tyhon-redesign .float-node small{font-size:8px;color:var(--muted)}
#tyhon-redesign .node-code{top:87px;left:30px;transform:rotate(-6deg)}
#tyhon-redesign .node-app{top:143px;right:22px;transform:rotate(6deg);min-width:144px}
#tyhon-redesign .node-media{bottom:72px;left:60px;transform:rotate(-3deg);min-width:190px}
#tyhon-redesign .node-media>span{color:#748a33}
#tyhon-redesign .domain-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0}
#tyhon-redesign .domain-strip>.wrap{display:flex;align-items:center;justify-content:space-between;gap:25px}
#tyhon-redesign .domain-strip p{font-size:8px;letter-spacing:.09em;line-height:1.7}
#tyhon-redesign .domain-strip span{font-size:21px;font-weight:600;letter-spacing:-.9px;color:#53665a}
#tyhon-redesign .domain-strip a{font-size:10px}
#tyhon-redesign .service-list{border-top:1px solid #bbc9bd}
#tyhon-redesign .service-row{display:grid;grid-template-columns:45px 1fr 1fr 48px;gap:20px;align-items:center;padding:34px 0;border-bottom:1px solid #cdd7cc;transition:background .2s}
#tyhon-redesign .service-row:hover{background:#f0f4eb}
#tyhon-redesign .service-number{font-size:10px;color:#82917f;align-self:start;padding-top:4px}
#tyhon-redesign .service-row h3{font-size:28px;margin-top:10px}
#tyhon-redesign .service-row .eyebrow{font-size:8px;letter-spacing:.1em}
#tyhon-redesign .service-row>p{font-size:13px;padding-left:25px;max-width:380px}
#tyhon-redesign .circle-arrow{display:flex;justify-content:center;align-items:center;border:1px solid #b6c5b3;border-radius:50%;height:44px;font-size:22px}
#tyhon-redesign .service-row:hover .circle-arrow{background:var(--lime);border-color:var(--lime)}
#tyhon-redesign .project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
#tyhon-redesign .project-card[hidden]{display:none}
#tyhon-redesign .project-art{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;height:260px;border-radius:3px}
#tyhon-redesign .art-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff15 1px,transparent 1px),linear-gradient(90deg,#ffffff15 1px,transparent 1px);background-size:45px 45px;transform:rotate(-20deg) scale(1.5)}
#tyhon-redesign .project-symbol{font-size:145px;line-height:1;font-weight:750;font-family:Arial,sans-serif;letter-spacing:-14px;z-index:1;transition:transform .3s}
#tyhon-redesign .project-art:hover .project-symbol{transform:scale(1.08) rotate(-4deg)}
#tyhon-redesign .art-address{position:absolute;left:22px;right:22px;bottom:20px;display:flex;justify-content:space-between;font-size:11px}
#tyhon-redesign .art-address span{font-size:20px}
#tyhon-redesign .blue{background:#0a455a;color:#c1f2f1}
#tyhon-redesign .orange{background:#ed8c48;color:#492f24}
#tyhon-redesign .green{background:#bccf99;color:#27472e}
#tyhon-redesign .purple{background:#736b9a;color:#eee2ff}
#tyhon-redesign .gold{background:#e8d695;color:#6a5423}
#tyhon-redesign .red{background:#c96851;color:#ffdcc5}
#tyhon-redesign .project-meta{padding:22px 0}
#tyhon-redesign .project-meta .eyebrow{font-size:8px}
#tyhon-redesign .project-meta h3{font-size:21px;line-height:1.4;margin:8px 0 13px;letter-spacing:-.04em}
#tyhon-redesign .project-meta p{font-size:12px;line-height:1.85}
#tyhon-redesign .project-meta .text-link{margin-top:19px;font-size:10px}
#tyhon-redesign .section-end{text-align:center;margin-top:35px}
#tyhon-redesign .story-split{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}
#tyhon-redesign .story-art{background:#e9eee1;min-height:500px;padding:34px;position:relative;overflow:hidden}
#tyhon-redesign .story-art>p{color:var(--ink);font-size:54px;line-height:1.13;letter-spacing:-.05em;font-weight:500;position:relative;z-index:1;margin-top:35px}
#tyhon-redesign .story-art em{font-style:normal;color:#6b895a}
#tyhon-redesign .story-art .eyebrow{font-size:8px}
#tyhon-redesign .story-coordinate{font-size:7px;letter-spacing:.1em;position:absolute;bottom:25px;left:34px}
#tyhon-redesign .growth-line{position:absolute;display:flex;gap:9px;bottom:0;right:-20px;align-items:flex-end;transform:rotate(-25deg);transform-origin:bottom left;opacity:.6}
#tyhon-redesign .growth-line i{display:block;background:#c2d1a7;width:40px;height:400px}
#tyhon-redesign .growth-line i:nth-child(2){height:470px}
#tyhon-redesign .growth-line i:nth-child(3){height:530px}
#tyhon-redesign .growth-line i:nth-child(4){height:590px}
#tyhon-redesign .growth-line i:nth-child(5){height:640px}
#tyhon-redesign .story-copy h2{margin:22px 0 28px}
#tyhon-redesign .story-copy>p:not(.eyebrow){margin-bottom:20px;font-size:14px}
#tyhon-redesign .story-copy .button{margin-top:12px}
#tyhon-redesign .process{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-top:20px}
#tyhon-redesign .process-items article{display:flex;gap:25px;border-top:1px solid var(--line);padding:25px 0}
#tyhon-redesign .process-items article>span{font-size:10px;color:#89a080}
#tyhon-redesign .process-items h3{font-size:20px;margin-bottom:8px}
#tyhon-redesign .process-items p{font-size:12px}
#tyhon-redesign .contact-band{background:var(--ink);color:#fff;padding:70px 0}
#tyhon-redesign .contact-band .eyebrow{color:#a8bc9e}
#tyhon-redesign .contact-band-row{display:flex;justify-content:space-between;align-items:center;gap:35px;margin:20px 0}
#tyhon-redesign .contact-band h2{font-size:clamp(35px,4.6vw,65px);font-weight:450}
#tyhon-redesign .contact-band>div>p:last-child{font-size:12px;color:#a8baad}
#tyhon-redesign .footer-grid{display:grid;grid-template-columns:1.2fr .75fr 1.1fr 1.2fr;gap:50px;padding-top:64px;padding-bottom:60px}
#tyhon-redesign .footer-wordmark{display:block;font-size:62px;font-weight:650;letter-spacing:-6px;line-height:1;margin-bottom:20px}
#tyhon-redesign .footer-wordmark span{font-size:12px;vertical-align:top;display:inline-block;margin-top:8px;letter-spacing:0}
#tyhon-redesign .footer-grid p{font-size:11px}
#tyhon-redesign .footer-grid h3{font-size:11px;font-weight:600;letter-spacing:0;margin-bottom:20px;line-height:1.7}
#tyhon-redesign .footer-grid a:not(.footer-wordmark){display:block;font-size:11px;margin:8px 0;color:var(--muted)}
#tyhon-redesign .footer-grid .small{margin-top:15px;font-size:9px}
#tyhon-redesign .footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding-top:18px;padding-bottom:20px;font-size:9px;color:var(--muted)}
#tyhon-redesign .page-hero{padding-top:70px;padding-bottom:60px}
#tyhon-redesign .page-hero h1{margin-top:22px;font-size:clamp(42px,5.3vw,73px);line-height:1.2}
#tyhon-redesign .page-intro{display:flex;justify-content:space-between;align-items:center;max-width:100%;margin-top:35px}
#tyhon-redesign .page-intro>p{max-width:610px;font-size:17px}
#tyhon-redesign .hero-index{font-size:55px;line-height:1;letter-spacing:-3px}
#tyhon-redesign .hero-index small{display:block;font-size:8px;letter-spacing:.1em;margin-top:13px}
#tyhon-redesign .page-description{font-size:16px;max-width:650px;margin-top:30px}
#tyhon-redesign .two-col{display:grid;grid-template-columns:1fr 1fr;gap:80px}
#tyhon-redesign .two-col h2{margin-top:20px}
#tyhon-redesign .large-copy{font-size:17px;line-height:1.9}
#tyhon-redesign .large-copy p+p{margin-top:22px}
#tyhon-redesign .large-copy .button{margin-top:28px}
#tyhon-redesign .back-link{font-size:11px;color:var(--muted)}
#tyhon-redesign .service-hero{padding-top:40px;padding-bottom:70px}
#tyhon-redesign .service-hero-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:70px;align-items:center;margin-top:45px}
#tyhon-redesign .service-hero h1{font-size:clamp(38px,4.4vw,63px);margin:20px 0 25px;line-height:1.25}
#tyhon-redesign .service-hero-grid>div>p:not(.eyebrow){font-size:15px;max-width:550px}
#tyhon-redesign .service-hero .button{margin-top:25px}
#tyhon-redesign .service-poster{height:390px;background:#dce8b4;padding:25px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
#tyhon-redesign .service-poster:before{content:'';position:absolute;width:290px;height:290px;border:1px solid currentColor;border-radius:50%;left:40px;top:50px;opacity:.2}
#tyhon-redesign .service-poster>span,#tyhon-redesign .service-poster p{font-size:9px;letter-spacing:.1em;color:inherit;position:relative}
#tyhon-redesign .service-poster>strong{font-size:130px;line-height:1;text-align:center;font-family:Arial,sans-serif;font-weight:400;position:relative;letter-spacing:-.09em}
#tyhon-redesign .poster-ung-dung-web{background:#c7c4dc}
#tyhon-redesign .poster-truyen-thong{background:#ed9a70}
#tyhon-redesign .poster-marketing{background:#254e44;color:#daecbf}
#tyhon-redesign .capability-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
#tyhon-redesign .capability-grid article{padding:30px 25px;border-right:1px solid var(--line)}
#tyhon-redesign .capability-grid article:first-child{padding-left:0}
#tyhon-redesign .capability-grid article:last-child{border-right:0}
#tyhon-redesign .capability-grid span{font-size:10px;color:var(--muted)}
#tyhon-redesign .capability-grid h3{font-size:21px;margin-top:28px;line-height:1.45}
#tyhon-redesign .detail-outcomes{padding-top:10px}
#tyhon-redesign .check-list{list-style:none;padding:0;margin:30px 0}
#tyhon-redesign .check-list li{font-size:13px;padding:12px 0;border-bottom:1px solid var(--line)}
#tyhon-redesign .check-list li:before{content:'↗';margin-right:15px;color:#71964d}
#tyhon-redesign .evidence-box{background:var(--pale);padding:35px;align-self:center}
#tyhon-redesign .evidence-box h3{margin:20px 0;font-size:28px}
#tyhon-redesign .evidence-box>p:not(.eyebrow){font-size:13px}
#tyhon-redesign .evidence-box .text-link{margin-top:25px}
#tyhon-redesign .evidence-box small{display:block;margin-top:12px;font-size:10px;color:var(--muted)}
#tyhon-redesign .filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:40px}
#tyhon-redesign .filter-bar button{border:1px solid #cad4c7;border-radius:30px;background:transparent;padding:10px 18px;font-size:11px}
#tyhon-redesign .filter-bar button.selected{background:var(--ink);border-color:var(--ink);color:#fff}
#tyhon-redesign .ecosystem-grid{row-gap:30px}
#tyhon-redesign .source-note{font-size:11px;max-width:800px;margin-top:30px}
#tyhon-redesign .about-seal{border:1px solid #b1c3ab;border-radius:50%;height:115px;width:115px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.5;font-size:9px;letter-spacing:.14em;transform:rotate(12deg);flex-shrink:0}
#tyhon-redesign .about-seal i{font-style:normal;font-size:30px;color:#6d8f4e;line-height:1}
#tyhon-redesign .manifesto{background:var(--ink);color:white;padding:95px 0}
#tyhon-redesign .manifesto .eyebrow{color:#a8bc9e}
#tyhon-redesign .manifesto h2{font-size:clamp(46px,6.6vw,93px);margin:30px 0;line-height:1.15;letter-spacing:-.055em}
#tyhon-redesign .manifesto em{color:var(--lime);font-style:normal}
#tyhon-redesign .manifesto p:last-child{font-size:15px;color:#bccabb}
#tyhon-redesign .story-long{display:grid;grid-template-columns:1fr 1.3fr;gap:100px}
#tyhon-redesign .story-long h2{margin-top:22px}
#tyhon-redesign .story-long>div>p{margin-bottom:23px;font-size:14px}
#tyhon-redesign .story-long .lead{font-size:21px;line-height:1.7;color:var(--ink)}
#tyhon-redesign .values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}
#tyhon-redesign .values-grid article{border-top:1px solid #b9c7af;padding-top:25px}
#tyhon-redesign .values-grid span{font-size:9px;letter-spacing:.1em;color:var(--muted)}
#tyhon-redesign .values-grid h3{font-size:28px;margin:25px 0}
#tyhon-redesign .values-grid p{font-size:13px}
#tyhon-redesign .article-row{display:grid;grid-template-columns:280px 1fr;gap:45px;border-top:1px solid var(--line);padding:30px 0;align-items:center}
#tyhon-redesign .article-row:last-child{border-bottom:1px solid var(--line)}
#tyhon-redesign .article-art{height:180px;background:#dce8b4;display:flex;align-items:center;justify-content:center;font-size:95px;font-weight:600;letter-spacing:-8px;position:relative}
#tyhon-redesign .article-art span{position:absolute;right:20px;bottom:15px;font-size:25px;letter-spacing:0}
#tyhon-redesign .art-02{background:#c7c4dc}
#tyhon-redesign .art-03{background:#c2dddb}
#tyhon-redesign .art-04{background:#edb695}
#tyhon-redesign .article-row h2{font-size:30px;margin:10px 0 16px;line-height:1.4}
#tyhon-redesign .article-row p:not(.eyebrow){font-size:13px;max-width:650px}
#tyhon-redesign .article-row .text-link{margin-top:20px}
#tyhon-redesign .contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;padding-bottom:110px}
#tyhon-redesign .contact-details h2{font-size:35px;margin-bottom:25px}
#tyhon-redesign .contact-details>a{display:block;font-size:15px;margin-top:10px}
#tyhon-redesign .contact-details .contact-large{font-size:24px;font-weight:550}
#tyhon-redesign .address-block{margin-top:33px}
#tyhon-redesign .address-block p{font-size:13px;margin-top:10px}
#tyhon-redesign .contact-details>.small{margin-top:30px}
#tyhon-redesign .contact-form{background:var(--pale);padding:36px}
#tyhon-redesign .contact-form h2{font-size:29px;letter-spacing:-.04em}
#tyhon-redesign .contact-form>p{font-size:11px;margin:16px 0 25px;line-height:1.8}
#tyhon-redesign .contact-form label{display:block;font-size:11px;font-weight:550;margin-bottom:20px}
#tyhon-redesign input:not(#tyhon-native-contact input),#tyhon-redesign select:not(#tyhon-native-contact select),#tyhon-redesign textarea:not(#tyhon-native-contact textarea){display:block;width:100%;border:1px solid #c2cfbf;border-radius:3px;background:var(--paper);padding:12px;font-size:12px;color:var(--ink);margin-top:8px}
#tyhon-redesign textarea:not(#tyhon-native-contact textarea){resize:vertical;min-height:140px}
#tyhon-redesign .form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
#tyhon-redesign .contact-form .form-privacy{font-size:10px;margin:0 0 25px}
#tyhon-redesign .contact-form .button{width:100%;justify-content:space-between}
#tyhon-redesign .contact-form #form-result{border-top:1px solid #bacab4;margin-top:25px;padding-top:20px;font-size:12px}
#tyhon-redesign .contact-form #form-result p{margin-bottom:15px}
#tyhon-redesign .skip-link{position:fixed;top:-70px;left:10px;padding:10px;background:var(--lime);z-index:100}
#tyhon-redesign .skip-link:focus{top:10px}
#tyhon-redesign .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(min-width:1450px){#tyhon-redesign .hero{padding-top:85px;padding-bottom:90px}
#tyhon-redesign .hero-visual{height:545px}}
@media(max-width:1100px){#tyhon-redesign nav{gap:18px}
#tyhon-redesign .nav-wrap{padding-left:30px;padding-right:30px}
#tyhon-redesign .wrap{padding-left:35px;padding-right:35px}
#tyhon-redesign .hero{gap:20px}
#tyhon-redesign .hero-visual{height:470px}
#tyhon-redesign .node-code{left:15px;top:80px}
#tyhon-redesign .node-app{right:10px;top:180px}
#tyhon-redesign .node-media{left:35px;bottom:75px}
#tyhon-redesign .core{width:104px;height:104px;font-size:80px}
#tyhon-redesign .orbit{top:60px}
#tyhon-redesign .orbit-two{top:110px}
#tyhon-redesign .orbit-three{top:20px}
#tyhon-redesign .hero-caption{gap:12px;font-size:7px}
#tyhon-redesign .hero-actions{gap:18px}
#tyhon-redesign .story-split,#tyhon-redesign .process{gap:55px}
#tyhon-redesign .footer-grid{gap:28px}
#tyhon-redesign .service-hero-grid{gap:40px}
#tyhon-redesign .contact-layout{gap:50px}
#tyhon-redesign .project-art{height:220px}}
@media(max-width:850px){#tyhon-redesign .nav-wrap{padding:17px 25px}
#tyhon-redesign .logo-type{font-size:22px}
#tyhon-redesign nav{position:absolute;top:100%;left:0;right:0;display:none;background:var(--paper);padding:25px;box-shadow:0 10px 20px #102b2712;border-bottom:1px solid var(--line);align-items:stretch;gap:0}
#tyhon-redesign nav.open{display:flex;flex-direction:column}
#tyhon-redesign nav>a{font-size:14px;padding:12px 0}
#tyhon-redesign nav>a.active:after{display:none}
#tyhon-redesign nav .nav-contact{padding:12px 16px;margin:15px 0 0}
#tyhon-redesign .menu-toggle{display:flex;flex-direction:column;gap:6px;padding:10px;border:0;background:transparent}
#tyhon-redesign .menu-toggle span{width:23px;height:1px;background:var(--ink)}
#tyhon-redesign .hero{min-height:auto;grid-template-columns:1fr 1fr;padding-top:50px;padding-bottom:50px}
#tyhon-redesign .hero h1{font-size:54px}
#tyhon-redesign .hero-description{font-size:13px}
#tyhon-redesign .hero-actions{flex-wrap:wrap;gap:15px}
#tyhon-redesign .hero-visual{height:430px}
#tyhon-redesign .node-code{min-width:130px;padding:12px;top:66px;left:10px}
#tyhon-redesign .node-app{min-width:125px;padding:12px;top:180px;right:5px}
#tyhon-redesign .node-media{min-width:155px;padding:12px;left:20px;bottom:50px}
#tyhon-redesign .float-node small{font-size:7px}
#tyhon-redesign .float-node strong{font-size:11px}
#tyhon-redesign .core{width:90px;height:90px;font-size:68px;box-shadow:8px 12px 0 #d3dfc6;letter-spacing:-13px;top:46%}
#tyhon-redesign .core i{width:8px;height:8px;right:13px;top:14px}
#tyhon-redesign .visual-label{font-size:7px;left:16px}
#tyhon-redesign .visual-footer{font-size:6px;left:16px;right:16px;bottom:13px}
#tyhon-redesign .hero-caption{flex-wrap:wrap;margin-top:25px;gap:6px 12px}
#tyhon-redesign .domain-strip span{font-size:17px}
#tyhon-redesign .domain-strip p{font-size:7px}
#tyhon-redesign .domain-strip a{display:none}
#tyhon-redesign .section{padding-top:70px;padding-bottom:70px}
#tyhon-redesign .section-heading{gap:30px}
#tyhon-redesign .section-description{max-width:260px;font-size:13px}
#tyhon-redesign .service-row{grid-template-columns:30px 1.2fr 1fr 38px;gap:10px}
#tyhon-redesign .service-row h3{font-size:23px}
#tyhon-redesign .service-row>p{font-size:11px;padding-left:10px}
#tyhon-redesign .circle-arrow{height:38px;font-size:18px}
#tyhon-redesign .project-grid{gap:18px}
#tyhon-redesign .project-art{height:180px}
#tyhon-redesign .project-symbol{font-size:110px}
#tyhon-redesign .project-meta h3{font-size:18px}
#tyhon-redesign .project-meta p{font-size:11px}
#tyhon-redesign .project-meta .text-link{font-size:9px}
#tyhon-redesign .art-address{font-size:9px;left:15px;right:15px;bottom:12px}
#tyhon-redesign .story-split{gap:40px}
#tyhon-redesign .story-art{min-height:430px;padding:25px}
#tyhon-redesign .story-art>p{font-size:42px}
#tyhon-redesign .story-copy h2{font-size:34px}
#tyhon-redesign .story-copy>p:not(.eyebrow){font-size:12px}
#tyhon-redesign .story-coordinate{left:25px;font-size:6px}
#tyhon-redesign .process{gap:40px;padding-top:10px}
#tyhon-redesign .process h2{font-size:34px}
#tyhon-redesign .footer-grid{grid-template-columns:1fr 1fr;gap:35px;padding-top:50px;padding-bottom:40px}
#tyhon-redesign .footer-wordmark{font-size:57px}
#tyhon-redesign .page-hero{padding-top:50px}
#tyhon-redesign .page-hero h1{font-size:53px}
#tyhon-redesign .page-intro>p{max-width:500px;font-size:15px}
#tyhon-redesign .two-col{gap:40px}
#tyhon-redesign .large-copy{font-size:15px}
#tyhon-redesign .service-hero h1{font-size:43px}
#tyhon-redesign .service-poster{height:340px}
#tyhon-redesign .service-poster>strong{font-size:100px}
#tyhon-redesign .service-hero-grid{grid-template-columns:1.5fr 1fr;gap:30px}
#tyhon-redesign .service-hero-grid>div>p:not(.eyebrow){font-size:13px}
#tyhon-redesign .capability-grid{grid-template-columns:1fr 1fr}
#tyhon-redesign .capability-grid article{padding:25px!important;border-bottom:1px solid var(--line)}
#tyhon-redesign .capability-grid article:nth-child(2){border-right:0}
#tyhon-redesign .capability-grid h3{font-size:21px;margin-top:18px}
#tyhon-redesign .evidence-box{padding:27px}
#tyhon-redesign .evidence-box h3{font-size:25px}
#tyhon-redesign .story-long{gap:45px}
#tyhon-redesign .story-long h2{font-size:34px}
#tyhon-redesign .story-long .lead{font-size:18px}
#tyhon-redesign .values-grid{gap:25px}
#tyhon-redesign .values-grid h3{font-size:23px}
#tyhon-redesign .article-row{grid-template-columns:220px 1fr;gap:30px}
#tyhon-redesign .article-row h2{font-size:25px}
#tyhon-redesign .contact-layout{grid-template-columns:.85fr 1.15fr;gap:35px}
#tyhon-redesign .contact-form{padding:25px}
#tyhon-redesign .contact-form h2{font-size:25px}
#tyhon-redesign .form-row{grid-template-columns:1fr;gap:0}
#tyhon-redesign .contact-details .contact-large{font-size:21px}}
@media(max-width:600px){#tyhon-redesign .wrap{padding-left:23px;padding-right:23px}
#tyhon-redesign .preview-bar{padding:0 15px;height:27px;font-size:7px;letter-spacing:.04em}
#tyhon-redesign .preview-bar>span:last-child{font-size:0}
#tyhon-redesign .preview-bar>span:last-child:before{content:'CHƯA THAY ĐỔI TYHON.VN';font-size:7px}
#tyhon-redesign .preview-bar i{display:none}
#tyhon-redesign .nav-wrap{padding:15px 23px}
#tyhon-redesign .logo-mark{font-size:34px;width:35px}
#tyhon-redesign .logo-type{font-size:21px}
#tyhon-redesign .logo-type>span{font-size:5px}
#tyhon-redesign .hero{grid-template-columns:1fr;gap:35px;padding-top:36px;padding-bottom:36px}
#tyhon-redesign .hero h1{font-size:58px;margin-top:20px;letter-spacing:-.06em;line-height:1.1}
#tyhon-redesign .hero-description{font-size:14px;max-width:360px}
#tyhon-redesign .hero-actions{gap:21px;margin-top:25px}
#tyhon-redesign .button{font-size:11px;padding:14px 17px;gap:20px}
#tyhon-redesign .hero-actions .text{padding-left:0;padding-right:0;font-size:10px}
#tyhon-redesign .hero-caption{font-size:7px;margin-top:28px;gap:17px}
#tyhon-redesign .hero-visual{height:370px}
#tyhon-redesign .visual-label{font-size:8px;top:18px;left:20px}
#tyhon-redesign .visual-footer{font-size:7px;left:20px;right:20px}
#tyhon-redesign .orbit{width:280px;height:280px;top:45px}
#tyhon-redesign .orbit-two{width:190px;height:190px;top:90px}
#tyhon-redesign .orbit-three{width:350px;height:350px;top:10px}
#tyhon-redesign .core{top:48%;width:100px;height:100px;font-size:76px;letter-spacing:-15px}
#tyhon-redesign .node-code{top:62px;left:22px;min-width:132px}
#tyhon-redesign .node-app{top:113px;right:16px;min-width:135px}
#tyhon-redesign .node-media{bottom:48px;left:43px;min-width:163px}
#tyhon-redesign .float-node>span{font-size:19px;margin-bottom:6px}
#tyhon-redesign .domain-strip{padding:20px 0}
#tyhon-redesign .domain-strip>.wrap{flex-wrap:wrap;gap:14px 20px}
#tyhon-redesign .domain-strip p{flex-basis:100%;font-size:7px}
#tyhon-redesign .domain-strip p br{display:none}
#tyhon-redesign .domain-strip p br:after{content:' '}
#tyhon-redesign .domain-strip span{font-size:16px;letter-spacing:-.5px}
#tyhon-redesign .section{padding-top:58px;padding-bottom:58px}
#tyhon-redesign .section-heading{display:block;margin-bottom:32px}
#tyhon-redesign .section-heading h2,#tyhon-redesign h2{font-size:34px;line-height:1.22}
#tyhon-redesign .section-heading .eyebrow{margin-bottom:16px}
#tyhon-redesign .section-description{margin-top:20px;max-width:none;font-size:13px}
#tyhon-redesign .eyebrow{font-size:9px}
#tyhon-redesign .service-row{grid-template-columns:25px 1fr 38px;gap:10px;padding:26px 0}
#tyhon-redesign .service-row>p{grid-column:2;grid-row:2;padding:0;font-size:12px;margin-top:2px;max-width:290px}
#tyhon-redesign .service-row>.circle-arrow{grid-column:3;grid-row:1/3}
#tyhon-redesign .service-row h3{font-size:23px;margin-top:6px}
#tyhon-redesign .service-row .eyebrow{font-size:7px;letter-spacing:.08em}
#tyhon-redesign .service-number{font-size:9px}
#tyhon-redesign .project-grid{grid-template-columns:1fr;gap:25px}
#tyhon-redesign .project-art{height:280px}
#tyhon-redesign .project-symbol{font-size:160px}
#tyhon-redesign .project-meta{padding:20px 0 8px}
#tyhon-redesign .project-meta h3{font-size:24px;margin:8px 0 12px}
#tyhon-redesign .project-meta p{font-size:13px;max-width:450px}
#tyhon-redesign .project-meta .text-link{font-size:11px;margin-top:15px}
#tyhon-redesign .project-meta .eyebrow{font-size:8px}
#tyhon-redesign .art-address{font-size:11px;left:24px;right:24px;bottom:22px}
#tyhon-redesign .section-end{margin-top:30px}
#tyhon-redesign .story-split{grid-template-columns:1fr;gap:35px}
#tyhon-redesign .story-art{min-height:420px;padding:29px}
#tyhon-redesign .story-art>p{font-size:51px;margin-top:30px}
#tyhon-redesign .story-coordinate{left:29px;font-size:6px}
#tyhon-redesign .story-copy h2{font-size:36px;margin:18px 0 22px}
#tyhon-redesign .story-copy>p:not(.eyebrow){font-size:13px}
#tyhon-redesign .process{grid-template-columns:1fr;gap:8px;padding-top:10px}
#tyhon-redesign .process .section-heading{margin-bottom:20px}
#tyhon-redesign .process-items article{padding:22px 0}
#tyhon-redesign .process-items h3{font-size:21px}
#tyhon-redesign .process-items p{font-size:12px}
#tyhon-redesign .contact-band{padding:52px 0}
#tyhon-redesign .contact-band-row{display:block;margin:20px 0}
#tyhon-redesign .contact-band h2{font-size:42px}
#tyhon-redesign .contact-band .button{margin-top:28px}
#tyhon-redesign .contact-band>div>p:last-child{font-size:11px}
#tyhon-redesign .footer-grid{grid-template-columns:1fr 1fr;gap:35px 20px;padding-top:43px;padding-bottom:35px}
#tyhon-redesign .footer-grid>div:first-child{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}
#tyhon-redesign .footer-wordmark{font-size:59px;margin-bottom:0}
#tyhon-redesign .footer-grid>div:last-child{grid-column:1/-1}
#tyhon-redesign .footer-grid h3{font-size:10px;margin-bottom:12px}
#tyhon-redesign .footer-grid p,#tyhon-redesign .footer-grid a:not(.footer-wordmark){font-size:10px}
#tyhon-redesign .footer-bottom{font-size:8px;flex-wrap:wrap;gap:10px;line-height:1.6}
#tyhon-redesign .footer-bottom span:nth-child(2){display:none}
#tyhon-redesign .page-hero{padding-top:40px;padding-bottom:45px}
#tyhon-redesign .page-hero h1{font-size:43px;line-height:1.2;letter-spacing:-.055em}
#tyhon-redesign .page-intro{margin-top:25px;gap:20px}
#tyhon-redesign .page-intro>p{font-size:14px}
#tyhon-redesign .hero-index{display:none}
#tyhon-redesign .page-description{font-size:14px;margin-top:25px}
#tyhon-redesign .compact{padding-top:5px}
#tyhon-redesign .two-col{grid-template-columns:1fr;gap:27px}
#tyhon-redesign .two-col h2{font-size:34px;margin-top:17px}
#tyhon-redesign .large-copy{font-size:15px}
#tyhon-redesign .service-hero{padding-top:28px;padding-bottom:50px}
#tyhon-redesign .service-hero-grid{grid-template-columns:1fr;margin-top:30px;gap:35px}
#tyhon-redesign .service-hero h1{font-size:40px;line-height:1.25}
#tyhon-redesign .service-hero-grid>div>p:not(.eyebrow){font-size:14px}
#tyhon-redesign .service-poster{height:250px}
#tyhon-redesign .service-poster>strong{font-size:110px}
#tyhon-redesign .service-poster:before{top:-25px;left:50px}
#tyhon-redesign .capability-grid{grid-template-columns:1fr 1fr}
#tyhon-redesign .capability-grid article{padding:21px 15px!important}
#tyhon-redesign .capability-grid h3{font-size:18px;letter-spacing:-.04em}
#tyhon-redesign .detail-outcomes{padding-top:0}
#tyhon-redesign .evidence-box{padding:28px}
#tyhon-redesign .evidence-box h3{font-size:27px}
#tyhon-redesign .filter-bar{gap:8px;margin-bottom:30px}
#tyhon-redesign .filter-bar button{font-size:10px;padding:9px 14px}
#tyhon-redesign .ecosystem-grid{row-gap:30px}
#tyhon-redesign .source-note{font-size:10px;margin-top:25px}
#tyhon-redesign .about-seal{width:75px;height:75px;font-size:6px;flex-shrink:0}
#tyhon-redesign .about-seal i{font-size:20px}
#tyhon-redesign .about-intro .page-intro>p{font-size:13px}
#tyhon-redesign .manifesto{padding:60px 0}
#tyhon-redesign .manifesto h2{font-size:47px;margin:25px 0}
#tyhon-redesign .manifesto p:last-child{font-size:12px}
#tyhon-redesign .story-long{grid-template-columns:1fr;gap:28px}
#tyhon-redesign .story-long .lead{font-size:20px}
#tyhon-redesign .story-long>div>p{font-size:13px}
#tyhon-redesign .values-grid{grid-template-columns:1fr;gap:33px}
#tyhon-redesign .values-grid h3{font-size:29px;margin:20px 0 15px}
#tyhon-redesign .values-grid p{font-size:13px}
#tyhon-redesign .article-row{grid-template-columns:1fr;gap:20px;padding:28px 0}
#tyhon-redesign .article-art{height:180px}
#tyhon-redesign .article-row h2{font-size:28px}
#tyhon-redesign .article-row .text-link{font-size:11px}
#tyhon-redesign .contact-layout{grid-template-columns:1fr;gap:40px}
#tyhon-redesign .contact-details h2{font-size:32px}
#tyhon-redesign .contact-details .contact-large{font-size:25px}
#tyhon-redesign .contact-form{padding:25px 20px}
#tyhon-redesign .contact-form h2{font-size:27px}
#tyhon-redesign .contact-form label{font-size:11px}
#tyhon-redesign .contact-form input,#tyhon-redesign .contact-form select,#tyhon-redesign .contact-form textarea{font-size:14px}
#tyhon-redesign .form-row{grid-template-columns:1fr}
#tyhon-redesign .contact-layout{padding-bottom:60px}}
@media(prefers-reduced-motion:reduce){html:has(#tyhon-redesign){scroll-behavior:auto}
#tyhon-redesign *{transition:none!important}}
@media(max-width:600px){#tyhon-redesign .hero-visual .core{top:55%}
#tyhon-redesign .hero-visual .node-code{top:56px}
#tyhon-redesign .hero-visual .node-app{top:75px}}
#tyhon-redesign .icon-arrow{display:inline-block;width:1.15em;height:1.15em;vertical-align:-.15em;flex-shrink:0}
#tyhon-redesign .project-symbol .icon-arrow{width:130px;height:130px}
#tyhon-redesign .service-poster .icon-arrow{width:150px;height:150px}
#tyhon-redesign .visual-footer .icon-arrow{width:24px;height:24px}
#tyhon-redesign .brand-logo{display:block;width:64px;height:58px;object-fit:contain;flex:none}
#tyhon-redesign .footer-wordmark img{display:block;width:160px;height:auto}
#tyhon-redesign .core{background:#fff;overflow:hidden}
#tyhon-redesign .core img{display:block;width:90%;height:90%;object-fit:contain;position:relative;z-index:1}
#tyhon-redesign .core:before,#tyhon-redesign .core:after{display:none}
@media(max-width:680px){#tyhon-redesign .brand-logo{width:54px;height:49px}
#tyhon-redesign .footer-wordmark img{width:132px}}


#tyhon-redesign{isolation:isolate;text-align:left}#tyhon-redesign p{margin-top:0}#tyhon-redesign h1,#tyhon-redesign h2,#tyhon-redesign h3{padding:0;color:inherit;font-family:var(--font)}#tyhon-redesign a{box-shadow:none}#tyhon-redesign .hero-visual p,#tyhon-redesign .service-poster p{margin:0}

#tyhon-redesign #tyhon-native-contact{padding:0;margin:24px 0 0;background:transparent}

#tyhon-redesign .native-contact-panel{background:var(--pale);padding:36px}#tyhon-redesign .native-contact-panel>h2{font-size:29px}#tyhon-redesign .native-contact-panel>p{font-size:12px;margin:16px 0 25px}.tyhon-design-row .wpb_raw_html,.tyhon-design-row .wpb_raw_js{margin:0}.tyhon-design-row .wpb_raw_html:has(> .wpb_wrapper > style:only-child){display:none}@media(max-width:680px){#tyhon-redesign .native-contact-panel{padding:25px 20px}}