@font-face{font-family:Kodchasan;src:url('assets/fonts/kodchasan-bold.ttf') format('truetype');font-weight:700;font-display:swap}@font-face{font-family:Sarabun;src:url('assets/fonts/sarabun-regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Sarabun;src:url('assets/fonts/sarabun-bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--bg:oklch(.16 .025 215);--surface:oklch(.125 .022 215);--surface-2:oklch(.205 .025 215);--ink:oklch(.93 .012 210);--muted:oklch(.68 .02 210);--line:oklch(.27 .025 215);--primary:oklch(.72 .105 195);--accent:oklch(.72 .105 195);--danger:oklch(.68 .18 25);--display:Sarabun,sans-serif;--body:Sarabun,sans-serif;--max:960px;--nav:84px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav) + 20px)}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.75;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3{font-family:var(--display);line-height:1.25;letter-spacing:-.025em;text-wrap:balance}p{max-width:72ch;text-wrap:pretty}.skip{position:fixed;left:16px;top:-60px;background:var(--primary);color:var(--bg);padding:10px 14px;z-index:5}.skip:focus{top:12px}.shell{width:min(calc(100% - 40px),var(--max));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:4;background:color-mix(in oklch,var(--bg) 96%,transparent);border-bottom:1px solid var(--line)}.nav{min-height:var(--nav);display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center}.brand strong{display:block;font:700 1.12rem var(--display)}.brand small{display:block;color:var(--muted);font-size:.75rem}.nav-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 26px}.nav-links a{color:var(--muted);font-size:.92rem;position:relative}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--accent)}.nav-links a[aria-current=page]::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:1px;background:var(--accent)}
.notice{border-bottom:1px solid var(--line);color:var(--muted);font-size:.88rem;padding:13px 0}.notice .shell{display:flex;gap:10px;align-items:center}.notice svg{width:16px;color:var(--accent);flex:none}
.hero{min-height:480px;display:grid;align-items:center;border-bottom:1px solid var(--line)}.hero-inner{padding:72px 0 82px}.hero h1{font-size:clamp(2.35rem,4.8vw,4rem);max-width:23ch;margin:0}.hero h1 span{display:block}.hero p{font-size:1.05rem;color:var(--muted);margin:22px 0 0}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 18px;border:1px solid var(--line);border-radius:4px;font-weight:700;transition:background .2s,color .2s,border-color .2s}.button-primary{background:var(--primary);border-color:var(--primary);color:oklch(.12 0 0)}.button:hover{border-color:var(--accent);color:var(--accent)}.button-primary:hover{background:var(--accent);color:var(--bg)}
.section{padding:92px 0;border-bottom:1px solid var(--line)}.section-head{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;margin-bottom:50px}.section-head h2{font-size:clamp(2rem,4vw,3.4rem);margin:0}.section-head p{color:var(--muted);margin:0}.principles{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}.principle{padding:30px 24px 34px 0;border-bottom:1px solid var(--line)}.principle:nth-child(odd){padding-right:44px;border-right:1px solid var(--line)}.principle:nth-child(even){padding-left:44px}.principle h3{font-size:1.25rem;margin:0 0 8px;color:var(--primary)}.principle p{margin:0;color:var(--muted)}
.articles{display:grid;gap:0;border-top:1px solid var(--line)}.article-link{display:grid;grid-template-columns:58px 1fr 40px;gap:18px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line)}.article-link .index{color:var(--primary);font-weight:700}.article-link h3{margin:0;font-size:1.3rem}.article-link p{margin:3px 0 0;color:var(--muted);font-size:.92rem}.article-link .arrow{font-size:1.5rem;color:var(--accent);transition:transform .2s}.article-link:hover .arrow{transform:translateX(6px)}
.report-band{background:var(--primary);color:oklch(.12 0 0)}.report-inner{padding:72px 0;display:flex;justify-content:space-between;gap:36px;align-items:center}.report-inner h2{font-size:clamp(2rem,4vw,3.6rem);margin:0}.report-inner p{margin:10px 0 0}.report-band .button{border-color:oklch(.12 0 0);flex:none}.report-band .button:hover{background:var(--bg);color:var(--ink)}
.page-hero{padding:90px 0 62px;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(2.7rem,5vw,4.8rem);margin:0;max-width:14ch}.page-hero p{color:var(--muted);font-size:1.1rem;margin:22px 0 0}.content{padding:70px 0 100px}.content-grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:70px}.toc{position:sticky;top:110px;align-self:start;border-top:1px solid var(--line)}.toc a{display:block;padding:11px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:.9rem}.toc a:hover{color:var(--accent)}.prose section{padding:0 0 48px;margin:0 0 48px;border-bottom:1px solid var(--line)}.prose h2{font-size:2rem;margin:0 0 18px}.prose h3{font-size:1.2rem;margin:28px 0 8px;color:var(--primary)}.prose p,.prose li{color:var(--muted)}.prose strong{color:var(--ink)}.prose ul,.prose ol{padding-left:1.25rem}.callout{background:var(--surface);padding:24px;border-radius:8px;border:1px solid var(--line)}
.report-form{display:grid;gap:20px;max-width:760px}.field{display:grid;gap:8px}.field label{font-weight:700}.field input,.field select,.field textarea{width:100%;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:13px 14px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent)}.field small{color:var(--muted)}.field textarea{min-height:170px;resize:vertical}.honeypot{position:absolute;left:-9999px}.form-status{display:none;padding:14px;background:var(--surface);border-radius:6px}.form-status.is-visible{display:block}.submit{justify-self:start;border:0;cursor:pointer}.submit:disabled{opacity:.6;cursor:wait}
.site-footer{padding:54px 0 28px;background:oklch(.085 .006 245)}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:50px}.footer-grid h2{margin:0}.footer-grid h3{font-size:1rem;margin:0 0 14px;color:var(--primary)}.footer-grid p{color:var(--muted)}.footer-grid a{display:block;color:var(--muted);margin:7px 0}.footer-grid a:hover{color:var(--accent)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:46px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:.82rem}
@media(max-width:820px){:root{--nav:92px}.nav{align-items:flex-start;padding:14px 0}.nav-links{max-width:52%;gap:6px 14px}.brand small{display:none}.hero{min-height:550px}.section-head,.content-grid{grid-template-columns:1fr;gap:28px}.toc{position:static}.principles{grid-template-columns:1fr}.principle:nth-child(odd),.principle:nth-child(even){padding:26px 0;border-right:0}.report-inner,.footer-bottom{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:540px){body{font-size:16px}.shell{width:min(calc(100% - 28px),var(--max))}.nav{display:block}.brand{margin-bottom:12px}.nav-links{max-width:none;justify-content:flex-start;gap:6px 18px}.nav-links a{font-size:.82rem}.hero-inner{padding:70px 0 80px}.hero h1{font-size:clamp(2.55rem,13vw,4rem)}.hero::after{font-size:26rem;right:-.25em}.section{padding:68px 0}.principles{display:block}.article-link{grid-template-columns:40px 1fr 24px}.article-link p{display:none}.report-inner{padding:58px 0}.footer-grid{grid-template-columns:1fr}.page-hero{padding:65px 0 48px}.content{padding:55px 0 80px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Kamikaze identity layer */
:root{--bg:oklch(.13 .028 265);--surface:oklch(.175 .035 265);--surface-2:oklch(.22 .04 265);--ink:oklch(.95 .012 255);--muted:oklch(.72 .025 255);--line:oklch(.29 .04 265);--primary:oklch(.72 .2 32);--accent:oklch(.8 .13 198)}
.site-header{background:color-mix(in oklch,var(--bg) 93%,transparent);backdrop-filter:blur(14px)}
.brand{gap:11px}
.brand-mark{width:32px;height:32px;flex:none;border-radius:50%;background:var(--primary);mask:url('assets/icons/globe.svg') center/58% no-repeat;-webkit-mask:url('assets/icons/globe.svg') center/58% no-repeat;box-shadow:0 0 0 1px color-mix(in oklch,var(--primary),white 18%),0 0 30px color-mix(in oklch,var(--primary) 35%,transparent)}
.nav-links a[aria-current=page]::after{height:2px;background:linear-gradient(90deg,var(--primary),var(--accent))}
.hero{position:relative;isolation:isolate;overflow:hidden}
.hero::before{content:"";position:absolute;width:520px;aspect-ratio:1;border:1px solid color-mix(in oklch,var(--accent) 30%,transparent);border-radius:50%;right:-180px;top:-210px;box-shadow:0 0 0 70px color-mix(in oklch,var(--primary) 7%,transparent),0 0 0 140px color-mix(in oklch,var(--accent) 4%,transparent);z-index:-1}
.hero h1 span{color:var(--accent);text-shadow:0 0 32px color-mix(in oklch,var(--accent) 22%,transparent)}
.principle-icon{width:26px;height:26px;display:block;background:var(--accent);margin-bottom:18px;transition:transform .25s ease}
.icon-globe{mask:url('assets/icons/globe.svg') center/contain no-repeat;-webkit-mask:url('assets/icons/globe.svg') center/contain no-repeat}
.icon-shield{mask:url('assets/icons/shield.svg') center/contain no-repeat;-webkit-mask:url('assets/icons/shield.svg') center/contain no-repeat}
.principle:hover .principle-icon{transform:translateY(-4px) rotate(-5deg)}
@media(max-width:540px){.brand-mark{width:28px;height:28px}.hero::before{width:340px;right:-210px;top:-120px}}
.domain-guide{background:linear-gradient(140deg,color-mix(in oklch,var(--surface) 88%,transparent),color-mix(in oklch,var(--bg) 94%,transparent))}.address-demo{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}.address-bar{padding:22px 26px;font-size:clamp(1.25rem,3vw,2rem);font-family:var(--display);border-bottom:1px solid var(--line);word-break:break-word}.address-bar .protocol{color:var(--muted)}.address-bar strong{color:var(--primary)}.address-notes{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}.address-notes p{margin:0;padding:20px 24px;background:var(--surface);display:grid;gap:3px}.address-notes b{color:var(--accent)}.address-notes span{color:var(--muted);font-size:.92rem}.safety-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}.safety-grid article{padding:24px;border:1px solid var(--line);border-radius:10px;background:color-mix(in oklch,var(--surface) 76%,transparent)}.safety-grid h3{margin:0 0 8px;color:var(--primary);font-size:1.05rem}.safety-grid p{margin:0;color:var(--muted);font-size:.94rem}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);padding:0 2px}.faq-list summary{cursor:pointer;list-style:none;font:700 1.08rem var(--display);padding:22px 48px 22px 0;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:"+";position:absolute;right:4px;top:15px;color:var(--accent);font-size:1.65rem;font-weight:400;transition:transform .2s}.faq-list details[open] summary::after{transform:rotate(45deg)}.faq-list details p{color:var(--muted);margin:0;padding:0 48px 22px 0;max-width:68ch}
@media(max-width:720px){.address-notes,.safety-grid{grid-template-columns:1fr}}
.floating-report{position:fixed;right:20px;bottom:20px;z-index:6;background:var(--primary);color:#100b0b;border-radius:999px;padding:11px 18px;font-weight:700;box-shadow:0 12px 34px color-mix(in oklch,var(--primary) 30%,transparent);transition:transform .2s,filter .2s}.floating-report:hover{transform:translateY(-3px);filter:brightness(1.08)}.report-layout{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.4fr);gap:34px;align-items:start}.report-help{position:sticky;top:110px;padding:24px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.report-help h2{margin:0 0 14px;font-size:1.25rem}.report-help ol{padding-left:1.2rem;color:var(--muted)}.report-help li{margin:9px 0}.report-help p{color:var(--muted);font-size:.9rem;border-top:1px solid var(--line);padding-top:15px}.form-panel{min-width:0}.eyebrow{display:inline-block;color:var(--accent);font-size:.78rem;font-weight:700;letter-spacing:.18em;margin-bottom:13px}.field label span{color:var(--muted);font-weight:400}.report-form .button span{margin-left:8px}.form-status[data-tone="success"]{border:1px solid color-mix(in oklch,var(--accent) 50%,var(--line))}.form-status[data-tone="error"]{border:1px solid color-mix(in oklch,var(--danger) 55%,var(--line))}@media(max-width:760px){.report-layout{grid-template-columns:1fr}.report-help{position:static}.floating-report{right:14px;bottom:14px;padding:9px 14px;font-size:.9rem}}
