:root{--navy:#09172b;--navy-2:#10243c;--ink:#16263d;--muted:#68758a;--paper:#f5f6f7;--white:#fff;--line:#dce3eb;--blue:#2476f2;--cyan:#16b8c5;--violet:#8550ef;--orange:#ff873c;--teal:#158f99;--sage:#d7e8df;--body:'DM Sans','Segoe UI',sans-serif;--display:'Manrope','Segoe UI',sans-serif;--serif:'Playfair Display',Georgia,serif;--max:1200px;--ease:cubic-bezier(.2,.7,.25,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;min-width:320px;color:var(--ink);background:#f7f8fa;font-family:var(--body);font-size:16px;-webkit-font-smoothing:antialiased}body,button,input,select,textarea{font-family:var(--body)}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}img,svg{max-width:100%}img{display:block}.container{width:min(var(--max),calc(100% - 64px));margin-inline:auto}.skip-link{position:absolute;left:12px;top:-60px;z-index:200;background:#fff;color:#111;padding:12px;border-radius:8px}.skip-link:focus{top:12px}:focus-visible{outline:3px solid #f2a24c;outline-offset:3px}.site-header{height:78px;position:sticky;z-index:100;top:0;background:rgba(9,23,43,.96);border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(18px);color:#fff}.nav-wrap{height:100%;width:min(1320px,calc(100% - 64px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:10px;flex:none;text-decoration:none;color:#fff}.brand-symbol{width:34px;height:34px;flex:none}.brand-main{display:block;font:800 19px/1 var(--display);letter-spacing:-.8px;white-space:nowrap}.brand-main>span{display:inline;color:var(--cyan)}.brand-main small{display:block;margin-top:5px;font:600 7px/1.2 var(--body);letter-spacing:1px;color:#aebed0}.brand-divider{width:1px;height:31px;margin-inline:9px;background:rgba(255,255,255,.22)}.product-mark{font:800 20px/1 var(--display);letter-spacing:-1px}.product-mark span{color:#a68bff}.main-nav{display:flex;align-items:center;gap:clamp(16px,2.3vw,32px)}.main-nav>a:not(.nav-cta){font-size:12px;color:#c4cfdd;text-decoration:none;transition:color .2s}.main-nav>a:not(.nav-cta):hover{color:#fff}.nav-cta{display:inline-flex;align-items:center;gap:13px;padding:12px 15px;border:1px solid rgba(255,255,255,.22);border-radius:5px;background:rgba(255,255,255,.06);text-decoration:none;font-size:12px;font-weight:700;color:#fff;transition:background .2s,border-color .2s}.nav-cta span{color:#8de5e8}.nav-cta:hover{background:rgba(36,118,242,.25);border-color:rgba(119,176,255,.75)}.nav-toggle{display:none;border:1px solid rgba(255,255,255,.25);background:transparent;width:42px;height:42px;border-radius:5px;padding:11px}.nav-toggle span{display:block;height:2px;background:#fff;margin:5px 0}
.hero{position:relative;isolation:isolate;overflow:hidden;background:var(--navy);color:#fff;padding:54px 0 23px;min-height:648px}.hero-grid{position:absolute;inset:0;z-index:-2;opacity:.21;background-image:linear-gradient(rgba(150,172,206,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(150,172,206,.13) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(90deg,black,transparent 75%)}.hero-glow{position:absolute;z-index:-1;border-radius:50%;filter:blur(2px);pointer-events:none}.glow-one{width:600px;height:600px;right:-90px;top:-240px;background:radial-gradient(circle,rgba(36,118,242,.22),transparent 68%)}.glow-two{width:490px;height:490px;left:28%;bottom:-400px;background:radial-gradient(circle,rgba(133,80,239,.18),transparent 70%)}.hero-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(440px,.93fr);align-items:center;gap:clamp(35px,6vw,86px);position:relative}.hero-copy{max-width:590px;padding:16px 0 24px}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 21px;color:#b6c9e2;font-size:9px;letter-spacing:1.65px;font-weight:800}.eyebrow-line{width:22px;height:1px;background:var(--cyan);display:inline-block;flex:none}.eyebrow-dot{color:#8e73f4}.hero h1{margin:0;max-width:640px;font:800 clamp(42px,5.05vw,70px)/1.015 var(--display);letter-spacing:-3.8px}.hero h1 em,.intro-copy h2 em,.product-band h2 em,.section-heading h2 em,.directions-heading h2 em,.process-intro h2 em,.audience-heading h2 em,.closing-content h2 em,.faq-heading h2 em,.contact-copy h2 em{font-style:normal;color:transparent;background:linear-gradient(95deg,#a88bff 5%,#45d0de 76%);background-clip:text;-webkit-background-clip:text}.hero-lead{max-width:540px;margin:25px 0 12px;color:#fff;font:600 clamp(17px,1.8vw,21px)/1.55 var(--display);letter-spacing:-.2px}.hero-support{max-width:530px;margin:0;color:#acbbce;font-size:14px;line-height:1.8}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:11px;margin-top:30px}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:0 18px;border:1px solid transparent;border-radius:5px;text-decoration:none;font-size:12px;font-weight:800;transition:transform .2s var(--ease),box-shadow .2s,background .2s,border-color .2s}.button:hover{transform:translateY(-2px)}.button-primary{color:#fff;background:linear-gradient(110deg,#276ef1,#6d4ced);box-shadow:0 10px 26px rgba(37,95,218,.22)}.button-primary:hover{box-shadow:0 14px 32px rgba(37,95,218,.33)}.button-ghost{color:#e6edf7;background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.19)}.button-ghost:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.35)}.play-icon{font-size:9px;color:#86dce5}.hero-proofline{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:29px;color:#95a8bf;font-size:10px}.proof-dot,.signal-dot,.live-dot{width:6px;height:6px;border-radius:50%;background:#34c5c2;box-shadow:0 0 0 4px rgba(52,197,194,.12);flex:none}.proof-separator{color:#7d64ea}.hero-visual{position:relative;min-width:0;padding:16px 13px 21px}.visual-kicker{display:flex;align-items:center;gap:9px;color:#8da1ba;font-size:8px;letter-spacing:1.45px;font-weight:800;margin:0 5px 11px}.visual-kicker-right{margin-left:auto;color:#6f8095}.profile-preview{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1fr);width:100%;max-width:550px;min-height:480px;margin:auto;background:#f6f4ee;color:#19243a;box-shadow:0 24px 75px rgba(0,0,0,.31);border:1px solid rgba(255,255,255,.3);border-radius:8px;overflow:hidden;transition:background .3s,color .3s,border-color .3s}.preview-photo-column{position:relative;isolation:isolate;min-width:0;min-height:480px;background:#16243a;color:#fff;overflow:hidden}.preview-photo-column:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(7,17,31,.25),transparent 23%,rgba(7,17,31,.88) 83%,#081321)}.preview-logo{font:800 20px/1 var(--display);letter-spacing:-1.2px}.preview-logo span{color:#8e7af6}.preview-photo-top{position:absolute;z-index:2;top:19px;left:18px;right:14px;display:flex;justify-content:space-between;align-items:center;gap:8px}.portrait-index{font-size:6px;color:rgba(255,255,255,.68);letter-spacing:1px}.portrait-index i{font-style:normal;color:#a6a0ff}.preview-portrait{position:absolute;z-index:-2;width:100%;height:100%;inset:0;object-fit:cover;object-position:55% center}.preview-photo-copy{position:absolute;left:20px;right:15px;bottom:21px}.mini-eyebrow{display:inline-block;font-size:6px;letter-spacing:1px;font-weight:800;color:#d4ccff}.preview-photo-copy p{margin:10px 0 9px;font:800 clamp(25px,2.8vw,35px)/1.02 var(--display);letter-spacing:-1.9px}.preview-photo-copy p em{font-style:normal;color:#a696ff}.mini-caption{display:block;color:#c2ccd9;font-size:8px;line-height:1.5}.preview-content-column{display:flex;flex-direction:column;min-width:0;padding:24px 22px 15px}.preview-overline{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#8a94a5;font-size:6px;letter-spacing:1.1px;font-weight:800}.verified-dot{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#edebff;color:#6950d8;font-size:10px}.preview-kicker{margin:14px 0 8px;color:#7764db;font-size:6px;letter-spacing:.8px;font-weight:800}.preview-content-column h2{margin:0;font:800 clamp(31px,3.2vw,43px)/.97 var(--display);letter-spacing:-2.2px;overflow-wrap:anywhere}.preview-content-column h2 span{color:#7661e6}.preview-role{margin:11px 0 0;font-size:9px;font-weight:800;line-height:1.45}.preview-description{margin:10px 0 0;color:#727b8b;font-size:8px;line-height:1.65}.preview-cta-row{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:17px}.preview-cta-row span{min-height:29px;display:flex;align-items:center;justify-content:center;gap:6px;padding:5px;color:#fff;background:#7563e9;border-radius:3px;font-size:7px;font-weight:700}.preview-cta-row span+span{color:#364152;background:transparent;border:1px solid #d7dbe2}.preview-lower{margin-top:auto;padding-top:17px;display:grid;grid-template-columns:minmax(0,1fr) 56px;gap:9px;align-items:end;border-top:1px solid #e0e1e4}.preview-lower small{display:block;color:#969dad;font-size:5px;letter-spacing:.8px;font-weight:800}.preview-lower strong{display:block;margin-top:7px;font:800 10px/1.2 var(--display)}.preview-lower p{margin:6px 0 0;color:#777f8d;font-size:6px;line-height:1.5}.preview-qr{width:56px;text-align:center}.preview-qr svg{display:block;width:49px;height:49px;margin:auto;color:#172033}.preview-qr small{margin-top:3px;font-size:5px}.visual-float{position:absolute;z-index:4;display:flex;align-items:center;gap:9px;padding:10px 13px;background:rgba(17,36,60,.92);border:1px solid rgba(201,218,244,.18);border-radius:7px;box-shadow:0 12px 28px rgba(0,0,0,.2);backdrop-filter:blur(12px)}.float-top{top:69px;right:-8px}.float-bottom{bottom:56px;left:-25px}.visual-float{display:none}.float-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:5px;background:rgba(133,80,239,.2);color:#b5a3ff;font-size:16px}.float-icon-cyan{background:rgba(22,184,197,.14);color:#5ee3e5}.visual-float strong{display:block;color:#f6f8fc;font-size:9px}.visual-float small{display:block;margin-top:3px;color:#96abc1;font-size:8px}.demo-disclaimer{position:absolute;right:17px;bottom:2px;margin:0;color:#70839b;font-size:8px}.hero-bottom{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:20px;color:#627a97;font-size:8px;letter-spacing:1.6px;font-weight:800}.hero-bottom i{width:20px;height:1px;background:#304966}
.section-pad{padding:100px 0}.intro-section{background:#f7f8fa}.intro-layout{display:grid;grid-template-columns:130px minmax(0,1.1fr) minmax(250px,.8fr);gap:40px;align-items:start}.section-label{display:flex;align-items:center;gap:10px;color:#7b879a;font-size:8px;letter-spacing:1.35px;font-weight:800}.section-label>span:first-child{display:grid;place-items:center;width:29px;height:29px;border:1px solid #d6dee8;border-radius:50%;color:#256ee8;letter-spacing:0}.eyebrow-dark{color:#718096}.intro-copy{max-width:570px}.intro-copy .eyebrow,.section-heading .eyebrow,.directions-heading .eyebrow,.audience-heading .eyebrow,.faq-heading .eyebrow{margin-bottom:13px}.intro-copy h2,.section-heading h2,.directions-heading h2,.audience-heading h2,.faq-heading h2{margin:0;color:#13243a;font:800 clamp(31px,3.4vw,44px)/1.12 var(--display);letter-spacing:-1.9px}.intro-copy h2 em,.section-heading h2 em,.directions-heading h2 em,.audience-heading h2 em,.faq-heading h2 em{background:linear-gradient(90deg,#5a50d9,#0a9ba9);background-clip:text;-webkit-background-clip:text}.body-large{font:600 16px/1.75 var(--display);color:#34465c;margin:19px 0 10px}.body-copy{color:#758095;font-size:13px;line-height:1.8;margin:0}.opportunity-list{border-top:1px solid #dce3ec}.opportunity-item{display:grid;grid-template-columns:34px minmax(0,1fr) 15px;gap:11px;padding:18px 0;border-bottom:1px solid #dce3ec;align-items:start}.op-number{color:#2476f2;font:800 10px/1.4 var(--display)}.opportunity-item h3{margin:0;color:#1b2d44;font-size:13px}.opportunity-item p{margin:6px 0 0;color:#728096;font-size:11px;line-height:1.65}.op-arrow{color:#129fac;font-size:15px}
.product-band{background:#101f34;color:#fff;position:relative;overflow:hidden}.product-band:after{content:"";position:absolute;right:-190px;top:-280px;width:600px;height:600px;border:1px solid rgba(133,80,239,.23);border-radius:50%;box-shadow:0 0 0 35px rgba(133,80,239,.035),0 0 0 85px rgba(133,80,239,.025);pointer-events:none}.product-band-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:clamp(40px,8vw,110px);align-items:center}.product-band .eyebrow{margin-bottom:18px}.product-band h2{max-width:670px;margin:0;font:800 clamp(30px,3.4vw,45px)/1.14 var(--display);letter-spacing:-1.9px}.product-band p:not(.eyebrow){max-width:560px;color:#a8b8cc;font-size:14px;line-height:1.85;margin:19px 0 0}.text-link{display:inline-flex;gap:16px;align-items:center;margin-top:27px;color:#78e0e3;text-decoration:none;font-size:12px;font-weight:800}.text-link:hover{color:#fff}.product-points{border-top:1px solid rgba(255,255,255,.14)}.product-point{display:grid;grid-template-columns:43px minmax(0,1fr);gap:15px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.14)}.point-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(99,209,219,.4);border-radius:50%;color:#68d6dc;font-size:9px;font-weight:800}.product-point strong{font-size:13px}.product-point p{margin:6px 0 0!important;font-size:11px!important;line-height:1.7!important}
.features-section{background:#fff}.section-heading{max-width:760px}.centered-heading{text-align:center;margin:0 auto 42px}.centered-label{justify-content:center;margin-bottom:22px}.section-heading .eyebrow{justify-content:center}.section-heading h2{font-size:clamp(32px,3.5vw,44px)}.section-heading>p:last-child{max-width:575px;margin:15px auto 0;color:#748197;font-size:13px;line-height:1.7}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.feature-card{position:relative;min-height:225px;padding:24px 23px 19px;border:1px solid #e0e6ed;background:#fbfcfd;border-radius:7px;transition:transform .2s var(--ease),border-color .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-3px);border-color:#c5d4e6;box-shadow:0 15px 35px rgba(17,42,72,.06)}.feature-emphasis{background:linear-gradient(155deg,#edf5ff,#fff 80%);border-color:#d7e6fb}.feature-last{background:#f3f0ff;border-color:#e7e0ff}.feature-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:7px;font-size:19px;font-weight:700}.icon-blue{background:#e4efff;color:#246eea}.icon-violet{background:#eee7ff;color:#7544df}.icon-teal{background:#ddf5f3;color:#0b8793}.icon-orange{background:#fff0e3;color:#df7627}.feature-index{display:block;margin-top:17px;color:#8b95a6;font-size:7px;font-weight:800;letter-spacing:1.15px}.feature-card h3{margin:8px 0 0;color:#172a43;font:800 17px/1.3 var(--display);letter-spacing:-.45px}.feature-card p{margin:10px 0 26px;color:#718096;font-size:11px;line-height:1.75}.feature-card-foot{position:absolute;left:23px;right:18px;bottom:18px;color:#516c8a;font-size:6px;letter-spacing:.85px;font-weight:800}.feature-note{display:flex;align-items:flex-start;gap:9px;max-width:900px;margin:18px auto 0;color:#79869a;font-size:10px;line-height:1.7}.feature-note>span{display:grid;place-items:center;flex:none;width:16px;height:16px;border-radius:50%;background:#edf0f5;color:#435e7d;font-weight:800;font-size:10px}
.directions-section{background:#eef1f5}.directions-heading{display:grid;grid-template-columns:1fr minmax(250px,.65fr);gap:60px;align-items:end;margin-bottom:36px}.directions-heading .section-label{margin-bottom:26px}.directions-heading h2{font-size:clamp(35px,4vw,50px)}.directions-intro{max-width:440px;margin:0 0 6px;color:#66758b;font-size:13px;line-height:1.85}.template-layout{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);gap:16px;align-items:stretch}.template-options{display:grid;gap:7px;align-content:start}.template-option{width:100%;display:grid;grid-template-columns:24px 56px minmax(0,1fr) 15px;align-items:center;gap:11px;padding:12px 13px;background:rgba(255,255,255,.72);border:1px solid #e0e5ec;border-radius:6px;text-align:left;color:#22364f;transition:background .2s,border-color .2s,transform .2s}.template-option:hover{transform:translateX(2px);border-color:#b8c8db}.template-option.is-selected{background:#fff;border-color:#2d76ed;box-shadow:0 0 0 2px rgba(36,118,242,.08)}.template-number{font-size:8px;color:#8492a6;font-weight:800}.template-name strong{display:block;font-size:11px;line-height:1.4}.template-name small{display:block;margin-top:3px;color:#7a879a;font-size:9px}.template-arrow{color:#168eac;opacity:0}.template-option.is-selected .template-arrow{opacity:1}.template-swatch{position:relative;display:block;width:56px;height:42px;overflow:hidden;border-radius:3px;background:#09172b}.template-swatch i{position:absolute;left:6px;width:23px;height:2px;background:#fff}.template-swatch i:first-child{top:13px}.template-swatch i:nth-child(2){top:19px;width:15px;opacity:.5}.template-swatch b{position:absolute;right:6px;top:6px;width:18px;height:30px;background:linear-gradient(180deg,#526ddc,#7e5de6)}.swatch-editorial{background:#254c3c}.swatch-editorial b{background:#c4a779;width:19px}.swatch-expression{background:#142039}.swatch-expression i:first-child{height:7px;background:#fb7e61}.swatch-expression b{width:27px;background:#277c84;transform:rotate(18deg);right:-2px}.swatch-bauhaus{background:#f1eadb;border:1px solid #152235}.swatch-bauhaus i{background:#111c2e;left:5px}.swatch-bauhaus b{background:#e7bb28;width:12px;height:12px;top:5px;right:6px;box-shadow:-12px 12px 0 #d73d31,-7px 20px 0 #1765bd}.swatch-neo{background:#f8f5ed;border:1px solid #d7d5ce}.swatch-neo i{background:#172b35}.swatch-neo b{background:#d8ddd3;width:18px;border:1px solid #cad3c7}.template-stage{background:#fff;border:1px solid #dce3eb;border-radius:8px;padding:17px;display:flex;flex-direction:column;min-width:0}.template-stage-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;color:#8592a4;font-size:7px;letter-spacing:1.1px;font-weight:800}.template-showcase{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1fr);min-height:360px;flex:1;border-radius:5px;overflow:hidden;background:#f6f4ee;border:1px solid #e4e3de;color:#17253a;transition:background .25s,color .25s}.showcase-photo{position:relative;min-height:360px;background:#152238;overflow:hidden}.showcase-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:55% center}.showcase-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,17,31,.14),transparent 38%,rgba(8,17,31,.9))}.showcase-brand{position:absolute;z-index:2;left:13px;top:13px;color:#fff;font:800 16px/1 var(--display);letter-spacing:-.8px}.showcase-brand span{color:#a99aff}.showcase-photo-caption{position:absolute;z-index:2;left:13px;right:8px;bottom:13px;color:#dcd9ff;font-size:6px;letter-spacing:.8px;font-weight:800}.showcase-content{min-width:0;padding:21px 18px 13px;display:flex;flex-direction:column}.showcase-overline{display:flex;align-items:center;justify-content:space-between;color:#8c96a6;font-size:6px;letter-spacing:.9px;font-weight:800}.showcase-kicker{margin:16px 0 8px;color:#705de1;font-size:6px;letter-spacing:.7px;font-weight:800}.showcase-content h3{margin:0;font:800 clamp(26px,3vw,38px)/.95 var(--display);letter-spacing:-1.8px;overflow-wrap:anywhere}.showcase-content h3 em{font-style:normal;color:#7664e7}.showcase-role{margin:10px 0 0;font-size:8px;font-weight:800;line-height:1.4}.showcase-copy{margin:9px 0 0;color:#727d8f;font-size:8px;line-height:1.65}.showcase-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:13px}.showcase-actions span{display:block;padding:9px 5px;text-align:center;color:#fff;background:#7563e9;border-radius:2px;font-size:6px;font-weight:800}.showcase-actions span+span{color:#37465b;background:transparent;border:1px solid #d6dbe3}.showcase-bottom{display:flex;align-items:end;justify-content:space-between;gap:5px;margin-top:auto;padding-top:12px;border-top:1px solid #e0e3e8}.showcase-bottom>span:first-child{max-width:180px;color:#6e7b90;font-size:5px;letter-spacing:.45px;font-weight:800}.showcase-qr{display:grid;place-items:center;width:32px;height:32px;background:#fff;border:1px solid #e0e2e6;color:#202a3b;font-size:22px}.template-stage-foot{display:flex;align-items:flex-start;gap:8px;margin-top:13px;color:#748298;font-size:10px;line-height:1.6}.template-stage-foot .live-dot{width:5px;height:5px;margin-top:4px}.template-showcase[data-template="editorial"]{background:#f4efdf;border-color:#d3c4a1}.template-showcase[data-template="editorial"] .showcase-photo{order:2;background:#274938}.template-showcase[data-template="editorial"] .showcase-photo:after{background:linear-gradient(180deg,rgba(10,25,18,.1),transparent 42%,rgba(10,25,18,.76))}.template-showcase[data-template="editorial"] .showcase-content{order:1;background:#f4efdf}.template-showcase[data-template="editorial"] .showcase-content h3{font-family:var(--serif);font-weight:600;letter-spacing:-1.1px}.template-showcase[data-template="editorial"] .showcase-content h3 em{color:#315943}.template-showcase[data-template="editorial"] .showcase-kicker{color:#936b32}.template-showcase[data-template="editorial"] .showcase-actions span{background:#315943}.template-showcase[data-template="editorial"] .showcase-actions span+span{color:#315943;background:transparent;border-color:#b5bba9}.template-showcase[data-template="expresion"]{background:#111e32;color:#fff;border-color:#263b56;grid-template-columns:minmax(0,1fr)}.template-showcase[data-template="expresion"] .showcase-photo{grid-row:1;grid-column:1;min-height:130px;max-height:145px}.template-showcase[data-template="expresion"] .showcase-photo img{object-position:55% 35%}.template-showcase[data-template="expresion"] .showcase-photo:after{background:linear-gradient(90deg,rgba(9,19,34,.52),transparent),linear-gradient(0deg,rgba(9,19,34,.48),transparent 60%)}.template-showcase[data-template="expresion"] .showcase-content{grid-row:2;grid-column:1;padding:17px 19px 13px}.template-showcase[data-template="expresion"] .showcase-overline,.template-showcase[data-template="expresion"] .showcase-role{color:#dce5ef}.template-showcase[data-template="expresion"] .showcase-content h3{font-size:31px}.template-showcase[data-template="expresion"] .showcase-content h3 em{color:#ff8d72}.template-showcase[data-template="expresion"] .showcase-kicker{color:#ff8d72}.template-showcase[data-template="expresion"] .showcase-copy{color:#abb9cb}.template-showcase[data-template="expresion"] .showcase-actions span{background:#ff8069}.template-showcase[data-template="expresion"] .showcase-actions span+span{border-color:#40516a;color:#e1e9f3;background:transparent}.template-showcase[data-template="expresion"] .showcase-bottom{border-color:#32445b}.template-showcase[data-template="expresion"] .showcase-bottom>span:first-child{color:#aab8cb}.template-showcase[data-template="bauhaus"]{background:#f4edda;border:2px solid #172439;color:#101f34;border-radius:0}.template-showcase[data-template="bauhaus"] .showcase-photo{border-right:2px solid #172439}.template-showcase[data-template="bauhaus"] .showcase-photo:after{background:linear-gradient(0deg,rgba(7,15,25,.76),transparent 65%)}.template-showcase[data-template="bauhaus"] .showcase-brand span{color:#edc739}.template-showcase[data-template="bauhaus"] .showcase-content{background:#f4edda}.template-showcase[data-template="bauhaus"] .showcase-content h3{font-family:var(--display);font-weight:800;letter-spacing:-2.2px}.template-showcase[data-template="bauhaus"] .showcase-content h3 em{color:#c83a2f}.template-showcase[data-template="bauhaus"] .showcase-kicker{color:#1764b8;background:#f1d247;display:inline-block;padding:4px 5px;align-self:start}.template-showcase[data-template="bauhaus"] .showcase-actions span{background:#1764b8;border-radius:0}.template-showcase[data-template="bauhaus"] .showcase-actions span+span{color:#172439;background:transparent;border-color:#172439}.template-showcase[data-template="contemporaneo"]{background:#f5f3ec;border-color:#dddcd4;grid-template-columns:minmax(0,.82fr) minmax(0,1fr);border-radius:2px}.template-showcase[data-template="contemporaneo"] .showcase-photo{min-height:360px}.template-showcase[data-template="contemporaneo"] .showcase-photo:after{background:linear-gradient(180deg,rgba(10,25,32,.12),transparent 55%,rgba(10,25,32,.65))}.template-showcase[data-template="contemporaneo"] .showcase-content{padding:25px 20px 15px;background:#f5f3ec}.template-showcase[data-template="contemporaneo"] .showcase-content h3{font-family:var(--serif);font-weight:600;letter-spacing:-1.2px;font-size:clamp(28px,3vw,39px)}.template-showcase[data-template="contemporaneo"] .showcase-content h3 em{color:#256e73}.template-showcase[data-template="contemporaneo"] .showcase-kicker{color:#4c7777}.template-showcase[data-template="contemporaneo"] .showcase-actions span{background:#286f72;border-radius:2px}.template-showcase[data-template="contemporaneo"] .showcase-actions span+span{color:#37595c;background:transparent;border-color:#c3cfca}.template-showcase[data-template="contemporaneo"] .showcase-bottom{border-color:#dadfd8}
.process-section{background:linear-gradient(120deg,#0c1b30,#112a42);color:#fff;position:relative;overflow:hidden}.process-section:before{content:"";position:absolute;left:-240px;bottom:-390px;width:660px;height:660px;border-radius:50%;border:1px solid rgba(22,184,197,.2);box-shadow:0 0 0 50px rgba(22,184,197,.03),0 0 0 100px rgba(22,184,197,.025)}.process-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(50px,8vw,110px);position:relative}.section-label-light{color:#8fa6c1}.section-label-light>span:first-child{border-color:rgba(255,255,255,.2);color:#6bcbda}.process-intro .section-label{margin-bottom:30px}.process-intro .eyebrow{margin-bottom:15px}.process-intro h2{max-width:510px;margin:0;font:800 clamp(34px,3.7vw,48px)/1.11 var(--display);letter-spacing:-2px}.process-intro h2 em,.closing-content h2 em,.contact-copy h2 em{font-style:normal;color:#5ad0db}.process-intro>p:not(.eyebrow){max-width:490px;color:#aabbd0;font-size:13px;line-height:1.85;margin:18px 0 26px}.process-steps{border-top:1px solid rgba(255,255,255,.18)}.process-step{display:grid;grid-template-columns:40px minmax(0,1fr) 75px;gap:14px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.18);align-items:start}.step-index{color:#61d0d6;font:800 11px/1.5 var(--display)}.process-step h3{margin:0;color:#fff;font:800 15px/1.3 var(--display)}.process-step p{max-width:430px;margin:7px 0 0;color:#a7b8cd;font-size:11px;line-height:1.75}.step-state{padding-top:3px;text-align:right;color:#68839f;font-size:7px;font-weight:800;letter-spacing:1px}
.audience-section{background:#f7f8fa}.audience-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(50px,9vw,120px);align-items:start}.audience-heading .section-label{margin-bottom:27px}.audience-heading h2{max-width:510px}.audience-heading>p:not(.eyebrow){max-width:500px;color:#718096;font-size:13px;line-height:1.8;margin:18px 0 0}.audience-rows{border-top:1px solid #dbe2eb}.audience-rows article{display:grid;grid-template-columns:37px minmax(0,1fr);gap:13px;padding:19px 0;border-bottom:1px solid #dbe2eb}.audience-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:6px;background:#e8f0ff;color:#246fe8;font-size:8px;font-weight:800}.audience-rows h3{margin:0;color:#172a43;font-size:13px}.audience-rows p{margin:6px 0 0;color:#758196;font-size:11px;line-height:1.65}
.closing-band{position:relative;overflow:hidden;background:linear-gradient(110deg,#152844,#07172b);color:#fff;padding:80px 0}.closing-content{position:relative;z-index:1;max-width:850px;text-align:center}.closing-content .eyebrow{justify-content:center}.closing-content h2{max-width:800px;margin:0 auto;font:800 clamp(35px,4.2vw,53px)/1.13 var(--display);letter-spacing:-2.2px}.closing-content>p:not(.eyebrow){max-width:640px;margin:18px auto 25px;color:#afc0d3;font-size:13px;line-height:1.8}.button-light{color:#10233b;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.15)}.button-light:hover{background:#dff6f7}.closing-orbit{position:absolute;z-index:-1;display:block;border-radius:50%;border:1px solid rgba(109,126,244,.2);pointer-events:none}.orbit-a{width:410px;height:410px;left:-160px;top:-210px;box-shadow:0 0 0 32px rgba(109,126,244,.025)}.orbit-b{width:270px;height:270px;right:-140px;bottom:-140px;border-color:rgba(22,184,197,.24)}
.faq-section{background:#fff}.faq-layout{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(45px,8vw,100px)}.faq-heading .section-label{margin-bottom:25px}.faq-heading h2{max-width:410px;font-size:clamp(30px,3.2vw,41px)}.faq-heading>p:not(.eyebrow){color:#758196;font-size:12px;line-height:1.8;max-width:390px}.faq-list{border-top:1px solid #dce3eb}.faq-list details{border-bottom:1px solid #dce3eb}.faq-list summary{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 0;cursor:pointer;list-style:none;color:#1a2c43;font-size:12px;font-weight:800}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{position:relative;flex:none;width:22px;height:22px;border:1px solid #d5deea;border-radius:50%}.faq-list summary>span:before,.faq-list summary>span:after{content:"";position:absolute;left:6px;right:6px;top:10px;height:1.5px;background:#2476f2}.faq-list summary>span:after{transform:rotate(90deg);transition:transform .2s}.faq-list details[open] summary>span:after{transform:rotate(0)}.faq-list details p{margin:0;padding:0 35px 20px 0;color:#718096;font-size:11px;line-height:1.8;max-width:680px}
.contact-section{background:#0a1b30;color:#fff;position:relative;overflow:hidden}.contact-section:before{content:"";position:absolute;right:-240px;top:-300px;width:650px;height:650px;border-radius:50%;background:radial-gradient(circle,rgba(36,118,242,.19),transparent 68%);pointer-events:none}.contact-grid{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(370px,.8fr);gap:clamp(45px,8vw,110px);align-items:start}.contact-copy .section-label{margin-bottom:26px}.contact-copy .eyebrow{margin-bottom:16px}.contact-copy h2{max-width:530px;margin:0;font:800 clamp(34px,3.7vw,48px)/1.12 var(--display);letter-spacing:-2px}.contact-copy>p:not(.eyebrow){max-width:490px;color:#aabbd0;font-size:13px;line-height:1.85;margin:18px 0}.contact-reassurance{display:flex;align-items:flex-start;gap:10px;max-width:435px;margin-top:27px;color:#aebfd3;font-size:10px;line-height:1.7}.contact-reassurance span{display:grid;place-items:center;flex:none;width:20px;height:20px;border-radius:50%;background:rgba(22,184,197,.15);color:#69d4db;font-weight:800}.contact-form{padding:25px;background:#fff;color:#1a2c43;border-radius:8px;box-shadow:0 25px 70px rgba(0,0,0,.18)}.form-heading{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}.form-heading strong{font:800 18px/1.3 var(--display);letter-spacing:-.4px}.form-heading>span{color:#7c899b;font-size:10px}.contact-form>label:not(.consent-row){display:block;margin-top:13px;color:#3b4a60;font-size:10px;font-weight:800}.contact-form label>span{color:#7052d9}.contact-form label small{margin-left:5px;color:#939cab;font-size:9px;font-weight:500}.contact-form input:not([type=checkbox]),.contact-form select,.contact-form textarea{width:100%;min-height:42px;margin-top:7px;padding:10px 11px;border:1px solid #dbe2ea;border-radius:4px;background:#fbfcfe;color:#182a42;font-size:11px;font-weight:500;outline-offset:2px}.contact-form textarea{resize:vertical;min-height:73px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#a0a9b6}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#6a88e8;box-shadow:0 0 0 3px rgba(36,118,242,.08);outline:none}.consent-row{display:grid;grid-template-columns:17px minmax(0,1fr);align-items:start;gap:9px;margin-top:16px;color:#728096;font-size:9px;line-height:1.6}.consent-row input{margin:2px 0 0;width:15px;height:15px;accent-color:#306df0}.consent-row a{color:#3c64b8}.form-submit{width:100%;margin-top:17px;border:0}.form-status{margin:10px 0 0;color:#8691a1;font-size:9px;line-height:1.6}.form-status.is-error{color:#ad3e37}.form-status.is-success{color:#276b52}.site-footer{background:#071426;color:#fff;padding:29px 0 18px}.footer-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:30px;align-items:center;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.12)}.brand-footer .brand-main{font-size:18px}.footer-top>p{margin:0;color:#d6dfeb;font-size:11px;line-height:1.7}.footer-top>p span{color:#8196af;font-size:10px}.footer-back{color:#80d9df;font-size:10px;text-decoration:none}.footer-bottom{display:flex;justify-content:space-between;gap:25px;padding-top:15px;color:#71849b;font-size:8px;letter-spacing:.45px}.footer-bottom i{color:#29b5c6;font-style:normal}.privacy-dialog{position:fixed;z-index:300;inset:0;display:grid;place-items:center;padding:20px;background:rgba(4,12,23,.72);backdrop-filter:blur(8px)}.privacy-dialog[hidden]{display:none!important}.privacy-card{position:relative;width:min(440px,100%);padding:30px;border-radius:8px;background:#fff;color:#182a42;box-shadow:0 25px 80px rgba(0,0,0,.25)}.privacy-close{position:absolute;top:13px;right:13px;width:32px;height:32px;border:1px solid #dce3eb;border-radius:50%;background:#fff;color:#35445a;font-size:22px}.privacy-card h2{margin:0;font:800 25px/1.2 var(--display);letter-spacing:-.8px}.privacy-card p:not(.eyebrow){color:#6f7c8f;font-size:12px;line-height:1.8}
@media (max-width:1100px){.container{width:min(var(--max),calc(100% - 48px))}.nav-wrap{width:calc(100% - 48px)}.hero-inner{grid-template-columns:minmax(0,.93fr) minmax(390px,.9fr);gap:35px}.hero h1{font-size:clamp(40px,4.7vw,60px);letter-spacing:-3px}.hero-support{font-size:13px}.profile-preview{min-height:440px}.preview-photo-column{min-height:440px}.preview-content-column{padding:21px 17px 13px}.intro-layout{grid-template-columns:100px minmax(0,1fr) minmax(220px,.8fr);gap:25px}.feature-card{padding-inline:19px}.feature-card-foot{left:19px}.directions-heading{gap:40px}.template-layout{grid-template-columns:minmax(260px,.86fr) minmax(0,1.14fr)}.template-showcase{min-height:340px}.showcase-photo{min-height:340px}.showcase-content{padding:19px 14px 12px}.contact-grid{gap:55px}}
@media (max-width:900px){.site-header{height:70px}.nav-wrap{width:calc(100% - 36px)}.brand-main{font-size:17px}.brand-main small{font-size:6px}.brand-symbol{width:30px;height:30px}.brand-divider{margin-inline:4px}.product-mark{font-size:18px}.nav-toggle{display:block;margin-left:auto}.main-nav{position:absolute;top:69px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:10px 22px 19px;background:#09172b;border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 18px 28px rgba(0,0,0,.18)}.main-nav.is-open{display:flex}.main-nav>a:not(.nav-cta){padding:13px 0;border-bottom:1px solid rgba(255,255,255,.09)}.nav-cta{margin-top:12px;justify-content:space-between}.hero{padding-top:42px}.hero-inner{grid-template-columns:1fr;gap:25px}.hero-copy{max-width:780px;padding:0}.hero h1{max-width:740px;font-size:clamp(46px,7vw,68px)}.hero-support{max-width:650px}.hero-visual{width:min(600px,100%);margin:0 auto;padding:8px 24px 25px}.profile-preview{min-height:460px}.preview-photo-column{min-height:460px}.float-top{right:4px}.float-bottom{left:0}.demo-disclaimer{right:25px}.hero-bottom{margin-top:5px}.section-pad{padding:78px 0}.intro-layout{grid-template-columns:95px minmax(0,1fr);gap:30px}.intro-copy{grid-column:2}.opportunity-list{grid-column:2;margin-top:0}.product-band-grid{gap:45px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.directions-heading{grid-template-columns:1fr .8fr}.template-layout{grid-template-columns:1fr}.template-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.template-option{grid-template-columns:19px 44px minmax(0,1fr) 10px;gap:8px;padding:9px}.template-swatch{width:44px;height:35px}.template-name strong{font-size:10px}.template-name small{font-size:8px}.template-showcase{min-height:370px;grid-template-columns:minmax(0,.8fr) minmax(0,1fr)}.showcase-photo{min-height:370px}.process-grid{gap:45px}.audience-grid{gap:45px}.faq-layout{gap:45px}.contact-grid{grid-template-columns:minmax(0,.9fr) minmax(330px,.9fr);gap:35px}.contact-form{padding:21px}}
@media (max-width:650px){.container{width:calc(100% - 32px)}.hero{padding:34px 0 18px}.hero h1{font-size:clamp(39px,10.2vw,54px);letter-spacing:-2.4px;line-height:1.03}.hero-copy{padding:0}.hero .eyebrow{font-size:8px;letter-spacing:1.1px;gap:8px;margin-bottom:17px}.hero-lead{font-size:17px;line-height:1.5;margin-top:18px}.hero-support{font-size:12px;line-height:1.7}.hero-actions{display:grid;grid-template-columns:1fr;align-items:stretch;margin-top:22px;gap:8px}.hero-actions .button{width:100%;min-height:46px}.hero-proofline{margin-top:19px;gap:7px;font-size:9px}.hero-visual{padding:9px 5px 23px;margin-top:1px}.visual-kicker{margin-bottom:9px;font-size:7px}.profile-preview{width:100%;min-height:390px;grid-template-columns:minmax(0,.74fr) minmax(0,1fr)}.preview-photo-column{min-height:390px}.preview-photo-top{top:13px;left:12px;right:8px}.preview-logo{font-size:16px}.portrait-index{font-size:5px}.preview-photo-copy{left:12px;right:9px;bottom:15px}.mini-eyebrow{font-size:5px;letter-spacing:.4px}.preview-photo-copy p{font-size:clamp(21px,6.2vw,28px);letter-spacing:-1.3px}.mini-caption{font-size:6px}.preview-content-column{padding:14px 10px 10px}.preview-overline{font-size:5px;letter-spacing:.5px}.verified-dot{width:18px;height:18px;font-size:8px}.preview-kicker{font-size:5px;letter-spacing:.3px;margin-top:11px}.preview-content-column h2{font-size:clamp(24px,7.1vw,31px);letter-spacing:-1.4px}.preview-role{font-size:7px;margin-top:8px}.preview-description{font-size:7px;margin-top:7px;line-height:1.5}.preview-cta-row{gap:4px;margin-top:11px}.preview-cta-row span{font-size:5.5px;gap:3px;padding:4px 2px;min-height:26px}.preview-lower{grid-template-columns:minmax(0,1fr) 42px;gap:4px;padding-top:10px}.preview-lower strong{font-size:8px}.preview-lower p{font-size:5px}.preview-qr{width:42px}.preview-qr svg{width:40px;height:40px}.float-top{top:40px;right:-4px}.float-bottom{bottom:40px;left:-6px}.visual-float{padding:7px 8px;gap:6px}.float-icon{width:24px;height:24px;font-size:12px}.visual-float strong{font-size:7px}.visual-float small{font-size:6px}.demo-disclaimer{font-size:7px;right:5px;bottom:0}.hero-bottom{gap:9px;font-size:6px;letter-spacing:1.1px}.hero-bottom i{width:13px}.section-pad{padding:61px 0}.intro-layout{grid-template-columns:1fr;gap:19px}.intro-layout>.section-label{margin-bottom:0}.intro-copy{grid-column:1}.intro-copy h2,.section-heading h2,.audience-heading h2,.faq-heading h2{font-size:clamp(29px,8vw,37px);letter-spacing:-1.5px}.body-large{font-size:14px;line-height:1.7}.body-copy{font-size:12px}.opportunity-list{grid-column:1}.opportunity-item{padding:14px 0}.product-band-grid{grid-template-columns:1fr;gap:30px}.product-band h2{font-size:clamp(29px,8vw,36px);letter-spacing:-1.5px}.product-band p:not(.eyebrow){font-size:12px}.product-point{padding:15px 0}.product-point strong{font-size:12px}.feature-grid{grid-template-columns:1fr;gap:9px}.feature-card{min-height:0;padding:18px 18px 38px}.feature-icon{width:32px;height:32px;font-size:16px}.feature-index{margin-top:12px}.feature-card h3{font-size:16px}.feature-card p{font-size:11px;margin-bottom:15px}.feature-card-foot{left:18px;bottom:15px}.feature-note{font-size:9px}.centered-heading{margin-bottom:28px}.section-heading>p:last-child{font-size:12px}.directions-heading{grid-template-columns:1fr;gap:17px;margin-bottom:25px}.directions-heading .section-label{margin-bottom:20px}.directions-heading h2{font-size:clamp(34px,9vw,43px)}.directions-intro{font-size:12px}.template-options{grid-template-columns:1fr;gap:6px}.template-option{grid-template-columns:20px 48px minmax(0,1fr) 13px;padding:9px 10px}.template-swatch{width:48px;height:36px}.template-name strong{font-size:11px}.template-name small{font-size:9px}.template-stage{padding:11px}.template-showcase{min-height:340px;grid-template-columns:minmax(0,.73fr) minmax(0,1fr)}.showcase-photo{min-height:340px}.showcase-content{padding:16px 10px 10px}.showcase-overline{font-size:5px;letter-spacing:.35px}.showcase-kicker{font-size:5px;letter-spacing:.25px;margin:12px 0 6px}.showcase-content h3{font-size:clamp(22px,6.4vw,30px);letter-spacing:-1.3px}.showcase-role{font-size:7px;margin-top:8px}.showcase-copy{font-size:7px;line-height:1.5}.showcase-actions{gap:4px;margin-top:10px}.showcase-actions span{font-size:5px;padding:8px 2px}.showcase-bottom{padding-top:9px}.showcase-bottom>span:first-child{font-size:4px}.showcase-qr{width:26px;height:26px;font-size:18px}.showcase-brand{left:10px;top:11px;font-size:14px}.showcase-photo-caption{left:10px;bottom:11px;font-size:5px;letter-spacing:.3px}.template-showcase[data-template="expresion"] .showcase-photo{min-height:120px;max-height:120px}.template-showcase[data-template="expresion"] .showcase-content h3{font-size:27px}.template-showcase[data-template="contemporaneo"] .showcase-content{padding:17px 10px 10px}.template-showcase[data-template="contemporaneo"] .showcase-content h3{font-size:clamp(22px,6vw,30px)}.template-stage-foot{font-size:9px}.process-grid,.audience-grid,.faq-layout,.contact-grid{grid-template-columns:1fr;gap:32px}.process-intro .section-label{margin-bottom:21px}.process-intro h2,.contact-copy h2{font-size:clamp(31px,8.3vw,39px);letter-spacing:-1.6px}.process-intro>p:not(.eyebrow),.contact-copy>p:not(.eyebrow){font-size:12px}.process-step{grid-template-columns:28px minmax(0,1fr);gap:11px;padding:16px 0}.process-step h3{font-size:13px}.process-step p{font-size:10px}.step-state{display:none}.audience-heading .section-label,.faq-heading .section-label{margin-bottom:21px}.audience-rows article{padding:15px 0}.closing-band{padding:60px 0}.closing-content h2{font-size:clamp(31px,8.7vw,40px);letter-spacing:-1.5px}.closing-content>p:not(.eyebrow){font-size:12px}.faq-list summary{font-size:11px;padding:16px 0}.faq-list details p{font-size:10px;padding-right:12px}.contact-form{padding:20px 16px}.form-heading strong{font-size:16px}.footer-top{grid-template-columns:1fr auto;gap:15px}.footer-top>p{grid-column:1/-1;grid-row:2}.footer-back{grid-column:2;grid-row:1}.footer-bottom{flex-direction:column;gap:7px;font-size:7px}.brand-footer .brand-main{font-size:17px}}
@media (max-width:380px){.container{width:calc(100% - 24px)}.brand-divider,.brand-main small{display:none}.brand{gap:7px}.hero h1{font-size:clamp(36px,10vw,40px);letter-spacing:-2px}.hero-proofline{font-size:8px}.profile-preview{min-height:370px}.preview-photo-column{min-height:370px}.preview-content-column{padding-inline:8px}.preview-content-column h2{font-size:24px}.preview-description{font-size:6px}.preview-lower{grid-template-columns:minmax(0,1fr) 35px}.preview-qr,.preview-qr svg{width:34px}.float-bottom{bottom:32px}.visual-float strong{font-size:6px}.visual-float small{font-size:5px}.template-showcase{grid-template-columns:minmax(0,.68fr) minmax(0,1fr);min-height:315px}.showcase-photo{min-height:315px}.showcase-content{padding:13px 8px 9px}.showcase-content h3{font-size:23px}.showcase-copy{font-size:6px}.showcase-role{font-size:6px}.showcase-actions span{font-size:4.6px}.showcase-qr{width:23px;height:23px}.template-showcase[data-template="expresion"] .showcase-content h3{font-size:25px}.feature-card{padding-inline:15px}.feature-card-foot{left:15px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* R2 — Arquitectura de marca: B+50 protagonista, IteroLab como marca paraguas.
   Los acentos de IteroLab se usan como vínculo, no como sustituto de la identidad editorial B+50. */
:root{
  --navy:#06040a;
  --navy-2:#111a2b;
  --ink:#182033;
  --muted:#687185;
  --paper:#f7f6f2;
  --line:#e7e6e1;
  --blue:#2476f2;
  --cyan:#67e8f9;
  --violet:#9b87ff;
  --orange:#fb923c;
  --teal:#0891b2;
}
html{background-color:#06040a}
body{background:#f7f6f2}
.site-header{background:rgba(6,4,10,.94);border-bottom-color:rgba(255,255,255,.095)}
.brand-bplus{gap:12px;min-width:0;flex:none}
.brand-monogram{display:block;flex:none;color:#fff;font:800 28px/.95 var(--display);letter-spacing:-2px;white-space:nowrap}
.brand-monogram>span{color:var(--cyan)}
.brand-product-copy{display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0;padding-left:12px;border-left:1px solid rgba(255,255,255,.22)}
.brand-product-copy strong{display:block;color:#fff;font:800 9px/1.2 var(--body);letter-spacing:1.35px;white-space:nowrap}
.brand-product-copy small{display:block;color:#98a9bd;font:600 7px/1.3 var(--body);letter-spacing:1.15px;white-space:nowrap}
.parent-signature{display:flex;flex-direction:column;justify-content:center;gap:4px;flex:none;margin-left:auto;padding-left:18px;border-left:1px solid rgba(255,255,255,.16);color:#c4cfdd;text-decoration:none;transition:color .2s}
.parent-signature-label{font:700 7px/1.2 var(--body);letter-spacing:1.25px;color:#8595aa}
.parent-signature-name{font:700 12px/1.2 var(--display);letter-spacing:-.2px;color:#f6f8fb}
.parent-signature-name span{color:var(--cyan);font-size:11px;margin-left:4px}
.parent-signature:hover .parent-signature-name{color:var(--cyan)}
.main-nav>a:not(.nav-cta):hover{color:var(--cyan)}
.nav-cta span{color:var(--cyan)}
.nav-cta:hover{background:rgba(103,232,249,.08);border-color:rgba(103,232,249,.48)}
.hero{background:var(--navy)}
.hero-grid{background-size:60px 60px;opacity:.17;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px)}
.glow-one{background:radial-gradient(circle,rgba(36,118,242,.18),transparent 68%)}
.glow-two{background:radial-gradient(circle,rgba(216,180,254,.13),transparent 70%)}
.hero h1 em,.intro-copy h2 em,.product-band h2 em,.section-heading h2 em,.directions-heading h2 em,.process-intro h2 em,.audience-heading h2 em,.closing-content h2 em,.faq-heading h2 em,.contact-copy h2 em{background:linear-gradient(100deg,#b8a8ff 0%,#67e8f9 94%);background-clip:text;-webkit-background-clip:text}
.button-primary{background:linear-gradient(110deg,#7f6af0,#6252dc);box-shadow:0 10px 26px rgba(98,82,220,.22)}
.button-primary:hover{box-shadow:0 14px 32px rgba(98,82,220,.32)}
.eyebrow-line,.signal-dot,.proof-dot,.live-dot{background:var(--cyan)}
.eyebrow-dot{color:var(--orange)}
.section-label>span:first-child{color:#0b8499}
.product-band{background:linear-gradient(115deg,#0d0a14,#101f34)}
.product-band:after{border-color:rgba(103,232,249,.18);box-shadow:0 0 0 35px rgba(103,232,249,.025),0 0 0 85px rgba(251,146,60,.018)}
.text-link{color:var(--cyan)}
.text-link:hover{color:#fff}
.intro-section,.audience-section{background:#f7f6f2}
.directions-section{background:#f0efeb}
.features-section,.faq-section{background:#fff}
.feature-emphasis{background:linear-gradient(155deg,#eef5ff,#fff 80%)}
.feature-last{background:#f4f0ff;border-color:#e5ddff}
.icon-orange{background:#fff0e3;color:#c96c21}
.process-section{background:linear-gradient(120deg,#0d0a14,#0f2539)}
.process-section:before{border-color:rgba(103,232,249,.16);box-shadow:0 0 0 50px rgba(103,232,249,.025),0 0 0 100px rgba(251,146,60,.018)}
.closing-band{background:linear-gradient(110deg,#11101a,#081a2a)}
.orbit-a{border-color:rgba(216,180,254,.18)}
.orbit-b{border-color:rgba(103,232,249,.22)}
.contact-section{background:#0d111b}
.contact-section:before{background:radial-gradient(circle,rgba(36,118,242,.16),transparent 68%)}
.contact-reassurance span{background:rgba(103,232,249,.13);color:var(--cyan)}
.footer-top>p .footer-parent-line{color:#e9edf5;font-size:11px}
.footer-parent-line a{color:var(--cyan);font-weight:800;text-decoration:none;text-underline-offset:3px}
.footer-parent-line a:hover{text-decoration:underline}
.footer-back{color:var(--cyan)}
.footer-bottom i{color:var(--orange)}
.brand-footer .brand-monogram{font-size:26px}
.brand-footer .brand-product-copy strong{font-size:8px}
.brand-footer .brand-product-copy small{font-size:6px}
@media(max-width:1100px){.parent-signature{padding-left:12px}.nav-wrap{gap:18px}}
@media(max-width:900px){.parent-signature{display:none}.brand-bplus{margin-right:auto}.nav-wrap{gap:12px}}
@media(max-width:380px){.brand-bplus{gap:8px}.brand-monogram{font-size:25px}.brand-product-copy{padding-left:8px}.brand-product-copy strong{font-size:8px;letter-spacing:1px}.brand-product-copy small{font-size:6px;letter-spacing:.7px}}
@media(prefers-reduced-motion:reduce){.hero-glow,.proof-dot,.signal-dot,.live-dot{animation:none!important}}


/* R3 — Copy, accesibilidad y vínculo de marca con IteroLab.
   Gradiente original de IteroLab (#FB923C → #D8B4FE → #67E8F9), aplicado de forma controlada. */
:root{
  --iterolab-orange:#fb923c;
  --iterolab-violet:#d8b4fe;
  --iterolab-cyan:#67e8f9;
  --text-readable:#536176;
  --light-gradient:linear-gradient(110deg,#5b21b6 0%,#0b6572 48%,#92400e 100%);
}
@keyframes bplus-gradient-shift{to{background-position:200% center}}
/* Oscuro: los tres acentos originales mantienen contraste sobre la base navy/negra. */
.hero h1 em,.product-band h2 em,.process-intro h2 em,.closing-content h2 em,.contact-copy h2 em{
  color:transparent;
  background-image:linear-gradient(135deg,var(--iterolab-orange) 0%,var(--iterolab-violet) 50%,var(--iterolab-cyan) 100%);
  background-size:200% auto;
  background-position:0% center;
  background-clip:text;-webkit-background-clip:text;
  animation:bplus-gradient-shift 6s linear infinite;
}
/* Claro: se conserva el gesto de gradiente usando tonos oscuros que sí se leen sobre papel. */
.intro-copy h2 em,.section-heading h2 em,.directions-heading h2 em,.audience-heading h2 em,.faq-heading h2 em{
  color:transparent;
  background-image:var(--light-gradient);
  background-size:220% auto;
  background-position:0% center;
  background-clip:text;-webkit-background-clip:text;
  animation:bplus-gradient-shift 8s linear infinite;
}
.brand-monogram>span,.preview-logo>span,.showcase-brand>span{
  color:transparent!important;
  background-image:linear-gradient(135deg,var(--iterolab-orange),var(--iterolab-violet) 52%,var(--iterolab-cyan));
  background-size:200% auto;background-clip:text;-webkit-background-clip:text;
  animation:bplus-gradient-shift 6s linear infinite;
}
/* Contraste de controles y resaltados pequeños. */
.button-primary{background-image:linear-gradient(110deg,#6040cb 0%,#4934bc 100%);background-color:#4934bc;color:#fff}
.button-primary:hover{background-image:linear-gradient(110deg,#5032b9 0%,#3e2eaa 100%)}
.section-label{color:#58677c}
.section-label>span:first-child{color:#0b6878}
.eyebrow-dark{color:#59677c}
/* Tamaños de lectura: ningún párrafo principal depende de los tamaños diminutos del mockup. */
.hero-lead{font-size:clamp(18px,1.65vw,21px);line-height:1.5}
.hero-support{font-size:15px;line-height:1.72;color:#c0ccdc}
.hero-proofline{font-size:11px;line-height:1.6;color:#b5c2d3}
.body-large{font-size:clamp(16px,1.2vw,18px);line-height:1.7;color:#344257}
.body-copy,.opportunity-item p,.feature-card p,.directions-intro,.process-step p,.audience-heading>p:not(.eyebrow),.audience-rows p,.faq-list details p,.contact-copy>p:not(.eyebrow){font-size:14px;line-height:1.7;color:var(--text-readable)}
.product-point p{font-size:13px!important;line-height:1.65!important;color:#c1ccda}
.section-heading>p:last-child{font-size:14px;line-height:1.7;color:#536176}
.template-stage-foot{font-size:12px;line-height:1.55;color:#58677c}
.feature-card{padding-bottom:53px}
.feature-card p{margin-bottom:22px}
.feature-card-foot{font-size:8px;letter-spacing:.45px;color:#405875}
.faq-list summary{font-size:15px;line-height:1.45}
.faq-list details p{font-size:14px;line-height:1.7;color:#536176}
.contact-copy>p:not(.eyebrow){font-size:15px;line-height:1.75;color:#c2cede}
.contact-reassurance{font-size:12px;line-height:1.65;color:#c2cede}
.form-heading>span{font-size:12px;color:#596579;line-height:1.5}
.contact-form>label:not(.consent-row){font-size:13px;line-height:1.45;color:#344257}
.contact-form label small{font-size:11px;color:#596579}
.contact-form input:not([type=checkbox]),.contact-form select,.contact-form textarea{font-size:15px;line-height:1.45;color:#182a42;min-height:46px}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#5d6b80;opacity:1}
.consent-row{font-size:12px;line-height:1.6;color:#536176}
.consent-row a{color:#264d9a;text-decoration-thickness:1px;text-underline-offset:2px}
.form-helper{margin-top:16px;color:#536176;font-size:12px;line-height:1.6}
.form-status{margin:10px 0 0;color:#536176;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.form-status.is-error{color:#9f2d25}
.form-status.is-success{color:#215c45}
.form-status-link{display:inline-block;margin-top:6px;color:#264d9a;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.privacy-card p:not(.eyebrow){color:#536176;font-size:14px;line-height:1.7}
/* El mockup es una demostración, pero sus textos auxiliares también necesitan contraste. */
.preview-overline{color:#596579;font-size:7px;letter-spacing:.45px}
.preview-kicker{color:#5946b5;font-size:7px;letter-spacing:.45px}
.preview-description{color:#4f5c70;font-size:9px;line-height:1.6}
.preview-lower small{color:#586579;font-size:6px}
.preview-lower p{color:#536176;font-size:7px;line-height:1.5}
.demo-disclaimer{color:#b7c3d3;font-size:9px;line-height:1.45}
.showcase-overline{color:#586579;font-size:7px;letter-spacing:.5px}
.showcase-kicker{color:#5946b5;font-size:7px;letter-spacing:.45px}
.showcase-copy{color:#536176;font-size:10px;line-height:1.55}
.showcase-role{font-size:10px;line-height:1.45}
.template-showcase[data-template="editorial"] .showcase-kicker{color:#76501e}
.template-showcase[data-template="bauhaus"] .showcase-kicker{color:#104e8e}
.template-showcase[data-template="contemporaneo"] .showcase-kicker{color:#315e60}
/* Focus contrast: teal on light surfaces, warm IteroLab accent on dark surfaces. */
:focus-visible{outline:3px solid #0b6878;outline-offset:3px}
.site-header :focus-visible,.hero :focus-visible,.product-band :focus-visible,.process-section :focus-visible,.closing-band :focus-visible,.contact-section :focus-visible{outline-color:#fb923c}
/* Motion is decorative; a reduced-motion preference removes the shifting gradient too. */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .hero h1 em,.product-band h2 em,.process-intro h2 em,.closing-content h2 em,.contact-copy h2 em,.intro-copy h2 em,.section-heading h2 em,.directions-heading h2 em,.audience-heading h2 em,.faq-heading h2 em,.brand-monogram>span,.preview-logo>span,.showcase-brand>span{animation:none!important;background-position:center!important}
}
@media(max-width:760px){
  .hero-lead{font-size:18px;line-height:1.5}
  .hero-support{font-size:14px;line-height:1.7}
  .body-copy,.opportunity-item p,.feature-card p,.directions-intro,.process-step p,.audience-heading>p:not(.eyebrow),.audience-rows p,.faq-list details p,.contact-copy>p:not(.eyebrow){font-size:14px;line-height:1.65}
  .product-point p{font-size:13px!important}
  .feature-card{padding-bottom:54px}
  .feature-card-foot{font-size:7.5px;letter-spacing:.35px}
  .faq-list summary{font-size:14px}
  .contact-form>label:not(.consent-row){font-size:13px}
  .contact-form input:not([type=checkbox]),.contact-form select,.contact-form textarea{font-size:16px;min-height:48px}
  .form-status,.form-helper,.consent-row{font-size:12px}
}


/* R3.2 — Cinco destacados sincronizados: el color cambia igual en toda la frase. */
:root{
  --bplus-highlight-violet:#5b21b6;
  --bplus-highlight-teal:#0b6572;
  --bplus-highlight-dark:linear-gradient(135deg,#fb923c 0%,#d8b4fe 50%,#67e8f9 100%);
}
@keyframes bplus-highlight-color-cycle{
  0%,100%{color:var(--bplus-highlight-violet);}
  50%{color:var(--bplus-highlight-teal);}
}
/* En fondos claros las cinco frases cambian juntas entre violeta y teal.
   No se usa un gradiente recortado por letra: la longitud o el salto de línea no altera el color. */
.intro-copy h2 em.highlight-sync,
.section-heading h2 em.highlight-sync,
.directions-heading h2 em.highlight-sync,
.audience-heading h2 em.highlight-sync,
.faq-heading h2 em.highlight-sync{
  color:var(--bplus-highlight-violet);
  -webkit-text-fill-color:currentColor;
  background:none;
  background-image:none;
  background-clip:border-box;
  -webkit-background-clip:border-box;
  animation:bplus-highlight-color-cycle 6s linear infinite;
}
@media(prefers-reduced-motion:reduce){
  .intro-copy h2 em.highlight-sync,
  .section-heading h2 em.highlight-sync,
  .directions-heading h2 em.highlight-sync,
  .audience-heading h2 em.highlight-sync,
  .faq-heading h2 em.highlight-sync{
    animation:none!important;
    color:var(--bplus-highlight-violet)!important;
    -webkit-text-fill-color:var(--bplus-highlight-violet)!important;
  }
}

/* R3.2 — Conserva las correcciones de R3.1 para el hero y el texto del proceso. */
.hero-bottom .hero-keyword{
  display:inline-block;
  color:transparent;
  background-image:var(--bplus-highlight-dark);
  background-size:200% auto;
  background-position:0% center;
  background-clip:text;
  -webkit-background-clip:text;
  animation:bplus-gradient-shift 6s linear infinite;
}
.process-section .process-step p{color:#c2cede;font-size:14px;line-height:1.65;}
@media(prefers-reduced-motion:reduce){
  .hero-bottom .hero-keyword{animation:none!important;background-position:center!important;}
}


/* R3.3 — Un solo gradiente y una misma fase de animación para las cuatro palabras clave.
   Fondo de anchura fija + repetición y desplazamiento exacto: evita que el ancho de cada
   palabra altere la escala, velocidad o secuencia de color percibida. */
@keyframes bplus-keyword-gradient-loop{
  from{background-position:0 50%;}
  to{background-position:-300px 50%;}
}
.hero-bottom .hero-keyword{
  display:inline-block;
  color:transparent;
  -webkit-text-fill-color:transparent;
  background-image:linear-gradient(90deg,#fb923c 0px,#d8b4fe 100px,#67e8f9 200px,#fb923c 300px);
  background-size:300px 100%;
  background-repeat:repeat;
  background-position:0 50%;
  background-clip:text;
  -webkit-background-clip:text;
  animation:bplus-keyword-gradient-loop 6s linear infinite;
}
/* Texto del proceso: contraste reforzado respecto al navy/negro y tamaño de lectura estable. */
.process-section .process-step p{
  color:#e1e8f1;
  font-size:14px;
  line-height:1.65;
}
@media(max-width:650px){
  .process-section .process-step p{font-size:13px;line-height:1.6;}
}
@media(prefers-reduced-motion:reduce){
  .hero-bottom .hero-keyword{animation:none!important;background-position:0 50%!important;}
}


/* R3.5 — Fondos fotográficos con tratamiento glass inspirado en la sección parallax de IteroLab.
   La landing de IteroLab usa una foto a pantalla completa, una capa oscura y una superficie de vidrio
   con blur(22px) y saturate(125%). B+50 adopta el tratamiento, no replica la identidad de IteroLab. */
:root{
  --bplus-glass-border:rgba(255,255,255,.19);
  --bplus-glass-fill:linear-gradient(135deg,rgba(11,17,30,.62),rgba(8,20,35,.42));
  --bplus-glass-shadow:0 30px 75px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.13);
  --bplus-glass-bg:url('../assets/bplus50-glass-background.webp');
}
.hero,.product-band,.process-section,.closing-band,.contact-section{
  background-repeat:no-repeat;
  background-size:cover;
  isolation:isolate;
}
.hero{
  background-color:#060b15;
  background-image:linear-gradient(112deg,rgba(5,10,21,.86) 0%,rgba(7,15,29,.64) 50%,rgba(6,10,20,.78) 100%),var(--bplus-glass-bg);
  background-position:center 52%;
}
.product-band{
  background-color:#0b1527;
  background-image:linear-gradient(118deg,rgba(7,13,26,.78) 0%,rgba(8,20,36,.67) 56%,rgba(8,15,29,.76) 100%),var(--bplus-glass-bg);
  background-position:center 37%;
}
.process-section{
  background-color:#091424;
  background-image:linear-gradient(120deg,rgba(7,12,24,.81) 0%,rgba(8,22,39,.70) 58%,rgba(7,14,27,.77) 100%),var(--bplus-glass-bg);
  background-position:center 50%;
}
.closing-band{
  background-color:#081628;
  background-image:linear-gradient(110deg,rgba(9,13,26,.77) 0%,rgba(8,23,39,.66) 52%,rgba(7,15,28,.80) 100%),var(--bplus-glass-bg);
  background-position:center 59%;
}
.contact-section{
  background-color:#091424;
  background-image:linear-gradient(112deg,rgba(6,13,26,.82) 0%,rgba(8,19,34,.68) 55%,rgba(6,12,23,.79) 100%),var(--bplus-glass-bg);
  background-position:center 44%;
}
/* Superficie de cristal de gran formato; el contenido sigue fluyendo y no depende de la imagen. */
.hero-copy,.product-band-grid,.process-grid,.closing-content,.contact-grid{
  border:1px solid var(--bplus-glass-border);
  border-radius:16px;
  background:var(--bplus-glass-fill);
  -webkit-backdrop-filter:blur(22px) saturate(125%);
  backdrop-filter:blur(22px) saturate(125%);
  box-shadow:var(--bplus-glass-shadow);
}
.hero-copy{
  padding:clamp(22px,2.5vw,34px);
  overflow:hidden;
}
.product-band-grid{
  padding:clamp(28px,4vw,52px);
}
.process-grid{
  padding:clamp(26px,3.8vw,48px);
}
.closing-content{
  padding:clamp(30px,4.2vw,56px) clamp(22px,4vw,48px);
  overflow:hidden;
}
.closing-content>.closing-orbit{z-index:0;opacity:.85}
.closing-content>:not(.closing-orbit){position:relative;z-index:1}
.contact-grid{
  padding:clamp(24px,3.6vw,44px);
}
/* Se conserva la tarjeta blanca del formulario para mantener un punto de contraste y acción claro. */
.contact-form{
  border:1px solid rgba(255,255,255,.74);
  box-shadow:0 28px 75px rgba(0,0,0,.30),0 1px 0 rgba(255,255,255,.75) inset;
}
@supports not ((backdrop-filter:blur(1px))){
  .hero-copy,.product-band-grid,.process-grid,.closing-content,.contact-grid{
    background:rgba(8,15,28,.91);
  }
}
@media(max-width:760px){
  .hero-copy{padding:22px 18px;border-radius:13px}
  .product-band-grid{padding:23px 18px;border-radius:14px;gap:28px}
  .process-grid{padding:23px 17px;border-radius:14px;gap:28px}
  .closing-content{padding:29px 18px;border-radius:14px}
  .contact-grid{padding:20px 15px;border-radius:14px;gap:26px}
}
@media(max-width:380px){
  .hero-copy{padding:19px 14px}
  .product-band-grid,.process-grid{padding:19px 13px}
  .closing-content{padding:24px 14px}
  .contact-grid{padding:16px 11px}
}
@media(prefers-reduced-transparency:reduce){
  .hero-copy,.product-band-grid,.process-grid,.closing-content,.contact-grid{
    -webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(8,15,28,.91);
  }
}


/* R3.5 — reproduce el parallax de IteroLab: fondo anclado al viewport en escritorio y desplazable en móvil.
   Las capas son gradient primero, fotografía después; solo la fotografía queda fija en escritorio.
   IteroLab aplica background-attachment: fixed a .parallax-bg y lo cambia a scroll hasta 768 px. */
.hero,.product-band,.process-section,.closing-band,.contact-section{
  background-attachment:scroll,fixed;
  background-position:center center;
}
@media(max-width:768px){
  .hero,.product-band,.process-section,.closing-band,.contact-section{
    background-attachment:scroll,scroll;
  }
}