@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap');
:root{--ink:#182b2b;--muted:#64706e;--line:#dce2df;--paper:#f8faf8;--green:#c7f572}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Be Vietnam Pro',Arial,sans-serif;font-size:16px}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{cursor:pointer}button{font:inherit;border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #267454;outline-offset:4px}.demo{padding:10px 4.5%;background:var(--ink);color:#fff;font-size:12px;display:flex;justify-content:space-between;gap:20px}.demo span:last-child{color:var(--green);white-space:nowrap;letter-spacing:1px}header{display:flex;align-items:center;justify-content:space-between;padding:25px 4.5%;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:baseline;font-size:38px;letter-spacing:-2px;font-weight:800}.brand span{font-size:15px;letter-spacing:-.5px;margin-left:7px}.brand i{color:#368268;font-style:normal;margin-left:10px;font-size:26px}nav{display:flex;gap:28px}nav button{font-size:14px;padding:10px 0;border-bottom:2px solid transparent}nav button.active{border-color:var(--ink)}.right{display:flex;align-items:center;gap:23px}#language{font-size:13px;white-space:nowrap}.dark{background:var(--ink);color:white;padding:16px 24px;border-radius:5px}.dark:hover{background:#315448}.small{font-size:14px;padding:13px 18px}main{max-width:1450px;margin:auto;padding:0 4.5%}.intro{display:flex;justify-content:space-between;align-items:center;padding:62px 0 45px;gap:70px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:600;margin:0 0 20px;color:#46675e}h1{font-size:clamp(34px,4.5vw,62px);letter-spacing:-2.5px;line-height:1.15;margin:0 0 22px;font-weight:600;max-width:780px}.sub{color:var(--muted);line-height:1.8;max-width:640px;font-size:16px}.intro-note{max-width:215px;flex-shrink:0;border-left:1px solid var(--line);padding-left:32px;font-size:14px;line-height:1.7}.asterisk{font-size:52px;line-height:1;color:#438268}.intro-note a{border-bottom:1px solid var(--ink);padding-bottom:5px}.catalog-head{border-top:1px solid var(--line);padding:25px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.filters{display:flex;gap:7px;flex-wrap:wrap}.filters button{padding:11px 19px;border-radius:30px;font-size:14px}.filters .selected{background:var(--ink);color:#fff}.catalog-label{font-size:12px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{border:1px solid var(--line);border-radius:9px;background:white;overflow:hidden;transition:transform .2s}.card:hover{transform:translateY(-4px)}.art{height:204px;padding:24px;display:flex;flex-direction:column;justify-content:space-between}.art-top{font-size:11px;letter-spacing:1.5px;display:flex;justify-content:space-between}.art-main{font-size:40px;line-height:1.1;font-weight:700;letter-spacing:-2px;max-width:90%}.art-bottom{font-size:12px;display:flex;justify-content:space-between;align-items:center}.art-bottom b{font-size:23px;font-weight:400}.tone0{background:#c7f572}.tone1{background:#293fbe;color:#fff}.tone2{background:#e9defa}.tone3{background:#ffcaab}.tone4{background:#cee8ec}.tone5{background:#e8e7df}.card-content{padding:22px}.card-meta{font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:10px}.card h3{font-size:19px;line-height:1.5;margin:13px 0 9px;font-weight:600}.card p{font-size:14px;line-height:1.7;color:var(--muted);margin:0 0 24px;min-height:48px}.card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px}.card-bottom small{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}.card-bottom strong{font-size:17px}.card-bottom button{border:1px solid var(--line);border-radius:50%;width:42px;height:42px;font-size:24px}.card-bottom button:hover{background:var(--green)}.process{margin:65px 0;display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:30px;border-top:1px solid var(--line);padding-top:35px}.process h2{font-size:26px;letter-spacing:-1px;line-height:1.4;margin:0}.step b{font-size:13px;color:#4a7565}.step h3{font-size:16px;margin-top:22px}.step p{font-size:14px;color:var(--muted);line-height:1.7}footer{border-top:1px solid var(--line);padding:30px 4.5%;display:flex;align-items:center;gap:25px;flex-wrap:wrap;font-size:12px;color:var(--muted)}footer .brand{font-size:28px;color:var(--ink)}footer p{flex:1}footer button{font-size:12px;text-decoration:underline}.view:not(#services){padding:55px 0;min-height:65vh}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:36px}.info-grid article,.order{border:1px solid var(--line);padding:27px;background:white;border-radius:8px}.info-grid h2{font-size:21px}.info-grid p{line-height:1.9;color:var(--muted)}.order{margin-top:24px}.order-heading{display:flex;justify-content:space-between;gap:20px}.badge{display:inline-block;background:#edf4d8;border-radius:20px;padding:7px 12px;font-size:12px;height:fit-content}.order h3{margin:10px 0}.order p{color:var(--muted);font-size:14px;line-height:1.8;overflow-wrap:anywhere}.timeline{display:flex;gap:14px;margin:25px 0;flex-wrap:wrap;font-size:13px}.timeline span{padding:10px 16px;background:#f0f3ef;border-radius:4px}.timeline .current{background:var(--green)}dialog{border:0;border-radius:12px;width:min(550px,94vw);padding:30px;color:var(--ink);max-height:90vh;overflow:auto}dialog::backdrop{background:#152a2ac0;backdrop-filter:blur(4px)}.modal-top{display:flex;justify-content:space-between}.modal-top .eyebrow{margin:8px 0}dialog h2{font-size:29px;margin:15px 0}.muted{color:var(--muted);font-size:14px;line-height:1.7}label{display:block;margin-top:20px;font-size:14px}input,select,textarea{display:block;width:100%;padding:13px;margin-top:8px;border:1px solid #bcc9c3;border-radius:5px;font:inherit;background:#fff;color:var(--ink)}.summary{display:flex;justify-content:space-between;margin:24px 0;font-size:14px}.submit{width:100%}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;border-radius:8px;padding:15px 24px;font-size:14px;display:none;z-index:10}[hidden]{display:none!important}@media(max-width:1000px){nav{gap:15px}.right{gap:12px}.intro{gap:30px}.cards{gap:15px}.art-main{font-size:32px}.process{grid-template-columns:1fr 1fr}.catalog-label{display:none}}@media(max-width:760px){header{flex-wrap:wrap;padding:18px 5%;gap:12px}.brand{font-size:32px}nav{order:3;width:100%;justify-content:space-between}.right .small{display:none}.demo{font-size:11px}.demo span:last-child{display:none}main{padding:0 5%}.intro{padding:35px 0 25px}.intro-note{display:none}h1{letter-spacing:-1.4px}.cards{grid-template-columns:1fr 1fr}.art{height:170px;padding:18px}.art-main{font-size:28px}.card-content{padding:17px}.card h3{font-size:17px}.card-meta{flex-direction:column;gap:5px}.filters button{font-size:12px;padding:10px 13px}.info-grid{grid-template-columns:1fr}footer{gap:14px}footer p{min-width:60%}.order-heading{flex-wrap:wrap}}@media(max-width:480px){.cards{grid-template-columns:1fr}.art{height:210px}.art-main{font-size:42px}.process{grid-template-columns:1fr;gap:18px}.step h3{margin-top:9px}.card p{min-height:0}.card-meta{flex-direction:row}.demo{line-height:1.6}}
.searchbar{display:flex;gap:16px;margin:0 0 24px}.searchbar input{margin:0;flex:1}.searchbar select{margin:0;width:240px}.art{width:100%;text-align:left}.art-top,.art-bottom{width:100%}.art-main{display:block}.intro{background:linear-gradient(120deg,#f8faf8 60%,#e8f5da);border-radius:0 0 28px 28px;padding-left:24px;padding-right:24px;margin:0 -24px 15px}.intro-note{border:0}.package-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.package{padding:24px;border:1px solid var(--line);border-radius:10px}.package:last-child{background:#eefaD9;border-color:#b4d596}.package p{font-size:14px;line-height:1.8}.package .dark{width:100%;font-size:14px}#serviceDetail{width:min(800px,94vw)}#serviceDetail>h2{font-size:30px}.outline{border:1px solid #b8c7bf;border-radius:5px;padding:11px 16px;background:white;font-size:14px}.outline:hover{background:#edf4e9}.wizard-actions{display:flex;justify-content:space-between;gap:15px;margin-top:28px}#wizardProgress{display:flex;gap:9px;margin:25px 0}#wizardProgress span{background:#e5ebe7;color:#54635b;flex:1;padding:8px;text-align:center;border-radius:4px;font-size:13px}#wizardProgress .done{background:#c7f572;color:#182b2b}#reviewData{padding:20px;background:#f1f5ed;border-radius:6px;overflow-wrap:anywhere}#reviewData p{font-size:14px;line-height:1.8}.faq-section{margin:0 0 65px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.section-heading h2{font-size:32px;letter-spacing:-1px;margin:0 0 25px}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.faq-grid details{border-top:1px solid var(--line);padding:23px 0}.faq-grid summary{cursor:pointer;font-size:16px;font-weight:500;line-height:1.7}.faq-grid p{font-size:14px;line-height:1.9;color:var(--muted)}.bottom-banner{margin-top:50px;background:#c7f572;padding:40px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:30px}.bottom-banner h2{font-size:36px;line-height:1.3;letter-spacing:-1px;margin:0}.bottom-banner p{max-width:580px;line-height:1.8;font-size:14px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0}.stats>div{padding:25px;border:1px solid var(--line);background:white;border-radius:8px;display:flex;flex-direction:column;gap:10px}.stats b{font-size:32px}.stats span{font-size:14px;color:var(--muted)}.project-actions{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}.text-button{font-size:14px;text-decoration:underline}.notes{border-top:1px solid var(--line);padding-top:17px;margin-top:20px}.notes summary{cursor:pointer;font-size:14px}.notes form{display:flex;gap:12px;align-items:end}.notes label{flex:1;font-size:12px}.note{background:#f4f7f0;padding:15px;border-radius:5px}.empty-state{padding:35px;border:1px dashed var(--line);grid-column:1/-1;text-align:center;color:var(--muted)}@media(max-width:760px){.intro{margin:0;padding-left:0;padding-right:0;background:none}.searchbar{flex-direction:column;gap:10px}.searchbar select{width:100%}.faq-grid,.package-grid{grid-template-columns:1fr}.section-heading{display:block}.bottom-banner{padding:25px;flex-direction:column;align-items:start}.bottom-banner h2{font-size:29px}.stats{gap:8px}.stats>div{padding:16px}.stats span{font-size:12px}.notes form{display:block}.notes form button{margin-top:12px}.package h2{font-size:24px}#serviceDetail>h2{font-size:24px}}