@font-face{font-family:BCHeavy;src:url('/assets/montserrat-black.ttf') format('truetype');font-display:swap;font-weight:900}
.automation-page{background:#020912;--dim:#cad5df;--pink:#ff009e;--cyan:#00d9f4;--sun:#ffe028;--line:#174656}
.reference-design{background:radial-gradient(ellipse at 10% 35%,#004c6545,transparent 28%),#020912;color:#fff;padding-bottom:45px}
.reference-design *{min-width:0;box-sizing:border-box;overflow-wrap:anywhere}
.reference-design section{padding-block:32px;border:0}
.ref-wrap{width:min(1220px,calc(100% - 48px));margin-inline:auto}
.reference-design h1,.reference-design h2,.reference-design h3{font-family:BCHeavy,'Archivo Black',Arial,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:-.035em;line-height:1.05;max-width:none}
.reference-design h1{font-size:clamp(2.4rem,4.5vw,4rem);margin:14px 0 20px}
.reference-design h2{font-size:clamp(1.5rem,2.5vw,2.4rem);margin:0 0 24px}
.reference-design h3{font-size:1rem;line-height:1.25;letter-spacing:-.025em}
.reference-design em{font-style:normal;color:#ff009e}
.reference-hm em{color:#ffe028}
.reference-design p{font-size:1.0625rem;line-height:1.55;max-width:55ch}
.ref-kicker{font-size:.8rem!important;color:#ff009e;text-transform:uppercase;font-weight:800;letter-spacing:.08em;display:flex;gap:12px;align-items:center}
.ref-kicker:before{content:'';width:40px;height:3px;background:currentColor}
.ref-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:610px;position:relative}
.ref-hero-copy{position:relative;z-index:2;padding:20px 0}
.ref-hero-art{position:relative;margin-left:-55px}
.ref-brain{width:115%;height:580px;max-width:none;object-fit:contain;mix-blend-mode:screen}
.ref-btn{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:48px;padding:16px 25px;border-radius:100px;background:#ff009e;color:#fff!important;text-decoration:none;font-size:.9rem;font-weight:800;text-transform:uppercase;line-height:1.2;box-shadow:0 8px 28px #ff009e25;margin-top:8px;max-width:100%}
.ref-btn span{font-size:1.5rem;line-height:.7}.ref-btn:hover{background:#da0087}.ref-btn:focus-visible{outline:3px solid #ffe028;outline-offset:5px}
.reference-design .ref-scribble{font-family:Kalam,cursive;font-size:clamp(1.5rem,2.7vw,2.3rem);line-height:1.05;color:#fff;transform:rotate(-7deg);text-transform:none;letter-spacing:-.02em}
.ref-hero-art .ref-scribble{position:absolute;right:5%;bottom:12px;border-bottom:4px solid #ff009e;padding-bottom:8px}
.ref-icon{width:44px;height:44px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;color:#00dff8;filter:drop-shadow(0 0 6px #00d9f470);margin-bottom:12px;flex-shrink:0}
.ref-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ref-cards>div,.ref-job-grid>div{border:1px solid #077891;border-radius:14px;background:linear-gradient(150deg,#07323eaa,#01101dc7 70%);box-shadow:inset 0 0 20px #02cded17;text-align:center;padding:24px 15px}
.ref-cards h3{margin:0 0 8px;font-size:.9rem}.ref-cards p{font-size:.9rem;line-height:1.4;margin:0 auto;max-width:25ch;color:#e2eaf0}
.ref-benefits{padding-top:0!important;position:relative;z-index:3}.ref-main-hero+.ref-benefits .ref-cards>div{border:0;background:none;box-shadow:none;border-right:1px solid #15536a;border-radius:0;padding:10px 20px}
.ref-main-hero+.ref-benefits .ref-cards>div:last-child{border:0}.ref-main-hero+.ref-benefits .ref-cards>div:first-child .ref-icon{color:#ffe028}.ref-main-hero+.ref-benefits .ref-cards>div:last-child .ref-icon{color:#45eb4f}
.reference-design .ref-panel{padding:24px;background:#03131ebd;border:1px solid #07566c;border-radius:20px;margin-block:16px;box-shadow:inset 0 0 35px #04a9d119}
.ref-job-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ref-job-grid>div{padding:20px 12px}.ref-job-grid h3{font-family:'DM Sans',Arial,sans-serif;font-weight:600;text-transform:none;letter-spacing:0;max-width:18ch;margin:0 auto;line-height:1.3}
.ref-studio{display:grid;grid-template-columns:1.15fr 1fr;gap:45px;align-items:center;margin-block:30px}.ref-studio>img{width:100%;border-radius:16px}.ref-studio h2{margin-bottom:18px}.ref-studio .ref-scribble{color:#21deee;margin:20px 0}
.reference-design #work{padding:35px 0}.reference-design #work>.wrap,.reference-design .faq>.wrap{width:min(1220px,calc(100% - 48px))}
.reference-design .work{gap:20px;margin-top:20px}.reference-design .work>a{border:1px solid #08758d;background:#05212a99;padding:28px}.reference-design .work .logo{height:115px;max-width:230px;object-fit:contain;background:none;padding:0;border-radius:0}.reference-design .work a:first-child .logo{border-radius:8px}.reference-design .tag{font-size:.85rem;white-space:normal;margin-bottom:14px}.reference-design .work p{color:#d5e2eb}.reference-design .work h3{font-size:1.4rem}
.reference-design .ref-details{padding:18px 0}.ref-details>details{border-top:1px solid #08758d;border-bottom:1px solid #08758d;padding:20px 0}.ref-details>details>summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:1.15rem;font-weight:700;list-style:none;color:#00dff8}.ref-details>details>summary span{font-size:1.6rem}.ref-details summary::-webkit-details-marker{display:none}.ref-details details[open]>summary{margin-bottom:25px}.ref-details .wrap{width:100%}.ref-details section{padding-block:24px}.ref-details .editorial-heading{display:block}.ref-details .eyebrow{display:none}
.reference-design .ref-close{display:flex;align-items:center;gap:28px;padding:28px;border:1px solid #02bad4;border-radius:24px;background:linear-gradient(125deg,#07303e,#00131f);margin-top:32px}.ref-close>.ref-icon{width:65px;height:65px;margin:0;color:white}.ref-close h2{font-size:1.6rem;margin:0 0 10px}.ref-close p{margin:0}.ref-close .ref-btn{margin-left:auto;flex-shrink:0}
.ref-case-hero{display:block;min-height:610px;overflow:hidden;background:#020912}
.ref-case-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:555px;position:relative}
.ref-case-hero .ref-hero-copy{max-width:590px;text-shadow:0 2px 15px #000;padding-right:25px}
.ref-case-art{position:absolute;inset:-32px calc((1220px - 100vw)/2) -32px 35%;z-index:0;min-width:65%;overflow:hidden}
.ref-case-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#020912 0%,#02091280 25%,transparent 65%),linear-gradient(0deg,#020912 0%,transparent 30%);pointer-events:none}
.ref-scene{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.ref-case-art .ref-client-logo{position:absolute;right:4%;top:30px;width:190px;max-height:160px;object-fit:contain;z-index:2;background:#fffef4;border-radius:10px;padding:8px}
.ref-case-art .ref-scribble{position:absolute;right:5%;bottom:40px;z-index:3;background:#02101b99;padding:14px;border-radius:15px}
.ref-back{color:#cddce5;font-size:.875rem;display:inline-block;margin-bottom:20px}
.ref-state{display:block;color:#6bffdf;font-size:.85rem;letter-spacing:.035em;font-weight:700;margin-top:22px}
.mm .ref-scene{filter:blur(3px) brightness(.65)}
.ref-mascot{position:absolute;right:15%;height:89%;bottom:0;width:auto;z-index:2;object-fit:contain;filter:drop-shadow(0 10px 20px #0008)}
.mm .ref-client-logo{width:190px;top:5px;right:3%;max-height:120px;background:#fffefaed}
.ref-steps>div{position:relative}.ref-steps>div:not(:last-child):after{content:'›';position:absolute;right:-15px;top:50%;font-size:3rem;color:#ff009e;z-index:1;font-weight:bold}
.reference-hm .ref-cards .ref-icon{color:#ffe028;filter:drop-shadow(0 0 5px #ffe02855)}
.ref-story{display:grid;grid-template-columns:1.2fr 1fr;align-items:stretch;overflow:hidden;border-radius:22px;padding:0!important;margin-block:38px;background:#fefbef;color:#002036}
.ref-story>img{width:100%;height:100%;min-height:330px;object-fit:cover}.ref-story>div{padding:38px 32px;align-self:center}.ref-story h2{font-family:Kalam,cursive;text-transform:none;line-height:1.15;font-size:2.5rem;letter-spacing:-.05em}.ref-story h2 em{color:#00384e}.ref-story ul{list-style:none;padding:0;font-family:Kalam,cursive;font-size:1.4rem}.ref-story li{margin:10px 0}.ref-story li:before{content:'✓';color:#ff009e;font-family:Arial;font-weight:bold;margin-right:10px}.ref-story small{font-size:.8rem;color:#43515c}
.ref-roadmap>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.ref-roadmap article{padding:25px;border:1px solid #0b6b80;border-radius:16px;background:#04212c}.ref-status{display:inline-block;font-size:.8rem;color:#ffe028;border:1px solid #9a8525;border-radius:99px;padding:6px 12px;margin-bottom:18px}.ref-roadmap p{font-size:1rem;margin:0}.ref-roadmap h3{font-size:1.1rem}
.reference-design .ref-details .journeys{grid-template-columns:1fr 1fr}.reference-design .ref-details .journey{background:#041e29}.reference-design .ref-details .pack .price{background:#ff009e}.reference-design .ref-details .facts{display:none}.reference-design .ref-details .results{margin-top:24px}.reference-design .ref-details .results .n{font-size:2rem}.reference-design .ref-details .showcase{margin-top:25px}
@media(min-width:1300px){.ref-case-art{right:calc((1220px - 100vw)/2)}}
@media(max-width:1250px){.ref-case-art{right:-24px}.ref-case-inner{min-height:530px}.ref-hero{min-height:550px}.ref-brain{height:500px}}
@media(max-width:760px){.ref-wrap{width:calc(100% - 32px)}.reference-design section{padding-block:22px}.ref-hero{grid-template-columns:1fr;min-height:0}.reference-design h1{font-size:clamp(2rem,8vw,3.8rem)}.ref-hero-copy{padding:16px 0 0}.ref-hero-art{margin:-15px 0 0;min-height:280px}.ref-brain{height:auto;width:100%;aspect-ratio:1;max-height:450px}.ref-hero-art .ref-scribble{font-size:1.6rem;right:0;bottom:0}.ref-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ref-cards>div{padding:18px 10px}.ref-cards p{font-size:.875rem}.ref-main-hero+.ref-benefits .ref-cards>div{padding:15px 10px;border:0}.ref-job-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-design .ref-panel{padding:20px 14px}.ref-studio{grid-template-columns:1fr;gap:22px;margin:20px auto}.ref-studio>img{max-height:330px;object-fit:cover}.ref-studio .ref-scribble{font-size:1.7rem}.ref-studio>div{padding:0 8px}.ref-close{flex-wrap:wrap;gap:15px!important}.ref-close .ref-btn{margin-left:0}.ref-close>.ref-icon{width:45px}.ref-close h2{font-size:1.35rem}.reference-design .work{grid-template-columns:1fr}.reference-design #work>.wrap,.reference-design .faq>.wrap{width:calc(100% - 32px)}.ref-case-inner{display:block;min-height:750px}.ref-case-hero .ref-hero-copy{padding-right:0;max-width:100%}.ref-case-hero .ref-hero-copy p{max-width:37ch}.ref-case-art{inset:250px -16px -22px 0;min-width:100%}.ref-case-art:after{background:linear-gradient(180deg,#020912 0%,#02091255 25%,transparent 50%),linear-gradient(0deg,#020912 0%,transparent 30%)}.ref-case-hero .ref-hero-copy{padding-bottom:370px}.ref-case-art .ref-client-logo{top:auto;bottom:40px;width:130px;max-height:130px;right:0}.ref-case-art .ref-scribble{bottom:20px;left:12px;right:auto;font-size:1.6rem}.ref-mascot{right:25%;height:82%}.mm .ref-client-logo{bottom:35px;max-height:100px}.ref-steps>div:nth-child(2):after{display:none}.ref-story{grid-template-columns:1fr;margin-block:25px}.ref-story>img{min-height:220px;max-height:320px}.ref-story>div{padding:25px}.ref-story h2{font-size:2rem}.ref-story ul{font-size:1.25rem}.reference-design .ref-details .journeys{grid-template-columns:1fr}.ref-details .showcase,.ref-details .showcase-in{padding:20px}.ref-details .phone,.ref-details .form{max-width:100%}.ref-details .dest li,.ref-details .flow li,.ref-details .checks li{gap:10px}.ref-details .pack{grid-template-columns:1fr}.ref-details .brand-section-heading{display:block}}
@media(prefers-reduced-motion:reduce){.reference-design *{animation:none!important;scroll-behavior:auto}}
.ref-brain{mask-image:radial-gradient(ellipse at center,#000 53%,#000b 73%,transparent 100%)}
@media(max-width:760px){.ref-mascot{width:72%;height:auto;max-height:78%;left:0;right:auto;bottom:0;object-fit:contain}.mm .ref-case-art .ref-scribble{left:auto;right:0;bottom:160px;font-size:1.25rem;max-width:120px;padding:10px}.ref-case-hero .ref-state{background:#020912c9;width:fit-content;padding:5px 8px;border-radius:5px}.ref-case-art .ref-client-logo{right:0}}
.automation-page .site-foot *{min-width:0;overflow-wrap:anywhere}
@media(max-width:760px){.mm .ref-case-art .ref-scribble{right:10px;transform:none}}