/* Source layout: fanout.sh. Local fonts and assets; Wrensys content and flows. */ @font-face { font-family: "Departure Mono"; src: url("/assets/fonts/DepartureMono-Regular.woff2") format("woff2"); font-style: normal; font-weight: 400; font-display: swap; } @media screen { :root { --ga-bg: #f7f7f8; --ga-surface: #fff; --ga-sidebar: #fafafa; --ga-fg1: #272727; --ga-fg2: #626269; --ga-fg3: #6c6c75; --ga-divider: #e8e8ea; --ga-border: #dedee2; --ga-border-strong: #c9c9cf; --ga-fg-inv: #fff; --ga-ink-900: #1d1d1d; --ga-ink-50: #fbfbfb; --ga-chip: #f4f4f5; --ga-cat-blue: #2f7cf6; --ga-cat-purple: #6e56cf; --ga-math-decoder-blue: #2e80d9; --ga-math-decoder-blue-bg: #eef8fe; --ga-danger: #dc2626; --ga-font-sans: "Overused Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --ga-font-mono: "IBM Plex Mono", ui-monospace, monospace; --ga-font-departure: "Departure Mono", ui-monospace, monospace; --ga-shadow-lg: 0 2px 4px #3b3b3b0d, 0 4px 8px #3b3b3b17, 0 8px 16px #3b3b3b1a, 0 0 0 1px #3b3b3b03; --ga-topbar-h: 64px; --ga-dur-fast: 150ms; --ga-ease-out: cubic-bezier(.2,.8,.2,1); --ring: #2e80d9; } html { height: auto; min-height: 100%; overflow-x: clip; overflow-y: auto; scroll-padding-top: 120px; } body.content-tabs-layout { display: block; width: 100%; height: auto; min-height: 100vh; margin: 0; padding: 0; overflow: visible; } .site-header { position: sticky; top: 0; z-index: 40; width: 100%; } .announcement { display: flex; align-items: center; justify-content: center; min-height: 39.5px; background: #eff8fe; border-bottom: 1px solid #dcebf9; color: #2069b1; padding: 8px 42px; position: relative; } .announcement > a { display: flex; align-items: center; justify-content: center; gap: 8px; text-decoration: none; color: inherit; font-size: 12px; line-height: 1.2; } .announcement-label { background: #dc2626; color: #fff; font-family: var(--ga-font-departure); padding: 3px 5px; border-radius: 4px; font-size: 9px; } .announcement strong { font-weight: 600; } .announcement-more { display: inline-flex; align-items: center; gap: 6px; } .announcement button { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); padding: 7px; display: flex; background: transparent; border: 0; border-radius: 5px; cursor: pointer; } .site-header .masthead { position: relative; width: 100%; height: 64px; min-height: 64px; padding: 0; display: block; background: #ffffffeb; backdrop-filter: blur(20px); border: 0; border-bottom: 1px solid var(--ga-divider); } .masthead-inner { max-width: 1280px; height: 100%; padding: 0 24px; margin: auto; display: flex; align-items: center; gap: 24px; } .masthead .brand { min-height: 44px; display: flex; flex: none; align-items: center; margin: 0; padding: 0; } .masthead .brand img { width: 134px; height: auto; max-width: none; } .masthead #chapter-navigation { display: block; position: static; width: auto; height: auto; min-height: 0; padding: 0; background: transparent; border: 0; transform: none; box-shadow: none; overflow: visible; flex: none; visibility: visible; } .masthead .chapters { display: flex; flex-direction: row; gap: 24px; margin: 0; padding: 0; width: auto; } .masthead .chapters a { display: block; border: 0; border-radius: 0; padding: 0; margin: 0; min-height: 0; color: var(--ga-fg2); font: 400 14px/1.4 var(--ga-font-sans); letter-spacing: 0; background: transparent; white-space: nowrap; text-decoration: none; } .masthead .chapters a::before, .masthead .chapters a::after { display: none; } .masthead .chapters a[aria-current="page"], .masthead .chapters a:hover { color: var(--ga-fg1); font-weight: 600; background: transparent; } .masthead .header-actions { display: flex; align-items: center; gap: 8px; margin-left: auto; } .masthead .header-actions > .field-notes-link { display: inline-flex; align-items: center; gap: 10px; padding: 0 14px; height: 36px; min-height: 36px; border: 1px solid var(--ga-border); border-radius: 999px; background: #fff; box-shadow: 0 1px 4px #22222208; font: 500 12px var(--ga-font-sans); color: var(--ga-fg2); white-space: nowrap; } .masthead .header-button-box { height: 32px; min-height: 32px; display: flex; align-items: center; gap: 8px; padding: 0; background: transparent; border: 0; box-shadow: none; border-radius: 0; } .masthead .header-button-box > .header-email { display: grid; place-items: center; width: 32px; height: 32px; min-height: 32px; margin: 0; padding: 0; border: 1px solid var(--ga-border); border-radius: 50%; background: #fff; color: var(--ga-fg1); } .masthead .header-button-box > .header-login, .masthead .mobile-nav-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 6px; width: auto; height: 32px; min-height: 32px; padding: 0 12px; margin: 0; font: 500 12px var(--ga-font-sans); color: var(--ga-fg1); border: 1px solid var(--ga-border); border-radius: 7px; background: #fff; text-decoration: none; } .masthead .mobile-nav-toggle, .drawer-heading, .drawer-login, .nav-backdrop { display: none; } body.content-tabs-layout .site-frame { display: block; width: 100%; max-width: none; height: auto; min-height: 0; padding: 0; margin: 0; overflow: visible; } body.content-tabs-layout #main { display: block; height: auto; min-height: 0; width: 100%; overflow: visible; } body.content-tabs-layout #main > [data-screen] { height: auto; min-height: 0; max-height: none; overflow: visible; scrollbar-gutter: auto; overscroll-behavior: auto; padding: 48px 24px 72px; width: min(1120px,100%); margin: auto; animation: none; } body.content-tabs-layout #main > #overview[data-page-kind] { display: block; padding: 0; width: 100%; max-width: none; margin: 0; gap: 0; } body.content-tabs-layout #content-tabs { height: auto; min-height: 58px; max-width: 1120px; margin: auto; padding: 12px 24px 8px; position: sticky; top: 103.5px; z-index: 20; background: #f7f7f8ee; backdrop-filter: blur(12px); } body.announcement-closed #content-tabs { top: 64px; } body.content-tabs-layout #content-tabs[hidden] { display: none; } body.content-tabs-layout #main > [data-screen][hidden], body.content-tabs-layout .site-frame[hidden] { display: none; } .outside-footer { height: auto; min-height: 0; width: 100%; margin: 0; display: block; border-top: 1px solid var(--ga-divider); padding: 64px max(24px, calc((100vw - 1232px)/2)) 24px; background: #f7f7f8; color: var(--ga-fg2); font-family: var(--ga-font-sans); } .footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 24px; } .footer-grid > div { display: flex; flex-direction: column; align-items: start; gap: 14px; } .outside-footer h2 { font: 400 9px/1.5 var(--ga-font-mono); text-transform: uppercase; margin: 0 0 4px; color: var(--ga-fg2); letter-spacing: .02em; } .outside-footer p { font-size: 12px; line-height: 1.7; margin: 0; max-width: 260px; } .outside-footer a, .outside-footer button { color: var(--ga-fg2); font: 400 12px/1.4 var(--ga-font-sans); background: transparent; border: 0; text-decoration: none; padding: 0; text-align: left; cursor: pointer; } .outside-footer a:hover, .outside-footer button:hover { color: var(--ga-fg1); text-decoration: underline; text-underline-offset: 4px; } .footer-brand > a:first-child { margin-bottom: 4px; } .footer-brand p { max-width: 350px; } .footer-contact-row { display: flex; align-items: center; justify-content: space-between; gap: 28px; border-top: 1px solid var(--ga-divider); border-bottom: 1px solid var(--ga-divider); padding: 28px 0; margin-top: 44px; } .footer-contact-row p { max-width: 430px; } .footer-contact-actions { display: flex; align-items: center; gap: 8px; } .outside-footer .footer-mail-field { display: flex; align-items: center; height: 28px; width: 280px; border: 1px solid var(--ga-border); border-radius: 999px; padding: 0 10px; } .outside-footer .footer-contact-row .button { display: inline-flex; align-items: center; gap: 10px; color: white; background: linear-gradient(#424242,#242424); border: 1px solid #1d1d1d; border-radius: 7px; height: 28px; padding: 0 10px; white-space: nowrap; } .footer-contact-row .button img { filter: invert(1); } .footer-bottom { display: flex; align-items: center; gap: 20px; justify-content: space-between; padding-top: 22px; font-size: 11px; } .floating-contact { display: inline-flex; align-items: center; gap: 8px; position: fixed; right: 16px; bottom: 16px; z-index: 25; padding: 9px 12px; border: 1px solid var(--ga-border); border-radius: 999px; background: #fff; box-shadow: 0 2px 8px #2222220a; text-decoration: none; color: var(--ga-fg2); font: 500 11px var(--ga-font-sans); } .floating-contact > span { width: 6px; height: 6px; border-radius: 50%; background: #2e80d9; } .login-page .login-main { min-height: calc(100svh - 104px); } .mobile-platform-note, .login-page .outside-footer, .login-page .floating-contact { display: none; } @media (max-width: 1100px) { .masthead-inner { gap: 18px; } .masthead .chapters { gap: 18px; } .footer-grid { gap: 28px; } } @media (max-width: 900px) { .masthead .header-actions > .field-notes-link { display: none; } .masthead-inner { gap: 16px; } .masthead .chapters { gap: 18px; } } @media (max-width: 760px) { .announcement { min-height: 53.75px; padding: 8px 38px 8px 14px; } .announcement > a { gap: 7px; row-gap: 6px; flex-wrap: wrap; font-size: 11px; } .announcement-more { flex-basis: 100%; justify-content: center; font-size: 10px; } .masthead-inner { padding-inline: 20px; gap: 12px; } .masthead .brand img { width: 134px; } .masthead .header-button-box > .header-login { display: none; } .masthead .mobile-nav-toggle, .login-page .masthead .mobile-nav-toggle { display: inline-flex; } .masthead #chapter-navigation { position: fixed; top: -53.75px; bottom: 0; right: 0; left: auto; width: 75vw; max-width: 400px; min-width: 270px; height: 100dvh; padding: 24px; background: #fff; z-index: 52; border-left: 1px solid var(--ga-divider); display: none; flex-direction: column; gap: 30px; visibility: hidden; transform: none; overflow-y: auto; } body.announcement-closed .masthead #chapter-navigation { top: 0; } .masthead .chapters { width: 100%; display: flex; flex-direction: column; gap: 0; } .masthead .chapters a { width: 100%; min-height: 48px; padding: 14px 0; font-size: 15px; border-bottom: 1px solid var(--ga-divider); } .drawer-heading { display: flex; align-items: center; justify-content: space-between; width: 100%; } .drawer-heading button { display: flex; border: 0; background: none; padding: 6px; border-radius: 5px; } .drawer-login { display: flex; align-items: center; justify-content: space-between; color: var(--ga-fg1); padding: 12px; text-decoration: none; font-size: 13px; border: 1px solid var(--ga-border); border-radius: 8px; margin-top: auto; } .chapter-menu-open .masthead #chapter-navigation { display: flex; visibility: visible; transform: none; } .chapter-menu-open .nav-backdrop { display: block; position: fixed; inset: 0; background: #0007; border: 0; z-index: 41; padding: 0; } .chapter-menu-open .masthead { z-index: 42; } body.chapter-menu-open { overflow: hidden; } body.content-tabs-layout #content-tabs { top: 117.75px; padding-inline: 18px; } body.content-tabs-layout #main > [data-screen] { padding: 32px 18px 56px; } .outside-footer { padding: 48px 20px 60px; } .footer-grid { grid-template-columns: 1fr 1fr; gap: 36px 22px; } .footer-brand { grid-column: 1 / -1; } .footer-contact-row { flex-direction: column; align-items: start; } .footer-contact-actions { width: 100%; } .outside-footer .footer-mail-field { width: auto; flex: 1; } .footer-bottom { align-items: start; flex-direction: column; gap: 12px; } .login-page .login-main { min-height: calc(100svh - 118px); } body[data-chapter="overview"]:not(.login-page) .mobile-platform-note { display: flex; position: fixed; z-index: 25; bottom: 62px; left: 14px; right: 14px; height: 44px; align-items: center; justify-content: space-between; gap: 8px; padding: 0 10px 0 14px; border: 1px solid var(--ga-border); border-radius: 16px; background: #fff; box-shadow: 0 2px 3px #22222212; } .mobile-platform-note p { margin: 0; color: var(--ga-fg2); font: 400 9px/1.3 var(--ga-font-mono); letter-spacing: .02em; } .mobile-platform-note button { display: grid; place-items: center; width: 28px; height: 28px; flex: none; border: 0; border-radius: 6px; background: transparent; padding: 0; } body[data-chapter="overview"] .mobile-platform-note[hidden] { display: none; } } @media (prefers-reduced-motion: reduce) { .masthead #chapter-navigation { transition: none; } } } @media print { .site-header, .floating-contact, .mobile-platform-note { display: none !important; } } @media screen { .fanout-home-hero{isolation:isolate;min-height:clamp(720px, calc(100svh - var(--ga-topbar-h)), 880px);background:radial-gradient(circle at 50% 42%, var(--ga-surface) 0 21%, transparent 58%), var(--ga-bg);place-items:center;padding:96px 24px 120px;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.fanout-home-hero{background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--ga-surface) 84%, transparent) 0 21%, transparent 58%), var(--ga-bg)}}.fanout-home-hero-glow{z-index:-1;background:var(--ga-surface);filter:blur(72px);opacity:.82;pointer-events:none;border-radius:50%;position:absolute;inset:12% 21% 4%}.fanout-home-hero:after{content:"";z-index:2;background:linear-gradient(to bottom, transparent, var(--ga-bg) 54%, var(--ga-bg));height:clamp(180px,24svh,290px);position:absolute;bottom:0;left:0;right:0}@supports (color:color-mix(in lab, red, red)){.fanout-home-hero:after{background:linear-gradient(to bottom, transparent, color-mix(in srgb, var(--ga-bg) 88%, transparent) 54%, var(--ga-bg))}}.fanout-home-hero:after{pointer-events:none}.fanout-home-hero-content{z-index:3;text-align:center;flex-direction:column;align-items:center;width:min(100%,880px);min-width:0;display:flex;position:relative}.fanout-home-proof{color:var(--ga-fg2);flex-direction:column;align-items:center;gap:5px;margin-bottom:42px;font-size:15px;line-height:1.25;display:flex}.fanout-home-proof>div{align-items:center;gap:13px;display:flex}.fanout-home-proof strong{color:var(--ga-fg2);font-variant-numeric:tabular-nums;font-size:16px;font-weight:500}.fanout-home-proof-lanes{color:var(--ga-fg3);font-family:var(--ga-font-mono);letter-spacing:.06em;font-size:9px;font-weight:500}.fanout-home-proof>span{color:var(--ga-fg3)}.fanout-home-title{max-width:860px;color:var(--ga-fg1);font-family:var(--ga-font-sans);letter-spacing:-.052em;text-wrap:balance;margin:0;font-size:clamp(58px,6.25vw,88px);font-weight:400;line-height:.99}.fanout-math-decoder-launch{background:var(--ga-math-decoder-blue-bg);min-height:30px;color:var(--ga-math-decoder-blue);transition:background var(--ga-dur-fast) var(--ga-ease-out), transform var(--ga-dur-fast) var(--ga-ease-out);border:0;border-radius:8px;align-items:center;gap:8px;margin-bottom:30px;padding:4px 8px;font-size:12px;text-decoration:none;display:inline-flex}.fanout-math-decoder-launch:hover{background:var(--ga-math-decoder-blue)}@supports (color:color-mix(in lab, red, red)){.fanout-math-decoder-launch:hover{background:color-mix(in srgb, var(--ga-math-decoder-blue) 12%, var(--ga-math-decoder-blue-bg))}}.fanout-math-decoder-launch:hover{transform:translateY(-1px)}.fanout-math-decoder-launch:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.fanout-math-decoder-launch>span{font-family:var(--ga-font-departure);letter-spacing:.04em;text-transform:uppercase;padding:0;font-size:9px;font-weight:400}.fanout-math-decoder-launch strong{font-weight:600}.fanout-math-decoder-launch small{color:var(--ga-math-decoder-blue);font-size:inherit;opacity:.72}.fanout-math-decoder-launch.fanout-launch-live>span,.fanout-live-pill{background:var(--ga-danger);color:#fff;border-radius:4px;align-items:center;gap:4px;padding:2px 5px;display:inline-flex}.fanout-launch-live>span:before,.fanout-live-pill:before{content:"";background:currentColor;border-radius:999px;width:5px;height:5px;animation:1.2s ease-in-out infinite fanout-live-blink}@keyframes fanout-live-blink{0%,to{opacity:1}50%{opacity:.2}}.fanout-home-copy{max-width:580px;color:var(--ga-fg1);flex-direction:column;gap:22px;margin-top:52px;font-size:17px;font-weight:450;line-height:1.48;display:flex}.fanout-home-copy p{margin:0}.fanout-home-actions{justify-content:center;align-items:center;gap:18px;margin-top:34px;display:flex}.mapped-hero-company-line,.mapped-hero-knowledge-line{white-space:nowrap;justify-content:center;align-items:baseline;gap:.16em;display:flex}.mapped-hero-company-slot{vertical-align:baseline;height:1em;transition:width .42s var(--ga-ease-out);will-change:width;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.mapped-hero-company{color:var(--ga-fg1);font-family:var(--ga-font-sans);letter-spacing:-.045em;white-space:nowrap;animation:mapped-wordmark-enter .42s var(--ga-ease-out) both;flex:none;align-items:center;gap:.16em;font-size:.64em;font-weight:400;line-height:1;display:inline-flex}.mapped-hero-logo-plate{background:0 0;border-radius:.18em;flex:none;place-items:center;width:.82em;height:.82em;display:inline-grid}.mapped-hero-logo-plate img{object-fit:contain;flex:none;width:.68em;height:.68em}.mapped-hero-mapped{font-family:var(--ga-font-departure);letter-spacing:-.025em;font-size:.78em;font-weight:400}@keyframes mapped-wordmark-enter{0%{opacity:0;transform:translateY(.06em)}to{opacity:1;transform:translateY(0)}}.fanout-home-primary,.fanout-home-secondary{min-height:48px;transition:transform var(--ga-dur-fast) var(--ga-ease-out), background var(--ga-dur-fast) var(--ga-ease-out), border-color var(--ga-dur-fast) var(--ga-ease-out);border-radius:9px;justify-content:center;align-items:center;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.fanout-home-primary{gap:10px;padding:0 21px}.fanout-home-primary:hover{transform:translateY(-2px)}.fanout-home-secondary{color:var(--ga-fg2);cursor:pointer;appearance:none;background:0 0;border:0;gap:7px;padding:0 4px;font-family:inherit}.fanout-home-secondary>span{text-decoration:underline;-webkit-text-decoration-color:var(--ga-border-strong);-webkit-text-decoration-color:var(--ga-border-strong);-webkit-text-decoration-color:var(--ga-border-strong);text-decoration-color:var(--ga-border-strong);text-underline-offset:5px}.fanout-home-secondary:hover{color:var(--ga-fg1)}.fanout-home-secondary:hover>span{-webkit-text-decoration-color:var(--ga-fg1);-webkit-text-decoration-color:var(--ga-fg1);-webkit-text-decoration-color:var(--ga-fg1);text-decoration-color:var(--ga-fg1)}.fanout-home-primary:focus-visible,.fanout-home-secondary:focus-visible{outline:2px solid var(--ring);outline-offset:4px}.fanout-hero-artifacts{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.fanout-book-stack{width:224px;height:250px;animation:9s ease-in-out infinite alternate fanout-artifact-drift;position:absolute;top:9%;left:clamp(24px,5.4vw,104px)}.fanout-book{border:4px solid var(--ga-surface);background:var(--ga-chip);width:140px;height:200px;box-shadow:var(--ga-shadow-lg);object-fit:cover;border-radius:14px;position:absolute}.fanout-book-back{top:0;left:3px;transform:rotate(-16deg)}.fanout-book-middle{top:20px;left:83px;transform:rotate(10deg)}.fanout-book-front{z-index:2;top:76px;left:36px;transform:rotate(-3deg)}.fanout-research-note,.fanout-decision-note,.fanout-paper-sheet{color:var(--ga-fg1);background:var(--ga-surface);border:1px solid var(--ga-border);box-shadow:var(--ga-shadow-lg)}.fanout-research-note{border-radius:22px;width:238px;min-height:244px;padding:22px;animation:11s ease-in-out 1.2s infinite alternate-reverse fanout-artifact-drift;position:absolute;top:10%;right:clamp(22px,6vw,112px);transform:rotate(3deg)}.fanout-artifact-kicker{color:var(--ga-fg3);font-family:var(--ga-font-mono);letter-spacing:.07em;text-transform:uppercase;font-size:9px;font-weight:500}.fanout-research-note-title,.fanout-decision-title{font-family:var(--ga-font-sans);letter-spacing:-.02em;margin-top:9px;font-size:20px;font-weight:600;line-height:1.08}.fanout-research-note p,.fanout-decision-note p{color:var(--ga-fg2);margin:12px 0 0;font-size:11px;line-height:1.52}.fanout-note-rule{background:var(--ga-divider);height:1px;margin-top:15px}.fanout-session-strip{border:1px solid var(--ga-border-strong);background:var(--ga-ink-900);height:56px;color:var(--ga-ink-50);box-shadow:var(--ga-shadow-lg);border-radius:16px;align-items:center;gap:13px;padding:0 18px;display:flex;position:absolute;top:34%;right:clamp(16px,3.4vw,68px);transform:rotate(-1deg)}.fanout-session-status{background:var(--ga-ink-50);border-radius:7px;padding:5px 9px}@supports (color:color-mix(in lab, red, red)){.fanout-session-status{background:color-mix(in srgb, var(--ga-ink-50) 12%, transparent)}}.fanout-session-status{color:var(--ga-ink-50);white-space:nowrap;font-size:10px;font-weight:500}.fanout-session-progress{align-items:center;gap:3px;display:flex}.fanout-session-progress i{background:var(--ga-ink-50);border-radius:2px;width:5px;height:16px}.fanout-session-progress i:nth-child(n+5){background:var(--ga-ink-50)}@supports (color:color-mix(in lab, red, red)){.fanout-session-progress i:nth-child(n+5){background:color-mix(in srgb, var(--ga-ink-50) 28%, transparent)}}.fanout-session-time{font-variant-numeric:tabular-nums;letter-spacing:-.02em;white-space:nowrap;font-size:19px}.fanout-paper-sheet{border-radius:7px;width:256px;height:328px;padding:30px 25px;animation:12s ease-in-out .8s infinite alternate fanout-artifact-drift;position:absolute;bottom:-78px;left:clamp(24px,5vw,96px);transform:rotate(8deg)}.fanout-paper-stamp{color:var(--ga-fg-inv);font-family:var(--ga-font-sans);background:#b31b1b;border-radius:5px;padding:5px 7px;font-size:12px;font-weight:700;display:inline-flex}.fanout-paper-heading{width:88%;font-family:var(--ga-font-sans);text-align:center;margin-top:15px;font-size:14px;font-weight:700;line-height:1.1}.fanout-paper-authors{color:var(--ga-fg2);font-family:var(--ga-font-mono);text-align:center;margin-top:7px;font-size:7px}.fanout-paper-columns{grid-template-columns:1fr 1fr;gap:9px;height:126px;margin-top:14px;display:grid}.fanout-paper-columns span{background:repeating-linear-gradient(to bottom, var(--ga-fg2) 0, var(--ga-fg2) 1px, transparent 1px, transparent 5px);opacity:.55}.fanout-paper-figure{border-bottom:1px solid var(--ga-border-strong);border-left:1px solid var(--ga-border-strong);justify-content:space-around;align-items:end;height:49px;margin-top:13px;padding:6px 8px 0;display:flex}.fanout-paper-figure i{background:var(--ga-cat-blue);width:13px}.fanout-paper-figure i:first-child{height:14px}.fanout-paper-figure i:nth-child(2){height:22px}.fanout-paper-figure i:nth-child(3){height:27px}.fanout-paper-figure i:nth-child(4){height:35px}.fanout-paper-figure i:nth-child(5){height:40px}.fanout-decision-note{border-radius:18px;width:264px;min-height:220px;padding:23px;animation:10s ease-in-out 1.8s infinite alternate-reverse fanout-artifact-drift;position:absolute;bottom:-22px;right:clamp(26px,4.8vw,92px);transform:rotate(-10deg)}.fanout-decision-note mark{background:var(--ga-cat-purple);border-radius:4px;padding:1px 4px 2px}@supports (color:color-mix(in lab, red, red)){.fanout-decision-note mark{background:color-mix(in srgb, var(--ga-cat-purple) 18%, var(--ga-surface))}}.fanout-decision-note mark{color:var(--ga-cat-purple);font-weight:600}.fanout-decision-meta{color:var(--ga-fg3);font-family:var(--ga-font-mono);letter-spacing:.04em;text-transform:uppercase;margin-top:16px;font-size:8px}@keyframes fanout-artifact-drift{0%{translate:0 -3px}to{translate:0 6px}}@media (width<=1100px){.fanout-home-hero-content{width:min(100%,740px)}.fanout-book-stack,.fanout-research-note,.fanout-paper-sheet,.fanout-decision-note{opacity:.62}.fanout-book-stack{left:-12px;scale:.8}.fanout-research-note{right:-34px;scale:.8}.fanout-session-strip{right:-42px;scale:.82}.fanout-paper-sheet{left:-24px;scale:.82}.fanout-decision-note{right:-36px;scale:.82}}@media (width<=800px){.fanout-home-hero{min-height:760px;padding-inline:20px}.fanout-home-hero-glow{inset:13% 5% 6%}.fanout-home-proof{margin-bottom:34px}.fanout-home-title{font-size:clamp(52px,9.5vw,68px)}.fanout-home-copy{max-width:520px;margin-top:42px;font-size:16px}.fanout-session-strip{display:none}.fanout-book-stack{opacity:.38;top:4%;left:-34px;scale:.62}.fanout-research-note{opacity:.38;top:5%;right:-70px;scale:.64}.fanout-paper-sheet{opacity:.42;bottom:-109px;left:-62px;scale:.68}.fanout-decision-note{opacity:.42;bottom:-50px;right:-70px;scale:.68}}@media (width<=560px){.fanout-home-hero{min-height:700px;padding:68px 18px 92px}.fanout-home-proof{margin-bottom:28px;font-size:13px}.fanout-home-title{letter-spacing:-.045em;font-size:clamp(43px,12.5vw,57px);line-height:1.02}.fanout-math-decoder-launch{max-width:min(100%,340px);margin-bottom:24px}.fanout-math-decoder-launch small{display:none}.fanout-home-copy{gap:16px;margin-top:34px;font-size:15px}.fanout-home-actions{flex-direction:column;gap:6px;margin-top:27px}.mapped-hero-company-line{justify-items:center;gap:.05em;display:grid}.fanout-home-primary{min-height:46px}.fanout-home-secondary{min-height:40px}.fanout-research-note{display:none}.fanout-book-stack{top:-15px;left:-72px;scale:.47}.fanout-paper-sheet{bottom:-129px;left:-90px;scale:.58}.fanout-decision-note{bottom:-78px;right:-98px;scale:.56}}@media (prefers-reduced-motion:reduce){.fanout-book-stack,.fanout-research-note,.fanout-paper-sheet,.fanout-decision-note{animation:none}.mapped-hero-company,.mapped-hero-company-slot{transition:none;animation:none}.fanout-launch-live>span:before,.fanout-live-pill:before{animation:none}} /* Original Fanout component CSS, scoped to the Wrensys Overview. */ @media screen { #overview .fanout-landing .grid-card{background:var(--ga-surface);box-shadow:var(--ga-shadow-md);transition:box-shadow var(--ga-dur-base) var(--ga-ease-out), transform var(--ga-dur-base) var(--ga-ease-out);border:0;border-radius:12px;position:relative;overflow:hidden}#overview .fanout-landing a.grid-card:hover,#overview .fanout-landing button.grid-card:hover,#overview .fanout-landing .grid-card[data-interactive=true]:hover{box-shadow:var(--ga-shadow-lg);transform:translateY(-1px)}#overview .fanout-landing .fanout-gift-box-section{isolation:isolate;color:#5f5647;background:radial-gradient(circle at 21% 27%,#ffffffbd,#0000 31%),radial-gradient(circle at 72% 65%,#9d714321,#0000 42%),repeating-linear-gradient(103deg,#53402906 0 1px,#0000 1px 8px),linear-gradient(90deg,#f6f0e2 0%,#eee3cb 100%);grid-template-columns:minmax(320px,.92fr) minmax(460px,1.08fr);align-items:center;gap:clamp(52px,7vw,116px);padding:clamp(76px,8vw,118px) max(24px,50vw - 580px) clamp(82px,8vw,124px);display:grid;position:relative;overflow:hidden}#overview .fanout-landing .fanout-gift-box-section:before,#overview .fanout-landing .fanout-gift-box-section:after{content:"";z-index:1;pointer-events:none;height:clamp(118px,13vw,188px);position:absolute;left:0;right:0}#overview .fanout-landing .fanout-gift-box-section:before{background:linear-gradient(to bottom, var(--ga-bg) 0%, var(--ga-bg) 42%, transparent 100%);top:0}@supports (color:color-mix(in lab, red, red)){#overview .fanout-landing .fanout-gift-box-section:before{background:linear-gradient(to bottom, var(--ga-bg) 0%, color-mix(in srgb, var(--ga-bg) 78%, transparent) 42%, transparent 100%)}}#overview .fanout-landing .fanout-gift-box-section:after{background:linear-gradient(to top, var(--ga-bg) 0%, var(--ga-bg) 42%, transparent 100%);bottom:0}@supports (color:color-mix(in lab, red, red)){#overview .fanout-landing .fanout-gift-box-section:after{background:linear-gradient(to top, var(--ga-bg) 0%, color-mix(in srgb, var(--ga-bg) 78%, transparent) 42%, transparent 100%)}}#overview .fanout-landing .fanout-gift-copy{z-index:2;justify-self:end;min-width:0;max-width:500px;padding-left:clamp(0px,2vw,28px);position:relative}#overview .fanout-landing .fanout-gift-copy p{color:#6f6657;text-wrap:pretty;margin:0;font-size:15px;font-weight:450;line-height:1.82}#overview .fanout-landing .fanout-gift-copy p+p{margin-top:28px}#overview .fanout-landing .fanout-gift-links{flex-wrap:wrap;gap:18px;margin-top:26px;display:flex}#overview .fanout-landing .fanout-gift-links a{color:#5f563f;text-underline-offset:5px;font-size:12px;font-weight:560;line-height:1.2;text-decoration-line:underline;text-decoration-thickness:1px}#overview .fanout-landing .fanout-gift-links a:hover{color:#1f1a14}#overview .fanout-landing .fanout-gift-copy .fanout-gift-growth-strip{color:#5f563fc7;background:#fffaec6b;border-left:2px solid #5f563f52;margin-top:20px;padding:7px 10px;font-size:11px;font-weight:560;line-height:1.45;display:inline-block}#overview .fanout-landing .fanout-gift-signature{color:#8b7c64;grid-template-columns:auto 1fr;align-items:start;gap:5px;margin-top:clamp(98px,13vw,178px);line-height:.9;display:inline-grid}#overview .fanout-landing .fanout-gift-signature span{font-family:var(--ga-font-sans);font-size:24px;font-weight:450}#overview .fanout-landing .fanout-gift-signature strong{font-family:var(--ga-font-departure);letter-spacing:-.04em;font-size:24px;font-weight:400}#overview .fanout-landing .fanout-gift-board{z-index:2;isolation:isolate;min-width:0;max-width:100%;min-height:650px;padding:0;position:relative}#overview .fanout-landing .fanout-gift-back-cover{z-index:1;background:radial-gradient(circle at 22% 20%,#ffe5b529,#0000 23%),radial-gradient(circle at 71% 72%,#44241121,#0000 35%),repeating-linear-gradient(27deg,#ffffff08 0 1px,#0000 1px 6px),repeating-linear-gradient(108deg,#39200f08 0 1px,#0000 1px 8px),#b68455;border:1px solid #532f172e;border-radius:8px 6px 6px 8px;position:absolute;inset:24px 24px 54px 46px;transform:rotate(-1.05deg);box-shadow:0 22px 48px #3e240f2e,inset 0 1px #fff3}#overview .fanout-landing .fanout-gift-back-cover:before{content:"";border-radius:inherit;mix-blend-mode:multiply;opacity:.55;background:radial-gradient(circle at 16% 31%,#37201129 0 1px,#0000 1.5px) 0 0/15px 17px,radial-gradient(circle at 54% 82%,#fff1cb21 0 1px,#0000 1.5px) 0 0/19px 18px,radial-gradient(circle at 88% 13%,#462a151f 0 1px,#0000 1.5px) 0 0/23px 21px;position:absolute;inset:0}#overview .fanout-landing .fanout-gift-back-tab,#overview .fanout-landing .fanout-gift-back-notch{display:none}#overview .fanout-landing .fanout-gift-grid-paper{z-index:2;background:repeating-linear-gradient(90deg,#5367694f 0 1px,#0000 1px 14px),repeating-linear-gradient(#5b6f712e 0 1px,#0000 1px 14px),#f8f1dd;border:14px solid #f8f2e2f5;position:absolute;inset:58px -34px 32px 88px;transform:rotate(-1.15deg);box-shadow:0 18px 42px #4a30172e,inset 0 0 0 1px #5e4e381f}#overview .fanout-landing .fanout-gift-folder{z-index:3;box-sizing:border-box;background:radial-gradient(circle at 22% 21%,#ffe5b530,#0000 21%),radial-gradient(circle at 78% 62%,#522d1624,#0000 34%),repeating-linear-gradient(21deg,#ffffff09 0 1px,#0000 1px 6px),repeating-linear-gradient(112deg,#3a221209 0 1px,#0000 1px 7px),#b88454;border:1px solid #58321829;border-radius:4px;width:min(640px,100% - 108px);min-height:528px;margin-left:0;padding:72px 54px 54px;position:absolute;top:92px;right:0;overflow:visible;transform:rotate(.25deg);box-shadow:0 24px 56px #4027123d,inset 0 1px #ffffff38,inset 0 -1px #532e141f}#overview .fanout-landing .fanout-gift-folder:before,#overview .fanout-landing .fanout-gift-folder:after{content:"";pointer-events:none;position:absolute}#overview .fanout-landing .fanout-gift-folder:before{z-index:0;border-radius:inherit;opacity:.42;mix-blend-mode:multiply;background:radial-gradient(circle at 18% 34%,#4527151c 0 1px,#0000 1.5px) 0 0/16px 18px,radial-gradient(circle at 63% 78%,#fff4d617 0 1px,#0000 1.5px) 0 0/19px 17px,radial-gradient(circle at 86% 16%,#4127141a 0 1px,#0000 1.5px) 0 0/23px 21px;inset:0}#overview .fanout-landing .fanout-gift-folder:after{z-index:2;background:#4d2e1847;width:118px;height:1px;bottom:32px;right:28px}#overview .fanout-landing .fanout-gift-folder-pocket{z-index:-1;background:radial-gradient(circle at 28% 18%,#ffe5b51f,#0000 36%),repeating-linear-gradient(112deg,#3a221209 0 1px,#0000 1px 7px),#b88454;border-radius:58px 0 0 7px;width:96px;height:182px;position:absolute;bottom:-1px;left:-48px;box-shadow:-12px 10px 24px #4027121f,inset 0 1px #ffffff2e}#overview .fanout-landing .fanout-gift-items{z-index:2;height:410px;margin:0;padding:0;list-style:none;position:relative}#overview .fanout-landing .fanout-gift-item{grid-template-columns:72px 1fr;align-items:center;gap:14px;width:205px;display:grid;position:absolute}#overview .fanout-landing .fanout-gift-item-notes{width:184px;top:0;left:8px}#overview .fanout-landing .fanout-gift-item-calendar{grid-template-columns:1fr;justify-items:start;gap:9px;width:156px;top:-28px;right:0}#overview .fanout-landing .fanout-gift-item-map{top:156px;left:48px}#overview .fanout-landing .fanout-gift-item-camera{top:234px;right:-10px}#overview .fanout-landing .fanout-gift-item-badge{top:328px;left:74px}#overview .fanout-landing .fanout-gift-item-calendar .fanout-gift-token{order:2;margin-left:13px}#overview .fanout-landing .fanout-gift-item-calendar .fanout-gift-item-copy{order:1;margin-left:8px}#overview .fanout-landing .fanout-gift-token{place-items:center;width:68px;height:72px;display:grid;position:relative;box-shadow:0 9px 18px #43271229}#overview .fanout-landing .fanout-gift-token-notes{background:linear-gradient(90deg,#0000 0 72%,#f5b912f5 72% 84%,#0000 84%),#ffec4f;transform:rotate(-2deg)}#overview .fanout-landing .fanout-gift-token-notes i{background:#78520d80;position:absolute}#overview .fanout-landing .fanout-gift-token-notes i:first-child{width:19px;height:2px;bottom:18px;left:13px;transform:rotate(-12deg)}#overview .fanout-landing .fanout-gift-token-notes i:nth-child(2){width:2px;height:16px;bottom:14px;left:13px;transform:rotate(15deg)}#overview .fanout-landing .fanout-gift-token-notes i:nth-child(3){background:#ffc71dd1;width:8px;height:48px;top:8px;right:6px}#overview .fanout-landing .fanout-gift-token-calendar{background:#e9f111;grid-template-columns:repeat(4,8px);grid-auto-rows:8px;place-content:center;gap:4px;padding:16px;transform:rotate(4deg)}#overview .fanout-landing .fanout-gift-token-calendar i{background:#fff9cf;width:8px;height:8px;display:block}#overview .fanout-landing .fanout-gift-token-calendar i:nth-child(8),#overview .fanout-landing .fanout-gift-token-calendar i:nth-child(15){background:#d79f1e}#overview .fanout-landing .fanout-gift-token-map{background:#fff8ea;transform:rotate(5deg)}#overview .fanout-landing .fanout-gift-token-map:before{content:"";border:4px solid #d6db37;width:36px;height:34px;box-shadow:inset 0 0 0 2px #8fc1ff}#overview .fanout-landing .fanout-gift-token-map i{background:#547bdc;width:6px;height:6px;position:absolute}#overview .fanout-landing .fanout-gift-token-map i:first-child{top:20px;left:18px}#overview .fanout-landing .fanout-gift-token-map i:nth-child(2){top:20px;right:17px}#overview .fanout-landing .fanout-gift-token-map i:nth-child(3){bottom:18px;left:18px}#overview .fanout-landing .fanout-gift-token-map i:nth-child(4){bottom:18px;right:17px}#overview .fanout-landing .fanout-gift-token-camera{color:#f8f02b;background:#66a4f8;width:86px;height:46px;transform:rotate(-7deg)}#overview .fanout-landing .fanout-gift-token-camera:before,#overview .fanout-landing .fanout-gift-token-camera:after{content:"";background:#f7ef34;border-radius:999px;width:9px;height:9px;position:absolute}#overview .fanout-landing .fanout-gift-token-camera:before{top:7px;left:9px}#overview .fanout-landing .fanout-gift-token-camera:after{bottom:8px;right:10px}#overview .fanout-landing .fanout-gift-token-badge{background:linear-gradient(168deg,#77d8f0 0 48%,#f05f70 49% 100%);overflow:hidden;transform:rotate(-8deg)}#overview .fanout-landing .fanout-gift-token-badge i{background:radial-gradient(circle at 36% 48%,#2e2b2b 0 2px,#0000 2.5px),radial-gradient(circle at 64% 48%,#2e2b2b 0 2px,#0000 2.5px),#ffc7bd;border-radius:999px 999px 14px 14px;width:42px;height:26px}#overview .fanout-landing .fanout-gift-token-badge strong{color:#fff8ed;font-family:var(--ga-font-mono);letter-spacing:-.02em;font-size:7px;font-weight:700;position:absolute;bottom:10px;right:9px}#overview .fanout-landing .fanout-gift-item-copy{color:#2f271e;font-family:var(--ga-font-sans);gap:1px;line-height:1.08;display:grid}#overview .fanout-landing .fanout-gift-item-copy span{letter-spacing:-.025em;font-size:25px;font-weight:650}#overview .fanout-landing .fanout-gift-item-copy strong{letter-spacing:-.02em;font-size:17px;font-weight:650}#overview .fanout-landing .fanout-gift-item-copy small{color:#2f271eb8;font-size:11px;font-weight:600}#overview .fanout-landing .fanout-gift-folder-label{z-index:1;color:#492e1b7a;font-family:var(--ga-font-mono);letter-spacing:-.04em;text-align:center;text-transform:uppercase;margin:0;font-size:10px;font-weight:500;line-height:1.18;position:absolute;bottom:38px;right:64px}@media (width<=980px){#overview .fanout-landing .fanout-gift-box-section{grid-template-columns:minmax(0,1fr);gap:48px;padding-inline:24px}#overview .fanout-landing .fanout-gift-copy{justify-self:start;max-width:640px;padding-left:0}#overview .fanout-landing .fanout-gift-signature{margin-top:54px}#overview .fanout-landing .fanout-gift-board{justify-self:center;width:min(100%,720px);min-height:590px}}@media (width<=640px){#overview .fanout-landing .fanout-gift-box-section{box-sizing:border-box;width:100vw;max-width:100vw;padding-block:64px 74px;padding-inline:24px;display:block}#overview .fanout-landing .fanout-gift-copy{width:100%;max-width:520px}#overview .fanout-landing .fanout-gift-copy p{overflow-wrap:break-word;font-size:14px;line-height:1.72}#overview .fanout-landing .fanout-gift-board{width:min(342px,100vw - 48px);max-width:min(342px,100vw - 48px);min-height:0;margin-top:48px;padding:22px 0 0}#overview .fanout-landing .fanout-gift-back-cover{inset:30px 8px 14px 34px}#overview .fanout-landing .fanout-gift-back-tab{border-radius:44px 0 0 40px;width:76px;height:112px;left:-48px}#overview .fanout-landing .fanout-gift-back-notch{width:40px;height:50px;top:83px;left:-55px}#overview .fanout-landing .fanout-gift-grid-paper{border-width:8px;inset:48px -2px 16px 48px}#overview .fanout-landing .fanout-gift-folder{width:100%;max-width:342px;min-height:0;padding:46px 22px 78px;position:relative;top:auto;right:auto}#overview .fanout-landing .fanout-gift-folder-pocket{border-radius:32px 0 0 7px;width:48px;height:132px;left:-22px}#overview .fanout-landing .fanout-gift-items{gap:18px;height:auto;display:grid}#overview .fanout-landing .fanout-gift-item{justify-items:initial;grid-template-columns:72px 1fr;width:100%;position:relative;top:auto;left:auto;right:auto}#overview .fanout-landing .fanout-gift-item-calendar{gap:14px}#overview .fanout-landing .fanout-gift-item-calendar .fanout-gift-token,#overview .fanout-landing .fanout-gift-item-calendar .fanout-gift-item-copy{order:initial;margin-left:0}#overview .fanout-landing .fanout-gift-token-camera{width:76px}#overview .fanout-landing .fanout-gift-folder-label{bottom:24px;right:24px}}#overview .fanout-landing .fanout-nav-surface-section{background:var(--ga-bg);padding:86px max(24px,50vw - 580px) 104px;overflow:hidden}#overview .fanout-landing .fanout-nav-surface-header{display:block}#overview .fanout-landing .fanout-nav-surface-header h2{max-width:660px;color:var(--ga-fg1);letter-spacing:-.025em;text-wrap:balance;margin:12px 0 0;font-size:38px;font-weight:600;line-height:1.06}#overview .fanout-landing .fanout-nav-surface-header h2 span{font-family:var(--ga-font-departure);letter-spacing:0;font-size:.88em;font-weight:400}#overview .fanout-landing .fanout-nav-surface-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:50px;display:grid}#overview .fanout-landing .fanout-nav-surface-card{--surface-bg:var(--ga-surface);--surface-ink:var(--ga-fg1);background:var(--surface-bg);height:392px;color:var(--surface-ink);box-shadow:var(--ga-shadow-md);transition:box-shadow var(--ga-dur-base) var(--ga-ease-out), transform var(--ga-dur-base) var(--ga-ease-out);border-radius:12px;flex-direction:column;padding:22px 24px 20px;text-decoration:none;display:flex;position:relative}#overview .fanout-landing .fanout-nav-surface-card.grid-card:hover{box-shadow:var(--ga-shadow-lg);transform:translateY(-5px)}#overview .fanout-landing .fanout-nav-surface-card:focus-visible{outline:2px solid var(--ring);outline-offset:4px;transform:translateY(-3px)}#overview .fanout-landing .fanout-nav-surface-card-top{min-height:178px;display:block;position:relative}#overview .fanout-landing .fanout-nav-surface-card-meta{color:var(--surface-ink);text-align:right;justify-items:end;gap:5px;display:grid;position:absolute;top:0;right:0}#overview .fanout-landing .fanout-nav-surface-card-meta>span:first-child{font-family:var(--ga-font-sans);letter-spacing:-.055em;font-size:42px;font-weight:500;line-height:.9}#overview .fanout-landing .fanout-nav-surface-card-meta>span:last-child{max-width:96px;font-family:var(--ga-font-mono);letter-spacing:.08em;opacity:.72;text-transform:uppercase;font-size:9px;font-weight:700;line-height:1.2}#overview .fanout-landing .fanout-nav-surface-card-art{width:178px;height:178px;margin:-8px 0 0 -12px;display:block}#overview .fanout-landing .fanout-nav-surface-card-art img{object-fit:contain;width:100%;height:100%;display:block}#overview .fanout-landing .fanout-nav-surface-card-art.is-inverted img{filter:invert()}#overview .fanout-landing .fanout-nav-surface-card-bottom{justify-content:space-between;align-items:flex-end;gap:20px;margin-top:auto;display:flex}#overview .fanout-landing .fanout-nav-surface-card-copy{gap:6px;min-width:0;display:grid}#overview .fanout-landing .fanout-nav-surface-card-copy strong{color:var(--surface-ink);letter-spacing:-.03em;text-wrap:balance;font-size:30px;font-weight:600;line-height:1.02}#overview .fanout-landing .fanout-nav-surface-card-copy small{color:var(--surface-ink);opacity:.64;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;line-height:1.3;overflow:hidden}#overview .fanout-landing .fanout-nav-surface-card-arrow{background:var(--surface-ink);border-radius:999px;flex:none;place-items:center;width:34px;height:34px;display:grid}@supports (color:color-mix(in lab, red, red)){#overview .fanout-landing .fanout-nav-surface-card-arrow{background:color-mix(in srgb, var(--surface-ink) 9%, transparent)}}#overview .fanout-landing .fanout-nav-surface-card-arrow{color:var(--surface-ink);transition:background var(--ga-dur-fast) var(--ga-ease-out), translate var(--ga-dur-fast) var(--ga-ease-out)}#overview .fanout-landing .fanout-nav-surface-card:hover .fanout-nav-surface-card-arrow{background:var(--surface-ink)}@supports (color:color-mix(in lab, red, red)){#overview .fanout-landing .fanout-nav-surface-card:hover .fanout-nav-surface-card-arrow{background:color-mix(in srgb, var(--surface-ink) 15%, transparent)}}#overview .fanout-landing .fanout-nav-surface-card:hover .fanout-nav-surface-card-arrow{translate:3px}@media (width<=1080px){#overview .fanout-landing .fanout-nav-surface-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){#overview .fanout-landing .fanout-nav-surface-section{padding:72px 20px 82px}#overview .fanout-landing .fanout-nav-surface-header{display:block}#overview .fanout-landing .fanout-nav-surface-header h2{font-size:32px}#overview .fanout-landing .fanout-nav-surface-grid{gap:16px;margin-top:34px}#overview .fanout-landing .fanout-nav-surface-card{height:366px}}@media (width<=560px){#overview .fanout-landing .fanout-nav-surface-section{padding-inline:16px}#overview .fanout-landing .fanout-nav-surface-header h2{font-size:29px;line-height:1.08}#overview .fanout-landing .fanout-nav-surface-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#overview .fanout-landing .fanout-nav-surface-card{height:270px;padding:14px}#overview .fanout-landing .fanout-nav-surface-card-top{min-height:118px}#overview .fanout-landing .fanout-nav-surface-card-art{width:108px;height:108px;margin:-4px 0 0 -6px}#overview .fanout-landing .fanout-nav-surface-card-copy strong{font-size:20px}#overview .fanout-landing .fanout-nav-surface-card-copy small{font-size:9px}#overview .fanout-landing .fanout-nav-surface-card-meta>span:first-child{font-size:30px}#overview .fanout-landing .fanout-nav-surface-card-meta>span:last-child{max-width:66px;font-size:7px}#overview .fanout-landing .fanout-nav-surface-card-bottom{gap:8px}#overview .fanout-landing .fanout-nav-surface-card-arrow{width:28px;height:28px}}#overview .fanout-landing .fanout-pricing-preview-section{background:var(--ga-bg);padding:84px max(24px,50vw - 580px) 90px}#overview .fanout-landing .fanout-pricing-preview-header{justify-content:space-between;align-items:end;gap:24px;display:flex}#overview .fanout-landing .fanout-pricing-preview-controls{justify-content:space-between;align-items:center;gap:18px;margin-top:30px;display:flex}#overview .fanout-landing .fanout-pricing-preview-discount{min-height:27px;color:var(--ga-fg3);flex-wrap:wrap;align-items:center;gap:8px;margin-top:30px;font-size:12px;display:flex}#overview .fanout-landing .fanout-pricing-preview-discount>span:not(.fanout-pricing-preview-free-label){text-decoration:line-through}#overview .fanout-landing .fanout-pricing-preview-free-label{font-weight:650;text-decoration:none}#overview .fanout-landing .fanout-pricing-preview-discount>strong{border:1px solid var(--ga-success);align-items:center;min-height:24px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){#overview .fanout-landing .fanout-pricing-preview-discount>strong{border:1px solid color-mix(in srgb, var(--ga-success) 26%, var(--ga-divider))}}#overview .fanout-landing .fanout-pricing-preview-discount>strong{background:var(--ga-success);border-radius:999px}@supports (color:color-mix(in lab, red, red)){#overview .fanout-landing .fanout-pricing-preview-discount>strong{background:color-mix(in srgb, var(--ga-success) 10%, var(--ga-surface))}}#overview .fanout-landing .fanout-pricing-preview-discount>strong{color:var(--ga-success);font-family:var(--ga-font-mono);text-transform:uppercase;padding:0 9px;font-size:9px;font-weight:700}#overview .fanout-landing .fanout-pricing-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px;display:grid}#overview .fanout-landing .fanout-pricing-preview-card{border:1px solid var(--ga-divider);background:var(--ga-surface);min-height:330px;box-shadow:var(--ga-shadow-md);border-radius:12px;flex-direction:column;padding:24px;display:flex}#overview .fanout-landing .fanout-pricing-preview-card-strong{border-color:var(--ga-success)}@supports (color:color-mix(in lab, red, red)){#overview .fanout-landing .fanout-pricing-preview-card-strong{border-color:color-mix(in srgb, var(--ga-success) 28%, var(--ga-divider))}}#overview .fanout-landing .fanout-pricing-preview-card-strong{background:linear-gradient(180deg, var(--ga-success), var(--ga-surface) 44%)}@supports (color:color-mix(in lab, red, red)){#overview .fanout-landing .fanout-pricing-preview-card-strong{background:linear-gradient(180deg, color-mix(in srgb, var(--ga-success) 11%, var(--ga-surface)), var(--ga-surface) 44%)}}#overview .fanout-landing .fanout-pricing-preview-card-head{min-height:28px;color:var(--ga-fg2);font-family:var(--ga-font-mono);text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;font-size:10px;font-weight:700;display:flex}#overview .fanout-landing .fanout-pricing-preview-card-head strong{background:var(--ga-fg1);min-height:24px;color:var(--ga-bg);border-radius:999px;align-items:center;padding:0 9px;font-size:9px;font-weight:700;display:inline-flex}#overview .fanout-landing .fanout-pricing-preview-price{align-items:end;gap:8px;margin-top:14px;display:flex}#overview .fanout-landing .fanout-pricing-preview-price strong{color:var(--ga-fg1);font-family:var(--ga-font-sans);font-size:46px;font-weight:400;line-height:.92}#overview .fanout-landing .fanout-pricing-preview-price span{color:var(--ga-fg2);padding-bottom:4px;font-size:13px;font-weight:600}#overview .fanout-landing .fanout-pricing-preview-note{min-height:17px;color:var(--ga-fg3);margin-top:10px;font-size:11px;font-weight:550;line-height:1.4;display:block}#overview .fanout-landing .fanout-pricing-preview-card p{color:var(--ga-fg2);margin:24px 0 0;font-size:13px;line-height:1.62}#overview .fanout-landing .fanout-pricing-preview-link{border-top:1px solid var(--ga-divider);min-height:44px;color:var(--ga-fg1);justify-content:space-between;align-items:center;gap:12px;margin-top:auto;font-size:13px;font-weight:650;text-decoration:none;display:inline-flex}#overview .fanout-landing .fanout-pricing-preview-link i{transition:translate var(--ga-dur-fast) var(--ga-ease-out)}#overview .fanout-landing .fanout-pricing-preview-link:hover i{translate:3px}#overview .fanout-landing .fanout-faq-section{border-top:1px solid var(--ga-divider);background:linear-gradient(180deg, var(--ga-bg), var(--ga-sidebar));grid-template-columns:minmax(260px,.38fr) minmax(0,.62fr);gap:64px;padding:76px max(24px,50vw - 580px) 102px;display:grid}@supports (color:color-mix(in lab, red, red)){#overview .fanout-landing .fanout-faq-section{background:linear-gradient(180deg, var(--ga-bg), color-mix(in srgb, var(--ga-sidebar) 74%, var(--ga-bg)))}}#overview .fanout-landing .fanout-faq-heading{max-width:390px}#overview .fanout-landing .fanout-faq-heading h2{color:var(--ga-fg1);text-wrap:balance;margin:12px 0 0;font-size:30px;font-weight:600;line-height:1.12}#overview .fanout-landing .fanout-faq-heading p{color:var(--ga-fg2);margin:18px 0 0;font-size:13px;line-height:1.65}#overview .fanout-landing .fanout-faq-list{border-block:1px solid var(--ga-divider)}#overview .fanout-landing .fanout-faq-list details{border-bottom:1px solid var(--ga-divider)}#overview .fanout-landing .fanout-faq-list details:last-child{border-bottom:0}#overview .fanout-landing .fanout-faq-list summary{cursor:pointer;min-height:74px;color:var(--ga-fg1);justify-content:space-between;align-items:center;gap:22px;font-size:16px;font-weight:650;list-style:none;display:flex}#overview .fanout-landing .fanout-faq-list summary::-webkit-details-marker{display:none}#overview .fanout-landing .fanout-faq-list summary i{color:var(--ga-fg3);transition:rotate var(--ga-dur-fast) var(--ga-ease-out);flex:none}#overview .fanout-landing .fanout-faq-list details[open] summary i{rotate:180deg}#overview .fanout-landing .fanout-faq-list p{max-width:690px;color:var(--ga-fg2);margin:0;padding:0 48px 24px 0;font-size:13px;line-height:1.72}@media (width<=920px){#overview .fanout-landing .fanout-pricing-preview-header,#overview .fanout-landing .fanout-pricing-preview-controls,#overview .fanout-landing .fanout-faq-section{grid-template-columns:minmax(0,1fr);display:grid}#overview .fanout-landing .fanout-pricing-preview-controls{align-items:start}#overview .fanout-landing .fanout-faq-section{gap:32px}#overview .fanout-landing .fanout-pricing-preview-grid{grid-template-columns:minmax(0,1fr)}#overview .fanout-landing .fanout-pricing-preview-card{min-height:250px}}@media (width<=560px){#overview .fanout-landing .fanout-pricing-preview-section,#overview .fanout-landing .fanout-faq-section{padding-inline:16px}#overview .fanout-landing .fanout-faq-heading h2{font-size:25px;line-height:1.14}#overview .fanout-landing .fanout-pricing-preview-card{padding:20px}#overview .fanout-landing .fanout-pricing-preview-price strong{font-size:40px}#overview .fanout-landing .fanout-faq-list summary{min-height:68px;font-size:15px}#overview .fanout-landing .fanout-faq-list p{padding-right:0}}#overview .fanout-landing .course-folder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px;display:grid}#overview .fanout-landing .course-folder-card{--course-accent:var(--ga-fg2);--course-surface:#f1eadb;--course-ink:#332f27;--course-muted:#696253;--course-pattern:var(--course-ink)}@supports (color:color-mix(in lab, red, red)){#overview .fanout-landing .course-folder-card{--course-pattern:color-mix(in srgb, var(--course-ink) 24%, transparent)}}#overview .fanout-landing .course-folder-card{--course-shadow:#1114163d;--course-shadow-strong:#11141652;background:var(--course-surface);min-width:0;min-height:570px;color:var(--course-ink);border-radius:18px;grid-template-rows:286px 1fr;grid-template-columns:minmax(0,1fr);text-decoration:none;display:grid}#overview .fanout-landing .course-folder-card[data-course=ai]{--course-surface:#2b6e9d;--course-ink:#fff3d8;--course-muted:#e5edf0}#overview .fanout-landing .course-folder-card[data-course=system]{--course-surface:#7fe59a;--course-ink:#183525;--course-muted:#31573e}#overview .fanout-landing .course-folder-card[data-course=ml-math]{--course-surface:#f1e8d4;--course-ink:#403a2f;--course-muted:#696254}#overview .fanout-landing .course-folder-card[data-course=inference]{--course-surface:#1f1f1d;--course-ink:#f7eedc;--course-muted:#c8c0b1}#overview .fanout-landing .course-folder-card[data-course=open-robotics]{--course-surface:var(--ga-sparkle-from)}@supports (color:color-mix(in lab, red, red)){#overview .fanout-landing .course-folder-card[data-course=open-robotics]{--course-surface:color-mix(in srgb, var(--ga-sparkle-from) 8%, var(--ga-bg))}}#overview .fanout-landing .course-folder-card[data-course=open-robotics]{--course-ink:var(--ga-fg1);--course-muted:var(--ga-fg2);--course-pattern:var(--ga-sparkle-to)}@supports (color:color-mix(in lab, red, red)){#overview .fanout-landing .course-folder-card[data-course=open-robotics]{--course-pattern:color-mix(in srgb, var(--ga-sparkle-to) 22%, transparent)}}#overview .fanout-landing .course-folder-card[data-course=ai-engineering]{--course-surface:var(--ga-cat-blue)}@supports (color:color-mix(in lab, red, red)){#overview .fanout-landing .course-folder-card[data-course=ai-engineering]{--course-surface:color-mix(in srgb, var(--ga-cat-blue) 12%, var(--ga-bg))}}#overview .fanout-landing .course-folder-card[data-course=ai-engineering]{--course-ink:var(--ga-fg1);--course-muted:var(--ga-fg1)}@supports (color:color-mix(in lab, red, red)){#overview .fanout-landing .course-folder-card[data-course=ai-engineering]{--course-muted:color-mix(in srgb, var(--ga-fg1) 70%, var(--ga-cat-blue))}}#overview .fanout-landing .course-folder-card[data-course=ai-engineering]{--course-pattern:var(--ga-cat-blue)}@supports (color:color-mix(in lab, red, red)){#overview .fanout-landing .course-folder-card[data-course=ai-engineering]{--course-pattern:color-mix(in srgb, var(--ga-cat-blue) 24%, transparent)}}#overview .fanout-landing .course-folder-card[data-course=robotic-arm]{--course-surface:var(--ga-success)}@supports (color:color-mix(in lab, red, red)){#overview .fanout-landing .course-folder-card[data-course=robotic-arm]{--course-surface:color-mix(in srgb, var(--ga-success) 30%, var(--ga-ink-900))}}#overview .fanout-landing .course-folder-card[data-course=robotic-arm]{--course-ink:var(--ga-cat-green)}@supports (color:color-mix(in lab, red, red)){#overview .fanout-landing .course-folder-card[data-course=robotic-arm]{--course-ink:color-mix(in srgb, var(--ga-cat-green) 18%, var(--ga-surface))}}#overview .fanout-landing .course-folder-card[data-course=robotic-arm]{--course-muted:var(--course-ink)}@supports (color:color-mix(in lab, red, red)){#overview .fanout-landing .course-folder-card[data-course=robotic-arm]{--course-muted:color-mix(in srgb, var(--course-ink) 78%, var(--course-surface))}}#overview .fanout-landing .course-folder-card[data-course=robotic-arm]{--course-pattern:var(--ga-cat-green)}@supports (color:color-mix(in lab, red, red)){#overview .fanout-landing .course-folder-card[data-course=robotic-arm]{--course-pattern:color-mix(in srgb, var(--ga-cat-green) 30%, transparent)}}#overview .fanout-landing .course-folder-card[data-course=reinforcement-learning]{--course-surface:var(--ga-cat-blue)}@supports (color:color-mix(in lab, red, red)){#overview .fanout-landing .course-folder-card[data-course=reinforcement-learning]{--course-surface:color-mix(in srgb, var(--ga-cat-blue) 22%, var(--ga-ink-900))}}#overview .fanout-landing .course-folder-card[data-course=reinforcement-learning]{--course-ink:var(--ga-cat-orange)}@supports (color:color-mix(in lab, red, red)){#overview .fanout-landing .course-folder-card[data-course=reinforcement-learning]{--course-ink:color-mix(in srgb, var(--ga-cat-orange) 12%, var(--ga-surface))}}#overview .fanout-landing .course-folder-card[data-course=reinforcement-learning]{--course-muted:var(--ga-cat-orange)}@supports (color:color-mix(in lab, red, red)){#overview .fanout-landing .course-folder-card[data-course=reinforcement-learning]{--course-muted:color-mix(in srgb, var(--ga-cat-orange) 30%, var(--ga-fg3))}}#overview .fanout-landing .course-folder-card[data-course=reinforcement-learning]{--course-pattern:var(--ga-cat-orange)}@supports (color:color-mix(in lab, red, red)){#overview .fanout-landing .course-folder-card[data-course=reinforcement-learning]{--course-pattern:color-mix(in srgb, var(--ga-cat-orange) 30%, transparent)}}#overview .fanout-landing .course-folder-card[data-course=llm-training]{--course-surface:var(--ga-cat-green)}@supports (color:color-mix(in lab, red, red)){#overview .fanout-landing .course-folder-card[data-course=llm-training]{--course-surface:color-mix(in srgb, var(--ga-cat-green) 10%, var(--ga-bg))}}#overview .fanout-landing .course-folder-card[data-course=llm-training]{--course-ink:var(--ga-fg1);--course-muted:var(--ga-fg1)}@supports (color:color-mix(in lab, red, red)){#overview .fanout-landing .course-folder-card[data-course=llm-training]{--course-muted:color-mix(in srgb, var(--ga-fg1) 68%, var(--ga-cat-green))}}#overview .fanout-landing .course-folder-card[data-course=llm-training]{--course-pattern:var(--ga-cat-purple)}@supports (color:color-mix(in lab, red, red)){#overview .fanout-landing .course-folder-card[data-course=llm-training]{--course-pattern:color-mix(in srgb, var(--ga-cat-purple) 22%, transparent)}}#overview .fanout-landing .course-folder-card[data-course=diffusion]{--course-surface:var(--ga-cat-red)}@supports (color:color-mix(in lab, red, red)){#overview .fanout-landing .course-folder-card[data-course=diffusion]{--course-surface:color-mix(in srgb, var(--ga-cat-red) 26%, var(--ga-ink-900))}}#overview .fanout-landing .course-folder-card[data-course=diffusion]{--course-ink:var(--ga-cat-red)}@supports (color:color-mix(in lab, red, red)){#overview .fanout-landing .course-folder-card[data-course=diffusion]{--course-ink:color-mix(in srgb, var(--ga-cat-red) 10%, var(--ga-surface))}}#overview .fanout-landing .course-folder-card[data-course=diffusion]{--course-muted:var(--ga-cat-red)}@supports (color:color-mix(in lab, red, red)){#overview .fanout-landing .course-folder-card[data-course=diffusion]{--course-muted:color-mix(in srgb, var(--ga-cat-red) 28%, var(--ga-fg3))}}#overview .fanout-landing .course-folder-card[data-course=diffusion]{--course-pattern:var(--ga-cat-red)}@supports (color:color-mix(in lab, red, red)){#overview .fanout-landing .course-folder-card[data-course=diffusion]{--course-pattern:color-mix(in srgb, var(--ga-cat-red) 32%, transparent)}}#overview .fanout-landing .course-folder-card[data-course=llm-finetuning]{--course-surface:var(--ga-cat-orange)}@supports (color:color-mix(in lab, red, red)){#overview .fanout-landing .course-folder-card[data-course=llm-finetuning]{--course-surface:color-mix(in srgb, var(--ga-cat-orange) 12%, var(--ga-bg))}}#overview .fanout-landing .course-folder-card[data-course=llm-finetuning]{--course-ink:var(--ga-fg1);--course-muted:var(--ga-fg1)}@supports (color:color-mix(in lab, red, red)){#overview .fanout-landing .course-folder-card[data-course=llm-finetuning]{--course-muted:color-mix(in srgb, var(--ga-fg1) 68%, var(--ga-cat-orange))}}#overview .fanout-landing .course-folder-card[data-course=llm-finetuning]{--course-pattern:var(--ga-cat-green)}@supports (color:color-mix(in lab, red, red)){#overview .fanout-landing .course-folder-card[data-course=llm-finetuning]{--course-pattern:color-mix(in srgb, var(--ga-cat-green) 24%, transparent)}}#overview .fanout-landing .course-folder-card:focus-visible{outline:2px solid var(--course-ink);outline-offset:4px}#overview .fanout-landing .course-folder-preview{isolation:isolate;background:0 0;place-items:center;min-height:286px;display:grid;position:relative;overflow:hidden}#overview .fanout-landing .course-folder-preview:before{z-index:0;background:repeating-linear-gradient(to bottom, var(--course-pattern) 0, var(--course-pattern) 1px, transparent 1px, transparent 7px);content:"";opacity:.78;pointer-events:none;border-radius:10px;height:104px;position:absolute;top:24px;left:28px;right:28px}#overview .fanout-landing .course-folder-preview:after{z-index:1;background:linear-gradient(to bottom, transparent, var(--course-surface));content:"";pointer-events:none;height:88px;position:absolute;bottom:-1px;left:0;right:0}#overview .fanout-landing .course-folder-art{z-index:2;object-fit:contain;width:min(92%,360px);max-height:250px;filter:drop-shadow(0 18px 24px var(--course-shadow));transition:filter var(--ga-dur-slow) var(--ga-ease-out), transform var(--ga-dur-slow) var(--ga-ease-out);position:relative;transform:translateY(18px)}#overview .fanout-landing .course-folder-card:hover .course-folder-art{filter:drop-shadow(0 24px 30px var(--course-shadow-strong));transform:translateY(8px)scale(1.025)}#overview .fanout-landing .course-folder-body{flex-direction:column;min-width:0;min-height:258px;padding:22px 28px 28px;display:flex}#overview .fanout-landing .course-folder-meta{flex-wrap:wrap;align-items:center;min-height:24px;display:flex}#overview .fanout-landing .course-folder-status{border-radius:var(--ga-r-sm);background:var(--ga-chip);color:var(--ga-fg1);font-family:var(--ga-font-mono);letter-spacing:.08em;text-transform:uppercase;flex-shrink:0;padding:2px 8px;font-size:9px;line-height:1.5;display:inline-flex}#overview .fanout-landing .course-folder-meta .ga-mono-label{color:var(--course-muted);font-size:9px}#overview .fanout-landing .course-folder-body h3{max-width:13ch;font-family:var(--ga-font-departure);letter-spacing:0;text-wrap:balance;margin:16px 0 0;font-size:clamp(25px,2vw,30px);font-weight:400;line-height:1.08}#overview .fanout-landing .course-folder-description{max-width:31rem;color:var(--course-muted);margin:14px 0 0;font-size:13px;line-height:1.55}#overview .fanout-landing .course-folder-footer{color:var(--course-ink);justify-content:space-between;align-items:center;margin-top:auto;padding-top:36px;font-size:13px;font-weight:600;display:flex}#overview .fanout-landing .course-folder-footer i{transition:translate var(--ga-dur-fast) var(--ga-ease-out);flex-shrink:0}#overview .fanout-landing .course-folder-card:hover .course-folder-footer i{translate:3px}@media (width>=540px){#overview .fanout-landing .course-folder-grid{gap:12px}}@media (width>=700px){#overview .fanout-landing .course-folder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:32px}}@media (width>=1024px){#overview .fanout-landing .course-folder-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1536px){#overview .fanout-landing .course-folder-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=699px){#overview .fanout-landing .course-folder-card{border-radius:14px;grid-template-rows:178px 1fr;min-height:456px}#overview .fanout-landing .course-folder-preview{min-height:178px}#overview .fanout-landing .course-folder-preview:before{height:72px;top:16px;left:14px;right:14px}#overview .fanout-landing .course-folder-art{width:min(98%,240px);max-height:168px;transform:translateY(12px)}#overview .fanout-landing .course-folder-body{min-height:252px;padding:18px 14px}#overview .fanout-landing .course-folder-body h3{max-width:none;margin-top:12px;font-size:clamp(18px,5vw,22px)}#overview .fanout-landing .course-folder-description{-webkit-line-clamp:4;-webkit-box-orient:vertical;margin-top:10px;font-size:11px;line-height:1.45;display:-webkit-box;overflow:hidden}#overview .fanout-landing .course-folder-footer{gap:8px;padding-top:20px;font-size:11px}#overview .fanout-landing .course-folder-meta .ga-mono-label{font-size:8px}}@media (width<=539px){#overview .fanout-landing .course-folder-card{border-radius:12px;grid-template-rows:118px 1fr;min-height:0}#overview .fanout-landing .course-folder-preview{min-height:118px}#overview .fanout-landing .course-folder-preview:before{height:46px;top:10px;left:10px;right:10px}#overview .fanout-landing .course-folder-art{width:min(94%,150px);max-height:112px;transform:translateY(8px)}#overview .fanout-landing .course-folder-body{min-height:0;padding:12px 11px 13px}#overview .fanout-landing .course-folder-meta{gap:4px 6px;min-height:0}#overview .fanout-landing .course-folder-meta .ga-mono-label{font-size:7px}#overview .fanout-landing .course-folder-status{padding:1px 5px;font-size:7px}#overview .fanout-landing .course-folder-body h3{margin-top:8px;font-size:15px;line-height:1.15}#overview .fanout-landing .course-folder-body ul{margin-top:8px;font-size:10px;line-height:1.35}#overview .fanout-landing .course-folder-footer{padding-top:12px;font-size:10.5px}}@media (prefers-reduced-motion:reduce){#overview .fanout-landing .course-folder-card,#overview .fanout-landing .course-folder-art,#overview .fanout-landing .course-folder-footer i{transition:none}}#overview .fanout-landing .fanout-learning-together{border-top:1px solid var(--ga-divider);background:radial-gradient(circle at 18% 48%, color-mix(in srgb, var(--ga-cat-blue) 8%, transparent), transparent 38%), var(--ga-bg);padding:clamp(76px,8vw,112px) max(24px,50vw - 580px);overflow:hidden}#overview .fanout-landing .fanout-learning-together-inner{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:center;gap:clamp(56px,7vw,104px);display:grid}#overview .fanout-landing .fanout-learning-together-collage{min-height:520px;position:relative}#overview .fanout-landing .fanout-learning-together-collage:before{border:1px solid color-mix(in srgb, var(--ga-cat-blue) 18%, var(--ga-divider));background-image:radial-gradient(color-mix(in srgb, var(--ga-fg3) 36%, transparent) .8px, transparent .8px);content:"";opacity:.64;background-size:16px 16px;border-radius:28px;position:absolute;inset:54px 28px 26px}#overview .fanout-landing .fanout-learning-together-posts{z-index:2;height:620px;margin-top:24px;position:relative}#overview .fanout-landing .fanout-learning-together-post{--tweet-rotate:0deg;--tweet-scale:.52;width:min(418px,78vw);transform:rotate(var(--tweet-rotate)) scale(var(--tweet-scale));transform-origin:0 0;position:absolute}#overview .fanout-landing .fanout-learning-together-tweet-skeleton{border:1px solid var(--ga-divider);background:linear-gradient(100deg, transparent 35%, color-mix(in srgb, var(--ga-surface) 78%, transparent) 50%, transparent 65%), color-mix(in srgb, var(--ga-surface) 88%, var(--ga-bg));background-size:220% 100%,100% 100%;border-radius:16px;min-height:280px;animation:1.4s ease-in-out infinite fanout-study-wall-loading}#overview .fanout-landing .fanout-learning-together-empty{border:1px dashed var(--ga-divider);background:var(--ga-surface);width:min(360px,100vw - 64px);min-height:150px;color:var(--ga-fg2);text-align:center;border-radius:16px;place-items:center;gap:12px;padding:24px;display:grid;top:180px!important;left:50%!important;transform:translate(-50%)!important}#overview .fanout-landing .fanout-learning-together-empty a{color:var(--ga-fg1);text-underline-offset:3px;font-weight:600;text-decoration:underline}#overview .fanout-landing .fanout-learning-together-post:first-child{--tweet-rotate:-1.4deg;--tweet-scale:.55;z-index:3;top:44px;left:0}#overview .fanout-landing .fanout-learning-together-post:nth-child(2){--tweet-rotate:1.2deg;--tweet-scale:.5;z-index:1;transform-origin:100% 0;top:8px;right:0}#overview .fanout-landing .fanout-learning-together-post:nth-child(3){--tweet-rotate:-.6deg;--tweet-scale:.54;z-index:4;top:148px;left:20%}#overview .fanout-landing .fanout-learning-together-post:nth-child(4){--tweet-rotate:.8deg;--tweet-scale:.4;z-index:0;top:30px;left:14%}#overview .fanout-landing .fanout-learning-together-post:nth-child(5){--tweet-rotate:-1deg;--tweet-scale:.48;z-index:2;transform-origin:100% 0;top:244px;right:0}#overview .fanout-landing .fanout-learning-together-post:nth-child(6){--tweet-rotate:.7deg;--tweet-scale:.55;z-index:4;top:398px;left:8%}#overview .fanout-landing .fanout-learning-together-copy{max-width:490px}#overview .fanout-landing .fanout-learning-together-copy h2{color:var(--ga-fg1);letter-spacing:-.035em;text-wrap:balance;margin:12px 0 0;font-size:clamp(32px,3.3vw,48px);font-weight:600;line-height:1.02}#overview .fanout-landing .fanout-learning-together-copy>p{max-width:450px;color:var(--ga-fg2);margin:22px 0 0;font-size:14px;line-height:1.72}#overview .fanout-landing .fanout-learning-together-actions{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}#overview .fanout-landing .fanout-learning-together-actions a i{transition:translate var(--ga-dur-fast) var(--ga-ease-out)}#overview .fanout-landing .fanout-learning-together-actions a:hover i:last-child{translate:2px}@media (width<=980px){#overview .fanout-landing .fanout-learning-together-inner{grid-template-columns:minmax(0,1fr);gap:52px}#overview .fanout-landing .fanout-learning-together-copy{order:-1;max-width:650px}#overview .fanout-landing .fanout-learning-together-collage{width:min(100%,720px);min-height:520px;margin-inline:auto}}@media (width<=620px){#overview .fanout-landing .fanout-learning-together{padding-inline:16px}#overview .fanout-landing .fanout-learning-together-copy h2{font-size:34px}#overview .fanout-landing .fanout-learning-together-actions{flex-direction:column;align-items:stretch}#overview .fanout-landing .fanout-learning-together-actions>*{width:100%}#overview .fanout-landing .fanout-learning-together-collage{min-height:0}#overview .fanout-landing .fanout-learning-together-collage:before{inset:54px 8px 12px}#overview .fanout-landing .fanout-learning-together-posts{height:650px;margin-top:18px}#overview .fanout-landing .fanout-learning-together-post{width:calc(100vw - 32px)}#overview .fanout-landing .fanout-learning-together-post:first-child{--tweet-scale:.64;top:0;left:0}#overview .fanout-landing .fanout-learning-together-post:nth-child(2){--tweet-scale:.58;transform-origin:100% 0;top:170px;left:auto;right:0}#overview .fanout-landing .fanout-learning-together-post:nth-child(3){--tweet-scale:.62;top:390px;left:0}#overview .fanout-landing .fanout-learning-together-post:nth-child(4){--tweet-scale:.42;z-index:0;transform-origin:100% 0;top:62px;left:auto;right:0}#overview .fanout-landing .fanout-learning-together-post:nth-child(n+5){display:none}}@media (prefers-reduced-motion:reduce){#overview .fanout-landing .fanout-learning-together-post{--tweet-rotate:0deg!important}#overview .fanout-landing .fanout-learning-together-tweet-skeleton{animation:none}} #overview .fanout-landing.overview-proof { display:block; width:100%; max-width:none; margin:0; padding:0; border:0; } #overview .fanout-landing { font-family:var(--ga-font-sans); color:var(--ga-fg1); } #overview .fanout-landing button { font-family:inherit; text-align:left; } #overview .fanout-landing .ga-mono-eyebrow { color:var(--ga-fg3); font:10px/1.5 var(--ga-font-mono); letter-spacing:.1em; text-transform:uppercase; } #overview .fanout-landing .ga-mono-label { font-family:var(--ga-font-mono); font-size:9px; line-height:1.5; text-transform:uppercase; } #overview .fanout-landing .wrensys-inline-arrow { display:inline-block; width:15px; height:15px; object-fit:contain; flex:none; } #overview .fanout-landing .course-folder-footer .wrensys-inline-arrow { filter:none; } #overview .fanout-landing .course-folder-card[data-course=ai] .wrensys-inline-arrow, #overview .fanout-landing .course-folder-card[data-course=inference] .wrensys-inline-arrow, #overview .fanout-landing .course-folder-card[data-course=robotic-arm] .wrensys-inline-arrow, #overview .fanout-landing .course-folder-card[data-course=reinforcement-learning] .wrensys-inline-arrow, #overview .fanout-landing .course-folder-card[data-course=diffusion] .wrensys-inline-arrow { filter:invert(1); } #overview .fanout-landing .button .wrensys-inline-arrow { filter:invert(1); } #overview .fanout-landing .button-outline .wrensys-inline-arrow { filter:none; } #overview .fanout-landing .course-folder-card { border:0; text-align:left; } #overview .fanout-landing .course-folder-body h3 { font-family:var(--ga-font-departure); font-weight:400; } #overview .fanout-landing .wrensys-course-container { width:min(72rem,100%); margin-inline:auto; padding:0 24px 64px; } #overview .fanout-landing .wrensys-course-directory { padding-block:64px; } #overview .fanout-landing .wrensys-course-directory > h2 { font-size:24px; font-weight:600; letter-spacing:-.025em; margin-top:12px; } #overview .fanout-landing .course-folder-grid.overview-benefits { margin-top:32px; margin-bottom:0; } #overview .fanout-landing .wrensys-course-pointers { list-style:none; padding:0; margin:14px 0 0; color:var(--course-muted); font-size:13px; line-height:1.55; } #overview .fanout-landing .wrensys-course-pointers li { display:flex; gap:8px; margin-top:6px; } #overview .fanout-landing .wrensys-course-pointers li::before { content:'+'; font-family:var(--ga-font-mono); flex:none; } #overview .fanout-landing .wrensys-course-stats { margin-top:10px; font:10px/1.5 var(--ga-font-mono); letter-spacing:.08em; color:var(--course-muted); } #overview .fanout-landing .wrensys-workloads { padding:48px 24px 64px; text-align:center; } #overview .fanout-landing .wrensys-workloads h2 { margin-top:12px; font-size:28px; font-weight:600; letter-spacing:-.03em; } #overview .fanout-landing .wrensys-workloads > p:last-child { margin:22px auto 0; max-width:580px; font-size:13px; line-height:1.6; color:var(--ga-fg2); } #overview .fanout-landing .wrensys-workload-list { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:24px 42px; margin:38px auto 0; max-width:960px; font-size:22px; font-weight:500; letter-spacing:-.03em; } #overview .fanout-landing .wrensys-scope-grid { width:min(100%,1160px); margin-inline:auto; padding:48px 24px 64px; text-align:center; } #overview .fanout-landing .wrensys-scope-grid > h2 { margin-top:14px; font-size:28px; font-weight:600; letter-spacing:-.03em; } #overview .fanout-landing .wrensys-scope-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:34px; text-align:left; } #overview .fanout-landing .wrensys-scope-cards article { min-height:230px; padding:28px; border:1px solid var(--ga-divider); border-radius:12px; background:var(--ga-surface); box-shadow:var(--ga-shadow-sm); } #overview .fanout-landing .wrensys-scope-cards h3 { font-size:20px; font-weight:500; letter-spacing:-.025em; line-height:1.15; margin:30px 0 14px; } #overview .fanout-landing .wrensys-scope-cards article > p:last-child { font-size:14px; line-height:1.65; color:var(--ga-fg2); } #overview .fanout-landing .fanout-gift-links button { padding:0; border:0; background:none; color:#5f563f; text-decoration:underline; text-underline-offset:5px; font-size:12px; font-weight:560; } #overview .fanout-landing .fanout-nav-surface-card { text-align:left; border:0; } #overview .fanout-landing .fanout-nav-surface-card:nth-child(4) .fanout-nav-surface-card-arrow .wrensys-inline-arrow { filter:invert(1); } #overview .fanout-landing .wrensys-pricing-proof { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:24px; border:1px solid var(--ga-divider); border-radius:12px; background:var(--ga-surface); box-shadow:var(--ga-shadow-sm); } #overview .fanout-landing .wrensys-pricing-proof span { min-height:60px; padding:18px; display:grid; place-items:center; text-align:center; font:10px/1.5 var(--ga-font-mono); color:var(--ga-fg2); } #overview .fanout-landing .wrensys-pricing-proof span + span { border-left:1px solid var(--ga-divider); } #overview .fanout-landing .wrensys-pricing-spacer { min-height:46px; margin-top:22px; color:var(--ga-fg3); font-size:12px; line-height:1.5; } #overview .fanout-landing .fanout-pricing-preview-card-strong { background:linear-gradient(180deg,#e5f4ec,var(--ga-surface) 44%); border-color:#aad9c5; } #overview .fanout-landing .fanout-pricing-preview-price { flex-wrap:wrap; } #overview .fanout-landing .fanout-pricing-preview-price strong { font-size:42px; } #overview .fanout-landing .fanout-pricing-preview-price span { font-size:11px; } #overview .fanout-landing .fanout-pricing-preview-link { padding:0; border-right:0; border-left:0; border-bottom:0; background:none; width:100%; } #overview .fanout-landing .wrensys-commercial-note { margin-top:20px; color:var(--ga-fg2); font-size:12px; line-height:1.6; } #overview .fanout-landing .wrensys-ops-note { padding:22px 18px; border:1px solid var(--ga-divider); border-radius:8px; background:var(--ga-surface); box-shadow:var(--ga-shadow-sm); } #overview .fanout-landing .wrensys-ops-note h3 { font-size:20px; font-weight:500; line-height:1.15; margin:18px 0 12px; } #overview .fanout-landing .wrensys-ops-note > p:last-of-type { font-size:13px; line-height:1.55; color:var(--ga-fg2); } #overview .fanout-landing .wrensys-note-tags { display:flex; flex-wrap:wrap; gap:6px; margin:20px 0; } #overview .fanout-landing .wrensys-note-tags span { padding:4px 6px; font:9px/1.4 var(--ga-font-mono); background:var(--ga-chip); color:var(--ga-fg2); border-radius:3px; } #overview .fanout-landing .wrensys-ops-note button { display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%; padding:12px 0 0; border:0; border-top:1px solid var(--ga-divider); font-size:11px; background:none; } #overview .fanout-landing .wrensys-faq-chevron { display:block; flex:none; width:7px; height:7px; margin-right:4px; border-right:1px solid var(--ga-fg2); border-bottom:1px solid var(--ga-fg2); rotate:45deg; } #overview .fanout-landing details[open] .wrensys-faq-chevron { rotate:225deg; } #overview .fanout-landing .fanout-faq-list summary { font-weight:500; } #overview .fanout-landing .wrensys-closing-container { width:min(72rem,100%); margin-inline:auto; padding:16px 24px 96px; } #overview .fanout-landing .wrensys-closing-card { display:flex; align-items:end; justify-content:space-between; gap:36px; padding:32px; } #overview .fanout-landing .wrensys-closing-card h2 { font-family:var(--ga-font-departure); font-size:30px; font-weight:400; line-height:1.15; letter-spacing:0; margin-top:22px; } #overview .fanout-landing .wrensys-closing-card p:last-child { margin-top:18px; color:var(--ga-fg2); font-size:13px; line-height:1.6; } #overview .fanout-landing .wrensys-closing-card .button { flex:none; } @media (max-width:980px) { #overview .fanout-landing .wrensys-scope-cards { grid-template-columns:repeat(2,minmax(0,1fr)); } } @media (max-width:700px) { #overview .fanout-landing .wrensys-course-container { padding-inline:20px; padding-bottom:48px; } #overview .fanout-landing .wrensys-course-directory { padding-block:48px; } #overview .fanout-landing .wrensys-course-directory > h2 { font-size:20px; } #overview .fanout-landing .wrensys-course-pointers { margin-top:10px; font-size:11px; line-height:1.45; } #overview .fanout-landing .wrensys-course-pointers li { margin-top:4px; } #overview .fanout-landing .wrensys-course-stats { font-size:8px; } #overview .fanout-landing .wrensys-workloads { padding:40px 20px 48px; } #overview .fanout-landing .wrensys-workloads h2 { font-size:23px; } #overview .fanout-landing .wrensys-workload-list { margin-top:26px; gap:18px 24px; font-size:18px; } #overview .fanout-landing .wrensys-scope-grid { padding:40px 20px 48px; } #overview .fanout-landing .wrensys-scope-grid > h2 { font-size:23px; } #overview .fanout-landing .wrensys-scope-cards { gap:12px; } #overview .fanout-landing .wrensys-scope-cards article { min-height:210px; padding:18px; } #overview .fanout-landing .wrensys-scope-cards h3 { margin-top:22px; font-size:18px; } #overview .fanout-landing .wrensys-scope-cards article > p:last-child { font-size:12px; } #overview .fanout-landing .wrensys-pricing-proof { grid-template-columns:minmax(0,1fr); } #overview .fanout-landing .wrensys-pricing-proof span { min-height:42px; padding:12px; } #overview .fanout-landing .wrensys-pricing-proof span + span { border-left:0; border-top:1px solid var(--ga-divider); } #overview .fanout-landing .wrensys-closing-container { padding-inline:20px; } #overview .fanout-landing .wrensys-closing-card { display:block; padding:28px; } #overview .fanout-landing .wrensys-closing-card h2 { font-size:26px; } #overview .fanout-landing .wrensys-closing-card .button { margin-top:24px; } } @media (max-width:480px) { #overview .fanout-landing .wrensys-course-pointers { margin-top:8px; font-size:10px; line-height:1.35; } #overview .fanout-landing .wrensys-course-stats { font-size:7px; } #overview .fanout-landing .wrensys-scope-cards { grid-template-columns:minmax(0,1fr); } #overview .fanout-landing .wrensys-scope-cards article { min-height:180px; } } #overview .fanout-landing { --ga-cat-blue:#2f7cf6; --ga-cat-green:#2ab673; --ga-cat-orange:#e8822a; --ga-cat-purple:#6e56cf; --ga-cat-red:#e4402c; --ga-sparkle-from:#a78bfa; --ga-sparkle-to:#6366f1; --ga-success:#0f9d58; --ga-ink-50:#fafafa; --ga-ink-900:#1d1d1d; --ga-r-sm:6px; --ga-dur-base:.2s; --ga-dur-fast:.15s; --ga-dur-slow:.25s; --ga-ease-out:cubic-bezier(.2,.8,.2,1); --ga-shadow-sm:0 1px 2px #3b3b3b17,0 0 0 1px #3b3b3b03; --ga-shadow-md:0 1px 2px #3b3b3b17,0 2px 4px #3b3b3b0d,0 0 0 1px #3b3b3b03; --ga-shadow-lg:0 2px 4px #3b3b3b0d,0 4px 8px #3b3b3b17,0 8px 16px #3b3b3b1a,0 0 0 1px #3b3b3b03; } #overview .fanout-landing .wrensys-course-container, #overview .fanout-landing .wrensys-closing-container { width:min(1008px,100%); padding-inline:21px; } #overview .fanout-landing .fanout-nav-surface-card { --surface-ink:var(--ga-ink-900); } #overview .fanout-landing .fanout-nav-surface-card:nth-child(1) { --surface-bg:color-mix(in srgb,var(--ga-cat-red) 38%,var(--ga-ink-50)); } #overview .fanout-landing .fanout-nav-surface-card:nth-child(2) { --surface-bg:var(--ga-cat-orange); } #overview .fanout-landing .fanout-nav-surface-card:nth-child(3) { --surface-bg:var(--ga-ink-50); } #overview .fanout-landing .fanout-nav-surface-card:nth-child(4) { --surface-bg:var(--ga-cat-blue); --surface-ink:var(--ga-ink-50); } #overview .fanout-landing .fanout-nav-surface-card:nth-child(5) { --surface-bg:color-mix(in srgb,var(--ga-cat-green) 76%,var(--ga-ink-50)); } #overview .fanout-landing .fanout-nav-surface-card:nth-child(6) { --surface-bg:color-mix(in srgb,var(--ga-cat-purple) 42%,var(--ga-ink-50)); } #overview .fanout-landing .fanout-nav-surface-card:nth-child(7) { --surface-bg:#66bddb; } #overview .fanout-landing .fanout-nav-surface-card:nth-child(8) { --surface-bg:#efd188; } @media (max-width:700px) { #overview .fanout-landing .wrensys-course-container, #overview .fanout-landing .wrensys-closing-container { padding-inline:17.5px; } } @media (min-width:1536px) { #overview .fanout-landing .wrensys-course-container, #overview .fanout-landing .wrensys-closing-container { width:min(1480px,100%); } } } /* Override the previous sidebar's heading and section rules for the source DOM. */ body.content-tabs-layout #overview .fanout-home-title { max-width: 860px; margin: 0; padding: 0; font-family: var(--ga-font-sans); font-size: clamp(58px,6.25vw,88px); font-weight: 400; line-height: .99; letter-spacing: -.052em; text-align: center; color: var(--ga-fg1); } body.content-tabs-layout #overview .fanout-home-title em { font-family: var(--ga-font-departure); font-size: .78em; font-style: normal; font-weight: 400; color: inherit; letter-spacing: -.025em; } body.content-tabs-layout #overview .fanout-home-title { min-height: 2.09em; } body.content-tabs-layout #overview .fanout-home-copy { margin-top: 52px; max-width: 580px; font-size: 17px; font-weight: 450; line-height: 1.48; color: var(--ga-fg1); } body.content-tabs-layout #overview .fanout-home-primary { min-height: 48px; padding: 0 21px; color: #fff; background: linear-gradient(#424242,#242424); border: 1px solid #1d1d1d; box-shadow: inset 0 1px #ffffff20,0 2px 3px #0000000a; font-size: 14px; font-weight: 500; gap: 10px; } .fanout-home-primary img { filter: invert(1); } .fanout-home-hero-content img { flex: none; } #overview .fanout-home-actions { margin-top: 34px; } #overview .fanout-hero-artifacts { text-align: left; } body.content-tabs-layout #configure[data-page-kind] .live-estimate { top: 172px; } body.content-tabs-layout .screen .section-heading h2 { font-weight: 500; } /* Keep the source palette while meeting text contrast for the service captions. */ #overview .fanout-landing .course-folder-card[data-course="reinforcement-learning"] { --course-muted: #d4c5b6; } #overview .fanout-landing .course-folder-card[data-course="diffusion"] { --course-muted: #ebcbc5; } #overview .fanout-landing .fanout-nav-surface-card:nth-child(4) { --surface-bg: #246bd9; } #overview .fanout-landing .fanout-nav-surface-card-copy small { color: inherit; opacity: 1; } #overview .fanout-landing .fanout-nav-surface-card-meta, #overview .fanout-landing .fanout-nav-surface-card-meta > span { color: var(--surface-ink); opacity: 1; } #overview .fanout-landing .fanout-nav-surface-card-meta > span:nth-child(2) { color: var(--surface-ink); opacity: 1; } @media (width<=800px) { body.content-tabs-layout #overview .fanout-home-title { font-size: clamp(52px,9.5vw,68px); } body.content-tabs-layout #overview .fanout-home-copy { max-width: 520px; margin-top: 42px; font-size: 16px; } } @media (width<=560px) { body.content-tabs-layout #overview .fanout-home-title { font-size: clamp(43px,12.5vw,57px); line-height: 1.02; letter-spacing: -.045em; } body.content-tabs-layout #overview .fanout-home-title { min-height: 3.09em; } body.content-tabs-layout #overview .fanout-home-title em { display: block; } body.content-tabs-layout #overview .fanout-home-copy { margin-top: 34px; font-size: 15px; } body.content-tabs-layout #overview .fanout-home-primary { min-height: 46px; } #overview .fanout-home-actions { margin-top: 27px; } body.content-tabs-layout #configure[data-page-kind] .live-estimate { top: auto; } } }