:root{--ink:#18251f;--ink2:#26322b;--paper:#fafbf8;--line:#dfe4dd;--lime:#d5f778;--lime2:#c3e895;--muted:#68736b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.shell{max-width:1240px;margin:auto;padding:0 28px}.site-header{height:104px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;font-size:20px;letter-spacing:-1px}.brand b{font-weight:800}.mark{width:40px;height:40px;border-radius:10px;background:var(--ink);color:var(--lime);display:grid;place-items:center;margin-right:10px;font:700 16px monospace}.nav{display:flex;align-items:center;gap:42px}.nav a{font-size:14px}.button{display:inline-flex;align-items:center;gap:30px;border:1px solid #bac0bb;border-radius:7px;padding:14px 20px;font-weight:700;background:transparent}.button.primary{background:var(--ink);color:white;border-color:var(--ink)}.arrow{font-size:22px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;padding:100px 0 86px}.eyebrow{text-transform:uppercase;letter-spacing:2.2px;font-weight:700;font-size:12px}.eyebrow:before{content:"";display:inline-block;width:7px;height:7px;background:#91ae55;border-radius:50%;margin-right:10px}.hero h1,.page-hero h1{font-size:74px;line-height:1.02;letter-spacing:-4px;font-weight:400;margin:34px 0 26px}.hero h1 em,.page-hero h1 em{font-family:Georgia,serif;font-weight:400}.lede{font-size:18px;color:#647068;max-width:560px}.actions{display:flex;gap:26px;align-items:center;margin:34px 0}.ecosystem{margin-top:42px}.ecosystem p{font-size:11px;letter-spacing:1.7px}.eco-row{display:flex;gap:24px;margin-top:18px}.preview{background:linear-gradient(135deg,var(--lime2),var(--lime));border-radius:16px;padding:28px;min-height:420px;position:relative;overflow:hidden;background-image:linear-gradient(rgba(24,37,31,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(24,37,31,.08) 1px,transparent 1px),linear-gradient(135deg,var(--lime2),var(--lime));background-size:40px 40px,40px 40px,100% 100%}.preview-head{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1px}.component-card{background:white;border:1px solid #cad1ca;border-radius:9px;padding:20px;transform:rotate(-4deg);margin-top:38px;box-shadow:10px 15px 0 rgba(84,111,57,.12)}.component-title{display:flex;justify-content:space-between;font-weight:700;border-bottom:1px solid #e7e9e6;padding-bottom:14px}.field{margin-top:24px}.field small{display:block;margin-bottom:9px}.tags{border:1px solid #d9ddd8;border-radius:5px;padding:10px;display:flex;gap:7px}.tag{background:#eef4e8;padding:6px 10px;border-radius:3px}.caption{position:absolute;bottom:22px;display:flex;justify-content:space-between;left:28px;right:28px;font-size:12px}.ribbon{background:var(--ink);color:white}.ribbon-inner{max-width:1240px;margin:auto;padding:26px 28px;display:flex;gap:70px;align-items:center}.ribbon .eyebrow{color:#b7dc88;min-width:110px}.ribbon .eyebrow:before{display:none}.ribbon p{font-size:20px;margin:0}.section{padding:72px 0}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}.section h2{font-size:52px;line-height:1.08;letter-spacing:-2px;font-weight:400;margin:16px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}.card-preview{height:260px;background:#edf3e9;padding:22px;display:flex;align-items:center;justify-content:center}.mini{width:92%;background:white;border:1px solid #d8ddd7;border-radius:8px;padding:18px;box-shadow:8px 10px 0 rgba(24,37,31,.08)}.card-body{padding:24px}.meta{font-size:11px;text-transform:uppercase;letter-spacing:1.6px}.pill{float:right;border:1px solid #cfd4cf;border-radius:20px;padding:4px 9px}.card h3{font-size:25px;margin:18px 0 5px}.card p{color:var(--muted)}.note{text-align:center;color:var(--muted);margin-top:26px}.blog-list{border-top:1px solid var(--line)}.blog-link{display:grid;grid-template-columns:70px 170px 1fr 160px;gap:24px;padding:30px 0;border-bottom:1px solid var(--line);align-items:start}.blog-link h3{font-size:25px;line-height:1.18;margin:0}.blog-link p{margin:0;color:var(--muted)}.footer{border-top:1px solid var(--line);padding:50px 0 34px;margin-top:60px}.footer-top{display:flex;justify-content:space-between}.footer-brand{font-size:30px;line-height:.85}.footer-brand span{display:block}.legal{font-size:12px;color:var(--muted);display:flex;justify-content:space-between;margin-top:55px}.page-hero{padding:95px 0 60px;max-width:900px}.page-hero h1{font-size:68px}.filters{display:flex;gap:10px;margin-top:28px}.filter{border:1px solid #ccd2cc;background:transparent;border-radius:999px;padding:9px 15px}.filter.active{background:var(--ink);color:#fff}.detail{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:70px 0}.detail-copy h1{font-size:62px;line-height:1;margin:22px 0}.detail-copy h2,.article h2{font-size:26px;margin-top:38px}.back{font-size:14px}.demo{min-height:520px}.status-buttons{display:flex;gap:8px}.status-buttons button{padding:8px 12px;border:1px solid #d7dcd6;background:#f4f6f2;border-radius:5px}.status-buttons .selected{background:var(--ink);color:white}.bento{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bento div{padding:22px;background:#f0f4ed;border-radius:8px}.bento div:first-child{grid-row:span 2}.article{max-width:760px;padding:70px 0}.article h1{font-size:62px;line-height:1.05;letter-spacing:-2px;font-weight:400}.article .dek{font-size:21px;color:var(--muted);margin:22px 0 45px}.article p{font-size:18px;color:#4e5b53}.article-meta{text-transform:uppercase;font-size:12px;letter-spacing:1.5px}.mobile-menu{display:none}
@media(max-width:800px){.shell{padding:0 20px}.site-header{height:82px}.nav>a:not(.button){display:none}.nav{gap:0}.nav .button{padding:10px 12px}.hero{grid-template-columns:1fr;padding:58px 0}.hero h1,.page-hero h1,.article h1{font-size:48px;letter-spacing:-2px}.preview{min-height:360px}.ribbon-inner{gap:20px;align-items:flex-start;flex-direction:column}.cards{grid-template-columns:1fr}.blog-link{grid-template-columns:44px 1fr}.blog-link .category,.blog-link>p{grid-column:2}.detail{grid-template-columns:1fr;gap:32px}.detail-copy h1{font-size:48px}.section h2{font-size:40px}.section-top{align-items:flex-start;flex-direction:column}.legal,.footer-top{gap:24px;flex-direction:column}.actions{align-items:flex-start;flex-direction:column}.eco-row{flex-wrap:wrap}}
/* Featured Counselling.Network web part */
.shell{width:calc(100% - 56px);padding-left:0;padding-right:0}.feature-hero{gap:54px}.feature-hero h1{font-size:clamp(44px,5.4vw,72px)}.eyebrow,.preview-head,.step-number{font-size:14px}.launch-badge{display:inline-block;margin-top:16px;padding:10px 14px;background:var(--lime);border:1px solid #aecb77;border-radius:6px;font-weight:700}.launch-note{font-size:14px;color:#526047;max-width:540px}.feature-preview{background:var(--lime);padding:28px;border-radius:16px}.feature-preview .product-shot{margin-top:24px}.product-shot{margin:0;min-width:0}.product-shot img{display:block;width:100%;height:auto;border:1px solid #d2dbd3;border-radius:8px;background:white}.product-shot a:focus-visible{outline:3px solid #287367;outline-offset:5px}.product-shot figcaption{font-size:14px;color:#4e5b53;margin-top:12px}.product-shot figcaption a{display:inline-block;margin-left:8px;text-decoration:underline}.section-intro{max-width:370px;color:var(--muted)}.feature-row{display:grid;grid-template-columns:0.8fr 1.2fr;gap:70px;align-items:center;border-top:1px solid var(--line);padding:54px 0}.feature-row h3,.setup-copy h3{font-size:30px;font-weight:400;line-height:1.2;margin:16px 0}.feature-row p,.setup-copy p{color:#526047}.step-number{letter-spacing:1.4px;color:#55614d;font-weight:700}.setup-section{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:90px}.text-link{font-weight:700;text-decoration:underline;text-underline-offset:4px}.small-note{font-size:14px;margin-top:30px}.launch-section{padding:48px;background:var(--lime);border-radius:16px}.launch-section h2{font-size:clamp(32px,4.4vw,54px);font-weight:400;letter-spacing:-1.5px;line-height:1.1;margin:20px 0}.launch-section p{max-width:650px}.launch-section .button{margin-top:18px}.legal{font-size:14px}.footer-brand{line-height:1.1}a:focus-visible{outline:3px solid #287367;outline-offset:4px}section[id]{scroll-margin-top:24px}
@media(max-width:800px){.shell{width:calc(100% - 40px)}.feature-hero{gap:34px}.feature-row,.setup-section{grid-template-columns:1fr;gap:28px}.section{padding-top:46px;padding-bottom:46px}.feature-row{padding:36px 0}.feature-preview{padding:18px}.brand{font-size:17px}.mark{width:32px;height:32px;margin-right:7px}.nav .button{font-size:14px;gap:8px}.launch-section{padding:26px}.preview-head{gap:12px;font-size:12px}.hero h1{letter-spacing:-2px}.section-top{gap:0}.actions{gap:18px}.footer{padding-top:32px;padding-bottom:28px}}
@media(max-width:420px){.site-header{height:auto;min-height:94px;flex-wrap:wrap;gap:12px;padding-top:16px;padding-bottom:16px}.brand{font-size:18px}.feature-preview{padding:12px}.button{gap:12px}.launch-section .button{font-size:14px}.section h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}