/* Standalone App Factory: the approved campaign image, a tangible app, clear ways to start. */
.af-page{background:#071b28;color:#edf1e7}.af-page main{overflow:hidden}.af-page h1,.af-page h2,.af-page h3,.af-page h4{font-family:var(--font-display);font-style:normal;letter-spacing:-.045em;line-height:1.15;font-weight:650;margin:0}.af-page p,.af-page li{line-height:1.7}.af-page .eyebrow{font-size:11px;line-height:1.7;letter-spacing:.13em;color:#b7c8bc}.af-page h1 span,.af-page h2 span{color:#e5c47d}.af-page button:focus-visible,.af-page a:focus-visible,.af-page summary:focus-visible{outline:3px solid #edca7d;outline-offset:5px}.af-hero{background:radial-gradient(ellipse at 50% 0,#31536330,transparent 65%),#071b28;padding-top:20px;isolation:isolate}.af-mobile-title{position:absolute;clip-path:inset(50%);height:1px;width:1px;overflow:hidden;white-space:nowrap}.af-hero-art{position:relative;isolation:isolate;width:88%;max-width:1500px;margin:0 auto;line-height:0;overflow:hidden;border-radius:8px;border:1px solid #7d9b9466;box-shadow:0 22px 40px #0004}.af-hero-art>img{width:100%;height:auto;display:block;object-fit:contain}.af-hero-art:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px #f5e8b81f;border-radius:inherit;background:linear-gradient(0deg,#061b2729,transparent 25%)}.af-hero-light{position:absolute;inset:0;background:radial-gradient(ellipse at calc(60% + var(--scene-px,0px)) calc(50% + var(--scene-py,0px)),#e7c47417,transparent 45%);pointer-events:none;mix-blend-mode:screen}.af-hero-art>p{position:absolute;bottom:3%;right:3%;font-size:11px;line-height:1.5;color:#b9c9b7;margin:0;padding:6px 9px;border:1px solid #8ea38c4d;background:#071b28d9;border-radius:4px;z-index:2}.af-hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:7%;padding:30px 6% 34px;max-width:1680px;margin:0 auto}.af-hero-bottom>div:first-child{flex:1;max-width:700px}.af-hero-bottom .eyebrow{font-size:10px;color:#cfbc80;margin:0 0 12px}.af-hero-bottom p:last-child{font-size:18px;color:#b7cbc2;margin:0;max-width:60ch}.af-hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex:none}.af-hero-actions .button,.af-path-story .button,.af-invitation .button{font-size:15px;min-height:51px;padding:16px 22px;gap:27px}.af-hero-actions .light-link{font-size:14px}.af-examples{padding:69px 6% 49px;background:radial-gradient(ellipse at 15% 40%,#fffef39e,transparent 65%),#e6ede5;color:#1c3c3c;border-top:1px solid #acc2b36b}.af-section-heading{display:grid;grid-template-columns:1.2fr .85fr;gap:10%;align-items:end;margin-bottom:32px}.af-section-heading .eyebrow{margin:0 0 19px}.af-examples .eyebrow,.af-process .eyebrow{color:#86723f}.af-section-heading h2{font-size:clamp(34px,3.5vw,52px);line-height:1.15}.af-examples h2 span,.af-process h2 span{color:#9b7a35}.af-section-heading>p{font-size:17px;color:#5a7164;max-width:39ch;margin:0}.af-example-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;border-bottom:1px solid #90a68d69;padding-bottom:18px;margin-bottom:30px}.af-example-picker button{display:flex;gap:14px;align-items:center;text-align:left;background:none;border:1px solid transparent;border-radius:5px;color:#617a6a;font-size:15px;line-height:1.55;padding:15px 13px;min-height:66px}.af-example-picker button>span{color:#9b8853;font-size:12px}.af-example-picker button[aria-pressed=true]{color:#1d4840;border-color:#b09c6380;background:linear-gradient(135deg,#f6f5e5,#cbd8c6);box-shadow:0 6px 15px #234f3f0d}.af-example-picker button[aria-pressed=true]>span{color:#927239}.af-example-layout{display:grid;grid-template-columns:1.45fr 1fr;gap:6%;align-items:center}.af-app-stage{position:relative;perspective:1500px;min-width:0;padding:22px 12px 35px;isolation:isolate}.af-app-orbit{position:absolute;left:-5%;right:-4%;bottom:10px;height:160px;border:1px solid #a58f4e59;border-radius:50%;transform:rotateX(65deg);background:radial-gradient(ellipse,#9da98729,transparent 65%);box-shadow:0 0 30px #c7ab5326;z-index:-1}.af-app-device{position:relative;transform:rotateY(5deg) rotateZ(-2deg);border-radius:10px;background:linear-gradient(130deg,#68888a,#173c4a);border:1px solid #a3b6a3;padding:8px;box-shadow:16px 26px 34px #16423745,inset 0 1px 0 #f4f6d780;overflow:hidden}.af-app-chrome{display:flex;align-items:center;gap:12px;background:#102e3c;padding:15px 18px;border-radius:5px 5px 0 0;border-bottom:1px solid #8caa9461}.af-app-chrome>img{width:27px;height:auto}.af-app-chrome>strong{font-family:var(--font-display);font-size:19px;color:#e6ecda;font-weight:600;letter-spacing:-.02em}.af-app-chrome>span{margin-left:auto;font-size:10px;line-height:1.5;letter-spacing:.08em;color:#a8bda5}.af-app-body{display:grid;grid-template-columns:.65fr 2fr;background:#0d2936;border-radius:0 0 5px 5px;overflow:hidden;min-height:350px}.af-app-sidebar{display:flex;flex-direction:column;gap:10px;padding:24px 12px;background:#102e3b;border-right:1px solid #8eab9942}.af-app-sidebar>span{font-size:12px;line-height:1.5;color:#89a99b;padding:10px 11px;border:1px solid transparent;border-radius:4px}.af-app-sidebar>span.is-selected{border-color:#c3af736e;background:#36515a;color:#e3e4c4;box-shadow:0 5px 13px #0002}.af-app-main{padding:25px 24px;color:#e6ecdb;background:linear-gradient(130deg,#294654,#102b38)}.af-app-kicker{font-size:9px;letter-spacing:.08em;line-height:1.7;color:#a7b99f;margin:0 0 15px}.af-app-main h3{font-size:31px;line-height:1.15;letter-spacing:-.04em;margin:0 0 13px}.af-app-main>p:not(.af-app-kicker){font-size:13px;line-height:1.7;color:#afc7b7;max-width:39ch;margin:0 0 19px}.af-app-example-row{display:flex;align-items:center;gap:13px;padding:14px 13px;background:linear-gradient(120deg,#dce7d7,#b8cfbe);color:#264a42;border:1px solid #c9d9bc;border-radius:5px;margin-bottom:11px;box-shadow:0 6px 12px #0002}.af-app-item-icon{font-size:22px;color:#8c793d}.af-app-example-row strong{display:block;font-size:13px;line-height:1.5;font-weight:600}.af-app-example-row div>span{display:block;font-size:11px;line-height:1.5;color:#69806a;margin-top:3px}.af-app-item-arrow{margin-left:auto;font-size:20px;color:#948346}.af-app-example-row.secondary{background:#294a50;color:#dce8d5;border-color:#7c9a8352;box-shadow:none}.af-app-example-row.secondary div>span{color:#9ebca6}.af-app-next{border-top:1px solid #b7c8a83d;margin-top:19px;padding-top:15px}.af-app-next>span{display:block;font-size:9px;line-height:1.6;color:#c3b67d;letter-spacing:.06em}.af-app-next>strong{font-size:12px;line-height:1.7;color:#b9d0b9;margin-top:7px;font-weight:500;display:block}.af-app-proof{font-size:11px;color:#657f6b;line-height:1.7;margin:18px 7px 0}.af-example-story{padding:15px 0}.af-example-number{font-size:11px;line-height:1.6;letter-spacing:.1em;color:#987b3c;margin:0 0 18px}.af-example-story h3{font-size:clamp(29px,2.8vw,42px);line-height:1.2;letter-spacing:-.04em;color:#24483e;margin-bottom:20px}.af-example-story>p:not(.af-example-number){font-size:17px;line-height:1.75;color:#577060;max-width:41ch;margin:0 0 25px}.af-example-story dl{margin:0 0 23px}.af-example-story dl>div{border-top:1px solid #98aa8d5e;padding:13px 0}.af-example-story dt{font-size:11px;line-height:1.6;text-transform:uppercase;letter-spacing:.07em;color:#8c7842;margin-bottom:5px}.af-example-story dd{font-size:15px;line-height:1.65;color:#47654e;margin:0;max-width:40ch}.af-dark-link{color:#315b4c;font-size:15px;min-height:44px;display:inline-flex;align-items:center;gap:22px;border-bottom:1px solid #8da380;padding:9px 0;text-decoration:none}.af-paths{padding:69px 6% 59px;background:radial-gradient(ellipse at 30% 65%,#2b536742,transparent 65%),#071d2b;color:#eef1e5;border-top:1px solid #9ab39e50}.af-paths .af-section-heading>p{color:#b2c8bc}.af-path-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;border-block:1px solid #9bb69c3b;padding:22px 0;margin-bottom:33px}.af-path-picker button{position:relative;display:grid;grid-template-columns:auto 1fr;gap:8px 16px;align-items:center;text-align:left;padding:21px 23px;background:linear-gradient(135deg,#2b4b5980,#0b293738);border:1px solid #84a28f59;border-radius:7px;color:#b9cbbb;box-shadow:0 7px 15px #0002}.af-path-picker button>span{font-size:13px;color:#b9ab71;grid-row:1/3}.af-path-picker button>strong{font-family:var(--font-display);font-size:21px;letter-spacing:-.025em;line-height:1.2;font-weight:600}.af-path-picker button>small{font-size:13px;line-height:1.6;color:#92b19e}.af-path-picker button[aria-pressed=true]{background:linear-gradient(135deg,#526e75,#203f4a);border-color:#e0c783a3;box-shadow:0 13px 23px #0004,inset 0 1px 0 #f4e5b57d;color:#f0e6bc;transform:translateY(-3px)}.af-path-picker button[aria-pressed=true]>small{color:#c8d3b3}.af-path-output{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:10%;padding:16px 2% 22px;perspective:1500px}.af-blueprint{background:linear-gradient(130deg,#315364,#0d2a3a 62%);border:1px solid #b2c3a67d;border-radius:7px;box-shadow:16px 25px 35px #0006,inset 0 1px 0 #eee7ae66;transform:rotateY(8deg) rotateZ(-3deg);padding:27px 30px;position:relative}.af-blueprint:before{content:"";position:absolute;left:14px;right:14px;top:-1px;height:2px;background:linear-gradient(90deg,transparent,#ebd087,transparent);box-shadow:0 0 25px #ead07a45}.af-blueprint-top{display:flex;align-items:center;gap:14px;padding-bottom:20px;border-bottom:1px solid #a0b5a245}.af-blueprint-top img{width:29px;height:auto}.af-blueprint-top>span{font-size:11px;line-height:1.5;letter-spacing:.07em;color:#b6c4a8}.af-blueprint h3{font-size:37px;line-height:1.15;letter-spacing:-.04em;margin:26px 0;color:#e8ebd9}.af-output-line{display:flex;align-items:baseline;gap:16px;padding:17px 0;border-top:1px solid #94ae9a3d}.af-output-line>span{font-size:12px;color:#d2bd76}.af-output-line strong{font-size:16px;line-height:1.5;color:#dce5cb;font-weight:500}.af-output-line p{font-size:14px;line-height:1.7;color:#9fbea9;margin:8px 0 0;max-width:39ch}.af-path-story{padding:14px 0}.af-path-price{font-size:18px;line-height:1.5;display:block;color:#e3c783;font-weight:500;margin-bottom:20px}.af-path-story h3{font-size:37px;line-height:1.2;color:#e7ecdc;letter-spacing:-.04em;margin-bottom:24px}.af-path-story>p:not(.af-path-boundary){font-size:17px;line-height:1.8;color:#adc6b7;max-width:42ch;margin:0 0 24px}.af-path-boundary{font-size:13px;line-height:1.75;color:#8fac99;max-width:48ch;border-top:1px solid #9ab0933d;padding-top:20px;margin:0 0 26px}.af-path-story .button{display:flex;width:max-content;max-width:100%;margin-bottom:12px}.af-path-story .light-link{font-size:14px}.af-process{background:radial-gradient(ellipse at 25% 10%,#fffced9c,transparent 65%),#e4eadd;color:#25483d;padding:68px 6%}.af-process-intro{margin-bottom:38px}.af-process h2{font-size:clamp(34px,3.4vw,50px);line-height:1.18}.af-process ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6%}.af-process li{border-top:1px solid #a0ad8670;padding-top:22px}.af-process li>span{font-size:13px;color:#9d8244}.af-process h3{font-size:25px;line-height:1.3;color:#2d4f3f;margin:18px 0 14px}.af-process li p{font-size:16px;line-height:1.8;color:#62775d;max-width:34ch;margin:0}.af-questions{display:grid;grid-template-columns:.75fr 1.25fr;gap:10%;padding:66px 6%;background:#0a2533;border-top:1px solid #9eb79b45}.af-questions h2{font-size:42px;line-height:1.17}.af-questions .eyebrow{margin:0 0 20px}.af-questions details{border-bottom:1px solid #9ab09438;padding:21px 0}.af-questions details:first-child{padding-top:0}.af-questions summary{font-size:17px;line-height:1.6;color:#d5dfcc;cursor:pointer}.af-questions details p{font-size:16px;line-height:1.8;color:#a4bfab;margin:16px 0 0;max-width:65ch}.af-invitation{background:radial-gradient(ellipse at 50% 100%,#3a5c5d4a,transparent 65%),#071c29;padding:63px 6%;text-align:center;border-top:1px solid #9bb39230}.af-invitation h2{font-size:clamp(39px,4.5vw,65px);line-height:1.13}.af-invitation .eyebrow{margin:0 0 22px}.af-invitation>p:not(.eyebrow){font-size:17px;color:#a7c2b0;max-width:55ch;margin:24px auto 27px}.af-invitation .button{display:inline-flex}.af-page .proof-footer{border-top:1px solid #93ad8e33}
@media(hover:hover) and (pointer:fine){.af-example-picker button:hover{background:#d6e1cf;border-color:#9dab7e66}.af-path-picker button:hover{border-color:#d5ba77}}
@media(max-width:1120px){.af-hero-art{width:90%}.af-hero-bottom{padding-inline:5%;gap:5%}.af-hero-bottom p:last-child{font-size:17px}.af-example-layout{grid-template-columns:1.15fr 1fr;gap:5%}.af-app-stage{padding-inline:0}.af-app-main{padding:23px 17px}.af-app-main h3{font-size:29px}.af-app-sidebar{padding:22px 8px}.af-app-sidebar>span{padding:9px 7px;font-size:11px}.af-app-body{grid-template-columns:.6fr 2fr}.af-app-chrome{padding:14px}.af-app-chrome>strong{font-size:17px}.af-app-chrome>span{font-size:9px}.af-app-example-row{padding:12px 10px;gap:10px}.af-app-example-row strong{font-size:12px}.af-app-example-row div>span{font-size:10px}.af-example-story h3{font-size:33px}.af-example-story>p:not(.af-example-number){font-size:16px}.af-example-story dd{font-size:14px}.af-path-picker button{padding:19px 16px;gap:7px 12px}.af-path-picker button>strong{font-size:19px}.af-path-picker button>small{font-size:12px}.af-path-output{gap:8%;padding-inline:1%}.af-blueprint{padding:25px}.af-blueprint h3{font-size:32px}.af-path-story h3{font-size:33px}.af-process h3{font-size:23px}}
@media(max-width:800px){.af-hero{padding-top:0}.af-mobile-title{position:relative;clip-path:none;height:auto;width:auto;overflow:visible;white-space:normal;padding:36px 6% 27px}.af-mobile-title .eyebrow{font-size:10px;color:#b0c3b3;margin:0 0 19px}.af-mobile-title h1{font-size:46px;line-height:1.1;letter-spacing:-.055em}.af-hero-art{width:100%;max-width:none;border-radius:0;border-inline:0;box-shadow:none}.af-hero-art>p{font-size:10px;padding:4px 6px;right:4%;bottom:3%;max-width:26ch}.af-hero-bottom{display:flex;flex-direction:column;gap:24px;align-items:stretch;padding:27px 6% 33px}.af-hero-bottom .eyebrow{font-size:10px;line-height:1.7;margin-bottom:14px}.af-hero-bottom p:last-child{font-size:17px;line-height:1.75}.af-hero-actions{gap:8px}.af-hero-actions .button{font-size:15px;padding:15px 19px;min-height:51px}.af-hero-actions .light-link{font-size:14px}.af-examples,.af-paths,.af-process,.af-questions{padding:46px 6%}.af-section-heading{display:block;margin-bottom:26px}.af-section-heading .eyebrow{font-size:10px;margin-bottom:19px}.af-section-heading h2{font-size:36px;line-height:1.18}.af-section-heading>p{font-size:17px;line-height:1.7;margin-top:22px;max-width:none}.af-example-picker{grid-template-columns:1fr;gap:8px;margin-bottom:25px;padding-bottom:20px}.af-example-picker button{min-height:54px;font-size:15px;padding:12px 13px;gap:13px}.af-example-picker button>span{font-size:12px}.af-example-layout{display:flex;flex-direction:column;gap:20px}.af-app-stage{width:100%;padding:11px 1px 25px;perspective:1200px}.af-app-device{padding:6px;transform:rotateZ(-1deg);border-radius:8px}.af-app-chrome{padding:13px 12px;gap:9px}.af-app-chrome>img{width:23px}.af-app-chrome>strong{font-size:18px}.af-app-chrome>span{display:none}.af-app-body{grid-template-columns:1fr;min-height:0}.af-app-sidebar{display:none}.af-app-main{padding:23px 21px}.af-app-kicker{font-size:11px;line-height:1.6;max-width:32ch;margin-bottom:16px}.af-app-main h3{font-size:31px;line-height:1.16}.af-app-main>p:not(.af-app-kicker){font-size:15px;line-height:1.7;max-width:none;margin-bottom:20px}.af-app-example-row{gap:12px;padding:14px 12px}.af-app-example-row strong{font-size:14px;line-height:1.5}.af-app-example-row div>span{font-size:12px;line-height:1.6}.af-app-item-icon{font-size:23px}.af-app-next{margin-top:22px;padding-top:17px}.af-app-next>span{font-size:11px;line-height:1.6}.af-app-next>strong{font-size:14px;line-height:1.7;margin-top:9px}.af-app-proof{font-size:12px;line-height:1.6;margin:15px 4px 0}.af-example-story{width:100%;padding:5px 0}.af-example-number{font-size:12px;line-height:1.6;margin-bottom:16px}.af-example-story h3{font-size:33px;line-height:1.2;margin-bottom:20px}.af-example-story>p:not(.af-example-number){font-size:17px;line-height:1.8;max-width:none;margin-bottom:24px}.af-example-story dt{font-size:12px}.af-example-story dd{font-size:16px;line-height:1.7;max-width:none}.af-example-story dl>div{padding:14px 0}.af-dark-link{font-size:15px}.af-paths .af-section-heading>p{font-size:17px}.af-path-picker{grid-template-columns:1fr;gap:10px;padding:20px 0;margin-bottom:28px}.af-path-picker button{min-height:78px;padding:16px 19px;gap:6px 17px}.af-path-picker button>span{font-size:13px}.af-path-picker button>strong{font-size:23px}.af-path-picker button>small{font-size:13px}.af-path-picker button[aria-pressed=true]{transform:none}.af-path-output{display:flex;flex-direction:column;gap:31px;padding:8px 0 0}.af-blueprint{width:100%;padding:23px 24px;transform:rotateZ(-1deg);border-radius:7px}.af-blueprint-top{padding-bottom:20px;gap:12px}.af-blueprint-top>img{width:26px}.af-blueprint-top>span{font-size:12px;line-height:1.5}.af-blueprint h3{font-size:32px;line-height:1.18;margin:23px 0}.af-output-line{gap:14px;padding:17px 0}.af-output-line>span{font-size:12px}.af-output-line strong{font-size:17px;line-height:1.5}.af-output-line p{font-size:15px;line-height:1.75;margin-top:8px;max-width:none}.af-path-story{width:100%;padding:4px 0}.af-path-price{font-size:19px;margin-bottom:18px}.af-path-story h3{font-size:34px;line-height:1.2;margin-bottom:22px}.af-path-story>p:not(.af-path-boundary){font-size:17px;line-height:1.8;max-width:none}.af-path-boundary{font-size:14px;line-height:1.8;max-width:none;margin-bottom:23px}.af-path-story .button{font-size:15px;gap:18px;padding:15px 18px}.af-path-story .light-link{font-size:14px}.af-process-intro{margin-bottom:29px}.af-process h2{font-size:35px;line-height:1.2}.af-process .eyebrow{font-size:10px;line-height:1.7;max-width:34ch}.af-process ol{grid-template-columns:1fr;gap:29px}.af-process li{padding-top:21px}.af-process h3{font-size:26px;line-height:1.25;margin:17px 0 14px}.af-process li p{font-size:17px;line-height:1.75;max-width:none}.af-questions{display:block}.af-questions h2{font-size:37px;line-height:1.15;margin-bottom:30px}.af-questions .eyebrow{font-size:10px;margin-bottom:17px}.af-questions details{padding:22px 0}.af-questions summary{font-size:17px;line-height:1.6}.af-questions details p{font-size:16px;line-height:1.8;margin-top:17px;max-width:none}.af-invitation{padding:47px 6%}.af-invitation .eyebrow{font-size:10px;line-height:1.7;margin-bottom:22px}.af-invitation h2{font-size:42px;line-height:1.15}.af-invitation>p:not(.eyebrow){font-size:17px;line-height:1.7;max-width:none}.af-invitation .button{font-size:15px;padding:15px 19px;gap:20px}}
@media(max-width:374px){.af-mobile-title h1{font-size:43px}.af-section-heading h2{font-size:34px}.af-app-main{padding:22px 19px}.af-app-main h3{font-size:30px}.af-app-example-row{padding:13px 10px;gap:10px}.af-app-example-row strong{font-size:13px}.af-app-example-row div>span{font-size:12px}.af-blueprint{padding:22px}.af-blueprint h3{font-size:30px}.af-path-story h3{font-size:32px}.af-invitation h2{font-size:40px}}
@media(prefers-reduced-motion:reduce){.af-app-device,.af-blueprint,.af-path-picker button{transform:none!important;transition:none!important}.af-hero-light{display:none}}
