/* Public homepage v2: product-led layout with a single responsive visual system. */
.landing-page{background:#fffaf0}.landing-page .site-header{background:rgba(255,250,240,.9)}
.landing-hero{min-height:650px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;padding-top:58px;padding-bottom:66px}.landing-hero .hero-copy{padding-left:18px}.landing-hero h1{font-size:clamp(44px,4.2vw,64px);line-height:1.12}.landing-hero .hero-text{max-width:550px}.hero-proof{display:flex;align-items:center;gap:12px;margin-top:42px}.hero-proof>span:last-child{display:grid;line-height:1.25}.hero-proof b{color:var(--color-navy);font-size:13px}.hero-proof small{color:#8292a3;font-size:11px;margin-top:4px}.proof-avatars{display:flex;padding-left:8px}.proof-avatars i{display:grid;place-items:center;width:31px;height:31px;margin-left:-8px;border:2px solid var(--color-cream);border-radius:50%;background:#bce9fb;color:#2476a5;font-style:normal;font-size:11px;font-weight:800}.proof-avatars i:nth-child(2){background:#ffd9a0;color:#b7782d}.proof-avatars i:nth-child(3){background:#d6efb5;color:#4e9b50}.landing-hero .hero-visual{min-height:510px;border-radius:36px;box-shadow:0 25px 65px rgba(44,104,132,.18)}.hero-bubble b{display:flex;align-items:center;gap:5px}.hero-bubble b svg{width:15px;color:var(--color-coral)}.floating-note{position:absolute;display:flex;align-items:center;gap:7px;padding:11px 13px;border-radius:14px;background:rgba(255,255,255,.95);box-shadow:0 12px 26px rgba(33,83,112,.16);color:var(--color-navy);font-size:12px;font-weight:800}.floating-note svg{width:17px;color:var(--color-green)}.note-task{top:27px;left:12px}.note-growth{top:118px;right:12px}.note-growth svg{color:#e5a72e}
.role-strip{padding:25px 0 92px}.section-heading.compact{margin-bottom:28px}.section-heading.compact h2{font-size:clamp(30px,3vw,42px);margin-bottom:8px}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.role-card{display:flex;align-items:center;gap:15px;min-height:126px;padding:22px 20px;border:1px solid var(--color-line);border-radius:22px;background:#fff;box-shadow:0 8px 22px rgba(43,92,119,.05);transition:.2s}.role-card:hover{transform:translateY(-4px);box-shadow:0 18px 35px rgba(43,92,119,.12)}.role-card>div{display:grid;min-width:0}.role-icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:15px}.role-icon svg{width:22px}.role-parent .role-icon{color:#4e9e5a;background:#e7f7e5}.role-child .role-icon{color:#2580ae;background:#e3f4ff}.role-observer .role-icon{color:#8a6cc9;background:#f0eaff}.role-card b{font-size:12px;color:#7890a5}.role-card strong{font-size:16px;color:var(--color-navy);margin:1px 0 3px}.role-card small{color:#8999aa;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.role-arrow{margin-left:auto;color:var(--color-coral);font-size:21px;font-weight:800}
.experience-section{padding:105px 0;background:#e4f6ff}.experience-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:64px;align-items:center}.experience-copy h2{color:var(--color-navy);font-size:clamp(35px,4vw,56px);line-height:1.17;letter-spacing:-.06em;margin:15px 0 18px}.experience-copy h2 em{color:var(--color-coral);font-style:normal}.experience-copy>p{max-width:450px;color:#68809a;line-height:1.9}.mini-benefits{display:grid;gap:14px;margin-top:30px}.mini-benefits span{display:grid;grid-template-columns:28px 1fr;column-gap:8px;align-items:center}.mini-benefits svg{grid-row:span 2;width:22px;color:var(--color-green)}.mini-benefits b{color:var(--color-navy);font-size:13px}.mini-benefits small{color:#7d91a4;font-size:11px}.product-window{padding:16px;border:1px solid #cbe4ef;border-radius:27px;background:rgba(255,255,255,.88);box-shadow:0 25px 55px rgba(52,111,140,.13)}.window-top{display:flex;align-items:center;gap:10px;padding:3px 8px 15px;color:var(--color-navy);font-size:12px}.window-top b{flex:1;text-align:center}.window-dots{display:flex;gap:5px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#ffb9a8}.window-dots i:nth-child(2){background:#ffe08d}.window-dots i:nth-child(3){background:#aadd9a}.window-avatar{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#eaf5bd;color:#56a65d;font-size:11px;font-weight:800}.window-island{height:185px;border-radius:19px;background:#a9e4fb;position:relative;overflow:hidden}.window-island:before,.window-island:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.75);width:100px;height:28px;top:27px;left:12%}.window-island:after{width:140px;top:65px;left:70%}.window-chip{position:absolute;bottom:23px;z-index:1;display:grid;place-items:center;width:112px;height:56px;border-radius:50%;border:5px solid #b5ea9e;color:#fff;font-size:11px;font-weight:800;box-shadow:0 7px 0 #75c0d4}.chip-habit{left:9%;background:#ff936d}.chip-learn{left:42%;background:#f2bd48}.chip-reward{right:9%;background:#62a7e8}.window-sprout{position:absolute;z-index:2;left:47%;bottom:57px;display:grid;place-items:center;width:59px;height:59px;border-radius:50%;background:#e9f6b2;color:#4aa35c;box-shadow:0 4px 0 #7ec879}.window-sprout svg{width:27px}.window-panels{display:grid;grid-template-columns:1.2fr .8fr;gap:13px;margin-top:14px}.window-list,.window-growth{padding:15px;border:1px solid #e0edf1;border-radius:16px;background:#fff}.window-list header{display:flex;justify-content:space-between;margin-bottom:6px}.window-list header span{color:#8da0af;font-size:10px}.window-task{display:flex;align-items:center;gap:8px;padding:9px 0;border-top:1px solid #eef2f3;color:#49617c;font-size:12px}.window-task svg{width:16px;color:#abbac4}.window-task.done svg{color:var(--color-green)}.window-task span{flex:1}.window-task strong{color:var(--color-coral);font-size:11px}.window-growth{display:grid;align-content:start}.window-growth>.label{font-size:11px}.growth-tree{height:94px;display:grid;place-items:center;position:relative}.growth-tree:before{content:"";width:53px;height:53px;border-radius:60% 40% 60% 40%;background:#7acb6c;transform:rotate(-20deg);box-shadow:12px 7px 0 #a1e17d,-11px 10px 0 #5ead67}.growth-tree i{position:absolute;width:5px;height:31px;margin-top:62px;border-radius:3px;background:#b87a47}.growth-tree b{position:absolute;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#eff8ba;color:#53a85b;font-size:10px}.window-growth>strong{color:var(--color-navy);font-size:16px}.window-growth>strong small{font-size:10px;color:#90a2b0;font-weight:500}.growth-meter{height:6px;margin:8px 0 6px;border-radius:20px;background:#e7f0f0;overflow:hidden}.growth-meter i{display:block;width:64%;height:100%;border-radius:20px;background:var(--color-green)}.window-growth>span:last-child{color:#8aa0ad;font-size:10px}
.feature-grid-new .feature-card{display:flex;flex-direction:column;justify-content:space-between;min-height:295px;padding:25px}.feature-grid-new .feature-icon{width:55px;height:55px}.feature-grid-new .feature-card small{display:block;margin-top:22px;color:#7890a3;font-size:11px;font-weight:800}.feature-grid-new .feature-card h3{margin:8px 0}.feature-grid-new .feature-card p{min-height:auto;margin-bottom:0}.feature-grid-new .feature-card a{display:flex;justify-content:space-between;margin-top:20px}.feature-grid-new .feature-card a b{font-size:18px}.workflow-section{padding:105px 0;background:#fff}.workflow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.workflow-grid article{position:relative;padding:25px 28px 10px;border-top:2px solid #d9ece5}.workflow-grid article:not(:last-child):after{content:"→";position:absolute;top:-18px;right:-8px;color:#9ab8ad;background:#fff;font-size:24px}.workflow-grid article>span{color:var(--color-coral);font-size:11px;font-weight:900;letter-spacing:.1em}.workflow-grid article>i{display:block;width:28px;height:28px;margin:24px 0 12px;color:var(--color-green)}.workflow-grid h3{margin:0 0 5px;color:var(--color-navy);font-size:15px}.workflow-grid p{margin:0;color:#8293a2;font-size:12px;line-height:1.7}.family-section{padding:105px 0;background:#fff3df}.family-art{height:380px}.family-art>img{width:100%;height:100%;object-fit:cover}.family-caption{position:absolute;left:20px;right:20px;bottom:18px;display:grid;gap:3px;padding:14px 17px;border-radius:15px;background:rgba(255,255,255,.92);box-shadow:var(--shadow-card);color:var(--color-navy)}.family-caption b{font-size:13px}.family-caption span{font-size:11px;color:#7890a1}.help-section{padding:80px 0 20px}.help-card{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:34px 40px;border:1px solid #d7e9df;border-radius:25px;background:#eff9ef}.help-card h2{color:var(--color-navy);font-size:clamp(24px,3vw,34px);margin:7px 0}.help-card p{margin:0;color:#718a83;font-size:13px}.help-card .button{flex:0 0 auto}
@media(max-width:1000px){.landing-hero{gap:35px}.role-grid{grid-template-columns:1fr}.role-card{min-height:100px}.experience-grid{grid-template-columns:1fr;gap:40px}.experience-copy{max-width:650px;margin:auto}.feature-grid-new{grid-template-columns:repeat(2,1fr)}.workflow-grid{grid-template-columns:repeat(2,1fr);gap:24px}.workflow-grid article:nth-child(2):after{display:none}.workflow-grid article{border-top:0;border-left:2px solid #d9ece5}}
@media(max-width:700px){.landing-hero{grid-template-columns:1fr;gap:28px;padding-top:40px}.landing-hero .hero-copy{padding-left:0;text-align:center}.landing-hero .eyebrow,.hero-actions,.hero-proof{justify-content:center}.landing-hero .hero-text{margin-inline:auto}.landing-hero h1{font-size:clamp(40px,12vw,58px)}.landing-hero .hero-visual{min-height:360px}.landing-hero .hero-visual img{min-height:360px}.note-task{left:10px;top:18px}.note-growth{right:10px;top:90px}.role-strip{padding-bottom:70px}.experience-section{padding:70px 0}.experience-copy{text-align:center}.experience-copy>p{margin-inline:auto}.mini-benefits{text-align:left;width:max-content;margin-inline:auto}.product-window{padding:10px}.window-island{height:145px}.window-chip{width:82px;height:45px;bottom:19px;font-size:9px}.window-sprout{width:48px;height:48px;bottom:44px}.window-panels{grid-template-columns:1fr}.window-growth{display:none}.feature-grid-new{grid-template-columns:1fr}.workflow-section{padding:75px 0}.workflow-grid{grid-template-columns:1fr 1fr;gap:12px}.workflow-grid article{padding:20px 14px 8px}.workflow-grid article:after{display:none!important}.family-section{padding:75px 0}.family-grid{gap:30px}.family-art{height:280px}.help-section{padding:60px 0 10px}.help-card{display:grid;padding:28px 22px}.help-card .button{width:100%}.cta-section{margin-top:45px}}
@media(max-width:430px){.workflow-grid{grid-template-columns:1fr}.role-card small{white-space:normal}.hero-proof{margin-top:30px}.floating-note{font-size:10px;padding:8px 10px}.note-growth{top:70px}}