/* Direction 04: a welcoming homepage and a quieter product UI. */
.marketing-home{background:#fff;text-align:center;overflow:hidden}
.home-arch{background:var(--dark);color:white;position:relative;padding-bottom:155px;border-radius:0 0 50% 50% / 0 0 13% 13%}
.home-nav{max-width:1200px;margin:auto;padding:30px 45px;display:flex;align-items:center;gap:26px}
.home-nav .logo{margin-right:auto;color:white;font-weight:750;font-size:29px}.home-nav>a:not(.logo){font-size:13px}.home-nav .btn{background:#fff;color:var(--dark);border:0}
.home-hero{padding:42px 20px 10px}.home-hero .eyebrow{color:#AED5C6;letter-spacing:2px}.home-hero h1{font-size:clamp(52px,6.7vw,88px);line-height:1.04;letter-spacing:-4px;font-weight:650;margin:20px 0;color:#fff}.home-hero>p{font-size:19px;line-height:1.65;color:#D7E8E1}.hero-cta{background:#DFF3EB;color:var(--dark);margin-top:25px;min-height:51px;border:0;font-size:14px}.home-note{display:block;font-size:11px;color:#BAD1C7;margin-top:12px}
.audience-switch{display:inline-flex;padding:5px;gap:4px;border:1px solid #ffffff30;border-radius:50px;margin-top:30px;background:#ffffff09}.audience-switch button{border:0;background:none;color:#CCE0D8;padding:10px 24px;border-radius:30px;font-size:13px}.audience-switch button[aria-pressed=true]{background:#fff;color:var(--dark);box-shadow:0 3px 9px #0001}
.message-garden{position:relative;max-width:1200px;margin:-115px auto 0;padding:0 30px 35px}#floating-messages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;position:relative;z-index:1;align-items:center;min-height:320px}.floating-message{background:#fff;box-shadow:0 15px 40px #103e3b15;border:1px solid #DDE8E2;border-radius:19px;padding:0;text-align:left;color:var(--ink);transition:transform .25s,box-shadow .25s;animation:bob 6s ease-in-out infinite;cursor:pointer;overflow:hidden}.float-0{rotate:-4deg}.float-1{translate:0 42px;animation-delay:-2s}.float-2{rotate:4deg;animation-delay:-4s}.floating-message:hover,.floating-message:focus-visible{animation-play-state:paused;transform:translateY(-10px);box-shadow:0 22px 45px #103e3b25}.message-channel{padding:15px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px;font-size:11px;color:#60756B}.message-channel .blogo{width:18px;height:18px}.message-channel>span{margin-left:auto}.message-body{display:flex;gap:11px;padding:22px 17px}.message-body>.bot{flex:none;width:29px;height:29px;font-size:16px}.message-author{display:block;font-size:12px;font-weight:650;margin-bottom:13px}.message-author small{font-size:8px;color:#89958E;font-weight:400;margin-left:4px}.message-body strong{display:block;font-size:15px;line-height:1.4}.message-copy{display:block;font-size:12px;line-height:1.7;color:#5C7066;margin-top:9px}.message-badge{display:inline-flex;gap:7px;align-items:center;font-size:10px;padding:6px 8px;border-radius:7px;margin-top:17px;background:#FFF3D7;color:#80621E}.mint .message-badge{background:#E4F5EB;color:#396549}.blue .message-badge{background:#EDF3FF;color:#436395}.message-badge .icon{width:12px;height:12px}.garden-caption{font-size:11px;color:var(--muted);margin-top:66px}.home-bubble{position:absolute;border-radius:50%;pointer-events:none}.bubble-one{width:150px;height:150px;background:#EEE9FF;left:-15px;top:170px}.bubble-two{width:95px;height:95px;background:#F8D88B;right:-5px;top:110px}
.home-benefits{padding:75px 30px 85px;max-width:1120px;margin:auto}.home-benefits h2{font-size:clamp(29px,4vw,45px);line-height:1.15;letter-spacing:-1.5px;margin:14px 0 45px}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-bottom:36px}.benefit-grid article>span{display:inline-flex;padding:13px;background:#EAF4EF;border-radius:17px;margin-bottom:18px}.benefit-grid h3{font-size:17px}.benefit-grid p{font-size:13px;max-width:260px;margin:10px auto;color:var(--muted)}
.site-footer{text-align:left}.auth-story h2{font-size:clamp(38px,4vw,58px)}.auth-art .art-card{transform:rotate(-2deg)}.auth-art .art-card p{line-height:1.8}.auth-layout{animation:arrive .35s ease-out}.intake-slack{border:1px solid var(--line);padding:20px;border-radius:14px;background:#FAFCFB}.intake-slack-title{display:flex;gap:13px;align-items:center;margin-bottom:18px}.intake-slack-title .blogo{width:30px;height:30px}.intake-slack-title p{font-size:12px;margin-top:4px}
.ob-side{position:relative;overflow:visible}.ob-steps{position:relative;gap:0!important}.ob-steps li{position:relative;min-height:64px;align-items:center}.ob-steps li:not(:last-child):after{content:"";position:absolute;width:1px;left:16px;top:47px;height:34px;background:#ffffff30}.ob-steps .stepnum{position:relative;z-index:1;background:var(--dark);width:33px;height:33px}.ob-side .ob-steps li.done .stepnum{background:#D8E5DD;border:1px solid #D8E5DD;color:var(--dark)}.ob-steps .stepnum .icon{width:15px;height:15px}.ob-side .ob-steps li.current .stepnum{background:white;border-color:white;color:var(--dark)}.ob-steps li.current:before{content:"";position:absolute;right:-64px;top:12px;width:40px;height:40px;background:#fff;border-radius:50%;transition:top .25s}
.rule-tile{grid-template-columns:34px minmax(180px,1fr) 145px minmax(180px,220px) 100px;gap:12px;padding:24px 22px;min-height:115px}
.rule-tile .tile-top{display:contents}.rule-copy{grid-column:2;grid-row:1/3}.rule-tile .platform-bubble{grid-column:1;grid-row:1/3}.rule-tile .condition-box{grid-column:3;grid-row:1/3;display:block;min-height:0;padding:8px 11px;font-size:10px}.condition-box label{display:flex;justify-content:flex-end;align-items:center;gap:3px}.rule-tile .threshold-input{font-size:15px;max-width:55px}.rule-tile .tile-tools{grid-column:5;grid-row:1;justify-content:flex-end}.rule-tile .tile-meta{grid-column:2;grid-row:3;font-size:10px}.rule-tile .tile-foot{display:contents}.rule-tile .tile-dest{grid-column:4;grid-row:1/3;font-size:13px;padding:8px 4px}.rule-tile .tile-dest .blogo{width:20px;height:20px;flex:none}.rule-tile .tile-dest span{max-width:175px}.rule-tile .reorder-buttons{grid-column:5;grid-row:2/4;justify-content:flex-end}
.rule-tile .star{position:absolute;right:8px;top:5px;background:transparent;color:#AD8737;width:20px;height:20px;min-height:20px;min-width:20px}.rule-tile .star .icon{width:12px;height:12px;fill:#D4B46B33}.tip-legend .icon,.target-card .star{color:#AD8737;background:transparent}.doodle,.art-ticket{display:none}
@media(max-width:1250px){.rule-tile{grid-template-columns:34px minmax(150px,1fr) 120px 185px 70px;gap:9px}.rule-tile .tile-dest{font-size:12px}.rule-tile .description{font-size:11px}.rule-tile .tile-tools{gap:2px}.rule-tile .tile-dest span{max-width:142px}}
@media(max-width:1050px){.rule-tile{grid-template-columns:34px minmax(170px,1fr) 145px 90px}.rule-tile .tile-dest{grid-column:2;grid-row:3}.rule-tile .tile-meta{grid-column:2;grid-row:4}.rule-tile .tile-tools{grid-column:4;grid-row:1}.rule-tile .reorder-buttons{grid-column:4;grid-row:3/5}.rule-tile .condition-box{grid-column:3;grid-row:1/4}.rule-tile .tile-dest span{max-width:190px}.home-nav{padding:25px}.message-garden{padding:0 24px 30px}#floating-messages{gap:15px}.message-body{padding:18px 13px;gap:7px}.message-body>.bot{display:none}.ob-steps li.current:before{right:-42px}}
@media(max-width:760px){.home-arch{padding-bottom:120px;border-radius:0 0 50% 50% / 0 0 5% 5%}.home-nav{gap:14px;padding:22px 20px}.home-nav .logo{font-size:24px}.home-nav .btn{padding:10px;font-size:11px}.home-hero{padding-top:32px}.home-hero h1{font-size:57px;letter-spacing:-2.5px}.home-hero>p{font-size:16px}.home-hero .eyebrow{font-size:9px}.message-garden{margin-top:-70px;max-width:470px}#floating-messages{grid-template-columns:1fr;gap:18px}.floating-message{rotate:0;translate:0;animation:none}.message-body>.bot{display:grid}.float-1{margin:0 12px}.message-body{padding:20px}.garden-caption{margin-top:25px}.benefit-grid{grid-template-columns:1fr;gap:30px}.home-benefits{padding:35px 25px 55px}.ob-steps li{min-height:40px}.ob-steps li:after,.ob-steps li.current:before{display:none}.rule-tile{grid-template-columns:34px minmax(0,1fr) 75px;padding:20px 17px;gap:12px}.rule-tile .platform-bubble{grid-column:1;grid-row:1}.rule-tile .tile-tools{grid-column:3;grid-row:1}.rule-copy{grid-column:1/4;grid-row:2}.rule-tile .condition-box{grid-column:1/3;grid-row:3;display:flex;align-items:center;gap:10px}.rule-tile .tile-meta{grid-column:1/4;grid-row:4}.rule-tile .tile-dest{grid-column:1/3;grid-row:5;font-size:12px}.rule-tile .reorder-buttons{grid-column:3;grid-row:5}.rule-tile .tile-dest span{max-width:155px}}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes arrive{from{opacity:.5;transform:translateX(10px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.floating-message,.auth-layout{animation:none}.floating-message{transition:none}}