@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}
.marketing .entry-screen{min-height:calc(100svh - 76px)}
.entry-scroll{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-top:clamp(16px,5vh,56px);font-size:14px;font-weight:650;color:#3b385e;text-decoration:underline;text-underline-offset:5px}
.entry-access-note{font-size:13px;line-height:1.5;color:#46556e;margin:0;max-width:50ch}
.entry-scroll span{font-size:21px;text-decoration:none}
.entry-detail,.entry-options,.entry-last{padding:clamp(64px,8vw,112px) clamp(24px,7vw,104px)}
.entry-detail{background:#fff;border-block:1px solid #d2d5e7;scroll-margin-top:76px}
.entry-detail,.entry-options,.entry-last{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);column-gap:clamp(36px,7vw,112px);row-gap:24px;align-items:start}
.entry-section-heading h2,.entry-options h2,.entry-last h2{font:500 clamp(32px,4vw,58px)/1.12 "Space Grotesk",system-ui,sans-serif;letter-spacing:-.04em;margin:14px 0 22px;max-width:17ch}
.entry-detail .eyebrow,.entry-options .eyebrow{color:#4d43b8}
.entry-steps{list-style:none;margin:0;padding:0}
.entry-steps li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:20px;padding:24px 0;border-top:1px solid #d2d5e7}
.entry-steps li>span{font-size:12px;font-weight:700;color:#4d43b8;padding-top:6px}
.entry-steps h3,.entry-option-note h3{font:600 20px/1.25 "Space Grotesk",system-ui,sans-serif;margin:0 0 8px}
.entry-steps p,.entry-options p{margin:0;max-width:58ch;color:#46556e;line-height:1.65}
.entry-detail>.site-link{grid-column:2;margin-top:-12px}
.entry-options{align-items:center}
.entry-options>div:first-child>.site-link{margin-top:24px}
.entry-option-note{background:#fff;border:1px solid #d2d5e7;border-radius:16px;padding:clamp(24px,4vw,44px);max-width:510px}
.entry-option-note .site-link{margin-top:20px}
.entry-last{background:#25244d;color:#fff;align-items:center;grid-template-columns:minmax(0,1fr) auto;gap:20px}
.entry-last h2{max-width:19ch;margin:0}.entry-last .button{justify-self:end}.entry-last .site-link{grid-column:2;justify-self:end;color:#fff}
@media(max-width:760px){.entry-detail,.entry-options,.entry-last{grid-template-columns:1fr;gap:24px}.entry-detail>.site-link,.entry-last .site-link{grid-column:1}.entry-last .button,.entry-last .site-link{justify-self:start}.entry-detail,.entry-options,.entry-last{padding:64px 24px}.entry-detail{scroll-margin-top:72px}.entry-steps li{gap:12px}.marketing .entry-screen{min-height:calc(100svh - 72px)}}
.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}
/* Preview is the matching first viewport, rendered at 2×, rather than a stretched full page. */
.site-preview{aspect-ratio:8/5}.site-preview picture{height:100%}.site-preview picture>img{width:100%;height:100%;object-fit:cover;object-position:top;background:#f1f2f5}.site-preview-label{position:absolute;bottom:8px;right:8px;padding:5px 9px;border-radius:6px;color:#fff;background:#1d2539e8;font-size:11px;font-weight:600;line-height:1.4}
.contact-settings input[type=checkbox]{width:24px;min-height:24px;vertical-align:middle}.contact-settings fieldset{margin:16px 0;padding:16px;border:1px solid #a9aec8;border-radius:10px;min-width:0}.contact-settings fieldset input,.contact-settings fieldset select{max-width:100%}.contact-settings dd{white-space:pre-wrap;overflow-wrap:anywhere;margin-inline-start:0;margin-block-end:16px}.contact-settings dt{font-weight:600}.contact-settings button{margin:6px 8px 6px 0}.contact-settings nav a{min-height:44px;display:inline-flex;align-items:center}
/* Account navigation is a genuine disclosure, available on phone and desktop. */
.workspace>header{gap:12px;flex-wrap:wrap}.creator-menu{position:relative;margin-inline-start:auto}.creator-menu summary{display:flex;align-items:center;gap:8px;min-height:44px;min-width:44px;padding:8px 12px;border:1px solid #bfc4d8;border-radius:10px;background:white;cursor:pointer;list-style:none;font-size:14px}.creator-menu summary::-webkit-details-marker{display:none}.creator-menu nav{position:absolute;z-index:100;inset-inline-end:0;top:calc(100% + 8px);display:grid!important;gap:4px;min-width:230px;max-width:calc(100vw - 24px);padding:12px;border:1px solid #c8ccdc;border-radius:14px;background:white;box-shadow:0 12px 32px #17212b22}.creator-menu nav a{display:flex;align-items:center;min-height:44px;padding:8px 12px;text-decoration:underline}.creator-menu:not([open]) nav{display:none!important}.statistics-table{max-width:100%;overflow-x:auto;margin:20px 0}.statistics-table table{width:100%;border-collapse:collapse;font-size:14px}.statistics-table th,.statistics-table td{padding:12px;text-align:start;border-bottom:1px solid #d4d9e5}.creator-menu summary:focus-visible{outline:3px solid #6650cc;outline-offset:3px}@media(max-width:600px){.creator-menu summary>span:last-child{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.workspace>header{padding-inline:12px}.workspace>header>nav{gap:14px}.workspace>header>nav a{font-size:13px}.creator-menu{margin-inline-start:0}.workspace>header .brand-tag{font-size:10px}}

.workspace .statistics-summary{gap:12px}.workspace .statistics-summary article{padding:18px}.workspace .statistics-summary h2{font-size:16px;font-weight:500;letter-spacing:0;margin:0 0 12px}.statistics-summary strong{font-size:28px;line-height:1.2}.statistics-table table{min-width:640px}.statistics-table th,.statistics-table td{overflow-wrap:normal}.statistics-screen>p{font-size:14px;line-height:1.6}@media(max-width:600px){.workspace .statistics-screen h1{font-size:30px}.workspace .statistics-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.statistics-summary article:last-child{grid-column:1/-1}.statistics-summary article:last-child strong{font-size:21px}}

.statistics-table:focus-visible{outline:3px solid #6650cc;outline-offset:4px}