@media(max-width:760px){form,.form-grid,.input-grid{grid-template-columns:1fr!important}}:root{--pc-max: 1320px;--pc-gold: #0C7255;--pc-dark: #061A15}body{overflow-x:hidden}.prakan-responsive-shell,main{width:min(var(--pc-max),calc(100vw - 40px))!important;max-width:var(--pc-max)!important;margin-left:auto!important;margin-right:auto!important}nav,.top-nav,.navbar,.header-nav{width:min(var(--pc-max),calc(100vw - 40px))!important;margin-left:auto!important;margin-right:auto!important}.hero,header.hero{width:min(var(--pc-max),calc(100vw - 40px))!important;max-width:var(--pc-max)!important;margin-left:auto!important;margin-right:auto!important;min-height:clamp(420px,42vw,560px)!important;max-height:620px!important;overflow:hidden!important;border-radius:28px!important;background-size:cover!important;background-position:center right!important}.workspace-grid,.content-grid,.app-grid,.analysis-grid,.upload-calculator-grid,.main-grid{width:min(var(--pc-max),calc(100vw - 40px))!important;max-width:var(--pc-max)!important;margin-left:auto!important;margin-right:auto!important;display:grid!important;grid-template-columns:minmax(360px,.95fr) minmax(460px,1.05fr)!important;gap:24px!important;align-items:start!important}.grid.two-column,.two-column,.columns{display:grid!important;grid-template-columns:minmax(360px,.95fr) minmax(460px,1.05fr)!important;gap:24px!important;align-items:start!important}.panel,.upload-panel,.calculator-panel,.result-panel,.upload-card,.manual-panel,.card,section{max-width:100%!important;box-sizing:border-box!important}.upload-panel,.upload-card{min-width:0!important}form,.form-grid,.input-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}button{max-width:100%}.hero h1,.hero .hero-title{max-width:720px!important}.hero p,.hero .hero-copy,.hero li{max-width:680px!important}#contact,footer{width:min(var(--pc-max),calc(100vw - 40px))!important;margin-left:auto!important;margin-right:auto!important}@media(max-width:900px){.prakan-responsive-shell,main,nav,.top-nav,.navbar,.header-nav,.hero,header.hero,.workspace-grid,.content-grid,.app-grid,.analysis-grid,.upload-calculator-grid,.main-grid,#contact,footer{width:min(100%,calc(100vw - 24px))!important}.workspace-grid,.content-grid,.app-grid,.analysis-grid,.upload-calculator-grid,.main-grid,.grid.two-column,.two-column,.columns{grid-template-columns:1fr!important;gap:18px!important}.hero,header.hero{min-height:560px!important;max-height:none!important;background-position:center right!important}form,.form-grid,.input-grid{grid-template-columns:1fr!important}}.page-background{position:relative;isolation:isolate}.page-background:before{content:"";position:absolute;top:-72px;bottom:-72px;left:50%;width:100vw;transform:translate(-50%);z-index:0;pointer-events:none;background-image:linear-gradient(180deg,#061a15b8,#061a15e0),url(/images/digital-wave-background.png);background-repeat:no-repeat;background-position:center,center right;background-size:cover,cover;opacity:.06;-webkit-mask-image:radial-gradient(ellipse 72% 62% at 72% 42%,#000 0%,rgba(0,0,0,.78) 48%,transparent 100%);mask-image:radial-gradient(ellipse 72% 62% at 72% 42%,#000 0%,rgba(0,0,0,.78) 48%,transparent 100%)}.page-background>*{position:relative;z-index:1}@media(min-width:1800px){.page-background:before{background-size:cover,min(1800px,82vw) auto;background-position:center,74% center}}@media(max-width:768px){.page-background:before{top:-36px;bottom:-36px;opacity:.035;background-size:cover,auto 65%;background-position:center,70% center;-webkit-mask-image:radial-gradient(ellipse 90% 45% at 70% 40%,#000 0%,transparent 76%);mask-image:radial-gradient(ellipse 90% 45% at 70% 40%,#000 0%,transparent 76%)}}.hero-shell{width:100%;margin:22px 0 20px;background:#061a15}.hero.hero-container,header.hero.hero-container,#root .hero.hero-container,body .hero.hero-container{position:relative!important;display:grid!important;grid-template-columns:minmax(0,42%) minmax(0,58%)!important;width:min(100%,1600px)!important;max-width:1600px!important;height:560px!important;min-height:520px!important;max-height:600px!important;margin:0 auto!important;padding:0!important;overflow:hidden!important;border-radius:0!important;background:#061a15!important;border:1px solid rgba(12,114,85,.24)!important;box-shadow:0 24px 70px #00000073!important}.hero.hero-container:before{content:""!important;position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none!important;background:linear-gradient(90deg,#061a15f5,#061a15d1 32%,#061a154d 54%,#061a150a)!important}.hero.hero-container .hero-image{position:relative!important;inset:auto!important;grid-column:2!important;grid-row:1!important;display:block!important;width:100%!important;height:100%!important;min-width:0!important;max-width:none!important;object-fit:cover!important;object-position:center center!important;z-index:0!important}.hero.hero-container .hero-content{position:relative!important;grid-column:1!important;grid-row:1!important;align-self:center!important;z-index:2!important;width:100%!important;max-width:none!important;min-width:0!important;padding:48px clamp(32px,3.25vw,64px)!important;padding-left:max(32px,calc((100% - var(--pc-max)) / 2))!important;transform:none!important}@media(min-width:1800px){.hero.hero-container,header.hero.hero-container,#root .hero.hero-container,body .hero.hero-container{height:580px!important;min-height:580px!important;max-height:600px!important}}@media(min-width:769px)and (max-width:1100px){.hero.hero-container,header.hero.hero-container,#root .hero.hero-container,body .hero.hero-container{height:460px!important;min-height:460px!important;grid-template-columns:minmax(0,48%) minmax(0,52%)!important}.hero.hero-container .hero-content{padding:32px!important}}@media(max-width:768px){.hero-shell{margin:18px 0}.hero.hero-container,header.hero.hero-container,#root .hero.hero-container,body .hero.hero-container{display:flex!important;flex-direction:column!important;width:100%!important;height:auto!important;min-height:clamp(520px,145vw,620px)!important;max-height:none!important}.hero.hero-container:before{background:linear-gradient(180deg,#061a15f5,#061a15d1 62%,#061a1529)!important}.hero.hero-container .hero-content{order:1!important;align-self:auto!important;padding:42px max(24px,calc((100vw - 720px)/2)) 28px!important}.hero.hero-container .hero-image{order:2!important;flex:1 1 220px!important;min-height:220px!important;max-height:300px!important;object-position:center center!important}}@media(max-width:520px){.hero,header.hero{min-height:560px!important;border-radius:22px!important}.hero h1,.hero .hero-title{font-size:clamp(2rem,8vw,2.6rem)!important;line-height:1.14!important}nav,.top-nav,.navbar,.header-nav{justify-content:center!important}}.hero,header.hero{width:min(1180px,calc(100vw - 48px))!important;max-width:1180px!important;margin:28px auto 24px!important;min-height:520px!important;max-height:none!important;border-radius:28px!important;overflow:hidden!important;background-size:cover!important;background-position:center right!important}.workspace-grid,.content-grid,.app-grid,.analysis-grid,.upload-calculator-grid,.main-grid,.grid.two-column,.two-column,.columns{width:min(1320px,calc(100vw - 40px))!important;max-width:1320px!important;margin-left:auto!important;margin-right:auto!important}@media(min-width:901px){.workspace-grid,.content-grid,.app-grid,.analysis-grid,.upload-calculator-grid,.main-grid,.grid.two-column,.two-column,.columns{display:grid!important;grid-template-columns:minmax(360px,.95fr) minmax(460px,1.05fr)!important;gap:24px!important;align-items:start!important}}@media(max-width:900px){.hero,header.hero{width:min(100%,calc(100vw - 24px))!important;min-height:560px!important;margin:18px auto!important}}body .hero>*,body header.hero>*,body .hero-card-locked>*{max-width:100%!important;box-sizing:border-box!important}body .hero,body header.hero{margin-inline:auto!important}@media(min-width:901px){body .workspace-grid,body .content-grid,body .app-grid,body .analysis-grid,body .upload-calculator-grid,body .main-grid,body .grid.two-column,body .two-column,body .columns{width:min(1320px,calc(100vw - 64px))!important;max-width:1320px!important;margin-left:auto!important;margin-right:auto!important;display:grid!important;grid-template-columns:minmax(360px,.95fr) minmax(460px,1.05fr)!important;gap:24px!important;align-items:start!important}}@media(max-width:900px){body .hero,body header.hero,body .hero-card-locked,body header.hero-card-locked{width:min(100%,calc(100vw - 24px))!important;max-width:none!important;min-height:560px!important;max-height:none!important;margin-top:18px!important;border-radius:22px!important}body .workspace-grid,body .content-grid,body .app-grid,body .analysis-grid,body .upload-calculator-grid,body .main-grid,body .grid.two-column,body .two-column,body .columns{width:min(100%,calc(100vw - 24px))!important;grid-template-columns:1fr!important}}body>div #root .hero,#root .hero{width:min(1180px,calc(100vw - 64px))!important;max-width:1180px!important;margin-left:auto!important;margin-right:auto!important}.hero-width-lock-wrapper img,.hero-width-lock-wrapper picture,.hero-width-lock-wrapper video{max-width:100%!important}.hero-width-lock-wrapper [style*="100vw"]{width:100%!important;max-width:100%!important}.hero-width-lock-wrapper section,.hero-width-lock-wrapper header,.hero-width-lock-wrapper div{max-width:100%!important}@media(min-width:901px){.workspace-grid,.content-grid,.app-grid,.analysis-grid,.upload-calculator-grid,.main-grid,.grid.two-column,.two-column,.columns{width:min(1320px,calc(100vw - 64px))!important;max-width:1320px!important;margin-left:auto!important;margin-right:auto!important;display:grid!important;grid-template-columns:minmax(360px,.95fr) minmax(460px,1.05fr)!important;gap:24px!important;align-items:start!important}}@media(max-width:900px){.hero-width-lock-wrapper{width:min(100%,calc(100vw - 24px))!important;margin:18px auto!important}}@media(max-width:640px){.top-brand-strip{width:min(100%,calc(100vw - 24px))!important;padding:14px 16px!important;gap:12px!important}.top-brand-strip img{width:86px!important}.top-brand-strip div div:first-child{font-size:1.25rem!important}}.site-header{padding-top:8px!important;padding-bottom:6px!important}.logo-card{min-height:72px!important;padding:14px 24px!important}@media(min-width:1200px){.site-header{padding-top:6px!important;padding-bottom:4px!important}}@media(min-width:769px){.hero,header.hero,#root .hero,body .hero,body header.hero{position:relative!important;width:100%!important;max-width:none!important;height:clamp(420px,48vh,560px)!important;min-height:0!important;max-height:560px!important;margin:22px 0 20px!important;border-radius:0!important;padding:0!important;overflow:hidden!important;background-size:cover!important;background-position:center!important}.hero:before,header.hero:before{content:""!important;position:absolute!important;inset:0!important;z-index:1!important;background:linear-gradient(90deg,#061a15f5,#061a15d1 32%,#061a1559 58%,#061a150d)!important;pointer-events:none!important}.hero img,.hero-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}.hero-content{position:relative!important;z-index:2!important;max-width:620px!important;padding-left:clamp(24px,5vw,80px)!important;padding-right:clamp(24px,4vw,54px)!important;padding-top:clamp(56px,7vh,88px)!important;padding-bottom:clamp(44px,6vh,72px)!important;transform:none!important}}@media(max-width:768px){.site-header{padding-top:14px!important;padding-bottom:10px!important}.logo-card{min-height:0!important}.hero,header.hero,#root .hero,body .hero,body header.hero{position:relative!important;width:100%!important;max-width:none!important;height:auto!important;min-height:520px!important;max-height:none!important;margin-left:0!important;margin-right:0!important;border-radius:0!important;padding:0!important;background-size:cover!important;background-position:center!important}.hero:before,header.hero:before{content:""!important;position:absolute!important;inset:0!important;z-index:1!important;background:linear-gradient(180deg,#061a15eb,#061a15c7 55%,#061a15eb)!important;pointer-events:none!important}.hero img,.hero-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;z-index:0!important}.hero-content{position:relative!important;z-index:2!important;padding:56px 24px 48px!important;transform:none!important}.deposit-input-grid,.deposit-summary-grid{grid-template-columns:1fr!important}}html,body,#root{max-width:100%;overflow-x:hidden}.prakan-calculator-panel,.prakan-presentation-panel{min-width:0!important}.prakan-calculator-panel *,.prakan-presentation-panel *,.deposit-table-wrap{box-sizing:border-box}.prakan-calculator-panel input,.prakan-calculator-panel select,.prakan-calculator-panel textarea,.prakan-calculator-panel button,.deposit-input-grid input,.deposit-summary-grid input{max-width:100%!important;min-width:0!important;box-sizing:border-box!important}.prakan-calculator-panel input,.prakan-calculator-panel select,.prakan-calculator-panel textarea{width:100%!important}.form-grid,.input-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.form-grid>*,.input-grid>*,.prakan-calculator-panel label,.prakan-calculator-panel div{min-width:0!important}.deposit-table-wrap{width:100%;max-width:100%;overflow-x:auto}.deposit-table{min-width:640px}@media(max-width:1200px){main.prakan-responsive-shell,.prakan-responsive-shell,body .prakan-responsive-shell,.layout,body .layout,.workspace-grid,.content-grid,.app-grid,.analysis-grid,.upload-calculator-grid,.main-grid,.grid.two-column,.two-column,.columns{width:min(100%,calc(100vw - 32px))!important;max-width:none!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:18px!important;align-items:start!important}.prakan-calculator-panel{order:1!important;width:100%!important;max-width:100%!important}.prakan-presentation-panel{order:2!important;width:100%!important;max-width:100%!important}#contact{order:3!important}}@media(max-width:900px){.form-grid,.input-grid,.prakan-calculator-panel .form-grid,.prakan-calculator-panel .input-grid,.deposit-input-grid,.deposit-summary-grid,.prakan-calculator-panel [style*=grid-template-columns]{grid-template-columns:minmax(0,1fr)!important}.prakan-calculator-panel button{white-space:normal!important}}*{box-sizing:border-box}body{margin:0;font-family:Arial,Noto Sans Thai,sans-serif;background:#f3f7f5;color:#173129}button,input{font:inherit}.page{min-height:100vh}.hero{background:linear-gradient(135deg,#061a15,#08251d);color:#fff;padding:28px 18px}.brand{max-width:1120px;margin:0 auto;display:flex;align-items:center;gap:14px}.logo{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:#0c7255;color:#061a15}h1{margin:0;font-size:32px}.brand p{margin:6px 0 0;color:#b9ccc5}.hero-card{max-width:1120px;margin:20px auto 0;background:#ffffff14;border:1px solid rgba(255,255,255,.15);padding:12px 14px;border-radius:16px;display:flex;gap:10px;align-items:center;color:#b9ccc5}.layout{max-width:1120px;margin:18px auto;padding:0 14px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel{background:#fff;border-radius:22px;padding:18px;box-shadow:0 8px 30px #0c725514}.result-panel{grid-column:1 / -1}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.tabs button{border:1px solid rgba(12,114,85,.38);background:#f3f7f5;padding:12px;border-radius:14px;color:#173129;cursor:pointer;display:flex;gap:6px;align-items:center;justify-content:center}.tabs button.active{background:#0c7255;color:#fff;border-color:#0c7255;font-weight:700}.upload-box{border:2px dashed #0C7255;background:#f3f7f5;border-radius:18px;padding:24px;text-align:center;color:#173129}.upload-box h2{color:#173129;margin:10px 0 6px}.upload-box p{color:#647b73}.upload-box button,.lead button{border:none;background:#0c7255;color:#fff;padding:12px 16px;border-radius:12px;cursor:pointer;font-weight:700}.rules{margin-top:18px}.rule{display:flex;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid rgba(12,114,85,.2);color:#173129}h2{margin:0 0 6px}.muted{margin-top:0;color:#647b73}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-section{margin-bottom:18px}.form-section h3{margin:0 0 12px}label span{display:block;font-size:12px;color:#647b73;margin-bottom:5px}input,textarea{width:100%;border:1px solid rgba(12,114,85,.38);border-radius:12px;padding:10px 12px;outline:none;background:#f3f7f5;font-family:inherit}input:focus,textarea:focus{border-color:#0c7255;box-shadow:0 0 0 3px #0c72552e}textarea{resize:vertical}.cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.metric{background:#173129;color:#fff;padding:16px;border-radius:16px}.metric span{color:#b9ccc5;font-size:13px}.metric b{display:block;font-size:30px;margin-top:6px}.cashflow{margin-top:14px;background:#f3f7f5;border-radius:16px;padding:14px;line-height:1.8}.empty{display:grid;place-items:center;padding:40px;color:#647b73;text-align:center}pre{white-space:pre-wrap;font-family:inherit;line-height:1.7;background:#f3f7f5;border-radius:16px;padding:16px;margin:10px 0 0}.lead{margin-top:14px;border:1px solid rgba(12,114,85,.38);background:#f3f7f5;border-radius:16px;padding:16px}.lead h3{margin:0 0 6px;display:flex;gap:7px;align-items:center}.lead p{margin:0 0 12px;color:#647b73}.lead-row{display:flex;gap:8px}.lead button:disabled{background:#ccc;cursor:default}.success{margin-top:10px;color:#16803b;font-weight:700}footer{max-width:1120px;margin:0 auto;padding:12px 14px 30px;color:#647b73;font-size:13px;text-align:center}@media(max-width:820px){.layout,.form-grid{grid-template-columns:1fr}h1{font-size:26px}}