/* One continuous night scene. Product and travel concepts keep their own art direction. */
.cosmic-site{--paper:#050609;--ink:#edf0f5;--muted:#9ba5b5;--line:#e2e9ff1c;--night:#050609;--lime:#d5deec;--accent:#afc4e4;background:#030407;color:#edf0f5;isolation:isolate;color-scheme:dark}
.cosmic-atmosphere{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 76% 40%,#1723381a,transparent 65%),#030407}
#cosmos-canvas{display:block;width:100%;height:100%;opacity:.96}
.cosmic-site main,.cosmic-site .site-footer{position:relative;z-index:0}
.cosmic-site .site-header,.cosmic-site .site-header.on-dark,.cosmic-site.detail-page .site-header{background:#030509bd;color:#f0f3f8;border-bottom:1px solid #c6d8f214;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.cosmic-site .brand,.cosmic-site .site-header .brand,.cosmic-site .main-nav a,.cosmic-site .motion-toggle,.cosmic-site .menu-toggle{color:#eef2f8}
.cosmic-site .brand-period{color:#b8cbe5}.cosmic-site .nav-contact{border-color:#d4e0f133}.cosmic-site .menu-toggle span{background:#dbe4ef}
.cosmic-site .language-switcher{border-color:#a5b8d137}.cosmic-site .language-switcher a{color:#9cabc0}.cosmic-site .language-switcher a[aria-current=true]{background:#d1ddef;color:#101824}
.cosmic-site .hero-experience.hero-cinema{background:transparent;color:#f2f4f8;padding-bottom:32px}
.cosmic-site .hero-cinema .hero-film{mask-image:linear-gradient(#000 0%,#000 65%,transparent 100%)}
.cosmic-site .hero-film-shade{background:linear-gradient(90deg,#03060bbd,#03060b47 55%,#03060b1a),linear-gradient(180deg,#03040740,transparent 34%,#03040733 65%,#030407 100%)}
.cosmic-site .hero-cinema::before{display:none}.cosmic-site .hero-cinema .hero-period{color:#bfcfe5}
.cosmic-site .hero-cinema .hero-bottom{border-color:#d1dff31a}
.cosmic-site .experiences-section,.cosmic-site .business-examples,.cosmic-site .academy-section,.cosmic-site .services-section,.cosmic-site .approach-section,.cosmic-site .studio-section,.cosmic-site .lab-section,.cosmic-site .contact-section,.cosmic-site .site-footer{background:transparent;color:#e9edf4}
.cosmic-site .experiences-section{padding:120px 0 80px}
.cosmic-site .section-heading{margin-bottom:50px;align-items:flex-end;gap:60px}
.cosmic-site .section-heading h2{font-weight:450;font-size:clamp(48px,5.6vw,86px);line-height:1.05;letter-spacing:-.065em;color:#f1f3f7}
.cosmic-site .serif-accent{color:#aebbcf}.cosmic-site .section-heading .heading-aside{color:#a1acbd;font-size:13px;line-height:1.9;max-width:320px}
.cosmic-site .section-heading .eyebrow{color:#9aacc6;font-size:8px;letter-spacing:.15em;margin-bottom:25px}
.cosmic-site .experience-nav{gap:0;border-block:1px solid #a0b2cc26;padding:0;margin-top:60px;margin-bottom:45px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.cosmic-site .experience-nav a{border:0;padding:23px 18px;color:#acb9cb;justify-content:space-between;gap:12px;font-size:10px;position:relative;background:transparent}
.cosmic-site .experience-nav a+a{border-left:1px solid #a0b2cc20}.cosmic-site .experience-nav a:hover{background:#a9bed710;color:#fff}.cosmic-site .experience-nav a>span{color:#7f94af}
.cosmic-site .cinema-showcase{padding:40px 0 120px}.cosmic-site .cinema-intro h3{color:#f0f3f8;font-weight:450}.cosmic-site .cinema-intro .eyebrow{color:#8498b6}.cosmic-site .cinema-intro>p{color:#9daabd}
.cosmic-site .cinema-toolbar{border-color:#c6d6ee22}.cosmic-site .cinema-toolbar>span{color:#8294af}.cosmic-site .cinema-treatments button{color:#a9b6ca}.cosmic-site .cinema-treatments button[aria-pressed=true]{background:#dde5f0;color:#121c2b}.cosmic-site .cinema-treatments button:hover{border-color:#d2def047}
.cosmic-site .cinema-concept{border:1px solid #c2d2e833;border-radius:12px;box-shadow:0 45px 100px #0009;color:#fff}.cosmic-site .cinema-concept[data-cinema-style=editorial],.cosmic-site .cinema-concept[data-cinema-style=minimal]{color:#1a282d;color-scheme:light}
.cosmic-site .cinema-caption{color:#8b9ab0}.cosmic-site .cinema-caption>p{font-size:10px;max-width:580px}
.cosmic-site .product-scroll-story{perspective:1800px}.cosmic-site .product-realism{box-shadow:0 45px 120px #000b;border-radius:12px;border-color:#d2deee55;color-scheme:light}
.cosmic-site .product-realism .serif-accent{color:#627286}.cosmic-site .product-realism .product-narrative h3{color:#17202b}
.cosmic-site .section{padding-block:120px}.cosmic-site .business-examples{padding-top:80px}
.interface-stage{position:relative;perspective:1600px;--arrival:1;isolation:isolate}
.interface-stage::before{content:'';position:absolute;inset:10% 6% -4%;border-radius:50%;z-index:-1;background:radial-gradient(ellipse,#7b9fc11c,transparent 68%);filter:blur(35px);pointer-events:none}
.interface-surface{transform:perspective(1800px) translateY(calc((1 - var(--arrival))*55px)) rotateX(calc((1 - var(--arrival))*7deg)) rotateY(calc((1 - var(--arrival))*-5deg)) scale(calc(.94 + var(--arrival)*.06));transform-origin:50% 50%;backface-visibility:hidden;box-shadow:0 50px 110px #0009,0 1px 0 #e0eeff19 inset}
.cosmic-site .crm-window{grid-template-columns:60px minmax(0,1fr);border:1px solid #b5cbed2e;border-radius:16px;background:linear-gradient(135deg,#18212eeb,#0d131deb 60%,#101721ed);color:#edf2fa;overflow:hidden}
.cosmic-site .app-rail{background:#080c15a3;border-right:1px solid #b4c7e31a;color:#7489aa}.cosmic-site .rail-mark{color:#e2eaf8}.cosmic-site .rail-active{background:#a6bedf1a;color:#d3e1f5;box-shadow:0 0 25px #809fc51a}
.cosmic-site .crm-workspace{padding:30px}.cosmic-site .app-topbar{margin-bottom:25px}.cosmic-site .app-topbar .example-badge{color:#8da1c0}.cosmic-site .app-topbar h3{font-size:27px;font-weight:450;color:#f1f4fa;margin-top:11px}
.cosmic-site .app-reset{border-color:#a0b8db33;border-radius:5px;color:#a9bad2;background:#9cb8de08}.cosmic-site .app-reset:hover{background:#91b0db18;border-color:#b8cdeb66}
.cosmic-site .crm-metrics{border:0;background:transparent;gap:12px;margin-bottom:25px}
.cosmic-site .crm-metrics>div{padding:20px;border:1px solid #b4c9e423;border-radius:8px;background:linear-gradient(140deg,#b1c8e811,#b1c8e803);position:relative;overflow:hidden}
.cosmic-site .crm-metrics>div::after{content:'';height:1px;position:absolute;top:0;left:20%;right:20%;background:linear-gradient(90deg,transparent,#b0c7e159,transparent)}
.cosmic-site .crm-metrics>div>span{color:#9eafc8;font-size:9px}.cosmic-site .crm-metrics strong{color:#e7effb;font-size:29px;font-weight:450;letter-spacing:-.055em;margin:15px 0 10px}.cosmic-site .crm-metrics small{color:#7f93b0;font-size:8px}
.cosmic-site .chart-grid{stroke:#a6c3e51c}.cosmic-site .chart-line{stroke:#b3cce8;stroke-width:1.6;filter:drop-shadow(0 0 5px #8faed980)}.cosmic-site .metric-chart circle{fill:#dae6f8}
.cosmic-site .crm-search{background:#070d1770;border-color:#a5bcdc2a;border-radius:5px}.cosmic-site .crm-search input{color:#e7eefb;font-size:11px}.cosmic-site .crm-search input::placeholder{color:#7f95b3}.cosmic-site .crm-search:focus-within{border-color:#a0bde87a}
.cosmic-site .app-primary{background:#dce6f5;color:#182337;border-color:#dce6f5;border-radius:5px;font-size:10px}.cosmic-site .app-primary:hover{background:#fff}.cosmic-site .app-primary:disabled{background:#3c4d66;border-color:#3c4d66;color:#9db1cf}
.cosmic-site .crm-board{min-height:300px;gap:15px}.cosmic-site .crm-column{background:#070c143f;border:1px solid #b2caeb17;border-radius:8px;padding:13px}.cosmic-site .crm-column-header{color:#9eb1cd}.cosmic-site .crm-column-header h4{font-size:10px}.cosmic-site .crm-column-header>span{background:#93b0d21a;color:#a9bfde;border-radius:4px}
.cosmic-site .crm-card{border:1px solid #b1c6e42b;background:linear-gradient(130deg,#253246bf,#192331b3);border-radius:7px;padding:17px;box-shadow:0 8px 20px #0002}
.cosmic-site .crm-card:hover{background:linear-gradient(130deg,#30415bbf,#202d40bf);border-color:#b1c6e460;box-shadow:0 12px 25px #0004}.cosmic-site .crm-card-title{color:#e2ebf9;font-size:12px;font-weight:500}.cosmic-site .crm-card>p{color:#8fa5c2;font-size:9px;line-height:1.8}.cosmic-site .crm-card-footer>strong{color:#ceddf2;font-weight:500}.cosmic-site .crm-card-footer button{background:#8faedc0f;border-color:#a5bee43b;color:#a9c4e9;border-radius:4px}.cosmic-site .crm-card-footer button:hover{background:#c5d6ef;color:#172337}.cosmic-site .crm-empty,.cosmic-site .app-notice{color:#7f94b1}
.cosmic-site .example-caption>p{color:#8fa0b8;font-size:12px}.cosmic-site .example-caption>a{color:#d0ddef;font-size:11px}
.cosmic-site .academy-section{padding-top:70px}.cosmic-site .academy-window{border-radius:16px;border:1px solid #b5cbed2e;background:linear-gradient(130deg,#17212fef,#0a101af2);color:#edf2fa;box-shadow:0 50px 110px #0009}
.cosmic-site .academy-topbar{background:#bccfe308;border-color:#b3caeb1a;padding:22px 30px}.cosmic-site .academy-brand{font-weight:500;letter-spacing:.1em}.cosmic-site .academy-topbar .example-badge{color:#91a6c4}
.cosmic-site .academy-layout{grid-template-columns:285px minmax(0,1fr)}.cosmic-site .course-sidebar{background:#060c156b;border-color:#b3caeb1a;padding:34px 27px}.cosmic-site .course-sidebar h3{font-size:30px;font-weight:450;color:#e6edf8}.cosmic-site .course-sidebar>p{color:#8fa3c1}.cosmic-site .course-progress-track{background:#a9c2e41c}.cosmic-site .course-progress-track>span{background:#cbdcf5;box-shadow:0 0 15px #cbdcf580}
.cosmic-site .lesson-nav-button{border-radius:6px;font-size:10px;padding:14px 10px}.cosmic-site .lesson-nav-button[aria-current=true]{background:linear-gradient(90deg,#9fbee024,#9fbee008);border-color:#a6c4e133;box-shadow:3px 0 0 #b7cce9 inset}.cosmic-site .lesson-nav-button:hover{background:#9eb8da15}.cosmic-site .lesson-nav-button>span:first-child{border-color:#9cb6d44a;color:#afc6e3}
.cosmic-site .lesson-workspace{padding:30px}.cosmic-site .lesson-art{height:285px;border-radius:9px;background:#122330 url('/assets/coast-poster.webp') center 57%/cover;isolation:isolate;border:1px solid #d1e2f426;overflow:hidden}
.cosmic-site .lesson-art::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#03090d9e,transparent 80%),linear-gradient(0deg,#07111e9c,transparent 80%);z-index:-1}.cosmic-site .lesson-art::after{content:'';position:absolute;inset:16px;border:1px solid #d4e4f52e;border-radius:2px;pointer-events:none}
.cosmic-site .lesson-art .lesson-shape,.cosmic-site .lesson-art .lesson-art-grid{display:none}
.cosmic-site #lesson-art-word{font-family:Georgia,'Times New Roman',serif;font-size:90px;font-weight:400;font-style:italic;letter-spacing:-.065em;text-transform:none;mix-blend-mode:normal;color:#f4f6f8;text-shadow:0 5px 30px #0005}
.cosmic-site .lesson-art-coordinate{font-size:6px;bottom:28px;right:28px;color:#d5e0ee}
.cosmic-site .lesson-art[data-lesson="1"]{background-image:url('/assets/orbit-poster.webp');background-position:center 35%}.cosmic-site .lesson-art[data-lesson="2"]{background-position:70% 75%}.cosmic-site .lesson-art[data-lesson="3"]{background-image:url('/assets/orbit-poster.webp');background-position:center 75%}
.cosmic-site .lesson-copy h4{font-size:27px;font-weight:450;color:#e2ebf8}.cosmic-site .lesson-copy>p{color:#9cacc3;font-size:12px}.cosmic-site .academy-bottomline{border-color:#b2c9e824;background:#080e173d;color:#91a6c2}.cosmic-site .academy-bottomline a{color:#d0def2}.cosmic-site .academy-possibilities{border-color:#b4c9e825}.cosmic-site .academy-possibilities>span{color:#8fa6c5;border-color:#b4c9e825}
.cosmic-site .services-section{padding-block:120px;border-block:1px solid #a9bfdf17}.cosmic-site .service-tabs [role=tab]{border-color:#b6cbe21f;color:#7f90aa;font-size:28px;font-weight:450;padding-block:25px}.cosmic-site .service-order{display:none}.cosmic-site .service-tabs [aria-selected=true]{background:transparent;color:#f0f4fa;padding-left:0}.cosmic-site .service-arrow{color:#b2c5e2}.cosmic-site .service-panel{border-color:#b5cbed2e;border-radius:14px;padding:40px;background:linear-gradient(140deg,#1b283bd4,#0c121edb);box-shadow:0 30px 90px #0008;min-height:540px}.cosmic-site .service-panel::before{opacity:.3}.cosmic-site .service-symbol{background:#b5c8e01a;color:#cfdef2;border:1px solid #b4c9e036;border-radius:15px}.cosmic-site .service-panel h3{color:#e9eff8;font-size:38px;font-weight:450}.cosmic-site .service-panel>p{color:#9cabbe;font-size:14px;min-height:90px}.cosmic-site .service-panel .check-list li{font-size:12px;color:#b6c7df}.cosmic-site .service-directory{border-color:#b2c8e529}.cosmic-site .service-directory h3{font-weight:450}.cosmic-site .service-directory a{border-color:#b4cae223;color:#a6b7cf;font-size:12px}.cosmic-site .service-directory a:hover{color:#fff}
.cosmic-site .lab-section{padding-bottom:100px}.cosmic-site .lab-section::before,.cosmic-site .lab-section::after{display:none}.cosmic-site .lab-layout{gap:70px}.cosmic-site .lab-copy h3{font-size:50px;font-weight:450;letter-spacing:-.055em;color:#edf2f8}.cosmic-site .lab-copy>p:not(.lab-detail){color:#95a7c1}.cosmic-site .lab-copy .lab-detail{color:#879bb8}.cosmic-site .segmented{border-color:#9eb9dd39;background:#9eb9dd08;border-radius:5px}.cosmic-site .segmented button{color:#9cafd0;border-radius:3px}.cosmic-site .segmented button.active{background:#d4e0f2;color:#132139}
.cosmic-site .demo-stage{padding:0;background:transparent;border:0;border-radius:15px;box-shadow:0 35px 90px #000b;transform:none;perspective:1300px}.cosmic-site .demo-window{background:#101a29;border:1px solid #a8c4e341;border-radius:15px;overflow:hidden;color:#d5e2f3}.cosmic-site .demo-header{background:#152033;border-color:#acc6e52a;color:#c3d4ea;padding:20px 24px}.cosmic-site .demo-brand{color:#e5edf8}.cosmic-site .demo-header>span:nth-child(2){color:#8ca4c6}
.cosmic-site .demo-tour-picture{background:#1a3344 url('/assets/coast-poster.webp') 56% center/cover;min-height:380px}.cosmic-site .demo-tour-picture::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#041020b3,transparent 90%)}.cosmic-site .demo-tour-picture .landscape-sun,.cosmic-site .demo-tour-picture .landscape-hill{display:none}.cosmic-site .landscape-caption{z-index:1;font-family:Georgia,'Times New Roman',serif;font-size:30px;font-weight:400;font-style:italic;letter-spacing:-.05em;color:#e1edf9;bottom:35px;left:24px;writing-mode:horizontal-tb;line-height:1.1}
.cosmic-site .demo-booking{background:linear-gradient(130deg,#19283b,#101b2b);color:#e5eefb;padding:29px 25px}.cosmic-site .demo-booking>select{color:#e4edfa;font-size:20px;font-weight:500}.cosmic-site .demo-booking select option{background:#101c2d;color:#e4edfa}.cosmic-site .demo-booking .small-label{color:#8099bb}.cosmic-site .tour-facts span{color:#9cb0cd;border-color:#8da9d047}.cosmic-site .demo-fields label{color:#97acc9}.cosmic-site .demo-fields input{background:#080f1b;color:#c7d8f1;border-color:#94afd331;border-radius:4px;padding:9px}.cosmic-site .stepper{border-color:#94afd331;background:#080f1b;color:#c7d8f1;border-radius:4px}.cosmic-site .stepper button{color:#c7d8f1}.cosmic-site .demo-price{border-color:#94afd32a}.cosmic-site .demo-price>span{color:#a3b8d4}.cosmic-site .demo-price small{color:#7f99bb}.cosmic-site .demo-price strong{color:#e4edf9;font-weight:450}.cosmic-site .demo-submit{background:#d4e2f3;color:#152238;border-color:#d4e2f3;border-radius:4px}.cosmic-site .demo-submit:hover{background:#fff}.cosmic-site .demo-hint{color:#859fbe}.cosmic-site .demo-footer{background:#0a1422;color:#8ca5c4;border-color:#a8c4e31c}.cosmic-site .demo-result{background:#131f30;color:#c7d9f2;border:1px solid #aac3e339;border-radius:8px}
.cosmic-site .approach-section{border-bottom:1px solid #b4cbe21c;padding-bottom:100px}.cosmic-site .process-grid{gap:32px}.cosmic-site .process-grid li{border-color:#b9cde329;opacity:1;transform:none}.cosmic-site .process-number{font-size:22px;color:#738aa9;margin-bottom:48px;font-weight:400}.cosmic-site .process-grid h3{font-size:24px;font-weight:450;color:#d8e3f2}.cosmic-site .process-grid p{color:#8f9fb8;font-size:12px}.cosmic-site .process-deliverable{color:#7d94b2;border-color:#b2c7e22b;font-size:7px}
.cosmic-site .solutions-grid{border-color:#b5c8e22c;gap:16px;background:none}.cosmic-site .solution-card,.cosmic-site .solution-card.featured{background:linear-gradient(145deg,#172436a8,#080f19b3);border:1px solid #adc7e529;border-radius:13px;padding:40px 30px;box-shadow:0 18px 55px #0004}.cosmic-site .solution-card.featured::before{display:none}.cosmic-site .solution-card h3{font-weight:450;font-size:35px;color:#e1eaf7}.cosmic-site .solution-card>.eyebrow{color:#8da6c9}.cosmic-site .solution-card>p{color:#96a9c6}.cosmic-site .solution-card .check-list li{color:#a7bad6;font-size:11px}.cosmic-site .solution-card .button{background:transparent;color:#d8e5f7;border:1px solid #a9c0e24a;border-radius:4px;font-size:11px}.cosmic-site .solution-card .button:hover{background:#d8e5f7;color:#142035}.cosmic-site .scope-note{color:#7e95b6}
.cosmic-site .studio-layout{grid-template-columns:1fr 1fr;gap:80px;min-height:0;border-block:1px solid #b7cbe320;padding-block:100px}.studio-position{position:relative;align-self:center}.studio-position>.eyebrow{font-size:8px;color:#879ebf;letter-spacing:.16em;margin-bottom:35px}.studio-position h3{font-size:clamp(60px,7vw,105px);font-weight:450;line-height:1.01;letter-spacing:-.065em;margin:0 0 30px}.studio-position>p:not(.eyebrow){font-size:12px;color:#8b9ebb;max-width:260px;line-height:1.8}.studio-connection{position:relative;display:flex;gap:50px;align-items:center;margin-top:40px;width:180px}.studio-connection span{width:8px;height:8px;border:1px solid #9eb8db;border-radius:50%;background:#7d98ba3d;box-shadow:0 0 15px #8da8cf44}.studio-connection::before{content:'';position:absolute;left:0;right:10px;top:50%;height:1px;background:linear-gradient(90deg,#7695bd66,#7695bd22);z-index:-1}
.cosmic-site .studio-copy{padding:0}.cosmic-site .studio-copy h2{font-size:52px;font-weight:450;line-height:1.1}.cosmic-site .studio-copy>p:not(.eyebrow){color:#94a7c2;font-size:13px;line-height:1.95}.cosmic-site .team-signature{border-color:#a7c3e327}.cosmic-site .team-signature strong{color:#cbdaf0}.cosmic-site .team-signature>div>span{color:#839cbd}.cosmic-site .team-mark{background:#9ebade13;color:#c6d8f1;border:1px solid #a6c0df29}
.cosmic-site .faq-list details{border-color:#b1c9e52a}.cosmic-site .faq-list summary{color:#cddbed;font-weight:400;font-size:15px}.cosmic-site .faq-list details>p,.cosmic-site .faq-intro>p{color:#8da4c3}.cosmic-site .faq-list summary>span{color:#8ba6c9}
.cosmic-site .contact-section{padding-block:120px;border-top:1px solid #a6c0e227;position:relative}.cosmic-site .contact-copy h2{font-weight:450;color:#f0f4fa;font-size:clamp(60px,6.3vw,96px)}.cosmic-site .contact-copy h2>span{color:#b4c8e4}.cosmic-site .contact-copy>p:not(.eyebrow){color:#90a5c3}.cosmic-site .contact-copy .eyebrow{color:#92aacc}.cosmic-site .contact-email{color:#d5e5fa;border-color:#95afd040}.cosmic-site .contact-caption{color:#7d96b8}
.cosmic-site .contact-form-wrap{padding:35px;background:linear-gradient(140deg,#192537b8,#0a111d9e);border:1px solid #a5bfdf30;border-radius:14px;box-shadow:0 30px 80px #0008}.cosmic-site .interest-options label>span{color:#a1b7d5;border-color:#a8c0e132;background:#d4e1f006;border-radius:4px}.cosmic-site .interest-options input:checked+span{color:#142035;background:#cfdef2;border-color:#cfdef2}.cosmic-site .form-field label{color:#adc1dd}.cosmic-site .form-field input,.cosmic-site .form-field textarea,.cosmic-site .form-field select{color:#d7e5f7;border-color:#a0bada4f;font-size:14px}.cosmic-site .form-field input::placeholder,.cosmic-site .form-field textarea::placeholder{color:#6f89ab}.cosmic-site .form-explainer{color:#8099bb}.cosmic-site .contact-submit{background:#d9e6f5;color:#132139;border-radius:4px;border-color:#d9e6f5}.cosmic-site .contact-submit:hover{background:#fff}.cosmic-site .form-feedback{background:#9bb6da11;border-color:#a2bee544;color:#c2d5ef}
.cosmic-site .site-footer{border-top:1px solid #a4bddd26}.cosmic-site .footer-wordmark{color:#d9e3f1;font-weight:450;text-shadow:0 0 100px #adcaef0c}.cosmic-site .footer-wordmark>span{color:#819abd}.cosmic-site .footer-directory,.cosmic-site .footer-bottom{border-color:#afc7e329}.cosmic-site .footer-directory h3{color:#839dbd;font-weight:450}.cosmic-site .footer-directory a{color:#b8c9df}.cosmic-site .footer-directory p,.cosmic-site .footer-bottom{color:#758eaf}.cosmic-site .footer-top>p{color:#99aecb}
.cosmic-site .example-dialog,.cosmic-site #privacy-dialog,.cosmic-site .project-dialog{color:#e0ebf9;background:#101b2b;border:1px solid #a9c5e441;border-radius:14px;box-shadow:0 40px 120px #000b}.cosmic-site dialog::backdrop{background:#01040ad9;backdrop-filter:blur(12px)}.cosmic-site .example-dialog p,.cosmic-site .privacy-inner p{color:#a1b6d3}.cosmic-site .example-dialog label{color:#a8bedb}.cosmic-site .example-dialog input,.cosmic-site .example-dialog textarea,.cosmic-site .example-dialog select{color:#e3ecf9;background:#0a1322;border-color:#93aed540}.cosmic-site .dialog-close{color:#b9cde8;border-color:#adc4e530}.cosmic-site .toast{background:#d9e6f7;color:#152238;border:1px solid #f5f8ff}
/* The same foundation continues into service pages. */
.cosmic-site .detail-lead,.cosmic-site .detail-copy p,.cosmic-site .detail-section ul,.cosmic-site .detail-toc,.cosmic-site .breadcrumbs{color:#9baec8}.cosmic-site .detail-toc .eyebrow,.cosmic-site .detail-hero .eyebrow,.cosmic-site .detail-portfolio>.eyebrow{color:#829ec2}.cosmic-site .detail-diagram{background:linear-gradient(135deg,#1a2b43b3,#0b1424c9);border-color:#a3c3e737;border-radius:13px}.cosmic-site .detail-diagram::before{opacity:.25}.cosmic-site .detail-diagram li{border-color:#a4bfdf2b}.cosmic-site .detail-diagram>p{color:#91a9ca}.cosmic-site .detail-cta{background:linear-gradient(135deg,#1c2c45b0,#0b1423a8);border-block:1px solid #a4c0e22c}.cosmic-site .detail-cta h2{font-weight:450}.cosmic-site .detail-cta p:not(.eyebrow){color:#a4b9d5}.cosmic-site .detail-toc a:hover,.cosmic-site .related-services a:hover{color:#e8f0fb}.cosmic-site .portfolio-grid article>p:not(.eyebrow),.cosmic-site .detail-case-image figcaption{color:#94a9c6}.cosmic-site .portfolio-grid .eyebrow{color:#849fc3}.cosmic-site .detail-dot{color:#abc3e3}.cosmic-site .button-dark{background:#d7e4f5;color:#142138;border-color:#d7e4f5}.cosmic-site .button-dark:hover{background:#fff}
@media(max-width:1100px){.cosmic-site .crm-workspace{padding:25px}.cosmic-site .crm-metrics>div{padding:16px}.cosmic-site .crm-metrics strong{font-size:25px}.cosmic-site .service-tabs [role=tab]{font-size:23px}.cosmic-site .service-panel{padding:32px;min-height:520px}.cosmic-site .service-panel h3{font-size:32px}.cosmic-site .studio-layout{gap:50px}.cosmic-site .contact-form-wrap{padding:28px}.cosmic-site .lab-layout{gap:35px}.cosmic-site .demo-booking{padding:25px 20px}.cosmic-site .demo-booking>select{font-size:18px}}
@media(max-width:900px){.cosmic-site .experience-nav{grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:0}.cosmic-site .experience-nav a{border-bottom:1px solid #a0b2cc20}.cosmic-site .experience-nav a:nth-child(4){border-left:0}.cosmic-site .section-heading{gap:30px}.cosmic-site .crm-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.cosmic-site .academy-layout{grid-template-columns:240px minmax(0,1fr)}.cosmic-site .course-sidebar{padding:25px 20px}.cosmic-site .lesson-workspace{padding:25px}.cosmic-site .lesson-art{height:235px}.cosmic-site #lesson-art-word{font-size:70px}.cosmic-site .crm-board{gap:10px}.cosmic-site .crm-card{padding:12px}.cosmic-site .studio-copy h2{font-size:40px}.cosmic-site .lab-layout{grid-template-columns:1fr;gap:40px}.cosmic-site .lab-copy{max-width:650px}.cosmic-site .lab-copy h3{font-size:46px;max-width:500px}.cosmic-site .lab-copy h3 br{display:none}.cosmic-site .demo-body{grid-template-columns:.7fr 1fr}.cosmic-site .solutions-grid{gap:12px}.cosmic-site .solution-card{padding:30px 22px}.cosmic-site .solution-card h3{font-size:28px}.interface-surface{transform:none!important}}
@media(max-width:600px){
 .cosmic-site .main-nav{background:#080f1cf2;border:1px solid #a4bfdf33;color:#e4edf9;backdrop-filter:blur(20px)}.cosmic-site .main-nav a{border-color:#a4bfdf22}
 .cosmic-site .hero-experience.hero-cinema{padding-bottom:22px}.cosmic-site .section{padding-block:75px}.cosmic-site .experiences-section{padding:70px 0 50px}.cosmic-site .section-heading{margin-bottom:30px;gap:25px}.cosmic-site .section-heading h2{font-size:46px;line-height:1.08}.cosmic-site .section-heading .heading-aside{font-size:12px;margin-top:20px;max-width:350px}.cosmic-site .section-heading .eyebrow{font-size:7px;margin-bottom:22px}
 .cosmic-site .experience-nav{margin-top:35px;margin-bottom:30px;grid-template-columns:1fr 1fr}.cosmic-site .experience-nav a{padding:17px 12px;font-size:9px;gap:6px}.cosmic-site .experience-nav a:nth-child(3),.cosmic-site .experience-nav a:nth-child(5){border-left:0}.cosmic-site .experience-nav a:nth-child(4){border-left:1px solid #a0b2cc20}.cosmic-site .experience-nav a:last-child{grid-column:1/-1}
 .cosmic-site .cinema-showcase{padding:20px 0 70px}.cosmic-site .cinema-intro h3{font-size:43px}.cosmic-site .cinema-concept{border-radius:8px}.cosmic-site .cinema-caption>p{font-size:9px}.cosmic-site .product-realism{border-radius:8px}
 .cosmic-site .crm-window{grid-template-columns:1fr;border-radius:10px}.cosmic-site .app-rail{display:none}.cosmic-site .crm-workspace{padding:20px 15px}.cosmic-site .app-topbar{gap:12px}.cosmic-site .app-topbar h3{font-size:22px;max-width:180px}.cosmic-site .app-topbar .example-badge{font-size:6px}.cosmic-site .app-reset{padding:9px;font-size:8px;white-space:nowrap}.cosmic-site .crm-metrics{gap:8px}.cosmic-site .crm-metrics>div{padding:15px 12px}.cosmic-site .crm-metrics strong{font-size:24px;margin-block:15px 9px}.cosmic-site .crm-metrics>div>span{font-size:8px}.cosmic-site .crm-metrics small{font-size:7px}.cosmic-site .crm-toolbar{gap:10px;flex-direction:column;align-items:stretch}.cosmic-site .crm-search{max-width:none}.cosmic-site .app-primary{font-size:10px;min-height:40px}.cosmic-site .crm-board{grid-template-columns:1fr;min-height:0;gap:12px}.cosmic-site .crm-column{padding:13px}.cosmic-site .crm-column-header{margin-bottom:14px}.cosmic-site .crm-card{padding:17px}.cosmic-site .crm-card-title{font-size:12px}.cosmic-site .crm-card>p{font-size:10px;min-height:0}.cosmic-site .crm-card-footer>strong{font-size:13px}.cosmic-site .app-notice{font-size:8px;line-height:1.9}
 .cosmic-site .example-caption{gap:22px;margin-top:20px;flex-direction:column;align-items:flex-start}.cosmic-site .example-caption>p{font-size:12px}.cosmic-site .example-caption>a{font-size:11px}
 .cosmic-site .academy-window{border-radius:10px}.cosmic-site .academy-layout{grid-template-columns:1fr}.cosmic-site .academy-topbar{padding:19px 16px;gap:10px}.cosmic-site .academy-brand{font-size:10px;white-space:nowrap}.cosmic-site .academy-topbar .example-badge{display:none}.cosmic-site .course-sidebar{border-right:0;border-bottom:1px solid #b4c9e329;padding:24px 20px}.cosmic-site .course-sidebar h3{font-size:30px}.cosmic-site .course-progress{margin-block:22px}.cosmic-site .course-sidebar nav{display:grid;grid-template-columns:1fr 1fr;gap:7px}.cosmic-site .lesson-nav-button{font-size:8px;gap:8px;padding:12px 8px;line-height:1.7}.cosmic-site .lesson-nav-button>span:first-child{width:20px;min-width:20px;height:20px;font-size:7px}.cosmic-site .course-sidebar-note{margin-top:20px;font-size:8px}.cosmic-site .lesson-workspace{padding:20px}.cosmic-site .lesson-art{height:200px}.cosmic-site #lesson-art-word{font-size:65px}.cosmic-site .lesson-copy h4{font-size:25px}.cosmic-site .lesson-copy>p{font-size:12px;line-height:1.95}.cosmic-site .lesson-actions{gap:10px;align-items:stretch}.cosmic-site .lesson-actions .app-primary{font-size:8px;padding-inline:11px}.cosmic-site .lesson-actions .app-reset{font-size:8px}.cosmic-site .academy-bottomline{padding:20px;display:flex;align-items:flex-start;gap:16px;flex-direction:column;font-size:8px}.cosmic-site .academy-bottomline a{font-size:10px}.cosmic-site .academy-possibilities>span{font-size:8px}
 .cosmic-site .lab-copy h3{font-size:40px}.cosmic-site .lab-copy>p:not(.lab-detail){font-size:12px}.cosmic-site .demo-body{grid-template-columns:1fr}.cosmic-site .demo-header{padding:18px}.cosmic-site .demo-header>span:nth-child(2){font-size:5px}.cosmic-site .demo-tour-picture{min-height:180px;max-height:180px}.cosmic-site .landscape-caption{font-size:28px;bottom:25px}.cosmic-site .demo-booking{padding:24px 20px}.cosmic-site .demo-booking>select{font-size:22px}.cosmic-site .demo-fields input{font-size:14px;min-width:0;width:100%;padding:9px 5px}.cosmic-site .demo-footer{font-size:7px;padding:16px}
 .cosmic-site .services-section{padding-block:75px}.cosmic-site .service-tabs [role=tab]{font-size:21px;padding-block:20px;min-height:65px}.cosmic-site .service-panel{padding:28px 24px;min-height:490px;border-radius:10px}.cosmic-site .service-panel h3{font-size:32px}.cosmic-site .service-panel>p{font-size:13px;min-height:0}.cosmic-site .service-panel .check-list li{font-size:11px}.cosmic-site .service-directory a{font-size:12px}.cosmic-site .process-grid{gap:30px 22px}.cosmic-site .process-number{font-size:16px;margin-bottom:28px}.cosmic-site .process-grid h3{font-size:22px}.cosmic-site .process-grid p{font-size:11px}.cosmic-site .process-deliverable{font-size:6px;line-height:1.8}
 .cosmic-site .solutions-grid{gap:15px}.cosmic-site .solution-card{padding:32px 25px}.cosmic-site .solution-card h3{font-size:34px}.cosmic-site .solution-card .check-list li{font-size:12px}
 .cosmic-site .studio-layout{grid-template-columns:1fr;padding-block:75px;gap:65px}.studio-position>.eyebrow{font-size:7px}.studio-position h3{font-size:70px}.studio-position>p:not(.eyebrow){font-size:12px;max-width:280px}.studio-connection{margin-top:35px}.cosmic-site .studio-copy h2{font-size:45px}.cosmic-site .studio-copy>p:not(.eyebrow){font-size:13px}.cosmic-site .faq-list summary{font-size:14px;line-height:1.7}.cosmic-site .faq-list details>p{font-size:12px}.cosmic-site .contact-section{padding-block:75px}.cosmic-site .contact-copy h2{font-size:62px}.cosmic-site .contact-form-wrap{padding:25px 20px;border-radius:10px}.cosmic-site .form-field input,.cosmic-site .form-field select,.cosmic-site .form-field textarea{font-size:16px}.cosmic-site .interest-options label>span{font-size:9px}.cosmic-site .contact-submit{font-size:11px}.cosmic-site .contact-email{font-size:22px}.cosmic-site .footer-directory a{font-size:12px}.cosmic-site .footer-wordmark{margin-block:0}
}
@media(prefers-reduced-motion:reduce){.interface-surface{transform:none!important}.cosmic-site .reveal{opacity:1!important;transform:none!important}.cosmic-site .lesson-art{transition:none!important}}
.motion-paused .interface-surface{transform:none!important}.motion-paused .cosmic-site .reveal{opacity:1!important;transform:none!important}
/* Small interface details share the same material and rhythm. */
.cosmic-site .app-topbar h3{line-height:1.2;margin:10px 0 0}
.crm-card-identity{display:flex;align-items:center;gap:11px;min-width:0}
.crm-avatar{width:30px;min-width:30px;height:30px;display:grid;place-items:center;background:linear-gradient(140deg,#a7bfd739,#91a8c70d);border:1px solid #b1cae741;border-radius:7px;color:#c7d9ee;font-size:9px;font-weight:500;box-shadow:0 1px 0 #e5f2ff0c inset}
.cosmic-site .crm-card-identity .crm-card-title{line-height:1.5;overflow-wrap:anywhere}
.cosmic-site .crm-card>p{min-height:24px;margin:12px 0 16px}
.cosmic-site .crm-column-header h4{line-height:1.4;margin:0}
.cosmic-site .metric-chart .chart-line{stroke-dasharray:300;stroke-dashoffset:calc(300 - var(--arrival,1)*300)}
.cosmic-site .lesson-topline{color:#8fa6c6}.cosmic-site .course-sidebar-note{color:#839abb}
@media(max-width:600px){.cosmic-site .crm-card>p{min-height:0}.cosmic-site .metric-chart .chart-line{stroke-dashoffset:0}.cosmic-site .lesson-art-coordinate{font-size:5px;right:25px}.cosmic-site .service-directory h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){.cosmic-site .metric-chart .chart-line{stroke-dashoffset:0}}
.motion-paused .cosmic-site .metric-chart .chart-line{stroke-dashoffset:0}
.cosmic-site .dialog-close{background:#d6e1ef;color:#152238;border-color:#d6e1ef}
.cosmic-site .demo-result .demo-result-note{color:#94aac9;font-size:10px;line-height:1.9;margin-top:12px}
.cosmic-site .demo-result .result-row{border-color:#adc7e42b}
.cosmic-site .demo-result button{background:#d6e4f5;color:#17253b;border-color:#d6e4f5}
@media(max-width:600px){.cosmic-site .lesson-nav-button{font-size:10px;min-height:68px}.cosmic-site .crm-card>p{font-size:11px}}

/* A single service selector keeps the overview compact on every screen. */
.cosmic-site .service-layout{grid-template-columns:minmax(0,1fr);gap:24px;max-width:1040px;margin-inline:auto}
.service-picker{min-width:0}
.service-picker>label{display:block;margin:0 0 12px 4px;font-size:12px;font-weight:500;color:#aabbd1;letter-spacing:.02em}
.service-picker-field{position:relative}
.service-picker-field::after{content:'';position:absolute;right:25px;top:50%;width:8px;height:8px;border-right:1.5px solid #d6e3f3;border-bottom:1.5px solid #d6e3f3;transform:translateY(-70%) rotate(45deg);pointer-events:none}
body #service-select{appearance:none;-webkit-appearance:none;width:100%;min-height:66px;padding:17px 58px 17px 25px!important;font:500 clamp(15px,1.65vw,21px)/1.4 var(--display);letter-spacing:-.025em;color:#f0f5fd!important;cursor:pointer;color-scheme:dark;box-sizing:border-box}
#service-select option{background:#101824;color:#f0f5fd;font:400 16px/1.5 var(--display)}
.cosmic-site .service-layout .service-panel{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:60px;row-gap:0;min-height:0;padding:34px 40px 38px}
.service-layout .service-panel-top{grid-column:1/-1;margin-bottom:28px}
.service-layout .service-panel h3{grid-column:1;grid-row:2;margin-bottom:16px;max-width:none}
.cosmic-site .service-layout .service-panel>p{grid-column:1;grid-row:3;min-height:0;margin-bottom:26px}
.service-layout .service-panel .check-list{grid-column:2;grid-row:2/5;margin:8px 0 0;padding-left:30px;border-left:1px solid #b6cbe226;align-self:stretch}
.cosmic-site .service-layout .service-panel .check-list li{font-size:13px;line-height:1.7;margin-bottom:18px}
.service-layout .service-panel .text-link{grid-column:1;grid-row:4;justify-self:start;margin-top:0;align-self:end}
@media(max-width:720px){
 .cosmic-site .service-layout{gap:18px}
 body #service-select{min-height:58px;padding:15px 45px 15px 20px!important;font-size:15px;letter-spacing:-.025em}
 .service-picker-field::after{right:21px;width:7px;height:7px}
 .cosmic-site .service-layout .service-panel{display:flex;padding:26px 23px;min-height:0}
 .service-layout .service-panel .check-list{padding-left:0;border-left:0;margin:4px 0 22px}
 .cosmic-site .service-layout .service-panel .check-list li{font-size:12px;margin-bottom:12px}
 .service-layout .service-panel h3{font-size:30px}
 .service-layout .service-panel .small-label{font-size:8px;max-width:190px}
}