/* Use the approved, unmodified 1671 x 941 artwork. Hide only its 48px browser bar. */
body{background:#071a2a}.approved-reference{position:relative;width:100%;aspect-ratio:1671 / 893;overflow:hidden;container-type:inline-size}.approved-art{position:absolute;width:100%;height:auto;max-width:none;display:block;top:-5.37514%;left:0;pointer-events:none}.art-link{position:absolute;display:block;padding:0;border:0;border-radius:.55cqw;background:transparent;transition:background .15s,box-shadow .15s}.art-link:hover{background:#ffffff09;box-shadow:0 0 0 1px #6fffc344}.art-link:focus-visible{outline:2px solid white;outline-offset:2px;background:#ffffff10}.actual-art-label{position:absolute;left:39.68%;top:49.10%;width:7.3%;height:2.03%;display:flex;align-items:center;background:#fff;color:#596c99;font-size:.66cqw;line-height:1.2;white-space:nowrap}.mobile-approved-product{display:none}footer{width:88.8%;margin-inline:auto;padding:18px 0 25px;font-size:10px}footer p{line-height:1.6}
@media(min-width:761px){.site-header,.hero,.steps,.features{display:none}}
@media(max-width:760px){.approved-reference{display:none}.hero{display:block}.hero-copy{padding-bottom:0}.brand-dot{color:#17e7a1}.button{background:#17e7a1}.button.secondary{background:transparent}.hero h1 span{color:#1ce8ad}.hero .eyebrow{color:#24f1b0}.mobile-approved-product{position:relative;display:block;overflow:hidden;width:calc(100% + 36px);aspect-ratio:980 / 470;container-type:inline-size;margin:30px -18px 0}.mobile-approved-product>img{position:absolute;width:170.5102%;max-width:none;height:auto;left:-66.32653%;top:-27.65957%;display:block}.mobile-actual-label{position:absolute;left:1.43%;top:75.96%;width:12%;height:3.9%;display:flex;align-items:center;background:#fff;color:#596c99;font-size:1.12cqw;white-space:nowrap}.features .feature{background:#0c2236;border-color:#264961}.feature-icon,.step-number{border-color:#17e7a1}.feature-icon,.feature-arrow,.steps .icon{color:#17e7a1}footer{width:calc(100% - 36px);font-size:9px}}
dialog{width:min(960px,calc(100vw - 40px));max-height:calc(100dvh - 40px);padding:0;border:1px solid #3c566c;border-radius:16px;background:#0b1728;color:#f6f9ff;box-shadow:0 30px 120px #0008;overflow:auto}dialog::backdrop{background:#020b15cf;backdrop-filter:blur(6px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 25px 10px}.dialog-heading h2{font-size:18px;letter-spacing:-.5px;margin:0;text-align:left}.dialog-heading button{border:1px solid #486078;background:transparent;color:#f6f9ff;border-radius:8px;width:40px;height:40px;font-size:28px;line-height:1}#tour-frame{display:block;width:100%;height:min(73vh,670px);min-height:370px;border:0;background:#0b1728}
@media(max-width:600px){dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 24px);border-radius:12px}.dialog-heading{padding:15px 15px 5px}.dialog-heading h2{font-size:16px}#tour-frame{height:calc(77vw + 90px);min-height:350px;max-height:72vh}}
@media(max-width:760px){.mobile-approved-product::after{content:"";position:absolute;left:0;top:85%;width:3%;height:15%;background:#071a2a;pointer-events:none}}
/* Shared design system for the complete marketing preview. */
:root{--navy:#071a2a;--panel:#0c2236;--green:#17e7a1;--mint:#17e7a1;--white:#f7fafc;--muted:#bccbdd;--border:#264961}body{background:var(--navy)}.wrap{width:min(1480px,88.8%)}.inner-page .site-header{display:flex;min-height:124px}.brand-dot{color:var(--green)}.button{background:var(--green);color:#031e19;border-radius:8px}.button.secondary{background:transparent;color:var(--white);border-color:#91a7b8}.content-section{padding-block:88px;border-top:1px solid #26496177}.section-intro{max-width:740px;margin-bottom:44px}.section-intro h2{text-align:left;max-width:none;font-size:clamp(30px,3.1vw,48px);line-height:1.14;margin:0 0 20px;letter-spacing:-1.7px}.section-intro p:not(.eyebrow){font-size:18px;line-height:1.7;color:var(--muted);margin:0}.section-intro .eyebrow{margin-bottom:17px;font-size:11px;letter-spacing:2.6px}.workflow-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center}.work-list article{display:flex;gap:23px;padding:28px 0;border-bottom:1px solid var(--border)}.work-list article:first-child{padding-top:0}.work-list article>span{color:var(--green);font-size:14px;font-weight:600;padding-top:6px}.work-list h3{font-size:23px;letter-spacing:-.7px;line-height:1.35;margin:0 0 12px}.work-list p,.surface p{color:var(--muted);font-size:15px;line-height:1.85;margin:0}.workspace-example{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:34px}.example-top{display:flex;justify-content:space-between;color:var(--green);font-size:10px;letter-spacing:1px;gap:15px}.example-top span:last-child{color:var(--muted);letter-spacing:0}.workspace-example h3{font-size:25px;letter-spacing:-.8px;margin:28px 0}.client-profile{display:flex;align-items:center;gap:14px;padding-bottom:24px}.client-profile>span{display:grid;place-items:center;background:#17e7a118;color:var(--green);border:1px solid #17e7a144;border-radius:50%;width:48px;height:48px}.client-profile small{display:block;color:var(--muted);font-size:12px;margin-top:6px}.example-row{display:flex;justify-content:space-between;gap:10px;padding:18px 0;border-top:1px solid var(--border);font-size:13px}.example-row b{font-weight:500;color:#b4f7dc}.review-note{display:flex;align-items:center;gap:14px;padding:15px;background:#17e7a109;border:1px solid #17e7a122;border-radius:8px;margin:18px 0}.review-note .icon{color:var(--green)}.review-note p{font-size:12px;line-height:1.8;margin:0;color:var(--muted)}.review-note strong{color:var(--white)}.text-link{display:inline-block;padding:0;background:transparent;color:var(--green);border:0;font-size:14px;font-weight:600;margin-top:22px}.audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.surface{display:block;padding:34px;background:var(--panel);border:1px solid var(--border);border-radius:13px}.surface>.icon{width:38px;height:38px;color:var(--green);margin-bottom:18px}.surface h3{font-size:25px;letter-spacing:-.7px;line-height:1.3;margin:0 0 16px}.plans{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1100px}.plan{padding:36px;background:var(--panel);border:1px solid var(--border);border-radius:14px}.plan:first-child{border-color:#17e7a1aa}.plan .eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:22px}.plan h3{font-size:31px;letter-spacing:-1px;margin:0 0 12px}.plan p:not(.eyebrow){color:var(--muted);font-size:14px}.price{font-size:56px;letter-spacing:-2px;font-weight:700;margin-top:30px}.price span{font-size:14px;font-weight:400;color:var(--muted);letter-spacing:0;margin-left:7px}.plan ul{list-style:none;padding:0;margin:28px 0 32px;min-height:205px}.plan li{padding:9px 0;font-size:14px;line-height:1.5;color:var(--muted)}.plan li:before{content:'✓';color:var(--green);margin-right:12px}.plan .button{width:100%;white-space:normal;text-align:center;padding:16px}.fineprint{max-width:850px;color:#a0b4c8;font-size:12px;line-height:1.9;margin:24px 0 0}.faq-list{max-width:1000px}.faq-list details{border-bottom:1px solid var(--border)}.faq-list summary{display:flex;justify-content:space-between;gap:20px;padding:24px 0;font-size:18px;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--green);font-size:23px;font-weight:400}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{color:var(--muted);font-size:15px;line-height:1.9;max-width:800px;padding:0 30px 24px 0;margin:0}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.resource{display:flex;flex-direction:column;transition:border-color .2s}.resource:hover{border-color:var(--green)}.resource .eyebrow{font-size:9px;letter-spacing:1.5px;line-height:1.8;margin-bottom:30px}.resource h3{font-size:22px}.resource .text-link{margin-top:auto;padding-top:24px}.resource p{font-size:13px;line-height:1.8;margin-bottom:16px}.closing{text-align:center;padding-block:85px 100px;border-top:1px solid var(--border)}.closing h2{font-size:clamp(32px,3.7vw,54px);letter-spacing:-1.8px;line-height:1.15;max-width:900px;margin:0 auto 22px}.closing p:not(.eyebrow){color:var(--muted);margin:0 0 30px;line-height:1.8}.closing small{display:block;margin-top:17px;color:var(--muted);font-size:11px}.closing .eyebrow{font-size:10px;letter-spacing:2.5px;margin-bottom:24px}.full-footer{display:block;padding:50px 0 28px;border-top:1px solid var(--border);font-size:13px;width:min(1480px,88.8%)}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:40px}.full-footer .brand{font-size:29px;color:var(--white);letter-spacing:-1.2px}.full-footer .brand img{width:32px;height:39px}.full-footer p{text-align:left;color:var(--muted);font-size:12px;line-height:1.9;margin-top:20px}.footer-top>div:not(:first-child){display:flex;flex-direction:column;gap:14px;font-size:12px}.footer-top strong{color:var(--white);font-size:13px;font-weight:600;margin-bottom:8px}.footer-top a:hover{color:var(--green)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--border);padding-top:24px;margin-top:45px;font-size:10px;line-height:1.8}.full-footer .disclosure{font-size:10px;max-width:1100px;color:#8fa6bb;margin-top:15px}.page-banner{padding-block:70px 65px}.page-banner h1{font-size:clamp(40px,4.6vw,70px);max-width:1100px;line-height:1.12;margin-bottom:27px}.page-banner h1 span{white-space:normal;color:var(--green)}.page-banner>p:last-child{max-width:800px;font-size:20px;line-height:1.7;color:var(--muted);margin:0}.pricing-first{padding-top:15px;border:0}.tour-invite{display:grid;grid-template-columns:.8fr 1.2fr;gap:5%;align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:40px;margin-bottom:80px}.tour-invite h2{text-align:left;margin:0 0 20px;font-size:36px}.tour-invite p{color:var(--muted);line-height:1.8;margin-bottom:25px}.tour-art{position:relative;overflow:hidden;aspect-ratio:980 / 470;border-radius:8px}.tour-art img{position:absolute;width:170.5102%;max-width:none;left:-66.32653%;top:-27.65957%}.article-body{max-width:840px;padding-bottom:60px}.article-body h2{text-align:left;font-size:30px;line-height:1.3;letter-spacing:-.7px;max-width:none;margin:40px 0 20px}.article-body p{font-size:16px;line-height:1.9;color:var(--muted)}.article-body strong{color:var(--white)}
@media(max-width:1100px){.inner-page .site-header{gap:16px}.inner-page nav{margin-left:10px;gap:20px}.inner-page .brand{font-size:25px}.inner-page .header-actions .login{display:none}.resource-grid{grid-template-columns:1fr}.resource .text-link{margin-top:12px}.footer-top{grid-template-columns:2fr 1fr 1fr;gap:30px}.footer-top>div:last-child{grid-column:2 / 4}.workflow-layout{gap:5%}.workspace-example{padding:24px}.surface{padding:27px}}
@media(max-width:760px){.wrap,.full-footer{width:calc(100% - 36px)}.inner-page .site-header{min-height:84px}.site-header nav{display:none}.site-header nav.open{display:flex}.site-header{position:relative;flex-wrap:wrap}.menu-toggle{display:flex;position:absolute;right:-5px;top:22px;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:10px;background:transparent;border:0}.menu-toggle span{width:20px;height:1.5px;background:#d8e5ef}.header-actions{margin-right:35px}.site-header nav.open{order:4;width:100%;justify-content:space-between;padding-bottom:18px;margin:0}.header-actions .login{display:none}.brand{font-size:24px}.button.small{min-width:0;padding:0 13px;font-size:12px;min-height:42px}.content-section{padding-block:55px}.section-intro{margin-bottom:30px}.section-intro h2{font-size:31px;letter-spacing:-1px}.section-intro p:not(.eyebrow){font-size:15px}.workflow-layout,.audience-grid,.plans,.tour-invite{grid-template-columns:1fr}.work-list h3{font-size:21px}.work-list p,.surface p{font-size:14px}.workspace-example{margin-top:30px}.surface h3{font-size:23px}.plan{padding:28px}.plan ul{min-height:0}.plan .button{font-size:13px}.faq-list summary{font-size:16px;line-height:1.5;padding:22px 0}.faq-list details p{font-size:14px}.closing{padding-block:55px 65px}.closing h2{font-size:32px;letter-spacing:-1px}.closing .button{font-size:12px;padding-inline:15px;white-space:normal}.closing p:not(.eyebrow){font-size:14px}.footer-top{grid-template-columns:1fr 1fr;gap:30px}.footer-top>div:first-child{grid-column:1 / 3}.footer-top>div:last-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:10px}.page-banner{padding-block:45px}.page-banner h1{font-size:clamp(33px,7.8vw,54px);letter-spacing:-1.4px}.page-banner>p:last-child{font-size:16px}.page-banner .eyebrow{font-size:10px;letter-spacing:2px}.tour-invite{padding:25px;margin-bottom:50px;gap:30px}.tour-invite h2{font-size:28px;max-width:none}.tour-invite p{font-size:14px}.article-body h2{font-size:26px}.article-body p{font-size:15px}.footer-top>div:not(:first-child){font-size:11px}.actual-art-label{font-family:Arial,sans-serif}}
