.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.interactive-flow{border:1px solid #dce5de;background:#fff;border-radius:20px;padding:35px;margin:45px 0;scroll-margin-top:120px}.workflow-heading{display:flex;justify-content:space-between;gap:25px;align-items:flex-start;margin-bottom:30px}.workflow-heading h2{font-size:34px;margin-bottom:10px}.workflow-heading p{margin:0;font-size:15px}.workflow-heading .eyebrow{margin-bottom:14px}.text-button{border:0;background:transparent;color:#25735d;font-size:12px;white-space:nowrap;min-height:44px;padding:10px 5px}.text-button:hover{text-decoration:underline}.swimlanes{display:grid;grid-template-columns:minmax(0,1fr) 25px minmax(0,1fr) 25px minmax(0,1fr);gap:10px;align-items:stretch}.lane{border:1px solid #dce8df;background:#f2f8ef;border-radius:14px;padding:23px;min-width:0}.parent-lane{background:#fcf5ea;border-color:#ece1d0}.check-lane{background:#f0eef8;border-color:#dfdcec}.outcome-lane{background:#eff5fa;border-color:#dce6ed}.lane-label{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:650;color:#42634e}.lane-label>span{background:#fff;width:28px;height:28px;display:inline-grid;place-items:center;border-radius:50%;font-size:10px}.parent-lane .lane-label{color:#897348}.workflow-illustration{width:100%;height:185px;object-fit:contain;mix-blend-mode:multiply;margin:8px auto 13px}.flow-arrow{align-self:start;margin-top:155px;color:#578775;font-size:26px;text-align:center}.lane h3{font-size:22px;margin:10px 0 16px}.lane h4{font-size:13px;letter-spacing:0;margin:0 0 10px}.lookup-mode{display:flex;flex-wrap:wrap;gap:8px 12px;font-size:11px;margin-bottom:12px}.lookup-mode label{display:flex;align-items:center;gap:4px}.friend-form>input,.lane select{width:100%;min-width:0;border:1px solid #b9cdbd;background:#fff;border-radius:7px;padding:11px 10px;color:#284a3c;font:inherit;font-size:13px;margin-bottom:12px}.friend-form>input:focus,.lane select:focus{outline:2px solid #298e79;outline-offset:2px}.lane select{font-size:12px;white-space:normal;height:46px}.lane .button{width:100%;font-size:12px;min-height:43px;padding:10px 12px;gap:8px}.button:disabled{cursor:not-allowed;background:#e2e8e1;border-color:#d6dfd4;color:#5d6e63;transform:none;opacity:.8}.decision-buttons{display:flex;gap:8px}.button.reject{background:#fff5f1;border-color:#d6b7ad;color:#a05143}.button.reject:disabled{background:#ece8e2;color:#80736b;border-color:#d7d2ca}.family-decision{padding:15px 0;border-top:1px solid #e3d7c6}.auto-choice{display:flex;align-items:flex-start;gap:7px;font-size:11px;line-height:1.4;color:#746850;margin-bottom:12px}.auto-choice input{margin-top:2px;accent-color:#18846a;flex-shrink:0}.family-state{display:block;font-size:11px;color:#267449;margin-top:5px}.lane-caption{font-size:12px;margin:16px 0 0;line-height:1.65}.demo-status{border-radius:9px;padding:17px;background:#fff;border:1px solid #d4dfd9;font-size:13px;color:#476153;min-height:96px;display:flex;align-items:center;line-height:1.6}.demo-status[data-state=connected],.demo-status[data-state=approved],.demo-status[data-state=shared]{background:#e3f3e5;border-color:#9fc8a6;color:#286b3e}.demo-status[data-state=blocked],.demo-status[data-state=rejected],.demo-status[data-state=refused]{background:#fae7e3;border-color:#dba99e;color:#943d32}.demo-status[data-state=one],.demo-status[data-state=waiting],.demo-status[data-state=sent]{background:#fff2cf;border-color:#d8c28b;color:#826324}.friend-list{margin-top:18px;background:white;border:1px solid #cbded0;border-radius:10px;padding:17px}.friend-list span{display:flex;gap:10px;align-items:center;font-size:13px;padding:7px 0}.friend-list i{width:8px;height:8px;border-radius:50%;background:#4d9d5f}.demo-disclaimer{font-size:11px;text-align:center;margin:23px 0 0;color:#708075}.select-label{display:block;font-size:12px;margin-bottom:9px;font-weight:600}.privacy-chip{display:block;font-size:11px;border-top:1px solid #d4e1d5;margin-top:15px;padding-top:15px;color:#477457}.safety-robot{height:185px;position:relative;max-width:200px;margin:10px auto 20px;padding-top:36px}.robot-face{width:125px;height:80px;background:#e6eaf9;border-radius:28px;position:relative;margin:auto;border:6px solid #fff;box-shadow:0 10px 18px #7b7b9a20}.robot-face i{position:absolute;top:25px;left:28px;background:#6561a3;width:11px;height:15px;border-radius:50%}.robot-face i+i{left:72px}.robot-face b{position:absolute;left:47px;top:46px;border:3px solid #8383b7;border-top:0;border-radius:0 0 15px 15px;height:10px;width:20px}.antenna{position:absolute;height:30px;width:3px;background:#9ba6c7;left:50%;top:8px}.antenna:before{content:'';width:14px;height:14px;background:#88c5ba;border:3px solid white;position:absolute;top:-5px;left:-8px;border-radius:50%}.robot-body{display:grid;place-items:center;width:75px;height:54px;background:#fff;margin:8px auto 0;border-radius:15px 15px 25px 25px;color:#57a99a;font-size:30px;box-shadow:0 8px 18px #6d729a10}.check-list{list-style:none;padding:0;margin:0 0 23px}.check-list li{font-size:13px;padding:8px 0;border-bottom:1px solid #ddd9eb}.check-list li:before{content:'✓';color:#736cac;margin-right:10px}.share-step{border-top:1px solid #e3d7c6;margin-top:24px;padding-top:17px}.share-step .lane-label{margin-bottom:15px}.share-step p{font-size:11px;margin:12px 0 0}.outcome-legend{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:25px}.outcome-legend>span{font-size:12px;border:1px solid #dfe5df;border-radius:8px;padding:13px 10px;display:flex;align-items:center;gap:8px}.outcome-legend i{font-style:normal;background:#f2f5ef;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;flex-shrink:0}.outcome-legend .selected{outline:2px solid #478773;background:#eaf6ec}.difference-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.difference-grid article{border-top:1px solid #ccded0;padding-top:24px}.difference-grid h3{font-size:22px;line-height:1.2}.difference-grid p{font-size:14px}.differences{padding-top:0}.learning-visual{display:flex;align-items:center;gap:50px;max-width:900px;margin:50px auto 0;background:#edf3ea;padding:25px 45px;border-radius:18px}.learning-visual img{width:260px;height:230px;object-fit:contain;mix-blend-mode:multiply}.learning-visual h2{font-size:29px}.learning-visual p{font-size:14px;margin-bottom:0}.learning-stages .eyebrow{font-size:10px}.progress-example{padding:32px;border:1px solid #d9e5dc;border-radius:17px;background:white;margin-top:25px}.progress-layout{display:grid;grid-template-columns:1fr 1fr;gap:35px}.status-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.status-counts>div{display:flex;flex-direction:column;background:#eaf3fa;border-radius:9px;padding:14px;text-align:center}.status-counts>div:nth-child(2){background:#fff4da}.status-counts>div:nth-child(3){background:#eaf6e7}.status-counts strong{font-size:30px;line-height:1.2;margin-bottom:6px}.status-counts span{font-size:12px}.skill-chips{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0}.skill-chips span{background:#f2f4ec;border-radius:6px;font-size:10px;padding:6px 9px}.goal-example{padding:18px;border:1px solid #dce5d8;border-radius:10px;position:relative}.goal-example>span{font-size:11px;color:#487851}.goal-example h3{font-size:20px;margin:8px 0 14px}.goal-track{height:10px;background:#e6e9e4;border-radius:20px;width:calc(100% - 60px);overflow:hidden}.goal-track span{display:block;width:60%;height:100%;background:linear-gradient(90deg,#4baa7d,#92d272)}.goal-example>strong{position:absolute;right:18px;bottom:12px;font-size:12px}.grade-example h3{font-size:22px;display:flex;gap:12px;align-items:center}.grade-example .tag{margin:0;font-size:9px}.grade-example table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.grade-example td,.grade-example th{border-bottom:1px solid #dce5df;padding:10px 6px}.grade-example tbody th{font-weight:400}.grade-example p{font-size:10px;margin:12px 0}.empty-example{font-size:11px;background:#eef5fb;padding:10px;border-radius:5px;color:#4d728d}.offline-section>p{max-width:790px}.offline-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:35px 0}.offline-steps article{border-top:1px solid #cbdcce;padding-top:25px}.step-bubble{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#e4efe0;color:#477d50;font-size:14px;margin-bottom:20px}.offline-steps h3{font-size:25px}.offline-steps p{font-size:15px}.small-note{font-size:12px}.offline-teaser{background:#edf2e4;padding:35px 45px;border-radius:18px;margin-bottom:40px}.offline-teaser h2{font-size:34px}.offline-teaser p{max-width:850px;font-size:15px}
@media(max-width:1180px){.interactive-flow{padding:25px}.lane{padding:18px}.workflow-illustration{height:160px}.swimlanes{gap:7px;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr) 18px minmax(0,1fr)}.decision-buttons{flex-wrap:wrap}.lane .button{font-size:11px}.difference-grid{gap:20px}.difference-grid h3{font-size:20px}.progress-example{padding:25px}}
@media(max-width:850px){.swimlanes{grid-template-columns:1fr}.lane{padding:25px}.flow-arrow{margin:0;transform:rotate(90deg);font-size:25px;line-height:1;padding:6px}.workflow-illustration{height:195px}.lane .button{font-size:13px}.lane h3{font-size:25px}.lane-caption{font-size:14px}.decision-buttons{flex-wrap:nowrap}.auto-choice{font-size:12px}.family-decision h4{font-size:15px}.demo-status{font-size:14px;min-height:75px}.lane select{font-size:14px}.select-label{font-size:14px}.workflow-heading h2{font-size:28px}.outcome-legend{grid-template-columns:1fr 1fr}.difference-grid{grid-template-columns:1fr 1fr}.progress-layout{grid-template-columns:1fr}.learning-visual{gap:20px;padding:25px}.learning-visual img{width:180px}.learning-visual h2{font-size:26px}}
@media(max-width:640px){.interactive-flow{padding:20px 15px;margin:30px 0;border-radius:14px}.workflow-heading{display:block;margin-bottom:20px}.workflow-heading h2{font-size:27px}.workflow-heading p{font-size:14px}.workflow-heading .reset-demo{margin-top:12px}.lane{padding:22px 18px}.workflow-illustration{height:185px}.lookup-mode{font-size:12px}.lane .button{font-size:12px}.outcome-legend{grid-template-columns:1fr}.difference-grid{grid-template-columns:1fr;gap:20px}.difference-grid h3{font-size:24px}.differences{padding-top:5px}.difference-grid .icon-tile{float:left;margin:0 16px 10px 0}.difference-grid article{padding-top:24px}.difference-grid p{clear:both}.learning-visual{display:block;text-align:center;margin-top:30px;padding:22px}.learning-visual img{margin:auto;width:210px;height:190px}.progress-example{padding:20px 15px}.status-counts strong{font-size:26px}.status-counts span{font-size:11px}.status-counts>div{padding:12px 7px}.grade-example table{font-size:11px}.grade-example td,.grade-example th{padding:9px 4px}.grade-example h3{flex-wrap:wrap}.offline-steps{grid-template-columns:1fr;gap:20px}.offline-teaser{padding:28px}.offline-teaser h2{font-size:29px}.offline-teaser p{font-size:14px}.share-step p{font-size:12px}.workflow-heading .eyebrow{font-size:9px}.decision-buttons{flex-wrap:wrap}}
.tour-entry{display:flex;justify-content:center;margin:25px auto 15px}.tour-entry .button{gap:14px}.empty-example-label{display:block;font-size:10px;color:#607768;margin-top:18px;margin-bottom:7px}

.offline-intro{display:flex;align-items:center;gap:40px}.offline-intro>div{flex:1}.offline-intro img{width:30%;height:auto;mix-blend-mode:multiply;border-radius:20px}@media(max-width:640px){.offline-intro{flex-direction:column-reverse;gap:20px}.offline-intro img{width:220px}}