/* Ekreon Studio public website + maintenance page, v5.4.0 Alpha 7 */
body.studio-public-body,body.studio-maintenance-body{--bg:#f6f8fc;--surface:#fff;--surface-2:#f2f6fc;--text:#11213a;--muted:#63738a;--line:#e3e9f2;--accent:#2563eb;--accent-2:#1e88e5;--shadow:0 25px 90px rgba(22,52,94,.08);background:#f6f8fc;color:#11213a;line-height:1.6;color-scheme:light}
body.studio-public-body:before,body.studio-maintenance-body:before{display:none}
.studio-public-body a:focus-visible,.studio-maintenance-body a:focus-visible,.studio-public-body button:focus-visible{outline:3px solid #60a5fa;outline-offset:4px}
.studio-public-body .container{width:min(1180px,calc(100% - 48px))}
.studio-public-body .button,.studio-maintenance-body .button{border-radius:12px;background:#2563eb;color:white;border:1px solid #2563eb;padding:13px 21px;box-shadow:0 7px 18px rgba(37,99,235,.16);font-size:.94rem;line-height:1.3;min-height:47px;text-decoration:none;transition:background .2s,box-shadow .2s}
.studio-public-body .button:hover,.studio-maintenance-body .button:hover{background:#1d4ed8;box-shadow:0 9px 21px rgba(37,99,235,.2);transform:none}
.studio-public-body .button-ghost,.studio-maintenance-body .button-ghost{background:#fff;color:#1a385c;border-color:#d7e1ee;box-shadow:none}
.studio-public-body .button-ghost:hover,.studio-maintenance-body .button-ghost:hover{background:#f0f5fd;color:#1d4ed8}
.studio-public-body .eyebrow,.studio-public-body .studio-kicker{color:#2563eb;letter-spacing:.13em;font-size:.76rem;font-weight:800}
.studio-public-body .muted{color:#63738a}
.studio-public-body .studio-site-header{position:relative;z-index:50;background:rgba(255,255,255,.96);border-bottom:1px solid #e9edf5}
.studio-public-body .nav{padding:18px 0;min-height:82px}
.studio-public-body .nav>.brand{gap:10px;color:#0d213d;white-space:nowrap}
.studio-public-body .brand-logo-mark{width:40px;height:40px}
.studio-public-body .brand-wordmark{font-size:1.25rem;font-weight:500}
.studio-public-body .nav-links{gap:30px;align-items:center;color:#53647a;font-size:.92rem;font-weight:580}
.studio-public-body .nav-links>a:not(.button):hover{color:#2563eb}
.studio-public-body .nav-links .button{padding:10px 17px;min-height:41px;color:#fff}
.studio-public-body .menu-btn{color:#18314e;cursor:pointer}
.studio-home-hero{padding:90px 0 94px;background:radial-gradient(ellipse at 88% 30%,#e5efff 0,transparent 47%),linear-gradient(180deg,#fff,#f7f9fd)}
.studio-home-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.03fr);align-items:center;gap:clamp(36px,7vw,95px)}
.studio-kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:22px}
.studio-kicker-dot{background:#2563eb;width:8px;height:8px;display:inline-block;border-radius:50%;box-shadow:0 0 0 5px #e5efff}
.studio-hero-copy h1{font-size:clamp(2.9rem,5.6vw,5rem);letter-spacing:-.075em;line-height:1.09;margin:0 0 24px;font-weight:820;max-width:660px}
.studio-hero-copy h1 span{color:#2563eb}
.studio-hero-copy>p{font-size:1.07rem;color:#60728a;line-height:1.85;max-width:575px;margin:0}
.studio-home-actions{display:flex;gap:12px;flex-wrap:wrap;margin:32px 0 27px}
.studio-home-values{display:flex;flex-wrap:wrap;gap:13px 24px;color:#64748b;font-size:.79rem;font-weight:650}
.studio-home-values span:before{content:'✓';color:#16806f;margin-right:9px}
.studio-home-showcase{background:linear-gradient(155deg,#0f294f,#09172e 82%);color:#fff;border-radius:26px;box-shadow:0 35px 75px rgba(14,42,88,.22);overflow:hidden;border:1px solid #25466d}
.studio-showcase-header{height:62px;display:flex;justify-content:space-between;align-items:center;padding:0 25px;border-bottom:1px solid rgba(255,255,255,.11);color:#aebfda;font-size:.67rem;letter-spacing:.19em;font-weight:850}
.studio-window-dots{display:flex;gap:6px}.studio-window-dots i{width:7px;height:7px;border-radius:50%;background:#486484}
.studio-showcase-mark{font-size:1.4rem;color:#75adff;font-weight:400}
.studio-showcase-main{padding:clamp(30px,4vw,52px) clamp(25px,4vw,46px) 36px;min-height:408px}
.studio-showcase-index{display:inline-flex;background:rgba(65,141,251,.16);border:1px solid rgba(112,177,255,.24);color:#9fcaff;border-radius:100px;padding:6px 12px;font-size:.68rem;letter-spacing:.12em;font-weight:800}
.studio-showcase-main h2{color:#fff;font-size:clamp(2rem,3.4vw,3.3rem);letter-spacing:-.06em;line-height:1.15;margin:24px 0 14px}
.studio-showcase-main>p{color:#b4c3dc;font-size:.94rem;max-width:450px;line-height:1.75}
.studio-showcase-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:36px}
.studio-showcase-steps>div{border:1px solid rgba(117,160,220,.2);background:rgba(255,255,255,.045);padding:15px 12px;border-radius:12px;display:flex;flex-direction:column;gap:5px;min-width:0}
.studio-showcase-steps span{font-size:.7rem;color:#74b3ff;font-weight:800}.studio-showcase-steps strong{font-size:.87rem}.studio-showcase-steps small{font-size:.69rem;line-height:1.4;color:#b5c5db}
.studio-showcase-footer{padding:18px 26px;display:flex;justify-content:space-between;gap:12px;color:#93aaca;font-size:.66rem;letter-spacing:.08em;border-top:1px solid rgba(255,255,255,.1)}
.studio-home-services{padding:96px 0 100px;background:#f7f9fc}.studio-section-top{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:35px}
.studio-section-top h2,.studio-statement-grid h2{margin:0;font-size:clamp(2.15rem,4vw,3.4rem);line-height:1.12;letter-spacing:-.06em}
.studio-section-top>p{color:#617189;max-width:420px;line-height:1.75;font-size:.95rem}
.studio-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.studio-service-card{border:1px solid #e4eaf4;border-radius:20px;background:#fff;padding:29px 29px 31px;box-shadow:0 12px 32px rgba(34,66,111,.035);min-width:0}
.studio-service-num{color:#8999ad;font-size:.73rem;font-weight:850;letter-spacing:.14em}.studio-service-symbol{height:48px;width:48px;display:grid;place-items:center;background:#e9f1ff;border-radius:13px;color:#2563eb;font-size:1.5rem;margin:25px 0 28px}
.studio-service-card h3{font-size:1.23rem;margin:0 0 12px;letter-spacing:-.025em}.studio-service-card p{color:#62738a;margin:0;line-height:1.75;font-size:.92rem}
.studio-home-statement{padding:94px 0;background:#fff;border-top:1px solid #ebeff5;border-bottom:1px solid #ebeff5}
.studio-statement-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:75px;align-items:center}.studio-statement-grid p{color:#65758b;line-height:1.85;margin:0 0 22px}
.studio-inline-link{color:#1d5ed0;font-weight:750;font-size:.94rem}.studio-inline-link span{margin-left:7px}
.studio-public-body .studio-home-cta{margin-top:88px;margin-bottom:95px;padding:45px 52px;background:#0e2343;color:#fff;border-radius:24px;display:flex;gap:25px;justify-content:space-between;align-items:center}
.studio-home-cta .studio-kicker{color:#8ebcff;margin-bottom:10px}.studio-home-cta h2{margin:0 0 9px;font-size:clamp(1.9rem,3.7vw,2.8rem);letter-spacing:-.045em}.studio-home-cta p{color:#c4d1e5;margin:0}.studio-home-cta .button{background:#fff;color:#102849;border-color:#fff;flex:none}.studio-home-cta .button:hover{background:#e8f2ff;color:#102849}
.studio-public-body .footer{background:#fff;color:#6b7b92;border-color:#e3eaf4}.studio-public-body .footer-links a:hover{color:#1d4ed8}
/* Shared public secondary pages: About, Services, Work, Contact & legal. */
.studio-public-body .page-hero{padding-top:80px}.studio-public-body .page-hero h1{line-height:1.08;font-size:clamp(2.9rem,5.2vw,5rem)}
.studio-public-body .page-hero p,.studio-public-body .content-grid p,.studio-public-body .section-copy,.studio-public-body .feature-box p{color:#61738b}
.studio-public-body .section{padding:60px 0}.studio-public-body .card,.studio-public-body .form-card{background:#fff;border-color:#e1e9f2;box-shadow:0 14px 44px rgba(32,66,103,.045)}
.studio-public-body .feature-box{background:#eaf1fb;border-color:#dce8f7}.studio-public-body .feature-box.alt{background:#eaf5f7}
.studio-public-body .cta{background:#102849;color:#fff;border-color:#102849;margin-top:55px}.studio-public-body .cta .eyebrow{color:#93bfff}
.studio-public-body .field label{color:#304761}.studio-public-body .field input,.studio-public-body .field select,.studio-public-body .field textarea{background:#fff;color:#11213a;border-color:#d3deeb}
.studio-public-body .field input:focus,.studio-public-body .field select:focus,.studio-public-body .field textarea:focus{outline:2px solid #bfdbfe;border-color:#2563eb}
.studio-public-body .form-privacy-note{color:#60738a}.studio-public-body .text-link{color:#2563eb}
/* Maintenance is anonymous and always uses the same calm Studio Light public treatment. */
body.studio-maintenance-body{min-height:100vh;background:radial-gradient(ellipse at 85% 2%,#e7effd,transparent 46%),#f6f8fc}
.studio-maintenance-layout{min-height:calc(100vh - var(--environment-rail-height,0px));display:flex;justify-content:center;align-items:center;padding:60px 24px}
.studio-maintenance-container{width:min(720px,100%)}
.studio-maintenance-top,.studio-maintenance-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px}
.studio-maintenance-top{margin:0 0 26px}.studio-maintenance-top .brand-image-link{color:#10233e;gap:10px}.studio-maintenance-top .brand-logo-mark{height:38px;width:38px}.studio-maintenance-top .brand-wordmark{font-size:1.15rem}
.studio-maintenance-service{font-size:.7rem;color:#7e8da1;letter-spacing:.12em;font-weight:800}
.studio-maintenance-panel{position:relative;background:#fff;border:1px solid #e0e8f3;border-radius:25px;box-shadow:0 28px 80px rgba(26,53,91,.09);padding:clamp(29px,5vw,56px);overflow:hidden}
.studio-maintenance-panel:before{position:absolute;content:'';height:5px;top:0;left:0;right:0;background:linear-gradient(90deg,#2563eb,#69aaff)}
.studio-maintenance-status{display:inline-flex;align-items:center;gap:9px;border:1px solid #dce8f9;color:#2563eb;border-radius:50px;background:#f1f7ff;padding:8px 12px;font-size:.7rem;letter-spacing:.11em;font-weight:800}
.studio-maintenance-status>span{width:7px;height:7px;background:#2563eb;border-radius:50%}
.studio-maintenance-emblem{width:64px;height:64px;border-radius:18px;background:#eaf2ff;color:#2563eb;display:grid;place-items:center;margin:35px 0 22px}.studio-maintenance-emblem svg{width:36px;height:36px}
.studio-maintenance-panel h1{font-size:clamp(2.5rem,5vw,4rem);color:#11233d;line-height:1.1;letter-spacing:-.065em;margin:0 0 19px;overflow-wrap:anywhere}
.studio-maintenance-message{font-size:1.03rem;line-height:1.8;color:#61758f;max-width:570px;margin:0 0 26px;overflow-wrap:anywhere}
.studio-maintenance-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:13px;padding-top:22px;border-top:1px solid #e9eef5}
.studio-maintenance-detail{background:#f7faff;border:1px solid #e3ebf6;border-radius:14px;display:flex;align-items:flex-start;gap:12px;padding:17px;min-width:0}
.studio-detail-icon{color:#2563eb;background:#e6efff;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;flex:none;font-size:1.2rem}
.studio-maintenance-detail>span:last-child{display:flex;flex-direction:column;gap:3px;min-width:0}.studio-maintenance-detail small{color:#738198;font-size:.74rem}.studio-maintenance-detail strong{font-size:.91rem;color:#1c344e}.studio-maintenance-detail a{color:#1d5ed0;font-weight:720;font-size:.85rem;overflow-wrap:anywhere}
.studio-maintenance-actions{display:flex;gap:12px;margin-top:24px}.studio-maintenance-bottom{margin-top:26px;font-size:.78rem;color:#7a899f}
/* Preview in admin maintenance settings, regardless of the selected Studio theme. */
.app-body .studio-maintenance-settings-preview{position:sticky;top:88px;background:#f6f8fc!important;border-color:#dde6f3!important;padding:20px;color:#10233e!important}
.app-body .studio-preview-top{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-bottom:20px}.app-body .studio-preview-top .brand-image-link{color:#10233e;gap:5px}.app-body .studio-preview-top .brand-logo-mark{width:27px;height:27px}.app-body .studio-preview-top .brand-wordmark{font-size:.8rem}.app-body .studio-preview-top small{color:#76859b;font-size:.56rem;letter-spacing:.06em;text-align:right}
.app-body .studio-maintenance-settings-preview .maintenance-preview-card{border:1px solid #dce5f0;border-top:4px solid #2563eb;background:#fff;color:#10233e;padding:23px;border-radius:15px;box-shadow:0 12px 30px rgba(25,54,98,.04)}
.app-body .studio-preview-status{display:block;font-size:.63rem;color:#2563eb;font-weight:800;letter-spacing:.05em}.app-body .studio-preview-icon{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:#e8f1ff;color:#2563eb;margin:18px 0 12px;font-size:1.2rem}
.app-body .studio-maintenance-settings-preview .maintenance-preview-card h3{font-size:clamp(1.3rem,2.1vw,1.7rem);line-height:1.18;letter-spacing:-.035em;color:#10233e;overflow-wrap:anywhere}
.app-body .studio-maintenance-settings-preview .maintenance-preview-card p{color:#63748a;overflow-wrap:anywhere}.app-body .studio-maintenance-settings-preview .maintenance-preview-card small{color:#64748b}
.app-body .studio-preview-note{font-size:.72rem;color:#69798f;margin:14px 0 0}
@media(max-width:1000px){.studio-home-grid{gap:36px}.studio-showcase-main{min-height:380px}.studio-section-top{align-items:start}.studio-statement-grid{gap:36px}}
@media(max-width:780px){.studio-home-grid{grid-template-columns:1fr}.studio-hero-copy{max-width:690px}.studio-home-hero{padding:60px 0 75px}.studio-home-showcase{max-width:700px}.studio-section-top,.studio-statement-grid{display:block}.studio-section-top>p{margin-top:20px}.studio-statement-grid>div:nth-child(2){margin-top:20px}.studio-home-services,.studio-home-statement{padding:68px 0}.studio-service-grid{grid-template-columns:1fr}.studio-service-symbol{margin:16px 0}.studio-service-card{padding:25px}.studio-public-body .studio-home-cta{padding:33px;align-items:flex-start;flex-direction:column}.studio-public-body .nav-links{gap:15px}}
@media(max-width:700px){.studio-public-body .nav{min-height:70px}.studio-public-body .menu-btn{display:inline-flex}.studio-public-body .nav-links{display:none;flex-direction:column;align-items:stretch;position:absolute;left:24px;right:24px;top:68px;background:#fff;border:1px solid #e1e9f3;box-shadow:0 24px 48px rgba(18,49,93,.15);padding:19px;border-radius:14px;z-index:40}.studio-public-body .nav-links[data-open="1"]{display:flex}.studio-public-body .nav-links>a{padding:8px}.studio-public-body .nav-links .button{justify-content:center}.studio-public-body .page-hero{padding-top:52px}.app-body .studio-maintenance-settings-preview{position:static}}
@media(max-width:480px){.studio-public-body .container{width:calc(100% - 36px)}.studio-hero-copy h1{font-size:clamp(2.7rem,11vw,3.5rem)}.studio-home-actions{flex-direction:column}.studio-home-actions .button{width:100%;justify-content:center}.studio-showcase-main{min-height:0;padding:28px 21px}.studio-showcase-steps{grid-template-columns:1fr;gap:8px;margin-top:23px}.studio-showcase-steps>div{display:grid;grid-template-columns:24px 1fr;gap:0 8px}.studio-showcase-steps small{grid-column:2}.studio-showcase-footer{flex-direction:column}.studio-maintenance-layout{align-items:flex-start;padding:36px 16px}.studio-maintenance-top{align-items:flex-start}.studio-maintenance-service{font-size:.61rem;text-align:right}.studio-maintenance-panel{padding:27px 22px}.studio-maintenance-panel h1{font-size:clamp(2.3rem,12vw,3.1rem)}.studio-maintenance-bottom{align-items:flex-start}.studio-public-body .page-hero h1{font-size:2.8rem}}
@media(prefers-reduced-motion:reduce){.studio-public-body *, .studio-maintenance-body *{scroll-behavior:auto;transition:none!important}}