/* Direction 04 — AI-powered commerce infrastructure. */
:root{--canvas:#f8f8f6;--ink:#111315;--muted:#66686a;--line:#dcdedd;--berry:#96284e}body{background:#f8f8f6;color:#111315}#nav{background:#f8f8f6f2;border-color:#dcdedd}.brand img{filter:none}h1,h2,h3{font-weight:620;letter-spacing:-.055em}h1 em,h2 em,h3 em{font-family:Inter,Arial,sans-serif;font-style:normal;font-weight:620;letter-spacing:inherit;font-size:inherit}.eyebrow,.mini-label{letter-spacing:.1em}.hero-copy{color:#65686a}.art-hero{background:none;padding-top:48px;gap:45px;grid-template-columns:1.12fr 1fr}.hero-editorial{display:flex;flex-direction:column;justify-content:center;padding-top:0}.art-hero h1{font-size:clamp(68px,6.5vw,98px);line-height:1.03;letter-spacing:-.065em;font-weight:650;margin-bottom:30px}.art-hero h1 em{font-family:Inter,Arial,sans-serif;font-style:normal;font-size:1em;font-weight:650;letter-spacing:-.065em;color:#96284e}.art-hero .eyebrow{font-size:10px;margin-bottom:28px;letter-spacing:.12em}.hero-copy{font-size:18px;line-height:1.7;max-width:570px;margin-bottom:30px}.hero-actions{align-items:center;gap:23px}.hero-fine{font-size:9px;color:#74777a;margin-top:20px}.hero-explore{font-size:13px;border-color:#c6c9ca}.button{background:#96284e;color:#fff;border-radius:4px;box-shadow:none}.button:hover{background:#812140;transform:translateY(-1px);box-shadow:0 6px 18px #11131514}.hero-art{min-height:580px;transform:none}.art-arch{inset:0 0 18px 0;border-radius:6px;background-color:#15181c;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:36px 36px;border:1px solid #34373c;overflow:hidden}.art-arch:before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:#96284e}.orbit{display:none}.arch-label{font-size:8px;top:30px;left:25px;right:auto;letter-spacing:.1em;color:#93989f}.arch-bottom{bottom:21px;left:25px;right:auto;font-size:7px;letter-spacing:.11em;color:#8c929a}.art-core{width:78px;height:78px;top:108px;left:43px;transform:none;border-radius:12px;border:1px solid #41464e;box-shadow:0 12px 28px #0004}.art-report{top:239px;left:-24px;width:104%;transform:none;border-radius:5px;padding:7px;box-shadow:0 24px 48px -15px #0005;border-color:#b9bec3}.art-report img{border-radius:2px;border-color:#e0e3e6}.art-checkout{top:84px;right:22px;transform:none;width:42%;height:213px;z-index:5;border-radius:4px;border-color:#c4c8cd;box-shadow:0 18px 34px -10px #0005}.art-checkout img{height:172px}.art-window-title{color:#69707a}.art-signal{left:17px;bottom:50px;transform:none;background:#1d2228;border:1px solid #404750;border-radius:4px;box-shadow:0 12px 28px #0003;padding:14px 19px;font-size:11px}.art-signal b{color:#9da4ad}.art-signal>span:last-child{color:#c77895}.signal-icon{color:#c77895;font-size:27px}.art-side-label{display:none}.hero-art:hover .art-core,.hero-art:hover .art-report,.hero-art:hover .art-checkout{transform:none}.hero-baseline{margin-top:30px;border-color:#d4d8d9;color:#727b82;font-size:8px;padding-block:23px}.integration-band p{color:#8c9399}.integrations{color:#747b81}.product-theater{background:#111419;color:#f8f9f9;border-block:1px solid #30343a}.theater-heading h2{font-weight:620;font-size:62px;line-height:1.07}.theater-heading h2 em{color:#a7afb9}.theater-heading .eyebrow{color:#9fa8b4;font-size:9px}.theater-heading>p:last-child{color:#929da9;font-size:16px}.product-theater .showcase{border-radius:6px;background:#20252c;border-color:#414852;box-shadow:0 24px 60px #0004}.product-theater .product-tabs button{border-radius:3px;color:#aab3bf}.product-theater .product-tabs button:hover{background:#353e49}.product-theater .product-tabs button[aria-selected=true]{background:#f3f4f5;color:#96284e}.product-theater .product-caption{color:#8a96a6}.product-theater .product-caption>span:last-child{color:#737f8e}.section#why{background:#f8f8f6}.section-intro h2{font-weight:620;line-height:1.08;font-size:50px}.section-intro h2 em{color:#757b80}.section-intro .intro-copy{color:#697077}.benefit-grid article,.benefit-grid article+article{border-color:#cfd4d7}.benefit-grid h3{font-weight:600}.benefit-grid p{color:#737a7e}.feature-icon{border:1px solid #d5d8dc;background:#eeeff0;border-radius:5px}.ugc-showroom{background:#fff;border-block:1px solid #dcdfe1;padding-top:85px}.ugc-heading h2{font-size:76px;line-height:1.06;letter-spacing:-.065em;font-weight:650}.ugc-heading h2 em{color:#96284e}.ugc-intro>p{color:#747b82}.gallery-controls>span{color:#8c969f}.gallery-controls .video-motion{color:#646e78;border-color:#c9d0d6;background:#f8f9fa}.gallery-controls button{background:#f6f7f8;color:#5d6873;border-color:#c4ccd5}.ugc-watermark{display:none}.ugc-film,.ugc-film:nth-child(even){transform:none}.film-frame,.ugc-film:nth-child(even) .film-frame{border-radius:5px;border:1px solid #d2d8de;box-shadow:0 12px 24px -15px #14191f4d}.film-tag,.ugc-film:nth-child(even) .film-tag{border-radius:2px;background:#11151b85;color:#e0e7ee}.film-number{font-family:Mono;font-style:normal;font-size:12px;color:#f5f7fa;letter-spacing:.1em}.film-caption h3{font-size:18px;font-weight:600;color:#272d34}.film-caption p{color:#7e8993;font-size:12px}.ugc-closing{border-color:#dce1e5}.ugc-closing p{color:#7a8691}.ugc-closing strong{color:#333e48;font-weight:550}.capabilities-section{background:#15191f;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:72px 72px;color:#f4f6f8}.capabilities-section .eyebrow{color:#b594a2}.capabilities-section .section-intro h2{font-size:65px;line-height:1.08}.capabilities-section .section-intro h2 em{color:#a2adbb}.capabilities-section .section-intro .intro-copy{color:#95a1b0}.capability-map button{color:#aeb9c7;border-color:#485262;background:#20273280;border-radius:4px;font-size:13px}.capability-map button:hover{background:#333e4e;color:#fff;border-color:#78879a}.capability-map button span{color:#7e8b9e}.capability-map button[aria-pressed=true],.capability-map button[aria-pressed=true]:hover{background:#96284e;color:#fff;border-color:#b3446c}.capability-map button[aria-pressed=true] span{color:#f0c3d2}.feature-stage{background:#fff;color:#151a20;border-color:#455060;border-radius:5px}.feature-detail .eyebrow{color:#96284e}.feature-detail h3{font-weight:600;font-size:50px;letter-spacing:-.05em}.feature-detail>p:not(.eyebrow){color:#727d88}.feature-detail li{color:#687684}.catalog-back{color:#7c8998}.feature-media{background:#e9edf1;border-color:#d2d9e1}.feature-media-heading{color:#566577}.feature-media-heading>span+span{color:#8a99ac}.media-picker button{color:#637185;border-color:#c0cbd8;background:#f6f8fa;border-radius:3px}.media-picker button[aria-pressed=true]{color:white;background:#252f3e;border-color:#252f3e}.feature-media-content{border-color:#bdc9d5;border-radius:3px}.expand-shot>span{background:#f9fbfeeb;color:#34475f;border-color:#a6b5c9}.catalog-note{color:#8794a6}.shopify-section{background:#f8f8f6}.shopify-copy h2{font-size:59px;font-weight:620;line-height:1.06}.shopify-copy h2 em{color:#96284e}.shopify-copy>p:not(.eyebrow){color:#6c747c}.connection-visual{background:#eceff1;border:1px solid #d0d6da;border-radius:6px;padding:30px}.connection-top{justify-content:space-between;color:#7b8793}.store-card{transform:none;border-radius:5px;border-color:#bfc9d2;box-shadow:0 12px 30px -18px #26334030}.checkout-preview{border-radius:3px}.connected{background:#f0e4e8;color:#96284e}.flow-bottom>div{background:#f9fafb;border-color:#cbd3dc;border-radius:3px}.visual-note{color:#8a98a6}.ask-section{background:#10151b}.ask-section h2{font-size:61px;font-weight:620;line-height:1.07}.ask-section h2 em{color:#a7b2c0}.ask-section .eyebrow{color:#a6b4c4}.ask-section p:not(.eyebrow){color:#92a2b4}.light-link{border-color:#4c6077;color:#dce6f1}.mascot-scene{border-radius:6px;border:1px solid #4b596a;background:#e9edf0;background-image:linear-gradient(#3e526a0b 1px,transparent 1px),linear-gradient(90deg,#3e526a0b 1px,transparent 1px);background-size:32px 32px;box-shadow:none;min-height:450px}.mascot-scene>img{transform:none;mix-blend-mode:multiply;width:265px;margin-top:25px}.mascot-orbit{display:none}.mascot-label{top:28px;left:25px;color:#6a7d92;font-size:8px}.mascot-question{transform:none;border-radius:4px;border-color:#b3c2d1;background:#f8fafc;box-shadow:0 12px 25px #213b5414;font-size:13px;color:#314357}.mascot-signature{font:7px Mono;color:#8295aa;bottom:18px;letter-spacing:.12em}.pricing{background:#fff}.pricing .section-intro h2{font-size:62px;line-height:1.08}.price-card{background:#fff;border-color:#c3ccd6;border-top-color:#96284e;border-radius:4px;box-shadow:0 22px 42px -30px #20344c38}.price>span:first-child{font-weight:620}.trial-pill{border-radius:3px}.included-grid{border-color:#dce2e8;color:#657181}.price-note>span{font-family:Mono;font-size:30px;font-style:normal;color:#96284e}.price-note p{color:#788697}.price-note b{color:#334153}.fee-example{border-color:#e0e5eb}.faq-section{background:#fff}.faq-section h2{font-size:54px;line-height:1.08}.faq-section h2 em{color:#737e8c}.faq-list,details{border-color:#d6dce3}.faq-list summary{color:#303c4b}.final-cta{background:#111821;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:60px 60px;border-top:3px solid #96284e}.final-cta h2{font-size:72px;line-height:1.07;font-weight:650}.final-cta h2 em{color:#a9b6c8}.final-cta .eyebrow{color:#be8ea2}.final-cta>p:not(.micro){color:#9aabbe}.final-cta .button{background:#96284e;color:white}.final-cta .micro{color:#8397ad}.large-spark{display:none}footer{background:#f7f8f9;border-color:#dce2e8}.footer-main p{color:#7e8b9c}.footer-bottom,.footer-bottom a,.footer-bottom button{color:#8191a4}.screenshot-dialog{background:#fff}.dialog-content h2 em{font-family:Inter;font-style:normal;letter-spacing:-.04em;color:#96284e}
@media(max-width:1150px){.art-hero{gap:30px}.art-hero h1{font-size:76px}.hero-copy{font-size:16px}.hero-art{min-height:525px}.art-report{top:230px;left:-20px;width:105%}.art-checkout{top:81px;right:15px;height:185px}.art-checkout img{height:147px}.art-core{top:107px;left:27px;width:67px;height:67px}.art-signal{bottom:54px;left:0}.hero-explore{font-size:11px}.hero-fine{font-size:8px}.ugc-heading h2{font-size:65px}.capabilities-section .section-intro h2{font-size:55px}.feature-detail h3{font-size:43px}.shopify-copy h2{font-size:51px}.ask-section h2{font-size:51px}.final-cta h2{font-size:63px}}
@media(min-width:761px) and (max-width:1000px){.art-hero h1{font-size:63px}.art-hero .eyebrow{font-size:8px}.hero-copy{font-size:14px}.hero-art{min-height:470px}.art-report{top:222px}.art-checkout{height:171px;width:45%;right:12px}.art-checkout img{height:135px}.art-core{width:62px;height:62px;left:24px;top:111px}.arch-label{font-size:6px;left:18px}.arch-bottom{font-size:5px;left:18px}.art-signal{bottom:42px;font-size:9px;padding:11px 13px}.capabilities-section .section-intro h2{font-size:46px}.shopify-copy h2,.ask-section h2{font-size:43px}.connection-visual{padding:20px}}
@media(max-width:760px){.art-hero{grid-template-columns:1fr;gap:0;padding-top:43px}.hero-editorial{display:block}.art-hero h1{font-size:clamp(55px,10.5vw,79px);line-height:1.04;white-space:normal;text-wrap:balance;margin-bottom:24px}.art-hero .eyebrow{font-size:9px;margin-bottom:25px}.hero-copy{font-size:16px;line-height:1.7}.hero-actions{gap:12px;align-items:stretch}.hero-actions .button{font-size:14px}.hero-explore{font-size:12px}.hero-fine{font-size:8px;margin-top:12px}.hero-art{margin-top:30px;min-height:470px;max-width:480px}.art-arch{inset:0 0 15px 0;border-radius:5px}.art-report{top:211px;left:-7px;width:102%}.art-checkout{top:71px;right:15px;width:40%;height:186px}.art-checkout img{height:148px}.art-core{top:108px;left:35px;width:65px;height:65px}.arch-label{top:23px;font-size:7px;left:22px}.arch-bottom{font-size:6px;bottom:18px;left:22px}.art-signal{bottom:42px;left:10px;font-size:10px;padding:12px 15px}.hero-baseline{font-size:6px;line-height:1.7;gap:25px;margin-top:18px}.theater-heading h2{font-size:46px;line-height:1.08}.theater-heading h2 br{display:block}.theater-heading>p:last-child{font-size:14px}.section-intro h2{font-size:40px;line-height:1.09}.ugc-heading h2{font-size:52px;line-height:1.04}.film-caption h3{font-size:19px}.ugc-intro>p{font-size:15px}.capabilities-section .section-intro h2{font-size:46px;line-height:1.09}.capabilities-section .section-intro .intro-copy{font-size:14px}.feature-detail h3{font-size:36px;line-height:1.09}.shopify-copy h2{font-size:46px;line-height:1.08}.connection-visual{padding:25px;border-radius:5px}.connection-top{gap:20px}.ask-section h2{font-size:46px;line-height:1.09}.mascot-scene{min-height:410px;border-radius:5px}.mascot-scene>img{width:250px}.mascot-label{font-size:7px;left:20px;top:23px}.mascot-question{font-size:12px;padding:16px}.mascot-signature{font-size:6px}.pricing .section-intro h2{font-size:46px;line-height:1.09}.faq-section h2{font-size:43px}.final-cta h2{font-size:48px;line-height:1.1}.final-cta>p:not(.micro){font-size:14px}.final-cta .button{min-width:0}}
@media(max-width:420px){.art-hero h1{font-size:55px;letter-spacing:-.06em}.art-hero .eyebrow{font-size:8px}.hero-art{min-height:430px}.art-core{width:61px;height:61px;left:26px;top:105px}.art-checkout{height:163px;top:78px}.art-checkout img{height:128px}.art-report{top:212px}.art-signal{bottom:39px;left:5px;font-size:9px;padding:11px 13px}.hero-baseline{font-size:5px}.ugc-heading h2{font-size:45px}.capabilities-section .section-intro h2{font-size:40px}.feature-detail h3{font-size:33px}.shopify-copy h2,.ask-section h2{font-size:42px}.connection-visual{padding:20px}.mascot-scene{min-height:385px}.mascot-scene>img{width:225px}.final-cta h2{font-size:42px}}
@media(max-width:360px){.art-hero h1{font-size:47px}.art-hero .eyebrow{font-size:7px}.hero-art{min-height:390px}.art-checkout{height:144px;right:10px;top:75px}.art-checkout img{height:108px}.art-core{width:55px;height:55px;left:20px;top:95px}.art-report{top:195px}.art-signal{bottom:41px;font-size:8px;padding:10px 12px;gap:9px}.arch-label{font-size:6px;left:16px}.arch-bottom{font-size:5px;left:16px}.ugc-heading h2{font-size:40px}.capabilities-section .section-intro h2{font-size:35px}.final-cta h2{font-size:37px}}
/* Keep gallery navigation aligned on narrow phones. */
.gallery-controls button[data-gallery-prev],.gallery-controls button[data-gallery-next]{border-radius:4px}
@media(max-width:420px){.gallery-controls>span{flex-basis:100%;margin-bottom:5px}.gallery-controls .video-motion{margin-right:auto}}
/* Preserve the original two-step access flow in the new visual system. */
#access-dialog:not(.screenshot-dialog){border-radius:6px;background:#fff;width:min(480px,calc(100vw - 32px));max-height:92dvh;padding:34px}
#request-access-form [hidden]{display:none!important}
.access-name-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#request-access-form input,#request-access-form select{width:100%;font:16px Inter,Arial,sans-serif;color:#171b20;background:#f8f9fa;border:1px solid #c8d0d8;border-radius:4px;padding:13px;min-height:47px}
#request-access-form [aria-invalid=true]{border-color:#96284e}
#request-access-form .button{justify-content:space-between}
#request-access-form button:disabled{opacity:.65;cursor:wait;transform:none}
#request-access-form .access-back{display:block;margin:16px auto 0;padding:8px}
#request-access-form .access-error{color:#96284e;font-size:13px;margin-bottom:0}
#access-dialog:has(#request-access-form) .dialog-content h2{font-size:35px;line-height:1.1;margin:18px 0}
@media(max-width:420px){#access-dialog:not(.screenshot-dialog){padding:27px 22px}.access-name-row{gap:10px}#access-dialog:has(#request-access-form) .dialog-content h2{font-size:30px}.nav-actions>a[data-login]{display:none}}