:root{--hue-shift:0;--ink:#090c1a;--muted:#424550;--paper:#f6f7fa;--line:#dfe2e7;--green:hsl(calc(172 + var(--hue-shift)) 55% 91%);--accent:hsl(calc(45 + var(--hue-shift)) 75% 91%)}body{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:radial-gradient(ellipse at 18% 10%,hsl(calc(44 + var(--hue-shift)) 70% 88% / .8),transparent 44%),radial-gradient(ellipse at 95% 15%,hsl(calc(195 + var(--hue-shift)) 44% 85% / .7),transparent 48%),#f4f6f8;background-attachment:fixed}h1,h2,h3{font-family:inherit;font-weight:650;letter-spacing:-.045em}h1 em{font-family:inherit;font-style:normal;font-weight:650}.draft{background:#ffffffa6;color:#484b56}header{max-width:none;background:#ffffffd9;border:0;padding:20px max(24px,calc((100vw - 1224px)/2));gap:25px}.brand{font-weight:650}.logo{background:#090c1a;color:white;border-radius:16px;font-size:25px;width:40px;height:40px;display:grid;place-items:center}header nav{gap:23px}.header-action{background:var(--ink);color:white;border:0;padding:12px 18px}.eyebrow{letter-spacing:.16em;font-weight:600}.product-hero{gap:24px;grid-template-columns:1.08fr 1fr;padding:52px 0 35px;align-items:stretch}.hero-copy{border:1px solid #ffffffa0;background:linear-gradient(140deg,var(--accent),#ffffff7a);padding:38px;border-radius:30px;display:flex;flex-direction:column;justify-content:center}.product-hero h1{font-size:clamp(44px,4.4vw,63px);line-height:1.08}.hero-copy .eyebrow{font-size:10px;background:#fffdf0ae;border-radius:24px;padding:8px 12px;align-self:flex-start;margin-bottom:24px}.intro{font-size:18px;line-height:1.65}.actions{gap:20px}.button{border-radius:16px;background:#090c1a;font-weight:550;font-size:14px;padding:16px 20px}.button:hover{background:#2b3045}.small{font-size:12px}.external-note{font-size:11px;margin-top:8px;color:#60616a}.companion-pair{display:grid;grid-template-columns:1fr 1fr;gap:17px;align-items:start;padding-top:12px}.companion-portrait{background:#ffffffd6;padding:10px;border:1px solid #fff;border-radius:28px;box-shadow:0 15px 40px #1b274b0b;overflow:hidden}.companion-portrait:hover{text-decoration:none;box-shadow:0 15px 40px #1b274b20}.companion-portrait.mishka{margin-top:66px}.companion-portrait img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:20px}.companion-portrait>div{padding:20px 10px 13px}.companion-portrait h2{font-size:35px;margin:8px 0 12px}.persona-kicker{font-size:10px;letter-spacing:.11em;color:#5b5e69}.companion-portrait div>span:last-child{font-size:13px}.limit-strip{background:#ffffffb0;border:1px solid #fff;border-radius:20px;padding:21px 25px}.limit-strip>span{color:#45381d}.meet-companions{padding:65px 0 40px;scroll-margin-top:20px}.section-heading>p:not(.eyebrow){margin-top:20px;max-width:630px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:30px}.profile{background:#ffffffc9;border:1px solid #fff;border-radius:26px;padding:28px;display:grid;grid-template-columns:80px 1fr;gap:20px;scroll-margin-top:25px}.profile img{width:80px;height:80px;border-radius:20px}.profile .eyebrow{font-size:10px;margin-bottom:13px}.profile h3{font-size:25px;margin-bottom:17px}.profile p{font-size:15px}.profile-prompt{border-left:3px solid #cbd0d7;margin:20px 0;padding-left:14px}.profile .text-link{font-size:13px}.profile-note{font-size:12px;margin:18px 5px 0;max-width:900px}.conversation-demo{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center;padding:30px 40px 50px}.conversation-demo>div>p:not(.eyebrow){margin:22px 0}.conversation{border-radius:26px;background:var(--green);padding:28px;box-shadow:none;border:1px solid #fff}.conversation-head{margin-bottom:23px}.human{background:#fff}.companion{background:#ffffff8a}.paths{padding:35px 0 60px}.path-card{background:#ffffffbf;border:1px solid white;border-radius:24px}.path-card:hover{background:#fff}.path-card h3{font-weight:600}.approach{border-radius:28px;background:linear-gradient(120deg,var(--green),#ffffffe0);border:1px solid white}.questions{padding:60px 0}.questions details{background:#ffffff95;padding:18px 23px;border:1px solid #ffffffd9;border-radius:16px;margin-bottom:10px}.handover{border:1px solid #fff;border-radius:28px;background:#ffffffad;padding:36px;margin-bottom:50px}.handover .handover-note .button{margin-top:0}footer{background:#ffffffa8;border-top:1px solid white}.colour-controls{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(150px,350px) auto;justify-content:start;gap:12px 25px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:28px}.colour-controls label{font-size:14px;font-weight:550;display:flex;align-items:center;gap:10px}.colour-icon{font-size:24px}.colour-controls input{width:100%;height:28px;margin:0;cursor:pointer;appearance:none;background:transparent}.colour-controls input::-webkit-slider-runnable-track{height:8px;border-radius:20px;background:linear-gradient(90deg,#d8bf78,#a6d2ac,#88c8de,#b9a0d8,#d6a2b9,#d8bf78)}.colour-controls input::-webkit-slider-thumb{appearance:none;width:22px;height:22px;background:#090c1a;border:3px solid white;border-radius:50%;margin-top:-7px;box-shadow:0 0 0 1px #666}.colour-controls input::-moz-range-track{height:8px;border-radius:20px;background:linear-gradient(90deg,#d8bf78,#a6d2ac,#88c8de,#b9a0d8,#d6a2b9,#d8bf78)}.colour-controls input::-moz-range-thumb{width:17px;height:17px;border:3px solid white;border-radius:50%;background:#090c1a}.colour-controls button{font:inherit;font-size:13px;border:1px solid #acb0ba;border-radius:12px;padding:7px 15px;background:white;cursor:pointer}.colour-controls small{grid-column:1/-1;font-size:11px}.colour-controls input:focus-visible,.colour-controls button:focus-visible{outline:3px solid #414ea5;outline-offset:4px}.inner-heading h1{font-weight:650}.article-layout article{background:#ffffffb5;border:1px solid white;border-radius:28px;padding:32px}.notice{background:var(--accent);border-radius:18px}.article-layout .text-section:first-child{border:0}.side-nav nav{background:#ffffffa0;border:1px solid #fff;border-radius:20px;padding:22px}.inner-heading{padding-top:45px}@media(max-width:1100px){header nav{gap:15px;font-size:12px}.hero-copy{padding:28px}.product-hero h1{font-size:47px}.companion-portrait h2{font-size:29px}.profile{grid-template-columns:1fr}.profile img{width:70px;height:70px}.conversation-demo{gap:35px;padding:25px 10px 40px}}@media(max-width:800px){.product-hero{grid-template-columns:1fr}.companion-pair{padding:0;max-width:600px;margin:0 auto;width:100%}.companion-portrait.mishka{margin-top:0}.product-hero h1{font-size:58px}.hero-copy{padding:35px}.companion-portrait img{max-height:300px}.profile-grid{gap:16px}.conversation-demo{grid-template-columns:1fr 1fr;gap:25px}.colour-controls{grid-template-columns:1fr auto;width:100%}.colour-controls label{grid-column:1/-1}.colour-controls input{min-width:0}.article-layout article{padding:24px}}@media(max-width:640px){header{padding:20px}.product-hero{padding-top:28px}.hero-copy{padding:28px 23px}.product-hero h1{font-size:43px}.companion-pair{gap:12px}.companion-portrait{padding:7px;border-radius:22px}.companion-portrait img{border-radius:16px}.companion-portrait>div{padding:15px 7px}.companion-portrait h2{font-size:27px}.persona-kicker{font-size:9px;letter-spacing:.05em}.companion-portrait div>span:last-child{font-size:12px}.profile-grid{grid-template-columns:1fr}.profile{grid-template-columns:64px 1fr;padding:23px;gap:16px}.profile img{width:64px;height:64px;border-radius:16px}.profile h3{font-size:23px}.profile .text-link{display:inline-block}.meet-companions{padding-top:43px}.conversation-demo{grid-template-columns:1fr;padding:15px 0 40px;gap:25px}.conversation{padding:24px}.handover{padding:26px;margin-bottom:35px}.article-layout article{padding:22px}.limit-strip{padding:20px}.colour-controls small{font-size:12px}.hero-copy .eyebrow{font-size:9px}.external-note{overflow-wrap:anywhere}}
:root .headshot{position:relative;aspect-ratio:1;overflow:hidden;border-radius:20px;padding:0;width:100%;}
:root .headshot img{position:absolute;display:block;width:204%;height:auto;max-height:none;max-width:none;aspect-ratio:1;border-radius:0;top:-31%;left:-1%;object-fit:initial;}
:root .headshot-mishka img{left:-103%;}
:root .profile .headshot{width:80px;height:80px;}
@media(max-width:1100px){:root .profile .headshot{width:70px;height:70px}}
@media(max-width:640px){:root .profile .headshot{width:64px;height:64px;border-radius:16px}}