@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&display=swap');
:root{--navy:#101e30;--gold:#dbba78;--paper:#f7f5ef;--ink:#182738;--muted:#627080}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans Thai',Tahoma,sans-serif;line-height:1.75}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}a,button,input,summary{outline-offset:5px}button,a{touch-action:manipulation}header{height:94px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 6%;border-bottom:1px solid #ffffff18;background:var(--navy);color:white}header .brand{display:flex;gap:13px;align-items:center}.brand img{border-radius:50%}.brand span{font-family:Georgia,serif;font-size:24px;letter-spacing:2px}.brand small{display:block;font:8px Arial,sans-serif;letter-spacing:1.8px;color:#c9cdd2}nav{display:flex;gap:30px;font-size:14px}nav a:hover,.socials a:hover{color:var(--gold)}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;background:var(--navy);color:white;padding:15px 24px;border:1px solid transparent;border-radius:5px;font-weight:600;font-size:15px;cursor:pointer}.button:hover{filter:brightness(1.12)}.small{border-color:#ffffff4a;background:transparent;padding:10px 20px;font-size:13px}.gold-button{background:var(--gold);color:var(--navy)}.hero{background:var(--navy);color:white;padding:82px 6% 70px;display:grid;grid-template-columns:1.2fr 1fr;gap:6%;overflow:hidden}.eyebrow{font-family:Arial,sans-serif;font-size:10px;font-weight:600;letter-spacing:2.2px;color:var(--gold);margin:0 0 27px;display:flex;align-items:center;gap:10px}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:var(--gold)}h1{font-size:clamp(35px,4vw,62px);font-weight:500;line-height:1.38;letter-spacing:-1.8px;margin:0 0 28px}.gold{color:var(--gold)}.lead{font-size:21px;line-height:1.8;color:#e4e7e9;margin-bottom:16px}.intro{font-size:15px;max-width:510px;color:#aebac7;line-height:1.95}.actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:30px}.text-link{font-size:14px;border-bottom:1px solid #c9a86966;padding-bottom:5px}.micro{font-size:11px;color:#aebac7;margin-top:17px}.hero-art{position:relative;min-height:485px;display:flex;align-items:center;justify-content:center}.brand-card{width:315px;height:400px;transform:rotate(-8deg);background:linear-gradient(145deg,#264059,#111f32);border:1px solid #b4a4826b;border-radius:10px;padding:27px;box-shadow:20px 30px 70px #0005;z-index:1;display:flex;flex-direction:column;justify-content:space-between}.card-top{display:flex;justify-content:space-between;color:#d7bf94;font:6px Arial,sans-serif;letter-spacing:1px}.monogram{font:150px Georgia,serif;color:var(--gold);text-align:center;position:relative;text-shadow:1px 3px 0 #765f3a}.monogram span{font-size:34px;position:absolute;top:25px;right:55px}.card-bottom{display:flex;justify-content:space-between;align-items:end;color:#e2cba2}.card-bottom>span{font:6px Arial,sans-serif;letter-spacing:1px;writing-mode:vertical-rl}.card-bottom strong{font:20px Georgia,serif;line-height:1.5;letter-spacing:1px}.orbit{position:absolute;border:1px solid #dbba7825;border-radius:50%;width:450px;height:450px;transform:rotate(-25deg) scaleX(.9)}.orbit-two{width:550px;height:550px;transform:rotate(25deg) scaleX(.9)}.floating-note{position:absolute;bottom:25px;right:0;background:#f7f5ef;color:var(--navy);border-radius:6px;padding:18px 22px;box-shadow:0 12px 35px #0003;display:flex;gap:15px;align-items:center;z-index:2;font-size:13px}.floating-note small{display:block;color:#67717b;font-size:10px}.note-icon{font-size:25px;color:#a18045}.art-caption{position:absolute;bottom:-40px;font:8px Arial,sans-serif;letter-spacing:1.5px;color:#a2aab5}.principles{display:flex;justify-content:center;gap:65px;padding:23px 5%;border-bottom:1px solid #dedbd3;font-size:12px;color:#55616c}.principles i{font-style:normal;color:#b99b63}.section{padding:85px 6%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:43px}.eyebrow.dark{color:#907340;margin-bottom:18px}h2{font-size:clamp(28px,3vw,43px);font-weight:500;line-height:1.5;letter-spacing:-1px;margin:0}h3{font-size:20px;font-weight:600;line-height:1.6}.section-heading>p,.faq-section>div>p{font-size:14px;color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-grid article{padding:30px;background:#fff;border:1px solid #e7e3d9;border-radius:7px}.number{font:italic 30px Georgia,serif;color:#ac8d55}.service-grid p{color:var(--muted);font-size:14px;line-height:1.9}.service-grid a{display:flex;justify-content:space-between;margin-top:25px;font-size:12px;border-top:1px solid #eeeae1;padding-top:17px}.disclaimer{font-size:11px;color:#757c83;margin-top:22px}.check-section{background:#1b2d42;color:white;padding:75px 9%;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.check-section h2{font-size:42px}.check-section>div>p:not(.eyebrow){font-size:13px;color:#c1cad4;margin-top:25px}.check-panel{background:#fff;color:var(--ink);padding:30px;border-radius:8px}.check-panel h3{margin:0}.check-panel p.muted{color:var(--muted);font-size:12px;margin:10px 0 20px}.check-panel label{display:flex;align-items:center;gap:14px;padding:17px 0;border-top:1px solid #ebe8e1;cursor:pointer}.check-panel input{width:20px;height:20px;accent-color:var(--navy);flex:none}.check-panel strong{display:block;font-size:14px}.check-panel small{display:block;font-size:11px;color:var(--muted)}.full{width:100%;margin-top:15px}.line-under{display:block;text-align:center;font-size:12px;text-decoration:underline}.check-panel #copy-status{font-size:12px;color:#266c42;margin:12px 0}.steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:0;margin:0}.steps li{border-top:1px solid #cfc5b1;padding-top:22px}.steps span{color:#94763f;font:14px Georgia,serif}.steps h3{font-size:17px}.steps p{font-size:13px;color:var(--muted)}.dark-link{color:var(--ink)}.faq-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:9%;border-top:1px solid #e5e0d6;background:#efede6}.faq-list details{border-bottom:1px solid #d5d2c9;padding:19px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{cursor:pointer;font-size:15px;font-weight:500;list-style:none;padding-right:30px;position:relative}.faq-list summary::after{content:'+';position:absolute;right:0;font-size:21px;color:#8f754b}.faq-list details[open] summary::after{content:'−'}.faq-list p{font-size:13px;color:#556270;line-height:1.9;margin-bottom:0}.contact{text-align:center;padding:75px 20px;background:var(--navy);color:white}.contact .eyebrow{justify-content:center}.contact h2{font-size:40px;margin-bottom:28px}.contact>p:last-child{font-size:12px;color:#afbbc7;margin-top:22px}footer{padding:40px 6% 25px;background:#0c1725;color:#c2c9d0;font-size:11px}.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:center;padding-bottom:30px}.footer-brand{font:26px Georgia,serif;letter-spacing:3px;color:var(--gold)}.socials{display:flex;gap:22px;flex-wrap:wrap}.footer-bottom{border-top:1px solid #ffffff18;padding-top:20px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-note{color:#909dab;font-size:10px;max-width:850px;margin-top:22px}.skip{position:fixed;top:-70px;left:15px;background:white;color:var(--navy);padding:10px;z-index:10}.skip:focus{top:10px}textarea{width:100%;min-height:145px;resize:vertical;border:1px solid #bbb;padding:10px}.privacy{max-width:850px;margin:auto;padding:65px 25px}.privacy h1{font-size:35px}.privacy h2{font-size:23px;margin-top:30px}.privacy p,.privacy li{font-size:15px;color:#526171}@media(max-width:950px){header{padding:0 5%;height:82px}nav{display:none}.hero{padding:55px 5% 65px;gap:3%}.hero-art{min-height:430px}.brand-card{width:260px;height:355px}.floating-note{right:-10px;padding:13px;bottom:8px;font-size:11px}.orbit{width:350px;height:350px}.orbit-two{width:420px;height:420px}.monogram span{right:30px}.section{padding:60px 5%}.service-grid{gap:12px}.service-grid article{padding:22px}.check-section{padding:60px 5%;gap:6%}.principles{gap:30px}.actions{gap:18px}.footer-top{align-items:start;flex-direction:column}}@media(max-width:650px){header .brand span{font-size:18px}.brand small{font-size:6px}.brand img{width:35px;height:35px}header{gap:12px}.small{padding:8px 12px;font-size:11px}.hero{grid-template-columns:1fr;padding:45px 6% 55px}.hero h1{font-size:40px}.hero .eyebrow{font-size:8px}.lead{font-size:18px}.intro{font-size:14px}.hero-art{min-height:390px;margin-top:40px}.brand-card{height:340px;width:270px}.floating-note{right:5%;bottom:0}.art-caption{bottom:-28px;font-size:6px}.principles{gap:13px;font-size:9px;padding:18px 3%}.section-heading{align-items:start;flex-direction:column;gap:10px;margin-bottom:25px}.service-grid{grid-template-columns:1fr}.service-grid article{padding:25px}.service-grid h3{margin-top:13px}.check-section{grid-template-columns:1fr;gap:30px;padding:50px 6%}.check-section h2{font-size:34px}.check-panel{padding:24px}.steps{grid-template-columns:1fr 1fr;gap:25px}.faq-section{grid-template-columns:1fr;gap:35px}.contact h2{font-size:31px}.socials{gap:18px}.footer-bottom{flex-direction:column;gap:10px}.section{padding:50px 6%}.footer-note{font-size:10px}.full{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
