:root{color-scheme:dark;--blue:#1477ff;--muted:#999ba3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:#000;color:#fafafa;font-family:'Noto Sans Thai',sans-serif;font-size:16px}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #589fff;outline-offset:5px}header{height:104px;max-width:1320px;margin:auto;padding:0 52px;display:flex;align-items:center;justify-content:space-between}.brand{font:700 30px 'Outfit',sans-serif;letter-spacing:-1.5px;display:flex;align-items:center;gap:9px}.brand-icon{display:inline-grid;place-items:center;background:#fafafa;color:#000;width:31px;height:33px;border-radius:10px;font-size:27px}nav{display:flex;align-items:center;gap:34px;font-size:14px}nav>a{color:#bfc0c5}nav>a:hover{color:white}.btn{display:inline-flex;align-items:center;justify-content:center;gap:38px;border:0;border-radius:12px;background:var(--blue);color:white;font-weight:600;padding:17px 28px;transition:background .2s,transform .2s}.btn:hover{background:#378eff;transform:translateY(-2px)}.btn span{font-size:22px;font-family:Arial}.btn.small{padding:11px 21px;font-size:14px;gap:24px}.hero{text-align:center;padding:46px 24px 0}.eyebrow{display:inline-flex;border:1px solid #292b2f;border-radius:30px;color:#c6c7cd;font-size:13px;padding:7px 16px;margin-bottom:22px}h1{font-size:clamp(44px,5.3vw,76px);line-height:1.3;letter-spacing:-2.7px;margin:0;font-weight:700}.blue{color:var(--blue)}.hero>p{font-size:18px;line-height:1.8;color:#9b9da6;margin:21px 0 27px}.hero-btn{min-width:238px}.hero-note{font-size:12px;color:#82848f;margin-top:17px}.hero-note span{margin:0 8px}.hero-art{position:relative;max-width:960px;margin:24px auto 0}.hero-art>img{display:block;width:100%;height:auto;object-fit:contain;max-height:620px}.art-caption{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#747781;border-bottom:1px solid #23252a;padding:22px 0 25px}.art-caption>span:first-child{font-family:Outfit,sans-serif;font-size:11px;letter-spacing:2px}.templates,.features{max-width:1144px;margin:0 auto;padding:104px 32px 0}.section-top{display:flex;justify-content:space-between;align-items:end;gap:30px}.kicker{font:500 11px 'Outfit',sans-serif;letter-spacing:2px;color:#8b8e98}h2{font-size:34px;font-weight:600;line-height:1.5;letter-spacing:-.8px;margin:13px 0 0}.section-top>p{color:#92949e;font-size:14px;margin-bottom:7px}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:38px}.template{color:inherit;padding:0;background:transparent;border:0;text-align:left;transition:transform .2s}.template:hover{transform:translateY(-7px)}.mini{padding:33px 23px 19px;border-radius:20px;min-height:370px;display:flex;flex-direction:column;align-items:center;font-family:Outfit,sans-serif}.pink{background:#f2d5e1;color:#202027}.dark{background:#24272b;color:#f6f6f6}.cream{background:#e5e1d5;color:#343d36}.avatar{width:61px;height:61px;border-radius:50%;background:#222;color:#fff;display:grid;place-items:center;font:500 26px Outfit,sans-serif;border:3px solid #ffffff88;margin-bottom:18px}.dark .avatar{background:#bbcdf1;color:#212837}.cream .avatar{background:#49594b;color:white}.mini>strong{font-size:19px;letter-spacing:1px}.mini>span{font-size:12px;opacity:.7;margin:8px 0 19px}.mini i{font-style:normal;font-size:12px;font-weight:500;width:100%;background:#202024;color:white;border-radius:8px;padding:13px 12px;margin-bottom:9px;text-align:center}.dark i{background:#3c4149}.cream i{background:#49594b}.mini small{margin-top:11px;font-size:21px}.template-label{display:flex;justify-content:space-between;padding-top:18px;font-size:14px}.template-label>span:last-child{font-size:12px;color:#999ba5}.features{padding-top:113px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;border-bottom:1px solid #24262c;padding:46px 0 75px}.feature-icon{font-size:29px;color:#6ea7ff;display:block;margin-bottom:22px}.feature-grid h3{font-weight:500;font-size:20px}.feature-grid p{font-size:14px;line-height:1.9;color:#989ba6}.bottom-cta{text-align:center;margin:96px 0 106px}.bottom-cta h2{font-size:55px;line-height:1.35;margin:21px 0 28px}.bottom-cta .kicker{color:#6ea7ff}footer{border-top:1px solid #24262c;max-width:1216px;margin:auto;padding:30px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px}footer>span{font-size:12px;color:#858891}.footer-lang{margin-left:24px}dialog{padding:0;border:1px solid #373a43;border-radius:22px;width:min(940px,95vw);max-height:92vh;background:#111216;color:#fafafa}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}.editor-head{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;border-bottom:1px solid #2e3037}.editor-tag{font:11px Outfit,sans-serif;letter-spacing:2px;color:#858c98;margin-left:7px}.close{border:0;color:#fff;background:#262931;width:34px;height:34px;border-radius:50%;font-size:25px}.editor-body{display:grid;grid-template-columns:1fr 1fr}form{padding:28px;min-width:0}form h2{font-size:26px;margin:6px 0}.muted{font-size:14px;color:#9499a6;margin-bottom:27px}form>label{display:block;font-size:14px;margin-bottom:18px}input,textarea{width:100%;border:1px solid #3b3e49;background:#202228;border-radius:8px;color:#fff;padding:11px 13px;margin-top:7px;font-size:14px}textarea{resize:vertical}fieldset{border:0;padding:0;margin:0 0 23px}legend{font-size:14px;margin-bottom:9px}.swatches{display:flex;gap:10px}.swatches label{font-size:13px;border:1px solid #424550;border-radius:8px;padding:8px 12px;cursor:pointer}.swatches input{width:auto;margin:0 5px 0 0;accent-color:var(--blue)}.links-heading{display:flex;justify-content:space-between;align-items:center}.links-heading h3{font-size:15px}.text-btn{background:transparent;color:#75aeff;border:0;font-size:13px}.link-row{position:relative;padding:9px 32px 13px 0;border-bottom:1px solid #30323a}.link-row input{margin-top:5px}.remove-link{position:absolute;right:0;top:44%;border:0;background:transparent;color:#aaa;font-size:22px}.download{width:100%;margin-top:15px;font-size:15px}.local-note{font-size:12px;color:#8c909a;line-height:1.7;text-align:center}.preview-area{background:#1b1d23;padding:32px;display:flex;align-items:center;flex-direction:column;border-radius:0 0 22px 0}.preview-label,.preview-note{font-size:11px;letter-spacing:1px;color:#959aaa;margin:5px 0 22px}.preview-note{margin-top:21px;letter-spacing:0}.bio-page{width:100%;max-width:310px;min-height:465px;border-radius:25px;padding:35px 22px;text-align:center;overflow-wrap:anywhere}.bio-page .avatar{margin:0 auto 15px}.bio-page h2{font:600 24px 'Noto Sans Thai',sans-serif;line-height:1.4}.bio-page p{font-size:13px;line-height:1.7;margin:10px 0 22px}.bio-page a{display:block;padding:14px 12px;background:#202024;color:white;font-size:14px;border-radius:10px;margin-bottom:11px}.bio-page.dark a{background:#414653}.bio-page.cream a{background:#49594b}.preview-brand{display:block;font:11px Outfit,sans-serif;margin-top:32px;opacity:.6}.toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);border-radius:12px;background:#fafafa;color:#17191e;padding:13px 24px;z-index:10;display:none;font-size:14px}#form-error{font-size:13px;color:#ff9eae}body:has(dialog[open]){overflow:hidden}@media(max-width:760px){header{height:85px;padding:0 22px}.brand{font-size:26px}nav{gap:16px}nav>a{display:none}.btn.small{padding:9px 13px;font-size:12px;gap:13px}.hero{padding-top:35px}h1{letter-spacing:-1.5px;font-size:43px}.hero>p{font-size:15px}.hero-art{margin:32px -16px 0}.art-caption{margin:0 12px;gap:20px;font-size:11px}.art-caption>span:first-child{font-size:9px}.templates,.features{padding:65px 23px 0}.section-top{display:block}.section-top h2,h2{font-size:27px}.section-top>p{font-size:13px}.template-grid{grid-template-columns:1fr;gap:30px;max-width:380px;margin:30px auto 0}.mini{min-height:350px}.feature-grid{grid-template-columns:1fr;gap:21px;padding-top:30px;padding-bottom:35px}.feature-icon{margin:0}.feature-grid h3{margin:12px 0}.feature-grid p{margin-top:8px}.bottom-cta{margin:65px 20px}.bottom-cta h2{font-size:43px}footer{flex-wrap:wrap;padding:25px}footer>span:nth-child(2){display:none}.editor-body{grid-template-columns:1fr}.preview-area{border-radius:0;padding:26px}.editor-head{padding:17px 22px}form{padding:23px}.desktop{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.contact{max-width:1144px;margin:0 auto 88px;padding:0 32px}.contact-panel{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:42px;border:1px solid #282c36;border-radius:22px;background:#0d1016}.contact h2{margin:12px 0 16px}.contact p{color:#a5aab5;line-height:1.9;font-size:16px;margin:0}.contact-links{display:grid;align-content:center;gap:12px}.contact-link{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;border:1px solid #303746;border-radius:12px;background:#151a23;min-width:0}.contact-link:hover{border-color:#6ea7ff}.contact-link small{display:block;font-size:14px;color:#a5aab5;margin-bottom:5px}.contact-link strong{font-size:16px;font-weight:500;overflow-wrap:anywhere}.contact-arrow{color:#6ea7ff;font-size:24px}.footer-contact{color:#a5aab5;font-size:14px;white-space:nowrap}@media(max-width:760px){.contact{padding:0 23px;margin-bottom:55px}.contact-panel{grid-template-columns:1fr;gap:25px;padding:26px}.contact h2{font-size:27px}.contact-link{padding:16px}}