:root{--blue:#244967;--blue2:#386786;--ink:#203344;--muted:#627586;--line:#dce5eb;--pale:#f4f8fb;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:var(--white);color:var(--ink)}a{color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #8abbdb;outline-offset:3px}.shell{width:min(100% - 44px,1000px);margin:auto}.top{height:74px;border-bottom:1px solid var(--line);background:#fff}.topin{height:100%;display:flex;justify-content:space-between;align-items:center}.brand{text-decoration:none;color:var(--blue);font-weight:720;letter-spacing:-.7px;font-size:22px}.brandmark{border:1.8px solid var(--blue);width:26px;height:26px;border-radius:5px;display:inline-grid;place-items:center;margin-right:9px;font-size:18px;vertical-align:0}.nav{display:flex;gap:27px;align-items:center}.nav a{color:var(--muted);text-decoration:none;font-size:14px}.nav a:hover{color:var(--blue)}.nav a:last-child{border:1px solid var(--line);border-radius:7px;padding:7px 12px;color:var(--blue)}.hero{padding:98px 0 91px;border-bottom:1px solid var(--line)}.kicker{text-transform:uppercase;font-size:11px;letter-spacing:1.8px;color:var(--blue2);font-weight:750}.hero h1{font-size:clamp(35px,4.5vw,53px);font-weight:650;letter-spacing:-1.8px;line-height:1.16;max-width:750px;margin:22px 0 19px}.lead{font-size:18px;color:var(--muted);max-width:580px;margin:0 0 27px}.action{display:inline-flex;align-items:center;justify-content:center;border-radius:7px;background:var(--blue);color:#fff;text-decoration:none;border:1px solid var(--blue);padding:10px 17px;font-weight:600;font-size:14px}.action:hover{background:#183c58}.action.secondary{background:#fff;color:var(--blue);border-color:#b9cbd8}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.section{padding:70px 0;border-bottom:1px solid var(--line)}.section.alt{background:var(--pale)}h2{font-size:clamp(24px,3vw,31px);letter-spacing:-.8px;line-height:1.3;font-weight:640;margin:11px 0 13px}.intro{color:var(--muted);max-width:610px;margin:0 0 29px}.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.value{border-top:2px solid #8eaec4;padding-top:19px}.value h3{font-size:17px;font-weight:650;margin:0 0 7px}.value p{color:var(--muted);margin:0;font-size:14px}.segment{display:grid;grid-template-columns:1.05fr .95fr;gap:65px;align-items:center}.switch{display:inline-flex;gap:3px;border:1px solid var(--line);border-radius:8px;padding:3px;background:white;margin:17px 0 18px}.switch button{border:0;background:transparent;border-radius:5px;color:var(--muted);padding:8px 14px;font-size:13px}.switch button[aria-selected="true"]{color:var(--blue);background:#e9f1f7;font-weight:700}.segment-copy h2{margin:0 0 14px;font-size:27px}.segment-copy p{color:var(--muted);margin:0 0 18px}.segment-copy .action{margin-top:5px}.example{border:1px solid var(--line);border-radius:10px;background:white;padding:22px;box-shadow:0 7px 26px #173c5010}.example-head{display:flex;justify-content:space-between;gap:10px;align-items:center;padding-bottom:15px;border-bottom:1px solid var(--line)}.example-head strong{font-size:15px;color:var(--blue)}.status{font-size:12px;color:#476e79;background:#eef5f7;border-radius:20px;padding:4px 10px;white-space:nowrap}.rows{margin-top:5px}.data-row{display:flex;justify-content:space-between;gap:10px;padding:13px 0;border-bottom:1px solid #e9eff3;font-size:14px}.data-row:last-child{border:0}.data-row span{color:var(--muted)}.data-row b{font-weight:630;color:var(--ink)}.example footer{margin-top:13px;font-size:11px;color:var(--muted)}.how{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.step{font-size:14px;color:var(--muted)}.step strong{color:var(--ink);font-size:16px;display:block;margin-bottom:7px}.step em{font-style:normal;color:var(--blue2);font-size:12px;font-weight:800;display:block;margin-bottom:11px}.pilot{display:flex;justify-content:space-between;gap:35px;align-items:center}.pilot p{max-width:600px;color:var(--muted);margin-bottom:0}.pilot .action{flex-shrink:0}.contact{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px}.contact p{color:var(--muted);max-width:330px}.form{display:grid;gap:14px}.form label{display:block;font-size:13px;font-weight:650;margin-bottom:5px}.form input,.form select,.form textarea{width:100%;background:white;color:var(--ink);border:1px solid #cbd9e3;border-radius:6px;padding:9px 11px}.form textarea{min-height:88px;resize:vertical}.form .two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form small{display:block;color:var(--muted);line-height:1.5}.controls{display:flex;gap:10px;flex-wrap:wrap}.feedback{font-size:12px;color:var(--blue2);min-height:16px}.foot{padding:25px 0;color:var(--muted);font-size:12px}.foot .shell{display:flex;justify-content:space-between;gap:15px}.foot a{text-decoration:none}@media(max-width:760px){.shell{width:min(100% - 36px,1000px)}.top{height:65px}.nav{gap:12px}.nav a:nth-child(1),.nav a:nth-child(2){display:none}.hero{padding:68px 0}.section{padding:55px 0}.trio,.how{grid-template-columns:1fr;gap:20px}.segment,.contact{grid-template-columns:1fr;gap:25px}.pilot{align-items:start;flex-direction:column}.form .two{grid-template-columns:1fr}.segment-copy h2{font-size:24px}.lead{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}

.feedback{min-height:1.5em;line-height:1.55;font-size:14px}.feedback.success{color:#225d4b}.feedback.error{color:#9b3030}.controls button:disabled{opacity:.7;cursor:wait}

/* Asiakasryhmän valinta ilman JavaScript-riippuvuutta */
.audience-selector>input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.audience-switch{display:inline-flex;flex-wrap:wrap;gap:3px;border:1px solid var(--line);border-radius:8px;padding:3px;background:#fff;margin:17px 0 22px}.audience-switch label{border-radius:5px;color:var(--muted);padding:8px 14px;font-size:13px;cursor:pointer}.audience-selector #audience-home:checked~.audience-switch label[for="audience-home"],.audience-selector #audience-properties:checked~.audience-switch label[for="audience-properties"]{color:var(--blue);background:#e9f1f7;font-weight:700}.audience-selector>input:focus-visible~.audience-switch{outline:3px solid #8abbdb;outline-offset:3px}.audience-panel{display:none}.audience-selector #audience-home:checked~.audience-panels .audience-home,.audience-selector #audience-properties:checked~.audience-panels .audience-properties{display:grid}@media(max-width:760px){.audience-switch{width:100%}.audience-switch label{flex:1;text-align:center}}