@font-face{font-family:Geist;src:url('./geist-latin.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;font-family:Geist,Arial,sans-serif;background:var(--ink,#101116);color:var(--white,#f7f8fb);font-size:16px;line-height:1.6}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #a5b5ff;outline-offset:5px}img{max-width:100%;height:auto;display:block}em{font-style:normal;color:var(--violet,#9cafff)}h1,h2,h3,p{margin:0}h1,h2{font-weight:500;letter-spacing:-.055em;line-height:1.08}h2{font-size:clamp(32px,4.5vw,66px)}.eyebrow{font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:#aab0bd;font-weight:600}.site-header{height:98px;padding:18px 5vw;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #ffffff13;position:relative;z-index:30;background:#101116}.brand{width:148px;flex-shrink:0}.brand img{width:148px;height:50px;object-fit:contain}.brand span{display:none}.site-header nav{display:flex;gap:30px;font-size:14px;color:#bac0cd}.site-header nav a:hover{color:#fff}.header-actions{display:flex;gap:16px;align-items:center;font-size:14px}.motion-control{color:#bac0cd;background:none;border:0;padding:10px}.header-cta{border:1px solid #ffffff35;padding:11px 18px;border-radius:30px}.header-cta span{margin-left:14px}.menu-toggle{display:none;border:1px solid #ffffff40;color:white;background:transparent;width:42px;height:42px;border-radius:6px}.menu-toggle i{width:18px;height:1px;display:block;background:white;margin:5px auto}.atelier-hero{padding:64px 5vw 42px;max-width:1600px;margin:auto;position:relative}.hero-copy{text-align:center;position:relative;z-index:2;max-width:1060px;margin:auto}.hero-copy h1{font-size:clamp(42px,5.5vw,82px);margin:20px auto 24px;max-width:1060px}.hero-description{max-width:660px;margin:auto;color:#aeb4c1;font-size:18px;line-height:1.65}.hero-actions{display:flex;justify-content:center;align-items:center;gap:22px;flex-wrap:wrap;margin-top:28px}.primary-button,.text-button{display:inline-flex;justify-content:center;align-items:center;gap:24px;font-size:14px;font-weight:600;min-height:48px;padding:12px 22px;border-radius:8px;border:1px solid transparent;transition:background .2s,color .2s}.primary-button{background:#eef0ff;color:#171e36}.primary-button:hover{background:#b8c7ff}.text-button{color:inherit;background:transparent;border-color:#ffffff25}.text-button:hover{border-color:currentColor}.atelier-stage{position:relative;margin:10px auto 0;height:clamp(300px,35vw,510px);max-width:1100px;background:radial-gradient(ellipse at 50% 85%,#64759420,transparent 60%);overflow:hidden}#atelier-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .6s;pointer-events:none}.stage-fallback{display:flex;align-items:center;justify-content:center;gap:24px;height:100%;padding:45px;perspective:1000px}.stage-fallback img{width:45%;max-height:330px;object-fit:cover;border-radius:12px;border:8px solid #353943;box-shadow:0 30px 60px #0008}.stage-fallback img:first-child{transform:rotateY(14deg) rotateZ(-4deg)}.stage-fallback img:last-child{transform:rotateY(-14deg) rotateZ(4deg)}.webgl-ready #atelier-canvas{opacity:1}.webgl-ready .stage-fallback{visibility:hidden}.stage-caption{position:absolute;bottom:5px;left:3%;right:3%;display:flex;justify-content:space-between;font-size:12px;color:#979eac;letter-spacing:.07em}.product-selector{display:flex;justify-content:center;gap:10px;margin-top:24px}.product-selector button{display:flex;align-items:center;gap:18px;padding:14px 22px;background:#191c23;border:1px solid #343942;border-radius:10px;color:#e6eafa;font-size:14px;min-width:220px;text-align:left}.product-selector button[aria-pressed=true]{border-color:#9cafff;background:#242b3d}.product-selector button>span,.product-selector small{color:#adb4c3;font-size:12px}.product-selector small{margin-left:auto}.collection-anchor{scroll-margin-top:24px}.collection-intro{padding:90px 8vw 75px;max-width:1600px;margin:auto;display:grid;grid-template-columns:1.35fr 1fr;gap:20px 80px}.collection-intro>.eyebrow{grid-column:1/-1}.collection-intro>p:last-child{align-self:end;color:#acb3c1;max-width:430px;font-size:18px}.product-chapter{padding:36px 7vw 50px;overflow:hidden;border-top:1px solid #ffffff22;--chapter-ink:#f4f5fa}.chapter-ready{background:#e9edf3;color:#182334;--chapter-ink:#182334}.chapter-social{background:#151a24}.chapter-other{background:#202128}.chapter-heading{display:flex;justify-content:space-between;gap:20px;padding-bottom:28px;border-bottom:1px solid #8885;font-size:14px}.chapter-ready .eyebrow{color:#5c6877}.chapter-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:6vw;align-items:center;padding:56px 0 40px;max-width:1480px;margin:auto}.chapter-copy h2{font-size:clamp(34px,4vw,62px);margin:20px 0 24px}.chapter-copy>p{font-size:17px;line-height:1.8;opacity:.75;max-width:540px}.chapter-ready em{color:#5267a8}.chapter-logo{height:62px;width:240px;object-fit:contain;object-position:left center}.chapter-ready .chapter-logo{filter:drop-shadow(0 0 1px #172334)}.chapter-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.chapter-ready .primary-button{background:#233b83;color:white}.chapter-ready .text-button{border-color:#9ca8be}.chapter-demo{border-radius:14px;border:1px solid #8c98ac60;background:#0c111b;box-shadow:0 30px 55px #0003;position:relative;transform:perspective(1200px) rotateY(-5deg) rotateX(3deg);transform-origin:center;transition:transform .8s}.product-chapter.in-view .chapter-demo{transform:perspective(1200px) rotateY(0deg) rotateX(0deg)}.demo-bar,.demo-steps{display:flex;justify-content:space-between;gap:12px;padding:16px 20px;font-size:12px;color:#c2cad8}.demo-bar>span:last-child{opacity:.65}.maya-demo{position:relative;aspect-ratio:1.35;overflow:hidden}.maya-demo>img{width:100%;height:100%;object-fit:cover}.demo-question{position:absolute;bottom:20px;left:20px;right:20px;background:#ffffffed;color:#172334;padding:18px 20px;border-radius:10px;box-shadow:0 10px 30px #0003}.demo-question small{font-size:12px;color:#56657d;letter-spacing:.07em}.demo-question p{font-size:17px;line-height:1.45;margin:7px 0 10px;max-width:400px}.waveform{display:flex;gap:4px;align-items:center;height:22px}.waveform i{width:3px;background:#586cba;border-radius:2px;height:calc(4px + mod(var(--n)*7, 19)*1px);animation:wave 1.1s calc(var(--n)*-.12s) infinite alternate;transform-origin:center}.waveform i:nth-child(3n){height:20px}.waveform i:nth-child(3n+1){height:9px}.waveform i:nth-child(3n+2){height:14px}@keyframes wave{to{transform:scaleY(.3);opacity:.5}}.publishing-demo{padding:0 16px 8px;position:relative}.demo-media{border:1px solid #41506a;border-radius:8px;overflow:hidden;max-height:245px}.demo-media img{width:100%;object-fit:cover;object-position:top}.demo-calendar{background:#222c3f;border:1px solid #53617a;border-radius:12px;padding:20px;margin:-25px 0 0 50px;position:relative;box-shadow:0 14px 25px #0004}.demo-calendar header{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;color:#e8edf9}.demo-calendar header b{font-size:15px}.demo-calendar small{font-size:12px;color:#aab8d0}.calendar-days,.calendar-slots{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.calendar-days{font-size:12px;color:#acb8cb;margin-bottom:8px;text-align:center}.calendar-slots span{height:38px;border:1px solid #5c6d8644;border-radius:5px;background:#ffffff03;font-size:12px;padding:8px 4px;text-align:center;color:#dbe4ff}.calendar-slots span:not(:empty){background:#455f9b;animation:schedule-in 5s calc(var(--slot)*.25s) infinite}@keyframes schedule-in{0%,12%{opacity:.3;transform:translateY(-8px)}30%,100%{opacity:1;transform:translateY(0)}}.generic-preview{width:100%;border-radius:0 0 12px 12px}.future-preview{display:grid;min-height:250px;align-content:center;text-align:center;gap:12px}.future-preview b{font-size:36px}.chapter-features{display:flex;flex-wrap:wrap;gap:0;list-style:none;margin:0;padding:0;border-top:1px solid #8885}.chapter-features li{padding:18px 24px 0 0;font-size:14px;opacity:.8}.chapter-features li:before{content:'✓';margin-right:10px}.atelier-method{padding:110px 8vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw;max-width:1600px;margin:auto}.method-heading h2{margin:20px 0}.method-heading>p:last-child{color:#aeb4c1;line-height:1.8}.method-steps article{display:grid;grid-template-columns:45px 1fr;gap:8px 18px;padding:26px 0;border-top:1px solid #ffffff26}.method-steps article>span{color:#9cafff;font-size:14px}.method-steps h3{font-size:20px;font-weight:500}.method-steps p{grid-column:2;color:#aeb4c1;font-size:15px}.atelier-collection{padding:65px 8vw 85px;border-block:1px solid #ffffff26}.atelier-collection h2{margin:20px 0;max-width:850px}.atelier-collection>p:not(.eyebrow){max-width:650px;color:#aeb4c1}.collection-links{display:flex;flex-wrap:wrap;gap:16px;margin-top:36px}.collection-links a{display:flex;align-items:center;justify-content:space-between;gap:50px;padding:24px 28px;border:1px solid #ffffff30;border-radius:10px;flex:1;min-width:240px}.collection-links a:hover{background:#252c3c}.collection-links b{font-size:22px;font-weight:500}.collection-links span{color:#aeb4c1;font-size:12px}.atelier-contact{text-align:center;padding:100px 8vw 85px;background:radial-gradient(ellipse at bottom,#627aac20,transparent 65%)}.atelier-contact h2{max-width:950px;margin:22px auto}.atelier-contact>p:not(.eyebrow){max-width:630px;margin:auto;color:#acb4c3}footer{padding:55px 6vw 30px;border-top:1px solid #ffffff20;display:grid;grid-template-columns:1fr 1fr;gap:26px}.footer-brand img{max-width:240px;height:80px;object-fit:contain;object-position:left}footer>p{max-width:380px;color:#aeb4c1;font-size:15px}footer nav{display:flex;flex-wrap:wrap;gap:12px 22px;font-size:14px;grid-column:1/-1}footer nav button{color:inherit;background:transparent;border:0;padding:0}footer small{color:#8e98a9;font-size:12px;grid-column:1/-1}.draft-preview-bar{background:#e9d277;color:#151b26;padding:10px;text-align:center}.draft-preview-bar a{text-decoration:underline;margin-left:12px}.motion-paused *, .motion-paused *:before{animation-play-state:paused!important}.product-chapter:not(.in-view) *{animation-play-state:paused}.motion-paused .chapter-demo{transform:none}
@media(max-width:950px){.site-header nav{gap:18px}.header-cta{display:none}.chapter-grid{gap:30px;grid-template-columns:1fr}.chapter-copy{max-width:700px}.chapter-demo{max-width:650px;width:100%;margin:auto}.collection-intro{gap:20px;grid-template-columns:1fr}.atelier-method{grid-template-columns:1fr;gap:35px}.atelier-hero{padding-top:42px}.hero-copy h1{max-width:850px}.chapter-logo{height:50px}.chapter-features li{font-size:14px}}
@media(max-width:620px){.site-header{height:80px;padding:14px 20px}.brand,.brand img{width:120px}.site-header nav{display:none;position:absolute;top:80px;left:0;right:0;padding:22px;background:#171c27;border-bottom:1px solid #ffffff30;flex-direction:column}.site-header.menu-open nav{display:flex}.menu-toggle{display:block}.header-actions{gap:5px}.motion-control{font-size:12px}.hero-copy h1{font-size:42px;letter-spacing:-.045em}.hero-description{font-size:16px}.hero-actions{gap:10px}.primary-button,.text-button{padding:12px 16px}.atelier-stage{height:280px;margin-inline:-5vw}.stage-fallback{padding:25px 15px;gap:10px}.stage-fallback img{border-width:4px}.stage-caption{font-size:12px;justify-content:center}.stage-caption>span:first-child{display:none}.product-selector{gap:8px}.product-selector button{min-width:0;flex:1;padding:12px 14px;gap:8px;flex-wrap:wrap}.product-selector button>span{display:none}.product-selector small{margin-left:0}.collection-intro{padding:60px 24px 45px}.product-chapter{padding:24px}.chapter-grid{padding:30px 0}.demo-question{left:10px;right:10px;bottom:10px;padding:12px}.demo-question p{font-size:14px}.demo-calendar{margin-left:15px;padding:13px}.demo-calendar header{flex-direction:column;align-items:start;gap:3px}.demo-bar,.demo-steps{padding:12px;font-size:12px;gap:8px}.atelier-method,.atelier-collection{padding:60px 24px}.atelier-contact{padding:65px 24px}.chapter-demo{transform:none}.chapter-features{display:grid;grid-template-columns:1fr}.chapter-features li{padding-top:12px}footer{grid-template-columns:1fr;padding:35px 24px}.hero-copy .eyebrow{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before{animation:none!important;transition:none!important}.chapter-demo{transform:none!important}}

.brand-intro{position:absolute;left:5vw;top:80px;z-index:35;pointer-events:none;display:flex;align-items:center;gap:10px;padding:8px 12px;background:#191d28e8;border:1px solid #ffffff20;border-radius:6px;animation:intro-out .35s var(--intro-duration,640ms) both}.brand-intro img{width:60px;max-height:26px;object-fit:contain}.brand-intro span{font-size:12px;color:#c5cce0}@keyframes intro-out{to{opacity:0;visibility:hidden}}@media(prefers-reduced-motion:reduce){.brand-intro{display:none}}

/* INAXX privacy and integrations */
.studio-site footer nav button { padding: 0; color: inherit; border: 0; cursor: pointer; background: transparent; font: inherit; }
.studio-site footer nav button:hover { color: var(--cyan); }
.privacy-banner[hidden], .privacy-modal[hidden], .privacy-choice[hidden] { display: none !important; }
.privacy-banner { position: fixed; z-index: 10020; right: 22px; bottom: 22px; left: 22px; display: grid; grid-template-columns: 1fr auto; gap: 25px; align-items: center; width: min(1040px,calc(100% - 44px)); margin: 0 auto; padding: 23px; color: #eef4ff; border: 1px solid rgba(126,167,232,.25); border-radius: 18px; background: rgba(7,10,25,.96); box-shadow: 0 24px 90px rgba(0,0,0,.52); backdrop-filter: blur(22px); }
.privacy-banner h2 { margin: 0; font-size: 18px; letter-spacing: -.02em; }
.privacy-banner p { max-width: 670px; margin: 8px 0 0; color: #9ca8c1; font-size: 12px; line-height: 1.55; }
.privacy-banner a { display: inline-block; margin-top: 7px; color: #72e3ec; font-size: 10px; }
.privacy-banner-actions { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.privacy-banner button, .privacy-modal button { min-height: 42px; padding: 0 15px; color: #eaf2ff; border: 1px solid rgba(136,164,223,.23); border-radius: 10px; cursor: pointer; font-size: 10px; font-weight: 700; }
.privacy-primary { border-color: rgba(94,220,237,.5) !important; background: linear-gradient(110deg,#18b9d1,#4167ec 58%,#843ed3); }
.privacy-secondary { background: rgba(17,24,48,.78); }
.privacy-modal { position: fixed; z-index: 10030; inset: 0; display: grid; place-items: center; padding: 22px; background: rgba(2,4,13,.76); backdrop-filter: blur(10px); }
.privacy-modal-card { width: min(650px,100%); max-height: calc(100vh - 44px); padding: 25px; overflow-y: auto; color: #eef4ff; border: 1px solid rgba(126,167,232,.24); border-radius: 20px; background: #090d20; box-shadow: 0 32px 110px rgba(0,0,0,.58); }
.privacy-modal-card > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.privacy-modal-card header span { color: #67e0e9; font: 750 7px/1 var(--font-geist-mono),monospace; letter-spacing: .18em; }
.privacy-modal-card h2 { margin: 10px 0 0; font-size: 24px; letter-spacing: -.03em; }
.privacy-modal-card header button { width: 38px; min-height: 38px; padding: 0; background: rgba(18,26,51,.8); font-size: 20px; }
.privacy-modal-copy { margin: 18px 0 20px; color: #929fba; font-size: 12px; line-height: 1.6; }
.privacy-choice { display: flex; gap: 13px; align-items: center; min-height: 78px; margin-top: 10px; padding: 15px; border: 1px solid rgba(137,164,222,.15); border-radius: 13px; background: rgba(13,19,40,.62); }
.privacy-choice input { width: 18px; height: 18px; accent-color: #45dce7; }
.privacy-choice span { display: grid; gap: 5px; flex: 1; }
.privacy-choice b { font-size: 11px; }.privacy-choice small { color: #7f8da8; font-size: 9px; line-height: 1.45; }
.privacy-choice strong { color: #78dfba; font-size: 8px; }
.privacy-choice.is-essential { background: rgba(28,84,71,.16); }
.privacy-modal footer { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-top: 20px; }
.privacy-modal footer a { color: #79dfe8; font-size: 10px; }
@media (max-width: 720px) {
  .privacy-banner { right: 12px; bottom: 12px; left: 12px; grid-template-columns: 1fr; width: calc(100% - 24px); padding: 18px; }
  .privacy-banner-actions { justify-content: stretch; }
  .privacy-banner-actions button { flex: 1 1 130px; }
  .privacy-modal-card { padding: 20px; }
  .privacy-modal footer { align-items: stretch; flex-direction: column; }
}
.privacy-banner p,.privacy-modal-copy,.privacy-choice small,.privacy-banner a,.privacy-banner button,.privacy-modal button{font-size:14px}.privacy-modal footer{padding:0;border:0}.privacy-choice b{font-size:15px}.motion-paused .brand-intro{display:none}
