@font-face{font-family:OTWONO;src:url(otwono-brush.woff2) format('woff2');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#071211;color:#ecf5ee;font:16px/1.7 Arial,sans-serif;--glow:#4d966d;--accent:#bdf3c5;--scene:0}h1,h2,h3{font-family:OTWONO,Arial,sans-serif;text-transform:uppercase;font-weight:400;letter-spacing:-.035em;word-spacing:.16em;line-height:1.22;hyphens:none;word-break:normal;overflow-wrap:normal;margin:0 0 24px;text-wrap:balance}h1{font-size:clamp(3.1rem,6.8vw,7rem)}h2{font-size:clamp(2.5rem,4.8vw,4.8rem)}h3{font-size:clamp(1.5rem,2.2vw,2.2rem)}p{margin:0 0 24px;color:#b9cac4}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #c9fcbf;outline-offset:5px}button{color:inherit;background:transparent;border:1px solid #6c8478;border-radius:8px;padding:10px 18px}.button{display:inline-flex;align-items:center;gap:32px;background:var(--accent);color:#102019;padding:15px 22px;border-radius:8px;font-weight:700;line-height:1.4;min-height:50px}.button:hover{background:#e0ffe3;color:#102019}.text-link{border-bottom:1px solid #739c80;padding:9px 0}.buttons{display:flex;align-items:center;flex-wrap:wrap;gap:24px}.eyebrow,.micro,.status,.paper-label{font-size:11px;letter-spacing:.15em;font-weight:700;line-height:1.6}.eyebrow{color:var(--accent);margin-bottom:24px}.micro{color:#9eafa7;letter-spacing:.025em;font-weight:400;margin-top:22px}.lead{font-size:clamp(1.08rem,1.5vw,1.3rem);line-height:1.65;max-width:580px}.skip{position:fixed;left:20px;top:-80px;background:#fff;color:#000;z-index:100;padding:12px}.skip:focus{top:10px}.top{height:94px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:12px 4vw;position:sticky;top:0;z-index:30;background:#071211eb;backdrop-filter:blur(20px);border-bottom:1px solid #b3e5c01b}.admin-bar .top{top:32px}.brand{display:flex;gap:10px;align-items:center;flex:none}.brand>img{width:48px;height:48px}.brand>span{display:flex;align-items:center;gap:3px;flex-direction:column}.wordmark{width:132px;height:44px;object-fit:contain;mix-blend-mode:screen}.brand small{font-size:9px;letter-spacing:.4em;line-height:1}.quick{display:flex;gap:30px;font-size:14px}.actions{display:flex;align-items:center;gap:22px}.account{font-size:13px;white-space:nowrap}.menu{width:44px;height:44px;border:0;padding:11px;display:flex;flex-direction:column;justify-content:space-around}.menu span{display:block;width:23px;height:2px;background:#d1e5d9}.navigation{position:absolute;top:100%;right:3vw;width:min(600px,94vw);padding:30px;background:#14221f;border:1px solid #3f5a4b;box-shadow:0 24px 50px #0008;border-radius:0 0 15px 15px;max-height:80vh;overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:6px 22px}.navigation[hidden]{display:none}.navigation>a{padding:8px}.navigation form{grid-column:1/-1;border-top:1px solid #ffffff20;padding-top:20px;margin-top:14px}.navigation form label{font-size:12px}.navigation form div{display:flex;gap:8px}.navigation input{min-width:0;width:100%;background:#071211;border:1px solid #557161;border-radius:6px;padding:10px;color:#fff}.universe{position:fixed;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 85% 45%,color-mix(in srgb,var(--glow) 22%,transparent),transparent 65%),#071211;transition:background 1.8s}.stars{position:absolute;inset:-10%;opacity:.5;background-image:radial-gradient(1px 1px at 30px 40px,#cff9d5 98%,transparent),radial-gradient(1px 1px at 180px 140px,#9ccdb4 98%,transparent),radial-gradient(1px 1px at 270px 290px,#cededd 98%,transparent);background-size:320px 360px;animation:twinkle 9s alternate infinite}.orb{position:absolute;width:min(64vw,850px);height:min(64vw,850px);right:-20%;top:17%;border-radius:50%;background:radial-gradient(circle at 24% 20%,#b0d9b440,#42695324 40%,#030a0977 65%);box-shadow:inset 0 0 75px #a6d2bb22,0 0 160px #6cb29d14;border:1px solid #aed4c02b;transition:transform 2s,filter 2s;transform:translateY(calc(var(--scene)*-3vh)) rotate(calc(var(--scene)*12deg))}.orbit{position:absolute;width:85vw;height:35vw;border:1px solid #c4f8d21c;border-radius:50%;right:-25%;top:30%;transform:rotate(-35deg);transition:transform 2s}.orbit-b{transform:rotate(45deg);width:70vw}.grid{position:absolute;inset:35% -30% -50%;background-image:linear-gradient(#b7e4c510 1px,transparent 1px),linear-gradient(90deg,#b7e4c510 1px,transparent 1px);background-size:90px 90px;transform:perspective(650px) rotateX(60deg);opacity:.4;transition:opacity 1s}.hero,.section,.footer{max-width:1500px;margin:auto;padding-left:7vw;padding-right:7vw}.hero{min-height:calc(100svh - 94px);padding-top:70px;padding-bottom:70px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:50px;position:relative}.hero em{font-style:normal;color:var(--accent)}.hero h1{color:#e7f6e8;text-shadow:2px 3px #224b40}.hero-art{height:470px;position:relative;display:flex;align-items:center;justify-content:center}.signal{width:90%;padding:40px;border:1px solid #bfefce3d;border-radius:24px;background:linear-gradient(120deg,#5b896c30,#07121170);transform:rotate(-7deg);box-shadow:0 40px 90px #0005;animation:float 8s ease-in-out infinite}.signal>span,.signal small{font:10px Arial;letter-spacing:.16em;color:#b6dbbd}.signal strong{display:block;font-size:clamp(2rem,3.8vw,4rem);letter-spacing:-.055em;line-height:1.1;margin:45px 0;font-weight:400}.signal-line{width:70%;height:2px;background:linear-gradient(90deg,#bdf3c5,transparent);margin:0 0 25px}.coordinate{position:absolute;bottom:10px;right:0;font-size:10px;letter-spacing:.15em;color:#839c8f}.float-tag{position:absolute;background:#132a24;border:1px solid #a6d8b035;border-radius:40px;padding:10px 20px;font-size:10px;letter-spacing:.15em;box-shadow:0 8px 30px #0004}.tag-a{top:20px;right:8%}.tag-b{bottom:65px;left:0}.tag-c{right:-20px;bottom:145px}.scroll-note{position:absolute;bottom:16px;left:7vw;color:#86a594;font-size:11px;letter-spacing:.06em}.section{padding-top:125px;padding-bottom:125px;min-height:85vh;border-top:1px solid #c1e5c71c}.section-heading{max-width:680px;margin-bottom:50px}.section-heading>p:not(.eyebrow){max-width:560px}.path-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.path{padding:30px 22px;background:#12231fe6;border:1px solid #72958130;border-radius:12px;position:relative;transition:transform .3s,background .3s}.path:hover{background:#203b30;transform:translateY(-6px)}.path small{color:#8dac9a;font-size:11px}.path h3{margin-top:30px;font-size:1.75rem}.path p{font-size:14px}.path>span{display:block;text-align:right;font-size:24px}.editorial{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.paper{background:#e9eee2;color:#15231c;padding:45px;border-radius:6px;box-shadow:18px 22px 0 #60916a18;transform:rotate(2deg)}.paper p{color:#48594d}.paper h3{font-size:3rem;margin-top:35px;color:#1c412b}.paper ol{padding-left:20px;border-top:1px solid #18342140;padding-top:20px;font-size:14px}.paper li{padding:7px 0}.paper>a{display:inline-block;margin-top:20px;border-bottom:1px solid #294c32}.status{border:1px solid #8bbe9560;border-radius:4px;padding:6px 10px;display:inline-block;color:#bdebc5}.relay-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:28px;align-items:center}.relay-flow>div{min-height:210px;border-top:1px solid #98bda54a;padding:24px 0}.relay-flow small{color:#a2a9d6}.relay-flow h3{margin-top:25px}.relay-flow p{font-size:14px;max-width:260px}.relay-flow>span{color:#a9b7d3;font-size:32px}.section-foot{display:flex;align-items:center;justify-content:space-between;gap:40px;border-top:1px solid #dceade1a;padding-top:25px;margin-top:25px}.section-foot p{max-width:550px;margin:0;font-size:13px}.tool-preview{background:#101f1fe8;border:1px solid #adc6b837;padding:40px;border-radius:16px}.metric{display:flex;justify-content:space-between;border-bottom:1px solid #bed4c01a;padding:18px 0;font-size:15px}.metric span{color:#acbfb3}.metric b{font-size:23px;font-weight:400}.result{display:flex;align-items:center;gap:25px;margin-top:20px}.result strong{font-size:95px;line-height:1.3;font-weight:400;color:var(--accent)}.result span{color:#adc8b7}.split-feature{display:grid;grid-template-columns:1fr 1fr;gap:60px}.split-feature article{border-top:1px solid #c9d1b849;padding-top:30px}.split-feature h3{margin-top:30px}.closing{min-height:80vh;display:flex;flex-direction:column;justify-content:center}.footer{padding-top:75px;padding-bottom:25px;background:#06100de6;border-top:1px solid #50705c55}.footer-intro{max-width:720px;margin-bottom:65px}.footer-intro h2{font-size:2.5rem}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.footer-links b{display:block;color:#c4ddca;margin-bottom:16px;font-size:13px}.footer-links a{display:block;font-size:13px;padding:6px 0;color:#91a798}.footer-bottom{margin-top:45px;padding-top:25px;border-top:1px solid #c9e7d21c;display:flex;gap:25px;flex-wrap:wrap;align-items:center;justify-content:space-between;font-size:11px;color:#9caea3}.footer-bottom button{font-size:11px;padding:7px 12px}.page-intro{padding-top:95px;min-height:55vh}.page-content{padding-top:0;min-height:40vh}.reading{max-width:800px}.reading h2{font-size:2.1rem;margin-top:50px}.reading h3{font-size:1.5rem;margin-top:35px}.reading li{margin:12px 0;color:#bac9c0}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.article-grid article{background:#12231fe6;padding:28px;border-radius:10px;border:1px solid #94b99e30}.article-grid h2{font-size:1.65rem}.article-grid p{font-size:14px}.calculator{background:#10261e;border:1px solid #6c98784a;border-radius:14px;padding:35px;max-width:750px;margin-bottom:40px}.calculator h2{font-size:2rem}.calculator label{display:block;margin:18px 0;color:#bfd4c6;font-size:14px}.calculator input{display:block;margin-top:6px;width:100%;padding:12px;color:#fff;background:#07140d;border:1px solid #52755c;border-radius:6px}.calculator output{display:block;font-size:1.3rem;color:#c9f6c9;margin-top:25px}.search-form label{display:block}.search-form input{padding:12px}.motion-off *,.motion-off *::before,.motion-off *::after{animation:none!important;transition:none!important}.motion-off{scroll-behavior:auto}@keyframes float{50%{transform:translateY(-12px) rotate(-5deg)}}@keyframes twinkle{50%{opacity:.22}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}@media(min-width:1700px){.hero,.section,.footer{padding-left:100px;padding-right:100px}}@media(max-width:1000px){.quick{display:none}.hero{gap:25px}.hero-art{height:370px}.signal{padding:26px}.tag-c{right:0}.path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial{gap:6vw}.paper{padding:30px}.paper h3{font-size:2.2rem}.article-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.top{height:78px;padding:10px 5vw;gap:12px}.brand>img{width:35px;height:35px}.wordmark{width:105px;height:34px}.brand{gap:3px}.brand small{font-size:8px}.actions{gap:8px}.account{font-size:11px}.menu{width:38px;padding:8px}.hero{min-height:auto;padding-top:55px;padding-bottom:55px;grid-template-columns:1fr;gap:10px}.hero h1{font-size:clamp(2.75rem,11vw,4.2rem)}.hero-art{height:260px;max-width:420px;width:100%;margin:25px auto 0}.signal{width:78%;padding:20px;transform:rotate(-4deg)}.signal strong{font-size:2.1rem;margin:25px 0}.signal small{font-size:8px}.signal>span{font-size:9px}.tag-a{top:0}.tag-b{bottom:25px}.tag-c{bottom:85px;font-size:8px;padding:7px 12px}.coordinate{font-size:8px;bottom:0}.scroll-note{display:none}.section{padding-top:70px;padding-bottom:70px;min-height:auto}.section-heading{margin-bottom:30px}.path-grid{gap:12px}.path{padding:22px 16px}.path h3{font-size:1.4rem}.path p{font-size:13px}.editorial{grid-template-columns:1fr;gap:40px}.paper{transform:none}.relay-flow{grid-template-columns:1fr;gap:0}.relay-flow>div{min-height:auto;padding:24px 0}.relay-flow>span{display:none}.relay-flow p{max-width:none;margin-bottom:0}.section-foot{flex-direction:column;align-items:flex-start;gap:20px}.split-feature{grid-template-columns:1fr;gap:40px}.tool-preview{padding:25px}.footer-links{gap:20px;grid-template-columns:1fr 1fr}.footer-links>div:last-child{grid-column:1/-1}.footer-intro h2{font-size:2rem}.footer-bottom{gap:15px}.article-grid{grid-template-columns:1fr}.page-intro{padding-top:65px;padding-bottom:35px}.orb{width:120vw;height:120vw;right:-65%;top:30%}.orbit{width:180vw;height:70vw;right:-90%}.navigation{padding:20px}.navigation>a{font-size:14px}.admin-bar .top{top:46px}}@media(max-width:380px){.path-grid{grid-template-columns:1fr}.actions{gap:0}.brand>img{width:30px}.wordmark{width:93px}.hero,.section,.footer{padding-left:6vw;padding-right:6vw}h2{font-size:2.15rem}.button{gap:14px;font-size:14px}}
.hero h1{font-size:clamp(2.7rem,4.6vw,4.8rem)}.wordmark{filter:url(#pn-wordmark-alpha);mix-blend-mode:normal}.reading img{max-width:100%;height:auto}.hero h1 em{display:inline-block}@media(max-width:700px){.hero h1{font-size:clamp(2rem,8.1vw,3.25rem)}}
.guide-facts{display:grid;grid-template-columns:auto 1fr;gap:8px 20px;padding:24px;background:#142a21;border-radius:10px;margin-bottom:32px}.guide-facts dt{font-weight:bold}.guide-facts dd{margin:0;color:#b9cac4}@media(max-width:500px){.guide-facts{grid-template-columns:1fr;gap:3px}.guide-facts dd{margin-bottom:15px}}
/* The complete name uses the approved OTWONO Brush lettering. */
.brand>.brand-name{display:block;font-family:OTWONO,Arial,sans-serif;font-size:24px;letter-spacing:-.045em;line-height:1.2;color:#c7f5d1;white-space:nowrap;text-shadow:1px 2px #23575e}.brand-name>span{color:#bdf3c5}.brand{gap:10px}.library-filter,.finder-fields{display:grid;gap:16px}.library-filter{grid-template-columns:2fr 1fr 1fr auto;align-items:end;padding:24px;background:#14271f;border:1px solid #789a8038;border-radius:12px}.library-filter label,.finder-fields label{font-size:13px;color:#c3d7c9}.library-filter input,.library-filter select,.finder-fields select{display:block;width:100%;min-width:0;margin-top:7px;padding:12px;background:#0a1812;color:#e5f4e9;border:1px solid #65856d;border-radius:7px}.library-filter>a{font-size:13px}.library-count{font-size:13px;margin:25px 0}.library-grid{margin-bottom:50px}.library-grid article{display:flex;flex-direction:column}.library-grid .text-link{align-self:flex-start;margin-top:auto}.guide-meta{font-size:12px;color:#a8ccb2}.library-pagination{display:flex;gap:15px}.library-pagination a,.library-pagination span{padding:8px 14px;border:1px solid #688673;border-radius:5px}.path-finder{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:50px;padding:35px;border:1px solid #73938155;border-radius:15px;background:#10251eee}.path-finder h3{font-size:2rem}.path-finder p{font-size:14px}.finder-result{padding:20px;border-left:3px solid #bdf3c5;background:#1b3428}.finder-result p{margin-bottom:14px}.finder-result[hidden]{display:none}@media(max-width:1050px){.quick{display:none}.library-filter{grid-template-columns:1fr 1fr}}@media(max-width:700px){.brand>.brand-name{font-size:16px}.brand{gap:5px}.path-finder{grid-template-columns:1fr;gap:20px;padding:23px}.library-filter{grid-template-columns:1fr;padding:20px}.path-finder h3{font-size:1.65rem}}@media(max-width:380px){.brand>.brand-name{font-size:13px}.account{font-size:10px}}