:root{--paper:#f6f7f3;--ink:#20352e;--muted:#65736b;--green:#285b42;--line:#dce2da;--lime:#d2e79e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 'Segoe UI',Arial,sans-serif}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #7c9d48;outline-offset:5px}::selection{background:var(--lime)}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.header{height:110px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;font-size:27px;font-weight:750;letter-spacing:-1.2px}.brand-domain{font-weight:400;color:var(--muted)}.brand-mark{display:grid;place-items:center;width:36px;height:36px;margin-right:10px;background:var(--green);color:white;border-radius:10px;font-size:26px}.header nav{display:flex;gap:28px;font-size:13px}.header nav a:hover,.text-link:hover{color:#568039}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:var(--green);border:1px solid var(--green);color:white;border-radius:6px;padding:14px 22px;font-weight:600;font-size:14px;transition:background .2s,transform .2s}.button:hover{background:#19432e;transform:translateY(-2px)}.button-small{padding:10px 16px;font-size:12px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;padding-block:65px 100px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;display:flex;align-items:center;gap:9px;margin:0 0 23px}.small-dot{display:inline-block;width:7px;height:7px;background:#719d59;border-radius:50%;flex-shrink:0}h1{font-size:clamp(42px,4.5vw,67px);letter-spacing:-3.3px;line-height:1.1;font-weight:600;margin:0 0 26px}h1 span{color:#6e8a5d}.intro{max-width:475px;font-size:16px;color:var(--muted);line-height:1.85}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:32px}.text-link{font-size:13px;font-weight:600;display:inline-flex;gap:18px;align-items:center}.hero-note{display:flex;gap:10px;align-items:center;font-size:11px;color:var(--muted);margin-top:26px}.check{color:var(--green)}.note-divider{height:12px;width:1px;background:#bdc6b8;margin-inline:6px}.product-stage{position:relative;background:#e8eddf;border-radius:14px;padding:30px 0 55px 24px;min-width:0;background-image:radial-gradient(#b6c6ac 1px,transparent 1px);background-size:19px 19px}.stage-label{font-size:8px;letter-spacing:1.8px;margin-bottom:23px;font-weight:600;display:flex;align-items:center;gap:8px}.stage-label span{width:18px;height:1px;background:#75886b}.app-preview{display:flex;background:#fff;border:1px solid #e0e4dc;border-radius:9px 0 0 9px;box-shadow:0 20px 35px #293e2220;overflow:hidden;min-height:310px;transform:translateX(10px)}.app-sidebar{width:43px;flex-shrink:0;background:#254f3b;display:flex;align-items:center;flex-direction:column;gap:17px;padding:12px 0;color:#b3c9b8;font-size:17px}.app-sidebar b{font-size:23px;color:white;margin-bottom:12px}.side-selected{background:#ffffff24;border-radius:5px;padding:0 6px;color:white}.app-content{padding:13px 18px;width:100%;min-width:0}.app-top{display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#849087;border-bottom:1px solid #ecf0e9;padding-bottom:12px}.avatar{border-radius:50%;background:#e7eddf;padding:2px 6px;color:var(--green)}.app-heading{display:flex;justify-content:space-between;align-items:center;padding:20px 0 15px;gap:6px}.app-heading small{font-size:6px;letter-spacing:1px;color:#849087}.app-heading h2{font-size:16px;letter-spacing:-.5px;margin:3px 0}.preview-badge{font-size:7px;border:1px solid #dfe6db;padding:3px 5px;border-radius:4px;white-space:nowrap;color:#74806e}.app-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.app-stats>div{padding:10px;background:#f5f7f1;border:1px solid #e9ede5;border-radius:5px}.app-stats span{display:block;font-size:8px;color:#74806e}.app-stats b{font-size:23px;line-height:1.8;font-weight:600}.app-stats small{font-size:6px;font-weight:400;display:block;color:#74806e;line-height:1}.project-list{margin-top:16px}.list-title{font-weight:600;font-size:9px;display:flex;justify-content:space-between}.list-title span{font-size:7px;font-weight:400;color:#899481}.project{display:flex;align-items:center;gap:8px;border-bottom:1px solid #eef0eb;padding:10px 0}.project-symbol{background:#f0f3eb;border-radius:4px;width:25px;height:25px;text-align:center;color:#81916d}.project b{font-size:8px;display:block;font-weight:600}.project small{display:block;font-size:6px;color:#8b9587}.project-state{margin-left:auto;font-size:6px;background:#eef4e5;color:#65804c;padding:2px 5px;border-radius:4px;white-space:nowrap}.project-state.neutral{background:#f4f1e6;color:#9a8751}.app-bottom{font-size:7px;color:#7f8c77;display:flex;gap:5px;align-items:center;margin-top:12px}.app-bottom .small-dot{width:4px;height:4px}.experience-stamp{display:flex;align-items:center;gap:12px;background:var(--green);color:white;border-radius:7px;padding:13px 22px;position:absolute;bottom:-17px;right:25px;box-shadow:0 8px 20px #233e2920}.experience-stamp strong{font-size:39px;line-height:1;font-weight:500;letter-spacing:-2px}.experience-stamp span{font-size:10px;line-height:1.5;color:#dce7d8}.expertise-strip{border-block:1px solid var(--line)}.expertise-strip .wrap{display:flex;justify-content:space-between;align-items:center;padding-block:23px;gap:15px;font-size:12px}.expertise-strip .wrap>span:first-child{font-size:11px;color:var(--muted)}.expertise-strip b{font-weight:500}.strip-plus{color:#95aa85}.section{padding-block:90px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:35px}h2{font-size:40px;font-weight:500;line-height:1.18;letter-spacing:-1.7px;margin:0}.section-heading .eyebrow{margin-bottom:16px}.section-heading>p{max-width:360px;color:var(--muted);font-size:14px;margin:0 0 4px}.solution-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.solution{border:1px solid var(--line);border-radius:8px;padding:23px 21px;display:flex;flex-direction:column;transition:transform .2s,border-color .2s;min-width:0;background:#fafbf8}.solution:hover{transform:translateY(-4px);border-color:#8ba47b}.solution-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.solution-number{font-size:12px;color:#79906a}.version{font-size:9px;color:#7a8575;border:1px solid #e0e6da;border-radius:4px;padding:2px 6px}.solution h3{font-size:17px;font-weight:600;line-height:1.4;letter-spacing:-.3px;margin:0 0 12px;overflow-wrap:anywhere}.solution p{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 28px}.solution-link{margin-top:auto;display:flex;justify-content:space-between;gap:10px;font-size:10px;font-weight:600;padding-top:15px;border-top:1px solid var(--line)}.featured{background:var(--green);color:white;border-color:var(--green)}.featured .solution-number,.featured p{color:#c8d7c6}.featured .version{color:#d1dfcc;border-color:#64846b}.featured .solution-link{border-color:#53745b}.experience-section{background:#e9eedf;padding-block:65px}.experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.experience-grid p:not(.eyebrow){font-size:14px;color:var(--muted)}.experience-grid .experience-lead{font-size:20px!important;color:var(--ink)!important;line-height:1.5;margin-top:0}.experience-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.experience-tags span{font-size:10px;border:1px solid #cbd5c1;border-radius:4px;padding:5px 9px}.tools-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:45px}.tool{display:flex;align-items:center;gap:16px;padding:23px 0;border-top:1px solid var(--line)}.tool-icon{display:grid;place-items:center;width:43px;height:43px;border:1px solid var(--line);border-radius:8px;font-size:23px;flex-shrink:0;background:#eff2e9;color:#667f50}.tool h3{font-size:15px;font-weight:600;margin:0 0 3px}.tool p{font-size:11px;color:var(--muted);margin:0}.tool-arrow{margin-left:auto;transition:transform .2s}.tool:hover .tool-arrow{transform:translate(3px,-3px)}.tool:hover h3{color:#6c894d}.license-section{padding:50px 55px;display:grid;grid-template-columns:1fr 1fr;gap:75px;background:var(--green);color:white;border-radius:10px;margin-bottom:70px}.license-intro>p:last-child{color:#c5d6c4;font-size:14px;max-width:340px;margin-top:22px}.license-section .eyebrow{color:#c9dda9}.license-options article+article{border-top:1px solid #597a60;margin-top:22px;padding-top:22px}.license-index{font-size:9px;letter-spacing:1.3px;color:#d0e5a8}.license-options h3{font-size:20px;font-weight:500;margin:7px 0}.license-options p{color:#c5d6c4;font-size:12px;margin:0}.license-options .text-link{margin-top:22px;color:#d0e5a8}.footer{display:flex;align-items:center;gap:30px;border-top:1px solid var(--line);padding-block:25px}.footer .brand{font-size:23px}.footer p,.footer small,.footer div{font-size:10px;color:var(--muted)}.footer div{margin-left:auto;display:flex;gap:18px}.skip-link{position:fixed;top:-100px;left:20px;z-index:10;padding:12px;background:var(--green);color:white}.skip-link:focus{top:12px}@media(min-width:1450px){.hero{gap:70px}}@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.header nav{gap:15px;font-size:11px}.hero{gap:22px}h1{font-size:49px}.hero .eyebrow{font-size:8px;letter-spacing:1px}.solution-grid{grid-template-columns:repeat(2,1fr)}.solution h3{overflow-wrap:normal}.experience-grid{gap:40px}.footer{flex-wrap:wrap;gap:15px}.footer div{margin-left:auto}.hero-actions{gap:15px}.hero-actions .text-link{font-size:11px}.button{gap:15px}.product-stage{padding-left:10px}.stage-label{font-size:6px}.app-heading h2{font-size:13px}.app-content{padding-inline:12px}.expertise-strip .wrap{flex-wrap:wrap;justify-content:center}.expertise-strip .wrap>span:first-child{width:100%;text-align:center}.license-section{gap:35px;padding:35px}}@media(max-width:740px){.wrap{width:calc(100% - 36px)}.header{height:auto;padding-block:20px;flex-wrap:wrap;gap:18px}.brand{font-size:24px}.header nav{order:3;width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;font-size:12px}.button-small{font-size:10px;padding:8px 11px}.hero{grid-template-columns:1fr;padding-block:40px 65px;gap:45px}h1{font-size:clamp(40px,9vw,62px);letter-spacing:-2px}.hero .eyebrow{font-size:8px}.intro{font-size:15px;max-width:100%}.hero-actions{gap:24px}.hero-actions .text-link{font-size:12px}.hero-note{font-size:10px}.product-stage{padding:23px 15px 40px}.app-preview{transform:none;border-radius:8px}.stage-label{font-size:7px}.app-heading h2{font-size:16px}.experience-stamp{right:18px}.expertise-strip .wrap{font-size:10px;gap:10px}.section{padding-block:55px}.section-heading{display:block;margin-bottom:25px}.section-heading>p{margin-top:20px;max-width:100%}h2{font-size:34px}.solution-grid{gap:10px}.solution{padding:18px 15px}.solution-top{margin-bottom:20px}.solution h3{font-size:15px}.solution p{font-size:11px}.version{font-size:8px}.solution-link{font-size:9px;gap:5px}.experience-grid{grid-template-columns:1fr;gap:25px}.experience-section{padding-block:45px}.experience-grid .experience-lead{font-size:19px!important}.tools-grid{grid-template-columns:1fr}.tool p{font-size:12px}.license-section{grid-template-columns:1fr;gap:25px;padding:28px;margin-bottom:45px}.footer{gap:12px}.footer p{margin-left:auto}.footer div{order:4;width:100%;margin:0;flex-wrap:wrap}.footer small{font-size:9px}.app-stats b{font-size:21px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Language selection stays visible on every screen size. */
.header-actions{display:flex;align-items:center;gap:16px}.language-switch{display:flex;gap:3px;align-items:center}.language-switch a{font-size:11px;font-weight:600;padding:5px 7px;border-radius:4px;color:var(--muted)}.language-switch a:hover{background:#e9eedf}.language-switch a[aria-current=true]{background:var(--green);color:white}.header{gap:18px}.header nav{gap:20px}@media(max-width:1050px) and (min-width:741px){.header{flex-wrap:wrap;height:auto;padding-block:20px}.header nav{order:3;width:100%;justify-content:center}.header-actions{margin-left:auto}}@media(max-width:740px){.header-actions{gap:9px}.language-switch a{font-size:10px;padding:5px}.header .button-small{font-size:9px;padding:8px;gap:6px}.header{gap:12px}.hero .eyebrow{flex-wrap:wrap}.hero-actions{flex-wrap:wrap}.experience-stamp{max-width:calc(100% - 36px)}.footer p{max-width:230px}}@media(max-width:370px){.header-actions{width:100%;justify-content:space-between}.header nav{gap:10px;font-size:11px}.solution-grid{grid-template-columns:1fr}}
