:root{--ink:#17211f;--paper:#f7f5ef;--white:#fff;--green:#d8ef45;--darkgreen:#183f38;--mint:#c7e7d9;--line:#d9dbd4;--muted:#63706c;--orange:#ee7044;--pad:clamp(24px,6vw,92px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand{font-family:"Manrope",sans-serif}a{color:inherit;text-decoration:none}.section-pad{padding-left:var(--pad);padding-right:var(--pad)}
.site-header{height:88px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(23,33,31,.12);position:absolute;z-index:10;width:100%}.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800}.brand>span:last-child>span{font-weight:500;margin-left:3px}.brand-mark{width:29px;height:29px;position:relative;display:block}.brand-mark i{position:absolute;width:9px;background:var(--darkgreen);border-radius:9px;transform:rotate(45deg)}.brand-mark i:nth-child(1){height:22px;left:4px;top:2px}.brand-mark i:nth-child(2){height:16px;left:13px;top:8px}.brand-mark i:nth-child(3){height:9px;left:21px;top:15px;background:var(--orange)}.nav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:600;margin-left:auto;margin-right:22px}.nav a:not(.nav-cta):hover{color:var(--darkgreen)}.nav-cta{border:1px solid var(--ink);padding:12px 18px;border-radius:99px}.nav-cta:hover{background:var(--ink);color:white}.menu-button{display:none;background:none;border:0}.menu-button span{width:24px;height:2px;background:var(--ink);display:block;margin:5px}.language-switcher{display:flex;align-items:center;padding:3px;border:1px solid rgba(23,33,31,.22);border-radius:99px;background:rgba(255,255,255,.65)}.language-switcher button{min-width:34px;height:30px;padding:0 8px;border:0;border-radius:99px;background:transparent;color:var(--ink);font:700 11px/1 'DM Sans',sans-serif;letter-spacing:.06em;cursor:pointer;transition:background .2s,color .2s}.language-switcher button:hover{background:rgba(18,74,65,.1)}.language-switcher button.active{background:var(--darkgreen);color:#fff}html[lang="th"] body{font-family:"Tahoma","Noto Sans Thai",sans-serif}html[lang="th"] h1,html[lang="th"] h2,html[lang="th"] h3{font-family:"Tahoma","Noto Sans Thai",sans-serif}
.hero{min-height:780px;padding-top:155px;display:grid;grid-template-columns:1.04fr .96fr;gap:6vw;overflow:hidden}.hero-copy{max-width:760px}.eyebrow,.section-kicker{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:700}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow span{width:8px;height:8px;border-radius:50%;background:var(--orange)}.hero h1{font-size:clamp(44px,5.8vw,84px);line-height:1.01;letter-spacing:-.055em;margin:32px 0}.hero h1 em{color:var(--darkgreen);font-style:normal;position:relative;white-space:nowrap}.hero h1 em:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:8px;background:var(--green);z-index:-1;transform:rotate(-1deg);border-radius:50%}.hero-lead{font-size:19px;line-height:1.65;color:var(--muted);max-width:640px}.hero-actions{display:flex;align-items:center;gap:32px;margin:36px 0 62px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:0;padding:16px 22px;border-radius:4px;font:700 14px "DM Sans";cursor:pointer}.button-primary{background:var(--darkgreen);color:white}.button-primary:hover{background:#0c2f29}.text-link{font-weight:700;font-size:14px;border-bottom:1px solid var(--ink);padding-bottom:5px}.hero-proof{display:flex;gap:36px;border-top:1px solid var(--line);padding-top:24px}.hero-proof div{display:flex;flex-direction:column;gap:5px}.hero-proof strong{font:700 13px "Manrope"}.hero-proof span{font-size:12px;color:var(--muted)}
.hero-visual{position:relative;min-height:570px;background:var(--darkgreen);border-radius:280px 280px 22px 22px;margin-top:-18px;overflow:hidden}.hero-visual:before{content:"";position:absolute;inset:30px;border:1px solid rgba(255,255,255,.12);border-radius:250px 250px 12px 12px}.hero-visual svg{position:absolute;width:90%;left:5%;top:4%;overflow:visible}.path{fill:none}.path-back{stroke:rgba(255,255,255,.16);stroke-width:3;stroke-dasharray:7 10}.path-front{stroke:var(--green);stroke-width:4;stroke-dasharray:900;stroke-dashoffset:900;animation:draw 2.2s .4s ease forwards}.hero-visual circle{fill:var(--green);stroke:var(--darkgreen);stroke-width:7}.orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-one{width:170px;height:170px;background:#2b5b50;right:-35px;top:190px}.orb-two{width:90px;height:90px;background:var(--orange);left:50px;bottom:45px;opacity:.85}.visual-label{position:absolute;color:white;font:600 13px "Manrope";background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);padding:10px 14px;border-radius:40px;backdrop-filter:blur(8px)}.visual-label span{color:var(--green);margin-right:7px}.label-one{left:7%;top:73%}.label-two{left:40%;top:40%}.label-three{right:5%;top:14%}.outcome-card{position:absolute;right:6%;bottom:6%;display:flex;align-items:center;gap:13px;background:white;padding:15px 20px;border-radius:10px;box-shadow:0 15px 40px rgba(0,0,0,.18)}.check{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--green);font-weight:800}.outcome-card div{display:flex;flex-direction:column}.outcome-card small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.outcome-card strong{font:700 13px/1.35 "Manrope"}@keyframes draw{to{stroke-dashoffset:0}}
.intro{padding-top:120px;padding-bottom:120px;display:grid;grid-template-columns:1fr 3fr;border-top:1px solid var(--line)}.section-kicker{color:var(--darkgreen)}.intro>div{display:grid;grid-template-columns:1.5fr 1fr;gap:6vw}.intro h2,.section-heading h2,.approach h2,.contact h2{font-size:clamp(35px,4vw,58px);line-height:1.08;letter-spacing:-.045em}.intro p:not(.section-kicker),.section-heading>p,.approach-copy>p,.contact-copy>p{font-size:17px;line-height:1.7;color:var(--muted)}
.services{background:white;padding-top:110px;padding-bottom:120px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:55px;gap:60px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:400px;margin-bottom:5px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-card{padding:32px;min-height:460px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;transition:.25s}.service-card:hover{transform:translateY(-4px);box-shadow:0 18px 35px rgba(24,63,56,.09);z-index:2}.service-card.featured{background:#edf5d9}.service-no{position:absolute;right:28px;top:28px;color:#909a96;font-size:12px}.icon{font-size:28px;color:var(--darkgreen);width:49px;height:49px;border-radius:50%;display:grid;place-items:center;background:var(--mint);margin:25px 0 55px}.service-card h3{font-size:24px;line-height:1.18;letter-spacing:-.03em}.service-card p{color:var(--muted);font-size:14px;line-height:1.65}.service-card ul{list-style:none;padding:17px 0 0;border-top:1px solid rgba(23,33,31,.12);margin-top:22px}.service-card li{font-size:13px;margin:8px 0;padding-left:16px;position:relative}.service-card li:before{content:"";width:5px;height:5px;background:var(--orange);border-radius:50%;position:absolute;left:0;top:6px}
.approach{background:var(--darkgreen);color:white;padding-top:120px;padding-bottom:120px;display:grid;grid-template-columns:1fr 1.25fr;gap:10vw}.section-kicker.light{color:var(--green)}.approach-copy>p{color:#b9cdc7;max-width:490px}.button-light{background:var(--green);color:var(--ink);margin-top:25px}.steps{list-style:none;padding:0;margin:0}.steps li{display:grid;grid-template-columns:65px 1fr;border-top:1px solid rgba(255,255,255,.19);padding:28px 0}.steps li:last-child{border-bottom:1px solid rgba(255,255,255,.19)}.steps>li>span{color:var(--green);font-size:12px}.steps h3{font-size:20px;margin-bottom:8px}.steps p{color:#b9cdc7;line-height:1.6;font-size:14px;margin:0;max-width:520px}
.situations{padding-top:120px;padding-bottom:120px}.quote-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.quote-grid blockquote{margin:0;min-height:250px;background:white;padding:34px 28px;font:600 18px/1.55 "Manrope";display:flex;align-items:flex-end;position:relative}.quote-grid blockquote:before{content:"“";position:absolute;top:20px;left:26px;color:var(--orange);font-size:56px}.quote-grid blockquote:nth-child(even){background:var(--mint)}
.contact{padding-top:110px;padding-bottom:110px;background:#edf0e7;display:grid;grid-template-columns:1fr 1.2fr;gap:10vw}.contact-copy p{max-width:480px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:25px 18px}.contact-form label{font-size:12px;font-weight:700}.contact-form input,.contact-form textarea{display:block;width:100%;border:0;border-bottom:1px solid #aeb6af;background:transparent;padding:13px 0;font:15px "DM Sans";outline:none;border-radius:0}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--darkgreen)}.contact-form .full{grid-column:1/-1}.contact-form button{justify-self:start}
.footer{padding-top:65px;padding-bottom:35px;background:var(--ink);color:white;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px;align-items:start}.brand-footer .brand-mark i{background:var(--green)}.brand-footer .brand-mark i:last-child{background:var(--orange)}.footer p{color:#aab7b3;line-height:1.5;font-size:14px}.footer>div{display:flex;justify-content:flex-end;gap:25px;font-size:13px}.footer small{grid-column:1/-1;color:#82908c;border-top:1px solid #37413f;padding-top:25px;margin-top:30px}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:980px){.nav{display:none;position:absolute;top:75px;left:20px;right:20px;margin:0;padding:25px;background:white;flex-direction:column;align-items:stretch;box-shadow:0 20px 40px rgba(0,0,0,.12)}.nav.open{display:flex}.menu-button{display:block;order:3}.language-switcher{margin-left:auto;margin-right:12px}.hero{grid-template-columns:1fr;padding-top:135px}.hero-visual{min-height:520px;margin-top:0}.intro{grid-template-columns:1fr;gap:30px}.service-grid{grid-template-columns:repeat(2,1fr)}.approach,.contact{grid-template-columns:1fr;gap:70px}.quote-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.site-header{height:72px}.site-header>.brand{font-size:15px}.language-switcher button{min-width:29px;height:28px;padding:0 5px}.hero{padding-top:110px}.hero h1{font-size:43px}.hero-actions{align-items:flex-start;flex-direction:column;margin-bottom:45px}.hero-proof{display:grid;grid-template-columns:1fr 1fr}.hero-visual{min-height:430px}.outcome-card{right:4%;bottom:4%}.intro{padding-top:80px;padding-bottom:80px}.intro>div{grid-template-columns:1fr}.services,.approach,.situations,.contact{padding-top:80px;padding-bottom:80px}.section-heading{align-items:flex-start;flex-direction:column;gap:20px}.service-grid{grid-template-columns:1fr}.service-card{min-height:auto}.quote-grid{grid-template-columns:1fr}.quote-grid blockquote{min-height:200px}.contact-form{grid-template-columns:1fr}.contact-form .full{grid-column:auto}.footer{grid-template-columns:1fr}.footer>div{justify-content:flex-start}.footer small{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.path-front{animation:none;stroke-dashoffset:0}}

.nav-dropdown{position:relative}.nav-dropdown-toggle{display:flex;align-items:center;gap:6px;padding:12px 0;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.nav-dropdown-toggle span{font-size:14px;transition:transform .2s}.nav-dropdown.open .nav-dropdown-toggle span{transform:rotate(180deg)}.nav-submenu{display:none;position:absolute;top:100%;left:-22px;width:310px;padding:20px 12px 12px;background:#fff;border:1px solid rgba(23,33,31,.1);border-radius:12px;box-shadow:0 18px 45px rgba(0,0,0,.13)}.nav-dropdown.open .nav-submenu,.nav-dropdown:hover .nav-submenu,.nav-dropdown:focus-within .nav-submenu{display:grid}.nav-submenu a{padding:11px 12px;border-radius:8px;line-height:1.35}.nav-submenu a:hover,.nav-submenu a:focus-visible{background:var(--cream)}
.service-link{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:24px;color:var(--darkgreen);font-size:14px;font-weight:800}.service-link span{transition:transform .2s}.service-link:hover span{transform:translateX(4px)}
@media(max-width:980px){.nav-dropdown-toggle{width:100%;justify-content:space-between}.nav-submenu{position:static;width:auto;margin-top:6px;padding:6px 0 6px 14px;border:0;border-left:2px solid var(--orange);border-radius:0;box-shadow:none}.nav-dropdown:hover:not(.open) .nav-submenu{display:none}.nav-dropdown.open .nav-submenu{display:grid}}

.service-page{padding-top:88px}.service-detail-hero{min-height:520px;padding-top:110px;padding-bottom:90px;background:var(--cream)}.service-breadcrumb{margin-bottom:40px;color:var(--darkgreen);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.service-detail-hero h1{max-width:900px;margin-bottom:28px;font-size:clamp(46px,7vw,88px);line-height:1.02}.service-detail-hero .lead{max-width:720px;font-size:20px;line-height:1.7;color:var(--muted)}.service-detail-content{display:grid;grid-template-columns:.75fr 1.25fr;gap:10vw;padding-top:100px;padding-bottom:110px}.service-detail-content h2{font-size:clamp(34px,4vw,56px)}.service-detail-content h3{margin-bottom:18px;font-size:25px}.service-detail-content ul{display:grid;gap:15px;margin:0 0 48px;padding:0;list-style:none}.service-detail-content li{position:relative;padding-left:25px;color:var(--muted);line-height:1.6}.service-detail-content li:before{content:'✓';position:absolute;left:0;color:var(--orange);font-weight:800}.service-next{padding-top:80px;padding-bottom:80px;background:var(--darkgreen);color:#fff;text-align:center}.service-next h2{margin-bottom:25px}.service-next .button{display:inline-flex}.service-page .site-header{position:absolute;top:0}.service-page .footer{margin-top:0}
@media(max-width:760px){.service-detail-hero{min-height:auto;padding-top:80px}.service-detail-content{grid-template-columns:1fr;gap:45px;padding-top:75px;padding-bottom:80px}.service-detail-hero .lead{font-size:18px}}

.about-page{padding-top:88px}.about-page .site-header{top:0}.about-hero{padding-top:105px;padding-bottom:100px;background:var(--cream)}.about-hero h1{max-width:1000px;margin:18px 0 32px;font-size:clamp(48px,7vw,88px);line-height:1.04}.about-lead{max-width:800px;color:var(--muted);font-size:20px;line-height:1.7}.experience-strip{display:grid;grid-template-columns:repeat(3,1fr);max-width:900px;margin-top:70px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.experience-strip>div{display:flex;align-items:center;gap:18px;padding:28px 26px;border-right:1px solid var(--line)}.experience-strip>div:last-child{border:0}.experience-strip strong{color:var(--darkgreen);font:800 36px/1 Manrope,sans-serif}.experience-strip span{max-width:155px;color:var(--muted);font-size:13px;line-height:1.4}.founders{display:grid;gap:0;padding-top:110px;padding-bottom:120px}.founder-card{display:grid;grid-template-columns:210px 1fr;gap:65px;padding:65px 0;border-top:1px solid var(--line)}.founder-card:last-child{border-bottom:1px solid var(--line)}.founder-initials{width:180px;height:210px;display:grid;place-items:center;border-radius:90px 90px 20px 20px;background:var(--darkgreen);color:#fff;font:800 48px/1 Manrope,sans-serif}.founder-initials.alt{background:var(--orange)}.founder-copy{max-width:820px}.founder-label{margin-bottom:10px;color:var(--orange);font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.founder-copy h2{margin-bottom:8px;font-size:clamp(36px,5vw,56px)}.founder-copy h3{margin-bottom:26px;color:var(--darkgreen);font-size:19px}.founder-copy>p:not(.founder-label){color:var(--muted);font-size:16px;line-height:1.75}.founder-copy ul{display:grid;grid-template-columns:1fr 1fr;gap:10px 30px;margin:28px 0;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);list-style:none}.founder-copy li{position:relative;padding-left:18px;font-size:14px}.founder-copy li:before{content:'';position:absolute;top:6px;left:0;width:6px;height:6px;border-radius:50%;background:var(--orange)}.linkedin-link{display:inline-flex;gap:7px;color:var(--darkgreen);font-size:14px;font-weight:800}.founder-principle{padding-top:100px;padding-bottom:110px;background:var(--darkgreen);color:#fff;text-align:center}.founder-principle h2{margin:18px auto 25px;font-size:clamp(40px,6vw,72px)}.founder-principle>p:not(.section-kicker){max-width:750px;margin:0 auto 35px;color:rgba(255,255,255,.72);font-size:18px;line-height:1.7}.founder-principle .button{display:inline-flex}
@media(max-width:760px){.about-page{padding-top:72px}.about-hero{padding-top:75px}.experience-strip{grid-template-columns:1fr}.experience-strip>div{border-right:0;border-bottom:1px solid var(--line)}.experience-strip>div:last-child{border-bottom:0}.founder-card{grid-template-columns:1fr;gap:35px;padding:50px 0}.founder-initials{width:125px;height:145px;font-size:36px}.founder-copy ul{grid-template-columns:1fr}}

.founder-photo{width:180px;height:210px;display:block;border-radius:90px 90px 20px 20px;object-fit:cover;object-position:center;box-shadow:0 18px 38px rgba(23,33,31,.14)}
@media(max-width:760px){.founder-photo{width:145px;height:165px}}

.brand-logo{width:36px;height:36px;display:block;flex:0 0 36px}.brand-name{font-family:Manrope,sans-serif;font-size:20px;font-weight:800;letter-spacing:-.045em}.brand>.brand-name>span{margin-left:1px;color:var(--orange);font-weight:700}.brand-footer .brand-logo{filter:drop-shadow(0 8px 15px rgba(0,0,0,.16))}.brand-footer .brand-name>span{color:#f89a73}

.logistics-focus{display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw;padding-top:115px;padding-bottom:120px;background:#edf5d9}.logistics-heading{align-self:start;position:sticky;top:40px}.logistics-title{margin:18px 0 26px;font-size:clamp(42px,5vw,68px);line-height:1.05}.logistics-lead{max-width:590px;color:var(--muted);font-size:18px;line-height:1.7}.logistics-content{display:grid;gap:0}.logistics-problem{display:grid;grid-template-columns:55px 1fr;gap:22px;padding:34px 0;border-top:1px solid rgba(23,33,31,.18)}.logistics-problem>span{color:var(--orange);font-size:12px;font-weight:800;letter-spacing:.08em}.logistics-problem h3{margin-bottom:12px;font-size:24px}.logistics-problem p{color:var(--muted);line-height:1.7}.delivery-flow{display:grid;grid-template-columns:repeat(5,1fr);margin:22px 0 38px;padding:0;border:1px solid rgba(23,33,31,.18);list-style:none;counter-reset:flow}.delivery-flow li{position:relative;min-height:105px;padding:45px 12px 14px;border-right:1px solid rgba(23,33,31,.18);font-size:12px;font-weight:700;line-height:1.35}.delivery-flow li:last-child{border:0}.delivery-flow li:before{counter-increment:flow;content:'0' counter(flow);position:absolute;top:13px;color:var(--orange);font-size:10px;letter-spacing:.08em}.logistics-button{justify-self:start}
@media(max-width:980px){.logistics-focus{grid-template-columns:1fr;gap:55px}.logistics-heading{position:static}.delivery-flow{grid-template-columns:1fr}.delivery-flow li{min-height:auto;padding:18px 18px 18px 55px;border-right:0;border-bottom:1px solid rgba(23,33,31,.18)}.delivery-flow li:before{top:20px;left:18px}}
@media(max-width:620px){.logistics-focus{padding-top:80px;padding-bottom:80px}.logistics-problem{grid-template-columns:38px 1fr;gap:10px}}

/* Readable multilingual typography */
html{font-size:16px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body{font-size:16px;line-height:1.65}p,li,label,input,textarea,button{font-size:inherit}p{line-height:1.7}h1,h2,h3{overflow-wrap:break-word;text-wrap:balance}.hero-lead,.about-lead,.logistics-lead,.service-detail-hero .lead{line-height:1.75}.section-heading>p,.intro>div>p,.approach-copy>p,.contact-copy>p{font-size:16px;line-height:1.75}.service-card{display:flex;flex-direction:column;min-height:500px}.service-card p{font-size:15.5px;line-height:1.75}.service-card ul{margin-bottom:0}.service-card li{font-size:14px;line-height:1.55;margin:9px 0}.service-link{font-size:14.5px}.steps li p{font-size:15.5px;line-height:1.7}.logistics-problem p{font-size:15.5px;line-height:1.75}.delivery-flow li{font-size:13.5px;line-height:1.5}.founder-copy>p:not(.founder-label){font-size:16px;line-height:1.8}.founder-copy li{font-size:14.5px;line-height:1.55}.experience-strip span{font-size:14px;line-height:1.5}.service-detail-content li{font-size:16px;line-height:1.7}.footer p,.footer a{line-height:1.6}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
html[lang="th"] body{font-family:"Noto Sans Thai",Tahoma,sans-serif;line-height:1.75}html[lang="th"] h1,html[lang="th"] h2,html[lang="th"] h3{font-family:"Noto Sans Thai",Tahoma,sans-serif;line-height:1.25;letter-spacing:-.025em}html[lang="th"] p,html[lang="th"] li{line-height:1.85}html[lang="th"] .section-kicker,html[lang="th"] .eyebrow{letter-spacing:.06em}html[lang="nl"] h1,html[lang="nl"] h2,html[lang="nl"] h3{hyphens:auto}
@media(max-width:620px){body{font-size:16px}.hero h1{font-size:clamp(40px,12vw,48px);line-height:1.1}.service-card{min-height:auto}.service-card p{font-size:16px}.service-card li{font-size:14.5px}.delivery-flow li{font-size:14px}.section-heading>p,.intro>div>p,.approach-copy>p,.contact-copy>p{font-size:16px}}

/* Higher-contrast descriptive copy */
:root{--muted:#4f5d59}.hero-lead{font-size:20px}.hero-proof span{font-size:14px;line-height:1.5}.intro p:not(.section-kicker),.section-heading>p,.approach-copy>p,.contact-copy>p{font-size:17px}.service-card p{font-size:16.5px;line-height:1.78}.service-card li{font-size:15px;line-height:1.6}.steps p,.steps li p{font-size:16.5px;line-height:1.75}.logistics-lead{font-size:19px}.logistics-problem p{font-size:16.5px;line-height:1.8}.delivery-flow li{font-size:14.5px}.about-lead{font-size:20px}.experience-strip span{font-size:15px;color:#4f5d59}.founder-copy>p:not(.founder-label){font-size:17px}.founder-copy li{font-size:15.5px}.service-detail-hero .lead{font-size:20px}.service-detail-content li{font-size:17px}.footer p{font-size:15.5px;color:#c3ceca}.footer>div{font-size:14px}.footer small{color:#aebbb7}.approach-copy>p,.steps p{color:#d1dfda}.founder-principle>p:not(.section-kicker){color:#d7e1de}
@media(max-width:620px){.hero-lead{font-size:18px}.intro p:not(.section-kicker),.section-heading>p,.approach-copy>p,.contact-copy>p,.service-card p,.steps p,.logistics-problem p,.founder-copy>p:not(.founder-label),.service-detail-content li{font-size:16.5px}.service-card li,.founder-copy li{font-size:15px}}

/* Sticky navigation */
.site-header{position:fixed;top:0;left:0;background:rgba(247,245,239,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:background .25s,box-shadow .25s,border-color .25s}.site-header.is-scrolled{background:rgba(255,255,255,.96);border-bottom-color:rgba(23,33,31,.1);box-shadow:0 9px 30px rgba(23,33,31,.09)}.site-header .nav-submenu{backdrop-filter:none}.service-page .site-header,.about-page .site-header{position:fixed}

.hero-actions .text-link{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:52px;padding:13px 21px;border:1.5px solid var(--darkgreen);border-radius:4px;color:var(--darkgreen);font-size:14px;font-weight:800;transition:background .2s,color .2s,transform .2s}.hero-actions .text-link:hover{background:var(--darkgreen);color:#fff;transform:translateY(-2px)}.hero-actions .text-link span{font-size:17px}

/* Hero value cards */
.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-top:0;border-top:0;counter-reset:proof}.hero-proof>div{position:relative;min-height:132px;display:flex;flex-direction:column;justify-content:flex-end;gap:7px;padding:48px 17px 17px;overflow:hidden;border:1px solid rgba(24,63,56,.13);border-radius:12px;background:rgba(255,255,255,.72);box-shadow:0 10px 28px rgba(24,63,56,.07);transition:transform .22s,box-shadow .22s,border-color .22s}.hero-proof>div:before{counter-increment:proof;content:'0' counter(proof);position:absolute;top:15px;left:17px;color:var(--orange);font:800 11px/1 Manrope,sans-serif;letter-spacing:.1em}.hero-proof>div:after{content:'';position:absolute;top:0;right:0;width:62px;height:62px;border-radius:0 0 0 62px;background:var(--mint);opacity:.58}.hero-proof>div:nth-child(2):after{background:var(--green);opacity:.45}.hero-proof>div:nth-child(3):after{background:#ffd8c8;opacity:.7}.hero-proof>div:hover{transform:translateY(-5px);border-color:rgba(24,63,56,.25);box-shadow:0 18px 36px rgba(24,63,56,.12)}.hero-proof strong{position:relative;z-index:1;color:var(--darkgreen);font:800 16px/1.3 Manrope,sans-serif}.hero-proof span{position:relative;z-index:1;color:var(--muted);font-size:14px;line-height:1.5}
@media(max-width:620px){.hero-proof{grid-template-columns:1fr}.hero-proof>div{min-height:112px;padding-top:43px}.hero-proof>div:nth-child(3){grid-column:auto}}

html[lang="th"] .hero h1{font-size:clamp(40px,5vw,70px);line-height:1.18;letter-spacing:-.035em}@media(max-width:620px){html[lang="th"] .hero h1{font-size:clamp(36px,10.5vw,44px);line-height:1.22}}

.hero h1{font-size:clamp(42px,4.8vw,72px);line-height:1.08;letter-spacing:-.045em;margin:28px 0 30px}.hero h1 em{white-space:nowrap}@media(max-width:1100px) and (min-width:981px){.hero h1{font-size:clamp(42px,4.6vw,52px)}}@media(max-width:620px){.hero h1{font-size:clamp(37px,10.5vw,43px);line-height:1.13}.hero h1 em{white-space:normal}}html[lang="th"] .hero h1{font-size:clamp(38px,4.5vw,64px);line-height:1.2}@media(max-width:620px){html[lang="th"] .hero h1{font-size:clamp(34px,9.5vw,40px);line-height:1.24}}

.hero h1{white-space:nowrap}html[lang="nl"] .hero h1{font-size:clamp(39px,4.4vw,62px)}html[lang="th"] .hero h1{font-size:clamp(36px,4vw,56px)}@media(max-width:620px){.hero h1{font-size:clamp(30px,9vw,40px);white-space:nowrap}.hero h1 em{white-space:nowrap}html[lang="nl"] .hero h1{font-size:clamp(29px,8.5vw,37px)}html[lang="th"] .hero h1{font-size:clamp(27px,8vw,35px)}}

/* Hero delivery concept */
.hero-visual{isolation:isolate;background:linear-gradient(145deg,#123f38 0%,#183f38 58%,#0c302a 100%);box-shadow:0 28px 70px rgba(18,63,56,.2)}.concept-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 92%)}.hero-visual:after{content:'';position:absolute;z-index:-1;width:250px;height:250px;right:-65px;top:70px;border-radius:50%;background:radial-gradient(circle,rgba(216,239,69,.2),transparent 68%);filter:blur(2px)}.concept-brand{position:absolute;z-index:3;top:32px;left:36px;display:flex;align-items:center;gap:12px;color:#fff}.concept-brand img{width:42px;height:42px;box-shadow:0 10px 24px rgba(0,0,0,.18);border-radius:13px}.concept-brand span{font:700 13px/1.35 Manrope,sans-serif;letter-spacing:.01em}.hero-visual .visual-label{width:196px;display:grid;grid-template-columns:30px 1fr;column-gap:9px;row-gap:3px;padding:13px 14px;border:1px solid rgba(255,255,255,.25);border-radius:13px;background:rgba(255,255,255,.94);color:var(--ink);box-shadow:0 14px 35px rgba(0,0,0,.18);backdrop-filter:blur(12px);transition:transform .25s,box-shadow .25s}.hero-visual .visual-label:hover{transform:translateY(-4px);box-shadow:0 20px 42px rgba(0,0,0,.24)}.hero-visual .visual-label>span{grid-row:1/3;display:grid;place-items:center;width:28px;height:28px;margin:0;border-radius:50%;background:var(--darkgreen);color:var(--green);font:800 10px/1 Manrope,sans-serif}.hero-visual .visual-label strong{font:800 13px/1.25 Manrope,sans-serif}.hero-visual .visual-label small{color:#60706b;font-size:10.5px;line-height:1.3}.hero-visual .label-one{left:5%;top:69%}.hero-visual .label-two{left:31%;top:46%}.hero-visual .label-three{right:5%;top:23%}.hero-visual svg{z-index:0}.hero-visual .path-back{stroke:rgba(255,255,255,.2);stroke-width:4}.hero-visual .path-front{stroke:var(--green);stroke-width:5}.hero-visual circle{fill:var(--orange);stroke:#123f38;stroke-width:7}.hero-visual .outcome-card{z-index:4;right:6%;bottom:5%;padding:16px 19px;border:1px solid rgba(24,63,56,.1);box-shadow:0 18px 42px rgba(0,0,0,.22)}.hero-visual .outcome-card small{font-size:10.5px}.hero-visual .outcome-card strong{font-size:13.5px}
@media(max-width:620px){.concept-brand{top:24px;left:25px}.concept-brand img{width:36px;height:36px}.hero-visual .visual-label{width:174px;padding:11px}.hero-visual .label-one{left:3%;top:67%}.hero-visual .label-two{left:24%;top:44%}.hero-visual .label-three{right:3%;top:20%}.hero-visual .outcome-card{right:3%;bottom:3%;transform:scale(.9);transform-origin:right bottom}}

.concept-brand{top:54px;left:50%;min-width:270px;justify-content:center;gap:14px;padding:0;background:transparent;transform:translateX(-50%);backdrop-filter:none}.concept-brand img{width:46px;height:46px}.concept-brand span{font-family:"DM Sans","Noto Sans Thai",sans-serif;font-size:21px;font-weight:750;line-height:1.3;letter-spacing:-.02em;white-space:nowrap;text-shadow:0 3px 18px rgba(0,0,0,.28)}.concept-brand span br{display:block}.hero-visual .label-three{top:28%}@media(max-width:620px){.concept-brand{top:36px;left:50%;min-width:240px;gap:11px;padding:0;transform:translateX(-50%)}.concept-brand img{width:39px;height:39px}.concept-brand span{font-size:18px}.hero-visual .label-three{top:28%}}

/* The final outcome is intentionally styled as a success state, not another process step. */
.hero-visual .outcome-card{right:5%;bottom:5%;min-width:245px;padding:18px 21px;border:1px solid rgba(255,255,255,.72);border-left:4px solid var(--orange);border-radius:16px;background:linear-gradient(145deg,#fff 0%,#f2f4ed 100%);box-shadow:0 18px 42px rgba(0,0,0,.24);overflow:visible;isolation:isolate}
.hero-visual .outcome-card:before{content:"";position:absolute;z-index:-1;inset:8px -8px -8px 8px;border-radius:16px;background:rgba(255,255,255,.12)}
.hero-visual .outcome-card .check{width:44px;height:44px;flex:0 0 44px;border:0;background:var(--darkgreen);color:#fff;font-size:22px;box-shadow:none}
.hero-visual .outcome-card small{color:#66736e;font-size:10px;font-weight:800;letter-spacing:.13em}
.hero-visual .outcome-card strong{color:#102f29;font-size:15px;line-height:1.35}
@media(max-width:620px){.hero-visual .outcome-card{right:3%;bottom:3%;min-width:218px;padding:14px 16px;transform:scale(.88);transform-origin:right bottom}.hero-visual .outcome-card .check{width:40px;height:40px;flex-basis:40px}}

/* Layered journey graph */
.hero-visual svg{width:96%;left:2%;top:3%;filter:drop-shadow(0 16px 24px rgba(0,0,0,.12))}
.hero-visual .path-rail{stroke:rgba(255,255,255,.08);stroke-width:22;stroke-linecap:round}
.hero-visual .path-back{stroke:rgba(255,255,255,.34);stroke-width:2;stroke-dasharray:3 9;stroke-linecap:round}
.hero-visual .path-front{stroke:url(#journeyGradient);stroke-width:6;stroke-linecap:round;filter:url(#journeyShadow)}
.hero-visual circle.node-ring{fill:rgba(18,63,56,.8);stroke:rgba(255,255,255,.3);stroke-width:2}
.hero-visual circle.node-core{fill:var(--orange);stroke:#fff;stroke-width:3;filter:url(#journeyShadow)}
.hero-visual circle.finish-ring{fill:rgba(216,239,69,.1);stroke:rgba(255,255,255,.42);stroke-width:2}
.hero-visual circle.finish-core{fill:#f8faf4;stroke:var(--orange);stroke-width:3;filter:url(#journeyShadow)}
.hero-visual .finish-check{fill:none;stroke:var(--darkgreen);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.hero-visual .node-ring{animation:milestone 3.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.hero-visual .node-ring:nth-of-type(3){animation-delay:.35s}.hero-visual .node-ring:nth-of-type(5){animation-delay:.7s}
.concept-grid{background-size:36px 36px;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),radial-gradient(circle at 18% 78%,rgba(228,138,88,.1),transparent 28%),radial-gradient(circle at 82% 22%,rgba(216,239,69,.07),transparent 30%)}
@keyframes milestone{0%,100%{opacity:.65;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}
@media(prefers-reduced-motion:reduce){.hero-visual .node-ring{animation:none}}

/* Refined editorial composition: one journey, three milestones, one outcome. */
.hero-visual{min-height:570px;background:linear-gradient(155deg,#153f38 0%,#0b2e29 100%)}
.concept-brand{top:50px;left:48px;min-width:0;justify-content:flex-start;gap:13px;transform:none}
.concept-brand img{width:40px;height:40px;box-shadow:none}
.concept-brand span{font-size:22px;line-height:1.22;letter-spacing:-.025em;text-shadow:none}
.hero-visual svg{width:94%;left:3%;top:5%;filter:none}
.hero-visual .path-rail{stroke:rgba(255,255,255,.055);stroke-width:18}
.hero-visual .path-back{stroke:rgba(255,255,255,.22);stroke-width:1.5;stroke-dasharray:2 9}
.hero-visual .path-front{stroke:url(#journeyGradient);stroke-width:4;filter:none}
.hero-visual circle.node-ring{fill:#103731;stroke:rgba(255,255,255,.34);stroke-width:1.5}
.hero-visual circle.node-core{fill:#e48a58;stroke:#103731;stroke-width:5;filter:none}
.hero-visual circle.finish-ring{fill:rgba(255,255,255,.07);stroke:rgba(255,255,255,.45);stroke-width:1.5}
.hero-visual circle.finish-core{fill:#f7f5ed;stroke:#e48a58;stroke-width:3;filter:none}
.hero-visual .node-ring{animation:none}
.hero-visual .visual-label{width:184px;display:grid;grid-template-columns:26px 1fr;column-gap:9px;row-gap:2px;padding:0;border:0;border-radius:0;background:transparent;color:#fff;box-shadow:none;backdrop-filter:none}
.hero-visual .visual-label:hover{transform:none;box-shadow:none}
.hero-visual .visual-label>span{grid-row:1/3;width:24px;height:24px;border:1px solid rgba(255,255,255,.36);background:transparent;color:#e9a278;font-size:9px}
.hero-visual .visual-label strong{color:#fff;font-size:13px;font-weight:700}
.hero-visual .visual-label small{color:rgba(255,255,255,.64);font-size:10.5px}
.hero-visual .label-one{left:7%;top:77%}.hero-visual .label-two{left:35%;top:54%}.hero-visual .label-three{right:4%;top:31%}
.hero-visual .outcome-card{right:5%;bottom:5%;min-width:230px;padding:15px 18px;border:1px solid rgba(255,255,255,.28);border-left:1px solid rgba(255,255,255,.28);border-radius:14px;background:rgba(255,255,255,.09);box-shadow:none;backdrop-filter:blur(12px)}
.hero-visual .outcome-card:before{display:none}
.hero-visual .outcome-card .check{width:38px;height:38px;flex-basis:38px;border:1px solid rgba(255,255,255,.5);background:#f7f5ed;color:#153f38;font-size:19px}
.hero-visual .outcome-card small{color:#e9a278;font-size:9.5px}.hero-visual .outcome-card strong{color:#fff;font-size:14px}
@media(max-width:620px){.hero-visual{min-height:480px}.concept-brand{top:33px;left:25px;min-width:0;gap:10px;transform:none}.concept-brand img{width:34px;height:34px}.concept-brand span{font-size:18px}.hero-visual .visual-label{width:154px}.hero-visual .label-one{left:4%;top:72%}.hero-visual .label-two{left:27%;top:49%}.hero-visual .label-three{right:2%;top:26%}.hero-visual .outcome-card{right:3%;bottom:2%;min-width:218px;padding:13px 15px;transform:scale(.86);transform-origin:right bottom}}

/* Position corrections based on the rendered arched frame. */
.hero-visual .concept-brand{top:76px;left:50%;justify-content:center;gap:15px;transform:translateX(-50%)}
.hero-visual .concept-brand img{width:60px;height:60px}
.hero-visual .concept-brand span{font-size:18px;line-height:1.3}
.hero-visual .label-one{left:15%;top:67%}
.hero-visual .label-two{left:40%;top:51%}
.hero-visual .label-three{right:38%;top:28%}
.hero-visual .outcome-card{right:5%;bottom:20%}
@media(max-width:620px){.hero-visual .concept-brand{top:58px;left:50%;transform:translateX(-50%)}.hero-visual .concept-brand img{width:50px;height:50px}.hero-visual .concept-brand span{font-size:16px}.hero-visual .label-one{left:12%;top:66%}.hero-visual .label-two{left:34%;top:49%}.hero-visual .label-three{right:34%;top:27%}.hero-visual .outcome-card{right:3%;bottom:17%}}

/* Final unified journey composition */
.hero-visual .concept-brand{top:11%;left:22%;min-width:0;justify-content:flex-start;transform:none}
.hero-visual .concept-brand img{display:none}
.hero-visual .concept-brand span{position:relative;font-size:21px;line-height:1.28;letter-spacing:-.025em}
.hero-visual .concept-brand span:before{content:"";position:absolute;left:-18px;top:5px;width:3px;height:42px;border-radius:3px;background:var(--orange)}
.hero-visual .label-one{left:17%;top:76%}
.hero-visual .label-two{left:45%;top:54%}
.hero-visual .label-three{right:39%;top:29%}
.hero-visual .outcome-card{top:12%;right:9%;bottom:auto;min-width:165px;max-width:180px;display:block;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
.hero-visual .outcome-card .check{display:none}
.hero-visual .outcome-card small{display:block;margin-bottom:4px;color:#e9a278;font-size:9px;letter-spacing:.14em}
.hero-visual .outcome-card strong{display:block;color:#fff;font-size:12px;line-height:1.35}
@media(max-width:620px){.hero-visual .concept-brand{top:10%;left:18%;transform:none}.hero-visual .concept-brand span{font-size:18px}.hero-visual .concept-brand span:before{left:-14px;height:36px}.hero-visual .label-one{left:13%;top:75%}.hero-visual .label-two{left:40%;top:53%}.hero-visual .label-three{right:35%;top:28%}.hero-visual .outcome-card{top:14%;right:6%;bottom:auto;min-width:135px;max-width:145px;transform:none}.hero-visual .outcome-card strong{font-size:11px}}

/* Milestones positioned as annotated: numbers on the curve, copy offset from it. */
.hero-visual .concept-brand{top:12%;left:50%;display:flex;justify-content:center;gap:12px;transform:translateX(-50%)}
.hero-visual .concept-brand img{display:block;width:52px;height:52px}
.hero-visual .concept-brand span{font-size:18px;line-height:1.3}
.hero-visual .concept-brand span:before{display:none}
.hero-visual .visual-label{display:flex;width:190px;flex-direction:column;gap:2px}
.hero-visual .label-one{left:9%;top:89%}
.hero-visual .label-two{left:48%;top:64%}
.hero-visual .label-three{right:40%;top:37%}
.hero-visual .milestone-index{position:absolute;z-index:6;display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(216,239,69,.75);border-radius:50%;background:#123f38;color:#d8ef45;font:700 11px/1 "Manrope",sans-serif;box-shadow:0 0 0 5px rgba(18,63,56,.72)}
.hero-visual .milestone-one{left:16%;top:82%;transform:translate(-50%,-50%)}
.hero-visual .milestone-two{left:44%;top:59%;transform:translate(-50%,-50%)}
.hero-visual .milestone-three{left:69%;top:33%;transform:translate(-50%,-50%)}
.hero-visual .outcome-card{top:18%;right:4%;bottom:auto;min-width:170px;max-width:190px;display:block;padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none}
.hero-visual .outcome-card .check{display:none}
.hero-visual .outcome-card small{margin-bottom:5px;color:#e9a278;font-size:10px}
.hero-visual .outcome-card strong{color:#fff;font-size:12px}
@media(max-width:620px){.hero-visual .concept-brand{top:10%;left:50%;transform:translateX(-50%)}.hero-visual .concept-brand img{width:44px;height:44px}.hero-visual .concept-brand span{font-size:16px}.hero-visual .visual-label{width:150px}.hero-visual .label-one{left:7%;top:88%}.hero-visual .label-two{left:45%;top:63%}.hero-visual .label-three{right:38%;top:36%}.hero-visual .milestone-index{width:30px;height:30px;font-size:10px}.hero-visual .milestone-one{left:16%;top:82%}.hero-visual .milestone-two{left:44%;top:59%}.hero-visual .milestone-three{left:69%;top:33%}.hero-visual .outcome-card{top:17%;right:3%;bottom:auto;min-width:125px;max-width:140px;transform:none}.hero-visual .outcome-card strong{font-size:10.5px}}

/* Restored composition, constrained to the inner white arch. */
.hero-visual .concept-brand{top:14%;left:28%;min-width:0;justify-content:flex-start;gap:0;transform:none}
.hero-visual .concept-brand img{display:none}
.hero-visual .concept-brand span{font-size:21px;line-height:1.28}
.hero-visual .concept-brand span:before{content:"";display:block;position:absolute;left:-18px;top:5px;width:3px;height:42px;border-radius:3px;background:var(--orange)}
.hero-visual .visual-label{display:grid;width:184px;grid-template-columns:26px 1fr;column-gap:9px;row-gap:2px}
.hero-visual .label-one{left:14%;top:78%}
.hero-visual .label-two{left:42%;top:57%}
.hero-visual .label-three{right:36%;top:34%}
.hero-visual .outcome-card{top:14%;right:19%;bottom:auto;min-width:130px;max-width:145px;display:block;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
.hero-visual .outcome-card .check{display:none}
.hero-visual .outcome-card small{display:block;margin-bottom:4px;color:#e9a278;font-size:9px}
.hero-visual .outcome-card strong{display:block;color:#fff;font-size:11px;line-height:1.35}
@media(max-width:620px){.hero-visual .concept-brand{top:13%;left:25%;transform:none}.hero-visual .concept-brand span{font-size:18px}.hero-visual .concept-brand span:before{left:-14px;height:36px}.hero-visual .visual-label{width:150px}.hero-visual .label-one{left:11%;top:77%}.hero-visual .label-two{left:38%;top:56%}.hero-visual .label-three{right:32%;top:33%}.hero-visual .outcome-card{top:14%;right:12%;bottom:auto;min-width:110px;max-width:125px;transform:none}.hero-visual .outcome-card strong{font-size:10px}}

/* Cohesive route map: numbered nodes, anchored labels and a single destination. */
.hero-visual .concept-brand{top:12%;left:44%;display:flex;min-width:220px;align-items:center;justify-content:flex-start;gap:12px;transform:translateX(-50%)}
.hero-visual .concept-brand img{display:block;width:46px;height:46px;box-shadow:none}
.hero-visual .concept-brand span{font-size:20px;line-height:1.25;letter-spacing:-.025em}
.hero-visual .concept-brand span:before{display:none}
.hero-visual .visual-label{display:flex;width:180px;flex-direction:column;gap:2px;padding:0}
.hero-visual .visual-label strong{font-size:14px;line-height:1.25}
.hero-visual .visual-label small{font-size:11px;line-height:1.35}
.hero-visual .label-one{left:22%;top:83%}
.hero-visual .label-two{left:48%;top:61%}
.hero-visual .label-three{right:38%;top:37%}
.hero-visual circle.node-ring{fill:rgba(255,255,255,.05);stroke:rgba(255,255,255,.45);stroke-width:1.5}
.hero-visual circle.node-core{fill:#123f38;stroke:#e48a58;stroke-width:2.5}
.hero-visual .node-number{fill:#fff;font:700 9px/1 "Manrope",sans-serif;text-anchor:middle;dominant-baseline:central;pointer-events:none}
.hero-visual .outcome-card{top:16%;right:12%;bottom:auto;min-width:155px;max-width:170px;display:block;padding:0 0 9px;border:0;border-bottom:1px solid rgba(255,255,255,.26);border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
.hero-visual .outcome-card .check{display:none}
.hero-visual .outcome-card small{display:block;margin-bottom:5px;color:#e9a278;font-size:10px;letter-spacing:.13em}
.hero-visual .outcome-card strong{display:block;color:#fff;font-size:12px;line-height:1.4}
@media(max-width:620px){.hero-visual .concept-brand{top:10%;left:43%;min-width:185px;gap:9px;transform:translateX(-50%)}.hero-visual .concept-brand img{width:40px;height:40px}.hero-visual .concept-brand span{font-size:17px}.hero-visual .visual-label{width:145px}.hero-visual .visual-label strong{font-size:12px}.hero-visual .visual-label small{font-size:10px}.hero-visual .label-one{left:20%;top:82%}.hero-visual .label-two{left:46%;top:60%}.hero-visual .label-three{right:34%;top:36%}.hero-visual .outcome-card{top:14%;right:8%;bottom:auto;min-width:120px;max-width:135px;transform:none}.hero-visual .outcome-card small{font-size:8.5px}.hero-visual .outcome-card strong{font-size:10px}}

/* Final polish: quieter canvas, consistent rhythm and a clearer destination. */
.hero-visual{background:linear-gradient(155deg,#16443c 0%,#0e3731 48%,#092a26 100%)}
.hero-visual:after{right:-45px;top:110px;width:225px;height:225px;background:radial-gradient(circle,rgba(228,138,88,.11),transparent 69%)}
.concept-grid{opacity:.58;background-size:40px 40px}
.hero-visual .concept-brand{top:11.5%;left:43%;gap:13px}
.hero-visual .concept-brand img{width:48px;height:48px;border-radius:14px}
.hero-visual .concept-brand span{font-size:21px;line-height:1.24}
.hero-visual .path-rail{stroke:rgba(255,255,255,.045);stroke-width:16}
.hero-visual .path-back{stroke:rgba(255,255,255,.2);stroke-width:1.25}
.hero-visual .path-front{stroke-width:4.5}
.hero-visual circle.node-ring{stroke:rgba(255,255,255,.5)}
.hero-visual circle.node-core{fill:#123f38;stroke:#e99564;stroke-width:2.5}
.hero-visual .node-number{font-size:10px;font-weight:700}
.hero-visual .visual-label strong{color:#fff;font-size:14px;letter-spacing:-.01em;text-shadow:0 2px 12px rgba(0,0,0,.18)}
.hero-visual .visual-label small{color:rgba(255,255,255,.68);font-size:11px}
.hero-visual .label-one{left:21%;top:82%}
.hero-visual .label-two{left:48%;top:60%}
.hero-visual .label-three{right:37%;top:36%}
.hero-visual circle.finish-ring{fill:rgba(255,255,255,.065);stroke:rgba(255,255,255,.58);stroke-width:1.5}
.hero-visual circle.finish-core{fill:#faf8f1;stroke:#e48a58;stroke-width:3.5}
.hero-visual .outcome-card{top:15%;right:11%;max-width:175px;padding-bottom:10px;border-bottom-color:rgba(233,162,120,.55)}
.hero-visual .outcome-card small{font-size:10px;font-weight:700}.hero-visual .outcome-card strong{font-size:13px;line-height:1.38}
@media(max-width:620px){.concept-grid{opacity:.48}.hero-visual .concept-brand{top:10%;left:42%;gap:9px}.hero-visual .concept-brand img{width:41px;height:41px}.hero-visual .concept-brand span{font-size:17px}.hero-visual .label-one{left:19%;top:81%}.hero-visual .label-two{left:46%;top:59%}.hero-visual .label-three{right:33%;top:35%}.hero-visual .outcome-card{top:14%;right:7%;max-width:138px}.hero-visual .outcome-card strong{font-size:10.5px}}