@font-face{font-family:Thai;src:url(/website-assets/thai.ttf)}@scope (.website-proposal){*{box-sizing:border-box}.website-proposal{margin:0;background:#faf8f2;color:#153e33;font-family:Thai,Arial,sans-serif;font-size:16px;line-height:1.7}header{padding:20px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #deded2}header b{letter-spacing:2px}.eyebrow,header span{font-size:12px;letter-spacing:2px}main{max-width:1160px;margin:auto;padding:0 28px}h1{font-size:clamp(34px,5vw,62px);line-height:1.25;letter-spacing:-1px;margin:20px 0}h2{font-size:32px;line-height:1.35;margin:8px 0 16px}h3{font-size:21px;margin:10px 0}p{color:#5b6962}.intro{text-align:center;padding:70px 0 35px;max-width:800px;margin:auto}.tag{display:inline-block;border:1px solid #d3d3c2;border-radius:30px;padding:6px 16px;font-size:13px}.hero{border-radius:28px;overflow:hidden;margin:20px 0 55px}.hero img{width:100%;display:block}.tech{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tech article{padding:22px 14px;border:1px solid #deded2;border-radius:20px;background:white;text-align:center}.tech img{height:32px;width:32px}.tech b{display:block;margin-top:10px}.tech p{font-size:12px;line-height:1.6;margin-bottom:0}section{padding:45px 0}.section-head{max-width:720px;margin-bottom:25px}.scroll{overflow:auto;border:1px solid #dadccf;border-radius:22px;background:white}table{border-collapse:collapse;width:100%;min-width:720px;table-layout:fixed}td,th{padding:12px;text-align:left;border-bottom:1px solid #e9e9e1;vertical-align:top;font-size:14px}thead th{background:#173f33;color:white;font-size:22px}thead th:first-child{font-size:15px;width:23%}small{font-size:12px}small,tbody th{font-weight:400}tbody th{color:#526357}tr:last-child td,tr:last-child th{border-bottom:0}thead th:nth-child(3){background:#2b5949}.options{background:#eeeee2;padding:22px 25px;border-radius:18px;margin-top:20px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips span{background:white;border:1px solid #d9ddcd;border-radius:24px;padding:7px 15px;font-size:14px}.note{font-size:13px}.design{background:#153e33;border-radius:28px;color:#fff;padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.design p{color:#d6e0d5}.design ul{padding-left:20px}.design img{width:38px;filter:invert(1)}.portfolio{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.portfolio figure{margin:0}.portfolio img{width:100%;height:280px;object-fit:cover;object-position:top;border-radius:18px}.portfolio figcaption{font-size:13px;padding:10px 0}.form{background:white;border:1px solid #deded2;border-radius:26px;padding:32px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;font-size:14px}input,select,textarea{width:100%;padding:13px;border:1px solid #d0d6ca;border-radius:10px;background:#fafbf7;color:#153e33;font:inherit;margin-top:7px}textarea{min-height:100px}.wide{grid-column:1/-1}.button{display:inline-block;background:#153e33;color:white;text-decoration:none;border-radius:25px;padding:12px 24px;margin:10px 0;border:0;font:inherit}footer{text-align:center;padding:45px 20px;font-size:13px;color:#6c756b}@media(max-width:700px){main{padding:0 20px}.intro{padding-top:45px}header span{letter-spacing:0}.tech{grid-template-columns:repeat(2,1fr)}.design,.fields{grid-template-columns:1fr}.design{padding:26px;gap:15px}.portfolio{grid-template-columns:repeat(2,1fr)}.portfolio img{height:220px}section{padding:30px 0}h2{font-size:26px}.hero{margin-bottom:25px}.form{padding:22px}.wide{grid-column:auto}}.price{display:block;font-size:29px;line-height:1.3;margin-top:15px}.price small{font-size:12px}.steps{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.steps article{border:1px solid #deded2;border-radius:20px;padding:25px;background:white}.steps p{font-size:14px}.portfolio{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:18px;padding-bottom:16px;scrollbar-width:thin;overscroll-behavior-x:contain}.portfolio figure{flex:0 0 calc((100% - 54px)/4);scroll-snap-align:start}.portfolio img{height:350px}.portfolio-controls{display:flex;justify-content:flex-end;gap:10px;margin-bottom:15px}.portfolio-controls button{border:1px solid #bbc7b8;background:white;border-radius:50%;width:44px;height:44px;font-size:24px;color:#153e33;cursor:pointer}@media(max-width:700px){.steps{grid-template-columns:1fr}.portfolio figure{flex-basis:78%}.portfolio img{height:390px}.price{font-size:25px}}.tech{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;padding-bottom:16px}.tech article{flex:0 0 calc((100% - 36px)/4);scroll-snap-align:start}.tech article img{height:38px;width:38px}@media(max-width:700px){.tech article{flex-basis:72%;padding:26px 20px}}.chips span{font-size:12px;padding:5px 11px;line-height:1.5}.chips{gap:7px}.options h3{font-size:18px}.options .note{font-size:12px;line-height:1.7}thead th:nth-child(2){background:#173f33;color:#fff}thead th:nth-child(3){background:#d4b56a;color:#30250d}thead th:nth-child(4){background:#a53738;color:#fff}input,select,textarea{padding:8px 10px;font-size:14px;line-height:1.5;margin-top:5px}.fields{gap:16px}textarea{min-height:85px}.business-types{margin:0;padding:0;border:0;min-width:0}.business-types legend{font-size:14px;margin-bottom:9px;padding:0}.business-options{display:flex;flex-wrap:wrap;gap:8px}.business-options label{position:relative;cursor:pointer}.business-options input{position:absolute;width:1px;height:1px;opacity:0;margin:0;padding:0}.business-options span{display:block;border:1px solid #d0d6ca;border-radius:24px;background:#fafbf7;padding:6px 13px;font-size:12px;line-height:1.5}.business-options input:checked+span{background:#153e33;color:#fff;border-color:#153e33}.business-options input:focus-visible+span{outline:2px solid #b8994c;outline-offset:3px}thead th:nth-child(2){background:#285e55;color:#ddc47e}thead th:nth-child(3){background:#665940;color:#ddc47e}thead th:nth-child(4){background:#570f18;color:#ddc47e}.price small,thead th:nth-child(n+2)>small{color:#fff8e9}.scroll{border-color:#e8dfce}.scroll,tbody td{background:#fffdf9}thead th:first-child{background:#f3eee5;color:#153e33}section:has(>.scroll)>.scroll{margin-left:-12px;margin-right:-12px}@media(max-width:700px){section:has(>.scroll)>.scroll{margin-left:-12px;margin-right:-12px;border-radius:18px}}.website-faq details{background:#faf8f2;border:1px solid #e7dcc6;border-radius:22px;margin:12px 0}.website-faq summary{list-style:none;display:flex;align-items:center;gap:20px;padding:24px;cursor:pointer}.website-faq summary::-webkit-details-marker{display:none}.faq-number{flex:0 0 48px;height:48px;border:1px solid #b59b60;border-radius:50%;background:#24483e;color:#dcc58b;display:grid;place-items:center;font-size:20px}.faq-copy{flex:1;min-width:0}.faq-copy strong{display:block;font-size:18px}.faq-copy small{display:block;color:#927c4d;margin-top:4px}.faq-plus{font-size:28px;color:#927c4d}.website-faq details[open] .faq-plus{transform:rotate(45deg)}.website-faq details>p{margin:0;padding:0 24px 24px 92px;font-size:14px}.website-faq summary:focus-visible{outline:2px solid #927c4d;outline-offset:3px;border-radius:22px}@media(max-width:700px){.website-faq summary{padding:16px;gap:12px}.faq-number{flex-basis:36px;height:36px;font-size:16px}.faq-copy strong{font-size:15px}.website-faq details>p{padding:0 16px 18px;font-size:13px}}:scope{max-width:1160px;margin:0 auto;padding:60px 28px 0;color:#153e33;font-family:Thai,Arial,sans-serif;font-size:16px;line-height:1.7}:scope h1,:scope h2,:scope h3,:scope p{font-family:inherit}:scope .intro h1{font-size:clamp(34px,5vw,62px);line-height:1.25}@media(max-width:700px){:scope{padding:30px 20px 0}}}@scope (.website-proposal){.package-visual-slider{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:18px;padding-bottom:12px}.package-visual-slider figure{margin:0;flex:0 0 calc((100% - 36px)/3);scroll-snap-align:start}.package-visual-slider img{width:100%;aspect-ratio:1.54;object-fit:cover;border-radius:20px}.package-visual-slider figcaption{padding:10px 0;font-size:18px}@media(max-width:700px){.package-visual-slider figure{flex-basis:86%}}}@scope (.website-proposal){:scope{background:#faf8f2}:scope h1,:scope h2,:scope h3{color:#153e33}:scope .design h2,:scope .design h3{color:#fff}:scope .website-faq{scroll-margin-top:86px}:scope .package-visuals{scroll-margin-top:86px}}body:has(.website-proposal){background:#faf8f2}#main.website-proposal h1{line-height:1.5}#main.website-proposal h2,#main.website-proposal h3{line-height:1.55}#main.website-proposal .tech article{padding:20px 16px}#main.website-proposal .tech article b{font-size:16px;line-height:1.3;margin-top:7px}#main.website-proposal .tech article p{font-size:14px;line-height:1.45;margin:5px 0 0}html[lang] #main.website-proposal :is(h1,h2,h3,h4,h5,h6){line-height:1.55}html[lang] #main.website-proposal h2{font-size:30px;line-height:1.55}@media(max-width:700px){html[lang] #main.website-proposal h2{font-size:24px;line-height:1.55}}#main.website-proposal .package-header-image{display:block;width:100%;aspect-ratio:1.54;object-fit:cover;border-radius:12px;margin:0 0 12px}#main.website-proposal .hero{display:block;background:none;min-height:0;padding:0;margin:20px 0 55px;border-radius:28px;overflow:hidden}#main.website-proposal .tech article img{display:block;margin-inline:auto}#main.website-proposal .additional-functions{scroll-margin-top:86px}#main.website-proposal .function-group+.function-group{margin-top:28px;padding-top:24px;border-top:1px solid #d8dccd}#main.website-proposal .function-group h3{font-size:18px;margin:12px 0 14px}#main.website-proposal .options .note{margin:20px 0 0;font-size:18px;line-height:1.3}#main.website-proposal .function-group .note{font-size:22px;line-height:1.3;margin-top:20px}@media(max-width:700px){#main.website-proposal .function-group .note{font-size:20px;line-height:1.3}}html[lang] #main.website-proposal .intro h1{line-height:1.3}html[lang] #main.website-proposal h2.figma-package-title{white-space:nowrap;font-size:clamp(14px,3.6vw,30px)}#main.website-proposal .steps article>b{font-size:19px;line-height:1.3}#main.website-proposal .steps article p{font-size:16px;line-height:1.3}@media(min-width:1024px){@scope (.website-proposal){html[lang] #main.website-proposal{width:100%;max-width:none;margin:0;padding-inline:0;box-sizing:border-box}:scope>:is(div,section,picture,p){width:calc(100% - 56px);max-width:1160px;margin-inline:auto;box-sizing:border-box}:scope>.intro{max-width:800px}}}html[lang] #main.website-proposal .design{grid-template-columns:repeat(2,minmax(0,1fr));max-width:100%;min-width:0}html[lang] #main.website-proposal .design>*{min-width:0;max-width:100%}html[lang] #main.website-proposal .design :is(h2,p,li){white-space:normal;overflow-wrap:anywhere}html[lang] #main.website-proposal h2.figma-package-title{white-space:normal!important}@media(max-width:900px){html[lang] #main.website-proposal .design{grid-template-columns:minmax(0,1fr);padding:28px 24px;gap:20px}html[lang] #main.website-proposal .design ul{padding-left:24px;margin:0}}html[lang] #main.website-proposal :is(h1,h2,h3,h4,h5,h6,.faq-copy strong,.steps article>b,.tech article>b){font-family:var(--font-heading),Tahoma,sans-serif!important}