:root{--color-green: #73b72b;--color-green-dark: #5fa020;--color-blue: #1d2932;--color-blue-light: #2a3a47;--color-red: #e30613;--color-red-dark: #c00510;--color-white: #ffffff;--color-gray-light: #f8faf5;--color-gray: #5a6a78;--color-gray-dark: #151d23;--font-family: "Bai Jamjuree", sans-serif;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 50%;--shadow-sm: 0 2px 10px rgba(29, 41, 50, .06);--shadow-md: 0 4px 20px rgba(29, 41, 50, .08);--shadow-lg: 0 8px 30px rgba(29, 41, 50, .12);--transition: all .3s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);color:var(--color-blue);line-height:1.6;background:var(--color-white)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--color-blue)}.container{max-width:1100px;margin:0 auto;padding:0 24px}.section{padding:80px 24px}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-family);font-weight:600;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);text-decoration:none;border:none}.btn-primary{background:var(--color-green);color:var(--color-white);padding:16px 32px;font-size:18px}.btn-primary:hover{background:var(--color-green-dark);transform:translateY(-2px)}.btn-secondary{background:var(--color-white);color:var(--color-blue);border:2px solid var(--color-blue);padding:14px 28px;font-size:16px}.btn-secondary:hover{background:var(--color-blue);color:var(--color-white)}.btn-cta{background:var(--color-red);color:var(--color-white);padding:18px 36px;font-size:20px;font-weight:700;border-radius:var(--radius-md)}.btn-cta:hover{background:var(--color-red-dark);transform:scale(1.05)}.card{background:var(--color-white);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-md);transition:var(--transition)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:transparent;padding:10px 24px;transition:var(--transition)}.header--scrolled{background:var(--color-white);box-shadow:0 2px 20px #0000001a}.header__container{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.header__logo{display:flex;align-items:center;text-decoration:none}.header__actions{display:flex;align-items:center;gap:12px}.header__remote-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--color-red);color:var(--color-white);border-radius:10px;text-decoration:none;transition:var(--transition);animation:remote-pulse 2s ease-in-out infinite}.header__remote-btn:hover{background:var(--color-red-dark);transform:scale(1.1);animation:none}@keyframes remote-pulse{0%,to{box-shadow:0 0 #e3061380}50%{box-shadow:0 0 0 8px #e3061300}}.header__btn{padding:12px 24px;font-size:16px}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(#1d2932a6,#1d2932a6),url(/CoorpoSOSPC11.jpg) center/cover no-repeat;color:var(--color-white);text-align:center;padding:120px 24px 80px}.hero__content{max-width:800px}.hero__title{font-size:clamp(32px,5vw,52px);color:var(--color-white);margin-bottom:24px;line-height:1.2}.hero__subtitle{font-size:clamp(18px,2.5vw,24px);margin-bottom:40px;opacity:.95;font-weight:400}.hero__btn{display:inline-block}.hero__location{margin-top:24px;font-size:16px;opacity:.8}.problems{background:var(--color-gray-light)}.problems__title{font-size:clamp(26px,4vw,36px);text-align:center;margin-bottom:16px}.problems__subtitle{text-align:center;margin-bottom:48px;font-size:18px;color:var(--color-gray)}.problems__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.problems__card{text-align:center;cursor:pointer;display:flex;flex-direction:column;align-items:center}.problems__icon{font-size:48px;margin-bottom:16px}.problems__card-title{font-size:18px;font-weight:600;margin-bottom:12px;flex:1;display:flex;align-items:flex-end}.problems__reassurance{color:var(--color-green);font-weight:500;font-size:15px}.remote{background:var(--color-blue);color:var(--color-white)}.remote__grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.remote__title{font-size:clamp(26px,4vw,36px);color:var(--color-white);margin-bottom:20px}.remote__text{font-size:18px;margin-bottom:24px;opacity:.9;line-height:1.7}.remote__btn-zone{display:flex;justify-content:center;padding:50px 0 30px}.remote__btn-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:500px;height:170px}.remote__glow{position:absolute;top:50%;left:50%;width:200px;height:70px;transform:translate(-50%,-50%);background:radial-gradient(ellipse,rgba(115,183,43,.25) 0%,transparent 70%);border-radius:50%;animation:glow-pulse 3s ease-in-out infinite}@keyframes glow-pulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}}.remote__orbit{display:none}.remote__arrow{position:absolute;top:50%;left:50%;color:#ffffffd9;pointer-events:none;filter:drop-shadow(0 0 3px rgba(255,255,255,.4));animation:arrow-pulse 7.5s ease-in-out infinite}.remote__arrow svg{display:block;transform:rotate(var(--arot))}@keyframes arrow-pulse{0%,to{opacity:.4;translate:calc(var(--ax) * 1.25 - 50%) calc(var(--ay) * 1.25 - 50%)}50%{opacity:1;translate:calc(var(--ax) * 1.1 - 50%) calc(var(--ay) * 1.1 - 50%)}}.remote__btn{background:var(--color-green);position:relative;z-index:1;font-size:17px;padding:16px 32px;box-shadow:0 0 20px #73b72b4d,0 4px 15px #0003;transition:all .3s ease}.remote__btn:hover{background:var(--color-green-dark);box-shadow:0 0 30px #73b72b80,0 6px 20px #0000004d;transform:scale(1.04)}@media(max-width:480px){.remote__arrow,.remote__glow,.remote__orbit{display:none}.remote__btn-zone{padding:20px 0 10px}.remote__btn-wrapper{width:auto;height:auto}}.remote__steps{background:#ffffff1a;border-radius:var(--radius-lg);padding:32px}.remote__steps-title{font-size:20px;font-weight:600;color:var(--color-white);margin-bottom:24px}.remote__steps-list{display:flex;flex-direction:column;gap:20px}.remote__step{display:flex;align-items:center;gap:16px}.remote__step-num{width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-green);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;flex-shrink:0}.remote__step-text{font-size:16px}.remote__phone{margin-top:24px;padding:16px;background:#73b72b33;border-radius:var(--radius-sm);font-size:15px;text-align:center}.contact-form{background:var(--color-white)}.contact-form__container{max-width:700px}.contact-form__title{font-size:clamp(26px,4vw,36px);text-align:center;margin-bottom:48px}.contact-form__box{background:var(--color-gray-light);border-radius:var(--radius-xl);padding:clamp(32px,5vw,48px);min-height:300px}.contact-form__progress{display:flex;gap:8px;margin-bottom:32px}.contact-form__progress-bar{height:4px;flex:1;border-radius:2px;background:#ddd;transition:var(--transition)}.contact-form__progress-bar.active{background:var(--color-green)}.contact-form__question{font-size:clamp(20px,3vw,26px);font-weight:600;margin-bottom:32px}.contact-form__options{display:flex;flex-direction:column;gap:12px}.contact-form__option{background:var(--color-white);color:var(--color-blue);border:2px solid var(--color-green);padding:16px 24px;border-radius:var(--radius-md);font-size:17px;font-weight:500;cursor:pointer;text-align:left;transition:var(--transition);font-family:var(--font-family)}.contact-form__option:hover,.contact-form__option.active{background:var(--color-green);color:var(--color-white)}.contact-form__hint{font-size:16px;color:var(--color-gray);margin-bottom:28px}.contact-form__fields{display:flex;flex-direction:column;gap:20px;margin-bottom:28px}.contact-form__field{display:flex;flex-direction:column;gap:6px}.contact-form__label{font-size:15px;font-weight:600;color:var(--color-blue)}.contact-form__input{background:var(--color-white);border:2px solid #ddd;border-radius:var(--radius-md);padding:14px 18px;font-size:16px;font-family:var(--font-family);color:var(--color-blue);transition:var(--transition)}.contact-form__input:focus{outline:none;border-color:var(--color-green);box-shadow:0 0 0 3px #73b72b26}.contact-form__input::placeholder{color:#b0b8c0}.contact-form__field-help{font-size:13px;color:var(--color-gray);line-height:1.4}.contact-form__submit{width:100%;padding:16px;font-size:18px}.contact-form__submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.contact-form__error{color:var(--color-red);font-size:15px;margin-bottom:16px;text-align:center}.contact-form__summary{background:var(--color-white);border-radius:var(--radius-md);padding:20px 24px;margin-bottom:24px;text-align:left;font-size:15px;line-height:1.8;color:var(--color-blue)}.contact-form__summary strong{color:var(--color-green)}.contact-form__info-box{background:var(--color-white);border:2px solid var(--color-green);border-radius:var(--radius-lg);padding:28px 24px;text-align:center}.contact-form__info-text{font-size:18px;margin-bottom:12px;color:var(--color-blue)}.contact-form__info-phone{display:inline-block;font-size:32px;font-weight:700;color:var(--color-green);text-decoration:none;margin-bottom:16px;transition:var(--transition)}.contact-form__info-phone:hover{color:var(--color-green-dark)}.contact-form__info-subtext{font-size:15px;color:var(--color-gray);margin-bottom:20px;line-height:1.5}.contact-form__success{text-align:center}.contact-form__success-icon{font-size:64px;margin-bottom:24px}.contact-form__success-title{font-size:24px;font-weight:600;margin-bottom:16px}.contact-form__success-text{font-size:18px;margin-bottom:32px;color:var(--color-gray)}.contact-form__success-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.pricing{background:var(--color-gray-light)}.pricing__title{font-size:clamp(26px,4vw,36px);text-align:center;margin-bottom:16px}.pricing__subtitle{text-align:center;margin-bottom:48px;font-size:18px;color:var(--color-gray)}.pricing__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}.pricing__card{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:220px}.pricing__card--featured{border:3px solid var(--color-green)}.pricing__badge{background:var(--color-green);color:var(--color-white);padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;display:inline-block;margin-bottom:12px}.pricing__name{font-size:20px;font-weight:600;margin-bottom:12px;flex:1;display:flex;align-items:flex-end}.pricing__price{font-size:36px;font-weight:700;color:var(--color-green);margin-bottom:12px}.pricing__detail{color:var(--color-gray);font-size:15px;max-width:200px}.pricing__note{text-align:center;margin-top:32px;font-size:15px;color:var(--color-gray)}.about{background:var(--color-white)}.about__grid{display:grid;grid-template-columns:280px 1fr;gap:60px;align-items:center}.about__avatar{width:280px;height:280px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-green) 0%,var(--color-green-dark) 100%);display:flex;align-items:center;justify-content:center;font-size:120px;margin:0 auto}.about__title{font-size:clamp(26px,4vw,36px);margin-bottom:24px}.about__text{font-size:18px;line-height:1.8}.about__text p{margin-bottom:16px}.about__highlight{font-weight:600;color:var(--color-green)}.zones{background:var(--color-blue);color:var(--color-white);text-align:center}.zones__title{font-size:clamp(24px,4vw,32px);color:var(--color-white);margin-bottom:24px}.zones__subtitle{font-size:18px;margin-bottom:32px;opacity:.9}.zones__list{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.zones__tag{background:#ffffff1a;padding:10px 20px;border-radius:25px;font-size:16px;font-weight:400}.zones__tag--primary{background:var(--color-green);font-weight:600}.footer{background:var(--color-gray-dark);color:var(--color-white);padding:60px 24px 30px}.footer__grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:40px}.footer__heading{font-size:20px;font-weight:600;color:var(--color-white);margin-bottom:16px}.footer__phone{color:var(--color-green);font-size:28px;font-weight:700;text-decoration:none;display:block;margin-bottom:12px}.footer__phone:hover{text-decoration:underline}.footer__text{opacity:.8;font-size:15px;line-height:1.8}.footer__bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:24px;text-align:center;opacity:.6;font-size:14px}@keyframes modal-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes modal-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes modal-content-in{0%{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modal-content-out{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.92) translateY(20px)}}.modal__overlay{position:fixed;inset:0;z-index:2000;background:#1d2932cc;display:flex;align-items:center;justify-content:center;padding:24px}.modal__overlay.modal--opening{animation:modal-overlay-in .25s ease-out forwards}.modal__overlay.modal--closing{animation:modal-overlay-out .25s ease-in forwards}.modal__content{background:var(--color-white);border-radius:var(--radius-xl);padding:40px;max-width:500px;width:100%;text-align:center}.modal--opening .modal__content{animation:modal-content-in .3s cubic-bezier(.16,1,.3,1) forwards}.modal--closing .modal__content{animation:modal-content-out .2s ease-in forwards}.modal__title{font-size:24px;font-weight:700;margin-bottom:24px}.modal__text{font-size:16px;margin-bottom:32px;color:var(--color-gray)}.modal__actions{display:flex;flex-direction:column;gap:16px}.modal__btn{width:100%}.modal__close{background:none;border:none;margin-top:24px;color:var(--color-gray);cursor:pointer;font-size:15px;font-family:var(--font-family)}.modal__close:hover{color:var(--color-blue)}.modal__calendar{position:relative;background:var(--color-white);border-radius:var(--radius-xl);width:100%;max-width:1000px;height:85vh;max-height:700px;overflow:hidden;box-shadow:var(--shadow-lg)}.modal--opening .modal__calendar{animation:modal-content-in .3s cubic-bezier(.16,1,.3,1) forwards}.modal--closing .modal__calendar{animation:modal-content-out .2s ease-in forwards}.modal__calendar-close{position:absolute;top:12px;right:12px;z-index:10;width:40px;height:40px;border-radius:var(--radius-sm);background:var(--color-blue);color:var(--color-white);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.modal__calendar-close:hover{background:var(--color-blue-light)}.modal__calendar-loader{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--color-white);z-index:5;color:var(--color-gray);font-size:15px}.modal__spinner{width:40px;height:40px;border:4px solid #e0e0e0;border-top-color:var(--color-green);border-radius:50%;animation:modal-spin .8s linear infinite}@keyframes modal-spin{to{transform:rotate(360deg)}}.floating-btn{position:fixed;bottom:24px;right:24px;z-index:999;background:var(--color-green);color:var(--color-white);width:64px;height:64px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #73b72b66;text-decoration:none;font-size:28px;transition:var(--transition)}.floating-btn:hover{transform:scale(1.1)}@media(max-width:900px){.problems__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.section{padding:60px 20px}.btn-primary,.btn-cta{width:100%}.remote__grid{grid-template-columns:1fr;gap:40px}.about__grid{grid-template-columns:1fr;gap:40px;text-align:center}.about__avatar{width:200px;height:200px;font-size:80px}}@media(max-width:600px){.problems__grid{grid-template-columns:1fr}.footer__grid{grid-template-columns:1fr;gap:32px}}@media(max-width:480px){.header__btn{padding:10px 16px;font-size:14px}.header__remote-btn{width:38px;height:38px;border-radius:8px}.header__actions{gap:8px}}
