@font-face{font-display:swap;font-family:"bootstrap-icons";src:url("../vendor/bootstrap-icons/font/fonts/bootstrap-icons.woff2") format("woff2"),url("../vendor/bootstrap-icons/font/fonts/bootstrap-icons.woff") format("woff")}:root{--brand-cyan:#00c3ff;--brand-green:#6ccb00;--brand-yellow:#ffcc00;--brand-pink:#ff0080;--navy:#0b1524;--bg:#ffffff;--bg-soft:#f6f8fb;--text:#0b1524;--text-muted:#5b6577;--border-color:#e6eaf0;--accent-ink:#0072a8;--cta-bg:var(--brand-yellow);--cta-bg-hover:#ffd83d;--cta-text:var(--navy);--font-heading:"Kanit","IBM Plex Sans Thai",sans-serif;--font-body:"IBM Plex Sans Thai","Kanit",sans-serif;--fs-xs:0.8125rem;--fs-sm:0.9375rem;--fs-base:1rem;--fs-md:1.125rem;--fs-lg:1.25rem;--fs-xl:1.625rem;--fs-xxl:2.25rem;--fs-hero:3.25rem;--fw-md:500;--fw-lg:600;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--sp-9:96px;--rd-sm:6px;--rd-md:12px;--rd-lg:20px;--rd-pill:999px;--shadow-sm:0 1px 2px rgba(11,21,36,0.04),0 2px 8px rgba(11,21,36,0.04);--shadow-md:0 16px 40px rgba(11,21,36,0.08);--header-height:72px;--max-width:1200px;--transition:0.2s ease}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height)+var(--sp-4))}body{font-family:var(--font-body);font-size:var(--fs-base);line-height:1.7;color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-heading);font-weight:var(--fw-lg);line-height:1.3;color:inherit;text-wrap:balance}a{color:var(--accent-ink);text-decoration:none;transition:color var(--transition);&:hover{color:var(--navy)}}img{max-width:100%;height:auto}:focus-visible{outline:3px solid var(--brand-cyan);outline-offset:2px}.container{max-width:var(--max-width);@media (max-width:576px){&{padding-left:20px;padding-right:20px}}}section{padding:var(--sp-9) 0;@media (max-width:992px){&{padding:var(--sp-8) 0}}@media (max-width:576px){&{padding:40px 0}}}.btn-cta{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:13px 26px;font-family:var(--font-heading);font-size:var(--fs-base);font-weight:var(--fw-md);line-height:1.2;color:var(--cta-text);background-color:var(--cta-bg);border:2px solid var(--cta-bg);border-radius:var(--rd-pill);cursor:pointer;transition:background-color var(--transition),border-color var(--transition),color var(--transition);i{transition:transform var(--transition)}&:hover{color:var(--cta-text);background-color:var(--cta-bg-hover);border-color:var(--cta-bg-hover);.bi-arrow-right{transform:translateX(3px)}}&.btn-cta-outline{color:var(--navy);background-color:transparent;border-color:var(--border-color);&:hover{border-color:var(--navy)}}&.btn-cta-ghost{color:var(--text-muted);background-color:transparent;border-color:transparent;&:hover{color:var(--navy);background-color:var(--bg-soft)}}&.btn-cta-sm{padding:8px 18px;font-size:var(--fs-sm)}}.section-header{max-width:680px;margin:0 auto var(--sp-7);text-align:center;&.align-left{margin-left:0;text-align:left}.eyebrow{display:inline-block;margin-bottom:var(--sp-2);font-family:var(--font-heading);font-size:var(--fs-sm);font-weight:var(--fw-md);color:var(--accent-ink)}h2{margin-bottom:0;font-size:var(--fs-xxl)}.lead-text{margin:var(--sp-3) 0 0;font-size:var(--fs-md);color:var(--text-muted)}@media (max-width:768px){&{margin-bottom:var(--sp-6)}h2{font-size:var(--fs-xl)}}@media (max-width:576px){&{margin-bottom:var(--sp-5)}.eyebrow{margin-bottom:var(--sp-1);font-size:var(--fs-xs)}h2{font-size:1.5rem}.lead-text{font-size:var(--fs-base)}}}.section-footer{margin-top:var(--sp-7);text-align:center;@media (max-width:576px){&{margin-top:var(--sp-5)}}}.feature-list{display:grid;gap:var(--sp-2);margin:0;padding:0;list-style:none;li{display:flex;gap:var(--sp-2);align-items:flex-start;i{flex-shrink:0;margin-top:2px;font-size:1.125rem;color:var(--brand-green)}}}.site-header{position:sticky;top:0;z-index:1030;background-color:rgba(255,255,255,0.92);border-bottom:1px solid var(--border-color);backdrop-filter:saturate(180%) blur(12px);transition:box-shadow var(--transition);&.is-scrolled{box-shadow:var(--shadow-sm)}.navbar{min-height:var(--header-height);padding:0}.navbar-brand{padding:0;.brand-logo{width:auto;height:32px}}.navbar-toggler{padding:var(--sp-1) var(--sp-2);font-size:1.75rem;line-height:1;color:var(--navy);border:0;box-shadow:none}.navbar-collapse{justify-content:space-between}.navbar-nav{gap:var(--sp-1);margin:0 auto;.nav-link{padding:var(--sp-2) var(--sp-4);font-family:var(--font-heading);font-size:var(--fs-sm);font-weight:var(--fw-md);color:var(--text-muted);border-radius:var(--rd-pill);&:hover{color:var(--navy)}&.active{color:var(--navy);background-color:var(--bg-soft)}}}.nav-actions{display:flex;align-items:center;gap:var(--sp-4)}.lang-switch{display:flex;padding:3px;border:1px solid var(--border-color);border-radius:var(--rd-pill);a{padding:3px 12px;font-size:var(--fs-xs);font-weight:var(--fw-lg);color:var(--text-muted);border-radius:var(--rd-pill);&:hover{color:var(--navy)}&.active{color:var(--bg);background-color:var(--navy)}}}@media (max-width:1200px){.navbar-nav{.nav-link{padding:var(--sp-2) var(--sp-3)}}}@media (max-width:992px){.navbar-brand{.brand-logo{height:28px}}.navbar-collapse{margin:0 calc(var(--sp-3) * -1);padding:var(--sp-3) var(--sp-3) var(--sp-5);border-top:1px solid var(--border-color)}.navbar-nav{margin:0 0 var(--sp-4);.nav-link{padding:10px var(--sp-3);font-size:var(--fs-base);border-radius:var(--rd-sm)}}.nav-actions{justify-content:space-between;.btn-cta{flex:1}}}}.hero{position:relative;overflow:hidden;padding:var(--sp-9) 0;background:radial-gradient(circle at 90% 10%,rgba(0,195,255,0.10),transparent 35%),radial-gradient(circle at 75% 95%,rgba(255,204,0,0.12),transparent 35%),var(--bg);.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-8);align-items:center}.hero-content{.eyebrow{display:inline-flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-4);font-family:var(--font-heading);font-size:var(--fs-sm);font-weight:var(--fw-md);color:var(--text-muted);&::before{content:"";width:12px;height:12px;border-radius:3px;background:conic-gradient(var(--brand-green) 0 25%,var(--brand-pink) 0 50%,var(--brand-yellow) 0 75%,var(--brand-cyan) 0)}}h1{margin-bottom:var(--sp-4);font-size:var(--fs-hero);line-height:1.2;span{background:linear-gradient(transparent 62%,rgba(255,204,0,0.55) 62%)}}.lead-text{max-width:520px;margin-bottom:var(--sp-6);font-size:var(--fs-md);color:var(--text-muted)}}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--sp-3)}.stat-list{display:flex;gap:var(--sp-7);margin:var(--sp-7) 0 0;padding:0;list-style:none;.stat-item{strong{display:block;font-family:var(--font-heading);font-size:var(--fs-xl);font-weight:var(--fw-lg);line-height:1.2}span{font-size:var(--fs-sm);color:var(--text-muted)}}}.hero-visual{position:relative;padding:0 8% 10% 0;.line,.wire-btn,.wire-card{display:block;border-radius:var(--rd-sm)}.line{height:10px;background-color:var(--border-color);&.line-lg{width:80%;height:16px;background-color:var(--navy);opacity:0.85}&.line-md{width:65%}&.line-sm{width:45%}}.wire-btn{width:96px;height:26px;border-radius:var(--rd-pill);background-color:var(--brand-yellow)}.wire-card{height:88px;border-radius:var(--rd-md);&.card-cyan{background-color:rgba(0,195,255,0.18)}&.card-green{background-color:rgba(108,203,0,0.2)}&.card-pink{background-color:rgba(255,0,128,0.14)}&.card-yellow{background-color:rgba(255,204,0,0.3)}}}.browser-frame{overflow:hidden;background-color:var(--bg);border:1px solid var(--border-color);border-radius:var(--rd-lg);box-shadow:var(--shadow-md);.frame-bar{display:flex;gap:6px;padding:12px 16px;border-bottom:1px solid var(--border-color);i{width:10px;height:10px;border-radius:50%;&:nth-child(1){background-color:var(--brand-pink)}&:nth-child(2){background-color:var(--brand-yellow)}&:nth-child(3){background-color:var(--brand-green)}}}.wire-page{display:grid;gap:var(--sp-6);padding:var(--sp-5) var(--sp-6) var(--sp-6)}.wire-nav{display:flex;align-items:center;gap:var(--sp-3);b{width:28px;height:28px;margin-right:auto;border-radius:var(--rd-sm);background:conic-gradient(var(--brand-green) 0 25%,var(--brand-pink) 0 50%,var(--brand-yellow) 0 75%,var(--brand-cyan) 0)}span{width:44px;height:8px;border-radius:var(--rd-sm);background-color:var(--border-color)}}.wire-hero{display:grid;gap:var(--sp-3);padding:var(--sp-3) 0}.wire-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3)}}.phone-frame{position:absolute;right:0;bottom:0;display:grid;gap:var(--sp-3);align-content:start;width:30%;min-width:130px;aspect-ratio:9 / 17;padding:var(--sp-6) var(--sp-4) var(--sp-4);background-color:var(--bg);border:6px solid var(--navy);border-radius:26px;box-shadow:var(--shadow-md);.line-md{width:90%}.line-sm{width:60%}.wire-card{height:110px}.wire-btn{width:100%}}@media (max-width:1200px){.hero-content{h1{font-size:2.75rem}}}@media (max-width:992px){&{padding:var(--sp-8) 0}.hero-grid{grid-template-columns:1fr;gap:var(--sp-7)}.hero-content{h1{font-size:var(--fs-xxl)}}.hero-visual{max-width:560px}}@media (max-width:576px){&{padding:var(--sp-6) 0 40px}.hero-content{.eyebrow{margin-bottom:var(--sp-3);font-size:var(--fs-xs)}h1{margin-bottom:var(--sp-3);font-size:1.875rem}.lead-text{margin-bottom:var(--sp-5);font-size:var(--fs-base)}}.hero-actions{flex-wrap:nowrap;gap:var(--sp-2);.btn-cta{flex:1;padding:12px 10px;font-size:var(--fs-sm)}}.hero-visual{display:none}.stat-list{justify-content:space-between;gap:0;margin-top:var(--sp-6);padding-top:var(--sp-4);border-top:1px solid var(--border-color);.stat-item{flex:1;&+.stat-item{padding-left:var(--sp-3);border-left:1px solid var(--border-color)}strong{font-size:var(--fs-lg)}span{display:block;font-size:var(--fs-xs);line-height:1.4}}}}}.page-header{padding:var(--sp-8) 0 var(--sp-7);background-color:var(--bg-soft);border-bottom:1px solid var(--border-color);.breadcrumb-bar{margin-bottom:var(--sp-3);ol{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin:0;padding:0;list-style:none;font-size:var(--fs-sm)}li{display:flex;align-items:center;gap:var(--sp-2);color:var(--text-muted)}a{color:var(--text-muted);&:hover{color:var(--navy)}}i{font-size:0.7rem}span{color:var(--navy)}}.header-text{max-width:720px;h1{margin-bottom:var(--sp-2);font-size:var(--fs-xxl)}p{margin:0;font-size:var(--fs-md);color:var(--text-muted)}}@media (max-width:768px){&{padding:var(--sp-7) 0 var(--sp-6)}.header-text{h1{font-size:var(--fs-xl)}p{font-size:var(--fs-base)}}}@media (max-width:576px){&{padding:var(--sp-5) 0 var(--sp-5)}.breadcrumb-bar{margin-bottom:var(--sp-2);ol{font-size:var(--fs-xs)}li{display:none;&:nth-last-child(2){display:flex;flex-direction:row-reverse;i{transform:rotate(180deg)}}}}.header-text{h1{margin-bottom:var(--sp-1);font-size:1.5rem}p{font-size:var(--fs-sm)}}}}.home-services,.service-list{.card-list{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-5);@media (max-width:1200px){&{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){&{grid-template-columns:1fr;gap:var(--sp-4)}}}}.card-service{height:100%;background-color:var(--bg);border:1px solid var(--border-color);border-radius:var(--rd-lg);transition:box-shadow var(--transition),border-color var(--transition);.card-link{display:flex;flex-direction:column;height:100%;padding:var(--sp-6);color:inherit}.card-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:var(--sp-5);font-size:1.375rem;color:var(--icon-ink,var(--navy));border-radius:var(--rd-md);background-color:var(--icon-bg,rgba(0,195,255,0.14))}.card-content{flex:1;h3{margin-bottom:var(--sp-2);font-size:var(--fs-lg)}p{margin:0;color:var(--text-muted)}}.card-action{display:inline-flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-5);font-family:var(--font-heading);font-size:var(--fs-sm);font-weight:var(--fw-md);color:var(--accent-ink);i{transition:transform var(--transition)}}&:hover{border-color:transparent;box-shadow:var(--shadow-md);.card-action i{transform:translateX(4px)}}&:nth-child(4n+1){--icon-bg:rgba(0,195,255,0.14);--icon-ink:#0072a8}&:nth-child(4n+2){--icon-bg:rgba(108,203,0,0.16);--icon-ink:#3f7a00}&:nth-child(4n+3){--icon-bg:rgba(255,204,0,0.22);--icon-ink:#8a6a00}&:nth-child(4n+4){--icon-bg:rgba(255,0,128,0.12);--icon-ink:#b0005a}@media (max-width:576px){&{border-radius:var(--rd-md)}.card-link{display:grid;grid-template-columns:40px 1fr 16px;gap:var(--sp-4);align-items:center;padding:var(--sp-4)}.card-icon{width:40px;height:40px;margin:0;font-size:1.125rem}.card-content{h3{margin-bottom:2px;font-size:var(--fs-base)}p{font-size:var(--fs-sm);line-height:1.5}}.card-action{margin:0;color:var(--text-muted);.action-text{display:none}}&:hover{box-shadow:none}}}.home-portfolio{background-color:var(--bg-soft);.card-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-6);@media (max-width:768px){&{grid-template-columns:1fr;gap:var(--sp-5)}}}&:not(.portfolio-list) .card-list{@media (max-width:768px){&{display:flex;gap:var(--sp-3);margin:0 -20px;padding:0 20px var(--sp-2);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:20px;scrollbar-width:none}&::-webkit-scrollbar{display:none}.card-portfolio{flex:0 0 82%;scroll-snap-align:start}}}}.card-portfolio{overflow:hidden;background-color:var(--bg);border:1px solid var(--border-color);border-radius:var(--rd-lg);transition:box-shadow var(--transition);.card-link{display:block;color:inherit}.card-image{aspect-ratio:2 / 1;overflow:hidden;border-bottom:1px solid var(--border-color);img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform 0.4s ease}}.card-content{padding:var(--sp-5) var(--sp-6) var(--sp-6);.card-title{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-1);h3{margin:0;font-size:var(--fs-lg)}i{color:var(--text-muted);transition:transform var(--transition),color var(--transition)}}p{margin:0;color:var(--text-muted)}}&:hover{box-shadow:var(--shadow-md);.card-image img{transform:scale(1.03)}.card-title i{color:var(--navy);transform:translate(2px,-2px)}}@media (max-width:576px){&{border-radius:var(--rd-md)}.card-content{padding:var(--sp-3) var(--sp-4) var(--sp-4);.card-title{h3{font-size:var(--fs-base)}}p{font-size:var(--fs-sm);line-height:1.5}}}}.home-process{.step-list{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-6) var(--sp-5);margin:0;padding:0;list-style:none;.step-item{position:relative;padding-top:var(--sp-5);border-top:3px solid var(--step-color);.step-number{display:block;margin-bottom:var(--sp-2);font-family:var(--font-heading);font-size:var(--fs-sm);font-weight:var(--fw-lg);color:var(--text-muted)}h3{margin-bottom:var(--sp-2);font-size:var(--fs-lg)}p{margin:0;color:var(--text-muted)}&:nth-child(4n+1){--step-color:var(--brand-cyan)}&:nth-child(4n+2){--step-color:var(--brand-green)}&:nth-child(4n+3){--step-color:var(--brand-yellow)}&:nth-child(4n+4){--step-color:var(--brand-pink)}}@media (max-width:992px){&{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){&{grid-template-columns:1fr;gap:0}.step-item{display:grid;grid-template-columns:32px 1fr;column-gap:var(--sp-4);padding:0 0 var(--sp-5);border-top:0;.step-number{display:grid;grid-row:span 2;place-items:center;width:32px;height:32px;margin:0;font-size:var(--fs-xs);color:var(--navy);border-radius:50%;background-color:var(--step-color);position:relative;z-index:1}&:not(:last-child)::before{content:"";position:absolute;top:32px;bottom:0;left:15px;width:2px;background-color:var(--border-color)}h3{margin:4px 0 2px;font-size:var(--fs-base)}p{font-size:var(--fs-sm);line-height:1.5}&:last-child{padding-bottom:0}}}}}.home-stack{background-color:var(--bg-soft);.stack-list{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-3);max-width:880px;margin:0 auto;padding:0;list-style:none;.stack-item{display:inline-flex;align-items:center;gap:var(--sp-2);padding:10px 20px;font-family:var(--font-heading);font-weight:var(--fw-md);background-color:var(--bg);border:1px solid var(--border-color);border-radius:var(--rd-pill);i{font-size:1.125rem;color:var(--accent-ink)}}@media (max-width:576px){&{gap:var(--sp-2)}.stack-item{gap:6px;padding:6px 12px;font-size:var(--fs-xs);i{font-size:var(--fs-base)}}}}}.faq-list{max-width:800px;margin:0 auto;border-top:1px solid var(--border-color);.faq-item{border-bottom:1px solid var(--border-color);summary{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-5) 0;font-family:var(--font-heading);font-size:var(--fs-md);font-weight:var(--fw-md);list-style:none;cursor:pointer;&::-webkit-details-marker{display:none}i{flex-shrink:0;color:var(--text-muted);transition:transform var(--transition)}}.faq-answer{padding:0 var(--sp-7) var(--sp-5) 0;p{margin:0;color:var(--text-muted)}}&[open]{summary i{color:var(--navy);transform:rotate(45deg)}}}@media (max-width:576px){.faq-item{summary{padding:var(--sp-4) 0;font-size:var(--fs-base)}.faq-answer{padding:0 0 var(--sp-4)}}}}.faq-page{.faq-group{max-width:800px;margin:0 auto var(--sp-7);&:last-child{margin-bottom:0}h2{margin-bottom:var(--sp-3);font-size:var(--fs-lg)}}}.cta-banner{padding:var(--sp-8) 0;.cta-wrapper{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-6);padding:var(--sp-7) var(--sp-8);border-radius:var(--rd-lg);background:radial-gradient(circle at 100% 0%,rgba(255,204,0,0.22),transparent 45%),radial-gradient(circle at 0% 100%,rgba(0,195,255,0.14),transparent 45%),var(--bg-soft);border:1px solid var(--border-color)}.cta-text{h2{margin-bottom:var(--sp-1);font-size:var(--fs-xl)}p{margin:0;color:var(--text-muted)}}.cta-actions{display:flex;flex-shrink:0;flex-wrap:wrap;gap:var(--sp-3);.btn-cta-outline{background-color:var(--bg)}}@media (max-width:992px){.cta-wrapper{flex-direction:column;align-items:flex-start;padding:var(--sp-7)}}@media (max-width:576px){&{padding:0 0 40px}.cta-wrapper{align-items:stretch;gap:var(--sp-4);padding:var(--sp-5);text-align:center}.cta-text{h2{font-size:var(--fs-lg)}p{font-size:var(--fs-sm)}}.cta-actions{flex-direction:column;gap:var(--sp-2);width:100%;.btn-cta{width:100%}.btn-cta-outline{border-color:transparent;background-color:transparent}}}}.service-overview{.overview-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:var(--sp-8);align-items:start}.overview-text{.service-icon{display:grid;place-items:center;width:56px;height:56px;margin-bottom:var(--sp-5);font-size:1.5rem;color:#8a6a00;border-radius:var(--rd-md);background-color:rgba(255,204,0,0.22)}.intro{margin-bottom:var(--sp-6);font-size:var(--fs-md)}h2{margin-bottom:var(--sp-3);font-size:var(--fs-lg)}.problem-list{display:grid;gap:var(--sp-2);margin:0;padding:0;list-style:none;li{display:flex;gap:var(--sp-3);color:var(--text-muted);i{flex-shrink:0;color:var(--brand-pink)}}}}.overview-features{position:sticky;top:calc(var(--header-height)+var(--sp-5));padding:var(--sp-6);border:1px solid var(--border-color);border-radius:var(--rd-lg);background-color:var(--bg-soft);h2{margin-bottom:var(--sp-4);font-size:var(--fs-lg)}.feature-list{margin-bottom:var(--sp-6)}.btn-cta{width:100%}}@media (max-width:992px){.overview-grid{grid-template-columns:1fr;gap:var(--sp-6)}.overview-features{position:static}}@media (max-width:576px){.overview-text{.service-icon{width:44px;height:44px;margin-bottom:var(--sp-4);font-size:1.25rem}.intro{margin-bottom:var(--sp-5);font-size:var(--fs-base)}.problem-list li{font-size:var(--fs-sm)}}.overview-features{padding:var(--sp-5);border-radius:var(--rd-md);.feature-list{margin-bottom:var(--sp-5);font-size:var(--fs-sm)}}}}.other-services{background-color:var(--bg-soft);.card-list{@media (min-width:1201px){&{grid-template-columns:repeat(3,1fr)}}}}.about-story{.story-text{max-width:720px;margin:0 auto;text-align:center;h2{margin-bottom:var(--sp-5);font-size:var(--fs-xxl)}p{font-size:var(--fs-md);color:var(--text-muted)}}@media (max-width:768px){.story-text{h2{font-size:var(--fs-xl)}}}@media (max-width:576px){.story-text{text-align:left;h2{margin-bottom:var(--sp-4);font-size:1.5rem}p{font-size:var(--fs-base)}}}}.about-values{padding-top:0;.card-list{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-5);.card-item{padding:var(--sp-6);text-align:center;border:1px solid var(--border-color);border-radius:var(--rd-lg);.card-icon{margin-bottom:var(--sp-3);font-size:1.75rem;color:var(--accent-ink)}h3{margin-bottom:var(--sp-1);font-size:var(--fs-lg)}p{margin:0;color:var(--text-muted)}}@media (max-width:992px){&{grid-template-columns:1fr;gap:var(--sp-4)}}@media (max-width:576px){&{gap:var(--sp-3)}.card-item{display:grid;grid-template-columns:28px 1fr;column-gap:var(--sp-4);padding:var(--sp-4);text-align:left;border-radius:var(--rd-md);.card-icon{grid-row:span 2;margin:0;font-size:1.5rem;line-height:1}h3{font-size:var(--fs-base)}p{font-size:var(--fs-sm)}}}}}.contact-section{.contact-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--sp-7);align-items:start}.contact-form{padding:var(--sp-7);border:1px solid var(--border-color);border-radius:var(--rd-lg);h2{margin-bottom:var(--sp-5);font-size:var(--fs-xl)}.form-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.form-alert{display:flex;gap:var(--sp-2);margin-bottom:var(--sp-5);padding:var(--sp-4);border-radius:var(--rd-md);&.alert-success{color:#2f5f00;background-color:rgba(108,203,0,0.14)}&.alert-error{color:#a1004f;background-color:rgba(255,0,128,0.08)}}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-4) var(--sp-5)}.form-row{display:flex;flex-direction:column;gap:var(--sp-2);&.row-full{grid-column:1 / -1}label{font-size:var(--fs-sm);font-weight:var(--fw-md);.req{color:var(--brand-pink)}}input,select,textarea{width:100%;padding:12px 14px;font:inherit;color:var(--text);background-color:var(--bg-soft);border:1px solid var(--border-color);border-radius:var(--rd-sm);transition:border-color var(--transition),box-shadow var(--transition),background-color var(--transition);&:focus{outline:none;background-color:var(--bg);border-color:var(--accent-ink);box-shadow:0 0 0 3px rgba(0,195,255,0.18)}}textarea{resize:vertical}}.form-note{margin:var(--sp-4) 0 var(--sp-5);font-size:var(--fs-xs);color:var(--text-muted)}}.contact-info{h2{margin-bottom:var(--sp-4);font-size:var(--fs-lg)}.info-list{display:grid;gap:var(--sp-4);margin:0 0 var(--sp-5);padding:0;list-style:none}.info-item{display:flex;gap:var(--sp-4);i{display:grid;flex-shrink:0;place-items:center;width:40px;height:40px;color:var(--navy);border-radius:var(--rd-sm);background-color:var(--bg-soft)}.label{display:block;font-size:var(--fs-xs);color:var(--text-muted)}.value{font-weight:var(--fw-md);word-break:break-word}}.map-frame{overflow:hidden;aspect-ratio:4 / 3;border:1px solid var(--border-color);border-radius:var(--rd-md);background-color:var(--bg-soft);iframe{width:100%;height:100%;border:0}}}@media (max-width:992px){.contact-grid{grid-template-columns:1fr}}@media (max-width:576px){.contact-grid{gap:var(--sp-6)}.contact-form{padding:0;border:0;h2{margin-bottom:var(--sp-4);font-size:var(--fs-lg)}.form-grid{grid-template-columns:1fr;gap:var(--sp-3)}.form-row{gap:4px;input,select,textarea{padding:10px 12px}}.btn-cta{width:100%}}.contact-info{padding-top:var(--sp-6);border-top:1px solid var(--border-color);.info-list{gap:var(--sp-3)}.info-item{align-items:center;i{width:36px;height:36px}.value{font-size:var(--fs-sm)}}.map-frame{aspect-ratio:16 / 10}}}}.legal-content{.legal-body{max-width:760px;h2{margin:var(--sp-6) 0 var(--sp-3);font-size:var(--fs-lg);&:first-child{margin-top:0}}p{color:var(--text-muted)}}}.not-found{.not-found-content{max-width:560px;margin:0 auto;text-align:center;.code{display:block;font-family:var(--font-heading);font-size:6rem;font-weight:var(--fw-lg);line-height:1;background:linear-gradient(90deg,var(--brand-cyan),var(--brand-green),var(--brand-yellow),var(--brand-pink));-webkit-background-clip:text;background-clip:text;color:transparent}h1{margin:var(--sp-4) 0 var(--sp-2);font-size:var(--fs-xl)}p{margin-bottom:var(--sp-6);color:var(--text-muted)}}.not-found-links{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-2) var(--sp-5);margin:var(--sp-6) 0 0;padding:0;list-style:none}}.site-footer{padding:var(--sp-8) 0 var(--sp-5);color:var(--text-muted);background-color:var(--bg-soft);border-top:1px solid var(--border-color);a{color:var(--text-muted);&:hover{color:var(--navy)}}h2{margin-bottom:var(--sp-4);font-size:var(--fs-base);color:var(--navy)}ul{margin:0;padding:0;list-style:none}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1.2fr 1.4fr;gap:var(--sp-6)}.footer-brand{.brand-logo{width:auto;height:30px;margin-bottom:var(--sp-4)}p{max-width:320px;margin:0;font-size:var(--fs-sm)}}.footer-menu{li{margin-bottom:var(--sp-2);font-size:var(--fs-sm)}}.footer-contact{li{display:flex;gap:var(--sp-3);margin-bottom:var(--sp-3);font-size:var(--fs-sm);word-break:break-word;i{flex-shrink:0;color:var(--navy)}}}.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--sp-3);margin-top:var(--sp-7);padding-top:var(--sp-5);font-size:var(--fs-xs);border-top:1px solid var(--border-color);p{margin:0}.footer-legal{display:flex;gap:var(--sp-4)}}@media (max-width:992px){.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:1 / -1}}@media (max-width:576px){&{padding:40px 0 var(--sp-5)}.footer-grid{grid-template-columns:1fr 1fr;gap:var(--sp-5) var(--sp-4)}.footer-brand{p{display:none}.brand-logo{height:26px;margin:0}}h2{margin-bottom:var(--sp-2);font-size:var(--fs-sm)}.footer-menu{display:none}.footer-contact{grid-column:1 / -1;li{margin-bottom:var(--sp-2)}}.footer-bottom{flex-direction:column;align-items:center;gap:var(--sp-1);margin-top:var(--sp-5);padding-top:var(--sp-4);text-align:center}}}.cookie-agreement{position:fixed;left:0;right:0;bottom:0;z-index:1040;padding:var(--sp-4) 0;background-color:var(--bg);border-top:1px solid var(--border-color);box-shadow:0 -4px 16px rgba(11,21,36,0.06);.cookie-content{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);p{margin:0;font-size:var(--fs-sm)}}.cookie-actions{display:flex;flex-shrink:0;gap:var(--sp-2)}@media (max-width:768px){.cookie-content{flex-direction:column;align-items:stretch}.cookie-actions{.btn-cta{flex:1}}}}