:root{--paper:#f6f7f3;--ink:#182322;--muted:#68716b;--line:#dce1d8;--lime:#c9ef85;--green:#3b5547;--white:#fff;--radius:6px;font-family:Inter,"Segoe UI","Malgun Gothic",Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:100px}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #55822f;outline-offset:5px}button{cursor:pointer}.skip-link{position:fixed;top:-70px;left:20px;background:var(--ink);color:white;padding:14px;z-index:10}.skip-link:focus{top:10px}.site-header,main,footer{max-width:1440px;margin:auto}.site-header{height:105px;display:flex;align-items:center;justify-content:space-between;padding:0 64px;border-bottom:1px solid var(--line);gap:30px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:40px;height:40px;background:var(--ink);color:var(--lime);display:flex;justify-content:center;align-items:center;font-size:27px;letter-spacing:-5px;padding-right:5px;font-weight:800;border-radius:9px}.brand-mark span{transform:translateY(4px)}.brand-name{font-size:22px;letter-spacing:-1px;font-weight:800;line-height:1}.brand-name>span{display:block;font-size:9px;letter-spacing:2px;font-weight:500;margin-top:7px}.site-header nav{display:flex;gap:35px;margin-left:auto;margin-right:50px;font-size:13px;font-weight:600}.site-header nav a:hover,.text-link:hover,footer a:hover{text-decoration:underline;text-underline-offset:5px}.header-actions{display:flex;align-items:center;gap:25px}.region{font-size:10px;letter-spacing:1.5px;display:flex;align-items:center;gap:8px}.status-dot,.label-dot{height:6px;width:6px;display:inline-block;background:#527352;border-radius:50%}.language-switch{border:1px solid #cbd2c7;background:transparent;padding:9px 12px;border-radius:4px;font-size:11px;min-width:58px}.language-switch span{margin-left:8px}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:40px;padding:65px 64px 54px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;margin:0 0 24px;display:flex;align-items:center;gap:10px}.eyebrow-line{height:1px;width:24px;background:var(--ink)}h1{font-size:clamp(33px,3.35vw,49px);font-weight:700;line-height:1.38;letter-spacing:-2.7px;margin:0 0 23px}.hero-highlight{color:var(--green)}.hero-description{font-size:14px;line-height:1.95;color:var(--muted);margin:0 0 30px;word-break:keep-all}.hero-actions{display:flex;align-items:center;gap:27px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;border-radius:var(--radius);padding:15px 21px;font-size:12px;font-weight:600;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:var(--white)}.button-dark:hover{background:#34493d}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:12px;font-weight:600}.hero-note{display:flex;align-items:center;gap:9px;margin-top:40px;font-size:10px;color:var(--muted);letter-spacing:.2px}.small-cross{font-size:18px;color:var(--green)}.hero-art{position:relative;min-height:435px;overflow:hidden;border:1px solid #dce3d3;border-radius:12px;background:radial-gradient(ellipse at 60% 50%,#e7efda 0%,#edf1e6 45%,#eff2eb 80%)}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#415c3a08 1px,transparent 1px),linear-gradient(90deg,#415c3a08 1px,transparent 1px);background-size:30px 30px}.art-topline,.art-bottomline{position:absolute;left:24px;right:24px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#6c7967}.art-topline{top:24px}.art-bottomline{bottom:22px;font-size:7px}.art-path{position:absolute;inset:0;width:100%;height:100%;color:#a3b28c}.core-tile{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-7deg);height:206px;width:250px;background:linear-gradient(135deg,#2c3d32,#1b2a22);color:#f5f9eb;border:1px solid #4c614a;border-radius:13px;box-shadow:12px 24px 35px #30402c26,0 4px 0 #253628;display:flex;flex-direction:column;padding:23px}.tile-label{font-size:7px;letter-spacing:1.6px;color:#bccbad}.core-tile strong{font-size:66px;letter-spacing:-5px;line-height:1.75;font-weight:600}.tile-dot{color:var(--lime)}.tile-bottom{border-top:1px solid #5d725241;padding-top:12px;font-size:7px;letter-spacing:1.5px;display:flex;justify-content:space-between;color:#cad6bd}.floating-label{position:absolute;display:flex;align-items:center;gap:10px;background:#fbfcf8;border:1px solid #dce3d3;border-radius:6px;padding:12px;font-size:8px;letter-spacing:1.2px;box-shadow:0 8px 18px #27332608}.label-one{top:67px;left:26px;transform:rotate(-4deg)}.mini-icon{display:grid;place-items:center;background:var(--lime);height:25px;width:25px;border-radius:4px;font-size:18px;color:var(--green)}.label-two{bottom:72px;right:28px;transform:rotate(4deg)}.label-dot{background:#7aa251}.principle-strip{display:flex;justify-content:space-between;align-items:center;border-block:1px solid var(--line);padding:23px 64px;gap:20px;font-size:11px}.principle-strip>span{display:flex;align-items:center;gap:14px}.principle-strip b{font-family:monospace;font-size:10px;color:#88917e;font-weight:400}.strip-signature{font-size:9px;letter-spacing:1px;color:#77816e}.strip-signature span{font-size:22px}.section-shell{padding:68px 64px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px}.section-heading .eyebrow,.about-intro .eyebrow{margin-bottom:14px;font-size:9px;color:#74806b}h2{font-size:28px;line-height:1.5;letter-spacing:-1.3px;margin:0;font-weight:650}.tool-count{font-size:9px;letter-spacing:1px;border:1px solid #d3dbcd;border-radius:20px;padding:7px 12px;white-space:nowrap}.empty-state{border:1px dashed #cbd4c2;border-radius:9px;display:flex;align-items:center;gap:24px;padding:35px;background:#f0f3ea}.empty-symbol{height:62px;width:62px;background:#e1e9d6;border:1px solid #d4dfc8;border-radius:15px;display:grid;place-items:center;font-size:28px;color:#5c7150;flex-shrink:0}.empty-state h3{font-size:15px;margin:0 0 10px;font-weight:600;letter-spacing:-.5px}.empty-state p{font-size:12px;line-height:1.9;color:var(--muted);margin:0;word-break:keep-all}.button-outline{border:1px solid #c4ceba;white-space:nowrap;margin-left:auto;background:#f8faf4;font-size:11px;padding:12px 14px;gap:15px}.button-outline:hover{background:#e8efde}.section-footnote{font-size:10px;color:#7f887a;margin:15px 0 0}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tool-card{padding:25px;border:1px solid var(--line);border-radius:8px;background:#fff;display:flex;flex-direction:column;gap:15px;transition:border-color .2s,transform .2s}.tool-card:hover{border-color:#6e885d;transform:translateY(-3px)}.tool-card .tool-category{font-size:10px;color:#617653}.tool-card h3{margin:0;font-size:18px}.tool-card p{margin:0;font-size:13px;line-height:1.8;color:var(--muted)}.tool-card .tool-open{font-size:12px;margin-top:auto;padding-top:12px}.about-section{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:95px;padding-top:60px;padding-bottom:66px}.about-intro h2{font-size:27px;line-height:1.55;margin-bottom:18px}.about-intro>p:not(.eyebrow){font-size:12px;line-height:1.95;color:var(--muted);max-width:370px;word-break:keep-all;margin:0 0 22px}.about-list article{display:flex;gap:24px;padding:25px 0;border-bottom:1px solid var(--line)}.about-list article:first-child{padding-top:9px}.about-list article>span{font-size:10px;font-family:monospace;color:#8c9980;padding-top:4px}.about-list h3{font-size:14px;margin:0 0 10px;font-weight:600}.about-list p{font-size:12px;color:var(--muted);margin:0;line-height:1.8;word-break:keep-all}.closing-banner{display:flex;align-items:center;margin:0 64px 55px;background:#e7eedc;border:1px solid #d9e2cd;border-radius:7px;padding:23px 28px;gap:20px}.closing-star{font-size:32px;line-height:1;color:#6b8453}.closing-banner p{font-size:15px;letter-spacing:-.4px;margin:0;font-weight:550}.closing-banner a{font-size:11px;margin-left:auto;display:flex;gap:20px;align-items:center}.closing-banner a:hover{text-decoration:underline;text-underline-offset:4px}footer{border-top:1px solid var(--line);padding:27px 64px 31px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;color:#7c8675}.footer-brand{font-size:15px;font-weight:800;color:var(--ink);letter-spacing:-.4px}.footer-brand span{font-size:10px;font-weight:400;color:#7c8675;letter-spacing:0;margin-left:10px}footer a{font-size:10px;color:var(--ink)}[hidden]{display:none!important}
[data-i18n]{white-space:pre-line}html[lang=en] h1{font-size:clamp(35px,3.9vw,54px);letter-spacing:-2.5px;line-height:1.2}html[lang=en] .hero-description{max-width:390px}html[lang=en] .empty-state h3{font-size:14px}
@media(min-width:1441px){body{border-inline:1px solid #dce1d8;max-width:1440px;margin:auto}}
@media(max-width:1100px){.site-header{padding-inline:35px}.site-header nav{margin-right:15px;gap:22px}.hero{padding:50px 35px;gap:25px}.hero-art{min-height:390px}.core-tile{width:220px;height:190px}.core-tile strong{font-size:59px}.section-shell{padding:50px 35px}.principle-strip{padding-inline:35px}.empty-state{gap:18px;padding:26px;flex-wrap:wrap}.button-outline{margin-left:80px}.about-section{gap:50px}.closing-banner{margin:0 35px 45px}footer{padding-inline:35px}}
@media(max-width:760px){.site-header{height:85px;padding-inline:22px}.brand-mark{width:34px;height:34px;font-size:24px}.brand-name{font-size:19px}.site-header nav{display:none}.region{display:none}.hero{grid-template-columns:1fr;padding:45px 22px 34px;gap:32px}.hero-copy{max-width:550px}h1{font-size:clamp(31px,6.5vw,44px);letter-spacing:-1.8px}.hero-description{font-size:13px}.hero-note{margin-top:25px}.hero-art{min-height:345px;max-width:550px;width:100%}.core-tile{width:240px;height:195px}.core-tile strong{font-size:62px}.floating-label.label-one{top:35px;left:20px}.floating-label.label-two{bottom:40px;right:22px}.principle-strip{padding:20px 22px;flex-wrap:wrap;row-gap:14px;column-gap:22px;font-size:10px}.principle-strip>span{gap:9px}.strip-signature{display:none!important}.section-shell{padding:42px 22px}h2{font-size:23px}.section-heading{gap:10px}.empty-state{padding:24px;display:grid;grid-template-columns:1fr;gap:18px}.empty-symbol{height:46px;width:46px;border-radius:10px;font-size:24px}.empty-state h3{font-size:14px;line-height:1.7}.empty-state p{font-size:12px}.empty-state .button{margin:0;justify-self:start}.about-section{grid-template-columns:1fr;gap:34px}.about-intro h2{font-size:25px}.about-list article{gap:20px;padding:22px 0}.closing-banner{margin:0 22px 35px;padding:22px;flex-wrap:wrap;gap:16px}.closing-banner p{font-size:13px}.closing-banner a{margin-left:0;width:100%;padding-left:48px}.tool-grid{grid-template-columns:1fr}footer{padding:25px 22px;flex-wrap:wrap;gap:14px}footer>span:nth-child(2){display:none}.footer-brand span{font-size:9px;margin-left:5px}html[lang=en] h1{font-size:clamp(36px,8vw,51px);letter-spacing:-2px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
