:root{--green:#064a35;--ink:#17251f;--muted:#68716e;--line:#e5e7e4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif}img{display:block;max-width:100%}button,a{font:inherit}a{color:inherit}.topo{height:86px;padding:16px max(5vw,24px);display:flex;align-items:center}.topo a{display:block}.topo img{width:225px}.hero{display:grid;grid-template-columns:47% 53%;min-height:365px;max-width:1600px;margin:auto;padding:5px 2% 0 5%;overflow:hidden}.hero-left{display:flex;gap:38px;padding-top:22px;min-width:0}.question-rail{display:flex;align-items:center;flex-direction:column;gap:21px;padding-top:4px;min-width:24px}.question-rail span{color:#d53135;font-size:13px;border-bottom:2px solid #d53135;padding-bottom:6px}.rail-dot{width:8px;height:8px;border:0;border-radius:50%;background:#bfc4c1;padding:0;cursor:pointer}.rail-dot.active{background:#d53135}.hero-questions{min-width:0}.hero h1{font-size:clamp(26px,2.6vw,42px);line-height:1.08;margin:0;max-width:610px;letter-spacing:-.035em;color:#0d1c19}.red-underline{width:220px;height:4px;background:#e8242c;border-radius:50%;transform:rotate(-1deg);margin:17px 0 28px}.other-questions{display:grid;gap:9px}.other-questions button{display:block;text-align:left;border:0;background:transparent;color:#858c89;font-size:clamp(14px,1.25vw,20px);line-height:1.18;cursor:pointer;padding:0}.other-questions button:hover,.other-questions button:focus-visible{color:var(--green)}.hero-right{position:relative;min-width:0;display:flex;align-items:flex-end;justify-content:end}.monitor{width:100%;height:365px;object-fit:cover;object-position:center bottom}.side-note{position:absolute;z-index:1;top:18px;left:0;transform:rotate(-8deg);font-family:'Comic Sans MS',cursive;font-size:17px;color:#303a33}.sticky-note{position:absolute;z-index:1;right:3%;top:24px;margin:0;background:#fff09b;padding:20px 25px;transform:rotate(-12deg);box-shadow:0 4px 12px #0002;font:16px/1.25 'Comic Sans MS',cursive}.quote{background:#fafbf9;padding:18px 20px}.quote blockquote{width:max-content;max-width:100%;margin:auto;border-left:4px solid var(--green);padding:4px 0 2px 20px}.quote p{font-size:clamp(16px,1.45vw,22px);margin:0}.quote cite{display:block;text-align:right;font-size:10px;color:#56645c;font-style:normal;margin:3px 0 0}.values{max-width:1560px;margin:0 auto;padding:24px 3% 22px;display:grid;grid-template-columns:2.8fr repeat(4,1fr);gap:45px;border-bottom:1px solid var(--line)}.values-intro h2{font-size:15px;margin:0 0 17px}.values-intro h2 img{display:inline-block;height:19px;width:auto;vertical-align:-5px}.values-intro p,.value p{font-size:14px;line-height:1.45;margin:0}.value>span{display:block;color:var(--green);font-size:30px;line-height:1;margin-bottom:9px}.value p img{display:inline-block;height:15px;width:auto;vertical-align:-4px}.areas{max-width:1560px;margin:0 auto;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;padding:23px 3%}.area{text-decoration:none;min-width:0}.area>img{width:100%;height:85px;object-fit:cover;object-position:top;border:1px solid #d6dfda;border-radius:7px 7px 0 0}.area strong{display:block;margin-top:-1px;background:var(--green);color:#fff;border-radius:0 0 6px 6px;padding:6px 8px;font-size:14px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.area:hover strong,.area:focus-visible strong{background:#023724}.area small{display:block;color:#1d2922;padding:9px 8px 0;font-size:13px;line-height:1.35}.closing{max-width:1560px;margin:2px auto 24px;display:grid;grid-template-columns:2fr 1.65fr auto;align-items:center;gap:22px;padding:0 1.3%;border-radius:20px;background:#f8faf8;min-height:160px}.closing-story{background:#073f30;color:#fff;border-radius:18px;padding:26px 8%;height:100%;display:flex;flex-direction:column;justify-content:center}.closing-story h2{font-size:21px;line-height:1.25;margin:0 0 12px}.closing-story p{font-size:14px;line-height:1.4;margin:0}.closing-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.closing-benefits p{margin:0;font-size:13px;line-height:1.3;text-align:center}.cta{display:block;background:#000;color:#fff;text-decoration:none;border-radius:7px;padding:19px 17px;font-weight:700;font-size:14px;white-space:nowrap}.cta:hover{background:#262626}:focus-visible{outline:3px solid #2b72d6;outline-offset:3px}@media(max-width:1100px){.hero{grid-template-columns:1fr 1fr}.hero-left{gap:20px}.side-note,.sticky-note{display:none}.values{gap:18px}.areas{grid-template-columns:repeat(3,1fr)}.closing{grid-template-columns:1fr}.closing-story{min-height:155px}.closing-benefits{padding:18px}.cta{justify-self:center;margin-bottom:18px}}@media(max-width:700px){.topo{height:72px;padding:12px 20px}.topo img{width:190px}.hero{grid-template-columns:1fr;padding:15px 20px 0}.hero-left{padding-top:0}.hero h1{font-size:30px}.red-underline{margin:14px 0 20px}.other-questions button{font-size:16px}.hero-right{margin:18px -20px 0}.monitor{height:auto;max-height:340px;object-fit:contain}.quote{padding:16px 20px}.values{grid-template-columns:repeat(2,1fr);padding:22px 20px;gap:20px}.values-intro{grid-column:1/-1}.areas{grid-template-columns:repeat(2,1fr);padding:20px;gap:18px}.area>img{height:74px}.area strong{font-size:12px}.area small{font-size:12px}.closing{margin:0 12px 20px}.closing-story{padding:24px}.closing-benefits{grid-template-columns:repeat(2,1fr)}}@media(max-width:420px){.hero h1{font-size:25px}.question-rail{gap:15px}.other-questions button{font-size:14px}.values{grid-template-columns:1fr}.areas{grid-template-columns:1fr}.area>img{height:120px}.area strong{font-size:14px}}
