.hp-preview{--hp-bg:#fbfcff;--hp-ink:#15151b;--hp-muted:#5e6170;--hp-line:#e8eaf1;--hp-surface:#fff;--hp-soft:#f6f8fc;--hp-blue:#3f88fd;--hp-purple:#7567f8;--hp-shadow:0 20px 65px -35px rgba(30,35,60,.25);font-family:'Instrument Sans',Inter,ui-sans-serif,system-ui,sans-serif;color:var(--hp-ink);background:var(--hp-bg);overflow:hidden}
.hp-preview *{box-sizing:border-box}.hp-preview a{color:inherit;text-decoration:none}.hp-preview button,.hp-preview input{font:inherit}.hp-preview button{cursor:pointer}.hp-preview img{display:block;max-width:100%}.hp-preview h1,.hp-preview h2,.hp-preview h3,.hp-preview p{margin:0}.hp-preview .hp-container{width:min(100% - 64px,1320px);margin-inline:auto}.hp-preview .hp-sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}.hp-preview :focus-visible{outline:3px solid var(--hp-blue);outline-offset:3px}.hp-preview .hp-eyebrow{font-size:10px;font-weight:800;letter-spacing:.19em;color:#4f75ef}.hp-preview .hp-gradient-text{background:linear-gradient(90deg,#3f88fd 0%,#7368f8 45%,#7567f8 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hp-preview .hp-button{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:48px;padding:0 23px;border-radius:11px;font-size:13px;font-weight:800;white-space:nowrap}.hp-preview .hp-button-dark{background:#17171b;color:#fff}.hp-preview .hp-button-light{background:#fff;color:#17171b}.hp-preview .hp-text-link{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800}.hp-preview .hp-header{position:relative;z-index:20;background:transparent}.hp-preview .hp-header-inner{height:70px;display:flex;align-items:center;justify-content:space-between;gap:24px}.hp-preview .hp-logo{display:inline-flex;align-items:center;gap:8px;font-size:20px;font-weight:850;letter-spacing:-.065em}.hp-preview .hp-logo-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:#16161b;color:#fff;font-size:15px}.hp-preview .hp-desktop-nav{display:flex;align-items:center;gap:28px;margin-left:auto;margin-right:auto}.hp-preview .hp-desktop-nav a{font-size:11px;font-weight:650}.hp-preview .hp-header-actions{display:flex;align-items:center;gap:9px}.hp-preview .hp-header-cta{min-height:38px;padding-inline:17px;font-size:11px}.hp-preview .hp-login{border:1px solid var(--hp-line);padding:11px 15px;border-radius:10px;font-size:11px;font-weight:650}.hp-preview .hp-theme-toggle,.hp-preview .hp-menu-button{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--hp-line);border-radius:10px;background:var(--hp-surface);color:var(--hp-ink)}.hp-preview .hp-menu-button{display:none}.hp-preview .hp-mobile-nav{display:none}
.hp-preview .hp-hero{position:relative;padding:16px 0 0;background:radial-gradient(circle at 63% 25%,rgba(122,116,250,.09),transparent 32%),linear-gradient(150deg,transparent 64%,rgba(118,105,248,.06) 64%,transparent 77%)}.hp-preview .hp-hero-halo{position:absolute;right:0;top:-100px;width:35vw;height:260px;background:linear-gradient(120deg,transparent,rgba(174,120,246,.08));clip-path:polygon(100% 0,100% 65%,0 100%);pointer-events:none}.hp-preview .hp-hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:540px;gap:30px}.hp-preview .hp-hero-copy{position:relative;z-index:2;padding:25px 0 65px}.hp-preview .hp-hero h1{font-size:clamp(64px,7.3vw,105px);line-height:.91;letter-spacing:-.085em;font-weight:850;margin:20px 0 22px;white-space:nowrap}.hp-preview .hp-hero-lead{font-size:19px;line-height:1.35;color:var(--hp-muted);letter-spacing:-.02em}.hp-preview .hp-claim{display:flex;align-items:center;max-width:560px;height:58px;margin-top:29px;padding:5px;border:1px solid var(--hp-line);border-radius:12px;background:var(--hp-surface);box-shadow:0 12px 32px -25px #3337}.hp-preview .hp-claim-domain{padding-left:13px;padding-right:8px;color:var(--hp-muted);white-space:nowrap;font-size:12px}.hp-preview .hp-claim input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--hp-ink);font-size:12px}.hp-preview .hp-claim input::placeholder{color:#a3a5b1}.hp-preview .hp-claim button{height:46px;padding:0 20px;flex:none;border:0;border-radius:9px;background:#17171b;color:#fff;font-size:11px;font-weight:800}.hp-preview .hp-claim button:disabled{opacity:.65}.hp-preview .hp-claim-feedback{min-height:21px;margin-top:7px;color:var(--hp-muted);font-size:11px}.hp-preview .hp-hero-actions{display:flex;align-items:center;gap:24px;margin-top:20px}.hp-preview .hp-hero-actions .hp-button{min-width:138px}.hp-preview .hp-hero-art{position:relative;height:510px;min-width:0}.hp-preview .hp-phone{position:absolute;left:25%;top:8px;width:280px;height:490px;border:5px solid #20232d;border-radius:37px;overflow:hidden;background:var(--hp-surface);box-shadow:0 32px 55px -23px #1e203b55,0 0 0 2px #aaa9b0;z-index:4}.hp-preview .hp-phone-cover{height:38%;width:100%;object-fit:cover;object-position:center 47%}.hp-preview .hp-phone-content{position:relative;text-align:center;padding:24px 21px 14px}.hp-preview .hp-phone-avatar{position:absolute;top:-28px;left:calc(50% - 27px);width:54px;height:54px;border:3px solid var(--hp-surface);border-radius:50%;object-fit:cover}.hp-preview .hp-phone-content>strong{display:block;font-size:13px}.hp-preview .hp-phone-content>small{display:block;color:var(--hp-muted);font-size:8px}.hp-preview .hp-phone-content>p{margin:8px 0 13px;color:var(--hp-muted);font-size:8px;line-height:1.35}.hp-preview .hp-phone-link{display:flex;align-items:center;gap:9px;padding:7px 10px;margin-bottom:7px;border:1px solid var(--hp-line);border-radius:9px;background:var(--hp-soft);text-align:left;font-size:9px;font-weight:700}.hp-preview .hp-phone-link i{width:15px}.hp-preview .hp-phone-link .fa-youtube{color:#f03}.hp-preview .hp-phone-social{display:flex;justify-content:center;gap:15px;margin-top:14px;font-size:13px}.hp-preview .hp-phone-social .fa-instagram{color:#e052b1}.hp-preview .hp-phone-social .fa-youtube{color:#f03}.hp-preview .hp-floating{position:absolute;z-index:3;border:1px solid var(--hp-line);box-shadow:var(--hp-shadow)}.hp-preview .hp-floating-qr{top:50px;left:4%;display:grid;place-items:center;transform:rotate(-9deg);padding:12px;background:#fff2c9;border-radius:14px;width:116px;height:122px}.hp-preview .hp-floating-qr small,.hp-preview .hp-qr-mini small{font-size:8px;font-weight:900;letter-spacing:.2em;color:#111}.hp-preview .hp-qr{display:block;width:116px;height:116px;border:8px solid #fff;border-radius:10px;background-color:#fff;background-image:repeating-linear-gradient(90deg,transparent 0 9px,#15151b 9px 15px,transparent 15px 20px),repeating-linear-gradient(0deg,transparent 0 7px,#15151b 7px 12px,transparent 12px 19px);background-blend-mode:multiply;box-shadow:0 7px 15px #0002}.hp-preview .hp-qr-small{width:76px;height:76px;border-width:5px;background-size:90% 90%;box-shadow:none}.hp-preview .hp-floating-stats{top:205px;left:0;transform:rotate(-8deg);width:145px;padding:13px;border-radius:14px;background:var(--hp-surface)}.hp-preview .hp-floating-stats small{font-weight:800;font-size:10px}.hp-preview .hp-floating-stats small span{color:var(--hp-muted);font-size:8px;font-weight:500}.hp-preview .hp-floating-stats strong{font-size:17px}.hp-preview .hp-positive{float:right;margin-top:3px;padding:3px 6px;border-radius:6px;background:#dcf7eb;color:#168963;font-size:8px;font-weight:800}.hp-preview .hp-mini-bars{display:flex;align-items:end;gap:5px;height:52px;margin:8px 0}.hp-preview .hp-mini-bars i{flex:1;background:linear-gradient(#8272fb,#458afd);border-radius:3px 3px 0 0}.hp-preview .hp-mini-bars i:nth-child(1){height:39%}.hp-preview .hp-mini-bars i:nth-child(2){height:64%}.hp-preview .hp-mini-bars i:nth-child(3){height:47%}.hp-preview .hp-mini-bars i:nth-child(4){height:86%}.hp-preview .hp-mini-bars i:nth-child(5){height:71%}.hp-preview .hp-floating-photo{right:8%;width:140px;height:175px;border-radius:15px;overflow:hidden;transform:rotate(8deg)}.hp-preview .hp-floating-photo img{width:100%;height:100%;object-fit:cover}.hp-preview .hp-floating-photo-top{top:76px}.hp-preview .hp-floating-photo-bottom{top:267px;transform:rotate(7deg)}.hp-preview .hp-floating-link{right:0;top:210px;z-index:6;padding:12px 15px;border-radius:12px;background:var(--hp-surface);font-size:11px;font-weight:800;transform:rotate(5deg)}.hp-preview .hp-floating-link i{color:var(--hp-blue);margin-right:8px}.hp-preview .hp-illustrative{position:absolute;top:50px;right:0;color:var(--hp-muted);font-size:10px;font-style:italic;transform:rotate(-8deg)}.hp-preview .hp-feature-rail{position:relative;z-index:5;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;min-height:60px;margin-top:-12px;margin-bottom:0;padding:6px 28px;border:1px solid var(--hp-line);border-radius:14px;background:var(--hp-surface);box-shadow:var(--hp-shadow)}.hp-preview .hp-feature-rail a{display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px;font-weight:700}.hp-preview .hp-rail-icon{display:grid;place-items:center;width:26px;height:26px;border-radius:8px}.hp-preview .hp-tone-pink{background:#ffe6f0;color:#f04f8e}.hp-preview .hp-tone-blue{background:#e6f3ff;color:#3f88fd}.hp-preview .hp-tone-yellow{background:#fff3cb;color:#9d7a00}.hp-preview .hp-tone-purple{background:#efecff;color:#7567f8}
.hp-preview .hp-section{padding:64px 0}.hp-preview .hp-section-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin:12px 0 24px}.hp-preview .hp-section h2,.hp-preview .hp-impact h2{font-size:clamp(35px,4.4vw,56px);line-height:.98;letter-spacing:-.068em;font-weight:850}.hp-preview .hp-section-heading p{width:min(34%,340px);color:var(--hp-muted);font-size:12px;line-height:1.55}.hp-preview .hp-carousel-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px;color:var(--hp-muted);font-size:10px}.hp-preview .hp-carousel-controls>div{display:flex;gap:7px}.hp-preview .hp-carousel-controls button{width:29px;height:29px;border:1px solid var(--hp-line);border-radius:50%;background:var(--hp-surface);color:var(--hp-ink)}.hp-preview .hp-feature-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:14px;scrollbar-width:thin;scrollbar-color:#b6b3e4 transparent}.hp-preview .hp-feature-card{scroll-snap-align:start;flex:0 0 290px;min-height:430px;padding:16px 15px 0;border-radius:18px;overflow:hidden;border:1px solid var(--hp-line)}.hp-preview .hp-card-pink{background:linear-gradient(130deg,#fff3f8,#fce4ed)}.hp-preview .hp-card-blue{background:linear-gradient(130deg,#eef8ff,#e2f2ff)}.hp-preview .hp-card-yellow{background:linear-gradient(130deg,#fff9e8,#fff0ca)}.hp-preview .hp-card-purple{background:linear-gradient(130deg,#f5f0ff,#eae4ff)}.hp-preview .hp-card-mint{background:linear-gradient(130deg,#e7faf6,#dcf2ee)}.hp-preview .hp-card-lilac{background:linear-gradient(130deg,#f3f1ff,#e7e3ff)}.hp-preview .hp-card-title{display:flex;align-items:center;gap:10px}.hp-preview .hp-card-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#fff8;color:#4b68e4}.hp-preview .hp-card-title h3{font-size:17px;letter-spacing:-.04em;font-weight:850;white-space:nowrap}.hp-preview .hp-card-title a{display:grid;place-items:center;margin-left:auto;width:30px;height:30px;border:1px solid #fff9;border-radius:50%;background:#fffb;font-size:15px}.hp-preview .hp-feature-card>p{min-height:71px;margin:15px 0 12px;font-size:12px;line-height:1.45}.hp-preview .hp-card-visual{height:266px;padding:12px;border-radius:15px 15px 0 0;background:#fff;border:1px solid #ffffffa8;box-shadow:0 12px 22px -20px #0007;overflow:hidden}.hp-preview .hp-bio-mini{padding:0;position:relative;background:#fff}.hp-preview .hp-bio-mini>img{width:100%;height:44%;object-fit:cover;object-position:center 36%}.hp-preview .hp-bio-mini>div{position:relative;padding:21px 13px 10px;text-align:center}.hp-preview .hp-bio-mini strong{display:block;font-size:12px}.hp-preview .hp-bio-mini strong span{color:#3f88fd}.hp-preview .hp-bio-mini small{display:block;font-size:8px;color:#777}.hp-preview .hp-bio-mini b{display:block;margin-top:7px;padding:6px;border-radius:7px;background:#f6f6f8;font-size:9px;font-weight:650;text-align:left}.hp-preview .hp-link-mini{font-size:10px;color:#232631}.hp-preview .hp-link-mini>small{display:block;padding:9px;background:#f3f5f8;border-radius:8px}.hp-preview .hp-link-mini>span{display:block;margin-top:8px;color:#787d8b;font-size:8px}.hp-preview .hp-link-mini code{font-size:8px;color:#707783}.hp-preview .hp-link-mini>b{display:block;color:#3f88fd;font-size:9px}.hp-preview .hp-link-mini hr{border:0;border-top:1px solid #eee}.hp-preview .hp-link-mini>div{padding:6px 2px;border-bottom:1px solid #eee}.hp-preview .hp-link-mini em{float:right;color:#8b91a0;font-size:8px;font-style:normal}.hp-preview .hp-qr-mini{display:flex;flex-direction:column;align-items:center;gap:6px;padding-top:15px}.hp-preview .hp-qr-colors{display:flex;gap:6px;margin:7px 0}.hp-preview .hp-qr-colors i{width:18px;height:18px;border-radius:5px;background:#3f88fd}.hp-preview .hp-qr-colors i:nth-child(2){background:#feeaba}.hp-preview .hp-qr-colors i:nth-child(3){background:#ffcae0}.hp-preview .hp-qr-colors i:nth-child(4){background:#d3eaff}.hp-preview .hp-qr-colors i:nth-child(5){background:#7d838d}.hp-preview .hp-qr-mini a{padding:8px 10px;border:1px solid #ddd;border-radius:8px;font-size:9px;font-weight:800}.hp-preview .hp-analytics-mini>small{color:#777;font-size:8px}.hp-preview .hp-analytics-mini>div:nth-child(2){margin:8px 0;padding:7px;border:1px solid #e9e9ec;border-radius:6px;font-size:9px}.hp-preview .hp-analytics-mini>div:nth-child(2) span{float:right}.hp-preview .hp-analytics-mini>strong{display:block;font-size:25px}.hp-preview .hp-analytics-mini>small b{float:right;color:#15966b}.hp-preview .hp-bars{display:flex;align-items:end;gap:5px;height:83px;margin:11px 0}.hp-preview .hp-bars i{flex:1;background:linear-gradient(#8c7af9,#5194fa);border-radius:3px 3px 0 0}.hp-preview .hp-bars i:nth-child(1){height:39%}.hp-preview .hp-bars i:nth-child(2){height:55%}.hp-preview .hp-bars i:nth-child(3){height:72%}.hp-preview .hp-bars i:nth-child(4){height:90%}.hp-preview .hp-bars i:nth-child(5){height:53%}.hp-preview .hp-bars i:nth-child(6){height:82%}.hp-preview .hp-bars i:nth-child(7){height:93%}.hp-preview .hp-analytics-mini p{padding:4px 0;border-top:1px solid #eee;font-size:8px}.hp-preview .hp-analytics-mini p span{float:right}.hp-preview .hp-simple-mini{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px}.hp-preview .hp-simple-mini>i{font-size:55px;color:#6a83eb}.hp-preview .hp-simple-mini strong{font-size:15px}.hp-preview .hp-simple-mini span{padding:11px;border:1px solid #e9edf4;border-radius:8px;font-size:10px}.hp-preview .hp-simple-mini small{color:#777;font-size:9px}
.hp-preview .hp-impact{display:grid;grid-template-columns:1fr 1.2fr;gap:30px;align-items:center;min-height:330px;margin-top:10px;margin-bottom:18px;padding:36px;border-radius:17px;background:radial-gradient(circle at 72% 39%,#2d2d3a,#17181d 48%,#111216);color:#fff;box-shadow:0 16px 35px -25px #0008}.hp-preview .hp-impact h2{margin:12px 0;color:#fff}.hp-preview .hp-impact h2 span{color:#8f9bff}.hp-preview .hp-impact-copy>p:not(.hp-eyebrow){max-width:340px;font-size:12px;line-height:1.5;color:#d5d7df}.hp-preview .hp-impact-copy>div{display:flex;align-items:center;gap:24px;margin-top:23px}.hp-preview .hp-impact-art{position:relative;height:250px}.hp-preview .hp-impact-editor{position:absolute;left:0;top:10px;width:83%;height:220px;padding:12px;border-radius:12px;background:#f8f9fb;color:#23232b;transform:rotate(-1deg);box-shadow:0 16px 30px #0004}.hp-preview .hp-impact-editor>div{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid #e7e9ef;border-radius:8px;font-size:10px}.hp-preview .hp-impact-editor>div span{margin-left:auto;padding:7px 10px;border-radius:6px;background:#17171b;color:#fff;font-size:8px}.hp-preview .hp-impact-editor p{margin-top:7px;padding:8px;border:1px solid #e7e9ef;border-radius:6px;font-size:9px}.hp-preview .hp-impact-editor p b{float:right;font-size:8px;color:#777;font-weight:500}.hp-preview .hp-impact-report{position:absolute;right:0;top:35px;width:145px;padding:13px;border:1px solid #e7e9ef;border-radius:12px;background:#fff;color:#17171b;transform:rotate(7deg);box-shadow:0 15px 25px #0004}.hp-preview .hp-impact-report small,.hp-preview .hp-impact-report span{display:block;font-size:8px;color:#777}.hp-preview .hp-impact-report strong{display:block;margin-top:7px;font-size:23px}
.hp-preview .hp-examples-head,.hp-preview .hp-faq-head{display:flex;align-items:end;justify-content:space-between;gap:15px}.hp-preview .hp-examples-head h2{margin-top:10px}.hp-preview .hp-examples-head a,.hp-preview .hp-faq-head a{font-size:11px;font-weight:800;white-space:nowrap}.hp-preview .hp-example-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:23px}.hp-preview .hp-example-card{border-radius:14px;overflow:hidden;background:#f5eada;box-shadow:var(--hp-shadow)}.hp-preview .hp-example-sky{background:#dceeff}.hp-preview .hp-example-rose{background:#ffe0e7}.hp-preview .hp-example-cover{width:100%;height:185px;object-fit:cover;object-position:center 36%}.hp-preview .hp-example-body{position:relative;min-height:210px;padding:24px 16px 15px}.hp-preview .hp-example-person{display:flex;align-items:center;gap:9px}.hp-preview .hp-example-person img{width:48px;height:48px;margin-top:-38px;border:3px solid #fff;border-radius:50%;object-fit:cover}.hp-preview .hp-example-person strong{display:block;font-size:12px}.hp-preview .hp-example-person small{display:block;font-size:9px;color:#666}.hp-preview .hp-example-body>p{font-size:10px;color:#565767;line-height:1.4;margin:7px 0 11px}.hp-preview .hp-example-social{display:flex;justify-content:center;gap:20px;margin:10px 0;color:#14151b;font-size:13px}.hp-preview .hp-example-social i:first-child{color:#ee5ca3}.hp-preview .hp-example-links{display:grid;gap:6px}.hp-preview .hp-example-links span{display:flex;justify-content:space-between;padding:8px 10px;border-radius:9px;background:#fffe;font-size:10px;font-weight:700}.hp-preview .hp-example-links i{font-size:9px}.hp-preview .hp-directory{display:grid;grid-template-columns:1fr 1.5fr auto;align-items:center;gap:25px;margin-top:34px;padding:20px;border:1px solid var(--hp-line);border-radius:15px;background:var(--hp-surface)}.hp-preview .hp-directory h3{margin:7px 0;font-size:19px;letter-spacing:-.04em}.hp-preview .hp-directory p:not(.hp-eyebrow){color:var(--hp-muted);font-size:10px}.hp-preview .hp-directory-list{display:flex;gap:8px;overflow-x:auto}.hp-preview .hp-directory-list>a{display:flex;align-items:center;gap:9px;min-width:180px;padding:8px;border:1px solid var(--hp-line);border-radius:9px}.hp-preview .hp-directory-list>a>span{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:#dfeaff;color:#356bc4;font-weight:800}.hp-preview .hp-directory-list strong,.hp-preview .hp-directory-list small{display:block}.hp-preview .hp-directory-list strong{font-size:11px}.hp-preview .hp-directory-list small{color:var(--hp-muted);font-size:9px}.hp-preview .hp-directory-list i{margin-left:auto;font-size:9px}.hp-preview .hp-directory-more{font-size:10px;font-weight:800;white-space:nowrap}.hp-preview .hp-audiences h2{margin:10px 0 20px}.hp-preview .hp-audience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.hp-preview .hp-audience-grid article{min-height:145px;padding:18px;border:1px solid var(--hp-line);border-radius:14px;background:var(--hp-surface)}.hp-preview .hp-audience-grid article span{color:#6c79e8;font-size:10px;font-weight:800}.hp-preview .hp-audience-grid h3{margin:11px 0;font-size:17px}.hp-preview .hp-audience-grid p{color:var(--hp-muted);font-size:11px;line-height:1.5}.hp-preview .hp-steps>.hp-container{display:grid;grid-template-columns:1fr 2fr;align-items:center;gap:30px}.hp-preview .hp-steps h2{margin-top:10px;font-size:35px}.hp-preview .hp-steps ol{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;list-style:none;padding:0;margin:0}.hp-preview .hp-steps li{display:flex;gap:12px}.hp-preview .hp-steps li b{display:grid;place-items:center;flex:none;width:33px;height:33px;border-radius:50%;background:#eaeaff;color:#5b62ee;font-size:12px}.hp-preview .hp-steps li strong{font-size:11px}.hp-preview .hp-steps li p{margin-top:5px;color:var(--hp-muted);font-size:10px;line-height:1.4}.hp-preview .hp-faq-head h2{margin-top:10px;font-size:32px}.hp-preview .hp-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px 12px;margin-top:20px}.hp-preview .hp-faq-grid details{border:1px solid var(--hp-line);border-radius:8px;background:var(--hp-surface)}.hp-preview .hp-faq-grid summary{position:relative;list-style:none;padding:13px 35px 13px 15px;font-size:11px;font-weight:700;cursor:pointer}.hp-preview .hp-faq-grid summary::-webkit-details-marker{display:none}.hp-preview .hp-faq-grid summary:after{content:'+';position:absolute;right:13px;top:9px;display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:var(--hp-soft);font-size:14px}.hp-preview .hp-faq-grid details[open] summary:after{content:'−'}.hp-preview .hp-faq-grid details p{padding:0 15px 15px;color:var(--hp-muted);font-size:11px;line-height:1.5}.hp-preview .hp-final-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:22px;padding:30px 40px;border-radius:18px;background:radial-gradient(circle at 60% 130%,#c2a2f644,transparent 37%),linear-gradient(110deg,#fce4ef,#e3e2ff)}.hp-preview .hp-final-cta h2{margin:9px 0;font-size:28px;letter-spacing:-.05em}.hp-preview .hp-final-cta p:not(.hp-eyebrow){font-size:11px;color:#5e5f6d}.hp-preview .hp-footer{padding:35px 0 28px}.hp-preview .hp-footer-grid{display:grid;grid-template-columns:2.2fr repeat(3,1fr) 1.4fr;gap:20px}.hp-preview .hp-footer-grid>div{display:flex;flex-direction:column;align-items:start;gap:6px}.hp-preview .hp-footer-grid>div>strong{font-size:10px;color:var(--hp-muted)}.hp-preview .hp-footer-grid>div>a:not(.hp-logo){font-size:10px}.hp-preview .hp-footer-grid>div>p{max-width:190px;color:var(--hp-muted);font-size:10px;line-height:1.4}.hp-preview .hp-footer-grid>div>small{font-size:9px;color:var(--hp-muted)}.hp-preview .hp-footer-social{display:flex;gap:12px;margin-bottom:30px}.hp-preview .hp-footer-end>div:last-child{display:flex;gap:10px}.hp-preview .hp-footer-end span{color:var(--hp-muted);font-size:9px}.hp-preview .hp-footer-end a{font-size:9px}
html[data-theme-resolved='dark'] .hp-preview{--hp-bg:#0e1015;--hp-ink:#f8f9ff;--hp-muted:#a9afbd;--hp-line:#2b303c;--hp-surface:#191d27;--hp-soft:#242936;--hp-shadow:0 20px 65px -35px rgba(0,0,0,.8);background:var(--hp-bg)}html[data-theme-resolved='dark'] .hp-preview .hp-logo-mark{background:#fff;color:#17171b}html[data-theme-resolved='dark'] .hp-preview .hp-button-dark{background:#fff;color:#17171b}html[data-theme-resolved='dark'] .hp-preview .hp-claim button{background:#fff;color:#17171b}html[data-theme-resolved='dark'] .hp-preview .hp-hero{background:radial-gradient(circle at 83% 1%,rgba(131,79,211,.17),transparent 36%),radial-gradient(circle at 30% 70%,rgba(60,97,218,.07),transparent 34%)}html[data-theme-resolved='dark'] .hp-preview .hp-phone{border-color:#4c5569;background:#111721}html[data-theme-resolved='dark'] .hp-preview .hp-phone-link{background:#222936}html[data-theme-resolved='dark'] .hp-preview .hp-floating-qr{background:#ffedbd}html[data-theme-resolved='dark'] .hp-preview .hp-floating-stats{background:#191f2d}html[data-theme-resolved='dark'] .hp-preview .hp-claim-domain{color:#d8dbe6}html[data-theme-resolved='dark'] .hp-preview .hp-feature-rail{background:#1b1f29}html[data-theme-resolved='dark'] .hp-preview .hp-card-pink{background:linear-gradient(135deg,#3b142d,#321927)}html[data-theme-resolved='dark'] .hp-preview .hp-card-blue{background:linear-gradient(135deg,#142b4a,#102038)}html[data-theme-resolved='dark'] .hp-preview .hp-card-yellow{background:linear-gradient(135deg,#3a2f13,#2a2514)}html[data-theme-resolved='dark'] .hp-preview .hp-card-purple{background:linear-gradient(135deg,#28204d,#1d1a38)}html[data-theme-resolved='dark'] .hp-preview .hp-card-mint{background:linear-gradient(135deg,#133c39,#102b2b)}html[data-theme-resolved='dark'] .hp-preview .hp-card-lilac{background:linear-gradient(135deg,#282449,#1c1b33)}html[data-theme-resolved='dark'] .hp-preview .hp-card-visual{background:#171d29;border-color:#30374a;color:#f6f7fb}html[data-theme-resolved='dark'] .hp-preview .hp-bio-mini b,html[data-theme-resolved='dark'] .hp-preview .hp-link-mini>small{background:#273041}html[data-theme-resolved='dark'] .hp-preview .hp-link-mini{color:#e8ecf5}html[data-theme-resolved='dark'] .hp-preview .hp-link-mini hr,html[data-theme-resolved='dark'] .hp-preview .hp-link-mini>div,html[data-theme-resolved='dark'] .hp-preview .hp-analytics-mini p{border-color:#364056}html[data-theme-resolved='dark'] .hp-preview .hp-analytics-mini>div:nth-child(2),html[data-theme-resolved='dark'] .hp-preview .hp-simple-mini span{border-color:#364056}html[data-theme-resolved='dark'] .hp-preview .hp-example-body{color:#181a20}html[data-theme-resolved='dark'] .hp-preview .hp-example-cream{background:#eee3d1}html[data-theme-resolved='dark'] .hp-preview .hp-example-sky{background:#153654;color:#f8faff}html[data-theme-resolved='dark'] .hp-preview .hp-example-rose{background:#4b2145;color:#f8faff}html[data-theme-resolved='dark'] .hp-preview .hp-example-sky .hp-example-person small,html[data-theme-resolved='dark'] .hp-preview .hp-example-sky .hp-example-body>p,html[data-theme-resolved='dark'] .hp-preview .hp-example-rose .hp-example-person small,html[data-theme-resolved='dark'] .hp-preview .hp-example-rose .hp-example-body>p{color:#c9cfda}html[data-theme-resolved='dark'] .hp-preview .hp-example-sky .hp-example-links span,html[data-theme-resolved='dark'] .hp-preview .hp-example-rose .hp-example-links span{background:#ffffff1b}html[data-theme-resolved='dark'] .hp-preview .hp-example-sky .hp-example-social,html[data-theme-resolved='dark'] .hp-preview .hp-example-rose .hp-example-social{color:#fff}html[data-theme-resolved='dark'] .hp-preview .hp-final-cta{background:radial-gradient(circle at 60% 130%,#56389b88,transparent 37%),linear-gradient(110deg,#431651,#121944)}html[data-theme-resolved='dark'] .hp-preview .hp-final-cta p:not(.hp-eyebrow){color:#ccd0df}html[data-theme-resolved='dark'] .hp-preview .hp-claim input::placeholder{color:#8790a3}
@media(max-width:1100px){.hp-preview .hp-container{width:min(100% - 40px,1320px)}.hp-preview .hp-hero-grid{grid-template-columns:1fr .9fr}.hp-preview .hp-hero h1{font-size:clamp(58px,7vw,82px)}.hp-preview .hp-phone{left:20%;width:245px}.hp-preview .hp-floating-photo{right:0;width:115px}.hp-preview .hp-floating-link{right:-2%}.hp-preview .hp-impact{grid-template-columns:1fr 1fr}.hp-preview .hp-desktop-nav{gap:18px}}
@media(max-width:800px){.hp-preview .hp-desktop-nav{display:none}.hp-preview .hp-menu-button{display:grid}.hp-preview .hp-mobile-nav{position:absolute;left:20px;right:20px;top:62px;z-index:30;display:grid;gap:0;padding:10px;border:1px solid var(--hp-line);border-radius:13px;background:var(--hp-surface);box-shadow:var(--hp-shadow)}.hp-preview .hp-mobile-nav a{padding:10px 12px;font-size:12px;font-weight:700}.hp-preview .hp-hero-grid{grid-template-columns:1fr;gap:0}.hp-preview .hp-hero-copy{padding:45px 0 12px}.hp-preview .hp-hero-art{width:min(100%,570px);height:450px;margin:auto}.hp-preview .hp-phone{left:30%;width:240px;height:430px}.hp-preview .hp-floating-stats{left:6%;top:185px}.hp-preview .hp-floating-qr{left:10%;top:35px}.hp-preview .hp-feature-rail{margin-top:0}.hp-preview .hp-example-grid{gap:10px}.hp-preview .hp-example-cover{height:130px}.hp-preview .hp-example-body{padding:20px 10px 10px}.hp-preview .hp-steps>.hp-container{grid-template-columns:1fr}.hp-preview .hp-audience-grid{grid-template-columns:repeat(2,1fr)}.hp-preview .hp-directory{grid-template-columns:1fr}.hp-preview .hp-footer-grid{grid-template-columns:repeat(3,1fr)}.hp-preview .hp-footer-grid>div:first-child{grid-column:span 3}}
@media(max-width:620px){.hp-preview .hp-container{width:min(100% - 32px,1320px)}.hp-preview .hp-header-inner{height:62px}.hp-preview .hp-logo{font-size:18px}.hp-preview .hp-header-cta{display:none}.hp-preview .hp-hero-copy{padding:34px 0 8px}.hp-preview .hp-hero h1{font-size:clamp(48px,11.7vw,72px);margin:17px 0}.hp-preview .hp-hero-lead{font-size:15px}.hp-preview .hp-claim{height:auto;min-height:52px;flex-wrap:wrap;margin-top:22px}.hp-preview .hp-claim-domain{font-size:10px}.hp-preview .hp-claim input{font-size:11px}.hp-preview .hp-claim button{width:100%;margin-top:3px}.hp-preview .hp-hero-actions{margin-top:15px}.hp-preview .hp-hero-art{height:415px}.hp-preview .hp-phone{top:15px;left:calc(50% - 105px);width:210px;height:385px;border-radius:28px}.hp-preview .hp-phone-cover{height:34%}.hp-preview .hp-phone-content{padding:21px 14px 8px}.hp-preview .hp-phone-link{margin-bottom:5px;padding:6px}.hp-preview .hp-floating-qr{left:0;top:40px;transform:scale(.72) rotate(-9deg);transform-origin:top left}.hp-preview .hp-floating-stats{left:0;top:200px;transform:scale(.7) rotate(-8deg);transform-origin:top left}.hp-preview .hp-floating-photo{right:-5px;width:88px;height:125px}.hp-preview .hp-floating-photo-top{top:54px}.hp-preview .hp-floating-photo-bottom{top:250px}.hp-preview .hp-floating-link{right:-5px;top:190px;padding:8px;font-size:8px}.hp-preview .hp-illustrative{right:3px;top:28px;font-size:8px}.hp-preview .hp-feature-rail{grid-template-columns:repeat(2,1fr);gap:10px;padding:11px}.hp-preview .hp-feature-rail a{justify-content:start;font-size:10px}.hp-preview .hp-section{padding:50px 0}.hp-preview .hp-section-heading{display:block}.hp-preview .hp-section-heading p{width:auto;margin-top:14px}.hp-preview .hp-feature-card{flex-basis:78vw;max-width:310px}.hp-preview .hp-impact{grid-template-columns:1fr;min-height:0;padding:26px 21px}.hp-preview .hp-impact-art{height:220px}.hp-preview .hp-impact-editor{width:86%}.hp-preview .hp-impact-report{right:-6px;transform:scale(.8) rotate(7deg);transform-origin:top right}.hp-preview .hp-examples-head h2{font-size:34px}.hp-preview .hp-examples-head a{font-size:9px}.hp-preview .hp-example-grid{grid-template-columns:1fr;gap:18px}.hp-preview .hp-example-cover{height:210px}.hp-preview .hp-example-body{padding:23px}.hp-preview .hp-example-person img{width:55px;height:55px}.hp-preview .hp-example-body>p{font-size:11px}.hp-preview .hp-example-links span{font-size:11px}.hp-preview .hp-audience-grid{grid-template-columns:1fr 1fr}.hp-preview .hp-audience-grid article{padding:13px}.hp-preview .hp-audience-grid h3{font-size:14px}.hp-preview .hp-audience-grid p{font-size:10px}.hp-preview .hp-steps ol{grid-template-columns:1fr}.hp-preview .hp-faq-grid{grid-template-columns:1fr}.hp-preview .hp-final-cta{display:block;padding:25px}.hp-preview .hp-final-cta .hp-button{margin-top:17px}.hp-preview .hp-footer-grid{grid-template-columns:repeat(2,1fr)}.hp-preview .hp-footer-grid>div:first-child{grid-column:span 2}.hp-preview .hp-footer-end{grid-column:span 2}.hp-preview .hp-footer-social{margin-bottom:7px}}
@media(prefers-reduced-motion:reduce){.hp-preview *, .hp-preview *:before, .hp-preview *:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.hp-preview img.hp-qr{object-fit:contain;background:#fff;background-image:none}

/* Reference layout refinements. All rules stay within the review page. */
@font-face { font-family:'Smalee Preview Inter'; font-style:normal; font-weight:400; font-display:swap; src:url('../workspace/inter-400.woff2') format('woff2'); }
@font-face { font-family:'Smalee Preview Inter'; font-style:normal; font-weight:500; font-display:swap; src:url('../workspace/inter-500.woff2') format('woff2'); }
@font-face { font-family:'Smalee Preview Inter'; font-style:normal; font-weight:600; font-display:swap; src:url('../workspace/inter-600.woff2') format('woff2'); }
@font-face { font-family:'Smalee Preview Inter'; font-style:normal; font-weight:700; font-display:swap; src:url('../workspace/inter-700.woff2') format('woff2'); }
.hp-preview { --hp-bg:#fff; --hp-muted:#606574; font-weight:400; font-family:'Smalee Preview Inter',Inter,ui-sans-serif,system-ui,sans-serif; }
.hp-preview .hp-container { width:min(100% - 80px,1240px); }
.hp-preview h1,.hp-preview h2,.hp-preview h3,.hp-preview strong { font-weight:700; }
.hp-preview .hp-eyebrow { font-size:11px; letter-spacing:.16em; font-weight:700; }
.hp-preview .hp-header-inner { height:78px; }
.hp-preview .hp-desktop-nav { gap:32px; }
.hp-preview .hp-desktop-nav a { font-size:13px; font-weight:500; }
.hp-preview .hp-logo { font-size:23px; letter-spacing:-.045em; font-weight:700; }
.hp-preview .hp-logo-mark { width:34px; height:34px; }
.hp-preview .hp-button { min-height:50px; padding-inline:27px; font-size:13px; font-weight:600; border:1px solid transparent; box-shadow:0 5px 10px -7px #14151b66; }
.hp-preview .hp-button:hover { transform:translateY(-1px); box-shadow:0 8px 18px -10px #14151b66; }
.hp-preview .hp-header-cta { min-height:40px; font-size:12px; padding-inline:18px; }
.hp-preview .hp-login { padding:12px 17px; font-size:12px; }
.hp-preview .hp-theme-toggle,.hp-preview .hp-menu-button { width:42px; height:42px; }
.hp-preview .hp-text-link { font-size:13px; font-weight:600; }
.hp-preview .hp-hero { padding-top:0; background:radial-gradient(ellipse at 65% 45%,#e4eeff80,transparent 43%),linear-gradient(152deg,transparent 67%,#eaf0ff77 67%,transparent 85%); }
.hp-preview .hp-hero-grid { grid-template-columns:1.04fr 1fr; gap:12px; min-height:612px; }
.hp-preview .hp-hero-copy { padding:28px 0 58px; }
.hp-preview .hp-hero h1 { font-size:clamp(58px,6.15vw,88px); line-height:1.01; letter-spacing:-.058em; font-weight:700; margin:18px 0; }
.hp-preview .hp-hero-lead { font-size:22px; line-height:1.4; letter-spacing:-.018em; }
.hp-preview .hp-claim { max-width:555px; height:60px; margin-top:28px; background:#fff; box-shadow:0 9px 25px -22px #2228; }
.hp-preview .hp-claim input { font-size:16px; }
.hp-preview .hp-claim-domain { font-size:14px; border-right:1px solid var(--hp-line); margin-right:10px; }
.hp-preview .hp-claim button { font-size:12px; font-weight:600; height:48px; padding-inline:20px; }
.hp-preview .hp-claim-feedback { font-size:12px; line-height:1.4; min-height:18px; }
.hp-preview .hp-hero-actions { margin-top:18px; gap:28px; }
.hp-preview .hp-hero-actions .hp-button { min-width:180px; }
.hp-preview .hp-hero-art { height:600px; }
.hp-preview .hp-phone { width:264px; height:556px; left:28%; top:14px; border-width:5px; border-radius:35px; box-shadow:0 32px 45px -23px #22294060,0 0 0 2px #a6a6ad; }
.hp-preview .hp-phone-cover { height:34%; object-position:50% 38%; }
.hp-preview .hp-phone-content { padding:31px 20px 18px; }
.hp-preview .hp-phone-content>strong { font-size:15px; }
.hp-preview .hp-phone-content>small { font-size:9px; margin-top:2px; }
.hp-preview .hp-phone-content>p { font-size:10px; margin:10px 0 16px; }
.hp-preview .hp-phone-link { min-height:36px; margin-bottom:8px; padding:8px 10px; font-size:10px; font-weight:500; box-shadow:0 3px 8px -5px #2225; }
.hp-preview .hp-phone-social { margin-top:19px; gap:22px; font-size:16px; }
.hp-preview .hp-phone-avatar { width:60px; height:60px; left:calc(50% - 30px); top:-32px; object-position:50% 28%; }
.hp-preview .hp-floating-qr { top:78px; left:3%; width:140px; height:150px; padding:14px; z-index:5; }
.hp-preview .hp-qr-small { width:100px; height:100px; }
.hp-preview .hp-floating-stats { width:160px; top:278px; left:0; padding:18px 14px; }
.hp-preview .hp-floating-stats small { font-size:12px; }
.hp-preview .hp-floating-stats strong { font-size:23px; }
.hp-preview .hp-floating-stats .hp-mini-bars { height:68px; }
.hp-preview .hp-floating-photo { width:135px; height:213px; right:1%; border:3px solid var(--hp-surface); }
.hp-preview .hp-floating-photo-top { top:100px; }
.hp-preview .hp-floating-photo-bottom { top:358px; height:178px; }
.hp-preview .hp-floating-photo-top img { object-position:65% 12%; }
.hp-preview .hp-floating-photo-bottom img { object-position:80% 35%; }
.hp-preview .hp-floating-link { right:-4%; top:291px; font-size:13px; padding:15px; }
.hp-preview .hp-illustrative { right:-2%; top:62px; font-size:12px; }
.hp-preview .hp-illustrative::after { content:'⤵'; display:block; font-size:28px; margin-top:5px; }
.hp-preview .hp-feature-rail { width:min(100% - 120px,1080px); margin-top:-12px; min-height:64px; }
.hp-preview .hp-feature-rail a { font-size:13px; font-weight:500; }
.hp-preview .hp-rail-icon { width:36px; height:36px; font-size:16px; border-radius:10px; }
.hp-preview .hp-section { padding:44px 0; }
.hp-preview .hp-section h2,.hp-preview .hp-impact h2 { font-size:clamp(34px,3.8vw,54px); font-weight:700; letter-spacing:-.052em; line-height:1.04; }
.hp-preview .hp-section-heading { margin:14px 0 20px; }
.hp-preview .hp-section-heading p { width:38%; max-width:405px; font-size:14px; }
.hp-preview .hp-features>.hp-container { width:min(100% - 64px,1328px); }
.hp-preview .hp-features>.hp-container>.hp-eyebrow,.hp-preview .hp-section-heading { margin-left:36px; margin-right:36px; }
.hp-preview .hp-carousel-controls { margin:0 2px 12px; font-size:11px; }
.hp-preview .hp-carousel-controls button { width:36px; height:36px; }
.hp-preview .hp-feature-track { gap:14px; padding-bottom:14px; scrollbar-width:thin; scroll-padding-inline:0; }
.hp-preview .hp-feature-card { flex:0 0 calc((100% - 42px)/4); min-width:0; min-height:540px; padding:22px 18px 18px; border-radius:20px; display:flex; flex-direction:column; }
.hp-preview .hp-card-title { gap:11px; }
.hp-preview .hp-card-title h3 { font-size:19px; letter-spacing:-.035em; white-space:normal; line-height:1.15; font-weight:700; }
.hp-preview .hp-card-title { min-height:44px; }
.hp-preview .hp-card-title a { flex:none; width:38px; height:38px; font-size:18px; }
.hp-preview .hp-card-icon { flex:none; width:42px; height:42px; border-radius:12px; font-size:19px; }
.hp-preview .hp-card-pink .hp-card-icon { background:#ffd8e7; color:#ed4b8c; }
.hp-preview .hp-card-blue .hp-card-icon { background:#d5ebff; color:#3f88fd; }
.hp-preview .hp-card-yellow .hp-card-icon { background:#ffebaf; color:#5e4c13; }
.hp-preview .hp-card-purple .hp-card-icon { background:#e2d8ff; color:#8b64ef; }
.hp-preview .hp-card-mint .hp-card-icon { background:#caf0e5; color:#248d78; }
.hp-preview .hp-card-lilac .hp-card-icon { background:#ddd8fc; color:#7567f8; }
.hp-preview .hp-feature-card>p { font-size:14px; min-height:82px; margin:18px 0; line-height:1.45; }
.hp-preview .hp-card-visual { flex:1; min-height:335px; height:auto; padding:14px; border-radius:18px; overflow:visible; }
.hp-preview .hp-bio-mini { flex:none; min-height:335px; width:90%; margin:0 auto; padding:0; border:4px solid #1c1e25; border-radius:23px 23px 12px 12px; overflow:hidden; box-shadow:0 9px 20px -12px #2228; }
.hp-preview .hp-bio-mini>img { height:110px; object-position:50% 22%; }
.hp-preview .hp-bio-mini>div { padding:24px 10px 10px; }
.hp-preview .hp-mini-avatar { position:absolute; top:-26px; left:calc(50% - 23px); width:46px; height:46px; border:3px solid #fff; border-radius:50%; object-fit:cover; object-position:50% 20%; }
.hp-preview .hp-bio-mini strong { font-size:13px; }
.hp-preview .hp-bio-mini small { font-size:9px; margin:2px 0 9px; }
.hp-preview .hp-bio-mini b { display:flex; align-items:center; gap:8px; font-size:10px; font-weight:500; margin-top:6px; padding:7px; border:1px solid var(--hp-line); }
.hp-preview .hp-bio-mini b i { color:#7567f8; font-size:11px; width:15px; }
.hp-preview .hp-link-mini { font-size:11px; }
.hp-preview .hp-link-mini>small { font-size:11px; padding:12px 9px; }
.hp-preview .hp-link-mini>span { font-size:10px; }
.hp-preview .hp-link-mini code { font-size:10px; overflow-wrap:anywhere; }
.hp-preview .hp-link-mini>b { font-size:11px; margin:3px 0 12px; }
.hp-preview .hp-link-mini hr { margin:10px 0; }
.hp-preview .hp-link-mini>div { padding:12px 0; font-size:11px; }
.hp-preview .hp-link-mini em { font-size:9px; }
.hp-preview .hp-link-mini i { margin-right:6px; }
.hp-preview .hp-qr-mini { justify-content:center; gap:10px; }
.hp-preview .hp-qr-mini .hp-qr { width:146px; height:146px; }
.hp-preview .hp-qr-mini small { font-size:10px; }
.hp-preview .hp-qr-colors { gap:9px; }
.hp-preview .hp-qr-colors i { width:22px; height:22px; }
.hp-preview .hp-qr-mini a { padding:12px 8px; font-size:11px; text-align:center; width:100%; border-color:var(--hp-line); }
.hp-preview .hp-analytics-mini>small { font-size:10px; }
.hp-preview .hp-analytics-mini>div:nth-child(2) { padding:10px; font-size:11px; margin:10px 0 12px; }
.hp-preview .hp-analytics-mini>strong { font-size:30px; line-height:1.2; }
.hp-preview .hp-analytics-mini>small b { border-radius:5px; background:#dff7e9; padding:3px 6px; font-weight:600; }
.hp-preview .hp-bars { height:90px; gap:7px; margin:13px 0 12px; }
.hp-preview .hp-analytics-mini p { display:flex; gap:8px; align-items:center; font-size:11px; padding:9px 0; }
.hp-preview .hp-analytics-mini p span { margin-left:auto; }
.hp-preview .hp-analytics-mini p i { width:14px; }
.hp-preview .hp-domain-mini,.hp-preview .hp-workspace-mini { display:flex; flex-direction:column; }
.hp-preview .hp-domain-mini>small,.hp-preview .hp-workspace-mini>small { font-size:10px; color:var(--hp-muted); }
.hp-preview .hp-domain-globe { display:grid; place-items:center; width:76px; height:76px; margin:24px auto 15px; border-radius:50%; background:#e4f6f1; color:#2a9b83; font-size:40px; }
.hp-preview .hp-domain-mini>strong { text-align:center; font-size:16px; }
.hp-preview .hp-domain-address { font-size:11px; margin:18px 0 10px; padding:12px 6px; border:1px solid var(--hp-line); border-radius:8px; white-space:nowrap; }
.hp-preview .hp-domain-address i { color:#2a9b83; margin-right:4px; }
.hp-preview .hp-domain-row { display:flex; justify-content:space-between; padding:10px 0; font-size:11px; border-bottom:1px solid var(--hp-line); }
.hp-preview .hp-domain-row i { color:#2a9b83; }
.hp-preview .hp-domain-mini>p { margin-top:12px; font-size:10px; color:var(--hp-muted); }
.hp-preview .hp-workspace-heading { display:flex; gap:10px; align-items:center; margin:22px 0; }
.hp-preview .hp-workspace-heading>span { display:grid; place-items:center; width:38px; height:38px; background:#eeeaff; border-radius:10px; color:#7567f8; }
.hp-preview .hp-workspace-heading strong { font-size:14px; }
.hp-preview .hp-workspace-heading small,.hp-preview .hp-workspace-row small { display:block; font-size:10px; color:var(--hp-muted); }
.hp-preview .hp-workspace-row { display:flex; align-items:center; gap:10px; border:1px solid var(--hp-line); border-radius:9px; padding:12px 9px; margin-bottom:9px; }
.hp-preview .hp-workspace-row>i { color:#7567f8; }
.hp-preview .hp-workspace-row strong { font-size:12px; }
.hp-preview .hp-workspace-row>span { margin-left:auto; }
.hp-preview .hp-workspace-bottom { display:flex; justify-content:space-between; margin-top:auto; padding-top:10px; font-size:9px; color:var(--hp-muted); }
.hp-preview .hp-qr-mini .hp-qr { background:#fff; }
.hp-preview .hp-impact { width:min(100% - 16px,1440px); padding:52px max(40px,calc((100% - 1240px)/2)); grid-template-columns:.85fr 1.25fr; min-height:400px; gap:50px; border:1px solid #393c45; border-radius:22px; position:relative; overflow:hidden; }
.hp-preview .hp-impact::before { content:''; position:absolute; width:480px; height:480px; right:12%; top:-100px; border-radius:45%; background:linear-gradient(145deg,#ffffff12,#ffffff02); transform:rotate(-20deg); pointer-events:none; }
.hp-preview .hp-impact-copy,.hp-preview .hp-impact-art { position:relative; z-index:1; }
.hp-preview .hp-impact h2 { margin:17px 0; }
.hp-preview .hp-impact-copy>p:not(.hp-eyebrow) { font-size:15px; max-width:375px; }
.hp-preview .hp-impact-art { height:290px; }
.hp-preview .hp-impact-editor { width:82%; height:284px; padding:18px; border:1px solid #e6e8ef; border-radius:18px; }
.hp-preview .hp-impact-editor>div { font-size:13px; padding:8px; }
.hp-preview .hp-impact-editor>div span { font-size:10px; padding:10px 12px; }
.hp-preview .hp-impact-editor p { display:flex; gap:9px; align-items:center; font-size:12px; padding:10px; margin-top:10px; }
.hp-preview .hp-impact-editor p b { margin-left:auto; font-size:10px; }
.hp-preview .hp-impact-editor p i { width:13px; }
.hp-preview .hp-toggle-demo { display:inline-block; width:29px; height:16px; background:#d5d9e2; border-radius:20px; position:relative; vertical-align:middle; }
.hp-preview .hp-toggle-demo::after { content:''; width:12px; height:12px; position:absolute; top:2px; left:2px; background:white; border-radius:50%; }
.hp-preview .hp-toggle-on { margin-left:7px; background:#3f88fd; }
.hp-preview .hp-toggle-on::after { left:15px; }
.hp-preview .hp-impact-report { width:173px; top:46px; padding:17px; border-radius:16px; }
.hp-preview .hp-impact-report small,.hp-preview .hp-impact-report span { font-size:10px; }
.hp-preview .hp-impact-report strong { font-size:29px; }
.hp-preview .hp-impact-report .hp-mini-bars { height:78px; }
.hp-preview .hp-examples { padding-top:42px; padding-bottom:24px; }
.hp-preview .hp-examples-head h2 { font-size:clamp(30px,3.25vw,44px); }
.hp-preview .hp-examples-head a,.hp-preview .hp-faq-head a { font-size:12px; padding-bottom:4px; border-bottom:1px solid var(--hp-line); }
.hp-preview .hp-example-grid { gap:22px; margin-top:25px; }
.hp-preview .hp-example-cover { height:220px; object-position:50% 18%; }
.hp-preview .hp-example-body { margin-top:-30px; min-height:272px; padding:27px 22px 20px; border-radius:0 75% 0 0 / 0 54px 0 0; background:#f3e9d8; color:#202126; }
.hp-preview .hp-example-sky .hp-example-body { background:#dceeff; }
.hp-preview .hp-example-rose .hp-example-body { background:#ffe0e9; }
.hp-preview .hp-example-person { position:relative; padding-left:70px; min-height:36px; }
.hp-preview .hp-example-person img { position:absolute; left:0; top:-25px; width:61px; height:61px; margin:0; object-position:50% 20%; }
.hp-preview .hp-example-person strong { font-size:14px; }
.hp-preview .hp-example-person small { font-size:10px; }
.hp-preview .hp-example-body>p { font-size:12px; text-align:center; max-width:240px; margin:12px auto; min-height:34px; }
.hp-preview .hp-example-social { font-size:16px; gap:25px; margin:13px 0; }
.hp-preview .hp-example-links span { justify-content:start; align-items:center; padding:7px 9px; gap:10px; font-size:12px; font-weight:500; background:#ffffffb8; }
.hp-preview .hp-example-links img { width:30px; height:28px; object-fit:cover; border-radius:6px; }
.hp-preview .hp-directory { margin-top:26px; padding:22px; }
.hp-preview .hp-directory h3 { font-size:22px; font-weight:700; }
.hp-preview .hp-directory p:not(.hp-eyebrow) { font-size:12px; }
.hp-preview .hp-directory-more { font-size:12px; }
.hp-preview .hp-audiences { padding:34px 0; }
.hp-preview .hp-audiences h2 { font-size:clamp(30px,3.2vw,44px); }
.hp-preview .hp-audience-grid article { min-height:175px; padding:23px; background:linear-gradient(140deg,var(--hp-surface),var(--hp-soft)); }
.hp-preview .hp-audience-grid article>span { font-size:12px; }
.hp-preview .hp-audience-grid h3 { font-size:20px; font-weight:600; }
.hp-preview .hp-audience-grid p { font-size:13px; }
.hp-preview .hp-steps { padding:36px 0 30px; }
.hp-preview .hp-steps>.hp-container { grid-template-columns:1fr 1.9fr; gap:35px; }
.hp-preview .hp-steps h2 { font-size:36px; }
.hp-preview .hp-steps li b { width:40px; height:40px; font-size:15px; }
.hp-preview .hp-steps li strong { font-size:13px; }
.hp-preview .hp-steps li p { font-size:12px; }
.hp-preview .hp-faqs { padding:28px 0 30px; }
.hp-preview .hp-faq-head h2 { font-size:32px; }
.hp-preview .hp-faq-grid { gap:10px 16px; }
.hp-preview .hp-faq-grid summary { padding:15px 40px 15px 16px; font-size:13px; font-weight:500; }
.hp-preview .hp-faq-grid summary:after { top:13px; }
.hp-preview .hp-faq-grid details p { font-size:13px; }
.hp-preview .hp-final-cta { width:min(100% - 48px,1328px); position:relative; isolation:isolate; overflow:hidden; padding:28px 50px; margin-top:0; }
.hp-preview .hp-final-cta::before,.hp-preview .hp-final-cta::after { content:''; position:absolute; z-index:-1; pointer-events:none; width:680px; height:400px; border-radius:50%; background:#ccacf22d; right:0; top:-200px; transform:rotate(-15deg); }
.hp-preview .hp-final-cta::after { width:460px; height:300px; right:-70px; top:90px; background:#ad95ee2a; }
.hp-preview .hp-final-cta h2 { font-size:34px; font-weight:700; letter-spacing:-.045em; line-height:1.15; }
.hp-preview .hp-final-cta p:not(.hp-eyebrow) { font-size:13px; }
.hp-preview .hp-footer { padding:27px 0; }
.hp-preview .hp-footer-grid>div>a:not(.hp-logo),.hp-preview .hp-footer-grid>div>p { font-size:12px; }
.hp-preview .hp-footer-grid>div>strong { font-size:10px; letter-spacing:.12em; text-transform:uppercase; margin-bottom:5px; }
.hp-preview .hp-footer-grid>div>small { font-size:10px; }
.hp-preview .hp-footer-social { flex-wrap:wrap; gap:10px; margin-bottom:14px; }
.hp-preview .hp-footer-social:empty { display:none; }
.hp-preview .hp-footer-social a { display:grid; place-items:center; width:32px; height:32px; font-size:16px; }
.hp-preview .hp-footer-legal { flex-wrap:wrap; }
.hp-preview .hp-footer-legal a,.hp-preview .hp-footer-legal button { font:inherit; font-size:11px; color:var(--hp-muted); background:none; border:0; padding:0; }
html[data-theme-resolved='dark'] .hp-preview { --hp-bg:#0b0e12; --hp-muted:#b2b9c7; --hp-surface:#151a23; --hp-soft:#1c222e; }
html[data-theme-resolved='dark'] .hp-preview .hp-header-inner,html[data-theme-resolved='dark'] .hp-preview .hp-footer { background:transparent; }
html[data-theme-resolved='dark'] .hp-preview .hp-hero { background:radial-gradient(ellipse at 68% 38%,#2d24522e,transparent 45%),linear-gradient(152deg,transparent 67%,#28315528 67%,transparent 85%); }
html[data-theme-resolved='dark'] .hp-preview .hp-claim { background:#151a23; }
html[data-theme-resolved='dark'] .hp-preview .hp-example-cream .hp-example-body { background:#eee3d1; color:#202126; }
html[data-theme-resolved='dark'] .hp-preview .hp-example-sky .hp-example-body { background:#142c45; color:#f5f7fc; }
html[data-theme-resolved='dark'] .hp-preview .hp-example-rose .hp-example-body { background:#351c35; color:#f5f7fc; }
html[data-theme-resolved='dark'] .hp-preview .hp-example-sky .hp-example-links span,html[data-theme-resolved='dark'] .hp-preview .hp-example-rose .hp-example-links span { background:#ffffff14; color:#f5f7fc; }
html[data-theme-resolved='dark'] .hp-preview .hp-impact { background:radial-gradient(ellipse at 72% 39%,#17203499,#0a0c10 65%); border-color:#2b323f; }
html[data-theme-resolved='dark'] .hp-preview .hp-impact-editor,html[data-theme-resolved='dark'] .hp-preview .hp-impact-report { background:linear-gradient(145deg,#202631,#11151d); border-color:#30394a; color:#f5f7fc; }
html[data-theme-resolved='dark'] .hp-preview .hp-impact-editor>div,html[data-theme-resolved='dark'] .hp-preview .hp-impact-editor p { border-color:#353d4b; }
html[data-theme-resolved='dark'] .hp-preview .hp-impact-editor>div span { background:#fff; color:#15151b; }
html[data-theme-resolved='dark'] .hp-preview .hp-impact-editor p b,html[data-theme-resolved='dark'] .hp-preview .hp-impact-report small,html[data-theme-resolved='dark'] .hp-preview .hp-impact-report>span { color:#b3bdcc; }
html[data-theme-resolved='dark'] .hp-preview .hp-analytics-mini>small,html[data-theme-resolved='dark'] .hp-preview .hp-link-mini>span,html[data-theme-resolved='dark'] .hp-preview .hp-link-mini code,html[data-theme-resolved='dark'] .hp-preview .hp-link-mini em,html[data-theme-resolved='dark'] .hp-preview .hp-bio-mini small { color:#aeb7c7; }
html[data-theme-resolved='dark'] .hp-preview .hp-analytics-mini>small b { color:#7ae2b6; background:#174937; }
html[data-theme-resolved='dark'] .hp-preview .hp-domain-globe { background:#173e3a; color:#86dbc5; }
html[data-theme-resolved='dark'] .hp-preview .hp-qr-mini small { color:#f5f7fc; }
html[data-theme-resolved='dark'] .hp-preview .hp-qr-mini a { border-color:#3b4352; }
html[data-theme-resolved='dark'] .hp-preview .hp-rail-icon { background:color-mix(in srgb,currentColor 14%,transparent); }
html[data-theme-resolved='dark'] .hp-preview .hp-card-icon { background:#ffffff12; }
html[data-theme-resolved='dark'] .hp-preview .hp-card-pink .hp-card-icon { color:#ff84b3; }
html[data-theme-resolved='dark'] .hp-preview .hp-card-blue .hp-card-icon { color:#69adff; }
html[data-theme-resolved='dark'] .hp-preview .hp-card-yellow .hp-card-icon { color:#f8d96d; }
html[data-theme-resolved='dark'] .hp-preview .hp-card-purple .hp-card-icon { color:#ae8bff; }
html[data-theme-resolved='dark'] .hp-preview .hp-card-title a { background:#ffffff13; border-color:#ffffff0a; }
html[data-theme-resolved='dark'] .hp-preview .hp-final-cta { background:linear-gradient(115deg,#54165c,#34207c 52%,#121c4c); }
html[data-theme-resolved='dark'] .hp-preview .hp-final-cta::before { background:#8a40d62b; }
html[data-theme-resolved='dark'] .hp-preview .hp-final-cta::after { background:#6a40d530; }
@media(min-width:801px) and (max-width:1199px) {
 .hp-preview .hp-container { width:calc(100% - 64px); }
 .hp-preview .hp-hero h1 { font-size:6.2vw; }
 .hp-preview .hp-hero-lead { font-size:18px; }
 .hp-preview .hp-hero-art { transform:scale(.84); transform-origin:left center; width:119%; }
 .hp-preview .hp-claim { flex-wrap:wrap; height:auto; }
 .hp-preview .hp-claim button { width:100%; margin-top:6px; }
 .hp-preview .hp-claim input { min-height:40px; }
 .hp-preview .hp-feature-card { flex-basis:calc((100% - 28px)/3); }
 .hp-preview .hp-desktop-nav { gap:18px; }
 .hp-preview .hp-impact { gap:24px; padding-inline:36px; }
 .hp-preview .hp-impact-editor { width:88%; }
 .hp-preview .hp-impact-report { width:140px; right:-8px; }
 .hp-preview .hp-example-cover { height:185px; }
 .hp-preview .hp-example-body { padding-inline:14px; }
 .hp-preview .hp-example-person { padding-left:56px; }
 .hp-preview .hp-example-person img { width:50px; height:50px; }
 .hp-preview .hp-example-person strong { font-size:12px; }
 .hp-preview .hp-steps>.hp-container { grid-template-columns:1fr; gap:25px; }
}

/* Use the dashboard branding uploads for both homepage themes. */
.hp-preview .hp-logo .hp-brand-image { display:block; width:auto; height:34px; max-width:170px; object-fit:contain; filter:none; }
.hp-preview .hp-logo .hp-brand-dark { display:none; }
html[data-theme-resolved="dark"] .hp-preview .hp-logo .hp-brand-light { display:none; }
html[data-theme-resolved="dark"] .hp-preview .hp-logo .hp-brand-dark { display:block; }
@media (max-width: 600px) {
    .hp-preview .hp-logo .hp-brand-image { height:30px; max-width:150px; }
}
@media(max-width:800px) {
 .hp-preview .hp-container { width:calc(100% - 48px); }
 .hp-preview .hp-header-inner { height:72px; }
 .hp-preview .hp-hero-grid { grid-template-columns:1fr; min-height:0; gap:8px; }
 .hp-preview .hp-hero-copy { padding:34px 0 12px; }
 .hp-preview .hp-hero h1 { font-size:clamp(48px,8.5vw,68px); }
 .hp-preview .hp-hero-art { width:560px; max-width:100%; height:580px; }
 .hp-preview .hp-phone { left:27%; }
 .hp-preview .hp-hero-lead { font-size:21px; }
 .hp-preview .hp-feature-rail { width:calc(100% - 64px); margin-top:8px; }
 .hp-preview .hp-features>.hp-container { width:calc(100% - 40px); }
 .hp-preview .hp-features>.hp-container>.hp-eyebrow,.hp-preview .hp-section-heading { margin-inline:4px; }
 .hp-preview .hp-section-heading { align-items:start; }
 .hp-preview .hp-section-heading p { width:43%; }
 .hp-preview .hp-feature-card { flex-basis:calc((100% - 14px)/2); }
 .hp-preview .hp-impact { width:calc(100% - 24px); grid-template-columns:1fr; padding:36px; }
 .hp-preview .hp-impact-art { width:100%; max-width:540px; justify-self:center; }
 .hp-preview .hp-impact-copy>p:not(.hp-eyebrow) { max-width:440px; }
 .hp-preview .hp-example-grid { gap:14px; }
 .hp-preview .hp-example-cover { height:160px; }
 .hp-preview .hp-example-body { padding-inline:12px; }
 .hp-preview .hp-example-person { padding:18px 0 0; text-align:center; }
 .hp-preview .hp-example-person img { left:calc(50% - 25px); width:50px; height:50px; top:-40px; }
 .hp-preview .hp-example-person strong { font-size:13px; }
 .hp-preview .hp-example-person small { font-size:10px; }
 .hp-preview .hp-example-body>p { font-size:11px; min-height:50px; }
 .hp-preview .hp-example-links span { font-size:10px; gap:6px; padding:6px; }
 .hp-preview .hp-example-links img { width:24px; height:24px; }
 .hp-preview .hp-example-social { gap:15px; }
 .hp-preview .hp-steps>.hp-container { grid-template-columns:1fr; gap:24px; }
 .hp-preview .hp-directory { grid-template-columns:1fr auto; }
 .hp-preview .hp-directory>div:first-child { grid-column:1 / -1; }
 .hp-preview .hp-final-cta { width:calc(100% - 32px); padding:28px; }
 .hp-preview .hp-final-cta h2 { font-size:30px; }
 .hp-preview .hp-footer-grid { grid-template-columns:2fr 1fr 1fr; }
 .hp-preview .hp-footer-grid>div:first-child { grid-column:auto; }
 .hp-preview .hp-footer-end { grid-column:2 / -1; }
}
@media(max-width:620px) {
 .hp-preview .hp-container { width:calc(100% - 36px); }
 .hp-preview .hp-header-inner { height:66px; gap:10px; }
 .hp-preview .hp-logo { font-size:20px; gap:7px; }
 .hp-preview .hp-logo-mark { width:30px; height:30px; }
 .hp-preview .hp-theme-toggle,.hp-preview .hp-menu-button { width:44px; height:44px; }
 .hp-preview .hp-header-actions { gap:5px; }
 .hp-preview .hp-login { padding:12px; min-height:44px; }
 .hp-preview .hp-hero-copy { padding:28px 0 8px; }
 .hp-preview .hp-eyebrow { font-size:9px; letter-spacing:.13em; }
 .hp-preview .hp-hero h1 { font-size:clamp(40px,10.5vw,64px); letter-spacing:-.055em; line-height:1.04; margin:17px 0; }
 .hp-preview .hp-hero-lead { font-size:17px; line-height:1.45; }
 .hp-preview .hp-claim { margin-top:24px; padding:8px; display:grid; grid-template-columns:auto minmax(0,1fr); height:auto; }
 .hp-preview .hp-claim-domain { font-size:13px; padding-left:8px; }
 .hp-preview .hp-claim input { font-size:16px; min-height:35px; }
 .hp-preview .hp-claim button { grid-column:1 / -1; justify-self:center; display:flex; align-items:center; justify-content:center; gap:8px; width:min(100%,260px); margin:7px auto 2px; min-height:46px; font-size:13px; text-align:center; }
 .hp-preview .hp-claim-feedback { font-size:11px; margin-top:8px; max-width:330px; }
 .hp-preview .hp-hero-actions { gap:23px; margin-top:18px; }
 .hp-preview .hp-hero-actions .hp-button { min-width:143px; }
 .hp-preview .hp-button { min-height:48px; padding-inline:20px; }
 .hp-preview .hp-text-link { font-size:12px; }
 .hp-preview .hp-hero-art { height:438px; width:354px; }
 .hp-preview .hp-phone { width:208px; height:414px; top:12px; left:calc(50% - 104px); border-radius:28px; border-width:4px; }
 .hp-preview .hp-phone-cover { height:31%; }
 .hp-preview .hp-phone-content { padding:23px 13px 10px; }
 .hp-preview .hp-phone-content>strong { font-size:12px; }
 .hp-preview .hp-phone-content>small { font-size:7px; }
 .hp-preview .hp-phone-content>p { font-size:8px; margin:7px 0 10px; }
 .hp-preview .hp-phone-avatar { width:45px; height:45px; top:-25px; left:calc(50% - 22.5px); }
 .hp-preview .hp-phone-link { min-height:27px; font-size:8px; padding:5px 7px; margin-bottom:6px; }
 .hp-preview .hp-phone-social { font-size:12px; gap:19px; margin-top:12px; }
 .hp-preview .hp-floating-qr { transform:scale(.6) rotate(-9deg); left:-3px; top:38px; transform-origin:top left; }
 .hp-preview .hp-floating-stats { transform:scale(.58) rotate(-8deg); left:0; top:222px; transform-origin:top left; }
 .hp-preview .hp-floating-photo { width:82px; height:135px; right:-2px; border-width:2px; }
 .hp-preview .hp-floating-photo-top { top:63px; }
 .hp-preview .hp-floating-photo-bottom { top:280px; height:123px; }
 .hp-preview .hp-floating-link { font-size:8px; right:-4px; top:216px; padding:10px 7px; }
 .hp-preview .hp-illustrative { right:0; top:23px; font-size:8px; }
 .hp-preview .hp-illustrative::after { font-size:17px; }
 .hp-preview .hp-feature-rail { width:calc(100% - 36px); min-height:90px; margin-top:0; padding:12px 16px; gap:10px; }
 .hp-preview .hp-feature-rail a { font-size:12px; gap:10px; }
 .hp-preview .hp-rail-icon { width:30px; height:30px; font-size:14px; }
 .hp-preview .hp-section { padding:34px 0; }
 .hp-preview .hp-section h2 { font-size:34px; letter-spacing:-.048em; line-height:1.07; }
 .hp-preview .hp-section-heading { display:block; margin:13px 0 16px; }
 .hp-preview .hp-section-heading p { width:auto; max-width:360px; font-size:14px; margin-top:16px; }
 .hp-preview .hp-features>.hp-container { width:calc(100% - 36px); }
 .hp-preview .hp-features>.hp-container>.hp-eyebrow { margin-left:0; }
 .hp-preview .hp-carousel-controls { font-size:10px; gap:8px; }
 .hp-preview .hp-carousel-controls button { width:44px; height:44px; }
 .hp-preview .hp-feature-card { flex-basis:88%; max-width:340px; min-height:535px; padding:20px 17px 17px; }
 .hp-preview .hp-card-title h3 { font-size:19px; }
 .hp-preview .hp-card-title a { width:44px; height:44px; }
 .hp-preview .hp-feature-card>p { font-size:14px; min-height:72px; margin:16px 0; }
 .hp-preview .hp-card-visual { min-height:335px; }
 .hp-preview .hp-bio-mini { width:87%; }
 .hp-preview .hp-impact { width:calc(100% - 20px); padding:27px 24px 25px; gap:28px; min-height:0; }
 .hp-preview .hp-impact h2 { font-size:40px; }
 .hp-preview .hp-impact-copy>p:not(.hp-eyebrow) { font-size:14px; }
 .hp-preview .hp-impact-copy>div { gap:20px; }
 .hp-preview .hp-impact-art { height:250px; }
 .hp-preview .hp-impact-editor { width:88%; height:238px; padding:12px; top:0; }
 .hp-preview .hp-impact-editor>div { font-size:10px; padding:6px; }
 .hp-preview .hp-impact-editor>div span { font-size:8px; padding:8px; }
 .hp-preview .hp-impact-editor p { font-size:9px; padding:9px 6px; gap:6px; }
 .hp-preview .hp-impact-editor p b { font-size:8px; max-width:45%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
 .hp-preview .hp-impact-report { width:123px; right:-7px; top:42px; padding:12px; transform:rotate(7deg); }
 .hp-preview .hp-impact-report small { font-size:8px; }
 .hp-preview .hp-impact-report strong { font-size:25px; }
 .hp-preview .hp-impact-report .hp-mini-bars { height:57px; }
 .hp-preview .hp-examples-head { display:block; }
 .hp-preview .hp-examples-head h2 { font-size:32px; max-width:340px; }
 .hp-preview .hp-examples-head a { display:inline-block; margin-top:14px; font-size:12px; }
 .hp-preview .hp-example-grid { grid-template-columns:1fr; gap:22px; margin-top:22px; }
 .hp-preview .hp-example-cover { height:192px; object-position:50% 20%; }
 .hp-preview .hp-example-body { min-height:0; padding:25px 20px 18px; }
 .hp-preview .hp-example-person { padding:0 0 0 64px; text-align:left; }
 .hp-preview .hp-example-person img { left:0; top:-24px; width:55px; height:55px; }
 .hp-preview .hp-example-person strong { font-size:14px; }
 .hp-preview .hp-example-person small { font-size:11px; }
 .hp-preview .hp-example-body>p { min-height:0; max-width:260px; font-size:12px; margin:10px auto; }
 .hp-preview .hp-example-links span { font-size:12px; padding:7px 9px; gap:10px; }
 .hp-preview .hp-example-links img { width:29px; height:28px; }
 .hp-preview .hp-directory { display:block; padding:20px; }
 .hp-preview .hp-directory-list { margin:18px 0; }
 .hp-preview .hp-directory-list>a { min-width:195px; }
 .hp-preview .hp-audience-grid { gap:12px; }
 .hp-preview .hp-audience-grid article { padding:18px 15px; min-height:190px; }
 .hp-preview .hp-audience-grid h3 { font-size:18px; }
 .hp-preview .hp-audience-grid p { font-size:12px; }
 .hp-preview .hp-steps ol { grid-template-columns:1fr; gap:22px; }
 .hp-preview .hp-steps li strong { font-size:14px; }
 .hp-preview .hp-steps li p { font-size:13px; }
 .hp-preview .hp-faq-head { display:block; }
 .hp-preview .hp-faq-head a { display:inline-block; margin-top:14px; }
 .hp-preview .hp-faq-grid summary { font-size:13px; line-height:1.4; }
 .hp-preview .hp-faq-grid summary:after { top:14px; }
 .hp-preview .hp-final-cta { width:calc(100% - 24px); padding:27px 24px; }
 .hp-preview .hp-final-cta h2 { font-size:30px; max-width:330px; font-weight:700; }
 .hp-preview .hp-final-cta p:not(.hp-eyebrow) { font-size:13px; line-height:1.5; }
 .hp-preview .hp-footer-grid { grid-template-columns:repeat(2,1fr); gap:22px; }
 .hp-preview .hp-footer-grid>div:first-child { grid-column:1 / -1; }
 .hp-preview .hp-footer-end { grid-column:auto; }
 .hp-preview .hp-footer-grid>div>p { max-width:260px; }
 .hp-preview .hp-footer-grid>div>a:not(.hp-logo) { min-height:28px; display:flex; align-items:center; }
 .hp-preview .hp-footer-legal a,.hp-preview .hp-footer-legal button { min-height:30px; }
}
@media(max-width:370px) {
 .hp-preview .hp-logo { font-size:18px; }
 .hp-preview .hp-header-inner { gap:5px; }
 .hp-preview .hp-header-actions { gap:3px; }
 .hp-preview .hp-login { padding-inline:9px; }
 .hp-preview .hp-hero-art { transform:scale(.94); transform-origin:top center; margin-bottom:-20px; }
 .hp-preview .hp-hero-actions { gap:17px; }
 .hp-preview .hp-audience-grid { grid-template-columns:1fr; }
 .hp-preview .hp-audience-grid article { min-height:0; }
}

/* Main-homepage audience treatment and expanded closing invitation. */
html[data-theme-resolved='light'] .hp-preview .hp-hero-actions .hp-button-dark { background:#5C76FA; color:#fff; }
@media(max-width:800px) {
 .hp-preview .hp-hero-grid { grid-template-columns:minmax(0,1fr); }
 .hp-preview .hp-hero-copy,.hp-preview .hp-hero-art { min-width:0; max-width:100%; }
 .hp-preview .hp-mobile-nav { left:12px; right:12px; top:70px; padding:16px; border-radius:18px; box-shadow:0 20px 45px #0003; }
 .hp-preview .hp-mobile-nav a { display:flex; align-items:center; min-height:56px; padding:15px 18px; font-size:18px; font-weight:700; border-radius:10px; }
 .hp-preview .hp-mobile-nav a:hover,.hp-preview .hp-mobile-nav a:focus-visible { background:var(--hp-soft); }
}
@media(max-width:620px) {
 .hp-preview .hp-hero h1 { font-size:clamp(32px,10vw,60px); }
 .hp-preview .hp-claim { width:100%; max-width:100%; min-width:0; }
 .hp-preview .hp-claim input { width:100%; min-width:0; }
 .hp-preview .hp-mobile-nav { top:65px; }
}
.hp-preview .hp-audiences-native { padding:64px 0; }
.hp-preview .hp-audience-heading { text-align:center; max-width:760px; margin:0 auto 48px; }
.hp-preview .hp-audience-heading h2 { margin:24px 0 0; font-size:54px; line-height:1.18; }
.hp-preview .hp-audiences-native .hp-container { width:min(100% - 48px,1328px); }
.hp-preview .hp-audiences-native .hp-audience-grid { gap:16px; }
.hp-preview .hp-audiences-native article { position:relative; overflow:hidden; min-height:320px; padding:24px; border-radius:22px; background:#e0f2ff; color:#17171b; }
.hp-preview .hp-audiences-native article:nth-child(2) { background:#fff0c8; }
.hp-preview .hp-audiences-native article:nth-child(3) { background:#def7e7; }
.hp-preview .hp-audiences-native article:nth-child(4) { background:#f8e0f0; }
.hp-preview .hp-audience-top { display:flex; justify-content:space-between; align-items:start; }
.hp-preview .hp-audiences-native .hp-audience-icon { width:48px; height:48px; display:grid; place-items:center; border-radius:16px; background:#ffffffbf; box-shadow:0 2px 5px #00000008; color:#17171b; font-size:19px; }
.hp-preview .hp-audiences-native .hp-audience-number { border:1px solid #00000014; background:#ffffff73; padding:5px 10px; border-radius:20px; font:600 10px monospace; color:#66666d; }
.hp-preview .hp-audiences-native h3 { position:relative; z-index:1; margin:32px 0 18px; font-size:24px; letter-spacing:-.04em; font-weight:700; }
.hp-preview .hp-audiences-native article p { position:relative; z-index:1; font-size:14px; line-height:1.85; color:#55555d; margin-bottom:50px; }
.hp-preview .hp-audience-workflow { position:absolute; left:24px; bottom:24px; display:flex; align-items:center; gap:8px; font-size:12px; font-weight:700; z-index:2; }
.hp-preview .hp-audience-watermark { position:absolute; right:-12px; bottom:-24px; font-size:128px; opacity:.045; pointer-events:none; }
.hp-preview .hp-final-cta { min-height:360px; padding:60px 64px; border-radius:28px; }
.hp-preview .hp-final-cta h2 { font-size:52px; line-height:1.2; max-width:800px; margin:22px 0 26px; }
.hp-preview .hp-final-cta p:not(.hp-eyebrow) { font-size:15px; line-height:1.6; max-width:780px; }
.hp-preview .hp-final-cta .hp-button { flex:none; }
html[data-theme-resolved='dark'] .hp-preview .hp-audiences-native article { background:#142c45; color:#f5f7fc; }
html[data-theme-resolved='dark'] .hp-preview .hp-audiences-native article:nth-child(2) { background:#352c18; }
html[data-theme-resolved='dark'] .hp-preview .hp-audiences-native article:nth-child(3) { background:#15352c; }
html[data-theme-resolved='dark'] .hp-preview .hp-audiences-native article:nth-child(4) { background:#351e35; }
html[data-theme-resolved='dark'] .hp-preview .hp-audiences-native article p { color:#c4ccda; }
html[data-theme-resolved='dark'] .hp-preview .hp-audience-watermark { opacity:.06; }
@media(max-width:1100px) {
 .hp-preview .hp-audiences-native .hp-audience-grid { grid-template-columns:repeat(2,1fr); }
 .hp-preview .hp-final-cta { padding:48px; }
 .hp-preview .hp-final-cta h2 { font-size:44px; }
}
@media(max-width:620px) {
 .hp-preview .hp-audiences-native { padding:40px 0; }
 .hp-preview .hp-audience-heading { margin-bottom:28px; }
 .hp-preview .hp-audience-heading h2 { font-size:34px; margin-top:18px; }
 .hp-preview .hp-audiences-native .hp-container { width:calc(100% - 36px); }
 .hp-preview .hp-audiences-native .hp-audience-grid { grid-template-columns:1fr; }
 .hp-preview .hp-audiences-native article { min-height:300px; }
 .hp-preview .hp-final-cta { min-height:360px; padding:38px 28px; }
 .hp-preview .hp-final-cta h2 { font-size:36px; margin:20px 0; }
 .hp-preview .hp-final-cta p:not(.hp-eyebrow) { font-size:14px; }
}