@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700&family=Figtree:wght@400;500;600;700&display=swap');
:root{--ink:#1b2a36;--green:#2e7255;--green-dark:#245c45;--sage:#e8eee6;--muted:#66736b;--cream:#fafbf6;--line:#dce3d9;--display:'Bricolage Grotesque','Segoe UI',sans-serif;--body:'Figtree','Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.6 var(--body)}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait}svg{width:24px;height:24px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #b87512;outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:500;line-height:1.08;letter-spacing:-.045em}h1{font-size:clamp(52px,5.6vw,80px)}h2{font-size:clamp(32px,3.2vw,44px)}h3{font-size:23px;letter-spacing:-.025em;line-height:1.25}h1 span{color:var(--green)}.wrap{width:min(1220px,calc(100% - 96px));margin-inline:auto}.header{height:106px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:flex;gap:10px;align-items:center;font-family:var(--display);font-size:25px;font-weight:700;letter-spacing:-1px;line-height:1.2}.logo small{display:block;font:10px/1.4 var(--body);letter-spacing:.04em;color:var(--muted);margin-top:3px}.mark{height:42px;width:42px;background:var(--green);color:white;border-radius:13px;display:grid;place-items:center}.header nav{display:flex;gap:32px;font-size:14px;color:#56625a}.header nav a:hover,.text-link:hover,footer a:hover{color:var(--green);text-decoration:underline;text-underline-offset:5px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--green);color:#fff;border:1px solid var(--green);border-radius:7px;padding:15px 22px;font-weight:600;font-size:14px;transition:background .2s,transform .2s}.button:hover{background:var(--green-dark);transform:translateY(-2px)}.button.small{padding:10px 20px;gap:32px}.button span{font-size:20px;line-height:1}.hero{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;padding-top:45px;padding-bottom:74px}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:700;line-height:1.6;color:var(--green)}.hero .eyebrow{display:flex;gap:9px;align-items:center;margin-bottom:24px}.tiny-leaf{font-size:19px}.intro{max-width:430px;font-size:17px;line-height:1.8;color:var(--muted);margin-top:25px}.actions{display:flex;gap:28px;align-items:center;margin-top:31px}.text-link{font-size:14px;font-weight:600;display:inline-flex;gap:13px;align-items:center}.pilot-note{font-size:11px;color:var(--muted);display:flex;gap:7px;align-items:center;margin-top:26px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--green)}.separator{color:#bac3b6;padding-inline:4px}.hero-visual{min-height:540px;position:relative;background:#e9eee2;border-radius:48% 48% 8px 8px;padding:67px 33px 39px;isolation:isolate}.visual-label{font-size:9px;text-align:center;letter-spacing:.2em;color:#718366;margin-bottom:23px}.orbit{position:absolute;border:1px solid #d6dfca;z-index:-1;border-radius:50%;pointer-events:none}.orbit-one{inset:21px 22px 39px}.orbit-two{inset:49px -16px 69px}.recording-card{position:relative;z-index:1;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e1e6da;box-shadow:0 10px 24px #38563d08;border-radius:10px;padding:17px 19px;margin-right:20px;margin-left:-7px}.recording-icon{height:40px;width:40px;background:var(--green);color:white;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.recording-card strong{display:block;font-size:13px;font-weight:600}.recording-card small{display:block;font-size:10px;color:var(--muted)}.record-dot{width:7px;height:7px;background:#bb7854;border-radius:50%;margin-left:auto}.voice-note{background:#f7f8f2;border:1px solid #dee5d5;border-top:0;border-radius:0 0 10px 10px;margin:0 24px 0 10px;padding:16px 23px}.voice-note p{font-size:14px;line-height:1.6}.voice-note>span{display:block;font-size:9px;color:var(--muted);margin-top:10px}.wave{display:flex;gap:4px;height:26px;align-items:center;margin-bottom:14px}.wave i{width:3px;height:8px;background:#95ae87;border-radius:3px}.wave i:nth-child(3n){height:23px}.wave i:nth-child(4n){height:14px}.wave i:nth-child(5n){height:29px}.connection{color:#799767;height:28px;text-align:center;font-size:22px}.observation-card{background:white;border:1px solid #dce5d5;padding:20px;border-radius:11px;box-shadow:0 16px 32px #27422e0b;margin-left:25px;margin-right:-13px;transform:rotate(-2deg)}.card-heading{display:flex;align-items:center;gap:7px;font-size:9px;color:var(--muted);border-bottom:1px solid #e9ede5;padding-bottom:12px}.paper-icon{font-size:16px;color:var(--green)}.draft{margin-left:auto;background:#f7edd6;color:#966515;padding:2px 6px;border-radius:3px;font-size:8px;letter-spacing:.06em}.child{display:flex;gap:10px;align-items:center;margin-top:15px}.child-avatar{width:33px;height:33px;border-radius:50%;background:#f3e9d5;color:#927143;display:grid;place-items:center;font-size:10px}.child strong{display:block;font-family:var(--display);font-size:15px;font-weight:600;letter-spacing:-.02em}.child small{display:block;font-size:9px;color:var(--muted)}.observation-card>p{font-size:12px;margin-top:13px;line-height:1.7;color:#627063}.learning-tags{display:flex;gap:6px;margin-top:13px}.learning-tags span{font-size:8px;color:var(--green);background:#edf3e9;padding:3px 8px;border-radius:4px}.review-note{display:flex;align-items:center;gap:6px;border-top:1px solid #edf0e9;padding-top:12px;margin-top:15px;font-size:9px;color:var(--green)}.floating-note{position:absolute;right:-17px;bottom:50px;background:#f8edcb;padding:8px 14px;border-radius:4px;font-size:11px;box-shadow:0 4px 10px #314c2410;transform:rotate(4deg);z-index:2}.floating-note>span{font-size:16px;margin-right:6px}.visual-caption{position:absolute;bottom:12px;left:0;width:100%;text-align:center;font-size:7px;letter-spacing:.11em;color:#738368}.principles{border-block:1px solid var(--line);background:#f1f4ed}.principles>.wrap{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-block:26px}.principles span{font:18px/1.35 var(--display);letter-spacing:-.03em}.principles strong{font-weight:500;color:var(--green)}.principles p{font-size:13px;display:flex;gap:13px;align-items:center}.principles b{font-weight:400;font-size:10px;color:#8c9a83;border:1px solid #d5dfce;width:27px;height:27px;border-radius:50%;display:grid;place-items:center}.section{padding-block:88px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:40px}.section-heading h2{margin-top:12px}.section-heading>p{font-size:14px;color:var(--muted);line-height:1.7}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.steps article{border-top:1px solid #cbd7c4;padding-top:16px}.step-number{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);margin-bottom:30px}.step-number>span{font-size:29px;color:var(--green)}.steps p{font-size:14px;line-height:1.8;color:var(--muted);margin-top:14px}.steps a,.team-roles a{display:inline-block;font-size:12px;font-weight:600;color:var(--green);margin-top:23px}.steps a:hover,.team-roles a:hover{text-decoration:underline}.steps a span{margin-left:9px}.team-section{background:#eaf0e5;padding-block:70px}.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.team-grid h2{margin-top:15px}.section-copy{font-size:15px;line-height:1.8;color:var(--muted);max-width:470px;margin-top:20px}.team-grid .button{margin-top:26px}.team-roles article{display:flex;gap:18px;border-top:1px solid #cbd7c4;padding-block:25px}.team-roles article:last-child{padding-bottom:0}.role-avatar{width:43px;height:43px;border-radius:50%;background:#d6e4ce;color:var(--green);display:grid;place-items:center;flex-shrink:0;font-size:12px;font-weight:600}.role-avatar.navy{background:#d9e1e7;color:#1b2a4a}.team-roles h3{font-size:24px}.team-roles p{color:var(--muted);font-size:14px;margin-top:10px;line-height:1.8}.team-roles a{margin-top:13px}.approach{text-align:center}.approach h2{margin-top:13px}.approach>.section-copy{margin-inline:auto;max-width:600px}.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:43px;text-align:left}.approach-grid article>span{display:block;color:var(--green);font-size:27px;margin-bottom:16px}.approach-grid h3{font-size:20px}.approach-grid p{font-size:14px;color:var(--muted);margin-top:12px;line-height:1.8}.closing{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:43px 48px;background:#223e32;border-radius:10px;color:#fff;position:relative;overflow:hidden}.closing .eyebrow{color:#b8cdb4;font-size:9px;margin-bottom:16px}.closing h2{font-size:39px}.button.light{background:#f3f5eb;border-color:#f3f5eb;color:#223e32;flex-shrink:0}.button.light:hover{background:#e3edd9}.footer{padding-block:34px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted)}.footer strong{font-family:var(--display);font-size:15px;color:var(--ink);font-weight:600;letter-spacing:-.4px}.footer span>span{margin-left:5px;font-size:9px}.footer a{font-size:12px}.skip{position:absolute;top:-100px;left:20px;background:#fff;z-index:100;padding:10px}.skip:focus{top:10px}
/* Login */
.login-page{min-height:100vh;display:flex;flex-direction:column}.login-layout{display:grid;grid-template-columns:1fr 1fr;gap:95px;padding-block:25px 50px;align-items:start;flex:1}.login-story{border-radius:12px;background:#e8eee1;min-height:680px;padding:48px 42px 28px;position:relative;overflow:hidden}.login-story h1{font-size:clamp(42px,4.2vw,59px);margin-top:28px}.login-story>p:not(.eyebrow){font-size:15px;color:#65735f;max-width:320px;line-height:1.8;margin-top:24px}.story-illustration{height:210px;position:relative;margin-top:18px}.growth-line{position:absolute;width:110px;height:160px;left:90px;top:40px;border-right:3px solid #7d9d65;border-radius:50%;transform:rotate(15deg)}.leaf{position:absolute;width:65px;height:34px;background:#a8be8d;border-radius:0 90% 0 90%;transform:rotate(15deg)}.leaf-one{left:116px;top:98px}.leaf-two{left:193px;top:64px;transform:rotate(-63deg);background:#82a36c}.leaf-three{left:135px;top:35px;transform:rotate(20deg);width:58px;background:#c0ce9e}.growth-dot{position:absolute;width:14px;height:14px;background:#bd8b45;border-radius:50%;left:201px;top:12px}.story-label{position:absolute;right:0;bottom:10px;background:#fafbf6;box-shadow:0 8px 18px #3c5b3310;border-radius:7px;padding:15px 22px;font:18px/1.3 var(--display);letter-spacing:-.4px;transform:rotate(-4deg)}.story-label span{display:block;color:#a97737;font-size:22px;margin-bottom:8px}.story-foot{font-size:10px;letter-spacing:.02em;color:#6f7e65;position:absolute;bottom:24px;left:42px}.login-panel{padding:25px 0;max-width:430px;width:100%}.login-kicker{font-size:9px;letter-spacing:.13em;color:var(--green);font-weight:700}.login-panel h2{font-size:36px;margin-top:15px}.login-description{font-size:14px;color:var(--muted);margin-top:12px}form{margin-top:28px}fieldset{border:0;padding:0;margin:0 0 22px;min-width:0}legend,.field-label{font-size:12px;font-weight:600;margin-bottom:8px}.role-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px}.role-picker label{position:relative;cursor:pointer}.role-picker input{position:absolute;top:16px;right:12px;accent-color:var(--green);width:13px;height:13px;margin:0}.role-picker label>span{display:block;background:#fff;border:1px solid #dce3d9;border-radius:7px;padding:12px 28px 12px 12px}.role-picker input:checked+span{background:#edf3e8;border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}.role-picker input:focus-visible+span{outline:3px solid #b87512;outline-offset:2px}.role-picker b{display:block;font-size:12px;font-weight:600}.role-picker small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.role-picker .recorder-option{grid-column:1/-1}.recorder-option>span{display:flex!important;align-items:center;gap:14px}.recorder-option small{margin-top:0}.field-label{display:block}.text-input{width:100%;padding:12px 14px;border:1px solid #d4dfd0;background:#fff;border-radius:6px;font-size:13px;color:var(--ink);min-height:46px}.text-input::placeholder{color:#8c968b}.password-label{display:flex;justify-content:space-between;align-items:center;margin-top:19px;margin-bottom:8px}.password-label .field-label{margin:0}.help-button{border:0;background:none;color:var(--green);font-size:11px;padding:0}.help-button:hover{text-decoration:underline}.password-field{position:relative}.password-field input{padding-right:60px}.password-field button{position:absolute;right:12px;top:13px;border:0;background:none;color:var(--muted);font-size:11px;padding:0}.form-help{font-size:10px;color:var(--muted);line-height:1.6;margin-top:8px}.submit{width:100%;justify-content:space-between;margin-top:21px}.divider{display:flex;align-items:center;gap:13px;color:#8c9588;font-size:8px;letter-spacing:.12em;margin-top:23px}.divider:before,.divider:after{content:'';height:1px;flex:1;background:var(--line)}.button.secondary{background:transparent;border-color:#d4dfd0;color:var(--green);margin-top:16px}.button.secondary:hover{background:#eaf0e5}.prototype-notice{display:flex;gap:8px;font-size:10px;line-height:1.7;color:var(--muted);margin-top:18px}.prototype-notice>span{font-size:15px}.help-message,.form-error{padding:12px;background:#f7ecd6;font-size:12px;border-radius:6px;margin-top:15px}.form-error{color:#9a3423;background:#fce9e2}[hidden]{display:none!important}
@media(min-width:1500px){.hero{padding-top:65px;padding-bottom:95px}.hero-visual{min-height:575px;padding-top:78px}.hero-copy h1{font-size:83px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{gap:24px}.hero-visual{padding-inline:22px}.actions{gap:16px;flex-wrap:wrap}.hero h1{font-size:62px}.header nav{gap:20px}.team-grid{gap:50px}.login-layout{gap:45px}.login-story{padding:40px 28px}.login-story h1{font-size:49px}.story-foot{left:28px}.recording-card{padding:14px}.principles p{font-size:12px;gap:9px}.recording-card strong{font-size:12px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.header{height:86px}.header nav{display:none}.logo{font-size:22px}.mark{width:37px;height:37px}.hero{grid-template-columns:1fr;padding-top:25px;padding-bottom:45px;gap:40px}.hero h1{font-size:clamp(52px,9vw,76px)}.desktop-break{display:none}.hero .eyebrow{font-size:9px;margin-bottom:18px}.hero-copy{max-width:610px}.intro{max-width:530px;font-size:16px}.hero-visual{max-width:530px;width:100%;margin-inline:auto;min-height:550px;padding:65px 40px 45px}.floating-note{right:-5px}.principles>.wrap{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-block:24px}.principles span{font-size:16px}.section{padding-block:58px}.section-heading{display:block}.section-heading>p{margin-top:18px}.section-heading>p br{display:none}.steps{grid-template-columns:1fr;gap:30px}.step-number{margin-bottom:15px}.steps p{margin-top:10px;max-width:550px}.steps a{margin-top:14px}.team-grid{grid-template-columns:1fr;gap:35px}.team-section{padding-block:50px}.approach-grid{grid-template-columns:1fr;gap:25px}.approach-grid article{border-top:1px solid var(--line);padding-top:18px}.approach-grid article>span{margin-bottom:8px}.closing{display:block;padding:32px}.closing h2{font-size:34px}.closing .button{margin-top:28px}.footer{flex-wrap:wrap;gap:12px;padding-block:26px}.footer p{order:3;width:100%}.login-layout{grid-template-columns:1fr;max-width:500px;gap:0;padding-top:0}.login-story{display:none}.login-panel{max-width:none;padding-top:24px}.login-layout{padding-bottom:25px}.login-panel h2{font-size:34px}}
@media(max-width:400px){.wrap{width:calc(100% - 32px)}.hero h1{font-size:49px}.hero-visual{padding-inline:18px;min-height:555px}.visual-label{font-size:8px}.recording-card{gap:8px}.recording-card small{font-size:9px}.observation-card{margin-left:10px;margin-right:-5px}.card-heading{font-size:8px}.principles p{font-size:10px}.role-picker small{font-size:9px}.header .text-link{font-size:12px}.login-panel h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}
.brand-lockup{display:flex;align-items:center;gap:15px;flex-shrink:0}.bamboo-logo{display:block;width:124px;height:64px;object-fit:contain;flex-shrink:0}.brand-lockup>.bamboo-logo{border-left:1px solid var(--line);padding-left:12px}.footer-brand{display:flex;align-items:center;gap:18px}.footer-brand>.bamboo-logo{width:110px;height:57px}.header nav{gap:24px}
.header>.button.small{white-space:nowrap;flex-shrink:0}
@media(max-width:1100px){.brand-lockup{gap:8px}.brand-lockup>.bamboo-logo{width:105px;height:54px;padding-left:7px}.header nav{gap:16px}}
@media(max-width:600px){.header{gap:10px}.brand-lockup{gap:5px}.brand-lockup .logo{font-size:19px;gap:7px}.brand-lockup .logo small{font-size:8px}.brand-lockup .mark{width:30px;height:34px}.brand-lockup>.bamboo-logo{width:91px;height:47px;padding-left:5px}.header .button.small{padding:9px 12px;gap:12px}.login-page .header{flex-wrap:wrap;height:auto;min-height:94px;padding-block:12px;row-gap:4px}.login-page .header>.text-link{margin-left:auto;font-size:11px}.footer-brand{gap:10px}}
@media(max-width:400px){.header{flex-wrap:wrap;height:auto;min-height:86px;padding-block:12px}.brand-lockup>.bamboo-logo{width:80px;height:47px}.header>.button.small{margin-left:auto}.brand-lockup .logo{font-size:18px}}