@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/spacegrotesk-ec926d5065eaca49.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/spacegrotesk-3e756954468ff1cb.ttf) format('truetype');
}
/* KERDARO has its own identity; customer source is in a separate document. */
:root{--studio-ink:#182237;--studio-violet:#4d43b8;--studio-paper:#f6f7fb;--studio-coral:#ee9877;view-transition-name:none}
@view-transition{navigation:auto}
body{background:#e8ecf7;color:var(--studio-ink);font-family:"Space Grotesk",system-ui,sans-serif;isolation:isolate}
body::before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(ellipse at 8% 15%,#e2dcf9,transparent 60%),radial-gradient(ellipse at 92% 80%,#f5d8c8,transparent 55%),#e9edf7;view-transition-name:studio-base;pointer-events:none}
body::after{content:"";position:fixed;inset:18vh -20vw auto 52vw;height:70vh;border-radius:45%;background:#ffffff4d;transform:rotate(-22deg);z-index:-1;pointer-events:none;view-transition-name:studio-surface}
main#main{view-transition-name:studio-page;min-height:60vh}header{view-transition-name:studio-header}
::view-transition-old(studio-base),::view-transition-new(studio-base),::view-transition-old(studio-header),::view-transition-new(studio-header){animation:none}
::view-transition-old(studio-page){animation:studio-out .16s ease both}::view-transition-new(studio-page){animation:studio-in .28s ease both}
::view-transition-old(studio-surface){animation:surface-out .22s ease both}::view-transition-new(studio-surface){animation:surface-in .35s ease both}
@keyframes studio-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes studio-out{to{opacity:0;transform:translateY(-12px)}}@keyframes surface-in{from{opacity:0;transform:translate(7vw,4vh) rotate(-14deg)}to{opacity:1;transform:rotate(-22deg)}}@keyframes surface-out{to{opacity:0;transform:translate(-7vw,-4vh) rotate(-30deg)}}
.continuity-ready main{animation:studio-in .28s ease both}.departing main{animation:studio-out .16s ease both}
.workspace header,.marketing header{background:#ffffffdc;backdrop-filter:blur(14px);border-bottom:1px solid #d5d8e7;min-height:76px;padding:14px clamp(18px,4vw,64px);gap:24px}
.brand{letter-spacing:.12em;font-size:15px}.brand-tag{letter-spacing:0;font-size:12px;color:#53627b}
.workspace header nav{display:flex;gap:18px}.workspace header nav a{display:inline-flex!important;min-height:44px;align-items:center}.workspace .admin{max-width:1220px;padding:40px clamp(20px,4vw,56px);margin:auto}
.operator-menu{display:none}
.operator-next{margin:28px 0 36px}
@media(max-width:800px){.operator header{height:68px;min-height:68px;padding:10px 18px;flex-wrap:nowrap}.operator header>.operator-nav{display:none}.operator-menu{display:block;position:relative;margin-inline-start:auto}.operator-menu summary{display:flex;align-items:center;min-height:44px;padding:0 12px;cursor:pointer;font-size:14px;font-weight:650}.operator-menu nav{position:absolute;z-index:30;inset-inline-end:0;top:48px;display:grid;gap:0;min-width:min(280px,calc(100vw - 36px));padding:8px;background:#fff;border:1px solid #cad2e2;border-radius:12px;box-shadow:0 16px 36px #1d2b4a22}.operator-menu nav a{display:flex;align-items:center;min-height:44px;padding:8px 12px;text-decoration:none}.operator-menu nav a:hover,.operator-menu nav a:focus-visible{background:#edf2ff}}
.workspace h1,.workspace .admin h1,.workspace .login h1{font-family:"Space Grotesk",system-ui,sans-serif;letter-spacing:-.035em;font-size:clamp(32px,4.8vw,58px);line-height:1.1;font-weight:500}.workspace h2,.workspace h3{font-family:inherit;letter-spacing:-.015em}
.workspace p{line-height:1.6}.workspace .eyebrow,.entry-screen .eyebrow{color:#4d43b8;font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.workspace .button,.workspace button,.marketing .button{background:#4d43b8;color:white;border:1px solid #4d43b8;border-radius:9px;min-height:48px;box-shadow:none;font-weight:600;cursor:pointer}
.workspace .button.secondary,.workspace button.secondary,.workspace .btn-secondary{background:#fff;color:#3b385e;border:1px solid #9ba1be}.workspace a:not(.button):not(.brand){text-decoration:underline;text-underline-offset:4px}.workspace a:focus-visible,.workspace button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #6a58c5;outline-offset:4px}
.website-item{background:#fff;border-color:#d2d5e7;border-radius:16px;box-shadow:0 12px 32px #2f315109}.website-item h2{font-size:24px;font-weight:600}.website-item .site-next{color:#4c5b74}.website-workspace .workspace-heading{margin-bottom:32px}.workspace .session-action{margin-top:32px}.workspace-footer{background:transparent;border-top:1px solid #d2d5e7;padding:20px 24px}
.entry-screen{max-width:1160px;margin:auto;min-height:calc(100svh - 180px);padding:clamp(56px,10vh,110px) clamp(24px,5vw,64px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.entry-screen h1{font-family:"Space Grotesk",system-ui,sans-serif;font-size:clamp(42px,7.2vw,88px);line-height:1.04;letter-spacing:-.055em;max-width:12ch;margin:16px 0 24px}.entry-screen .lede{font-size:clamp(18px,2vw,23px);max-width:50ch;line-height:1.6}.entry-actions{display:flex;gap:16px;flex-wrap:wrap;margin:28px 0}.entry-screen .quiet{font-size:14px;color:#46556e;max-width:58ch}.marketing header .desktop-nav{gap:22px}.marketing header nav a{min-height:44px;display:inline-flex;align-items:center}.marketing footer{background:transparent;color:#273651}
.creation-screen form{max-width:860px}.creation-screen fieldset{background:transparent;padding:0;margin:24px 0;gap:14px}.creation-screen fieldset label{background:#fff;border:1px solid #a9aec8;border-radius:12px;padding:18px;align-items:flex-start}.creation-screen input[type=radio],.creation-screen input[type=checkbox]{min-height:24px;height:24px;width:24px;accent-color:#4d43b8;flex:0 0 24px}.creation-screen .material-choice{display:flex;gap:12px;align-items:center}.creation-screen .field-help{font-size:14px}.project-navigation{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 28px;border-bottom:1px solid #a9aec8;padding-bottom:14px}.project-navigation a{padding:10px 0;min-height:44px}.project-status{max-width:65ch}.material-item{background:#fff;padding:24px;border:1px solid #d3d8e9;border-radius:14px;margin-top:24px}.material-item details{max-height:600px;overflow:auto}.material-item p{white-space:pre-wrap;overflow-wrap:anywhere}.workspace details summary{cursor:pointer;min-height:44px;padding:10px 0}.material-screen form label{display:block}.material-screen form input,.material-screen form select{width:100%;min-height:48px}
.workspace form[action='/customer/project-action'] label:has(input[type=checkbox]){display:flex;align-items:flex-start;gap:.7rem;line-height:1.4}
.workspace form[action='/customer/project-action'] input[type=checkbox]{width:1.25rem;height:1.25rem;min-width:1.25rem;min-height:1.25rem;flex:none;margin:.1rem 0 0}
@media(max-width:600px){.workspace header,.marketing header{min-height:72px;padding:12px 16px;gap:12px}.workspace header nav{gap:12px;font-size:12px}.workspace header nav a{white-space:nowrap}.workspace .admin,.workspace .login{padding:28px 20px}.entry-screen{padding:50px 24px;min-height:calc(100svh - 144px)}.entry-screen h1{font-size:52px}.entry-actions{width:100%;gap:12px}.entry-actions .button{width:100%;justify-content:center}.workspace .admin h1{font-size:34px}.workspace .button{margin:10px 0}.workspace .website-item-body{padding:22px}.project-navigation{gap:18px}.material-item{padding:18px}.creation-screen fieldset{grid-template-columns:1fr}.workspace .editor-heading h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){main,body::after,::view-transition-old(studio-page),::view-transition-new(studio-page),::view-transition-old(studio-surface),::view-transition-new(studio-surface){animation:none!important;transition:none!important}*{scroll-behavior:auto!important}}
.site-preview picture,.site-preview picture img{display:block;width:100%}.site-preview picture img{object-fit:cover}#display-preview{width:100%;height:65vh;min-height:400px;border:1px solid #a9aec8;border-radius:12px;margin-block:24px}#display-result{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.6}

::view-transition{pointer-events:none}
.marketing .button.secondary{background:#fff;color:#3b385e;border:1px solid #9ba1be}