@layer components{.why-story{--fb-blue:#3d5a80;--fb-blue-ink:#2c4a6e;--fb-blue-tint:#e3ecf7;--fb-green-ink:#37562b;--fb-green-tint:#e2f0dc;--fb-red-ink:#a03636;--fb-red-tint:#fbe4e4;--wa-wall:#f1efe9;--gm-text:#5f6368;--gm-hair:#f1f3f4;--mock-hair:#ececec;--mock-rail:#eceae4;--mock-bar:#e7e5de;padding:130px 24px 150px;overflow:hidden}.why-story .beat{text-align:center;max-width:980px;margin:0 auto;padding:48px 0}.why-story .lead2{max-width:34ch;font-size:var(--text-beat);line-height:var(--leading-title);letter-spacing:var(--tracking-display);text-wrap:balance;margin:0 auto;font-weight:500}.why-story .beat.first .lead2{max-width:30ch;font-size:var(--text-beat-lg);line-height:var(--leading-display)}.why-story .lead2 em{color:var(--color-mute);font-style:normal}.why-story .vis{margin:56px auto 0}.why-story .vline{background:var(--color-line);width:2px;height:170px;margin:30px auto;position:relative}.why-story .vline i{background:var(--color-ink);transform-origin:top;transition:transform 1.2s var(--ease-out-expo);position:absolute;inset:0;transform:scaleY(0)}.why-story .vline.on i{transform:scaleY(1)}.why-story .vline.last:after{content:"";background:var(--color-white);border:2px solid var(--color-line);border-radius:50%;width:10px;height:10px;transition:border-color .4s .9s,background .4s .9s;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)}.why-story .vline.last.on:after{border-color:var(--color-moss);background:var(--color-moss)}.why-story .rise{opacity:0;transition:opacity 1.1s var(--ease-out-expo), transform 1.1s var(--ease-out-expo);transform:translateY(22px)}.why-story .vis-rise{transition-delay:.12s}.why-story .rise.on{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.why-story .vline i{transition:none;transform:scaleY(1)}.why-story .rise{opacity:1;transition:none;transform:none}}.why-story .win{background:var(--color-sand-200);border-radius:var(--radius-window);box-shadow:var(--shadow-card);text-align:left;border:1px solid #0000000f;padding:10px}.why-story .whd{font-family:var(--font-mono);letter-spacing:.08em;color:var(--color-mute-soft);align-items:center;gap:6px;padding:2px 8px 9px;font-size:10px;display:flex}.why-story .whd i{background:var(--color-line-strong);border-radius:50%;width:8px;height:8px;font-style:normal}.why-story .whd span{margin-left:6px}.why-story .wbody{background:var(--color-white);border-radius:12px;overflow:hidden}.why-story .oldwrap{filter:grayscale()contrast(.92);max-width:640px;margin-inline:auto}.why-story .bk-top{border-bottom:1px solid var(--mock-hair);align-items:center;gap:14px;padding:9px 14px;font-size:11.5px;display:flex}.why-story .bk-top .lg{align-items:center;gap:7px;font-size:12px;font-weight:650;display:flex}.why-story .bk-top .lg i{background:var(--fb-blue);width:18px;height:18px;color:var(--color-white);border-radius:5px;place-items:center;font-size:9px;font-style:normal;display:grid}.why-story .bk-top nav{color:var(--color-mute-soft);gap:12px;display:flex}.why-story .bk-top nav b{color:var(--color-ink);font-weight:550}.why-story .bk-top .add{background:var(--fb-blue);color:var(--color-white);white-space:nowrap;border-radius:7px;margin-left:auto;padding:5px 10px;font-size:10.5px;font-weight:500}.why-story .bk-grid{grid-template-columns:34px repeat(5,1fr);gap:3px;padding:10px 12px 12px;font-size:9px;display:grid}.why-story .bk-grid .gut{color:var(--color-mute-soft);font-family:var(--font-mono);text-align:right;align-self:start;padding-top:2px;padding-right:4px;font-size:8px}.why-story .bk-grid .dy{text-align:center;color:var(--color-mute-soft);font-family:var(--font-mono);padding-bottom:2px;font-size:8.5px}.why-story .bk-grid .dy.td{color:var(--fb-blue);font-weight:600}.why-story .cls{border-radius:5px;padding:4px 5px;line-height:1.25;overflow:hidden}.why-story .cls b{white-space:nowrap;font-size:8.5px;font-weight:600;display:block}.why-story .cls span{opacity:.75;font-size:7.5px}.why-story .cls.c1{background:var(--fb-blue-tint);color:var(--fb-blue-ink)}.why-story .cls.c2{background:var(--fb-green-tint);color:var(--fb-green-ink)}.why-story .cls.cf{background:var(--fb-red-tint);color:var(--fb-red-ink)}.why-story .toolsrow{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:18px;display:flex}.why-story .toolsrow>div{background:var(--color-white);width:250px;box-shadow:var(--shadow-card);text-align:left;border-radius:12px;overflow:hidden}.why-story .wa-top{background:var(--color-ink);color:var(--color-white);align-items:center;gap:9px;padding:9px 12px;display:flex}.why-story .wa-top .av{background:var(--color-moss-tint);width:28px;height:28px;color:var(--color-moss-text);border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;font-weight:600;display:grid}.why-story .wa-top .nm{font-size:12.5px;font-weight:600;line-height:1.15}.why-story .wa-top .nm small{opacity:.6;font-size:9.5px;font-weight:400;display:block}.why-story .wa-wall{background:var(--wa-wall);background-image:radial-gradient(#00000006 1px,#0000 1px);background-size:14px 14px;flex-direction:column;gap:8px;padding:10px 12px 12px;display:flex}.why-story .wmsg{background:var(--color-white);border-radius:8px;max-width:84%;padding:6px 9px 5px;font-size:12px;line-height:1.4;box-shadow:0 1px 1px #00000014}.why-story .wmsg .meta{float:right;color:var(--color-mute-soft);margin:8px -3px 0 8px;font-size:8.5px}.why-story .gt-top{border-bottom:1px solid var(--mock-hair);color:var(--color-ink);align-items:center;gap:8px;padding:8px 12px;font-size:11.5px;font-weight:600;display:flex}.why-story .gt-top i{border-radius:5px;place-items:center;width:16px;height:16px;font-size:9px;font-style:normal;display:grid}.why-story .gt-top i.mk{background:var(--color-moss-tint);color:var(--color-moss-text)}.why-story .gt-top i.ai{background:var(--color-ink);color:var(--color-moss-tint)}.why-story .gt-body{flex-direction:column;gap:7px;padding:12px;display:flex}.why-story .gt-body .ln{background:var(--mock-rail);border-radius:4px;height:8px}.why-story .gt-body .bars{align-items:flex-end;gap:5px;height:44px;margin-top:2px;display:flex}.why-story .gt-body .bars i{background:var(--mock-bar);border-radius:3px 3px 0 0;flex:1}.why-story .gt-body .bars i:nth-child(2){background:var(--color-moss-tint)}.why-story .gt-body .bars i:nth-child(4){background:var(--color-moss-lite)}.why-story .gt-ask{border:1px solid var(--color-line-strong);color:var(--color-mute-soft);border-radius:999px;align-items:center;gap:7px;margin-top:2px;padding:6px 11px;font-size:10.5px;display:flex}.why-story .gt-ask:after{content:"↑";background:var(--color-moss);width:18px;height:18px;color:var(--color-white);border-radius:50%;place-items:center;margin-left:auto;font-size:10px;display:grid}.why-story .gm-top{border-bottom:1px solid var(--mock-hair);align-items:center;gap:10px;padding:8px 12px;display:flex}.why-story .gm-top .burger{flex-direction:column;gap:3px;display:flex}.why-story .gm-top .burger i{background:var(--color-ink);border-radius:2px;width:14px;height:2px}.why-story .gm-top .srch{background:var(--wa-wall);color:var(--color-mute-soft);border-radius:999px;flex:1;padding:6px 14px;font-size:11px}.why-story .gm-row{border-top:1px solid var(--gm-hair);color:var(--gm-text);align-items:center;gap:9px;padding:8px 12px;font-size:11.5px;display:flex}.why-story .gm-row .cb{border:1.5px solid var(--color-line-strong);border-radius:2px;flex-shrink:0;width:13px;height:13px}.why-story .gm-row .star{color:var(--color-line-strong);flex-shrink:0;font-size:12px}.why-story .gm-row .sn{white-space:nowrap;text-overflow:ellipsis;width:92px;color:var(--color-ink);flex-shrink:0;font-weight:600;overflow:hidden}.why-story .gm-row .sb{white-space:nowrap;text-overflow:ellipsis;color:var(--color-ink);flex:1;font-weight:600;overflow:hidden}.why-story .gm-row .tm{font-size:10px;font-family:var(--font-mono);color:var(--color-mute-soft);flex-shrink:0}.why-story .b3wrap{width:min(1240px,100vw - 48px);margin-left:50%;position:relative;transform:translate(-50%)}.why-story .jpanel{background:var(--color-white);border-radius:var(--radius-window);box-shadow:var(--shadow-card);z-index:2;border:1px solid #0000000f;padding:40px 34px 34px;position:relative;overflow-x:auto}.why-story .pipe{text-align:left;grid-template-columns:repeat(7,minmax(0,1fr));min-width:900px;display:grid;position:relative}.why-story .pipe:before{content:"";background:var(--color-line-strong);height:1.5px;position:absolute;top:34px;left:4px;right:4px}.why-story .stop2{padding-right:12px;position:relative}.why-story .stop2 .when{font-family:var(--font-mono);color:var(--color-mute-soft);letter-spacing:.02em;white-space:nowrap;margin-bottom:12px;font-size:11px;display:block}.why-story .stop2 .nd{z-index:1;background:var(--color-white);border:2px solid var(--color-ink);border-radius:50%;width:9px;height:9px;margin-bottom:12px;display:block;position:relative}.why-story .stop2:first-child .nd{background:var(--color-moss);border-color:var(--color-moss)}.why-story .stop2 .nm3{font-family:var(--font-mono);white-space:nowrap;background:#0000000d;border-radius:999px;padding:4px 9px;font-size:11px;display:inline-block}.why-story .stop2 .qm{font-family:var(--font-mono);color:var(--color-moss-text);margin-top:9px;font-size:11.5px;display:block}@media (max-width:40rem){.why-story{padding:80px 16px 36px}.why-story .beat:last-of-type{padding-bottom:0}.why-story .beat{padding:30px 0}.why-story .vline{height:120px}.why-story .vis{margin-top:38px}.why-story .toolsrow{max-width:380px;margin-inline:auto;display:block;position:relative}.why-story .toolsrow>div{zoom:.82;width:72%;margin-top:-48px;position:relative}.why-story .toolsrow>div:first-child{margin-top:0}.why-story .toolsrow>div:nth-child(2n){margin-left:auto}.why-story .toolsrow>div:first-child{z-index:1}.why-story .toolsrow>div:nth-child(2){z-index:2}.why-story .toolsrow>div:nth-child(3){z-index:3}.why-story .toolsrow>div:nth-child(4){z-index:4}.why-story .jpanel{padding:18px 18px 16px;overflow:visible}.why-story .pipe{flex-direction:column;min-width:0;padding-left:24px;display:flex}.why-story .pipe:before{width:1.5px;height:auto;inset:8px auto 8px 4px}.why-story .stop2{padding:0 0 11px}.why-story .stop2:last-child{padding-bottom:0}.why-story .stop2 .nd{margin:0;position:absolute;top:6px;left:-24px}.why-story .stop2 .when{vertical-align:middle;font-family:var(--font-sans);font-size:var(--text-micro);letter-spacing:var(--tracking-label);text-transform:uppercase;margin:0 8px 0 0;display:inline-block}.why-story .stop2 .nm3{vertical-align:middle;font-family:var(--font-sans);font-size:var(--text-tag);padding:3px 9px;font-weight:500}.why-story .stop2 .qm{font-family:var(--font-sans);font-size:var(--text-tag);margin-top:2px}}.why-pin{background:var(--color-ground)}.why-pin:after{content:"";height:120svh;display:block}@media (max-width:40rem){.why-pin:after{height:100svh}}.why-story{top:calc(100svh - var(--why-h,2400px));position:sticky}@media (min-width:768px){.why-story{top:calc(100svh - var(--why-h,2400px) - 162px)}}.after-why{z-index:5;margin-top:-100svh;position:relative}.page-rest{background:var(--color-ground)}.solution-intro{border-radius:var(--radius-slab) var(--radius-slab) 0 0;background:var(--color-moss-tint);flex-direction:column;justify-content:center;min-height:100svh;padding:110px 24px 120px;display:flex;box-shadow:0 -28px 60px -30px #0000004d}.solution-intro .squote{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:18px 44px;margin-top:140px;display:flex}.solution-intro .qcard{background:var(--color-white);border-radius:4px;max-width:520px;padding:34px 36px 26px;position:relative;transform:rotate(-1.4deg);box-shadow:0 26px 54px -28px #0006}.solution-intro .tape{background:#f0ebcdcc;width:120px;height:28px;margin-left:-60px;position:absolute;top:-14px;left:50%;transform:rotate(-2deg);box-shadow:0 2px 6px #0000001f}.solution-intro .q{max-width:30ch;font-size:var(--text-quote);line-height:var(--leading-heading);letter-spacing:var(--tracking-title);text-align:left;margin:0;font-weight:500}.solution-intro .by{color:var(--color-moss-text);text-align:left;margin-top:12px}.solution-intro .ann2{max-width:400px;color:var(--color-ink);align-items:flex-end;gap:10px;padding-bottom:8px;display:flex}.solution-intro .ann2>svg{flex-shrink:0;width:104px}.solution-intro .ann2 p{font-family:var(--font-hand);text-align:left;margin:0;font-size:28px;line-height:1.2}@media (min-width:48rem){.solution-intro .ann2 p{font-size:34px}}.solution-intro .ann2 .dhl{white-space:nowrap;display:inline-block;position:relative}.solution-intro .dhl-line{width:calc(100% + 6px);height:.4em;position:absolute;bottom:-7px;left:-3px;overflow:visible}.solution-intro .dhl-line path{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset 1.1s .5s var(--ease-out-expo)}.solution-intro .reveal.is-in .dhl-line path{stroke-dashoffset:0}@media (max-width:40rem){.solution-intro .squote{flex-direction:column;align-items:flex-start;gap:8px}.solution-intro .ann2{padding-bottom:0}.solution-intro .ann2>svg{width:64px;transform:rotate(40deg)}}@media (prefers-reduced-motion:reduce){.solution-intro .dhl-line path{stroke-dashoffset:0;transition:none}.why-pin{height:auto}.why-pin:after{display:none}.why-story{position:static}.after-why{margin-top:-64px}}@media (max-width:40rem){.solution-intro{border-radius:var(--radius-panel) var(--radius-panel) 0 0;padding:70px 18px 80px}}}
