@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#172d30;--muted:#637471;--paper:#f6f5ee;--line:#dce2d8;--green:#254d43;--gold:#b28d48}*{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;font-size:15px;line-height:1.7}button,input,select{font:inherit}button,a,summary{touch-action:manipulation}a{color:inherit}header{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:30px;padding:17px max(4vw,20px);background:#f6f5eef5;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:2px;line-height:1.2}.brandmark{font-size:38px;color:var(--gold)}.brand small{display:block;font-size:9px;letter-spacing:3px;margin-top:5px}nav{display:flex;gap:26px;margin:auto;font-size:13px}nav a{text-decoration:none}nav a:hover{color:var(--gold)}button{cursor:pointer}.print{background:none;border:1px solid #bdc8bd;padding:8px 13px;border-radius:5px;font-size:12px}main{max-width:1280px;padding:0 40px;margin:auto}.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:center;padding:72px 0 56px}.eyebrow,.micro{font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:600;letter-spacing:2px;color:#6a7e71}.hero h1{font-size:clamp(40px,4.6vw,65px);line-height:1.35;letter-spacing:-2px;font-weight:600;margin:20px 0}.hero h1 span{color:#98743e}.lead{font-size:17px;color:var(--muted)}.heroactions{display:flex;align-items:center;gap:25px;margin:28px 0;font-size:13px}.heroactions>a:last-child{text-underline-offset:6px}.button{background:var(--green);color:white;display:inline-flex;align-items:center;justify-content:space-between;gap:25px;text-decoration:none;padding:13px 22px;border-radius:5px;font-size:13px}.proposal{font-size:11px;color:#7c8277}.dot{display:inline-block;height:7px;width:7px;background:#a88b52;border-radius:50%;margin-right:6px}.herocard{position:relative;background:var(--green);color:#f8f5e6;border-radius:140px 140px 12px 12px;padding:35px 35px 20px;text-align:center;box-shadow:18px 18px 0 #e8e9de}.herocard .micro{color:#c9d1ad;font-size:9px}.orbit{height:92px;display:flex;align-items:center;justify-content:center;gap:25px;color:#d9c997;font-size:25px}.orbit span{font-size:63px}.herocard h2{font-size:27px;line-height:1.4;margin:4px 0 25px;font-weight:500}.herocard ul{list-style:none;padding:0;text-align:left;font-size:13px;border-top:1px solid #ffffff20}.herocard li{padding:10px 0;border-bottom:1px solid #ffffff20}.herocard li b{font-family:'Space Grotesk';font-size:11px;color:#c9bd83;margin-right:13px}.cardfoot{font-size:8px;letter-spacing:1px;color:#b5c7bb;display:flex;justify-content:space-between;padding-top:8px}.summarystrip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0}.summarystrip div{padding-left:25px;border-left:1px solid var(--line)}.summarystrip div:first-child{padding-left:0;border:0}.summarystrip strong{display:block;font-size:21px;font-weight:500}.summarystrip span{font-size:11px;color:var(--muted)}section[id]{padding:70px 0 0}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:25px}.sectionhead h2{font-size:30px;line-height:1.4;font-weight:500;margin:10px 0 0;letter-spacing:-.5px}.sectionhead>p{color:var(--muted);font-size:12px}.demoBanner{background:#ede8d9;border:1px solid #dfd3b3;color:#756039;padding:9px 16px;font-size:11px;border-radius:7px 7px 0 0}.calendarShell{background:#fffefa;border:1px solid #d4ddd3;border-radius:0 0 9px 9px;overflow:hidden}.caltoolbar{display:flex;justify-content:space-between;align-items:center;padding:23px}.caltoolbar h3{font-size:24px;font-weight:500;margin:0}.caltoolbar .micro{font-size:9px}.segmented{display:flex;padding:4px;background:#eef1e9;border-radius:6px}.segmented button{border:0;border-radius:4px;padding:7px 16px;background:none;color:#6a7770;font-size:12px}.segmented .active{background:var(--green);color:white}.filters{padding:0 23px 18px;display:flex;gap:15px;align-items:end;flex-wrap:wrap;border-bottom:1px solid var(--line)}.filters label{font-size:10px;color:var(--muted);display:flex;flex-direction:column;gap:4px}.filters select,.filters input:not([type=checkbox]){background:white;color:var(--ink);border:1px solid #d7ded3;border-radius:5px;padding:8px 10px;font-size:12px;min-width:155px}.filters label.check{flex-direction:row;align-items:center;padding-bottom:9px;font-size:12px}.calnav{padding:14px 23px;display:flex;align-items:center;gap:12px}.calnav button{border:1px solid var(--line);background:white;border-radius:4px;padding:4px 10px}.calnav strong{font-size:13px}.calnav #reset{font-size:10px;color:var(--muted)}#resultCount{font-size:10px;color:var(--muted);margin-left:auto}.legend{display:flex;gap:18px;padding:0 23px 14px;font-size:10px;color:var(--muted)}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:7px;height:7px;border-radius:50%}.pve{--c:#477f64;--bg:#eaf2e8}.guild{--c:#7575b2;--bg:#efedf8}.fashion{--c:#b9798b;--bg:#f9edf0}.casual{--c:#b28d48;--bg:#f7f0df}.legend i{background:var(--c)}.week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid var(--line)}.day{min-height:340px;border-right:1px solid var(--line);padding:10px 8px}.day:last-child{border-right:0}.dayhead{text-align:center;font-size:10px;color:var(--muted);padding:1px 0 12px}.dayhead strong{display:block;font:500 21px 'Space Grotesk';color:var(--ink)}.event{display:block;width:100%;text-align:left;border:0;border-left:3px solid var(--c);background:var(--bg);border-radius:3px;padding:8px;margin:7px 0;color:var(--ink);line-height:1.4;min-height:78px}.event:hover{filter:brightness(.96);outline:1px solid var(--c)}.event time{font:500 10px 'Space Grotesk';color:var(--c)}.event b{display:block;font-size:11px;font-weight:500;margin:5px 0}.event small{font-size:8px;color:#68776b}.monthgrid{display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid var(--line)}.monthday{min-height:130px;padding:7px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.monthday>strong{font:500 14px 'Space Grotesk'}.monthday .event{min-height:0;padding:4px;font-size:9px;margin:4px 0}.monthday .event b{font-size:9px;margin:2px 0}.monthday .event small{display:none}.weekday{padding:8px;text-align:center;font-size:10px;background:#f1f4ed}.emptyday{background:#f4f5ef}.eventlist{padding:0 23px 20px}.eventlist .event{display:grid;grid-template-columns:130px 1fr 180px;min-height:0;align-items:center;padding:13px}.eventlist .event b{font-size:14px}.eventlist .event small{font-size:11px}.empty{padding:45px;text-align:center;color:var(--muted)}.calfooter{padding:13px 23px;background:#f2f4ed;font-size:10px;color:var(--muted);display:flex;justify-content:space-between}.belowcal{display:flex;gap:25px;align-items:center;margin-top:17px}.belowcal span{white-space:nowrap;font:10px 'Space Grotesk';letter-spacing:1px;color:#a17c43}.belowcal p{font-size:12px;color:var(--muted)}.rhythm{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.rhythm article{border-top:2px solid #b7c4b4;padding:20px 0}.rhythm article>span{font:10px 'Space Grotesk';letter-spacing:1px;color:var(--muted)}h3{font-size:20px;font-weight:500;line-height:1.5}.rhythm h3{margin:10px 0}.rhythm p,.panel p{font-size:13px;color:var(--muted)}small{font-size:11px;color:var(--muted)}.rhythm small{color:#826d45}.split{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.panel{padding:28px;border:1px solid var(--line);border-radius:8px;background:#fffdf6}.panel h3{margin:0 0 17px}.panel .eyebrow{margin-bottom:10px}.dark{background:#243e37;color:#fff7e4;border:0}.dark p,.dark .eyebrow{color:#c1cec2}.plain{padding-left:20px;font-size:13px;line-height:2.1}.season{list-style:none;padding:0;margin:15px 0 0}.season li{display:flex;gap:17px;padding:13px 0;border-bottom:1px solid var(--line)}.season li:last-child{border:0}.season li>b{font:500 12px 'Space Grotesk';color:#9b8048;padding-top:5px}.season strong{font-size:14px;font-weight:500}.season p{margin:3px 0;font-size:12px}.flow{display:flex;gap:15px;align-items:center}.flow article{flex:1;padding:20px;background:#e9eee4;border-radius:6px;min-height:192px}.flow article>b{color:#9c854d;font:24px 'Space Grotesk'}.flow article h3{font-size:16px;margin:6px 0}.flow article p{font-size:12px;color:var(--muted);margin:0}.flow>span{color:#94a48e}details{margin-top:20px;border:1px solid var(--line);border-radius:6px;padding:15px 20px}summary{cursor:pointer;font-size:13px;font-weight:500}.requirements p{font-size:12px;color:var(--muted)}.roadmap{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:hidden}.roadmap article{background:#fdfcf6;padding:22px}.roadmap span{font:11px 'Space Grotesk';color:#9e8044}.roadmap h3{font-size:17px;margin:10px 0}.roadmap p{font-size:12px;color:var(--muted)}.roadmap b{font-size:10px;font-weight:500;color:#52735d}.hint{font-size:11px!important;color:#a17a45!important}table{border-collapse:collapse;width:100%;font-size:11px}td,th{border-bottom:1px solid var(--line);text-align:left;padding:11px 7px;vertical-align:top}th{font-weight:500;background:#f0f2e9}td:first-child{white-space:nowrap}.decision{background:#e9e7d8;border-radius:12px;margin-top:70px;padding:40px!important}.decision h2{font-size:32px;line-height:1.5;font-weight:500}.decisiongrid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.decisiongrid b{font-size:14px;font-weight:500}.decisiongrid p,.decision>p{font-size:12px;color:var(--muted)}.sources{display:flex;gap:45px;align-items:center;padding:55px 0}.sources>div{flex:1}.sources h3{font-size:17px;margin:10px 0}.sources p{font-size:11px;color:var(--muted)}.secondary{background:none;color:var(--green);border:1px solid #b9c5b6;white-space:nowrap}footer{padding:24px max(4vw,20px);border-top:1px solid var(--line);display:flex;justify-content:space-between;font:10px 'Space Grotesk';letter-spacing:.7px;color:var(--muted)}dialog{max-width:540px;width:calc(100% - 30px);border:0;border-radius:12px;padding:34px;color:var(--ink);background:#fffdf7;box-shadow:0 30px 100px #102d3050}dialog::backdrop{background:#102d3070;backdrop-filter:blur(4px)}#close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:27px;color:var(--muted)}dialog h2{font-size:25px;margin:10px 0}dialog p{font-size:13px;color:var(--muted)}dialog dl{display:grid;grid-template-columns:95px 1fr;gap:10px;font-size:12px}dialog dt{color:var(--muted)}dialog dd{margin:0}dialog .actions{display:flex;gap:10px;margin-top:25px}dialog .actions button{padding:10px 16px;border:1px solid #bbcbb9;border-radius:5px;background:var(--green);color:white;font-size:12px}dialog .actions button:last-child{background:white;color:var(--green)}:focus-visible{outline:3px solid #c49c4e;outline-offset:3px}
@media(max-width:900px){header{gap:15px}nav{gap:14px;font-size:11px}.print{display:none}main{padding:0 22px}.hero{gap:30px}.herocard{padding:25px}.hero h1{font-size:43px}.week{overflow:visible}.day{padding:8px 4px}.event{padding:5px}.event b{font-size:10px}.flow{display:grid;grid-template-columns:1fr 1fr}.flow>span{display:none}.flow article{min-height:0}.roadmap{grid-template-columns:1fr 1fr}.sectionhead h2{font-size:26px}}
@media(max-width:620px){header{padding:12px 16px;flex-wrap:wrap}.brand{font-size:13px}.brandmark{font-size:28px}nav{gap:13px;margin:0 0 0 auto}nav a:nth-child(2),nav a:nth-child(3){display:none}main{padding:0 16px}.hero{grid-template-columns:1fr;padding:40px 0;gap:30px}.hero h1{font-size:43px}.hero .lead{font-size:14px}.heroactions{gap:16px;font-size:11px}.herocard{border-radius:70px 70px 8px 8px;max-width:400px;width:100%;margin:auto}.orbit{height:65px}.herocard h2{font-size:23px}.summarystrip{grid-template-columns:1fr 1fr;gap:18px}.summarystrip div:nth-child(3){padding-left:0;border:0}.summarystrip strong{font-size:18px}.summarystrip span{font-size:10px}section[id]{padding-top:45px}.sectionhead{display:block}.sectionhead>p{font-size:11px}.caltoolbar{padding:16px;gap:10px}.caltoolbar h3{font-size:19px}.caltoolbar .micro{font-size:7px}.segmented button{padding:6px 10px;font-size:10px}.filters{padding:0 16px 14px;gap:9px}.filters label{flex:1}.filters select,.filters input:not([type=checkbox]){min-width:0;width:100%;font-size:11px}.filters label.check{flex-basis:100%;padding:0}.calnav{padding:12px;gap:6px;flex-wrap:wrap}.calnav strong{font-size:11px}#resultCount{flex-basis:100%}.legend{padding-left:12px;font-size:9px}#calendarBody{overflow:auto}.week{min-width:770px}.day{padding:10px 8px}.event b{font-size:11px}.monthgrid{min-width:650px}.calfooter{display:block;font-size:9px}.calfooter span{display:block}.belowcal{display:block}.belowcal p{font-size:11px}.rhythm,.split,.decisiongrid{grid-template-columns:1fr}.rhythm{gap:5px}.panel{padding:21px}.roadmap{grid-template-columns:1fr}.flow{grid-template-columns:1fr 1fr;gap:10px}.flow article{padding:15px}.flow article h3{font-size:14px}.flow article p{font-size:11px}.decision{padding:25px!important;margin-top:45px}.decision h2{font-size:25px}.sources{display:block;padding:35px 0}.sources .button{margin-top:12px}footer{display:block;line-height:2}footer span{display:block}.eventlist{padding:0 12px 12px}.eventlist .event{grid-template-columns:1fr;gap:3px}.eventlist .event b{font-size:13px}}
@media print{header{position:static}nav,.print,.heroactions,.filters,.calnav,.segmented,.sources .button,dialog{display:none!important}body{font-size:11px;background:white}.hero{padding-top:20px}.hero h1{font-size:40px}main{padding:0}section[id]{padding-top:30px}.panel,.rhythm article,.roadmap article,.herocard{break-inside:avoid}.hero,.split{gap:20px}.decision{margin-top:30px}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}.week{min-width:0}.day{min-height:260px}.sources{padding:25px 0}footer{font-size:8px}}