.reel-card.web-experiences{width:640px;height:440px;--rim-rgb:232 242 255;--rim-k:.65}
.case-web{background:radial-gradient(ellipse at 88% 12%,#e0d4f7cc,transparent 65%),radial-gradient(ellipse at 8% 95%,#b9dff2aa,transparent 65%),#e5e9ee url('assets/sculpted-pattern.png') center/cover;background-blend-mode:soft-light}
.web-macbook{position:absolute;left:50%;top:50%;width:106%;aspect-ratio:3/2;transform:translate(-50%,-50%);filter:drop-shadow(7px 19px 15px #3d4d6033)}
.reel-card .web-macbook-frame{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:fill;background:none;z-index:2;pointer-events:none}
.web-macbook-display{position:absolute;left:12.174479%;top:8.300781%;width:75.78125%;height:71.191406%;overflow:hidden;background:#fff;border-radius:5px}
.web-browser{position:absolute;left:0;top:0;width:1440px;height:900px;transform:scale(var(--web-scale,.35));transform-origin:0 0;font:400 18px/1.4 Arial,sans-serif;color:#242424;background:#fff;pointer-events:none;text-align:left}
.web-browser *{box-sizing:border-box}.web-browser-chrome{position:absolute;inset:0 0 auto;height:46px;display:flex;align-items:center;padding:0 17px;background:#eeeff2;border-bottom:1px solid #d5d7dd;color:#59616e;z-index:5}.web-browser-dots{display:flex;gap:8px}.web-browser-dots i{width:11px;height:11px;border-radius:50%;background:#ff655b}.web-browser-dots i:nth-child(2){background:#ffc347}.web-browser-dots i:nth-child(3){background:#32c95d}.web-address{position:absolute;left:27%;top:8px;width:46%;height:29px;border-radius:6px;background:#e0e2e7;text-align:center;padding:4px;font-size:14px;line-height:21px}.web-address-seo{opacity:0}.web-browser-plus{margin-left:auto;font-size:26px;color:#808792}
.web-browser-content{position:absolute;inset:46px 0 0;overflow:hidden;background:#fff}.web-demo-page,.web-calendar-page,.web-seo-page{position:absolute;inset:0;overflow:hidden;background:#000}.web-calendar-page,.web-seo-page{opacity:0}.reel-card .web-browser .web-demo-image,.reel-card .web-browser .web-calendar-image,.reel-card .web-browser .web-seo-image{display:block;width:1440px;height:auto;max-width:none;object-fit:contain;object-position:top;background:none;border-radius:0;margin:0}.web-email-entry{position:absolute;left:453px;top:262px;width:532px;height:57px;border:1px solid #bcc2c8;border-radius:3px;background:#f5f8f9;display:flex;align-items:center;padding:0 14px;font-size:19px;color:#2b2b2b}.web-email-placeholder{color:#777}.web-email-value{position:absolute;left:14px;opacity:0;clip-path:inset(0 100% 0 0);white-space:nowrap;letter-spacing:.1px}.web-email-value:after{content:'';display:inline-block;height:21px;width:1px;margin-left:3px;background:#3f4750;vertical-align:-4px}
/* Native 1440px presentation scales with the measured MacBook display. */
.web-before-page{position:absolute;inset:0;overflow:hidden;background:#084b27}
.reel-card .web-browser .web-before-image{display:block;width:1440px;height:auto;max-width:none;margin:0;border-radius:0;background:none;object-fit:contain;transform:translateY(-95px)}
.web-cro-scribble{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}
.web-cro-scribble path{fill:none;stroke:#f66349;stroke-width:18;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100;opacity:.92}
.web-demo-page{opacity:0}
.web-enrichment-veil{position:absolute;inset:0;background:#0c29464a;backdrop-filter:blur(3px);opacity:0}
.web-enrichment{position:absolute;left:190px;top:82px;width:1060px;height:730px;border:1px solid #dfe4eb;border-radius:22px;background:#fff;padding:30px 36px;box-shadow:0 22px 65px #16315a28;opacity:0;transform:translateY(12px)}
.web-profile-heading{display:flex;align-items:center;gap:18px;height:62px}.web-profile-mark{display:grid;place-items:center;background:#fff3d3;border-radius:50%;width:62px;height:62px;flex:0 0 auto}.reel-card .web-browser .web-profile-mark img{width:36px;height:36px;object-fit:contain;background:none}.web-profile-heading small{display:block;font-size:14px;letter-spacing:.09em;color:#737982;margin-bottom:5px}.web-profile-heading strong{font-size:30px;font-weight:600;letter-spacing:-.7px}.web-profile-email{margin:12px 0 17px 80px;font-size:20px;color:#6e7682}.web-profile-progress{height:4px;border-radius:4px;background:#ecf1f5;overflow:hidden;margin-bottom:24px}.web-profile-progress>span{display:block;width:100%;height:100%;background:#226af0;transform:scaleX(0);transform-origin:left}
.web-profile-columns{display:grid;grid-template-columns:560px 1fr;gap:36px}.web-profile-section-label{font-size:14px;letter-spacing:.1em;color:#7f8997;line-height:20px;margin-bottom:10px}.web-profile-field{height:57px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #edf0f3;opacity:0;transform:translateY(5px)}.web-profile-field>small{width:112px;flex:0 0 auto;font-size:17px;color:#8b919c}.web-profile-field>strong{font-size:22px;line-height:1.3;font-weight:500;color:#353c47;max-width:389px}.web-profile-field>strong em{font-size:18px;font-style:normal;color:#9098a4;margin-left:12px}.web-profile-role{height:70px}.web-profile-role>strong{font-size:21px}.web-profile-industry>strong{font-size:20px}.web-profile-field>span{margin-left:auto;color:#24b784;font-size:23px;flex:0 0 auto}.web-profile-ready{margin-left:auto;display:flex;align-items:center;gap:9px;white-space:nowrap;color:#138861;font-size:21px;font-weight:600;background:#e9f8ef;border:1px solid #c6e9d7;padding:10px 16px;border-radius:24px;opacity:0}
.web-qualification{border-left:1px solid #e8edf3;padding-left:27px}.web-fit-rule{display:flex;align-items:center;gap:14px;min-height:76px;border-radius:9px;margin-bottom:6px;padding:11px 12px;opacity:.42;background:transparent}.web-fit-rule strong{display:block;font-size:20px;font-weight:600;color:#34433d;line-height:1.3}.web-fit-rule small{display:block;font-size:17px;color:#758079;line-height:1.4;margin-top:4px}.web-fit-check{display:grid;place-items:center;width:28px;height:28px;border:1px solid #cad5cf;background:#fff;border-radius:50%;flex:0 0 auto}.web-fit-check svg{width:22px;height:22px}.web-fit-check path{stroke:#18a46c;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24}.web-fit-outcome{margin-top:12px;padding-left:12px;opacity:0;transform:translateY(5px)}.web-fit-outcome strong{display:block;font-size:26px;font-weight:600;letter-spacing:-.3px;color:#14835b}.web-fit-outcome span{display:block;font-size:17px;color:#6d7c75;margin-top:3px}.web-enrich-next{position:absolute;left:36px;right:36px;bottom:30px;display:flex;justify-content:center;gap:14px;padding:13px;background:#ffd43c;border-radius:8px;font-size:22px;font-weight:600;line-height:26px;opacity:0}

.web-selected-time{position:absolute;left:660px;top:367px;width:123px;height:44px;border:2px solid #ff5032;background:#fff2ed;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:16px;font-weight:600;color:#293b44;opacity:0}.web-selected-time>span{color:#ff5032}
.web-seo-page{background:#fff}.web-seo-scroll{will-change:transform}.web-signup-shade{position:absolute;inset:0;background:#0007;opacity:0}.web-signup-window{position:absolute;left:493.5px;top:116px;width:453px;height:622px;background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 20px 60px #14142025;opacity:0;transform:translateY(14px)}
/* Google search is authored presentation UI; the destination uses the original capture. */
.web-address-google{opacity:0}.web-google-home,.web-google-results{position:absolute;inset:0;background:#fff;color:#202124;opacity:0;font-family:Arial,sans-serif}.web-google-top{position:absolute;top:25px;right:30px;display:flex;align-items:center;gap:24px;font-size:18px}.web-google-apps{font-size:32px;line-height:1;color:#5f6368}.web-google-avatar{display:grid;place-items:center;flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:#7d5147;color:#fff;font-size:21px}.web-google-hero{position:absolute;left:0;right:0;top:205px;text-align:center}.web-google-wordmark{display:inline-block;font-size:92px;font-weight:500;line-height:1.1;letter-spacing:-6px}.web-google-wordmark>span:nth-child(1),.web-google-wordmark>span:nth-child(4){color:#4285f4}.web-google-wordmark>span:nth-child(2),.web-google-wordmark>span:nth-child(6){color:#ea4335}.web-google-wordmark>span:nth-child(3){color:#fbbc05}.web-google-wordmark>span:nth-child(5){color:#34a853}
.web-google-input{position:absolute;left:360px;top:355px;width:720px;height:62px;border:1px solid #dfe1e5;border-radius:32px;box-shadow:0 1px 6px #20212419;display:flex;align-items:center;padding:0 24px;gap:20px;font-size:25px}.web-search-icon{width:25px;height:25px;stroke:#9aa0a6;stroke-width:2;flex:0 0 auto}.web-search-query{white-space:nowrap;opacity:0;clip-path:inset(0 100% 0 0)}.web-search-query:after{content:'';display:inline-block;width:1px;height:25px;background:#202124;margin-left:3px;vertical-align:-4px}.web-google-input-tools{margin-left:auto;font-size:33px;color:#4285f4}.web-google-actions{position:absolute;left:0;right:0;top:450px;display:flex;gap:20px;justify-content:center;font-size:19px}.web-google-actions>span{background:#f8f9fa;border:1px solid #f8f9fa;border-radius:5px;padding:12px 22px;line-height:24px}.web-google-footer{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;padding:21px 35px;background:#f2f2f2;color:#70757a;font-size:18px}
.web-google-results-header{height:116px;display:flex;align-items:center;padding:0 40px;gap:50px}.web-google-results-header .web-google-wordmark{font-size:40px;letter-spacing:-2.5px}.web-google-results-query{margin-left:8px;width:890px;height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-radius:32px;background:#f1f3f4;font-size:25px}.web-google-results-query .web-search-icon{stroke:#4285f4}.web-google-results-header>.web-google-avatar{margin-left:auto}.web-google-tabs{display:flex;align-items:center;gap:34px;padding-left:230px;height:57px;border-bottom:1px solid #e8eaed;font-size:20px;color:#5f6368}.web-google-tabs>span{height:57px;display:flex;align-items:center}.web-google-tab-active{border-bottom:3px solid #202124;color:#202124}.web-google-tabs>span:last-child{margin-left:96px}
.web-google-result-list{position:absolute;left:230px;top:200px;width:860px}.web-google-result{height:180px;margin-bottom:7px}.web-google-result-source{display:flex;align-items:center;gap:14px;height:45px;margin-bottom:9px}.web-google-result-source strong{display:block;font-size:21px;line-height:25px;font-weight:400}.web-google-result-source small{display:block;font-size:17px;color:#4d5156;line-height:22px}.web-google-favicon{width:34px;height:34px;border:1px solid #ecedef;border-radius:50%;background:#f7f8fa;display:grid;place-items:center}.reel-card .web-browser .web-google-favicon img{display:block;width:24px;height:24px;object-fit:contain;background:none;border-radius:0;max-width:none}.web-cloudflare-favicon{color:#f6821f;font-size:27px}.web-linkedin-favicon{color:#fff;background:#0a66c2;font-size:23px;font-weight:600;font-family:Arial,sans-serif}.web-google-result-title{color:#1a0dab;font-size:26px;line-height:34px;font-weight:400;letter-spacing:-.3px}.web-google-result p{font-size:20px;line-height:30px;max-width:820px;color:#4d5156;margin:7px 0 0}.web-google-apollo-result{border-radius:12px;background-color:transparent;outline:0}

.web-demo-cursor{position:absolute;left:0;top:0;width:27px;height:34px;z-index:10;pointer-events:none;filter:drop-shadow(1px 2px 2px #0003)}.web-click-ripple{position:absolute;width:42px;height:42px;border:2px solid #ffffffbd;border-radius:50%;background:#fff3;box-shadow:0 0 0 1px #24314433;margin:-21px 0 0 -21px;z-index:9;opacity:0;pointer-events:none}
@media(max-width:760px){.reel-card.web-experiences{width:clamp(220px,80vw,380px);height:auto;aspect-ratio:16/11;--card-radius:20px}.web-macbook-display{border-radius:3px}}
@media(prefers-reduced-motion:reduce){.web-demo-cursor,.web-click-ripple{display:none}.web-seo-scroll{will-change:auto}}

/* Live presentation of the original signup modal, so each step responds on click. */
.web-signup-close{position:absolute;right:14px;top:10px;font-size:24px;line-height:28px;color:#313131}
.web-signup-heading{position:absolute;left:38px;top:37px;width:377px;margin:0;font-size:21.5px;line-height:1.35;font-weight:600;letter-spacing:-.25px}
.web-signup-description{position:absolute;left:38px;top:108px;width:377px;margin:0;font-size:13.7px;line-height:20px;color:#727272}
.web-signup-agreement{position:absolute;left:38px;top:147px;width:377px;height:63px;padding:10px 12px;display:flex;align-items:flex-start;gap:9px;background:#dce8ff;border:1px solid #82adff;border-radius:4px;font-size:15px;line-height:23px}
.web-signup-checkbox{display:block;flex:0 0 15px;width:15px;height:15px;margin-top:2px;border:1px solid #808080;border-radius:2px;background:#fff;color:#fff}
.web-signup-check{display:block;width:100%;height:100%;opacity:0}.web-signup-link{color:#277bff;text-decoration:underline;text-underline-offset:2px}
.web-signup-options{position:absolute;inset:0;opacity:.4}.web-auth-option{position:absolute;left:38px;width:377px;height:58px;border:2px solid #ddd;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:9px;background:#fff;font-size:17px;color:#444}.web-auth-google{top:225px}.web-auth-microsoft{top:300px}.web-auth-option>svg{width:30px;height:30px}.web-microsoft-mark{display:grid;grid-template-columns:repeat(2,13px);gap:2px}.web-microsoft-mark i{width:13px;height:13px;background:#f25022}.web-microsoft-mark i:nth-child(2){background:#7fba00}.web-microsoft-mark i:nth-child(3){background:#00a4ef}.web-microsoft-mark i:nth-child(4){background:#ffb900}
.web-signup-divider{position:absolute;left:38px;top:377px;width:377px;display:flex;align-items:center;gap:15px;color:#999;font-size:16px;line-height:20px}.web-signup-divider:before,.web-signup-divider:after{content:'';height:1px;background:#999;flex:1}
.web-signup-email-entry{position:absolute;left:38px;top:417px;width:377px;height:56px;display:flex;align-items:center;padding:0 13px;border:1px solid #ddd;border-radius:7px;background:#fff;font-size:17px;color:#333}.web-signup-email-placeholder{color:#ddd}.web-signup-email-value{position:absolute;left:13px;opacity:0;clip-path:inset(0 100% 0 0);white-space:nowrap}.web-signup-email-value:after{content:'';display:inline-block;width:1px;height:20px;margin-left:2px;background:#333;vertical-align:-4px}
.web-signup-submit{position:absolute;left:38px;top:488px;width:377px;height:50px;display:grid;place-items:center;border-radius:7px;background:#91b5ff;color:#fff;font-size:17px;font-weight:600}.web-signup-submit-label{display:flex;align-items:center;gap:12px}.web-signup-submit-label svg{width:24px;height:24px}.web-signup-submit-progress{position:absolute;opacity:0}.web-signup-login{position:absolute;left:38px;top:566px;font-size:15px;line-height:22px}.web-signup-login>span{text-decoration:underline;text-underline-offset:2px}
.web-signup-success{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:38px;background:#fff;text-align:center;opacity:0}.web-signup-success-mark{display:grid;place-items:center;width:72px;height:72px;margin-bottom:28px;border-radius:50%;background:#e8f7ef;color:#13865d}.web-signup-success-mark svg{width:48px;height:48px}.web-signup-success small{font-size:12px;letter-spacing:.12em;color:#13865d;font-weight:600}.web-signup-success h3{margin:12px 0 8px;font-size:38px;line-height:1.15;letter-spacing:-1px;font-weight:600}.web-signup-success p{margin:0;color:#74777c;font-size:17px;line-height:1.5}.web-signup-success-email{margin-top:25px;padding:11px 18px;border-radius:8px;background:#f4f5f7;font-size:17px}.web-signup-success-next{margin-top:35px;color:#73777b;font-size:14px}
