:root{--navy:#09182a;--ink:#10263f;--muted:#667588;--blue:#91b8ef;--paper:#f7f9fc;--surface:#fff;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;object-fit:cover}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #72a9f1;outline-offset:6px}button[hidden],[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;top:12px;left:18px;z-index:100;padding:12px 18px;border-radius:8px;background:#fff;color:#10263f;transform:translateY(-160%)}.skip-link:focus{transform:none}.film-header{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:32px clamp(26px,5.3vw,86px);color:white;--keylective-key-gold:#d9ae5f}.film-wordmark{font-size:17px;letter-spacing:.14em;font-weight:680;line-height:1.2}.film-header nav{display:flex;gap:30px;font-size:14px}.film-account{display:flex;align-items:center;gap:20px}.film-signin{font-size:14px;font-weight:580}.film-join{display:inline-flex;align-items:center;min-height:40px;padding:8px 18px;border-radius:50px;background:#fff;color:#142c48;font-size:14px;font-weight:620;white-space:nowrap;transition:background .2s}.film-join:hover{background:#e8f0fd}.scroll-film{background:var(--navy)}.film-stage{height:100svh;min-height:700px;position:relative;isolation:isolate;overflow:hidden;background:var(--navy);color:#fff}.film-media,.film-shade{position:absolute;inset:0;z-index:0}.film-media{overflow:hidden}.film-shade{z-index:1;background:linear-gradient(90deg,rgba(5,16,30,.90) 0%,rgba(5,16,30,.72) 28%,rgba(5,16,30,.18) 57%,rgba(5,16,30,.06) 100%),linear-gradient(0deg,rgba(5,16,30,.84) 0%,transparent 30%,transparent 76%,rgba(5,16,30,.42) 100%)}.film-copy-wrap{position:absolute;z-index:2;left:clamp(26px,5.3vw,86px);top:50%;width:min(610px,45vw);transform:translateY(-48%)}.film-copy{display:none}.film-copy.is-current{display:block;animation:copy-arrive .42s ease both}.film-eyebrow{font-size:12px;letter-spacing:.19em;font-weight:650;color:#d7e3f3;margin-bottom:30px}.film-copy h1,.film-copy h2{font:400 clamp(62px,6.6vw,100px)/.98 Georgia,"Times New Roman",serif;letter-spacing:-.055em;color:#fff;max-width:650px;text-wrap:balance}.film-copy h2{font-size:clamp(56px,5.8vw,86px);line-height:1.03}.film-copy h1 em,.film-copy h2 em{font-weight:400;color:#a9c9f3}.film-lead{font-size:19px;line-height:1.65;letter-spacing:-.02em;color:#edf3fc;margin-top:28px}.film-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;background:#fff;color:#142c48;border-radius:100px;padding:13px 25px;font-size:14px;font-weight:620;margin-top:34px;transition:background .2s,transform .2s}.film-button:hover{background:#e8f0fd;transform:translateY(-2px)}.film-note{display:inline-flex;margin-top:31px;font-size:13px;color:#b9d4f8;background:#152d4870;backdrop-filter:blur(12px);border-radius:100px;padding:10px 16px}.film-bottom{position:absolute;z-index:2;left:clamp(26px,5.3vw,86px);right:clamp(26px,5.3vw,86px);bottom:47px;display:flex;align-items:center;justify-content:space-between;gap:30px}.chapter-nav{display:flex;gap:26px;align-items:center}.chapter-nav button{border:0;background:transparent;color:#c6d2e3;padding:10px 0;font-size:13px;font-weight:500;min-height:44px;display:flex;align-items:center;gap:10px;opacity:.78}.chapter-nav button span{font-size:12px;display:inline-grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#ffffff0d;color:#c2d3eb}.chapter-nav button[aria-pressed=true]{color:white;opacity:1}.chapter-nav button[aria-pressed=true] span{background:#fff;color:#193b65}.film-access{display:flex;align-items:center;gap:20px;font-size:12px;color:#e0e9f6}.film-access a{display:inline-flex;align-items:center;min-height:44px}.film-disclosure{position:absolute;z-index:2;bottom:17px;right:clamp(26px,5.3vw,86px);font-size:12px;color:#c1cddd}.eyebrow{font-size:12px;letter-spacing:.15em;color:#5c6e83;font-weight:680}.light-button{display:inline-flex;background:#fff;color:#17344f;border-radius:50px;padding:12px 23px;min-height:48px;font-size:14px;font-weight:620;margin-top:28px;align-items:center;justify-content:center}.closing-story{position:relative;isolation:isolate;overflow:hidden;text-align:center;padding:130px 30px 110px;background:radial-gradient(40% 34% at 50% 58%,rgba(217,174,95,.18) 0%,rgba(217,174,95,0) 72%),linear-gradient(180deg,#0b1d33 0%,#09182a 100%);color:#fff}.closing-story .eyebrow{color:#adbed4}.closing-story h2{font:400 clamp(42px,5vw,72px)/1.04 Georgia,serif;letter-spacing:-.05em;margin-top:25px}.closing-story h2 em{color:#a9c9f3;font-weight:400}.closing-story .film-button{margin-top:34px}.closing-ring{position:absolute;z-index:-1;left:50%;top:58%;width:min(560px,88vw);aspect-ratio:1;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(169,201,243,.16);transform:translate(-50%,-50%);animation:ring-turn 40s linear infinite}.closing-ring::after{content:"";position:absolute;inset:-1px;border-radius:50%;border:2px solid transparent;border-top-color:rgba(217,174,95,.85);transform:rotate(-45deg)}@keyframes ring-turn{to{transform:translate(-50%,-50%) rotate(360deg)}}.dark-button{display:inline-flex;align-items:center;justify-content:center;background:#142d47;color:#fff;border-radius:50px;padding:14px 28px;min-height:52px;font-size:14px;font-weight:610;margin-top:36px}.honest-details{max-width:none;margin:0;padding:0 32px 70px;text-align:center;color:#97acc7;font-size:12px;line-height:1.8;background:#09182a}.honest-details details{max-width:800px;margin:auto}.honest-details summary{cursor:pointer;padding:15px;color:#a9c9f3;font-size:13px;list-style:none}.honest-details summary::-webkit-details-marker{display:none}.honest-details p+p{margin-top:14px}.honest-details a{color:#a9c9f3;display:inline-block;margin-top:17px}.film-footer{margin:0;padding:28px max(65px,calc((100vw - 1150px)/2)) 48px;display:flex;align-items:center;justify-content:space-between;gap:25px;background:#09182a;color:#97acc7;box-shadow:inset 0 1px 0 rgba(169,201,243,.12)}.footer-wordmark{font-size:13px;letter-spacing:.13em;font-weight:720;color:#fff;--keylective-key-gold:#d9ae5f}.film-footer nav{display:flex;gap:25px;font-size:12px;color:#adbed4}.film-footer nav a:hover{color:#fff}.film-footer>span{font-size:12px;color:#8fa4bf}
@keyframes copy-arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (max-width:1100px){.film-header{padding:28px 38px}.film-header nav{gap:22px}.film-header nav a[href="/about"]{display:none}.film-copy-wrap{left:38px;width:53vw}.film-copy h1{font-size:85px}.film-copy h2{font-size:71px}.film-lead{font-size:17px}.film-bottom{left:38px;right:38px}.chapter-nav{gap:20px}.chapter-nav button{font-size:12px}.film-access{gap:15px}.film-footer{padding-inline:38px}.film-footer>span{display:none}}
@media (max-width:760px){.film-header{padding:26px 24px}.film-header nav{display:none}.film-wordmark{font-size:15px}.film-signin{font-size:13px}.film-account{gap:14px}.film-join{min-height:36px;padding:7px 14px;font-size:13px}.film-stage{min-height:740px;height:100svh}.film-shade{background:linear-gradient(0deg,rgba(5,16,30,.98) 0%,rgba(5,16,30,.85) 34%,rgba(5,16,30,.13) 71%,rgba(5,16,30,.36) 100%)}.film-copy-wrap{left:27px;right:27px;width:auto;top:auto;bottom:164px;transform:none}.film-eyebrow{font-size:12px;margin-bottom:17px;letter-spacing:.15em}.film-copy h1{font-size:clamp(58px,10.8vw,80px);line-height:.97;max-width:500px}.film-copy h2{font-size:clamp(49px,9vw,65px);max-width:500px}.film-lead{font-size:15px;line-height:1.6;margin-top:20px}.film-button{min-height:47px;padding:11px 21px;font-size:12px;margin-top:23px}.film-note{font-size:12px;margin-top:23px;padding:8px 13px}.film-bottom{left:27px;right:27px;bottom:40px;display:block}.chapter-nav{gap:15px;justify-content:space-between}.chapter-nav button{font-size:12px;gap:6px;min-height:38px;padding:8px 0}.chapter-nav button span{width:24px;height:24px;font-size:12px}.film-access{justify-content:space-between;font-size:12px;gap:18px;margin-top:8px}.film-disclosure{right:27px;bottom:14px;font-size:12px}.closing-story{padding:64px 25px 48px}.closing-story h2{font-size:50px}.film-footer{padding:15px 27px 38px;flex-wrap:wrap}.film-footer nav{gap:22px;font-size:12px}.honest-details{padding-inline:27px}.eyebrow{font-size:12px}}
@media (max-width:380px){.film-stage{min-height:720px}.film-copy-wrap{left:23px;right:23px;bottom:159px}.film-copy h1{font-size:61px}.film-copy h2{font-size:50px}.film-lead{font-size:14px}.film-header{padding-inline:23px}.film-bottom{left:23px;right:23px}.chapter-nav{gap:10px}.chapter-nav button{font-size:12px;gap:5px}.chapter-nav button span{width:21px;height:21px;font-size:12px}.closing-story h2{font-size:57px}}
@media (max-height:720px) and (min-width:761px){.film-stage{min-height:630px}.film-copy-wrap{top:49%}.film-copy h1{font-size:80px}.film-copy h2{font-size:67px}.film-eyebrow{margin-bottom:20px}.film-lead{margin-top:20px}.film-bottom{bottom:38px}.film-disclosure{bottom:12px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


.film-header nav a,.film-access a{white-space:nowrap}.film-button,.film-note{display:inline-block;width:auto;text-align:center}.chapter-nav button span{flex:0 0 27px}.film-copy h2{max-width:530px}@media (max-width:760px){.chapter-nav button span{flex-basis:24px}}@media (max-width:380px){.chapter-nav button span{flex-basis:21px}}

.film-stage{min-height:0}@media (max-width:760px){.film-stage{min-height:0}}@media (max-width:380px){.film-stage{min-height:0}.film-copy h1{font-size:54px}.film-copy h2{font-size:45px}}@media (max-height:540px) and (min-width:761px){.film-stage{min-height:0}.film-header{padding-block:18px}.film-copy-wrap{top:51%}.film-copy h1{font-size:54px}.film-copy h2{font-size:48px}.film-eyebrow{font-size:12px;margin-bottom:12px}.film-lead{font-size:12px;margin-top:13px}.film-button{min-height:39px;padding:9px 18px;font-size:12px;margin-top:19px}.film-note{font-size:12px;margin-top:18px}.film-bottom{bottom:23px}.chapter-nav button{min-height:32px}.film-disclosure{bottom:7px;font-size:12px}}




/* Opening story: a self-playing animation of the key moving between professionals. */
.hero-stage{background:radial-gradient(58% 60% at 72% 50%,#173a63 0%,rgba(9,24,42,0) 72%),radial-gradient(34% 30% at 76% 64%,rgba(217,174,95,.14) 0%,rgba(9,24,42,0) 72%),linear-gradient(180deg,#071322 0%,#09182a 55%,#050e1a 100%)}.hero-stage::before{content:"";position:absolute;inset:-20%;background:radial-gradient(28% 28% at 32% 38%,rgba(145,184,239,.10),transparent 70%),radial-gradient(24% 24% at 70% 72%,rgba(217,174,95,.08),transparent 70%);animation:hero-aurora 18s ease-in-out infinite alternate}.hero-stage::after{content:"";position:absolute;inset:0;z-index:300;pointer-events:none;opacity:.07;mix-blend-mode:overlay;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}@keyframes hero-aurora{from{transform:translate3d(-3%,-2%,0) scale(1)}to{transform:translate3d(3%,2%,0) scale(1.08)}}.hero-stage:not(.is-ready)>:not(canvas){opacity:0!important}
.hero-house{position:absolute;z-index:0;right:-3%;bottom:2%;width:min(66vw,1060px);height:auto;opacity:.24;pointer-events:none;-webkit-mask-image:linear-gradient(to top,#000 22%,rgba(0,0,0,.6) 60%,transparent 98%);mask-image:linear-gradient(to top,#000 22%,rgba(0,0,0,.6) 60%,transparent 98%)}.house-lights{animation:house-glow 6s ease-in-out infinite alternate}@keyframes house-glow{from{opacity:.45}to{opacity:1}}@media (max-width:760px){.hero-house{left:50%;right:auto;top:9%;bottom:auto;width:160%;transform:translateX(-50%);opacity:.2;-webkit-mask-image:linear-gradient(to bottom,#000 30%,transparent 88%);mask-image:linear-gradient(to bottom,#000 30%,transparent 88%)}}
.hero-fx{position:absolute;inset:0;width:100%;height:100%}.hero-defs{position:absolute;width:0;height:0;overflow:hidden}.hero-orb,.hero-node,.hero-key,.hero-card{position:absolute;left:0;top:0;will-change:transform,opacity}.hero-orb{z-index:50;width:var(--orb,150px);height:var(--orb,150px);margin:calc(var(--orb,150px)/-2) 0 0 calc(var(--orb,150px)/-2)}.hero-orb::before{content:"";position:absolute;inset:-12%;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(169,201,243,.4);animation:hero-pulse 3.4s ease-out infinite}.orb-face{position:absolute;inset:0;border-radius:50%;background:#1a2f4b url("/story/couple.jpg") 50% 50%/cover no-repeat;box-shadow:inset 0 0 0 1.5px rgba(169,201,243,.6),0 0 calc(80px*var(--glow,.6)) rgba(145,184,239,calc(.55*var(--glow,.6)))}.orb-face::after,.node-disc::after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.2),rgba(255,255,255,0) 40%),linear-gradient(180deg,rgba(9,24,42,0) 58%,rgba(9,24,42,.32))}.orb-label{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%);white-space:nowrap;text-align:center;font:400 clamp(15px,1.25vw,19px)/1.15 Georgia,serif;color:#eef4fd}.orb-label small{display:block;margin-top:4px;font:640 10px/1.2 Inter,ui-sans-serif,-apple-system,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#a9c9f3}@keyframes hero-pulse{from{transform:scale(.92);opacity:.9}to{transform:scale(1.28);opacity:0}}
.hero-node{width:var(--disc,100px);height:var(--disc,100px);margin:calc(var(--disc,100px)/-2) 0 0 calc(var(--disc,100px)/-2)}.node-disc{position:absolute;inset:0;border-radius:50%;background:#1a2f4b url("/story/team.jpg") calc(var(--face,0)*25%) 0/500% 100% no-repeat;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),0 18px 40px -18px rgba(0,0,0,.7);filter:saturate(.72) brightness(.8);transition:box-shadow .6s ease,filter .6s ease}.node-badge{position:absolute;right:-7%;bottom:-7%;display:grid;place-items:center;width:38%;height:38%;border-radius:50%;background:#10263f;box-shadow:0 0 0 2px rgba(9,24,42,.9),inset 0 0 0 1px rgba(255,255,255,.2);color:#d7e6fb;transition:background .5s ease}.node-badge svg{width:60%;height:60%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.hero-node.is-lit .node-disc,.hero-node.has-key .node-disc{filter:none}.hero-node.has-key .node-badge{background:#a77a29;color:#fff}.hero-node b,.hero-node em{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}.hero-node b{top:calc(100% + 10px);font-size:13px;font-weight:560;color:#e6eefa}.hero-node em{top:calc(100% + 33px);padding:3px 9px;border-radius:50px;background:rgba(217,174,95,.17);color:#f4dca8;font-size:11px;font-style:normal;font-weight:620;letter-spacing:.03em;opacity:0;transition:opacity .4s ease}.hero-node.is-back .node-disc{filter:blur(.7px) saturate(.72) brightness(.8)}.hero-node.is-back.is-lit .node-disc,.hero-node.is-back.has-key .node-disc{filter:blur(.7px)}.hero-node.is-back b{top:auto;bottom:calc(100% + 10px)}.hero-node.is-back em{display:none}.hero-node em:not(:empty){opacity:1}.hero-node[data-status=Reviewing] em{background:rgba(145,184,239,.2);color:#d6e5f8}.hero-node.is-lit .node-disc{box-shadow:inset 0 0 0 1px rgba(169,201,243,.55),0 0 36px rgba(145,184,239,.35),0 18px 40px -18px rgba(0,0,0,.7)}.hero-node.has-key .node-disc{box-shadow:inset 0 0 0 1.5px rgba(217,174,95,.95),0 0 48px rgba(217,174,95,.45),0 18px 40px -18px rgba(0,0,0,.7)}
.hero-key{z-index:150;width:var(--key,110px);height:var(--key,110px);margin:calc(var(--key,110px)/-2) 0 0 calc(var(--key,110px)/-2);overflow:visible;filter:drop-shadow(0 0 10px rgba(240,200,120,.7)) drop-shadow(0 10px 18px rgba(0,0,0,.45))}.hero-key.is-mini{z-index:140;width:calc(var(--key,110px)*.55);height:calc(var(--key,110px)*.55);margin:calc(var(--key,110px)*-.275) 0 0 calc(var(--key,110px)*-.275)}.hero-card{z-index:200;width:224px;margin-left:-112px;padding:14px 16px 13px;border-radius:14px;background:linear-gradient(160deg,rgba(255,255,255,.15),rgba(255,255,255,.05));box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 24px 50px -20px rgba(0,0,0,.75);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;opacity:0;transform-origin:50% 100%}.hero-card p{font-size:10px;font-weight:680;letter-spacing:.16em;color:#a9c9f3}.hero-card strong{display:block;margin-top:6px;font-size:15px;font-weight:600;letter-spacing:-.01em;line-height:1.3}.hero-card span{display:block;margin-top:2px;font-size:12px;color:#c1cfe2}.hero-card em{display:inline-block;margin-top:10px;padding:3px 9px;border-radius:50px;background:rgba(217,174,95,.18);color:#f4dca8;font-size:11px;font-style:normal;font-weight:620}
@media (max-width:760px){.hero-node b{top:calc(100% + 6px);font-size:11px}.hero-node em{top:calc(100% + 24px);padding:2px 7px;font-size:10px}.hero-node.is-back b{bottom:calc(100% + 6px)}.hero-card{width:180px;margin-left:-90px;padding:11px 13px 10px}.hero-card strong{font-size:13px}.orb-label small{display:none}}@media (max-width:760px) and (max-height:700px){.hero-node b,.hero-node em,.hero-card,.orb-label small{display:none}}

.chapter-nav button{font-size:14px;min-height:44px}.film-access{font-size:12px;min-height:44px}.honest-details{font-size:14px}.film-footer nav{font-size:14px}.film-disclosure{font-size:12px}@media (max-width:760px){.chapter-nav button{font-size:12px;min-height:44px}.film-access{font-size:12px;min-height:44px}.film-disclosure{font-size:12px}.film-eyebrow{font-size:12px}}@media (max-width:380px){.chapter-nav button span{display:none}.chapter-nav button{font-size:13px;flex:1;justify-content:center}.chapter-nav{gap:9px}.film-eyebrow{font-size:12px}.film-disclosure{font-size:11px}.film-copy-wrap{bottom:174px}}

/* The two sides of Keylective, client work and My network, for every role, plus the client's view. Kept compact and quiet. */
.network-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center;padding:96px max(65px,calc((100vw - 1150px)/2));overflow:hidden;background:linear-gradient(180deg,#050e1a 0%,#0b1d33 34%,#0e2442 100%);color:#fff}.network-story .eyebrow{color:#adbed4}.network-copy h2,.clients-copy h2{margin-top:22px;font:400 clamp(40px,4.2vw,60px)/1.04 Georgia,serif;letter-spacing:-.04em}.network-copy h2 em{color:#d9ae5f;font-weight:400}.network-lead{max-width:470px;margin-top:20px;font-size:17px;line-height:1.65;color:#d3deec}.role-row{display:flex;align-items:center;gap:14px;margin-top:24px;font-size:14px;line-height:1.5;color:#c1ccdc}.role-faces{display:flex;flex:0 0 auto}.role-faces i,.net-person i,.net-avatars i,.net-find-person i{background:#1a2f4b url("/story/team.jpg") calc(var(--face,0)*25%) 0/500% 100% no-repeat}.role-faces i{width:34px;height:34px;margin-left:-9px;border-radius:50%;box-shadow:0 0 0 2px #0b1d33}.role-faces i:first-child{margin-left:0}.network-copy small{display:block;max-width:440px;margin-top:20px;font-size:12px;line-height:1.7;color:#97acc7}
.network-visual{position:relative;justify-self:center;width:min(460px,100%);aspect-ratio:1;background:radial-gradient(circle at 50% 50%,#173a63 0%,rgba(11,29,51,0) 66%)}.net-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.net-line{fill:none;stroke:#d9ae5f;stroke-width:.35;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:0;filter:drop-shadow(0 0 1px rgba(217,174,95,.8))}.net-person{position:absolute;left:var(--x);top:var(--y);width:21%;aspect-ratio:1;transform:translate(-50%,-50%)}.net-person.is-you{width:25%}.net-person i{position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgba(217,174,95,.85),0 0 26px rgba(217,174,95,.3)}.net-person.is-you i{box-shadow:inset 0 0 0 1.5px rgba(169,201,243,.7),0 0 40px rgba(145,184,239,.35)}.net-person b{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);white-space:nowrap;font-size:12px;font-weight:600;color:#e6eefa}.net-chip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);padding:3px 9px;border-radius:50px;white-space:nowrap;font-size:11px;font-style:normal;font-weight:620}.net-chip.ok{background:rgba(217,174,95,.2);color:#f4dca8}.net-bubble{position:absolute;max-width:34%;padding:10px 13px;border-radius:14px;background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.05));box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 16px 30px -18px rgba(0,0,0,.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;font-size:12.5px;line-height:1.45}.net-bubble.one{left:33%;top:6%;border-bottom-left-radius:4px}.net-bubble.two{left:62%;top:39%;border-bottom-right-radius:4px}.net-team{position:absolute;left:50%;bottom:0;display:grid;justify-items:center;gap:8px;padding:12px 18px;border-radius:16px;transform:translateX(-50%);background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.05));box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 20px 40px -20px rgba(0,0,0,.75);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);white-space:nowrap}.net-team span{font-size:10px;font-weight:700;letter-spacing:.16em;color:#a9c9f3}.net-avatars{display:flex}.net-avatars i{width:30px;height:30px;margin-left:-8px;border-radius:50%;box-shadow:0 0 0 2px #0b1d33}.net-avatars i:first-child{margin-left:0}.net-team strong{font-size:13px;font-weight:600}.net-find-wrap{position:absolute;inset:0;z-index:5;transform-origin:50% 46%}.net-find{position:absolute;left:50%;top:46%;width:66%;padding:15px 16px 16px;border-radius:18px;transform:translate(-50%,-50%);background:linear-gradient(160deg,rgba(255,255,255,.17),rgba(255,255,255,.06));box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),0 30px 60px -24px rgba(0,0,0,.85);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;opacity:0}.net-find-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:700;letter-spacing:.16em;color:#a9c9f3}.net-tabs{display:flex;gap:2px;padding:2px;border-radius:50px;background:rgba(255,255,255,.09);letter-spacing:0}.net-tabs i{padding:3px 10px;border-radius:50px;font-style:normal;font-weight:600;color:#c6d2e3}.net-tabs i.on{background:#fff;color:#142d47}.net-find-person{display:flex;align-items:center;gap:12px;margin-top:14px}.net-find-person i{flex:0 0 56px;width:56px;height:56px;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgba(169,201,243,.65)}.net-find-person small{display:block;font-size:10px;font-weight:700;letter-spacing:.15em;color:#a9c9f3}.net-find-person strong{display:block;margin-top:2px;font-size:17px;font-weight:620;line-height:1.2}.net-find-person span{display:block;font-size:12px;color:#c1cfe2}.net-find-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.net-find-tags em{padding:3px 9px;border-radius:50px;background:rgba(145,184,239,.17);color:#d6e5f8;font-size:11px;font-style:normal;font-weight:560}.net-find-foot{position:relative;height:36px;margin-top:14px}.net-find-actions{display:flex;gap:8px;height:100%}.net-find-actions span{flex:1;display:grid;place-items:center;border-radius:50px;font-size:13px;font-weight:620}.net-skip{background:rgba(255,255,255,.09);color:#d6e5f8}.net-connect{background:#fff;color:#142d47}.net-find-sent{position:absolute;inset:0;display:grid;place-items:center;border-radius:50px;background:rgba(217,174,95,.2);color:#f4dca8;font-size:13px;font-weight:620;opacity:0}
.network-visual *{animation-duration:18s;animation-iteration-count:infinite;animation-timing-function:ease}.net-person.is-you,.net-person.first{animation-name:net-in-early}.net-person.rest{animation-name:net-in-late}.net-person.first i{animation-name:net-first-ring}.net-person.rest i{animation-name:net-rest-ring}.net-line.first{animation-name:net-line-first}.net-line.rest{animation-name:net-line-rest}.net-chip.ok{animation-name:net-chip-ok}.net-bubble.one{animation-name:net-bubble-one}.net-bubble.two{animation-name:net-bubble-two}.net-team{animation-name:net-team}.net-find-wrap{animation-name:net-find-fly}.net-find{animation-name:net-find-in}.net-connect{animation-name:net-press}.net-find-actions{animation-name:net-actions-out}.net-find-sent{animation-name:net-sent-in}
@keyframes net-find-in{0%{opacity:0;transform:translate(-50%,-44%)}3%,20%{opacity:1;transform:translate(-50%,-50%)}26%,100%{opacity:0;transform:translate(-50%,-50%)}}@keyframes net-find-fly{0%,19%{transform:none}26%,100%{transform:translate(27%,-23%) scale(.3)}}@keyframes net-press{0%,10%{transform:none}11.5%{transform:scale(.9)}13%,100%{transform:none}}@keyframes net-actions-out{0%,12.5%{opacity:1}14%,100%{opacity:0}}@keyframes net-sent-in{0%,13%{opacity:0;transform:translateY(4px)}15%,100%{opacity:1;transform:none}}@keyframes net-in-early{0%,20%{opacity:0;transform:translate(-50%,-50%) scale(.85)}26%,94%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(.95)}}@keyframes net-in-late{0%,56%{opacity:0;transform:translate(-50%,-50%) scale(.85)}61%,94%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(.95)}}@keyframes net-first-ring{0%,31%{box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);filter:saturate(.55) brightness(.75)}35%,100%{box-shadow:inset 0 0 0 1.5px rgba(217,174,95,.85),0 0 26px rgba(217,174,95,.3);filter:none}}@keyframes net-rest-ring{0%,65%{box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);filter:saturate(.55) brightness(.75)}69%,100%{box-shadow:inset 0 0 0 1.5px rgba(217,174,95,.85),0 0 26px rgba(217,174,95,.3);filter:none}}@keyframes net-line-first{0%,26%{stroke-dashoffset:100;opacity:1}33%,94%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}@keyframes net-line-rest{0%,60%{stroke-dashoffset:100;opacity:1}68%,94%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}@keyframes net-chip-ok{0%,34%{opacity:0}37%,56%{opacity:1}60%,100%{opacity:0}}@keyframes net-bubble-one{0%,39%{opacity:0;transform:translateY(10px)}43%,90%{opacity:1;transform:none}95%,100%{opacity:0}}@keyframes net-bubble-two{0%,47%{opacity:0;transform:translateY(10px)}51%,90%{opacity:1;transform:none}95%,100%{opacity:0}}@keyframes net-team{0%,72%{opacity:0;transform:translate(-50%,16px)}78%,92%{opacity:1;transform:translate(-50%,0)}97%,100%{opacity:0;transform:translate(-50%,0)}}
.tools-story{position:relative;isolation:isolate;overflow:hidden;padding:124px 0 108px;background:linear-gradient(180deg,#e7eff9 0%,#f2f6fc 72%,#f6f9fd 100%);color:var(--ink)}.tools-copy{max-width:760px;margin:0 auto;padding:0 26px;text-align:center}.tools-copy h2{margin-top:22px;font:400 clamp(40px,4.4vw,64px)/1.04 Georgia,serif;letter-spacing:-.04em}.tools-copy h2 em{color:#385f91;font-weight:400}.tools-copy>p:not(.eyebrow){max-width:520px;margin:18px auto 0;font-size:17px;line-height:1.65;color:#5f7289}
.tools-marquee{display:flex;gap:18px;margin-top:48px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.tools-track{display:flex;flex:0 0 auto;gap:18px;margin:0;padding:12px 0 36px;list-style:none;animation:tools-scroll 48s linear infinite}@keyframes tools-scroll{to{transform:translateX(calc(-100% - 18px))}}
.tool-tile{flex:0 0 224px;padding:14px 14px 18px;border-radius:22px;background:#fff;box-shadow:0 30px 60px -38px rgba(16,38,63,.55),inset 0 0 0 1px #e1e8f2}.tool-tile strong{display:block;margin:14px 4px 0;font-size:15px;font-weight:620;color:#10263f}.tool-tile>span{display:block;margin:4px 4px 0;font-size:13px;line-height:1.45;color:#5f7289}
.mini{position:relative;height:136px;padding:14px;border-radius:16px;overflow:hidden;background:linear-gradient(160deg,#f2f6fc,#e4ecf8)}.mini b{display:block;width:78%;height:7px;margin-top:8px;border-radius:4px;background:#c8d6e9}.mini b.short{width:48%}.mini i{display:block;border-radius:50%;background:#1a2f4b url("/story/team.jpg") calc(var(--face,0)*25%) 0/500% 100% no-repeat}.mini .qr{position:absolute;right:12px;bottom:12px;width:36px;height:36px;border-radius:7px;background:linear-gradient(90deg,#10263f 50%,transparent 0) 0 0/9px 9px,linear-gradient(#10263f 50%,#fff 0) 0 0/9px 9px;box-shadow:0 0 0 3px #fff;opacity:.85}
.mini-card{background:linear-gradient(160deg,#0b1d33,#173a63)}.mini-card i{width:46px;height:46px;box-shadow:0 0 0 2px rgba(217,174,95,.85)}.mini-card b{background:rgba(255,255,255,.3)}
.mini-letter{background:#fff;box-shadow:inset 0 0 0 1px #e1e8f2}.mini-letter em{display:block;margin:-2px -2px 6px;padding:6px 8px;border-radius:7px;background:#10263f;color:#fff;font-size:9px;font-style:normal;font-weight:700;letter-spacing:.12em}.mini-letter .pdf{position:absolute;right:12px;bottom:12px;padding:4px 9px;border-radius:50px;background:#d9ae5f;color:#10263f;font-size:10px;font-weight:700;animation:mini-pulse 3.2s ease-in-out infinite}
.mini-flyer .photo{display:block;height:58px;margin:-2px -2px 8px;border-radius:10px;background:radial-gradient(60% 80% at 30% 20%,#ffe2a3 0%,rgba(255,226,163,0) 60%),linear-gradient(180deg,#9fc0ea,#5f86bd)}.mini-flyer b:first-of-type{width:auto;height:auto;margin-top:4px;background:none;font:400 18px/1 Georgia,serif;color:#10263f}
.mini-pay small,.mini-open small{display:block;font-size:9px;font-weight:700;letter-spacing:.14em;color:#385f91}.mini-pay b{width:auto;height:auto;margin-top:4px;background:none;font:400 30px/1 Georgia,serif;color:#10263f}.mini-pay .bars{position:absolute;left:14px;right:14px;bottom:14px;display:flex;align-items:flex-end;gap:8px;height:40px}.mini-pay .bars i{flex:1;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#91b8ef,#245ddd);transform-origin:bottom;animation:mini-bar 4s ease-in-out infinite}.mini-pay .bars i:nth-child(1){height:55%}.mini-pay .bars i:nth-child(2){height:80%;animation-delay:-1.3s}.mini-pay .bars i:nth-child(3){height:40%;background:linear-gradient(180deg,#f0d39a,#d9ae5f);animation-delay:-2.6s}
.mini-team span{display:flex}.mini-team span i{width:40px;height:40px;margin-left:-10px;box-shadow:0 0 0 3px #eef3fa}.mini-team span i:first-child{margin-left:0}.mini-team b{margin-top:14px}
.mini-check p,.mini-open p{display:flex;align-items:center;gap:8px;margin:0 0 10px}.mini-check p i,.mini-open p i{flex:0 0 18px;width:18px;height:18px;background:#245ddd;box-shadow:inset 0 0 0 4px #e8effa}.mini-check p i.todo{background:#e4ecf8;box-shadow:inset 0 0 0 2px #c8d6e9;animation:mini-tick 4s ease-in-out infinite}.mini-check p b,.mini-open p b{margin:0}.mini-open small{margin-bottom:10px}.mini-open p i{background:#d9ae5f;box-shadow:inset 0 0 0 4px #fbf1dd}
@keyframes mini-pulse{50%{transform:scale(1.08)}}@keyframes mini-bar{50%{transform:scaleY(.76)}}@keyframes mini-tick{0%,45%{background:#e4ecf8;box-shadow:inset 0 0 0 2px #c8d6e9}55%,100%{background:#245ddd;box-shadow:inset 0 0 0 4px #e8effa}}
.deal-story{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center;padding:124px max(65px,calc((100vw - 1150px)/2)) 136px;background:linear-gradient(180deg,#f6f9fd 0%,#f1f5fc 55%,#edf3fc 100%);color:var(--ink)}.deal-copy h2{margin-top:22px;font:400 clamp(40px,4.2vw,60px)/1.04 Georgia,serif;letter-spacing:-.04em}.deal-copy h2 em{color:#385f91;font-weight:400}.deal-copy>p:not(.eyebrow){max-width:520px;margin-top:16px;font-size:17px;line-height:1.7;color:#5f7289}.deal-story-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:26px}.deal-story-actions .dark-button{margin-top:0}.deal-copy small{display:block;margin-top:18px;font-size:12px;color:#56677c}.deal-visual{position:relative;justify-self:center;width:min(410px,100%)}.deal-app{position:relative;padding:18px;border-radius:28px;background:#fff;box-shadow:0 44px 90px -44px rgba(16,38,63,.6),inset 0 0 0 1px #e1e8f2;animation:home-in 16s ease infinite}.deal-app-top{display:flex;align-items:center;gap:12px}.deal-app-photo{flex:0 0 56px;height:56px;border-radius:16px;background:#1a2f4b url("/story/couple.jpg") 50% 50%/cover no-repeat}.deal-app-top small{display:block;font-size:10px;font-weight:700;letter-spacing:.15em;color:#385f91}.deal-app-top strong{display:block;margin-top:3px;font:400 21px/1.15 Georgia,serif;color:#10263f}.deal-app-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.deal-pill,.deal-chip{font-style:normal;font-size:11px;font-weight:650;line-height:1.3;padding:3px 9px;border-radius:50px}.deal-pill{background:#e8effa;color:#245ddd}.deal-chip{background:#fff;color:#10263f;box-shadow:inset 0 0 0 1px #d3deec}.deal-track-mock{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:16px 0 0;padding:0;list-style:none}.deal-track-mock li{height:6px;border-radius:50px;background:#dfe7f2}.deal-track-mock li:nth-child(-n+3){background:#245ddd}.deal-track-mock li.now{animation:deal-step 16s ease infinite}.deal-caption{margin:10px 0 0;font-size:12px;font-weight:600;color:#5f7289}.deal-now-mock{margin-top:14px;padding:12px 14px;border-radius:16px;background:linear-gradient(160deg,#f2f6fc,#e6eef9)}.deal-now-mock small{display:block;font-size:10px;font-weight:700;letter-spacing:.15em;color:#385f91}.deal-now-mock p{margin-top:4px;font:400 17px/1.35 Georgia,serif;color:#10263f}.deal-key-chip{position:relative;display:inline-flex;align-items:center;gap:6px;min-width:150px;margin-top:10px;padding:5px 10px 5px 6px;border-radius:50px;background:#fbf6e9;box-shadow:inset 0 0 0 1px #d9bd7c;color:#755014;font-size:12px;font-weight:650;line-height:1.3}.deal-key-chip i{flex:0 0 16px;width:16px;height:16px;border-radius:50%;background:#a77a29 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='8' cy='8' r='4.5' fill='none' stroke='%23fff' stroke-width='2.2'/%3E%3Cpath d='m11.5 11.5 8 8m-3-3 2-2m-5 0 2-2' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") center/10px no-repeat}.deal-key-chip b{font-weight:inherit;white-space:nowrap}.deal-key-chip .you{animation:deal-key-you 16s ease infinite}.deal-key-chip .jamie{position:absolute;left:28px;opacity:0;animation:deal-key-jamie 16s ease infinite}.deal-app .home-dates{margin-top:16px}.deal-team-mock{display:flex;gap:16px;margin-top:16px}.deal-team-mock .face{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:10px;font-weight:600;color:#5f7289}.deal-team-mock .face i{width:38px;height:38px;border-radius:50%;background:#1a2f4b url("/story/team.jpg") calc(var(--face,0)*25%) 0/500% 100% no-repeat;box-shadow:0 0 0 3px #fff}.deal-team-mock .face:first-child i{animation:deal-ring-you 16s ease infinite}.deal-team-mock .face:nth-child(2) i{animation:deal-ring-jamie 16s ease infinite}.deal-update-mock{position:relative;display:flex;align-items:center;justify-content:flex-end;min-height:32px;margin-top:14px}.deal-update-mock b{padding:7px 16px;border-radius:50px;background:#142d47;color:#fff;font-size:12px;font-weight:650;animation:deal-press 16s ease infinite}.deal-update-mock em{position:absolute;right:0;padding:7px 14px;border-radius:50px;background:#e3edfb;color:#1f4f9a;font-size:12px;font-weight:650;font-style:normal;opacity:0;animation:deal-sent 16s ease infinite}.deal-chip-float{position:absolute;padding:8px 13px;border-radius:50px;background:#fff;box-shadow:0 16px 34px -18px rgba(16,38,63,.6),inset 0 0 0 1px #e1e8f2;font-size:12px;font-weight:620;color:#10263f;white-space:nowrap;opacity:0}.deal-chip-float.one{right:-26px;top:31%;background:#fff8e8;box-shadow:0 16px 34px -18px rgba(16,38,63,.6),inset 0 0 0 1px #d9c79c;color:#76551b;animation:deal-chip-1 16s ease infinite}.deal-chip-float.two{left:-34px;bottom:-18px;animation:deal-chip-2 16s ease infinite}.deal-story::before{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:-1px;height:clamp(40px,6vw,86px);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 90' preserveAspectRatio='none'%3E%3Cpath d='M0 90V46c180-34 420-56 720-30s540 22 720-6V90z' fill='%23f6f9fd'/%3E%3C/svg%3E") bottom/100% 100% no-repeat;pointer-events:none}.deal-story::after{content:"";position:absolute;z-index:-1;right:-10%;top:12%;width:min(560px,76vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(145,184,239,.4),rgba(145,184,239,0) 68%);filter:blur(18px);pointer-events:none;animation:orb-drift 24s ease-in-out infinite alternate}
@keyframes deal-step{0%,24%{background:#dfe7f2;box-shadow:none}32%,100%{background:#245ddd;box-shadow:0 0 0 4px #e8effa}}@keyframes deal-key-you{0%,54%{opacity:1}57%,100%{opacity:0}}@keyframes deal-key-jamie{0%,54%{opacity:0}57%,100%{opacity:1}}@keyframes deal-ring-you{0%,54%{box-shadow:0 0 0 3px #fff,0 0 0 5px #d9ae5f,0 0 18px rgba(217,174,95,.35)}57%,100%{box-shadow:0 0 0 3px #fff}}@keyframes deal-ring-jamie{0%,54%{box-shadow:0 0 0 3px #fff}57%,100%{box-shadow:0 0 0 3px #fff,0 0 0 5px #d9ae5f,0 0 18px rgba(217,174,95,.35)}}@keyframes deal-press{0%,46%{transform:none;opacity:1}48%{transform:scale(.9);opacity:1}52%,100%{opacity:0}}@keyframes deal-sent{0%,50%{opacity:0;transform:translateY(4px)}54%,100%{opacity:1;transform:none}}@keyframes deal-chip-1{0%,12%{opacity:0;transform:translateY(8px)}18%,88%{opacity:1;transform:none}94%,100%{opacity:0}}@keyframes deal-chip-2{0%,36%{opacity:0;transform:translateY(8px)}42%,88%{opacity:1;transform:none}94%,100%{opacity:0}}
@media (max-width:1100px){.deal-story{gap:40px;padding:84px 50px 96px}}
@media (max-width:760px){.deal-story{grid-template-columns:minmax(0,1fr);gap:44px;padding:88px 26px 100px}.deal-visual{width:min(360px,100%)}.deal-chip-float.one{right:-6px;top:-18px}.deal-chip-float.two{left:-8px;bottom:-16px}}
.clients-story{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center;padding:124px max(65px,calc((100vw - 1150px)/2)) 136px;background:linear-gradient(180deg,#f6f9fd 0%,#edf3fc 44%,#f9f1e2 100%);color:var(--ink)}.clients-copy h2 em{color:#385f91;font-weight:400}.clients-copy>p:not(.eyebrow){max-width:520px;margin-top:16px;font-size:17px;line-height:1.7;color:#5f7289}.clients-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:26px}.clients-actions .dark-button{margin-top:0}.clients-link{font-size:14px;font-weight:600;color:#2a5a92;text-decoration:underline;text-underline-offset:4px}.clients-copy small{display:block;margin-top:18px;font-size:12px;color:#56677c}
.clients-visual{position:relative;justify-self:center;width:min(410px,100%)}.home-app{position:relative;padding:18px;border-radius:28px;background:#fff;box-shadow:0 44px 90px -44px rgba(16,38,63,.6),inset 0 0 0 1px #e1e8f2;animation:home-in 16s ease infinite}.home-app-top{display:flex;align-items:center;gap:12px}.home-app-photo{flex:0 0 60px;height:60px;border-radius:18px;background:#1a2f4b url("/story/couple.jpg") 50% 50%/cover no-repeat}.home-app-top small,.home-update small{display:block;font-size:10px;font-weight:700;letter-spacing:.15em;color:#385f91}.home-app-top strong{display:block;margin-top:3px;font:400 21px/1.15 Georgia,serif;color:#10263f}.home-app-top span,.home-update span{display:block;margin-top:2px;font-size:12px;color:#5f7289}
.home-team{display:flex;align-items:center;margin-top:16px}.home-team i{width:36px;height:36px;margin-left:-9px;border-radius:50%;background:#1a2f4b url("/story/team.jpg") calc(var(--face,0)*25%) 0/500% 100% no-repeat;box-shadow:0 0 0 3px #fff;animation:home-face 16s ease infinite}.home-team i:first-child{margin-left:0}.home-team i:nth-child(2){animation-delay:.25s}.home-team i:nth-child(3){animation-delay:.5s}.home-team i:nth-child(4){animation-delay:.75s}.home-team span{margin-left:12px;font-size:12px;font-weight:600;color:#5f7289}
.home-update{margin-top:14px;padding:12px 14px;border-radius:16px;background:linear-gradient(160deg,#f2f6fc,#e6eef9);animation:home-update 16s ease infinite}.home-update p{margin-top:4px;font:400 17px/1.35 Georgia,serif;color:#10263f}
.home-dates{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:18px 0 0;padding:0;list-style:none}.home-dates::before{content:"";position:absolute;left:12.5%;right:12.5%;top:7px;height:2px;background:#dfe7f2}.home-dates li{position:relative;padding-top:22px;font-size:11px;line-height:1.3;color:#5f7289;text-align:center}.home-dates li::before{content:"";position:absolute;top:0;left:50%;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2px #c8d6e9}.home-dates li:nth-child(1)::before{animation:home-step-1 16s ease infinite}.home-dates li:nth-child(2)::before{animation:home-step-2 16s ease infinite}.home-dates li:nth-child(3)::before{animation:home-step-3 16s ease infinite}
.home-ask{position:relative;display:flex;align-items:center;gap:10px;margin-top:16px;padding:10px 12px;border-radius:16px;background:#fff7e8;box-shadow:inset 0 0 0 1px #f0dcb0;font-size:13px;color:#10263f;animation:home-ask 16s ease infinite}.home-ask span{flex:1}.home-ask b,.home-ask em{padding:6px 13px;border-radius:50px;font-size:12px;font-weight:650;font-style:normal;white-space:nowrap}.home-ask b{background:#142d47;color:#fff;animation:home-ok 16s ease infinite}.home-ask em{position:absolute;right:12px;background:#e3edfb;color:#1f4f9a;opacity:0;animation:home-sent 16s ease infinite}
.home-chip{position:absolute;padding:8px 13px;border-radius:50px;background:#fff;box-shadow:0 16px 34px -18px rgba(16,38,63,.6),inset 0 0 0 1px #e1e8f2;font-size:12px;font-weight:620;color:#10263f;white-space:nowrap;opacity:0}.home-chip.one{left:-34px;top:34%;animation:home-chip-1 16s ease infinite}.home-chip.two{right:-26px;bottom:20%;animation:home-chip-2 16s ease infinite}
@keyframes home-in{0%{transform:translateY(14px)}5%,100%{transform:none}}@keyframes home-face{0%,6%{opacity:0;transform:scale(.6)}10%,100%{opacity:1;transform:none}}@keyframes home-update{0%,16%{opacity:.35;transform:translateY(8px)}22%,100%{opacity:1;transform:none}}@keyframes home-step-1{0%,28%{background:#fff;box-shadow:inset 0 0 0 2px #c8d6e9}32%,100%{background:#245ddd;box-shadow:inset 0 0 0 4px #e8effa}}@keyframes home-step-2{0%,36%{background:#fff;box-shadow:inset 0 0 0 2px #c8d6e9}40%,100%{background:#245ddd;box-shadow:inset 0 0 0 4px #e8effa}}@keyframes home-step-3{0%,44%{background:#fff;box-shadow:inset 0 0 0 2px #c8d6e9}48%,100%{background:#d9ae5f;box-shadow:inset 0 0 0 4px #fbf1dd,0 0 0 6px rgba(217,174,95,.22)}}@keyframes home-ask{0%,54%{opacity:.35;transform:translateY(8px)}59%,100%{opacity:1;transform:none}}@keyframes home-ok{0%,68%{opacity:1;transform:none}70%{opacity:1;transform:scale(.88)}73%,100%{opacity:0}}@keyframes home-sent{0%,72%{opacity:0}75%,100%{opacity:1}}@keyframes home-chip-1{0%,30%{opacity:0;transform:translateY(8px)}35%,90%{opacity:1;transform:none}94%,100%{opacity:0}}@keyframes home-chip-2{0%,46%{opacity:0;transform:translateY(8px)}51%,90%{opacity:1;transform:none}94%,100%{opacity:0}}
@media (max-width:1100px){.network-story,.clients-story{gap:40px;padding:84px 50px 96px}.tools-story{padding:100px 0 88px}}
@media (max-width:760px){.network-story{grid-template-columns:minmax(0,1fr);padding:70px 26px}.network-visual{width:min(360px,100%);aspect-ratio:4/5}.net-find{width:82%;padding:13px 14px 14px}.net-find-person i{flex-basis:48px;width:48px;height:48px}.net-find-person strong{font-size:15px}.net-bubble{max-width:44%;font-size:11px}.net-bubble.one{left:20%;top:3%}.net-bubble.two{left:57%;top:40%}.net-team{gap:5px;padding:8px 12px}.net-team strong{font-size:11px}.net-avatars i{width:24px;height:24px}.tools-story{padding:88px 0 72px}.tool-tile{flex-basis:190px}.clients-story{grid-template-columns:minmax(0,1fr);gap:44px;padding:88px 26px 100px}.clients-visual{width:min(360px,100%)}.home-chip.one{left:-8px;top:-18px}.home-chip.two{right:-6px;bottom:-16px}.closing-story{padding:120px 24px 80px}}

/* Pricing and About share the landing's header, type and colours: a navy band, then quiet light sections. */
.film-header nav a[aria-current=page]{color:#a9c9f3}.site-page{background:#fff}.page-hero{position:relative;overflow:hidden;padding:180px max(65px,calc((100vw - 1150px)/2)) 96px;background:radial-gradient(52% 70% at 78% 60%,#173a63 0%,rgba(9,24,42,0) 72%),linear-gradient(180deg,#071322 0%,#09182a 60%,#0b1d33 100%);color:#fff}.page-hero>*{position:relative;z-index:1}.page-hero .eyebrow{color:#adbed4}.page-hero h1{margin-top:22px;max-width:760px;font:400 clamp(52px,6vw,90px)/1 Georgia,"Times New Roman",serif;letter-spacing:-.05em}.page-hero h1 em{color:#a9c9f3;font-weight:400}.page-lead{max-width:600px;margin-top:24px;font-size:19px;line-height:1.65;color:#d3deec}.page-house{position:absolute;z-index:0;right:-4%;bottom:-2%;width:min(60vw,900px);height:auto;opacity:.16;pointer-events:none;-webkit-mask-image:linear-gradient(to top,#000 25%,transparent 95%);mask-image:linear-gradient(to top,#000 25%,transparent 95%)}.page-section{padding:84px max(65px,calc((100vw - 1150px)/2))}.page-section h2{margin-top:18px;font:400 clamp(34px,3.6vw,50px)/1.08 Georgia,serif;letter-spacing:-.035em;color:var(--ink)}.page-section h2 em{color:#385f91;font-weight:400}.page-section .muted{max-width:720px;margin-top:16px;font-size:16px;line-height:1.7;color:#5f7289}.page-section .small{font-size:13px;line-height:1.7}.price-card{position:relative;padding:28px;border-radius:20px;background:#fff;box-shadow:0 30px 70px -40px rgba(16,38,63,.5),inset 0 0 0 1px #e3e9f2}.price-card.highlight{padding:38px 40px}.badge{display:inline-flex;padding:5px 11px;border-radius:50px;background:#eef3fa;color:#385f91;font-size:11px;font-weight:700;letter-spacing:.14em}.badge.blue{background:#142d47;color:#fff}.price{margin-top:16px;font:400 46px/1 Georgia,serif;letter-spacing:-.03em;color:var(--ink)}.price small{font:500 15px Inter,ui-sans-serif,sans-serif;letter-spacing:0;color:#5f7289}.price-card h2{margin-top:14px;font-size:clamp(26px,2.6vw,34px)}.price-card ul{display:grid;gap:10px;margin:14px 0 0;padding:0;list-style:none}.price-card li{position:relative;padding-left:22px;font-size:15px;line-height:1.5;color:#10263f}.price-card li::before{content:"";position:absolute;left:0;top:.5em;width:9px;height:9px;border-radius:50%;background:#d9ae5f;box-shadow:0 0 0 3px rgba(217,174,95,.2)}.price-card .dark-button{margin-top:26px}.plan-grid{display:grid;gap:18px;margin-top:30px}.callout{margin:22px 0 14px;padding:20px 24px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px #e3e9f2}.callout strong{display:block;font-size:15px;color:var(--ink)}.callout p{margin-top:6px;font-size:15px;line-height:1.6;color:#5f7289}
.about-why{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}.about-text p{font-size:17px;line-height:1.75;color:#5f7289}.about-text p+p{margin-top:18px}.about-roles{background:#f4f7fb}.about-role-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:32px 0 0;padding:0;list-style:none}.about-role-list li{padding:22px 18px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px #e3e9f2}.about-role-list i{display:block;width:64px;height:64px;border-radius:50%;background:#1a2f4b url("/story/team.jpg") calc(var(--face,0)*25%) 0/500% 100% no-repeat;box-shadow:0 0 0 3px #fff,0 0 0 4px #d9ae5f66}.about-role-list strong{display:block;margin-top:16px;font-size:16px;color:var(--ink)}.about-role-list span{display:block;margin-top:6px;font-size:14px;line-height:1.55;color:#5f7289}.about-note{margin-top:14px;font-size:12px;color:#56677c}.about-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:30px}.about-grid article{padding:24px;border-radius:18px;background:#0b1d33;color:#fff}.about-grid h3{font:400 21px/1.25 Georgia,serif;letter-spacing:-.01em}.about-grid p{margin-top:10px;font-size:14px;line-height:1.6;color:#c1cfe2}.about-faq{max-width:900px;margin:auto}.about-faq details{box-shadow:0 1px 0 #e3e9f2}.about-faq summary{cursor:pointer;padding:20px 0;font-size:17px;font-weight:600;color:var(--ink);list-style:none}.about-faq summary::-webkit-details-marker{display:none}.about-faq summary::after{content:"+";float:right;color:#385f91}.about-faq details[open] summary::after{content:"–"}.about-faq details p{padding:0 0 20px;font-size:15px;line-height:1.7;color:#5f7289}.about-faq a{color:#345e8e;text-decoration:underline}@media (max-width:1100px){.page-hero{padding:160px 50px 84px}.page-section{padding:72px 50px}.about-role-list{grid-template-columns:repeat(3,minmax(0,1fr))}.about-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.page-hero{padding:130px 26px 76px}.page-lead{font-size:16px}.page-house{width:150%;right:-30%;opacity:.12}.page-section{padding:56px 26px}.price-card.highlight{padding:28px 22px}.about-why,.about-grid{grid-template-columns:minmax(0,1fr)}.about-why{gap:20px}.about-role-list{grid-template-columns:minmax(0,1fr)}.about-role-list li{display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:14px;align-items:center}.about-role-list i{width:52px;height:52px;grid-row:span 2}.about-role-list strong{margin-top:0}}

/* Flowing sections: each one ends in a soft wave of the next section's colour, and light sections glow slowly. */
main>section+section,.film-footer{margin-top:-1px}
.network-story{position:relative}.network-story::after,.tools-story::before,.clients-story::before{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:-1px;height:clamp(40px,6vw,86px);background-position:bottom;background-size:100% 100%;background-repeat:no-repeat;pointer-events:none}.network-story::after{z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 90' preserveAspectRatio='none'%3E%3Cpath d='M0 90V46c180-34 420-56 720-30s540 22 720-6V90z' fill='%23e7eff9'/%3E%3C/svg%3E")}.tools-story::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 90' preserveAspectRatio='none'%3E%3Cpath d='M0 90V46c180-34 420-56 720-30s540 22 720-6V90z' fill='%23f6f9fd'/%3E%3C/svg%3E")}.clients-story::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 90' preserveAspectRatio='none'%3E%3Cpath d='M0 90V46c180-34 420-56 720-30s540 22 720-6V90z' fill='%230b1d33'/%3E%3C/svg%3E")}
.tools-story::after,.clients-story::after{content:"";position:absolute;z-index:-1;width:min(620px,80vw);aspect-ratio:1;border-radius:50%;pointer-events:none;filter:blur(18px);animation:orb-drift 22s ease-in-out infinite alternate}.tools-story::after{right:-12%;top:18%;background:radial-gradient(circle,rgba(145,184,239,.45),rgba(145,184,239,0) 68%)}.clients-story::after{left:-14%;bottom:-10%;background:radial-gradient(circle,rgba(217,174,95,.3),rgba(217,174,95,0) 68%);animation-duration:26s}@keyframes orb-drift{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-6%,8%,0) scale(1.12)}}
/* Pricing: Free beside the headline unlocking into Pro, four plan cards, a comparison and the fine print folded away. */
.price-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:56px;align-items:center;padding-bottom:110px}@keyframes spin-slow{to{transform:rotate(360deg)}}@keyframes tile-float{50%{transform:translateY(-6px)}}
.price-unlock{position:relative;isolation:isolate;overflow:hidden;padding:30px 28px 26px;border-radius:26px;background:linear-gradient(160deg,rgba(255,255,255,.16),rgba(255,255,255,.05));box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),0 50px 90px -46px rgba(0,0,0,.85);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff}.price-unlock::before{content:"";position:absolute;z-index:-1;right:-80px;top:-80px;width:270px;aspect-ratio:1;border-radius:50%;border:2px solid transparent;border-top-color:rgba(217,174,95,.8);box-shadow:inset 0 0 0 1px rgba(169,201,243,.2);animation:spin-slow 26s linear infinite}
.unlock-head{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:700;letter-spacing:.16em}.unlock-head span{padding:6px 12px;border-radius:50px;background:#fff;color:#142d47}.unlock-head span.pro{background:linear-gradient(135deg,#efcf8c,#c8963f);color:#2a1d05;box-shadow:0 0 24px rgba(227,185,101,.45)}.unlock-head b{position:relative;flex:1;height:2px;border-radius:2px;background:rgba(169,201,243,.28)}.unlock-head b i{position:absolute;top:50%;left:0;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:#e3b965;box-shadow:0 0 14px #e3b965;animation:unlock-travel 9s ease-in-out infinite}
.price-unlock ul{display:grid;gap:10px;margin:22px 0 0;padding:0;list-style:none}.price-unlock li{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px 12px;border-radius:14px;background:rgba(9,24,42,.35);box-shadow:inset 0 0 0 1px rgba(169,201,243,.14)}.price-unlock li svg{width:34px;height:34px;padding:8px;border-radius:10px;background:rgba(169,201,243,.14);fill:none;stroke:#a9c9f3;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.price-unlock li span{font-size:14px;font-weight:600}.price-unlock li em{display:grid;justify-items:end;font-style:normal;font-size:12px;font-weight:650;color:#c1cfe2}.price-unlock li em>*{grid-area:1/1}.price-unlock li.always em{color:#a9c9f3}
.price-unlock li.opens{animation:unlock-row 9s ease-in-out infinite}.price-unlock li.opens svg{animation:unlock-icon 9s ease-in-out infinite}.price-unlock li.opens s{text-decoration:none;animation:unlock-old 9s ease-in-out infinite}.price-unlock li.opens b{opacity:0;color:#f0cf8a;animation:unlock-new 9s ease-in-out infinite}.price-unlock li.opens:nth-child(4),.price-unlock li.opens:nth-child(4) *{animation-delay:.45s}.price-unlock li.opens:nth-child(5),.price-unlock li.opens:nth-child(5) *{animation-delay:.9s}
@keyframes unlock-travel{0%,10%{left:0}36%,82%{left:calc(100% - 10px)}94%,100%{left:0}}@keyframes unlock-row{0%,30%,94%,100%{background:rgba(9,24,42,.35);box-shadow:inset 0 0 0 1px rgba(169,201,243,.14)}40%,84%{background:rgba(217,174,95,.16);box-shadow:inset 0 0 0 1px rgba(227,185,101,.6)}}@keyframes unlock-icon{0%,30%,94%,100%{stroke:#a9c9f3;background:rgba(169,201,243,.14)}40%,84%{stroke:#2a1d05;background:#e3b965}}@keyframes unlock-old{0%,30%,94%,100%{opacity:1}38%,86%{opacity:0}}@keyframes unlock-new{0%,32%{opacity:0;transform:translateY(5px)}42%,84%{opacity:1;transform:none}92%,100%{opacity:0;transform:none}}
.plans{padding-bottom:36px;background:linear-gradient(180deg,#fff 0%,#f4f7fb 100%)}.plans-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}.plans-grid .price-card{display:flex;flex-direction:column;padding:28px 24px;transition:transform .3s ease,box-shadow .3s ease}.plans-grid .price-card:hover{transform:translateY(-5px);box-shadow:0 40px 80px -44px rgba(16,38,63,.6),inset 0 0 0 1px #d3deec}.plans-grid .badge{align-self:flex-start}.plans-grid .price{font-size:44px}.plans-grid h3{margin-top:10px;font-size:15px;font-weight:600;line-height:1.4;color:var(--ink)}.plans-grid ul{margin-bottom:24px}.plans-grid .dark-button{margin-top:auto;align-self:flex-start}.plans-grid .plan-pro .dark-button{background:#fff;color:#142d47}.plan-note{margin-top:auto;font-size:13px;line-height:1.55;color:#5f7289}
.plans-grid .plan-pro{isolation:isolate;overflow:hidden;background:linear-gradient(160deg,#1c477a 0%,#0b1d33 100%);box-shadow:0 44px 90px -42px rgba(11,29,51,.85)}.plans-grid .plan-pro::before{content:"";position:absolute;z-index:-1;right:-90px;top:-90px;width:230px;aspect-ratio:1;border-radius:50%;border:2px solid transparent;border-top-color:rgba(217,174,95,.85);box-shadow:inset 0 0 0 1px rgba(169,201,243,.18);animation:spin-slow 24s linear infinite}.plans-grid .plan-pro:hover{box-shadow:0 50px 96px -40px rgba(11,29,51,.9)}.plans-grid .plan-pro .badge.blue{background:linear-gradient(135deg,#efcf8c,#c8963f);color:#2a1d05}.plans-grid .plan-pro .price,.plans-grid .plan-pro h3,.plans-grid .plan-pro li{color:#fff}.plans-grid .plan-pro .price small{color:#c1cfe2}
.plan-faces{position:absolute;top:24px;right:22px;display:flex}.plan-faces i{width:30px;height:30px;margin-left:-8px;border-radius:50%;background:#1a2f4b url("/story/team.jpg") calc(var(--face,0)*25%) 0/500% 100% no-repeat;box-shadow:0 0 0 2.5px #fff;animation:plan-face 6s ease-in-out infinite}.plan-faces i:first-child{margin-left:0}.plan-faces i:nth-child(2){animation-delay:.3s}.plan-faces i:nth-child(3){animation-delay:.6s}.plan-faces i:nth-child(4){animation-delay:.9s}.plan-faces i:nth-child(5){animation-delay:1.2s}@keyframes plan-face{0%,70%,100%{transform:none}80%{transform:translateY(-4px)}}
.compare{padding-top:44px;background:#f4f7fb}.compare-wrap{position:relative;margin-top:30px;overflow-x:auto;border-radius:22px;background:#fff;box-shadow:0 30px 70px -44px rgba(16,38,63,.5),inset 0 0 0 1px #e3e9f2}.compare-table{width:100%;min-width:560px;border-collapse:collapse;font-size:14px}.compare-table th,.compare-table td{padding:14px 18px;text-align:center;color:#10263f}.compare-table thead th{padding-top:20px;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#385f91}.compare-table thead th.pro{color:#8a6420}.compare-table tbody th{text-align:left;font-weight:600}.compare-table tbody tr>*{box-shadow:inset 0 1px 0 #edf1f7}.compare-table td:nth-child(3){background:rgba(217,174,95,.08);font-weight:650}.compare-table .yes{display:inline-block;width:22px;height:22px;border-radius:50%;vertical-align:middle;background:#142d47 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12.5 4.2 4L19 7' fill='none' stroke='%23fff' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}.compare-table td:nth-child(3) .yes{background-color:#b8862f}.compare-table .no{display:inline-block;width:14px;height:2px;border-radius:2px;vertical-align:middle;background:#c6d2e1}.compare .fine-print{margin-top:18px}
.fine-print{margin-top:10px}.fine-print summary{cursor:pointer;padding:10px 0;font-size:13px;font-weight:600;color:#385f91;list-style:none}.fine-print summary::-webkit-details-marker{display:none}.fine-print summary::after{content:" +"}.fine-print[open] summary::after{content:" –"}.fine-print p{max-width:760px;margin-top:8px;font-size:13px;line-height:1.7;color:#5f7289}
.clients-free{background:#f4f7fb;padding-top:24px}.clients-free-card{display:grid;grid-template-columns:200px minmax(0,1fr);gap:40px;align-items:center;padding:34px 40px;border-radius:28px;background:linear-gradient(120deg,#fff 0%,#fbf4e6 100%);box-shadow:0 30px 70px -44px rgba(16,38,63,.45),inset 0 0 0 1px #eedfc2}.clients-free-card img{width:200px;height:200px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 6px #fff,0 0 0 7px #ecd4a0;animation:tile-float 8s ease-in-out infinite}.clients-free-card h2{margin-top:12px}.clients-free-card p:not(.eyebrow){margin-top:10px;font-size:16px;line-height:1.6;color:#5f7289}.clients-free-card .dark-button{margin-top:22px}
@media (max-width:1100px){.price-hero{grid-template-columns:minmax(0,1fr)}.plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.plans-grid{grid-template-columns:minmax(0,1fr)}.price-unlock{padding:24px 18px 20px}.price-unlock li{grid-template-columns:30px minmax(0,1fr) auto;gap:10px}.price-unlock li svg{width:30px;height:30px;padding:7px}.clients-free-card{grid-template-columns:minmax(0,1fr);justify-items:start;gap:22px;padding:26px 22px}.clients-free-card img{width:120px;height:120px}}
.site-page .closing-story{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 90' preserveAspectRatio='none'%3E%3Cpath d='M0 0h1440v34c-180 30-420 52-720 26S180 10 0 46z' fill='%23ffffff'/%3E%3C/svg%3E") top/100% clamp(40px,6vw,86px) no-repeat,radial-gradient(40% 34% at 50% 58%,rgba(217,174,95,.18) 0%,rgba(217,174,95,0) 72%),linear-gradient(180deg,#fff 0,#fff 4px,#0b1d33 4px,#09182a 100%)}.pricing-page .closing-story{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 90' preserveAspectRatio='none'%3E%3Cpath d='M0 0h1440v34c-180 30-420 52-720 26S180 10 0 46z' fill='%23f4f7fb'/%3E%3C/svg%3E") top/100% clamp(40px,6vw,86px) no-repeat,radial-gradient(40% 34% at 50% 58%,rgba(217,174,95,.18) 0%,rgba(217,174,95,0) 72%),linear-gradient(180deg,#f4f7fb 0,#f4f7fb 4px,#0b1d33 4px,#09182a 100%)}
/* Who it's for: a Professionals | Buyers & sellers switch beside the wordmark. */
.film-header nav.audience{gap:2px;margin-left:-18px;margin-right:auto;padding:3px;border-radius:50px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(169,201,243,.22);font-size:12px;font-weight:620}.audience a{padding:6px 12px;border-radius:50px;color:#c9d7ea;white-space:nowrap;transition:background .2s,color .2s}.audience a:hover{color:#fff}.film-header .audience a[aria-current]{background:#fff;color:#142d47}
@media (max-width:1100px){.film-header nav:not(.audience) a[href$="#tools"],.clients-page .film-header nav:not(.audience) a[href="#promises"],.clients-page .film-header nav:not(.audience) a[href="#questions"]{display:none}.film-header{gap:24px}}@media (max-width:900px){.film-header{flex-wrap:wrap;row-gap:12px}.film-header nav:not(.audience){order:4;flex-basis:100%;justify-content:center;gap:18px;font-size:13px}}@media (max-width:760px){.film-header{flex-wrap:wrap;column-gap:12px;row-gap:14px}.film-header nav.audience{display:flex;order:3;margin:0 auto}body:not(.site-page) .film-header nav.audience{display:none}.page-hero{padding-top:178px}}
/* Buyers and sellers: their team circling them, three steps that play, their home page, promises and questions. */
.clients-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,470px);gap:48px;align-items:center;padding-bottom:110px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:34px}.hero-actions .film-button{margin-top:0}.hero-link{font-size:14px;font-weight:600;color:#d3deec;text-decoration:underline;text-underline-offset:4px}.hero-link:hover{color:#fff}
.team-orbit{position:relative;justify-self:center;width:min(460px,100%);aspect-ratio:1;container-type:inline-size}.orbit-ring{position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle,rgba(145,184,239,.16) 0%,rgba(145,184,239,0) 70%);box-shadow:inset 0 0 0 1px rgba(169,201,243,.22)}.orbit-ring::before{content:"";position:absolute;inset:-1px;border-radius:50%;border:2px solid transparent;border-top-color:rgba(217,174,95,.85);animation:spin-slow 30s linear infinite}
.orbit-center{position:absolute;left:50%;top:50%;width:38%;height:38%;border-radius:50%;object-fit:cover;transform:translate(-50%,-50%);box-shadow:0 0 0 6px rgba(255,255,255,.92),0 0 0 7px rgba(217,174,95,.7),0 30px 70px -20px rgba(0,0,0,.75)}.orbit-people{position:absolute;inset:0;margin:0;padding:0;list-style:none;animation:spin-slow 70s linear infinite}.orbit-people li{position:absolute;left:50%;top:50%;width:0;height:0;transform:rotate(calc(var(--i)*72deg)) translateY(-38cqw) rotate(calc(var(--i)*-72deg))}.orbit-turn{position:absolute;left:0;top:0;width:0;height:0;animation:spin-slow 70s linear infinite reverse}
.orbit-chip{position:absolute;left:0;top:0;display:grid;justify-items:center;gap:6px;transform:translate(-50%,-32px)}.orbit-chip i{width:58px;height:58px;border-radius:50%;background:#1a2f4b url("/story/team.jpg") calc(var(--face,0)*25%) 0/500% 100% no-repeat;box-shadow:0 0 0 3px rgba(255,255,255,.92),0 18px 30px -12px rgba(0,0,0,.6);animation:orbit-glow 10s ease-in-out infinite;animation-delay:calc(var(--i)*2s)}.orbit-chip b{padding:4px 10px;border-radius:50px;background:rgba(9,24,42,.78);box-shadow:inset 0 0 0 1px rgba(169,201,243,.25);font-size:11px;font-weight:650;color:#e8eff8;white-space:nowrap}
@keyframes orbit-glow{0%,14%,100%{box-shadow:0 0 0 3px rgba(255,255,255,.92),0 18px 30px -12px rgba(0,0,0,.6)}6%{box-shadow:0 0 0 3px #e3b965,0 0 0 10px rgba(227,185,101,.25),0 18px 30px -12px rgba(0,0,0,.6)}}
.how{background:linear-gradient(180deg,#fff,#f4f7fb)}.how-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:30px 0 0;padding:0;list-style:none;counter-reset:step}.how-steps>li{padding:16px 16px 24px;border-radius:24px;background:#fff;box-shadow:0 30px 70px -44px rgba(16,38,63,.5),inset 0 0 0 1px #e3e9f2;counter-increment:step;transition:transform .3s ease}.how-steps>li:hover{transform:translateY(-4px)}.how-steps>li>strong{display:block;margin:18px 6px 0;font:400 22px/1.25 Georgia,serif;color:#10263f}.how-steps>li>strong::before{content:counter(step);display:inline-grid;place-items:center;width:26px;height:26px;margin-right:10px;border-radius:50%;background:#142d47;color:#fff;font:700 12px/1 Inter,ui-sans-serif,sans-serif;vertical-align:3px}.how-steps>li>p{margin:8px 6px 0;font-size:15px;line-height:1.6;color:#5f7289}
.how-art{position:relative;display:flex;align-items:center;justify-content:center;height:156px;border-radius:18px;background:linear-gradient(160deg,#eef4fc,#e2ebf7);overflow:hidden}.art-goal{flex-wrap:wrap;align-content:center;gap:10px;padding:0 26px}.art-goal span{padding:9px 16px;border-radius:50px;background:#fff;box-shadow:inset 0 0 0 1px #d3deec;font-size:13px;font-weight:620;color:#10263f;animation:goal-pick 8s ease infinite}.art-goal span:nth-child(2){animation-delay:-6s}.art-goal span:nth-child(3){animation-delay:-4s}.art-goal span:nth-child(4){animation-delay:-2s}@keyframes goal-pick{0%,22%{background:#142d47;color:#fff;box-shadow:0 12px 24px -12px rgba(20,45,71,.9)}28%,100%{background:#fff;color:#10263f;box-shadow:inset 0 0 0 1px #d3deec}}
.art-meet{flex-direction:column;gap:8px}.meet-card{display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:10px;row-gap:6px;align-items:center;width:64%;padding:8px 10px;border-radius:13px;background:#fff;box-shadow:0 14px 30px -18px rgba(16,38,63,.6);animation:meet-in 9s ease infinite both}.meet-card:nth-child(2){animation:meet-in 9s ease .5s infinite both,meet-pick 9s ease .5s infinite both}.meet-card:nth-child(3){animation-delay:1s}.meet-card i{grid-row:span 2;width:30px;height:30px;border-radius:50%;background:#1a2f4b url("/story/team.jpg") calc(var(--face,0)*25%) 0/500% 100% no-repeat}.meet-card b{height:6px;border-radius:4px;background:#d3deec}.meet-card b.short{width:58%;background:#e7edf5}
@keyframes meet-in{0%,6%{opacity:0;transform:translateY(12px)}14%,86%{opacity:1;transform:none}94%,100%{opacity:0;transform:none}}@keyframes meet-pick{0%,36%,90%,100%{box-shadow:0 14px 30px -18px rgba(16,38,63,.6)}44%,82%{box-shadow:0 14px 30px -18px rgba(16,38,63,.6),0 0 0 2px #d9ae5f}}
.art-follow{flex-direction:column;align-items:flex-start;gap:10px;padding-left:26%;justify-content:center}.art-follow span{position:relative;padding-left:28px;font-size:13px;font-weight:620;color:#10263f}.art-follow span::before{content:"";position:absolute;left:0;top:50%;width:18px;height:18px;margin-top:-9px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2px #c6d2e1;animation:follow-done 10s ease infinite both}.art-follow span:nth-child(2)::before{animation-delay:1.2s}.art-follow span:nth-child(3)::before{animation-delay:2.4s}.art-follow span:nth-child(4)::before{animation-name:follow-gold;animation-delay:3.6s}
@keyframes follow-done{0%,8%{background:#fff;box-shadow:inset 0 0 0 2px #c6d2e1}14%,88%{background:#142d47 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 12.5 4 3.8L18 8' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat;box-shadow:none}96%,100%{background:#fff;box-shadow:inset 0 0 0 2px #c6d2e1}}@keyframes follow-gold{0%,8%{background:#fff;box-shadow:inset 0 0 0 2px #c6d2e1}14%,88%{background:#c8963f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 12.5 4 3.8L18 8' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat;box-shadow:0 0 0 5px rgba(217,174,95,.25)}96%,100%{background:#fff;box-shadow:inset 0 0 0 2px #c6d2e1}}
.home-page-show{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:56px;align-items:center;padding-bottom:140px;background:linear-gradient(180deg,#f4f7fb,#f9f1e2)}.home-page-show::after{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:-1px;height:clamp(40px,6vw,86px);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 90' preserveAspectRatio='none'%3E%3Cpath d='M0 90V46c180-34 420-56 720-30s540 22 720-6V90z' fill='%230b1d33'/%3E%3C/svg%3E") bottom/100% 100% no-repeat;pointer-events:none}.home-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px;margin:26px 0 0;padding:0;list-style:none}.home-points strong{display:block;font-size:15px;font-weight:650;color:#10263f}.home-points strong::before{content:"";display:inline-block;width:8px;height:8px;margin-right:9px;border-radius:50%;background:#d9ae5f;box-shadow:0 0 0 3px rgba(217,174,95,.22);vertical-align:2px}.home-points span{display:block;margin-top:4px;font-size:14px;line-height:1.55;color:#5f7289}.home-page-copy .dark-button{margin-top:30px}.home-page-copy small{display:block;margin-top:14px;font-size:12px;color:#5f7187}
.promises{position:relative;isolation:isolate;padding-bottom:150px;background:radial-gradient(50% 60% at 82% 26%,#173a63 0%,rgba(11,29,51,0) 70%),linear-gradient(180deg,#0b1d33,#09182a);color:#fff}.promises::after{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:-1px;height:clamp(40px,6vw,86px);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 90' preserveAspectRatio='none'%3E%3Cpath d='M0 90V46c180-34 420-56 720-30s540 22 720-6V90z' fill='%23ffffff'/%3E%3C/svg%3E") bottom/100% 100% no-repeat;pointer-events:none}.promises .eyebrow{color:#adbed4}.promises h2{color:#fff}.promises h2 em{color:#a9c9f3}.promise-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:30px}.promise-grid article{padding:24px 22px;border-radius:22px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(169,201,243,.16);transition:transform .3s ease,background .3s ease}.promise-grid article:hover{transform:translateY(-4px);background:rgba(255,255,255,.09)}.promise-grid svg{width:44px;height:44px;padding:10px;border-radius:14px;background:rgba(169,201,243,.12);fill:none;stroke:#e3b965;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.promise-grid h3{margin-top:16px;font:400 21px/1.2 Georgia,serif;color:#fff}.promise-grid p{margin-top:8px;font-size:14px;line-height:1.6;color:#c1cfe2}
.clients-faq{background:#fff}.closing-note{margin-top:18px;font-size:14px;color:#adbed4}
@media (max-width:1100px){.clients-hero,.home-page-show{grid-template-columns:minmax(0,1fr)}.team-orbit{width:min(420px,100%)}.promise-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.how-steps,.promise-grid,.home-points{grid-template-columns:minmax(0,1fr)}.orbit-chip{transform:translate(-50%,-26px)}.orbit-chip i{width:46px;height:46px}.orbit-chip b{padding:3px 8px;font-size:10px}}
/* Tool cards open the tools. */
.tool-tile>a{display:block;height:100%;color:inherit;text-decoration:none;border-radius:inherit;transition:transform .3s ease}.tool-tile>a:hover,.tool-tile>a:focus-visible{transform:translateY(-4px)}.tool-tile>a:focus-visible{outline:2px solid #245ddd;outline-offset:4px}
.film-footer nav a{white-space:nowrap}@media (max-width:760px){.film-footer nav{flex-wrap:wrap;row-gap:10px}}
