/* =========================================================
CREATIVE MIND SCHOOL — editorial redesign
Mobile-first. Dark hero. Cream mid. Navy testimonial.
========================================================= */
/* ===== Self-hosted fonts (latin + latin-ext for Polish) ===== */
@font-face{font-family:'Bebas Neue';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/bebas-neue-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Bebas Neue';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/bebas-neue-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Caveat';font-style:normal;font-weight:500 700;font-display:swap;src:url('/fonts/caveat-500-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Caveat';font-style:normal;font-weight:500 700;font-display:swap;src:url('/fonts/caveat-500-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:400 600;font-display:swap;src:url('/fonts/cormorant-garamond-italic-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:400 600;font-display:swap;src:url('/fonts/cormorant-garamond-italic-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/cormorant-garamond-600-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/cormorant-garamond-600-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url('/fonts/inter-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url('/fonts/inter-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
:root{
--lime:#c1ff70;
--blue:#15b6ff;
--pink:#e27db8;
--navy:#192b82;
--yellow:#ffe84d;
--ink:#0a1452; /* deep night-sky blue (was pure black) */
--ink-deep:#070d3a; /* even deeper, for footer + transitions */
--ink-2:#142068;
--cream:#f5f2ed;
--cream-2:#ece7dd;
--white:#ffffff;
--blue-light:#eef2ff;
--pink-light:#fff0f8;
--f-display:"Bebas Neue", "Impact", sans-serif;
--f-serif:"Cormorant Garamond", "Georgia", serif;
--f-body:"Inter", -apple-system, "Segoe UI", system-ui, sans-serif;
--f-hand:"Caveat", "Bradley Hand", cursive;
--pad-x:clamp(20px, 5vw, 80px);
--section-pad-y:clamp(72px, 10vw, 140px);
--bar-h:72px; /* mobile sticky */
/* B-26: radius system */
--radius-sm:6px;
--radius-md:12px;
--radius-lg:18px;
--radius-xl:24px;
--radius-pill:999px;
/* B-26: hover lift system */
--lift-sm:1px;
--lift-md:3px;
--lift-lg:6px;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
html{scroll-behavior:smooth;scroll-padding-top:80px;}
body{
font-family:var(--f-body);
color:var(--ink);
background:#fceaba;
overflow-x:clip;
-webkit-font-smoothing:antialiased;
text-rendering:optimizeLegibility;
line-height:1.55;
font-size:16px;
padding-bottom:calc(var(--bar-h) + env(safe-area-inset-bottom, 0px));
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
button{font:inherit;cursor:pointer;border:none;background:none;color:inherit;}
em{font-style:italic;}
/* ----- shared ----- */
.kicker{
font-family:var(--f-body);
font-size:11px;letter-spacing:.22em;text-transform:uppercase;
font-weight:600;
display:inline-flex;align-items:center;gap:.6em;
opacity:.7;
}
.kicker--light{color:rgba(255,255,255,.7);}
.kicker--dark{color:rgba(10,10,10,.55);}
.kicker--right{margin-left:auto;}
.kicker::before{content:"";width:24px;height:1px;background:currentColor;display:inline-block;opacity:.6;}
.section-title{
font-family:var(--f-display);
font-size:clamp(48px, 9vw, 116px);
line-height:1.02;
letter-spacing:-.01em;
margin:.2em 0 .7em;
font-weight:400;
}
.section-title em{
font-family:var(--f-serif);
font-style:italic;
font-weight:500;
letter-spacing:0;
line-height:1.1;
display:inline-block;
padding-bottom:.06em;
}
.section-title--light{color:var(--white);}
.section-lede{
font-family:var(--f-serif);
font-style:italic;
font-size:clamp(20px, 2.4vw, 28px);
line-height:1.35;
max-width:34ch;
margin:0;color:rgba(10,10,10,.7);
}
.section-lede--light{color:rgba(255,255,255,.72);}
/* ============================================================
NAV
============================================================ */
.nav{
position:fixed;inset:0 0 auto 0;z-index:50;
display:flex;align-items:center;gap:24px;
padding:14px var(--pad-x);
background:linear-gradient(180deg, rgba(10,10,10,.85) 0%, rgba(10,10,10,.0) 100%);
color:#fff;
pointer-events:none;
transition:background .3s ease, backdrop-filter .3s ease;
}
.nav--scrolled{
background:rgba(7,13,58,.5);
backdrop-filter:blur(14px);
}
.nav > *{pointer-events:auto;}
.nav__logo{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:14px;}
.nav__mark{
width:34px;height:34px;border-radius:50%;
background:var(--lime);color:var(--ink);
display:inline-flex;align-items:center;justify-content:center;
font-family:var(--f-display);font-size:16px;letter-spacing:.04em;
}
.nav__mark--lg{width:46px;height:46px;font-size:20px;}
.nav__name{letter-spacing:.02em;}
.nav__name em{font-family:var(--f-serif);font-weight:400;opacity:.85;}
.nav__links{
display:none;gap:28px;margin-left:auto;
font-size:13px;letter-spacing:.06em;text-transform:uppercase;font-weight:500;
}
.nav__links a{opacity:.78;transition:opacity .2s;}
.nav__links a:hover{opacity:1;}
.nav__cta{
margin-left:auto;
padding:11px 18px;border-radius:999px;
background:var(--lime);color:var(--ink);
font-size:13px;font-weight:600;letter-spacing:.02em;
display:inline-flex;align-items:center;
min-height:44px;
}
@media (min-width:900px){
.nav__links{display:flex;}
.nav__cta{margin-left:0;}
}
.nav__actions{display:flex;align-items:center;gap:12px;margin-left:auto;}
@media (min-width:900px){.nav__actions{margin-left:0;}}
.nav__lang{
background:transparent;
border:1.5px solid rgba(255,255,255,.35);
border-radius:6px;
color:#fff;
font-family:var(--font-body);
font-size:.75rem;
font-weight:700;
letter-spacing:.08em;
padding:10px 14px;
cursor:pointer;
transition:background .2s,border-color .2s;
display:inline-flex;align-items:center;justify-content:center;
min-height:44px;min-width:44px;
}
.nav__lang:hover{background:rgba(193,255,112,.15);border-color:var(--lime);color:var(--lime);}
@media (max-width:480px){
.nav{gap:6px;padding:14px 16px;}
.ph--nav-logo{width:110px;}
.nav__cta{font-size:12px;padding:10px 12px;}
}
/* ============================================================
HERO
============================================================ */
.hero{
position:relative;overflow:hidden;
background:
radial-gradient(120% 80% at 50% 0%, var(--ink-2) 0%, var(--ink) 45%, var(--ink-deep) 100%);
color:#fff;
padding:100px var(--pad-x) 40px;
min-height:100vh;
min-height:unset;
display:grid;
grid-template-columns:1fr;
grid-template-rows:auto auto auto auto auto auto;
gap:16px;
align-content:start;
}
.hero__grain{
position:absolute;inset:0;pointer-events:none;opacity:.9;
background:
radial-gradient(900px 600px at 78% 18%, rgba(21,182,255,.22), transparent 60%),
radial-gradient(700px 500px at 12% 90%, rgba(226,125,184,.14), transparent 60%),
radial-gradient(1200px 800px at 50% 110%, rgba(193,255,112,.10), transparent 60%);
}
.hero__sky{
position:absolute;inset:0;pointer-events:none;overflow:hidden;
}
.cloud{
position:absolute;
background:rgba(255,255,255,.06);
border-radius:999px;
filter:blur(2px);
}
.cloud--1{top:18%;left:6%;width:160px;height:42px;}
.cloud--2{top:36%;right:12%;width:120px;height:32px;opacity:.5;}
.cloud--3{top:62%;left:32%;width:200px;height:50px;opacity:.4;}
.cloud--4{top:8%;right:34%;width:90px;height:26px;opacity:.5;}
.hero__sun{
position:absolute;top:14%;right:8%;
width:64px;height:64px;border-radius:50%;
background:radial-gradient(circle at 35% 35%, #fff5b8, var(--yellow) 70%);
box-shadow:0 0 80px rgba(255,232,77,.45), 0 0 30px rgba(255,232,77,.6);
opacity:.85;
}
.hero__sun::before,
.hero__sun::after{
content:"";position:absolute;inset:-14px;border-radius:50%;
border:1.5px dashed rgba(255,232,77,.4);
}
.hero__sun::after{inset:-28px;opacity:.5;}
.hero__meta{
display:flex;justify-content:space-between;gap:16px;
font-size:11px;letter-spacing:.18em;text-transform:uppercase;
color:rgba(255,255,255,.55);
position:relative;z-index:2;
}
.hero__eyebrow::before{content:"●";color:var(--lime);margin-right:.6em;font-size:9px;vertical-align:1px;}
.hero__locator{text-align:right;}
.hero__title{
margin:0;
font-family:var(--f-display);
font-weight:400;
font-size:clamp(72px, 18vw, 220px);
line-height:.88;
letter-spacing:-.005em;
display:flex;flex-direction:column;
text-transform:uppercase;
}
.hero__line{display:block;}
.hero__line--plain{color:#fff;}
.hero__line--lime{color:var(--lime);}
.hero__line--outline{
color:transparent;
-webkit-text-stroke:1.5px #fff;
text-stroke:1.5px #fff;
position:relative;
}
.hero__sub{
font-family:var(--f-serif);
font-style:italic;
font-size:clamp(1rem, 2vw, 1.25rem);
line-height:1.45;
color:rgba(255,255,255,.78);
max-width:42ch;
margin:0;
}
.hero__sub em{color:var(--lime);font-style:italic;}
.hero__cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;}
.btn{
display:inline-flex;align-items:center;gap:10px;
padding:13px 22px;
border-radius:999px;
font-weight:600;font-size:14px;
letter-spacing:.01em;
min-height:46px;
transition:transform .15s ease, background .2s ease;
}
.btn:hover{transform:translateY(-1px);}
.btn--lime{background:var(--lime);color:var(--ink);}
.btn--lime:hover{background:#d4ff8e;}
.btn--ghost{
background:transparent;color:#fff;
border:1.5px solid rgba(255,255,255,.3);
}
.btn--ghost:hover{border-color:#fff;background:rgba(255,255,255,.05);}
.btn__ico{font-size:18px;}
.proof-pills{
list-style:none;margin:0;padding:0;
display:flex;flex-wrap:wrap;gap:10px;
}
.pill{
display:inline-flex;align-items:baseline;gap:.45em;
padding:10px 16px;border-radius:999px;
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.12);
font-size:13px;
color:rgba(255,255,255,.85);
backdrop-filter:blur(8px);
}
.pill strong{font-family:var(--f-display);font-weight:400;font-size:17px;letter-spacing:.04em;color:#fff;}
.pill span{opacity:.65;}
.hero__photo{margin:0;position:relative;}
.hero__photo-cap{
margin-top:10px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;
color:rgba(255,255,255,.5);
}
.ph{
position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;
background-image:
repeating-linear-gradient(135deg, rgba(255,255,255,.04) 0 12px, rgba(255,255,255,.02) 12px 24px);
background-color:#1a1a1a;
color:rgba(255,255,255,.55);
border:1px solid rgba(255,255,255,.08);
font-family:"SF Mono", ui-monospace, Menlo, monospace;
font-size:11px;letter-spacing:.08em;
text-align:center;padding:24px;gap:4px;
}
.ph__tag{font-weight:600;}
.ph__sub{opacity:.55;font-size:10px;}
.ph--hero{aspect-ratio:4/5;border-radius:6px;}
.ph--nav-logo{width:150px;height:36px;border-radius:4px;padding:0;font-size:9px;letter-spacing:.1em;flex-shrink:0;background:transparent;border:none;}
.ph--nav-logo-footer{width:300px;height:76px;}
.hero__scroll{
display:none;
position:absolute;left:var(--pad-x);bottom:32px;
font-size:10px;letter-spacing:.3em;text-transform:uppercase;
color:rgba(255,255,255,.5);
align-items:center;gap:12px;
}
.hero__scroll-line{display:block;width:60px;height:1px;background:currentColor;}
@media (min-width:880px){
.hero{
grid-template-columns:1fr minmax(0, 480px);
grid-template-rows:auto auto auto auto;
gap:20px 56px;
padding-top:120px;
align-content:center;
}
.hero__meta{grid-column:1 / -1;}
.hero__title{grid-column:1;grid-row:2;align-self:start;}
.hero__sub{grid-column:1;grid-row:3;}
.hero__cta{grid-column:1;grid-row:4;align-items:center;}
.proof-pills{grid-column:1;grid-row:5;}
.hero__photo{grid-column:2;grid-row:2 / span 4;align-self:stretch;}
.hero__photo .ph{height:100%;width:100%;aspect-ratio:auto;min-height:520px;}
.hero__scroll{display:flex;}
}
@media (max-width:767px){
.hero{
padding-top:clamp(88px,22vw,110px);
padding-bottom:calc(var(--bar-h) + 8px);
padding-left:clamp(24px,6vw,80px);
padding-right:clamp(24px,6vw,80px);
min-height:auto;
gap:20px;
align-content:start;
}
.btn{min-height:48px;padding:14px 20px;font-size:14px;}
.hero__title--cartoon{
font-size:clamp(6.3rem, 25vw, 7rem);
overflow:hidden;
text-align:center;
}
.hero__title--cartoon .ht-row{white-space:nowrap;}
.hero__title--cartoon .ht-row-cycle{justify-content:center;}
.hero__sub--cartoon{
font-size:1.2rem;
line-height:1.55;
max-width:100%;
text-align:center;
}
.hero__sub--cartoon{margin-bottom:12px;}
.hero__cta{flex-wrap:wrap;gap:8px;justify-content:center;}
.hero__cta .btn{flex:0 1 auto;min-height:48px;padding:13px 18px;font-size:14px;white-space:nowrap;}
.hero__cta .btn--ghost-cartoon{
display:inline-flex;
min-height:48px;padding:13px 18px;
border-radius:999px;
align-items:center;justify-content:center;
gap:6px;
font-size:14px;flex-shrink:0;
}
.hero__cta .btn--ghost-cartoon > span:not(.btn__ico){display:inline;}
/* polaroid hidden on mobile — more room for text */
.hero__photo--cartoon{display:none;}
/* pills centered below CTA */
.proof-pills--cartoon{
order:5;
flex-wrap:wrap;
justify-content:center;
gap:8px;
overflow:visible;
}
.proof-pills--cartoon .pill{
flex:0 0 auto;
padding:8px 14px;
font-size:13px;
}
}
@media (max-width:680px){
.hero{gap:14px;}
.hero__sub--cartoon{margin-bottom:8px;}
.hero__cta{order:5;flex-wrap:wrap;}
.hero__openday-pill{flex-basis:100%;justify-content:center;}
}
@media (max-width:390px){
.hero__cta{flex-wrap:wrap;}
.hero__title--cartoon .ht-row{max-width:100%;}
.hero__title--cartoon{font-size:clamp(6.3rem,25vw,7rem);}
}
/* tablet / landscape-phone gap: 768–879px gets single-col left-aligned layout */
@media (min-width:768px) and (max-width:879px){
.hero{
padding-top:clamp(100px,14vw,120px);
padding-bottom:40px;
padding-left:clamp(40px,6vw,80px);
padding-right:clamp(40px,6vw,80px);
min-height:auto;
align-content:start;
gap:22px;
}
.hero__title--cartoon{
font-size:clamp(5.76rem,10.8vw,6.96rem);
text-align:left;
}
.hero__title--cartoon .ht-row-cycle{justify-content:flex-start;}
.hero__sub--cartoon{
max-width:52ch;
text-align:left;
font-size:1.25rem;
}
.hero__cta{justify-content:flex-start;}
.proof-pills--cartoon{justify-content:flex-start;}
}
/* ============================================================
LIME PROOF STRIP
============================================================ */
.strip{
background:var(--lime);
color:var(--ink);
padding:36px var(--pad-x);
display:grid;
grid-template-columns:repeat(2, 1fr);
gap:24px 16px;
border-top:1px solid rgba(10,10,10,.1);
}
@media (min-width:760px){
.strip{grid-template-columns:repeat(4, 1fr);padding:48px var(--pad-x);}
}
.strip__item{display:flex;flex-direction:column;gap:4px;}
.strip__num{
font-family:var(--f-display);font-size:clamp(48px, 7vw, 84px);line-height:.95;
letter-spacing:-.005em;font-weight:400;
}
.strip__star{font-size:.55em;vertical-align:.25em;color:var(--ink);}
.strip__plus{font-family:var(--f-serif);font-style:italic;font-size:.55em;vertical-align:.45em;}
.strip__lbl{
font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;
opacity:.75;
}
/* ============================================================
FOUNDER QUOTE
============================================================ */
.founder-quote{
background:#fceaba;
padding:calc(var(--section-pad-y) * .5) var(--pad-x);
}
.founder-quote__inner{
max-width:1080px;
margin:0 auto;
display:grid;
grid-template-columns:300px 1fr;
gap:clamp(32px,5vw,72px);
align-items:center;
}
.founder-quote__photo{
margin:0;
}
.founder-quote__img-wrap{
display:block;
position:relative;
width:260px;
height:347px;
border-radius:20px;
overflow:hidden;
box-shadow:0 12px 40px rgba(10,20,82,.12);
}
.founder-quote__img-wrap img{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
object-position:center top;
display:block;
}
.founder-quote__block{
margin:0;
position:relative;
}
.founder-quote__mark{
font-family:var(--f-serif);
font-style:italic;
font-weight:600;
font-size:clamp(80px,12vw,140px);
line-height:.6;
color:var(--pink);
display:block;
margin-bottom:12px;
user-select:none;
}
.founder-quote__text{
font-family:var(--f-serif);
font-style:italic;
font-weight:500;
font-size:clamp(17px,2vw,22px);
line-height:1.65;
color:var(--ink);
margin:0 0 28px;
}
.founder-quote__sig{
display:flex;
flex-direction:column;
gap:4px;
}
.founder-quote__sig--mobile{ display:none; }
.founder-quote__name{
font-family:var(--f-body);
font-weight:700;
font-size:15px;
color:var(--ink);
}
.founder-quote__title{
font-family:var(--f-body);
font-size:12px;
font-weight:400;
color:var(--ink);
opacity:.6;
line-height:1.5;
}
.founder-quote__cta{
grid-column:2;align-self:end;margin-top:24px;
}
@media(max-width:680px){
.founder-quote{padding:28px var(--pad-x) 32px;}
.founder-quote__mark{font-size:52px;margin-bottom:6px;}
.founder-quote__text{font-size:clamp(15px,4vw,18px);margin-bottom:16px;}
.founder-quote__inner{
grid-template-columns:1fr;
gap:20px;
}
.founder-quote__photo{order:2;}
.founder-quote__block{order:1;}
.founder-quote__img-wrap{
aspect-ratio:3/4;
width:100%;
height:auto;
max-width:240px;
margin:0 auto;
}
.founder-quote__cta{grid-column:1;}
.founder-quote__sig--mobile{ display:flex; margin-top:16px; }
.founder-quote__sig--desktop{ display:none; }
}
/* ============================================================
FEAR / TRUST
============================================================ */
.fear{
background:var(--cream);
padding:var(--section-pad-y) var(--pad-x);
padding-bottom:calc(var(--section-pad-y) / 2);
color:var(--ink);
}
.fear__head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:48px;}
.fear__grid{
display:grid;grid-template-columns:1fr;gap:40px;
}
@media (min-width:900px){
.fear__grid{grid-template-columns:1.1fr 1fr;gap:80px;align-items:start;}
}
.fear__quote{position:relative;padding-top:24px;}
.quote-mark{
font-family:var(--f-serif);
font-size:clamp(180px, 22vw, 280px);
line-height:.7;
color:var(--lime);
position:absolute;left:-8px;top:-30px;
font-style:italic;
}
.quote-text{
position:relative;
font-family:var(--f-serif);font-style:italic;font-weight:500;
font-size:clamp(38px, 6.5vw, 80px);
line-height:1.04;
margin:0;
letter-spacing:-.01em;
}
.quote-text em{color:#0a0a0a;background:linear-gradient(transparent 60%, var(--lime) 60% 92%, transparent 92%);padding:0 .1em;}
.quote-attr{
font-family:var(--f-body);font-size:12px;letter-spacing:.18em;text-transform:uppercase;
color:rgba(10,10,10,.5);margin-top:24px;
}
.fear__cards{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;}
.trust-card{
position:relative;
background:#fff;
padding:24px 24px 24px 76px;
border-radius:14px;
border:1px solid rgba(10,10,10,.06);
display:grid;grid-template-columns:1fr;gap:6px;
transition:transform .25s ease, box-shadow .25s ease;
}
.trust-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px -20px rgba(25,43,130,.25);}
.trust-card__ico{
position:absolute;left:20px;top:22px;
width:40px;height:40px;border-radius:50%;
display:inline-flex;align-items:center;justify-content:center;
background:var(--ink);color:var(--lime);
}
.trust-card__ico svg{width:20px;height:20px;}
.trust-card:nth-child(2) .trust-card__ico{background:var(--navy);color:var(--white);}
.trust-card:nth-child(3) .trust-card__ico{background:var(--pink);color:#fff;}
.trust-card__title{
font-family:var(--f-serif);font-style:italic;font-weight:600;
font-size:22px;margin:0;letter-spacing:-.005em;
}
.trust-card__body{margin:0;font-size:14.5px;color:rgba(10,10,10,.72);line-height:1.5;}
/* ============================================================
BIG TESTIMONIAL — optimized 2-column layout
============================================================ */
.testi{
position:relative;overflow:hidden;
background:var(--navy);color:#fff;
padding:calc(var(--section-pad-y) * .2) var(--pad-x) var(--section-pad-y);
}
@media (max-width:639px){.testi{padding-top:32px;}}
.testi__watermark{display:none;}
.testi__head{
position:relative;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
align-items:center;margin-bottom:28px;margin-top:-32px;
}
@media (min-width:760px){
.testi{padding-top:0;}
.testi__head{margin-top:0;}
}
.testi__rating{display:flex;align-items:center;gap:10px;}
.testi__rating-num{
font-size:12px;color:rgba(255,255,255,.7);
font-family:var(--f-body);font-weight:500;letter-spacing:.04em;
}
.testi__rating-num strong{
font-family:var(--f-display);font-weight:400;font-size:18px;
color:var(--yellow);letter-spacing:.04em;margin-right:2px;
}
.testi__source{
display:inline-flex;align-items:center;gap:6px;
margin-left:auto;padding:4px 10px;border-radius:999px;
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.15);
font-size:11px;color:rgba(255,255,255,.65);letter-spacing:.02em;
flex-shrink:0;
}
.testi__source svg{color:#4285f4;}
/* 2-column layout: featured quote left, 4 cards (2×2) right */
.testi__layout{
display:grid;gap:20px;
grid-template-columns:1fr;
}
@media (min-width:1024px){
.testi__layout{grid-template-columns:1fr 1.1fr;gap:32px;align-items:stretch;}
}
.testi__featured{
display:flex;flex-direction:column;
padding:28px;border-radius:16px;
background:linear-gradient(160deg, rgba(193,255,112,.08) 0%, rgba(255,255,255,.02) 100%);
border:1px solid rgba(255,255,255,.1);
position:relative;
}
.testi__featured .testi-card__stars{margin-bottom:14px;display:block;}
.testi__big{position:relative;margin:0;}
.testi__big--sm p{
font-family:var(--f-serif);font-style:italic;font-weight:500;
font-size:clamp(22px, 2.4vw, 30px);
line-height:1.3;
margin:0 0 24px;
letter-spacing:-.005em;color:#fff;
max-width:none;
}
.testi__big--sm em{color:var(--lime);font-style:italic;}
.testi__big--sm strong{color:var(--lime);font-weight:600;}
.testi__author{
display:flex;align-items:center;gap:12px;
margin-top:auto;padding-top:18px;
border-top:1px solid rgba(255,255,255,.15);
}
.avatar{
width:46px;height:46px;border-radius:50%;
background:linear-gradient(135deg, var(--pink), var(--yellow));
color:var(--navy);
display:inline-flex;align-items:center;justify-content:center;
font-family:var(--f-display);font-size:16px;letter-spacing:.06em;
flex-shrink:0;
}
.avatar--sm{width:34px;height:34px;font-size:12px;}
.testi__author-info{display:flex;flex-direction:column;gap:1px;font-size:13px;}
.testi__author-info strong{font-weight:600;font-size:14px;}
.testi__author-info em{font-family:var(--f-serif);color:rgba(255,255,255,.6);font-size:12.5px;}
/* small cards 2×2 grid on desktop */
.testi__small-grid{
margin:0;
display:grid;gap:12px;grid-template-columns:1fr;
}
@media (min-width:560px){.testi__small-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:639px){
.testi__head{margin-top:0;margin-bottom:12px;}
.testi__head>.kicker{display:none;}
.testi__rating{flex-wrap:nowrap;align-items:flex-start;gap:8px;}
.testi__rating-label{display:block;font-size:10px;color:rgba(255,255,255,.45);margin-top:2px;letter-spacing:.02em;}
}
.testi-card{
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.1);
border-radius:14px;
padding:18px;
display:flex;flex-direction:column;gap:12px;
}
.testi-card__stars{color:var(--yellow);font-size:13px;letter-spacing:.15em;}
.testi-card p{
margin:0;
font-family:var(--f-serif);font-style:italic;
font-size:15px;line-height:1.45;
color:rgba(255,255,255,.92);
}
.testi-card p em{color:var(--lime);}
.testi-card footer{display:flex;align-items:flex-start;gap:10px;font-size:12px;margin-top:auto;}
.testi-card footer > span:nth-child(2){display:flex;flex-direction:column;gap:1px;flex:1;}
.testi-card footer strong{font-weight:600;line-height:1.2;font-size:13px;}
.testi-card footer em{font-family:var(--f-serif);color:rgba(255,255,255,.55);font-size:13px;line-height:1.3;}
/* ============================================================
OFFER
============================================================ */
.offer{
position:relative;overflow:hidden;
background:var(--cream);
padding:var(--section-pad-y) var(--pad-x);
}
.offer__watermark{
position:absolute;
font-family:var(--f-display);
font-size:min(46vw, 520px);
line-height:.78;
color:transparent;
-webkit-text-stroke:1.5px rgba(10,10,10,.12);
letter-spacing:-.02em;
bottom:-2vw;left:-2vw;
pointer-events:none;user-select:none;
}
.offer__head{position:relative;margin-bottom:48px;}
.offer__carousel-wrap{overflow:hidden;}
.offer__grid{
position:relative;
display:flex;flex-wrap:nowrap;gap:0;
transition:transform .45s cubic-bezier(.4,0,.2,1);
will-change:transform;
}
.offer__grid .offer-card{flex:0 0 auto;width:100%;min-width:0;}
.offer__nav{display:flex;justify-content:center;margin-top:20px;}
.offer__dots{display:flex;gap:8px;align-items:center;}
.offer__dot{
width:8px;height:8px;border-radius:50%;border:none;cursor:pointer;
background:rgba(10,20,82,.2);padding:0;
transition:background .2s,transform .2s;position:relative;
}
.offer__dot::before{content:'';position:absolute;inset:-18px;}
.offer__dot.is-active{background:var(--ink);transform:scale(1.4);}
@media(min-width:900px){
.offer__carousel-wrap{overflow:visible;}
.offer__grid{
display:grid;gap:20px;
grid-template-columns:1fr 1fr;
transition:none;transform:none !important;
flex-wrap:unset;
}
.offer__grid .offer-card{flex:unset;width:auto;}
.offer__nav{display:none;}
}
.offer-card{
position:relative;overflow:hidden;
padding:32px;
border-radius:18px;
display:flex;flex-direction:column;gap:18px;
min-height:560px;
}
.offer-card--navy{background:var(--navy);color:#fff;}
.offer-card--ink{background:var(--ink);color:#fff;}
.offer-card__top{display:flex;justify-content:space-between;align-items:center;}
.age-badge{
display:inline-flex;align-items:center;
padding:6px 14px;border-radius:999px;
font-size:12px;font-weight:600;letter-spacing:.04em;
}
.age-badge--lime{background:var(--lime);color:var(--ink);}
.age-badge--pink{background:var(--pink);color:#fff;}
.offer-card__no{
font-family:var(--f-display);font-size:14px;letter-spacing:.06em;
color:rgba(255,255,255,.45);
}
.offer-card__name{
font-family:var(--f-serif);font-style:italic;font-weight:600;
font-size:clamp(36px, 5vw, 52px);
margin:0;letter-spacing:-.005em;line-height:1.05;
}
.offer-card__lede{
font-family:var(--f-serif);font-size:19px;line-height:1.4;
color:rgba(255,255,255,.78);
margin:0;max-width:30ch;
}
.offer-card__lede em{color:var(--lime);}
.offer-card__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;}
.offer-card__list li{
list-style:none;
display:flex;align-items:flex-start;gap:10px;
font-size:14.5px;line-height:1.45;color:rgba(255,255,255,.86);
}
.offer-card__list li::before{
content:"✓";color:var(--lime);font-weight:700;flex-shrink:0;
}
.offer-card--navy .offer-card__list li::before{color:var(--pink);}
.offer-card .offer-card__cta{
margin-top:auto;margin-bottom:0;align-self:flex-start;
display:inline-flex;align-items:center;gap:8px;
padding:14px 22px;border-radius:999px;
background-color:#fff;color:var(--ink);
font-size:14px;font-weight:600;
min-height:48px;
position:relative;z-index:2;
text-decoration:none;
}
.offer-card .offer-card__cta--lime{background-color:var(--lime);}
.offer-card__photo{margin:0 -32px -32px;flex-shrink:0;}
.offer-card__photo .ph{aspect-ratio:16/9;border-radius:0;border:none;padding:0;overflow:hidden;}
.ph--offer{background-color:#222;}
.ph--offer-light{background-color:#2a3a8b;color:rgba(255,255,255,.55);}
/* ============================================================
DAY TIMELINE
============================================================ */
.day{
background:var(--ink);
color:#fff;
padding:var(--section-pad-y) 0;
}
.day__head{padding:0 var(--pad-x);margin-bottom:48px;}
.day__rail-wrap{position:relative;}
.day__rail{
list-style:none;margin:0;padding:0 var(--pad-x);
display:flex;gap:20px;
overflow-x:auto;overflow-y:hidden;
scroll-snap-type:x mandatory;
scrollbar-width:none;
-webkit-overflow-scrolling:touch;
}
.day__rail::-webkit-scrollbar{display:none;}
.day-step{
flex:0 0 min(340px, 80vw);
scroll-snap-align:start;
background:linear-gradient(180deg, #181818 0%, #0e0e0e 100%);
border:1px solid rgba(255,255,255,.08);
border-radius:14px;
padding:28px 24px;
display:flex;flex-direction:column;gap:8px;
position:relative;overflow:hidden;
min-height:300px;
}
.day-step__no{
font-family:var(--f-display);
font-size:clamp(80px, 12vw, 140px);
line-height:.85;
color:transparent;
-webkit-text-stroke:1.5px rgba(255,255,255,.18);
letter-spacing:-.01em;
margin:-6px 0 0 -4px;
}
.day-step__time{
font-size:11px;letter-spacing:.22em;text-transform:uppercase;
color:var(--lime);font-weight:600;
}
.day-step__emoji{font-size:28px;margin-top:6px;}
.day-step__title{
font-family:var(--f-serif);font-style:italic;font-weight:500;
font-size:28px;margin:0;letter-spacing:-.005em;
}
.day-step__body{
margin:0;font-size:14px;line-height:1.5;
color:rgba(255,255,255,.65);
}
.day-step:nth-child(1) .day-step__time{color:var(--lime);}
.day-step:nth-child(2) .day-step__time{color:var(--yellow);}
.day-step:nth-child(3) .day-step__time{color:var(--pink);}
.day-step:nth-child(4) .day-step__time{color:var(--lime);}
.day-step:nth-child(5) .day-step__time{color:var(--blue);}
.day-step:nth-child(6) .day-step__time{color:var(--pink);}
.day__nav{
display:flex;gap:8px;justify-content:flex-end;
padding:24px var(--pad-x) 0;
}
.day__btn{
width:48px;height:48px;border-radius:50%;
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.16);
color:#fff;font-size:18px;
display:inline-flex;align-items:center;justify-content:center;
transition:background .2s, transform .15s;
}
.day__btn:hover{background:rgba(255,255,255,.16);transform:translateY(-1px);}
/* ============================================================
LOCATIONS
============================================================ */
.locs{
display:grid;
grid-template-columns:1fr;
}
@media (min-width:900px){.locs{grid-template-columns:1fr 1fr;}}
.loc{
position:relative;overflow:hidden;
padding:var(--section-pad-y) var(--pad-x);
min-height:560px;
display:flex;flex-direction:column;gap:18px;
}
.loc--blue{background:var(--blue-light);}
.loc--pink{background:var(--pink-light);}
.loc__index{
font-family:var(--f-display);font-size:14px;letter-spacing:.06em;
color:rgba(10,10,10,.4);
}
.loc__kicker{
font-size:11px;letter-spacing:.22em;text-transform:uppercase;
color:rgba(10,10,10,.5);font-weight:600;
}
.loc__city{
font-family:var(--f-display);
font-size:clamp(72px, 12vw, 156px);
line-height:.85;letter-spacing:-.01em;font-weight:400;
margin:0;
}
.loc__city em{font-family:var(--f-serif);font-style:italic;font-weight:500;letter-spacing:0;display:block;}
.loc--blue .loc__city{color:var(--navy);}
.loc--pink .loc__city{color:#a63a76;}
.loc__addr{
font-family:var(--f-serif);font-style:italic;font-size:20px;line-height:1.3;
margin:0;color:rgba(10,10,10,.7);
}
.loc__chips{
list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;
}
.loc__chips li{
padding:8px 14px;border-radius:999px;
border:1px solid rgba(10,10,10,.15);
font-size:12px;font-weight:500;letter-spacing:.02em;
background:rgba(255,255,255,.5);
}
.loc__link{
margin-top:auto;align-self:flex-start;
display:inline-flex;align-items:center;gap:10px;
padding:14px 22px;border-radius:999px;
background:var(--ink);color:#fff;
font-size:14px;font-weight:600;
min-height:48px;
}
.loc--blue .loc__link{background:var(--navy);}
.loc--pink .loc__link{background:#a63a76;}
.loc__photo{margin:0 calc(-1 * var(--pad-x));}
.loc__photo .ph{aspect-ratio:16/8;border:none !important;}
.ph--loc-blue{background-color:#dbe3fa;color:rgba(25,43,130,.6);}
.ph--loc-pink{background-color:#ffd5ed;color:rgba(166,58,118,.7);}
.loc__map-polaroid{
display:block;
margin:28px auto 0;
width:calc(100% - 48px);
max-width:480px;
transform:rotate(-1.8deg);
}
.loc--pink .loc__map-polaroid{transform:rotate(1.4deg);}
.loc__map-polaroid iframe{display:block;width:100%;height:200px;}
/* ============================================================
FORM
============================================================ */
.form-sec{
position:relative;overflow:hidden;
background:var(--cream);
padding:var(--section-pad-y) var(--pad-x);
}
.form-sec__watermark{
position:absolute;top:-2vw;right:-3vw;
font-family:var(--f-display);
font-size:min(58vw, 640px);
line-height:.8;
color:transparent;
-webkit-text-stroke:1.5px rgba(25,43,130,.12);
letter-spacing:-.02em;
pointer-events:none;user-select:none;
}
.form-sec__head{position:relative;text-align:center;max-width:760px;margin:0 auto 28px;}
.form-sec__head .section-title{font-size:clamp(48px, 8vw, 100px);}
.form-sec__head .section-lede{margin:0 auto;}
.form-sec__promises{
position:relative;
list-style:none;margin:0 auto 36px;padding:0;
display:flex;flex-wrap:wrap;gap:18px;justify-content:center;
font-size:13px;color:rgba(10,10,10,.65);
}
.form-sec__promises li{display:inline-flex;align-items:center;gap:8px;}
.promise-dot{width:9px;height:9px;border-radius:50%;display:inline-block;}
.promise-dot--lime{background:var(--lime);}
.promise-dot--pink{background:var(--pink);}
.promise-dot--yellow{background:var(--yellow);}
.form{
position:relative;
max-width:720px;margin:0 auto;
background:#fff;
border-radius:18px;
padding:clamp(24px, 4vw, 40px);
border:1px solid rgba(10,10,10,.06);
box-shadow:0 30px 80px -40px rgba(25,43,130,.25);
}
.form__row{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:14px;}
@media (min-width:640px){.form__row{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;}}
.form__row--full{grid-template-columns:1fr !important;}
.form__field{display:flex;flex-direction:column;gap:6px;}
.form__lbl{
font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;
color:rgba(10,10,10,.55);
}
@media (min-width:640px){.form__lbl{font-size:13px;}}
.form__field input,
.form__field select{
font:inherit;
min-height:54px;
padding:0 16px;
border-radius:12px;
border:1.5px solid rgba(10,10,10,.12);
background:var(--cream);
color:var(--ink);
font-size:16px;
transition:border-color .2s, background .2s;
}
.form__field select{padding:0 12px;}
.form__error{font-size:12px;font-weight:600;color:#e27db8;min-height:1.2em;}
.form__event-note{
display:flex;align-items:center;gap:10px;
padding:12px 16px;border-radius:12px;
background:var(--yellow);color:var(--ink);
font-size:14px;font-weight:500;margin-bottom:20px;
}
.form__field input[aria-invalid="true"],
.form__field select[aria-invalid="true"]{border-color:#e27db8;}
.form__field input:focus,
.form__field select:focus{
outline:none;
border-color:var(--navy);
background:#fff;
}
.form__check-row{margin-bottom:18px;}
.form__check-label{
display:flex;align-items:flex-start;gap:12px;cursor:pointer;
font-size:13px;color:rgba(10,10,10,.65);line-height:1.5;
}
.form__check-label input[type=checkbox]{
position:absolute;opacity:0;width:0;height:0;
}
.form__check-box{
flex-shrink:0;width:20px;height:20px;margin-top:2px;
border-radius:6px;border:1.5px solid rgba(10,10,10,.18);
background:var(--cream);
transition:border-color .2s,background .2s;
display:flex;align-items:center;justify-content:center;
}
.form__check-label input[type=checkbox]:checked ~ .form__check-box,
.form__check-label:has(input[type=checkbox]:checked) .form__check-box{
background:var(--navy);border-color:var(--navy);
}
.form__check-label:has(input[type=checkbox]:checked) .form__check-box::after{
content:'';width:5px;height:9px;
border:2px solid #fff;border-top:none;border-left:none;
transform:rotate(45deg) translate(-1px,-1px);display:block;
}
.form__check-label:has(input[type=checkbox][aria-invalid="true"]) .form__check-box{border-color:#e27db8;}
.form__check-label input[type=checkbox]:focus + .form__check-box{outline:2px solid var(--navy);outline-offset:2px;}
.form__check-label a{color:inherit;text-decoration:underline;}
.form__submit{
width:100%;
min-height:64px;
border-radius:999px;
background:var(--navy);color:#fff;
font-size:16px;font-weight:600;letter-spacing:.01em;
display:inline-flex;align-items:center;justify-content:center;gap:14px;
margin-top:8px;
transition:background .2s, transform .15s;
}
.form__submit:hover{background:#0d1c5f;transform:translateY(-1px);}
.form__submit-arrow{font-size:20px;}
.form__legal{
margin:18px 0 0;text-align:center;
font-size:12px;color:rgba(10,10,10,.5);
}
.form__legal a{text-decoration:underline;}
.form__success{
margin-top:18px;padding:16px 18px;border-radius:12px;
background:var(--lime);color:var(--ink);font-size:14px;
}
/* ============================================================
FOOTER
============================================================ */
.foot{
background:var(--ink);color:rgba(255,255,255,.7);
padding:43px var(--pad-x) 21px;
}
.foot__main{
display:grid;grid-template-columns:1fr;gap:32px;
padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1);
}
@media (min-width:780px){
.foot__main{grid-template-columns:auto 1fr auto auto;align-items:start;gap:40px;}
}
.foot__logo{
display:inline-flex;align-items:center;gap:14px;
font-family:var(--f-display);font-size:24px;color:#fff;letter-spacing:.02em;
}
.foot__logo em{font-family:var(--f-serif);font-style:italic;font-weight:400;opacity:.85;}
.foot__nav{
display:flex;flex-wrap:wrap;gap:20px 28px;
font-size:13px;letter-spacing:.06em;text-transform:uppercase;font-weight:500;
}
.foot__nav a{transition:color .2s;}
.foot__nav a:hover{color:var(--lime);}
.foot__contact{
display:flex;flex-direction:column;gap:6px;font-size:14px;
white-space:nowrap;
}
.foot__contact a{color:#fff;font-family:var(--f-display);font-size:22px;letter-spacing:.04em;white-space:nowrap;}
.foot__contact a[href^="mailto"]{font-family:var(--f-body);font-size:14px;letter-spacing:0;}
.foot__tel-label{font-family:var(--f-body);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.45);margin-right:6px;vertical-align:middle;}
.foot__locs{
display:flex;flex-direction:column;gap:14px;font-size:13px;color:rgba(255,255,255,.7);
}
.foot__loc{display:flex;flex-direction:column;gap:2px;}
.foot__loc strong{color:#fff;font-size:13px;letter-spacing:.04em;}
.foot__hours{font-size:12px;color:rgba(255,255,255,.45);letter-spacing:.06em;text-transform:uppercase;margin-top:4px;}
.foot__social{display:flex;gap:12px;margin-top:10px;}
.foot__social a{
display:inline-flex;align-items:center;justify-content:center;
width:36px;height:36px;border-radius:50%;
border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.7);
transition:border-color .2s,color .2s;
}
.foot__social a:hover{border-color:var(--lime);color:var(--lime);}
.foot__bottom{
margin-top:8px;
display:flex;align-items:center;justify-content:space-between;gap:10px 24px;flex-wrap:wrap;
font-size:11px;letter-spacing:.08em;color:rgba(255,255,255,.4);
}
@media(max-width:599px){.foot__bottom{font-size:12px;gap:8px;}}
.foot__tagline{font-family:var(--f-serif);font-style:italic;letter-spacing:0;font-size:13px;}
.foot__legal{
display:flex;align-items:center;gap:8px;
font-size:11px;letter-spacing:.06em;
}
.foot__legal a{color:rgba(255,255,255,.4);text-decoration:none;transition:color .2s;}
.foot__legal a:hover{color:var(--lime);}
.foot__legal span{color:rgba(255,255,255,.2);}
@media(max-width:599px){
.foot__bottom{flex-direction:column;align-items:flex-start;}
.foot__tagline{order:3;}
}
/* ============================================================
COOKIE BANNER — popup prawy dół
============================================================ */
.cookie-banner{
position:fixed;
left:16px;bottom:calc(72px + 12px);
z-index:10001;
width:min(320px,calc(100vw - 32px));
background:var(--ink-deep);
border:1px solid rgba(255,255,255,.12);
border-radius:14px;
box-shadow:0 8px 32px rgba(0,0,0,.45);
padding:20px;
transform:translateY(0);opacity:1;
transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s;
}
.cookie-banner.is-hidden{transform:translateY(calc(100% + 100px));opacity:0;pointer-events:none;}
.cookie-banner__inner{display:flex;flex-direction:column;gap:14px;}
.cookie-banner__text{
font-size:13px;color:rgba(255,255,255,.65);line-height:1.55;
}
.cookie-banner__text strong{display:block;color:#fff;font-size:14px;margin-bottom:5px;}
.cookie-banner__text a{color:var(--lime);text-decoration:none;}
.cookie-banner__text a:hover{text-decoration:underline;}
.cookie-banner__actions{display:flex;gap:8px;}
.cookie-banner__btn{
flex:1;padding:10px 14px;border-radius:8px;border:none;cursor:pointer;
font-family:var(--f-body);font-size:13px;font-weight:600;letter-spacing:.03em;
transition:background .2s,color .2s,border-color .2s;
}
.cookie-banner__btn--primary{background:var(--lime);color:var(--ink-deep);}
.cookie-banner__btn--primary:hover{background:#a8f040;}
.cookie-banner__btn--secondary{
background:transparent;color:rgba(255,255,255,.65);
border:1px solid rgba(255,255,255,.22);
}
.cookie-banner__btn--secondary:hover{border-color:rgba(255,255,255,.6);color:#fff;}
@media(max-width:599px){
.cookie-banner{left:0;right:0;bottom:calc(72px + 8px);width:auto;margin:0 12px;border-radius:12px;}
}
/* ============================================================
STICKY MOBILE BAR
============================================================ */
.sticky{
position:fixed;left:0;right:0;bottom:0;z-index:60;
display:flex;gap:10px;
padding:10px max(12px, env(safe-area-inset-left)) calc(10px + env(safe-area-inset-bottom, 0px)) max(12px, env(safe-area-inset-right));
background:rgba(10,10,10,.78);
backdrop-filter:blur(14px);
border-top:1px solid rgba(255,255,255,.08);
}
.sticky__btn{
flex:1;min-height:52px;
border-radius:999px;
display:inline-flex;align-items:center;justify-content:center;gap:8px;
font-size:14px;font-weight:600;
}
.sticky__btn--ghost{
background:rgba(255,255,255,.08);color:#fff;
border:1px solid rgba(255,255,255,.16);
}
.sticky__btn--lime{background:var(--lime);color:var(--ink);flex:1.4;}
.sticky__btn--tel{font-size:12px;}
.sticky__tel-city{font-size:12px;letter-spacing:.03em;}
@media (min-width:900px){
.sticky{display:none;}
body{padding-bottom:0;}
}
/* ============================================================
PRESCHOOL FLAIR — handwriting, doodles, stickers, tape
============================================================ */
/* handwritten accent */
.hand{
font-family:var(--f-hand);
font-weight:500;
line-height:1.05;
letter-spacing:.005em;
display:inline-flex;align-items:center;gap:8px;
white-space:nowrap;
}
.hand--lime{color:var(--lime);}
.hand--pink{color:var(--pink);}
.hand--yellow{color:var(--yellow);}
.hand--ink{color:var(--ink);}
.hand--lg{font-size:34px;}
.hand--md{font-size:24px;}
.hand--sm{font-size:18px;}
.hand-arrow{
width:54px;height:36px;flex-shrink:0;
stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;
}
/* squiggle underline for any word */
.squiggle{position:relative;display:inline-block;}
.squiggle::after{
content:"";
position:absolute;left:0;right:0;bottom:-.08em;
height:.18em;
background:no-repeat center/100% 100% url("data:image/svg+xml;utf8,");
}
.squiggle--pink::after{background-image:url("data:image/svg+xml;utf8,");}
.squiggle--yellow::after{background-image:url("data:image/svg+xml;utf8,");}
/* rotated sticker badge */
.sticker{
display:inline-flex;align-items:center;justify-content:center;
padding:10px 16px;
border-radius:999px;
font-family:var(--f-hand);font-weight:700;
font-size:18px;line-height:1;
letter-spacing:.01em;
transform:rotate(-6deg);
box-shadow:0 6px 0 rgba(0,0,0,.12), 0 14px 30px -10px rgba(0,0,0,.25);
}
.sticker--lime{background:var(--lime);color:var(--ink);}
.sticker--pink{background:var(--pink);color:#fff;}
.sticker--yellow{background:var(--yellow);color:var(--ink);}
.sticker--blue{background:var(--blue);color:#fff;}
.sticker--rot-r{transform:rotate(8deg);}
.sticker--lg{padding:14px 22px;font-size:22px;}
/* washi tape strip — for photos */
.tape{
position:absolute;
width:96px;height:24px;
background:rgba(255,232,77,.82);
background-image:repeating-linear-gradient(90deg, transparent 0 6px, rgba(0,0,0,.04) 6px 7px);
pointer-events:none;
z-index:2;
box-shadow:0 2px 6px rgba(0,0,0,.12);
}
.tape--tl{top:-12px;left:24px;transform:rotate(-8deg);}
.tape--tr{top:-12px;right:24px;transform:rotate(7deg);}
.tape--bl{bottom:-12px;left:18%;transform:rotate(6deg);}
.tape--pink{background-color:rgba(226,125,184,.85);}
.tape--lime{background-color:rgba(193,255,112,.85);}
.tape--blue{background-color:rgba(21,182,255,.7);}
/* scribble decorative star */
.scribble{
position:absolute;
pointer-events:none;
user-select:none;
}
.scribble svg{display:block;}
/* polaroid photo container */
.polaroid{
position:relative;
background:#fff;
padding:14px 14px 48px;
box-shadow:0 16px 40px -16px rgba(0,0,0,.35), 0 2px 0 rgba(0,0,0,.04);
display:inline-block;
}
.polaroid__cap{
position:absolute;left:0;right:0;bottom:10px;text-align:center;
font-family:var(--f-hand);font-weight:500;color:var(--ink);font-size:20px;
}
/* HERO additions */
.hero__title-flair{
position:absolute;right:-8px;top:30%;
transform:rotate(-8deg);
pointer-events:none;
}
.hero__photo-frame{position:relative;}
.hero__hand-note{
position:absolute;left:-12px;bottom:36px;
color:var(--lime);
font-family:var(--f-hand);font-weight:500;font-size:26px;
line-height:1.05;transform:rotate(-6deg);
max-width:180px;text-shadow:0 2px 12px rgba(0,0,0,.4);
}
.hero__sticker{
position:absolute;top:18px;right:-14px;z-index:3;
}
.hero__doodle-corner{
position:absolute;left:var(--pad-x);top:108px;opacity:.85;
}
/* lime strip flair */
.strip{position:relative;}
.strip__divider{
display:none;
}
@media (min-width:760px){
.strip__divider{
display:flex;align-items:center;justify-content:center;
font-size:22px;color:var(--ink);opacity:.5;
}
}
/* fear section flair */
.fear{position:relative;overflow:hidden;}
.fear .quote-text em{
background:none;color:var(--ink);
position:relative;
}
.fear .quote-text em::after{
content:"";position:absolute;left:-2px;right:-2px;bottom:.06em;
height:.14em;
background:no-repeat center/100% 100% url("data:image/svg+xml;utf8,");
}
.fear__scribble-1{top:-24px;right:6%;transform:rotate(8deg);}
.fear__scribble-2{bottom:8%;left:46%;}
.trust-card__sticker{
position:absolute;right:-10px;top:-12px;z-index:2;
}
.trust-card__hand{
position:absolute;left:-14px;bottom:-18px;
font-family:var(--f-hand);font-weight:500;font-size:22px;color:var(--pink);
transform:rotate(-4deg);
}
/* testi flair */
.testi__sticker{
position:absolute;top:16px;right:var(--pad-x);
z-index:3;
}
@media (min-width:760px){.testi__sticker{top:68px;}}
@media (max-width:760px){.testi__sticker{top:auto;bottom:24px;right:16px;}}
.testi-card__hand{
font-family:var(--f-hand);font-weight:500;font-size:22px;color:var(--lime);
transform:rotate(-3deg);display:inline-block;margin-top:-4px;
}
.testi__author .avatar{position:relative;}
.testi__author .avatar::after{
content:"♥";
position:absolute;right:-8px;top:-8px;
width:24px;height:24px;border-radius:50%;
background:var(--pink);color:#fff;
display:inline-flex;align-items:center;justify-content:center;
font-size:13px;
box-shadow:0 4px 10px rgba(0,0,0,.25);
transform:rotate(-12deg);
}
/* offer flair */
.offer-card{position:relative;}
.offer-card__hand-note{
position:absolute;bottom:240px;right:8px;
font-family:var(--f-hand);font-weight:500;font-size:22px;
transform:rotate(6deg);z-index:3;
max-width:160px;line-height:1.05;text-align:right;
}
.offer-card--navy .offer-card__hand-note{color:var(--pink);}
.offer-card--ink .offer-card__hand-note{color:var(--lime);}
/* day flair */
.day-step__sticker{
position:absolute;top:-12px;right:-10px;
transform:rotate(8deg);z-index:2;
}
.day-step__hand{
position:absolute;bottom:14px;right:18px;
font-family:var(--f-hand);font-weight:500;font-size:20px;color:var(--yellow);
transform:rotate(-6deg);
}
/* locations flair */
.loc__polaroid-wrap{
position:absolute;
top:24px;right:var(--pad-x);
z-index:2;
pointer-events:none;
display:none;
}
@media (min-width:1100px){.loc__polaroid-wrap{display:block;}}
.loc__polaroid-wrap .polaroid{
width:200px;transform:rotate(4deg);
}
.loc--blue .loc__polaroid-wrap .polaroid{transform:rotate(-5deg);}
.loc__polaroid-wrap .ph{aspect-ratio:1;width:172px;}
.loc__hand{
font-family:var(--f-hand);font-weight:500;font-size:22px;
transform:rotate(-3deg);display:inline-block;margin-top:8px;
}
.loc--blue .loc__hand{color:var(--navy);}
.loc--pink .loc__hand{color:#a63a76;}
/* form flair */
.form-sec__sticker{
position:absolute;top:40px;left:8%;
z-index:2;
}
.form__hand-arrow{
position:absolute;left:-44px;top:50%;
transform:translateY(-50%) rotate(-10deg);
color:var(--pink);
display:none;
}
@media (min-width:980px){.form__hand-arrow{display:block;}}
.form__submit{position:relative;}
/* photo placeholders gain a hand caption on hover */
.ph--hero{position:relative;}
/* utility for inline mini star */
.mini-star{
display:inline-block;width:14px;height:14px;
vertical-align:-2px;margin:0 4px;
}
/* ============================================================
WAVY SECTION DIVIDERS — preschool warmth between sections
============================================================ */
.wave{
display:block;width:100%;
height:clamp(40px, 6vw, 78px);
line-height:0;margin:0;padding:0;
position:relative;z-index:1;
}
.wave svg{display:block;width:100%;height:100%;}
.wave--flip svg{transform:scaleX(-1);}
/* tiny decorative float strip — used on cream sections */
.dec-row{
display:flex;justify-content:center;gap:28px;
padding:24px var(--pad-x) 0;
font-size:20px;color:rgba(10,20,82,.35);
}
.dec-row span{display:inline-block;}
.dec-row .dec-rot{transform:rotate(-12deg);}
/* floating sticker scribbles in section corners */
.section-scribble{
position:absolute;pointer-events:none;user-select:none;z-index:1;
}
.section-scribble svg{display:block;}
/* sunrays under section titles */
.title-rays{
display:inline-flex;align-items:center;gap:6px;
font-size:13px;color:rgba(10,20,82,.45);
font-family:var(--f-hand);font-weight:600;
}
.title-rays::before,
.title-rays::after{
content:"";width:32px;height:1.5px;background:currentColor;border-radius:2px;
}
/* footer cloud line */
.foot__sky{
position:absolute;left:0;right:0;top:0;height:90px;pointer-events:none;
background:
radial-gradient(80px 22px at 20% 50%, rgba(255,255,255,.04), transparent 70%),
radial-gradient(60px 18px at 50% 30%, rgba(255,255,255,.03), transparent 70%),
radial-gradient(100px 26px at 80% 60%, rgba(255,255,255,.04), transparent 70%);
}
.foot{position:relative;overflow:hidden;background:var(--ink-deep);}
/* extra "you are loved" mark under hero proof pills */
.hero__love{
font-family:var(--f-hand);font-weight:500;font-size:18px;
color:rgba(255,255,255,.55);
display:inline-flex;align-items:center;gap:8px;margin-top:8px;
}
.hero__love::before{content:"";width:24px;height:1px;background:currentColor;}
/* day timeline gets a starry top */
.day{position:relative;}
.day__stars{
position:absolute;inset:0;pointer-events:none;
background-image:
radial-gradient(1.2px 1.2px at 8% 12%, rgba(255,255,255,.5), transparent 50%),
radial-gradient(1.2px 1.2px at 28% 22%, rgba(255,255,255,.35), transparent 50%),
radial-gradient(1.6px 1.6px at 48% 8%, rgba(255,232,77,.6), transparent 50%),
radial-gradient(1.2px 1.2px at 72% 18%, rgba(255,255,255,.4), transparent 50%),
radial-gradient(1.2px 1.2px at 92% 28%, rgba(255,255,255,.35), transparent 50%),
radial-gradient(1.2px 1.2px at 14% 70%, rgba(193,255,112,.5), transparent 50%),
radial-gradient(1.2px 1.2px at 60% 78%, rgba(255,255,255,.35), transparent 50%),
radial-gradient(1.2px 1.2px at 88% 86%, rgba(226,125,184,.5), transparent 50%);
}
/* lime strip gets soft scallop bottom feel */
.strip{position:relative;}
/* reveal-on-scroll micro animation */
@media (prefers-reduced-motion: no-preference){
.js .reveal{opacity:0;transform:translateY(20px);transition:opacity .8s ease, transform .8s ease;}
.reveal.is-in{opacity:1;transform:none;}
}
/* hero floating clouds animation */
@media (prefers-reduced-motion: no-preference){
.cloud{animation:cloud-drift 22s ease-in-out infinite alternate;}
.cloud--2{animation-duration:28s;animation-delay:-6s;}
.cloud--3{animation-duration:34s;animation-delay:-12s;}
.cloud--4{animation-duration:26s;animation-delay:-3s;}
@keyframes cloud-drift{
from{transform:translateX(-12px);}
to{transform:translateX(12px);}
}
.hero__sun{animation:sun-pulse 6s ease-in-out infinite;}
@keyframes sun-pulse{
50%{box-shadow:0 0 110px rgba(255,232,77,.6), 0 0 40px rgba(255,232,77,.75);}
}
}
/* offer photo: extra warmth */
.offer-card__photo{position:relative;overflow:hidden;}
.offer-card__photo .ph{transition:transform .6s cubic-bezier(.2,.7,.2,1);}
.offer-card:hover .offer-card__photo .ph{transform:scale(1.04);}
/* ============================================================
AGENCY-GRADE POLISH — interactions, loader, counters, cursor, FAQ
============================================================ */
/* ---------- Scroll progress bar ---------- */
.scroll-progress{
position:fixed;left:0;right:0;top:0;height:3px;
background:transparent;z-index:70;pointer-events:none;
}
.scroll-progress__bar{
height:100%;width:0%;
background:linear-gradient(90deg, var(--lime), var(--pink) 60%, var(--yellow));
transition:width .12s linear;
box-shadow:0 0 12px rgba(193,255,112,.6);
}
/* ---------- Loader / splash ---------- */
.loader{
position:fixed;inset:0;z-index:11000;
background:var(--ink-deep);
display:flex;flex-direction:column;align-items:center;justify-content:center;
gap:24px;
transition:opacity .6s ease, visibility .6s ease;
}
.loader.is-out{opacity:0;visibility:hidden;}
.ph--loader-logo{
width:320px;height:96px;border-radius:6px;padding:0;font-size:11px;letter-spacing:.1em;
background:transparent;border:none;
animation:loader-pop .6s cubic-bezier(.2,1.4,.4,1) both;
}
.loader__bar{
width:200px;height:2px;background:rgba(255,255,255,.15);overflow:hidden;border-radius:2px;
opacity:0;animation:loader-fade .4s ease .4s forwards;
}
.loader__bar::after{
content:"";display:block;height:100%;width:0;background:var(--lime);
animation:loader-fill 1.1s cubic-bezier(.5,0,.1,1) .5s forwards;
}
@keyframes loader-pop{from{transform:scale(.6);opacity:0;}to{transform:scale(1);opacity:1;}}
@keyframes loader-fade{to{opacity:1;}}
@keyframes loader-fill{to{width:100%;}}
/* ---------- Cursor dot (desktop only) ---------- */
.cursor{
position:fixed;top:0;left:0;
width:10px;height:10px;border-radius:50%;
background:var(--lime);
pointer-events:none;z-index:80;
transform:translate(-50%,-50%);
mix-blend-mode:difference;
transition:width .2s ease, height .2s ease, background .2s ease, opacity .2s ease;
opacity:0;
}
.cursor.is-on{opacity:1;}
.cursor.is-hover{width:42px;height:42px;background:var(--pink);}
@media (hover:none) or (pointer:coarse){.cursor{display:none !important;}}
/* ---------- Hero text reveal ---------- */
.hero__line{
display:block;overflow:hidden;
}
.hero__line > span{
display:block;
transform:translateY(110%);
opacity:0;
transition:transform 1s cubic-bezier(.18,.84,.24,1), opacity .9s ease;
}
body.is-loaded .hero__line > span{transform:translateY(0);opacity:1;}
body.is-loaded .hero__line:nth-child(1) > span{transition-delay:.1s;}
body.is-loaded .hero__line:nth-child(2) > span{transition-delay:.22s;}
body.is-loaded .hero__line:nth-child(3) > span{transition-delay:.34s;}
/* Hero content: visible by default (entry animations disabled — caused issues) */
.hero__meta,
.hero__sub,
.hero__cta,
.proof-pills,
.hero__photo,
.hero__scroll{opacity:1;}
/* (legacy hero__scroll reveal rule removed) */
/* ---------- CTA polish — arrow slide ---------- */
.btn,
.openday__cta,
.offer-card__cta,
.loc__link,
.nav__cta,
.sticky__btn{
position:relative;overflow:hidden;
isolation:isolate;
}
.btn span[aria-hidden="true"],
.openday__cta span[aria-hidden="true"],
.offer-card__cta span[aria-hidden="true"],
.loc__link span[aria-hidden="true"]{
display:inline-block;
transition:transform .35s cubic-bezier(.2,.8,.2,1);
}
.btn:hover span[aria-hidden="true"],
.openday__cta:hover span[aria-hidden="true"],
.offer-card__cta:hover span[aria-hidden="true"],
.loc__link:hover span[aria-hidden="true"]{transform:translateX(6px);}
/* ---------- Noise texture for dark sections ---------- */
.hero::after,
.diff::after,
.day::after,
.testi::after,
.foot::after{
content:"";position:absolute;inset:0;pointer-events:none;
background-image:url("data:image/svg+xml;utf8,");
mix-blend-mode:overlay;
opacity:.5;
z-index:0;
}
.hero > *:not(.hero__grain):not(.hero__sky):not(.hero__title),
.diff > *,
.day > *,
.testi > *,
.foot > *{position:relative;z-index:1;}
.hero__title{position:relative;z-index:2;}
/* ---------- Refined card shadows ---------- */
.trust-card,
.pillar,
.testi-card,
.offer-card,
.day-step{
box-shadow:0 1px 0 rgba(10,20,82,.04), 0 8px 24px -16px rgba(10,20,82,.18);
}
.offer-card{box-shadow:0 30px 80px -40px rgba(7,13,58,.6), 0 1px 0 rgba(255,255,255,.04) inset;}
.trust-card:hover{box-shadow:0 1px 0 rgba(10,20,82,.04), 0 24px 60px -24px rgba(10,20,82,.28);}
/* ---------- Counter shimmer prep ---------- */
[data-count]{
font-variant-numeric:tabular-nums;
font-feature-settings:"tnum";
}
/* ---------- FAQ ---------- */
.faq{
position:relative;
background:var(--cream);
padding:var(--section-pad-y) var(--pad-x);
}
.faq__head{margin-bottom:48px;max-width:760px;}
.faq__list{
max-width:880px;margin:0 auto;
border-top:1px solid rgba(10,20,82,.12);
}
.faq__item{
border-bottom:1px solid rgba(10,20,82,.12);
}
.faq__q{
width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;
padding:28px 0;
font-family:var(--f-serif);font-style:italic;font-weight:600;
font-size:clamp(20px, 2.4vw, 28px);
line-height:1.25;
text-align:left;color:var(--ink);
letter-spacing:-.005em;
cursor:pointer;
border:none;background:none;
transition:color .2s;
}
.faq__q:hover{color:var(--navy);}
.faq__q-text{flex:1;}
.faq__num{
font-family:var(--f-display);font-size:14px;letter-spacing:.06em;
color:rgba(10,20,82,.4);flex-shrink:0;margin-right:24px;
}
.faq__icon{
position:relative;
width:36px;height:36px;border-radius:50%;
background:rgba(10,20,82,.06);
display:inline-flex;align-items:center;justify-content:center;
flex-shrink:0;
transition:background .25s, transform .35s cubic-bezier(.2,.8,.2,1);
color:var(--ink);
}
.faq__item.is-open .faq__icon{
background:var(--lime);transform:rotate(45deg);
}
.faq__icon::before,
.faq__icon::after{
content:"";position:absolute;background:currentColor;border-radius:2px;
top:50%;left:50%;
}
.faq__icon::before{width:14px;height:2px;transform:translate(-50%,-50%);}
.faq__icon::after{width:2px;height:14px;transform:translate(-50%,-50%);}
.faq__a{
max-height:0;overflow:hidden;
transition:max-height .5s cubic-bezier(.2,.8,.2,1);
}
.faq__a-inner{
padding:0 0 28px;
padding-right:60px;
font-size:16px;line-height:1.65;color:rgba(10,20,82,.78);
display:flex;flex-direction:column;gap:12px;
}
.faq__a-inner em{font-family:var(--f-serif);font-style:italic;color:var(--ink);}
.faq__a-inner p{margin:0;}
/* ---------- Better proof pills with subtle hover ---------- */
.pill{transition:background .2s, border-color .2s, transform .15s;}
.pill:hover{background:rgba(255,255,255,.1);transform:translateY(-1px);}
/* ---------- Better link underlines in body ---------- */
.form__legal a{
background:linear-gradient(currentColor, currentColor) no-repeat left bottom / 100% 1px;
transition:background-size .3s;
}
.form__legal a:hover{background-size:0% 1px;}
/* ---------- Smooth offer-card photo with overlay ---------- */
.offer-card__photo::after{
content:"";position:absolute;inset:0;
background:linear-gradient(180deg, transparent 40%, rgba(7,13,58,.4) 100%);
pointer-events:none;
}
/* ---------- Section number labels on right edge (desktop) ---------- */
.side-rail{
position:fixed;right:18px;top:50%;transform:translateY(-50%);
z-index:40;display:none;
flex-direction:column;gap:10px;
}
@media (min-width:1100px){.side-rail{display:flex;}}
.side-rail__dot{
width:8px;height:8px;border-radius:50%;
background:rgba(255,255,255,.4);
border:1.5px solid rgba(255,255,255,.6);
mix-blend-mode:difference;
transition:transform .25s, background .25s;
}
.side-rail__dot.is-active{
transform:scale(1.6);background:var(--lime);border-color:var(--lime);
}
/* ---------- During loading ---------- */
body:not(.is-loaded){overflow:hidden;}
/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion: reduce){
.loader{display:none;}
/* stop word cycle — stay on first word "ROZKWITA" */
.ht-cycle{animation:none;}
/* stop cartoon hero animations */
.cs-sun__rays{animation:none;}
.cs-cloud{animation:none;}
/* stop aurora blobs */
.aurora::before,
.aurora::after{animation:none;}
/* stop pulsing dots */
.moment__live::before{animation:none;}
.availability__kicker::before{animation:none;}
.openday__kicker::before{animation:none;}
/* stop moment progress bar fill */
.moment.is-playing .moment__progress > span{animation:none;width:100%;}
/* stop marquee — decorative, aria-hidden */
.classes__marquee-track{animation:none;}
}
/* ============================================================
HERO — CARTOON VARIANT (clean, calm, animated)
============================================================ */
.hero--bright{
background:
radial-gradient(60% 45% at 30% 18%, #fff5b8 0%, transparent 65%),
linear-gradient(180deg, #fff7d6 0%, #fceaba 100%);
color:var(--ink);
}
.hero--bright::after{display:none !important;}
.hero--bright .hero__grain,
.hero--bright .hero__sky{display:none;}
.hero--bright .hero__meta{color:rgba(10,20,82,.55);}
.hero--bright .hero__eyebrow::before{color:var(--pink);}
.hero--bright .hero__scroll{color:rgba(10,20,82,.5);}
.cartoon-sky{
position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0;
}
.cs-sun{
position:absolute;
top:clamp(40px, 5vw, 80px);
right:clamp(28px, 6vw, 90px);
width:clamp(80px, 9vw, 120px);
aspect-ratio:1;
}
.cs-sun__rays{
position:absolute;inset:-15%;
animation:cs-spin 30s linear infinite;
}
.cs-sun__rays svg,
.cs-sun__face svg{width:100%;height:100%;display:block;}
.cs-sun__face{
position:absolute;inset:18%;
filter:drop-shadow(0 4px 16px rgba(255,216,77,.4));
}
@keyframes cs-spin{to{transform:rotate(360deg);}}
.cs-cloud{
position:absolute;
width:clamp(90px, 10vw, 140px);
opacity:.8;
animation:cs-cloud-drift 28s ease-in-out infinite alternate;
}
.cs-cloud--1{top:14%; left:8%; animation-delay:-3s;}
.cs-cloud--2{top:36%; right:24%; width:clamp(70px, 8vw, 100px); opacity:.6; animation-delay:-12s;}
@keyframes cs-cloud-drift{
from{transform:translateX(-10px);}
to {transform:translateX(14px);}
}
/* CARTOON TITLE — 3 rows, visible by default (animation-free entry) */
.hero__title--cartoon{
font-family:var(--f-display);
font-size:clamp(3.24rem, 7.56vw, 6.48rem);
line-height:.92;
font-weight:400;
letter-spacing:-.005em;
display:flex;flex-direction:column;
margin:0;
}
@media (max-width:767px){
.hero__title--cartoon{font-size:clamp(6.3rem,25vw,7rem);}
}
.ht-row{display:block;white-space:nowrap;}
.ht-row-1{color:var(--ink);}
.ht-row-2{
color:var(--pink);
text-shadow:-2px 3px 0 var(--ink);
}
.ht-row-3{
color:transparent;
-webkit-text-stroke:2px var(--ink);
}
/* vertical word cycle for last row */
.ht-row-cycle{
display:flex;align-items:baseline;
overflow:hidden;
height:1.1em;
}
.ht-cycle{
display:inline-flex;flex-direction:column;
animation:ht-cycle-roll 9s steps(4, jump-end) infinite;
}
.ht-cycle__word{
display:block;height:1.1em;line-height:1.1;
white-space:nowrap;
}
@keyframes ht-cycle-roll{
0%, 22% {transform:translateY(0);}
25%, 47% {transform:translateY(-1.1em);}
50%, 72% {transform:translateY(-2.2em);}
75%, 97% {transform:translateY(-3.3em);}
}
/* second of those: ROŚNIE — pink */
.ht-cycle__word:nth-child(2){color:var(--pink);-webkit-text-stroke:0;}
.ht-cycle__word:nth-child(3){color:var(--blue);-webkit-text-stroke:0;}
.ht-cycle__word:nth-child(4){color:var(--ink);-webkit-text-stroke:0;background:var(--yellow);padding:0 .1em;}
/* ============================================================
CURSOR BLOB — magnetic lime trail with lag (desktop only)
============================================================ */
.blob-cursor{
position:fixed;top:0;left:0;
width:44px;height:44px;border-radius:50%;
background:radial-gradient(circle at 30% 30%, rgba(193,255,112,.7), rgba(21,182,255,.4) 70%);
pointer-events:none;z-index:75;
filter:blur(14px);
mix-blend-mode:plus-lighter;
transform:translate(-50%,-50%);
opacity:0;
transition:opacity .4s ease, width .25s ease, height .25s ease;
}
.blob-cursor.is-on{opacity:.8;}
.blob-cursor.is-hover{width:80px;height:80px;}
@media (hover:none) or (pointer:coarse){.blob-cursor{display:none;}}
.pricing > *{position:relative;z-index:1;}
/* ============================================================
LIQUID TEXT — SVG turbulence wobble on hover
============================================================ */
.liquid-text{
display:inline-block;
transition:filter .3s ease;
}
.liquid-text:hover{
filter:url(#liquid-wobble);
}
/* ============================================================
HOVER IMAGE-SWAP MASK — on offer cards & location polaroids
============================================================ */
.swap-img{
position:relative;overflow:hidden;
cursor:pointer;
}
.swap-img__top,
.swap-img__bottom{
position:absolute;inset:0;
width:100%;height:100%;
}
.swap-img__top{
clip-path:circle(0% at 50% 50%);
transition:clip-path .7s cubic-bezier(.7,0,.2,1);
z-index:2;
}
.swap-img:hover .swap-img__top{
clip-path:circle(120% at 50% 50%);
}
/* horizontal reveal variant */
.swap-img--h .swap-img__top{
clip-path:inset(0 100% 0 0);
transition:clip-path .7s cubic-bezier(.7,0,.2,1);
}
.swap-img--h:hover .swap-img__top{
clip-path:inset(0 0 0 0);
}
/* ============================================================
BENTO — for Pillars section (modular asymmetric grid)
============================================================ */
@media (min-width:1100px){
.pillars--bento .pillars__grid{
grid-template-columns:1.6fr 1fr 1fr 1.4fr;
grid-template-rows:auto auto;
gap:18px;
}
.pillars--bento .pillar:nth-child(1){
grid-column:1;grid-row:1 / span 2;
min-height:580px;
}
.pillars--bento .pillar:nth-child(2){grid-column:2;grid-row:1;}
.pillars--bento .pillar:nth-child(3){grid-column:3;grid-row:1;}
.pillars--bento .pillar:nth-child(4){grid-column:2 / span 2;grid-row:2;}
.pillars--bento .pillar:nth-child(5){grid-column:4;grid-row:1 / span 2;min-height:580px;}
.pillars--bento .pillar:nth-child(1) .pillar__name,
.pillars--bento .pillar:nth-child(5) .pillar__name{font-size:36px;}
.pillars--bento .pillar:nth-child(1) .pillar__no,
.pillars--bento .pillar:nth-child(5) .pillar__no{font-size:88px;}
/* tall cards get bold full-bleed accent */
.pillars--bento .pillar:nth-child(1){
background:linear-gradient(160deg, #fff 0%, #ecffd2 100%);
border:none;box-shadow:0 1px 0 rgba(10,20,82,.06),0 30px 60px -30px rgba(193,255,112,.5);
}
.pillars--bento .pillar:nth-child(5){
background:linear-gradient(160deg, var(--navy) 0%, #0f1a64 100%);
color:#fff;border:none;
}
.pillars--bento .pillar:nth-child(5) .pillar__no{
-webkit-text-stroke-color:rgba(255,255,255,.25);
}
.pillars--bento .pillar:nth-child(5) .pillar__name{color:#fff;}
.pillars--bento .pillar:nth-child(5) .pillar__body{color:rgba(255,255,255,.75);}
.pillars--bento .pillar:nth-child(5) .pillar__meta{
border-color:rgba(255,255,255,.18);color:rgba(255,255,255,.6);
}
}
@keyframes hero-sub-shimmer{
0% {background-position:0% center;}
100%{background-position:200% center;}
}
.hero__sub--cartoon{
font-weight:500;
background:linear-gradient(90deg,#0a1452 0%,#e8417a 38%,#8bc34a 68%,#0a1452 100%);
background-size:200% auto;
-webkit-background-clip:text;
background-clip:text;
-webkit-text-fill-color:transparent;
animation:hero-sub-shimmer 5s linear infinite;
}
.hero__sub--cartoon em{
font-style:italic;
-webkit-text-fill-color:var(--ink);
background:#b8e8ff;
padding:0 .2em;
border-radius:4px;
}
.btn--cartoon{
background:var(--lime) !important;
color:var(--ink) !important;
border:2.5px solid var(--ink);
box-shadow:0 5px 0 var(--ink);
font-weight:700;
transition:transform .15s ease, box-shadow .15s ease;
}
.btn--cartoon:hover{
transform:translateY(-2px);
box-shadow:0 7px 0 var(--ink);
}
.btn--cartoon:active{
transform:translateY(3px);
box-shadow:0 2px 0 var(--ink);
}
.btn--ghost-cartoon{
background:#fff !important;
color:var(--ink) !important;
border:2.5px solid var(--ink) !important;
box-shadow:0 5px 0 var(--ink);
font-weight:700;
}
.btn--ghost-cartoon:hover{
transform:translateY(-2px);
box-shadow:0 7px 0 var(--ink);
}
.proof-pills--cartoon .pill{
background:#fff;
border:2px solid var(--ink);
color:var(--ink);
box-shadow:0 3px 0 var(--ink);
}
.proof-pills--cartoon .pill strong{color:var(--ink);}
.proof-pills--cartoon .pill span{color:rgba(10,20,82,.55);}
/* hero stats bar — single-row badge replacing proof pills */
.hero__stats-bar{
display:none;
align-items:center;
justify-content:center;
gap:0 10px;
background:#fff;
border:2px solid var(--ink);
box-shadow:0 3px 0 var(--ink);
border-radius:999px;
padding:10px 20px;
font-size:14px;
font-weight:600;
color:var(--ink);
white-space:nowrap;
width:100%;
box-sizing:border-box;
order:5;
}
.hero__stats-item{display:inline-flex;align-items:center;gap:4px;}
.hero__stats-sep{color:rgba(10,20,82,.35);font-weight:400;font-size:16px;}
.hero__stats-bar strong{font-weight:700;}
@media(max-width:390px){
.hero__stats-bar{font-size:12px;padding:10px 14px;gap:0 7px;}
.hero__stats-sep{font-size:14px;}
}
/* open day urgency pill in hero */
.hero__openday-pill{
display:flex;
align-items:center;
}
.hero__openday-pill a{
display:inline-flex;align-items:center;gap:6px;
background:var(--lime);color:var(--ink);
border:2px solid var(--ink);
border-radius:999px;
padding:11px 22px 11px 16px;
min-height:46px;
font-family:var(--f-hand);font-size:16px;font-weight:600;
text-decoration:none;
box-shadow:0 3px 0 var(--ink);
transition:transform .15s,box-shadow .15s;
white-space:nowrap;
}
.hero__openday-pill a:hover,
.hero__openday-pill a:focus-visible{
transform:translateY(-2px);
box-shadow:0 5px 0 var(--ink);
}
.hero__openday-pill__ico{font-size:15px;}
.hero__openday-pill__arrow{font-style:normal;}
/* pause word cycle when off-viewport (set via JS) */
.ht-cycle--paused{animation-play-state:paused !important;}
.cartoon-polaroid{
position:relative;
background:#fff;
padding:7px 7px 29px;
box-shadow:0 24px 50px -20px rgba(25,43,130,.35), 0 1px 0 rgba(25,43,130,.04);
border:2px solid var(--ink);
width:85%;
max-width:420px;
margin:0 auto;
z-index:2;
animation:floatFront 4s ease-in-out infinite;
}
.cartoon-polaroid:hover{
animation-play-state:paused;
transform:rotate(0deg) translateY(-6px);
}
.hero__photo--cartoon{position:relative;overflow:visible;}
/* secondary polaroid layered behind for depth */
.cartoon-polaroid--back{
position:absolute;
top:-4%;left:-8%;
width:65%;
max-width:320px;
padding:6px 6px 20px;
z-index:1;
pointer-events:auto;
animation:floatBack 5s ease-in-out infinite;
animation-delay:0.8s;
}
.cartoon-polaroid--back .ph{aspect-ratio:1;}
.cartoon-polaroid--back .cartoon-polaroid__cap{
font-size:9px;bottom:6px;opacity:0.55;
}
@media (max-width:760px){.cartoon-polaroid--back{display:none;}}
@keyframes floatFront{
0%,100%{transform:rotate(2deg) translateY(0px);}
50% {transform:rotate(2deg) translateY(-10px);}
}
@keyframes floatBack{
0%,100%{transform:rotate(-3deg) translateY(0px);}
50% {transform:rotate(-3deg) translateY(-8px);}
}
@media (prefers-reduced-motion:reduce){
.cartoon-polaroid,.cartoon-polaroid--back{animation:none;}
.cartoon-polaroid{transform:rotate(2deg);}
.cartoon-polaroid--back{transform:rotate(-3deg);}
.hero__sub--cartoon{animation:none;}
}
.ph--hero-cartoon-alt{
background-color:#d4e8d4 !important;
color:rgba(25,43,130,.5) !important;
}
.ph--hero-cartoon{
aspect-ratio:4/5;
background-color:#ffe9b8;
background-image:
repeating-linear-gradient(135deg, rgba(25,43,130,.06) 0 14px, rgba(25,43,130,.02) 14px 28px);
color:rgba(25,43,130,.55);
border:none;
}
.cartoon-polaroid__cap{
position:absolute;left:0;right:0;bottom:6px;text-align:center;
font-family:var(--f-hand);font-weight:600;color:var(--ink);font-size:15px;
line-height:1;
padding:0 6px;
}
@media (min-width:880px){
.hero--bright{
min-height:unset;
align-content:start;
padding-bottom:72px;
}
.hero--bright .hero__photo{
grid-row:2 / span 4;
align-self:center;
padding:20px 0 0 20px;
max-width:500px;
flex-shrink:0;
overflow:visible;
}
.hero--bright .cartoon-polaroid{
width:85%;
max-width:420px;
}
}
/* (reduce-motion overrides removed — too aggressive) */
/* =====================================================================
HARD-CUT + SAME-COLOR MERGE — keep current palette, kill all dividers
===================================================================== */
/* hide every wave SVG and aurora overlay (they create visible color shifts) */
.wave{display:none !important;}
.aurora{display:none !important;}
/* solid per-section backgrounds (no gradient on sections themselves) */
.moment{background:#070d3a !important;}
.fear{background:#f5f2ed !important;}
.team{background:#f5f2ed !important;}
.pillars{background:#f5f2ed !important;}
.diff{background:#192b82 !important;}
.testi{background:#192b82 !important;}
.offer{background:#f5f2ed !important;}
.classes{background:#f5f2ed !important;}
.menu-week{background:#f5f2ed !important;}
.enrollment{background:#f5f2ed !important;}
.pricing{background:#0a1452 !important;}
.availability{background:#f5f2ed !important;}
.faq{background:#f5f2ed !important;}
.openday{background:#ffe84d !important;}
.form-sec{background:#f5f2ed !important;}
.foot{background:#070d3a !important;}
/* keep hero cartoon-bright as-is, but flatten its bottom gradient to a solid */
.hero--bright{
background:#fceaba !important;
}
/* zero margins / shadows on section edges so merges are truly seamless */
section,
.foot{
margin:0 !important;
box-shadow:none !important;
}
/* marquee within classes blends with cream */
.classes__marquee{background:#f5f2ed !important;}
/* body fallback (gap during scrubbing / dropping bg) — pick neutral */
body{background:#0a1452;}
/* ============================================================
TRUST STRIP — corporate logos + accreditation badges
============================================================ */
.trust-strip{
background:#ffffff;
padding:clamp(40px, 6vw, 72px) var(--pad-x);
position:relative;
}
.trust-strip__inner{
display:flex;align-items:center;gap:clamp(20px, 4vw, 60px);
flex-wrap:wrap;justify-content:center;
border-bottom:1px solid rgba(10,20,82,.08);
padding-bottom:clamp(28px, 4vw, 48px);
margin-bottom:clamp(28px, 4vw, 48px);
}
.trust-strip__kicker{
font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:700;
color:rgba(10,20,82,.55);
flex-shrink:0;
}
.trust-strip__logos{
display:flex;gap:clamp(20px, 4vw, 48px);
flex-wrap:wrap;justify-content:center;align-items:center;
}
.trust-logo{
font-family:var(--f-display);
font-size:clamp(20px, 2.4vw, 28px);
letter-spacing:.04em;
color:rgba(10,20,82,.4);
filter:saturate(0);
transition:color .25s, filter .25s, transform .15s;
}
.trust-logo:hover{
color:var(--ink);
filter:saturate(1);
transform:translateY(-1px);
}
.trust-strip__badges{
display:grid;gap:18px;
grid-template-columns:1fr;
max-width:1100px;margin:0 auto;
}
@media (min-width:680px){.trust-strip__badges{grid-template-columns:1fr 1fr;}}
@media (min-width:1024px){.trust-strip__badges{grid-template-columns:repeat(4, 1fr);}}
.trust-badge{
display:flex;align-items:center;gap:14px;
padding:18px 20px;
border-radius:14px;
background:rgba(10,20,82,.025);
border:1px solid rgba(10,20,82,.06);
transition:background .2s, transform .15s;
}
.trust-badge:hover{
background:rgba(193,255,112,.15);
transform:translateY(-2px);
}
.trust-badge svg{
width:34px;height:34px;flex-shrink:0;
color:var(--navy);
}
.trust-badge:nth-child(1) svg{color:var(--lime); background:var(--ink); border-radius:8px; padding:4px;}
.trust-badge:nth-child(2) svg{color:var(--pink);}
.trust-badge:nth-child(3) svg{color:var(--navy);}
.trust-badge:nth-child(4) svg{color:var(--blue);}
.trust-badge > div{display:flex;flex-direction:column;gap:2px;}
.trust-badge strong{
font-family:var(--f-serif);font-style:italic;font-weight:700;
font-size:16px;color:var(--ink);line-height:1.1;
}
.trust-badge strong span{
font-family:var(--f-display);font-style:normal;font-weight:400;
font-size:18px;letter-spacing:.04em;
background:var(--lime);color:var(--ink);
padding:0 6px;border-radius:4px;margin-left:4px;
}
.trust-badge span{
font-size:11px;letter-spacing:.04em;
color:rgba(10,20,82,.6);
}
/* ============================================================
LIVE AVAILABILITY WIDGET
============================================================ */
.availability{
position:relative;overflow:hidden;
background:var(--cream);
padding:var(--section-pad-y) var(--pad-x) calc(var(--section-pad-y) * .5);
}
.availability__head{
display:flex;justify-content:space-between;align-items:flex-end;gap:24px;
flex-wrap:wrap;margin-bottom:36px;
}
.availability__title-wrap{flex:1;min-width:260px;}
.availability__kicker{
font-size:11px;letter-spacing:.28em;text-transform:uppercase;
color:var(--ink);font-weight:700;
display:inline-flex;align-items:center;gap:10px;
padding:8px 14px;border-radius:999px;
background:rgba(255,255,255,.7);
border:1px solid rgba(10,20,82,.1);
backdrop-filter:blur(4px);
}
.availability__kicker::before{
content:"";width:8px;height:8px;border-radius:50%;background:#22c55e;
box-shadow:0 0 0 4px rgba(34,197,94,.25);
animation:pulse-green 1.6s ease-out infinite;
}
@keyframes pulse-green{
0%{box-shadow:0 0 0 4px rgba(34,197,94,.4);}
100%{box-shadow:0 0 0 14px rgba(34,197,94,0);}
}
.availability__title{
font-family:var(--f-display);font-weight:400;
font-size:clamp(40px, 6vw, 80px);
line-height:1.0;margin:.3em 0 .15em;letter-spacing:-.005em;
}
.availability__title em{
font-family:var(--f-serif);font-style:italic;font-weight:500;
color:var(--navy);letter-spacing:0;line-height:1.1;
display:inline-block;padding-bottom:.06em;
}
.availability__time{
font-family:var(--f-hand);font-size:18px;
color:rgba(10,20,82,.6);font-weight:500;
}
.availability__time strong{color:var(--ink);font-weight:600;}
.availability__grid{
display:grid;grid-template-columns:1fr;gap:16px;
}
@media (min-width:760px){.availability__grid{grid-template-columns:1fr 1fr;gap:16px;}}
@media (min-width:1100px){.availability__grid{grid-template-columns:repeat(3,1fr);}}
.avail-card{
position:relative;overflow:hidden;
background:#fff;
border:2px solid var(--ink);
border-radius:14px;
padding:20px;
display:flex;flex-direction:column;gap:10px;
box-shadow:0 4px 0 var(--ink);
transition:transform .2s ease, box-shadow .2s ease;
}
.avail-card:hover{
transform:translateY(-2px);
box-shadow:0 6px 0 var(--ink);
}
.avail-card__head{
display:flex;justify-content:space-between;align-items:center;gap:10px;
}
.avail-card__loc{
font-size:11px;letter-spacing:.18em;text-transform:uppercase;
font-weight:700;color:rgba(10,20,82,.55);
}
.avail-card__chip{
font-family:var(--f-display);
font-size:13px;letter-spacing:.06em;
padding:4px 10px;border-radius:999px;
background:var(--lime);color:var(--ink);
}
.avail-card__chip--limited{background:#fb923c;color:#fff;}
.avail-card__chip--full{background:#fecaca;color:#991b1b;}
.avail-card__chip--none{background:#374151;color:#fff;}
.avail-card__age{
font-family:var(--f-serif);font-style:italic;font-weight:600;
font-size:24px;color:var(--ink);
letter-spacing:-.005em;line-height:1.05;
}
.avail-card__bar{
position:relative;height:8px;
background:rgba(10,20,82,.08);border-radius:4px;overflow:hidden;
}
.avail-card__bar > span{
display:block;height:100%;
background:linear-gradient(90deg, var(--lime), var(--blue));
border-radius:4px;
transition:width 1.4s cubic-bezier(.4,0,.2,1);
}
.avail-card__bar--limited > span{background:linear-gradient(90deg, #fb923c, #f97316);}
.avail-card__bar--full > span{background:#fca5a5;}
.avail-card__bar--none > span{background:#d1d5db;}
.avail-card__meta{
display:flex;justify-content:space-between;align-items:baseline;
font-size:12px;color:rgba(10,20,82,.6);
}
.avail-card__count{
font-family:var(--f-display);
font-size:24px;color:var(--ink);
letter-spacing:.04em;font-weight:400;
}
.avail-card__count em{
font-family:var(--f-body);font-style:normal;font-size:12px;
color:rgba(10,20,82,.5);font-weight:500;letter-spacing:0;
}
.avail-card__desc{
display:none;
font-size:13.5px;line-height:1.6;
color:rgba(10,20,82,.6);margin:0;
}
@media(min-width:760px){.avail-card__desc{display:block;}}
.avail-card__cta{
margin-top:auto;
display:inline-flex;align-items:center;justify-content:center;gap:6px;
padding:10px 14px;border-radius:8px;
background:var(--ink);color:#fff;
font-size:13px;font-weight:600;letter-spacing:.02em;
min-height:44px;
transition:background .2s, transform .15s;
}
.avail-card__cta:hover{background:var(--navy);transform:translateY(-1px);}
.avail-card__cta--ghost{
background:transparent;color:var(--ink);
border:1.5px solid rgba(10,20,82,.2);
}
.avail-card__cta--ghost:hover{background:rgba(10,20,82,.05);}
.avail-card__chip--waitlist{background:var(--navy);color:var(--lime);}
.avail-card__bar--waitlist > span{background:linear-gradient(90deg, var(--navy), var(--blue));}
.avail-card__waitlist-note{
font-size:12px;line-height:1.55;color:var(--ink);
margin:0 0 4px;padding:10px 12px;
background:rgba(25,43,130,.06);
border-radius:8px;border-left:3px solid var(--navy);
}
.avail-card__waitlist-social{
display:block;font-family:var(--f-hand);font-size:14px;font-weight:700;
color:var(--navy);margin-bottom:3px;
}
.avail-card__alt{
margin-top:12px;padding-top:12px;
border-top:1px solid rgba(10,20,82,.12);
display:flex;flex-direction:column;gap:3px;
}
.avail-card__alt-label{
font-size:11px;letter-spacing:.12em;text-transform:uppercase;
color:var(--ink);opacity:.55;
}
.avail-card__alt-link{
font-size:13px;font-weight:600;color:var(--navy);
text-decoration:none;
}
.avail-card__alt-link:hover{text-decoration:underline;}
/* ============================================================
PRICING — transparent costs (premium signal)
============================================================ */
.pricing{
position:relative;overflow:hidden;
background:var(--ink);color:#fff;
padding:calc(var(--section-pad-y) * .75) var(--pad-x) 0;
}
.pricing__head{margin-bottom:48px;max-width:760px;}
.pricing__kicker{
font-size:11px;letter-spacing:.28em;text-transform:uppercase;
color:var(--lime);font-weight:700;
}
.pricing__title{
font-family:var(--f-display);font-weight:400;
font-size:clamp(48px, 8vw, 100px);
line-height:1.02;margin:.3em 0 .2em;letter-spacing:-.005em;
}
.pricing__title em{
font-family:var(--f-serif);font-style:italic;font-weight:500;
color:var(--lime);line-height:1.1;
display:inline-block;padding-bottom:.06em;
}
.pricing__sub{
font-family:var(--f-serif);font-style:italic;
font-size:clamp(18px, 2.2vw, 22px);
color:rgba(255,255,255,.7);max-width:42ch;margin:0;
}
.pricing__carousel-wrap{overflow:hidden;}
.pricing__grid{
display:flex;flex-wrap:nowrap;gap:0;
transition:transform .45s cubic-bezier(.4,0,.2,1);
will-change:transform;
margin-top:24px;
}
.pricing__grid .pricing-card{flex:0 0 100%;min-width:0;}
.pricing__nav{display:flex;justify-content:center;margin-top:20px;}
.pricing__dots{display:flex;gap:8px;align-items:center;}
.pricing__dot{
width:8px;height:8px;border-radius:50%;border:none;cursor:pointer;
background:rgba(255,255,255,.3);padding:0;
transition:background .2s,transform .2s;position:relative;
}
.pricing__dot::before{content:'';position:absolute;inset:-18px;}
.pricing__dot.is-active{background:var(--lime);transform:scale(1.4);}
@media(min-width:760px){
.pricing__carousel-wrap{overflow:visible;}
.pricing__grid{
display:grid;gap:18px;
grid-template-columns:1fr 1fr 1fr;
transition:none;transform:none !important;
flex-wrap:unset;
}
.pricing__grid .pricing-card{flex:unset;}
.pricing__nav{display:none;}
}
.pricing-card{
position:relative;overflow:hidden;
padding:36px 32px;
border-radius:18px;
background:rgba(255,255,255,.04);
border:1px solid rgba(255,255,255,.12);
display:flex;flex-direction:column;gap:18px;
}
.pricing-card--featured{
background:linear-gradient(160deg, rgba(193,255,112,.12) 0%, rgba(21,182,255,.08) 100%);
border-color:var(--lime);
}
.pricing-card__featured-tag{
position:absolute;top:18px;right:18px;
padding:6px 12px;border-radius:999px;
background:var(--lime);color:var(--ink);
font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
}
.pricing-card__age{
font-family:var(--f-display);
font-size:14px;letter-spacing:.06em;
color:rgba(255,255,255,.6);
}
.pricing-card__name{
font-family:var(--f-serif);font-style:italic;font-weight:600;
font-size:clamp(36px, 5vw, 52px);
margin:0;letter-spacing:-.005em;line-height:1.05;
color:#fff;padding-bottom:.05em;
}
.pricing-card__price{
display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;
font-family:var(--f-display);
}
.pricing-card__price-note{
width:100%;margin:6px 0 0;
font-family:var(--f-body);font-size:12px;font-weight:500;
color:rgba(255,255,255,.5);letter-spacing:0;line-height:1.4;
}
.pricing-card__amount{
font-size:clamp(56px, 7vw, 84px);
line-height:.95;color:#fff;letter-spacing:-.005em;
}
.pricing-card__currency{
font-size:24px;color:rgba(255,255,255,.7);
}
.pricing-card__period{
font-family:var(--f-body);font-size:14px;
color:rgba(255,255,255,.55);font-weight:500;letter-spacing:0;
}
.pricing-card__includes{
list-style:none;margin:0;padding:0;
display:flex;flex-direction:column;gap:10px;
}
.pricing-card__includes li{
display:flex;align-items:flex-start;gap:10px;
font-size:14.5px;color:rgba(255,255,255,.85);
line-height:1.45;
}
.pricing-card__includes li::before{
content:"✓";color:var(--lime);font-weight:700;flex-shrink:0;
}
.pricing-card__footer{
display:flex;justify-content:space-between;align-items:center;
padding-top:18px;border-top:1px solid rgba(255,255,255,.12);
font-size:12px;color:rgba(255,255,255,.6);
margin-top:auto;
}
.pricing-card__cta{
display:inline-flex;align-items:center;gap:8px;
padding:12px 20px;border-radius:999px;
background:var(--lime);color:var(--ink);
font-weight:700;font-size:14px;
transition:transform .15s, background .2s;
}
.pricing-card__cta:hover{transform:translateY(-2px);background:#d4ff8e;}
/* Odkrywca carousel — override spotlight positioning for flex context */
.pricing-card .spotlight__slide{
position:static;display:none;flex-direction:column;gap:18px;
opacity:1;transform:none;transition:none;pointer-events:auto;inset:auto;
}
.pricing-card .spotlight__slide.is-active{display:flex;}
.pricing-card .spotlight__dots{position:static;}
.pricing-loc-toggle{display:flex;gap:8px;}
.pricing-loc-btn{
width:auto !important;height:auto !important;border-radius:20px !important;
padding:12px 20px !important;min-height:44px !important;background:rgba(255,255,255,.15) !important;
font-family:var(--f-body);font-size:13px;font-weight:600;letter-spacing:.03em;
color:rgba(255,255,255,.65) !important;white-space:nowrap;line-height:1;
}
.pricing-loc-btn::before{display:none !important;}
.pricing-loc-btn.is-active{
background:var(--lime) !important;color:var(--ink) !important;
width:auto !important;border-radius:20px !important;
}
.pricing-loc-btn:hover:not(.is-active){background:rgba(255,255,255,.25) !important;}
.pricing-card__location{
font-family:var(--f-body);font-size:13px;font-weight:700;
color:var(--lime);letter-spacing:.08em;text-transform:uppercase;
margin-top:-10px;
}
.pricing-card__amount--sm{font-size:clamp(34px,4.5vw,52px) !important;}
.pricing-card__carousel-nav{
display:flex;align-items:center;gap:12px;
}
.pricing-card__carousel-dots{gap:10px;}
.pricing__note{
margin-top:28px;text-align:center;
font-family:var(--f-serif);font-style:italic;
color:rgba(255,255,255,.55);
font-size:15px;
}
.pricing__note em{color:var(--lime);font-style:italic;}
.pricing__allin{
font-size:11px;color:rgba(255,255,255,.45);
margin:10px 0 0;letter-spacing:.02em;
}
.pricing__urgency{
margin-top:20px;margin-bottom:16px;display:flex;flex-direction:column;align-items:center;
gap:20px;text-align:center;color:rgba(255,255,255,.75);font-size:15px;
}
.pricing__urgency strong{color:#fff;}
.pricing__urgency-cta{min-width:220px;}
.moment{
position:relative;overflow:hidden;
background:linear-gradient(180deg, var(--ink-deep) 0%, var(--ink) 45%, var(--ink-2) 100%);
color:#fff;
padding:var(--section-pad-y) var(--pad-x);
}
.moment__head{
display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;
margin-bottom:40px;
}
.moment__head-left{flex:1;min-width:280px;}
.moment__live{
display:inline-flex;align-items:center;gap:10px;
font-size:11px;letter-spacing:.28em;text-transform:uppercase;font-weight:700;
color:var(--lime);
padding:8px 14px;border-radius:999px;
background:rgba(193,255,112,.1);
border:1px solid rgba(193,255,112,.3);
}
.moment__live::before{
content:"";width:8px;height:8px;border-radius:50%;background:var(--lime);
box-shadow:0 0 0 4px rgba(193,255,112,.3);
animation:pulse 1.4s ease-out infinite;
}
.moment__title{
font-family:var(--f-display);font-weight:400;
font-size:clamp(56px, 9vw, 130px);
line-height:1.02;letter-spacing:-.01em;
margin:.25em 0 .35em;
}
.moment__title em{
font-family:var(--f-serif);font-style:italic;font-weight:500;
color:var(--lime);letter-spacing:0;
line-height:1.1;display:inline-block;padding-bottom:.06em;
}
.moment__sub{
font-family:var(--f-serif);font-style:italic;
font-size:clamp(18px, 2.2vw, 22px);
color:rgba(255,255,255,.7);margin:0;max-width:42ch;
}
.moment__stats{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end;}
.moment__stats > div{
padding:12px 16px;border-radius:12px;
border:1px solid rgba(255,255,255,.12);
display:flex;flex-direction:column;gap:2px;min-width:90px;
}
.moment__stats strong{
font-family:var(--f-display);font-weight:400;font-size:28px;
color:var(--lime);line-height:1;
}
.moment__stats small{
font-size:10px;letter-spacing:.18em;text-transform:uppercase;
color:rgba(255,255,255,.55);
}
@media (max-width:600px){
.moment__stats{flex-wrap:nowrap;gap:6px;align-items:stretch;}
.moment__stats > div{flex:1;min-width:0;padding:11px 10px;border-radius:10px;}
.moment__stats > div:nth-child(2){flex:1.7;}
.moment__stats strong{font-size:24px;}
.moment__stats small{font-size:9px;letter-spacing:0;}
}
.moment__chips{
display:flex;gap:8px;list-style:none;margin:0 0 28px;padding:0 0 4px;
overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;
mask-image:linear-gradient(to right, black 90%, transparent);
-webkit-mask-image:linear-gradient(to right, black 90%, transparent);
}
.moment__chips::-webkit-scrollbar{display:none;}
.moment__chips li{flex-shrink:0;scroll-snap-align:start;}
.moment__chip{
display:inline-flex;align-items:center;gap:8px;
padding:12px 18px;border-radius:999px;
background:transparent;
border:1.5px solid rgba(255,255,255,.18);
color:rgba(255,255,255,.7);
font-family:var(--f-display);font-size:15px;letter-spacing:.06em;
cursor:pointer;transition:all .25s ease;min-height:44px;
}
.moment__chip:hover{border-color:rgba(255,255,255,.4);color:#fff;}
.moment__chip.is-active{
background:var(--lime);color:var(--ink);border-color:var(--lime);
box-shadow:0 0 0 4px rgba(193,255,112,.2);
}
.moment__chip-emoji{font-size:14px;}
.moment__stage{display:grid;grid-template-columns:1fr;gap:24px;align-items:stretch;}
@media (min-width:900px){.moment__stage{grid-template-columns:1.2fr 1fr;gap:40px;}}
.moment__photo{
position:relative;margin:0;border-radius:14px;overflow:hidden;
min-height:380px;background:#141a4a;
}
@media (min-width:900px){.moment__photo{min-height:540px;}}
.ph--moment{
position:absolute;inset:0;
background-image:
repeating-linear-gradient(135deg, rgba(255,255,255,.05) 0 14px, rgba(255,255,255,.02) 14px 28px);
background-color:#16205a;
display:flex;align-items:center;justify-content:center;flex-direction:column;
color:rgba(255,255,255,.55);
font-family:"SF Mono",ui-monospace,monospace;
font-size:12px;letter-spacing:.08em;
text-align:center;padding:24px;gap:4px;
transition:opacity .5s ease;
}
.moment__photo-overlay{
position:absolute;left:0;right:0;bottom:0;padding:20px 24px;
background:linear-gradient(180deg, transparent, rgba(7,13,58,.85));
z-index:2;display:flex;justify-content:space-between;align-items:flex-end;gap:16px;
}
.moment__photo-caption{
font-family:var(--f-hand);font-weight:500;color:#fff;font-size:20px;
transform:rotate(-2deg);
}
.moment__photo-stamp{
font-size:10px;letter-spacing:.22em;text-transform:uppercase;
color:rgba(255,255,255,.6);font-weight:600;
}
.moment__panel{
background:rgba(255,255,255,.04);
border:1px solid rgba(255,255,255,.1);
border-radius:14px;padding:32px;
display:flex;flex-direction:column;gap:18px;position:relative;
}
.moment__panel-row{
display:flex;align-items:baseline;gap:18px;
border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:18px;
}
.moment__time{
font-family:var(--f-display);font-weight:400;
font-size:clamp(64px, 9vw, 110px);line-height:.9;
color:#fff;letter-spacing:-.005em;
font-variant-numeric:tabular-nums;
}
.moment__when{
font-family:var(--f-serif);font-style:italic;font-weight:500;
font-size:20px;color:var(--lime);
text-transform:lowercase;letter-spacing:.01em;
}
.moment__name{
font-family:var(--f-serif);font-style:italic;font-weight:600;
font-size:32px;letter-spacing:-.005em;line-height:1.1;
color:#fff;margin:0;
}
.moment__desc{
margin:0;font-size:15.5px;line-height:1.55;
color:rgba(255,255,255,.78);
}
.moment__meta{
display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;
padding-top:18px;border-top:1px solid rgba(255,255,255,.1);
margin-top:auto;
}
@media (max-width:480px){.moment__meta{grid-template-columns:1fr 1fr;}}
.moment__meta > div{display:flex;flex-direction:column;gap:4px;}
.moment__meta-lbl{
font-size:10px;letter-spacing:.22em;text-transform:uppercase;
color:rgba(255,255,255,.5);font-weight:600;
}
.moment__meta-val{
font-family:var(--f-serif);font-style:italic;font-size:16px;font-weight:600;
color:#fff;
}
.moment__progress{
position:absolute;left:0;right:0;bottom:0;
height:3px;background:rgba(255,255,255,.08);
border-radius:0 0 14px 14px;overflow:hidden;
}
.moment__progress > span{display:block;height:100%;width:0%;background:var(--lime);}
.moment.is-playing .moment__progress > span{animation:moment-fill 5s linear forwards;}
@keyframes moment-fill{from{width:0;}to{width:100%;}}
.moment__pause{
position:absolute;top:18px;right:18px;
width:44px;height:44px;border-radius:50%;
background:rgba(255,255,255,.1);
border:1px solid rgba(255,255,255,.15);
color:#fff;font-size:11px;
display:inline-flex;align-items:center;justify-content:center;
cursor:pointer;transition:background .2s;
}
.moment__pause:hover{background:rgba(255,255,255,.2);}
.moment__pause::before{content:"❚❚";font-size:9px;letter-spacing:1px;}
.moment.is-paused .moment__pause::before{content:"▶";font-size:10px;letter-spacing:0;}
.moment__panel-row,
.moment__name,
.moment__desc,
.moment__meta{transition:opacity .35s ease, transform .35s ease;}
.moment.is-switching .moment__panel-row,
.moment.is-switching .moment__name,
.moment.is-switching .moment__desc,
.moment.is-switching .moment__meta{opacity:0;transform:translateY(8px);}
/* ============================================================
ZAJĘCIA DODATKOWE
============================================================ */
.classes{
position:relative;overflow:hidden;
background:var(--cream);
padding:calc(var(--section-pad-y) * .5) 0 0;
}
.classes__head{padding:0 var(--pad-x);max-width:880px;margin-bottom:32px;}
.classes__marquee{
position:relative;overflow:hidden;
border-top:1px solid rgba(10,20,82,.1);
border-bottom:1px solid rgba(10,20,82,.1);
padding:18px 0;margin-bottom:48px;
background:var(--cream);
}
.classes__marquee-track{
display:flex;gap:48px;white-space:nowrap;
animation:marquee 40s linear infinite;width:max-content;
}
.classes__marquee-track span{
font-family:var(--f-display);
font-size:clamp(40px, 6vw, 84px);
line-height:1;letter-spacing:-.005em;
color:transparent;
-webkit-text-stroke:1.4px rgba(10,20,82,.5);
text-transform:uppercase;
display:inline-flex;align-items:center;gap:32px;
}
.classes__marquee-track span::after{
content:"✦";-webkit-text-stroke:0;color:var(--pink);
font-size:.4em;vertical-align:.5em;
}
@keyframes marquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}
.classes__grid{
padding:0 var(--pad-x) var(--section-pad-y);
display:grid;gap:14px;
grid-template-columns:repeat(2, 1fr);
perspective:1600px;perspective-origin:50% -200px;
}
@media (min-width:760px){.classes__grid{grid-template-columns:repeat(3, 1fr);gap:18px;}}
@media (min-width:1100px){.classes__grid{grid-template-columns:repeat(4, 1fr);}}
.class-card{
position:relative;
background:#fff;
border:1px solid rgba(10,20,82,.06);
border-radius:14px;
padding:22px;
display:flex;flex-direction:column;gap:10px;
min-height:200px;overflow:hidden;z-index:1;
transform-origin:50% 100%;transform-style:preserve-3d;
opacity:0;
transform:translateY(40px) translateX(calc((6.5 - var(--i, 1)) * 8%)) rotate(var(--rot, 0deg)) rotateX(28deg) scale(.86);
transition:transform .95s cubic-bezier(.22, 1.05, .36, 1), opacity .55s ease, box-shadow .35s ease, border-color .2s;
will-change:transform, opacity;
}
.classes.is-dealt .class-card{
opacity:1;
transform:translate(0,0) rotate(0) rotateX(0) scale(1);
}
.class-card:nth-child(1) { --i: 1; --rot: -14deg; transition-delay: 0ms; }
.class-card:nth-child(2) { --i: 2; --rot: 10deg; transition-delay: 80ms; }
.class-card:nth-child(3) { --i: 3; --rot: -7deg; transition-delay: 160ms; }
.class-card:nth-child(4) { --i: 4; --rot: 12deg; transition-delay: 240ms; }
.class-card:nth-child(5) { --i: 5; --rot: -10deg; transition-delay: 320ms; }
.class-card:nth-child(6) { --i: 6; --rot: 6deg; transition-delay: 400ms; }
.class-card:nth-child(7) { --i: 7; --rot: -8deg; transition-delay: 480ms; }
.class-card:nth-child(8) { --i: 8; --rot: 11deg; transition-delay: 560ms; }
.class-card:nth-child(9) { --i: 9; --rot: -5deg; transition-delay: 640ms; }
.class-card:nth-child(10){ --i: 10; --rot: 9deg; transition-delay: 720ms; }
.class-card:nth-child(11){ --i: 11; --rot: -11deg; transition-delay: 800ms; }
.class-card:nth-child(12){ --i: 12; --rot: 7deg; transition-delay: 880ms; }
.class-card::before{
content:"";position:absolute;inset:0;border-radius:inherit;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.6), inset 0 -1px 0 rgba(10,20,82,.05);
pointer-events:none;
}
.class-card:hover{
z-index:5;transform:translateY(-12px) rotate(-2deg) scale(1.03);
transition-duration:.4s;border-color:rgba(10,20,82,.14);
box-shadow:0 32px 60px -20px rgba(10,20,82,.32), 0 8px 16px -6px rgba(10,20,82,.18);
}
.class-card:hover + .class-card{
transform:translateX(10px) rotate(3deg);transition-duration:.4s;
}
.class-card__cat{
font-size:10px;letter-spacing:.22em;text-transform:uppercase;font-weight:700;
color:var(--ink);opacity:.5;
}
.class-card__name{
font-family:var(--f-serif);font-style:italic;font-weight:600;
font-size:24px;line-height:1.05;letter-spacing:-.005em;
margin:0;color:var(--ink);
}
.class-card__body{
margin:0;font-size:13.5px;line-height:1.5;color:rgba(10,20,82,.65);
}
.class-card__meta{
margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;
padding-top:14px;border-top:1px solid rgba(10,20,82,.08);
font-size:11px;color:rgba(10,20,82,.55);
}
.class-card__freq{
font-family:var(--f-display);letter-spacing:.06em;font-size:13px;color:var(--ink);
}
.class-card__dot{width:8px;height:8px;border-radius:50%;display:inline-block;}
.class-card[data-cat="jezyki"] .class-card__dot{background:var(--blue);}
.class-card[data-cat="tworcze"] .class-card__dot{background:var(--pink);}
.class-card[data-cat="ruch"] .class-card__dot{background:var(--lime);}
.class-card[data-cat="wsparcie"] .class-card__dot{background:var(--yellow);}
.class-card[data-cat="edukacja"] .class-card__dot{background:var(--navy);}
.class-card[data-cat="jezyki"]{background:linear-gradient(180deg, #fff 0%, #f1f6ff 100%);}
.class-card[data-cat="tworcze"]{background:linear-gradient(180deg, #fff 0%, #fdf2f8 100%);}
.class-card[data-cat="ruch"]{background:linear-gradient(180deg, #fff 0%, #f6fde8 100%);}
.class-card[data-cat="wsparcie"]{background:linear-gradient(180deg, #fff 0%, #fffaeb 100%);}
.class-card[data-cat="edukacja"]{background:linear-gradient(180deg, #fff 0%, #f0f2fd 100%);}
/* 3-color development category system */
.class-card[data-cat="poznawczy"]{background:linear-gradient(180deg, #fff 0%, #eaf3ff 100%);}
.class-card[data-cat="poznawczy"] .class-card__dot{background:var(--blue);}
.class-card[data-cat="poznawczy"] .class-card__cat{color:var(--blue);opacity:1;}
.class-card[data-cat="fizyczny"]{background:linear-gradient(180deg, #fff 0%, #f0fbd9 100%);}
.class-card[data-cat="fizyczny"] .class-card__dot{background:var(--lime);}
.class-card[data-cat="fizyczny"] .class-card__cat{color:#5b8a1f;opacity:1;}
.class-card[data-cat="emocjonalny"]{background:linear-gradient(180deg, #fff 0%, #fde7f1 100%);}
.class-card[data-cat="emocjonalny"] .class-card__dot{background:var(--pink);}
.class-card[data-cat="emocjonalny"] .class-card__cat{color:var(--pink);opacity:1;}
/* SPOTLIGHT carousel card — themes per active slide */
.class-card--spotlight{
position:relative;
grid-column:span 2;
background:linear-gradient(160deg, var(--blue) 0%, #0e7fb5 100%) !important;
color:#fff;border:none !important;
min-height:340px;
padding:32px;
overflow:hidden;
transition:background .6s ease;
}
@media (min-width:1100px){
.class-card--spotlight{grid-column:span 2;grid-row:span 2;min-height:480px;}
}
/* theme by active slide */
.classes[data-active="0"] .class-card--spotlight{
background:linear-gradient(160deg, var(--blue) 0%, #0e7fb5 100%) !important;
}
.classes[data-active="1"] .class-card--spotlight{
background:linear-gradient(160deg, #6b9420 0%, #486814 100%) !important;
}
.classes[data-active="2"] .class-card--spotlight{
background:linear-gradient(160deg, var(--pink) 0%, #b35080 100%) !important;
}
/* filter cards by active category */
.class-card[data-cat="poznawczy"],
.class-card[data-cat="fizyczny"],
.class-card[data-cat="emocjonalny"]{
transition:opacity .4s ease, transform .4s ease;
}
.classes[data-active="0"] .class-card[data-cat="fizyczny"],
.classes[data-active="0"] .class-card[data-cat="emocjonalny"],
.classes[data-active="1"] .class-card[data-cat="poznawczy"],
.classes[data-active="1"] .class-card[data-cat="emocjonalny"],
.classes[data-active="2"] .class-card[data-cat="poznawczy"],
.classes[data-active="2"] .class-card[data-cat="fizyczny"]{
display:none;
}
.class-card--spotlight .integracja-watermark{
position:absolute;right:-12px;bottom:-40px;font-size:200px;
color:rgba(193,255,112,.08);font-family:var(--f-serif);font-style:italic;
pointer-events:none;line-height:1;
}
.spotlight__slide{
display:flex;flex-direction:column;gap:14px;
opacity:0;transform:translateY(12px);
transition:opacity .5s ease, transform .5s ease;
pointer-events:none;
position:absolute;inset:32px 32px 70px 32px;
z-index:1;
}
.spotlight__slide.is-active{
opacity:1;transform:translateY(0);
pointer-events:auto;
}
.class-card--spotlight .class-card__cat{
color:var(--lime) !important;opacity:1 !important;
font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:700;
}
.class-card--spotlight .class-card__name{
font-family:var(--f-serif);font-style:italic;font-weight:600;
font-size:clamp(28px, 3.4vw, 40px);
line-height:1.1;letter-spacing:-.005em;
margin:6px 0 6px;color:#fff;
}
.class-card--spotlight .class-card__body{
font-size:15.5px;line-height:1.55;
color:rgba(255,255,255,.78);margin:0;
}
.spotlight__dots{
position:absolute;left:32px;bottom:24px;
display:flex;gap:10px;z-index:2;
}
.spotlight__dot{
width:14px;height:14px;border-radius:50%;
background:rgba(255,255,255,.25);
border:none;cursor:pointer;
transition:background .25s, width .25s;
padding:0;
position:relative;
}
.spotlight__dot::before{
content:'';
position:absolute;
inset:-15px;
}
.spotlight__dot:hover{background:rgba(255,255,255,.5);}
.spotlight__dot.is-active{
background:var(--lime);
width:28px;border-radius:5px;
}
.class-card--integracja{
grid-column:span 2;
background:linear-gradient(135deg, var(--navy) 0%, #0f1a64 100%);
color:#fff;border:none;
}
.class-card--integracja .class-card__cat{color:var(--lime);opacity:1;}
.class-card--integracja .class-card__name{color:#fff;font-size:32px;}
.class-card--integracja .class-card__body{color:rgba(255,255,255,.78);font-size:15px;}
.class-card--integracja .class-card__meta{border-color:rgba(255,255,255,.18);color:rgba(255,255,255,.7);}
.class-card--integracja .class-card__freq{color:#fff;}
.class-card--integracja .integracja-watermark{
position:absolute;right:-12px;bottom:-40px;font-size:160px;color:rgba(193,255,112,.08);
font-family:var(--f-serif);font-style:italic;pointer-events:none;line-height:1;
}
.class-card--legend{
background:transparent;border:1.5px dashed rgba(10,20,82,.2);
align-items:flex-start;padding-top:24px;
}
.class-card--legend ul{
list-style:none;margin:0;padding:0;display:flex;flex-direction:column;
gap:8px;font-size:12px;color:rgba(10,20,82,.7);
}
.class-card--legend li{display:inline-flex;align-items:center;gap:8px;}
.class-card--legend .class-card__dot{width:10px;height:10px;}
.class-card--legend:hover{transform:none;box-shadow:none;border-style:dashed;}
/* ============================================================
TEAM
============================================================ */
.team{
background:var(--cream);
padding:0 var(--pad-x) calc(var(--section-pad-y) * .5);
color:var(--ink);
}
.team__head{margin-bottom:48px;max-width:760px;}
/* orzeczenia callout */
.team__orz{
position:relative;
background:var(--navy);
border-radius:20px;
padding:40px;
margin-bottom:56px;
display:grid;
grid-template-columns:1fr;
gap:32px;
}
.team__orz::before{
content:"";
position:absolute;inset:0;
background:radial-gradient(ellipse 60% 80% at 80% 50%, rgba(193,255,112,.07) 0%, transparent 70%);
pointer-events:none;
}
@media (min-width:900px){
.team__orz{grid-template-columns:1.3fr 1fr;align-items:center;gap:64px;padding:48px 56px;}
}
.team__orz-sticker{
position:absolute;right:24px;top:-12px;z-index:2;font-size:13px;
}
.team__orz-title{
font-family:var(--f-display);
font-size:clamp(30px, 4.5vw, 60px);
line-height:1.05;color:#fff;
margin:0 0 10px;font-weight:400;
}
.team__orz-title em{
font-family:var(--f-serif);font-style:italic;
color:var(--lime);font-weight:500;letter-spacing:0;
}
.team__orz-sub{font-size:15px;color:rgba(255,255,255,.6);margin:0;line-height:1.5;}
.team__orz-list{
list-style:none;margin:0;padding:0;
display:flex;flex-direction:column;gap:20px;
}
.team__orz-list li{
display:flex;align-items:flex-start;gap:14px;
font-size:14px;color:rgba(255,255,255,.82);line-height:1.3;
font-family:var(--f-body);font-weight:600;
}
.team__orz-list li em{
display:block;
font-family:var(--f-serif);font-style:italic;
color:var(--lime);font-size:13px;font-weight:400;margin-top:2px;
}
.team__orz-ico{
flex-shrink:0;
width:36px;height:36px;border-radius:50%;
background:rgba(193,255,112,.12);
border:1px solid rgba(193,255,112,.25);
display:flex;align-items:center;justify-content:center;
font-family:var(--f-display);font-size:12px;letter-spacing:.06em;
color:var(--lime);
}
/* team grid */
/* mobile: translateX dot-carousel */
.team__carousel-wrap{overflow:hidden;}
.team__grid{
list-style:none;margin:0;padding:0;
display:flex;flex-wrap:nowrap;gap:0;
transition:transform .45s cubic-bezier(.4,0,.2,1);
will-change:transform;
}
.team__grid .team-card{flex:0 0 100%;min-width:0;}
.team__nav{display:flex;justify-content:center;margin-top:20px;}
.team__dots{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:center;max-width:200px;}
.team__dot{
width:8px;height:8px;border-radius:50%;border:none;cursor:pointer;
background:rgba(10,20,82,.2);padding:0;
transition:background .2s,transform .2s;
position:relative;
}
.team__dot::before{content:'';position:absolute;inset:-18px;}
.team__dot.is-active{background:var(--ink);transform:scale(1.4);}
/* tablet+: grid, all cards visible */
@media (min-width:600px){
.team__carousel-wrap{overflow:visible;}
.team__grid{
display:grid;grid-template-columns:1fr 1fr;gap:14px;
transition:none;transform:none !important;
}
.team__grid .team-card{flex:unset;}
.team__nav{display:none;}
}
@media (min-width:1000px){.team__grid{grid-template-columns:repeat(3, 1fr);}}
@media (min-width:1400px){.team__grid{grid-template-columns:repeat(5, 1fr);}}
/* team card */
.team-card{
background:#fff;border-radius:14px;
padding:24px;
border:1px solid rgba(10,20,82,.06);
display:flex;flex-direction:column;gap:0;
transition:transform .25s ease, box-shadow .25s ease;
position:relative;
box-shadow:0 1px 0 rgba(10,20,82,.04), 0 8px 24px -16px rgba(10,20,82,.18);
}
.team-card:hover{transform:translateY(-4px);box-shadow:0 1px 0 rgba(10,20,82,.04), 0 24px 60px -24px rgba(10,20,82,.28);}
.team-card__avatar{
width:52px;height:52px;border-radius:50%;
background:var(--ink);
display:flex;align-items:center;justify-content:center;
font-family:var(--f-display);font-size:16px;letter-spacing:.06em;
color:var(--lime);
margin-bottom:16px;flex-shrink:0;user-select:none;
}
.team-card__avatar--navy{background:var(--navy);}
.team-card__avatar--pink{background:var(--pink);color:#fff;}
.team-card__avatar--blue{background:var(--blue);color:var(--ink);}
.team-card__avatar--sm{font-size:11px;letter-spacing:.04em;}
.team-card__body{display:flex;flex-direction:column;gap:4px;flex:1;}
.team-card__name{
font-family:var(--f-body);font-weight:700;font-size:15px;
color:var(--ink);margin:0;letter-spacing:-.01em;
}
.team-card__role{
font-family:var(--f-serif);font-style:italic;font-size:14px;
color:var(--navy);opacity:.8;line-height:1.3;
}
.team-card__bio{
margin:8px 0 0;font-size:13.5px;line-height:1.55;
color:rgba(10,20,82,.6);flex:1;
}
.team-card__tag{
display:inline-flex;align-items:center;
margin-top:12px;
font-family:var(--f-body);
font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;
color:rgba(10,20,82,.45);font-weight:600;gap:.5em;
}
.team-card__tag::before{
content:"";width:16px;height:1px;
background:currentColor;opacity:.5;display:inline-block;
}
.team-card__tag--spec{color:var(--navy);font-weight:700;opacity:1;}
.team-card__tag--spec::before{background:var(--navy);opacity:1;}
/* ============================================================
MENU TYGODNIOWE
============================================================ */
.menu-week{background:var(--cream);padding:calc(var(--section-pad-y) * .15) var(--pad-x) var(--section-pad-y);color:var(--ink);}
.menu-day-r{display:none;}
.menu-week__head{margin-bottom:40px;max-width:760px;}
.menu-week__badge{
display:inline-flex;align-items:center;
margin-top:16px;
background:var(--ink);color:#fff;
font-family:var(--f-body);font-size:12px;font-weight:600;
letter-spacing:.1em;text-transform:uppercase;
padding:6px 14px;border-radius:40px;
}
.menu-week__tabs{display:flex;gap:6px;margin-bottom:32px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;}
.menu-week__tabs::-webkit-scrollbar{display:none;}
.menu-day-tab{
padding:10px 22px;border-radius:40px;
font-family:var(--f-body);font-weight:700;font-size:14px;
letter-spacing:.08em;text-transform:uppercase;
cursor:pointer;background:#fff;color:var(--ink);
border:1px solid rgba(10,20,82,.1);
transition:background .2s ease, color .2s ease, border-color .2s ease;
user-select:none;flex-shrink:0;
}
@media(max-width:600px){
.menu-week__tabs{gap:5px;}
.menu-day-tab{padding:8px 16px;font-size:14px;}
.menu-day-tab__date{font-size:10px;}
}
.menu-day-tab:hover{border-color:var(--lime);}
.menu-day-tab__date{
display:block;font-size:10px;font-weight:400;
letter-spacing:.06em;opacity:.55;margin-top:1px;
}
#m-pon:checked ~ .menu-week__body .menu-day-tab:nth-child(1),
#m-wt:checked ~ .menu-week__body .menu-day-tab:nth-child(2),
#m-sr:checked ~ .menu-week__body .menu-day-tab:nth-child(3),
#m-czw:checked ~ .menu-week__body .menu-day-tab:nth-child(4),
#m-pt:checked ~ .menu-week__body .menu-day-tab:nth-child(5){
background:var(--lime);color:var(--ink);border-color:var(--lime);
}
.menu-day-panel{display:none;}
#m-pon:checked ~ .menu-week__body .menu-day-panel[data-day="pon"],
#m-wt:checked ~ .menu-week__body .menu-day-panel[data-day="wt"],
#m-sr:checked ~ .menu-week__body .menu-day-panel[data-day="sr"],
#m-czw:checked ~ .menu-week__body .menu-day-panel[data-day="czw"],
#m-pt:checked ~ .menu-week__body .menu-day-panel[data-day="pt"]{
display:grid;grid-template-columns:1fr;gap:14px;
}
@media(min-width:720px){
#m-pon:checked ~ .menu-week__body .menu-day-panel[data-day="pon"],
#m-wt:checked ~ .menu-week__body .menu-day-panel[data-day="wt"],
#m-sr:checked ~ .menu-week__body .menu-day-panel[data-day="sr"],
#m-czw:checked ~ .menu-week__body .menu-day-panel[data-day="czw"],
#m-pt:checked ~ .menu-week__body .menu-day-panel[data-day="pt"]{
grid-template-columns:repeat(3,1fr);
}
}
.menu-meal{
background:#fff;border-radius:14px;padding:24px;
border:1px solid rgba(10,20,82,.06);border-top:3px solid transparent;
display:flex;flex-direction:column;gap:14px;
box-shadow:0 2px 12px -8px rgba(10,20,82,.1);
}
.menu-meal--s{border-top-color:var(--lime);}
.menu-meal--o{border-top-color:var(--navy);}
.menu-meal--p{border-top-color:var(--pink);}
.menu-meal__hd{display:flex;align-items:center;gap:10px;}
.menu-meal__dot{
width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--lime);
}
.menu-meal--o .menu-meal__dot{background:var(--navy);}
.menu-meal--p .menu-meal__dot{background:var(--pink);}
.menu-meal__name{
font-family:var(--f-body);font-weight:700;font-size:11.5px;
letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin:0;
}
.menu-meal__list{
list-style:none;padding:0;margin:0;
display:flex;flex-direction:column;gap:6px;flex:1;
}
.menu-meal__list li{font-size:13.5px;line-height:1.45;color:rgba(10,20,82,.75);}
.menu-meal__extra{
font-size:12px !important;color:rgba(10,20,82,.42) !important;
padding-top:6px !important;
border-top:1px dashed rgba(10,20,82,.1);margin-top:4px;
}
.menu-qty{font-size:11px;color:rgba(10,20,82,.4);font-style:italic;}
.menu-alg{
font-size:11px;color:rgba(10,20,82,.42);margin:0;
padding-top:10px;border-top:1px solid rgba(10,20,82,.07);
}
.menu-week__legend{
margin-top:40px;padding-top:32px;
border-top:1px solid rgba(10,20,82,.1);
}
.menu-week__legend-title{
font-family:var(--f-body);font-size:11px;font-weight:700;
letter-spacing:.18em;text-transform:uppercase;
color:rgba(10,20,82,.38);margin:0 0 14px;
}
.menu-alg-list{
list-style:none;padding:0;margin:0 0 14px;
display:flex;flex-wrap:wrap;gap:6px 24px;
}
.menu-alg-list li{font-size:12px;color:rgba(10,20,82,.5);}
.menu-alg-list strong{font-weight:700;color:var(--ink);margin-right:4px;}
.menu-temps{font-size:11px;color:rgba(10,20,82,.38);margin:0;font-style:italic;}
/* ============================================================
ENROLLMENT STEPS
============================================================ */
.enrollment{background:var(--cream);padding:calc(var(--section-pad-y) * .45) var(--pad-x) var(--section-pad-y);color:var(--ink);}
.enrollment__head{margin-bottom:56px;max-width:760px;}
/* mobile: translateX dot-carousel */
.enrollment__carousel-wrap{overflow:hidden;}
.enrollment__steps{
list-style:none;margin:0;padding:0;
display:flex;flex-wrap:nowrap;gap:0;
transition:transform .45s cubic-bezier(.4,0,.2,1);
will-change:transform;
}
.enrollment__steps .enrollment__step{flex:0 0 100%;min-width:0;}
.enrollment__nav{display:flex;justify-content:center;margin-top:20px;}
.enrollment__dots{display:flex;gap:8px;align-items:center;}
.enrollment__dot{
width:8px;height:8px;border-radius:50%;border:none;cursor:pointer;
background:rgba(10,20,82,.2);padding:0;
transition:background .2s,transform .2s;
position:relative;
}
.enrollment__dot::before{content:'';position:absolute;inset:-18px;}
.enrollment__dot.is-active{background:var(--ink);transform:scale(1.4);}
/* tablet+: grid, all cards visible */
@media(min-width:800px){
.enrollment__carousel-wrap{overflow:visible;}
.enrollment__steps{
display:grid;grid-template-columns:repeat(4,1fr);gap:16px;
transition:none;transform:none !important;
flex-wrap:unset;margin-bottom:48px;
}
.enrollment__steps .enrollment__step{flex:unset;}
.enrollment__nav{display:none;}
}
.enrollment__step{
background:#fff;border:1px solid rgba(10,20,82,.06);border-radius:16px;
padding:32px 28px;display:flex;flex-direction:column;gap:10px;
box-shadow:0 2px 16px -12px rgba(10,20,82,.15);
transition:transform .25s ease, box-shadow .25s ease;
}
.enrollment__step:hover{
transform:translateY(-4px);
box-shadow:0 8px 40px -16px rgba(10,20,82,.2);
}
.enrollment__num{
font-family:var(--f-display);
font-size:clamp(56px,7vw,96px);
line-height:1;color:var(--lime);
margin:0;display:block;
}
.enrollment__title{
font-family:var(--f-body);font-weight:700;
font-size:clamp(15px,2vw,18px);
color:var(--ink);margin:0;line-height:1.3;
}
.enrollment__desc{
font-size:14px;line-height:1.6;
color:rgba(10,20,82,.55);margin:0;flex:1;
}
.enrollment__cta{display:flex;justify-content:flex-start;}
/* ============================================================
PILLARS
============================================================ */
.pillars{position:relative;background:var(--cream);padding:calc(var(--section-pad-y) * .45) var(--pad-x) var(--section-pad-y);}
.pillars__head{margin-bottom:48px;max-width:760px;}
/* --- carousel (mobile + tablet) --- */
.pillars__carousel-wrap{overflow:hidden;}
.pillars__grid{
display:flex;flex-wrap:nowrap;gap:0;
transition:transform .45s cubic-bezier(.4,0,.2,1);
will-change:transform;
}
.pillars__grid .pillar{flex:0 0 100%;min-width:0;}
.pillars__nav{display:flex;justify-content:center;margin-top:20px;}
.pillars__dots{display:flex;gap:8px;align-items:center;}
.pillars__dot{
width:8px;height:8px;border-radius:50%;border:none;cursor:pointer;
background:rgba(10,20,82,.2);padding:0;
transition:background .2s,transform .2s;
position:relative;
}
.pillars__dot::before{content:'';position:absolute;inset:-18px;}
.pillars__dot.is-active{background:var(--ink);transform:scale(1.4);}
/* --- bento grid on desktop (restores original layout) --- */
@media (min-width:1100px){
.pillars__carousel-wrap{overflow:visible;}
.pillars__grid{
display:grid;gap:18px;
grid-template-columns:1.6fr 1fr 1fr 1.4fr;
grid-template-rows:auto auto;
transition:none;transform:none !important;
}
.pillars__grid .pillar{flex:unset;}
.pillars__nav{display:none;}
}
.pillar{
position:relative;background:#fff;border-radius:14px;
padding:24px 22px 28px;border:1px solid rgba(10,20,82,.06);
display:flex;flex-direction:column;gap:10px;min-height:280px;
transition:transform .25s ease, box-shadow .25s ease;overflow:hidden;
}
.pillar:hover{transform:translateY(-4px);box-shadow:0 24px 50px -24px rgba(10,20,82,.2);}
.pillar__no{
font-family:var(--f-display);font-size:64px;line-height:.9;
color:transparent;-webkit-text-stroke:1.5px rgba(10,20,82,.18);
margin:-4px 0 4px;letter-spacing:-.005em;
}
.pillar__ico{
width:36px;height:36px;border-radius:50%;
display:inline-flex;align-items:center;justify-content:center;font-size:20px;
}
.pillar:nth-child(1) .pillar__ico{background:var(--lime);color:var(--ink);}
.pillar:nth-child(2) .pillar__ico{background:var(--pink);color:#fff;}
.pillar:nth-child(3) .pillar__ico{background:var(--blue);color:#fff;}
.pillar:nth-child(4) .pillar__ico{background:var(--yellow);color:var(--ink);}
.pillar:nth-child(5) .pillar__ico{background:var(--navy);color:#fff;}
.pillar__name{
font-family:var(--f-serif);font-style:italic;font-weight:600;
font-size:24px;line-height:1.05;letter-spacing:-.005em;margin:6px 0 2px;
}
.pillar__body{margin:0;font-size:14px;line-height:1.5;color:rgba(10,20,82,.7);}
.pillar__meta{
margin-top:auto;padding-top:14px;
font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;
color:rgba(10,20,82,.45);border-top:1px solid rgba(10,20,82,.08);
}
.pillar__hand{
position:absolute;top:14px;right:14px;
font-family:var(--f-hand);font-weight:500;color:var(--pink);
font-size:18px;transform:rotate(8deg);
}
/* ============================================================
DIFFERENTIATOR
============================================================ */
.diff{
position:relative;
background:linear-gradient(180deg, var(--ink-deep) 0%, var(--ink) 50%, var(--navy) 100%);
color:#fff;
padding:var(--section-pad-y) var(--pad-x) calc(var(--section-pad-y) * .5);
text-align:center;overflow:hidden;
}
@media (max-width:639px){.diff{padding-bottom:0;}}
@media (min-width:760px){.diff{padding-bottom:var(--section-pad-y);}}
.diff > *:not(.aurora){position:relative;z-index:1;}
.diff__kicker{
font-size:11px;letter-spacing:.28em;text-transform:uppercase;
color:rgba(255,255,255,.55);font-weight:600;
display:flex;width:fit-content;margin:0 auto;align-items:center;gap:.6em;
}
.diff__kicker::before{content:"";width:24px;height:1px;background:currentColor;display:inline-block;opacity:.6;}
.diff__title{
font-family:var(--f-display);
font-size:clamp(56px, 11vw, 156px);
line-height:1.0;letter-spacing:-.01em;
margin:.4em 0 .25em;font-weight:400;
}
.diff__title em{
font-family:var(--f-serif);font-style:italic;font-weight:500;
letter-spacing:0;line-height:1.1;display:inline-block;padding-bottom:.06em;
}
.diff__strike{position:relative;display:inline-block;color:rgba(255,255,255,.55);}
.diff__strike::after{
content:"";position:absolute;left:-2px;right:-2px;top:55%;
height:5px;background:var(--pink);transform:rotate(-3deg);border-radius:6px;
}
.diff__sub{
font-family:var(--f-serif);font-style:italic;
font-size:clamp(20px, 2.6vw, 28px);
line-height:1.4;max-width:34ch;margin:0 auto;
color:rgba(255,255,255,.7);
}
.diff__sub em{color:var(--lime);font-style:italic;}
.diff__row{
margin-top:64px;
display:grid;grid-template-columns:1fr;gap:24px;
max-width:1100px;margin-left:auto;margin-right:auto;
}
@media (min-width:760px){
.diff__row{grid-template-columns:repeat(3, 1fr);gap:32px;}
}
.diff__stat{
position:relative;
display:flex;flex-direction:column;align-items:center;
padding:32px 24px;
background:rgba(255,255,255,.04);
border:1px solid rgba(255,255,255,.12);
border-radius:18px;
transition:transform .25s ease, background .25s ease, border-color .25s ease;
}
.diff__stat:hover{
transform:translateY(-4px);
background:rgba(193,255,112,.06);
border-color:rgba(193,255,112,.3);
}
.diff__stat-num{
font-family:var(--f-display);font-weight:400;
font-size:clamp(72px, 10vw, 124px);
line-height:.9;color:var(--lime);
letter-spacing:-.01em;
display:inline-flex;align-items:baseline;gap:6px;
}
.diff__stat-num em{
font-family:var(--f-serif);font-style:italic;font-weight:500;
font-size:.32em;color:rgba(255,255,255,.7);
}
.diff__stat-divider{
display:block;width:48px;height:2px;
background:var(--lime);opacity:.4;
margin:16px 0 14px;
}
.diff__stat-lbl{
font-family:var(--f-body);font-size:13px;font-weight:600;
letter-spacing:.18em;text-transform:uppercase;
color:#fff;line-height:1.5;text-align:center;
}
.diff__stat-lbl em{
font-family:var(--f-serif);font-style:italic;font-weight:400;
letter-spacing:0;text-transform:none;
color:rgba(255,255,255,.6);font-size:13.5px;
}
.diff__stamp{
position:absolute !important;bottom:80%;left:5%;z-index:2;
font-family:var(--f-hand);font-weight:500;font-size:22px;
color:var(--navy);transform:rotate(-8deg);
}
/* ============================================================
OPEN DAY
============================================================ */
.openday{
position:relative;overflow:hidden;
background:var(--yellow);color:var(--ink);
padding:var(--section-pad-y) var(--pad-x);
display:grid;gap:24px;grid-template-columns:1fr;align-items:center;
}
.openday__kicker{
font-size:11px;letter-spacing:.28em;text-transform:uppercase;
color:rgba(10,20,82,.7);font-weight:700;
display:inline-flex;align-items:center;gap:10px;
}
.openday__kicker::before{
content:"";display:inline-block;width:9px;height:9px;border-radius:50%;
background:var(--pink);box-shadow:0 0 0 4px rgba(226,125,184,.3);
animation:pulse 1.6s ease-out infinite;
}
@keyframes pulse{
0%{box-shadow:0 0 0 4px rgba(226,125,184,.4);}
100%{box-shadow:0 0 0 16px rgba(226,125,184,0);}
}
.openday__title{
font-family:var(--f-display);
font-size:clamp(48px, 8vw, 100px);
line-height:.9;letter-spacing:-.01em;
margin:.3em 0 .2em;font-weight:400;
}
.openday__title em{
font-family:var(--f-serif);font-style:italic;font-weight:500;letter-spacing:0;
line-height:1.1;display:inline-block;padding-bottom:.06em;
}
.openday__sub{
font-family:var(--f-serif);font-style:italic;
font-size:clamp(18px, 2.2vw, 22px);
line-height:1.4;margin:0;max-width:42ch;color:rgba(10,20,82,.78);
}
.openday__meta{display:flex;gap:24px;flex-wrap:wrap;margin-top:18px;}
.openday__meta > div{display:flex;flex-direction:column;gap:2px;}
.openday__meta strong{
font-family:var(--f-display);font-weight:400;font-size:22px;letter-spacing:.04em;
}
.openday__meta span{
font-size:11px;letter-spacing:.18em;text-transform:uppercase;
color:rgba(10,20,82,.55);font-weight:600;
}
.openday__cta-wrap{display:flex;flex-direction:column;gap:14px;align-items:flex-start;margin-top:28px;}
.openday__cta{
display:inline-flex;align-items:center;gap:12px;
padding:20px 32px;border-radius:999px;
background:var(--ink);color:#fff;
font-weight:600;font-size:16px;min-height:60px;
transition:transform .15s, background .2s;
}
.openday__cta:hover{background:var(--navy);transform:translateY(-2px);}
.openday__note{
font-family:var(--f-hand);font-weight:500;font-size:20px;
color:var(--ink);opacity:.75;transform:rotate(-2deg);
}
.openday__sticker{position:absolute;top:18px;right:5%;}
@media (max-width:880px){.openday__sticker{display:none;}}
@media (min-width:880px){
.openday{padding-top:clamp(40px,5vw,72px);padding-bottom:clamp(40px,5vw,72px);}
.openday__live{display:flex;align-items:center;justify-content:space-between;gap:48px;}
.openday__cta-wrap{flex-shrink:0;margin-top:0;align-items:flex-end;}
}
/* ============================================================
FAQ
============================================================ */
.faq{position:relative;background:var(--cream);padding:calc(var(--section-pad-y) * .45) var(--pad-x) var(--section-pad-y);}
.faq__head{margin-bottom:48px;max-width:760px;}
.faq__list{max-width:880px;margin:0 auto;border-top:1px solid rgba(10,20,82,.12);}
.faq__item{border-bottom:1px solid rgba(10,20,82,.12);}
.faq__q{
width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;
padding:28px 0;
font-family:var(--f-serif);font-style:italic;font-weight:600;
font-size:clamp(20px, 2.4vw, 28px);
line-height:1.25;text-align:left;color:var(--ink);
letter-spacing:-.005em;cursor:pointer;
border:none;background:none;transition:color .2s;
}
.faq__q:hover{color:var(--navy);}
.faq__q-text{flex:1;}
.faq__num{
font-family:var(--f-display);font-size:14px;letter-spacing:.06em;
color:rgba(10,20,82,.4);flex-shrink:0;margin-right:24px;
}
.faq__icon{
position:relative;
width:36px;height:36px;border-radius:50%;
background:rgba(10,20,82,.06);
display:inline-flex;align-items:center;justify-content:center;
flex-shrink:0;color:var(--ink);
transition:background .25s, transform .35s cubic-bezier(.2,.8,.2,1);
}
.faq__item.is-open .faq__icon{background:var(--lime);transform:rotate(45deg);}
.faq__icon::before,
.faq__icon::after{
content:"";position:absolute;background:currentColor;border-radius:2px;
top:50%;left:50%;
}
.faq__icon::before{width:14px;height:2px;transform:translate(-50%,-50%);}
.faq__icon::after{width:2px;height:14px;transform:translate(-50%,-50%);}
.faq__a{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.2,.8,.2,1);}
.faq__a-inner{
padding:0 60px 28px 0;
font-size:16px;line-height:1.65;color:rgba(10,20,82,.78);
display:flex;flex-direction:column;gap:12px;
}
.faq__a-inner em{font-family:var(--f-serif);font-style:italic;color:var(--ink);}
.faq__a-inner p{margin:0;}
/* ============================================================
Reveal-on-scroll baseline
============================================================ */
@media (prefers-reduced-motion: no-preference){
.js .reveal{opacity:0;transform:translateY(20px);transition:opacity .8s ease, transform .8s ease;}
.reveal.is-in{opacity:1;transform:none;}
}
/* ============================================================
CERTS STRIP — trust signals between hero and moment
============================================================ */
.certs-strip{
background:#fceaba;
padding:20px var(--pad-x);
}
.certs-strip__inner{
max-width:900px;margin:0 auto;
display:flex;align-items:center;justify-content:center;
gap:clamp(24px,5vw,56px);
flex-wrap:wrap;
}
.ph--cert-bar{
width:100%;height:120px;
background:rgba(255,255,255,.55);
background-image:none;
border:none;
border-radius:14px;
padding:10px 16px;
box-sizing:border-box;
}
/* ============================================================
AI Chat Widget
============================================================ */
#cms-chat-widget {
position: fixed;
bottom: 24px;
right: 24px;
z-index: 9999;
font-family: 'Inter', sans-serif;
}
#cms-chat-launcher {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 10px;
cursor: pointer;
}
#cms-chat-label {
background: #192b82;
color: #c1ff70;
font-size: 13px;
font-weight: 700;
letter-spacing: .04em;
padding: 8px 14px;
border-radius: 100px;
white-space: nowrap;
box-shadow: 0 4px 12px rgba(25,43,130,.35);
animation: cms-label-pop .5s cubic-bezier(.34,1.56,.64,1) both;
pointer-events: none;
}
@keyframes cms-label-pop {
from { opacity: 0; transform: translateX(8px) scale(.9); }
to { opacity: 1; transform: translateX(0) scale(1); }
}
#cms-chat-label.cms-label-hide {
animation: cms-label-hide .25s ease forwards;
}
@keyframes cms-label-hide {
to { opacity: 0; transform: translateX(8px) scale(.9); }
}
#cms-chat-bubble {
width: 68px;
height: 68px;
background: #192b82;
border-radius: 50%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 6px 20px rgba(25,43,130,.4);
flex-shrink: 0;
transition: transform .2s ease, box-shadow .2s ease;
position: relative;
animation: cms-float 3.6s ease-in-out infinite;
}
#cms-chat-bubble:hover {
animation: none;
transform: scale(1.07);
box-shadow: 0 8px 28px rgba(25,43,130,.55);
}
@keyframes cms-float {
0%, 100% { transform: translateY(0); box-shadow: 0 6px 20px rgba(25,43,130,.4); }
50% { transform: translateY(-7px); box-shadow: 0 14px 28px rgba(25,43,130,.28); }
}
#cms-chat-bubble svg { width: 32px; height: 32px; fill: #c1ff70; }
#cms-chat-pulse {
position: absolute;
inset: -4px;
border-radius: 50%;
border: 2px solid #c1ff70;
opacity: 0;
animation: cms-pulse 2.4s ease-out infinite;
}
@keyframes cms-pulse {
0% { opacity: .7; transform: scale(1); }
100% { opacity: 0; transform: scale(1.45); }
}
#cms-chat-box {
display: none;
width: min(340px, calc(100vw - 32px));
background: #f5f2ed;
border-radius: 20px;
box-shadow: 0 12px 40px rgba(10,20,82,.2);
overflow: hidden;
margin-bottom: 14px;
border: 1px solid rgba(25,43,130,.1);
}
#cms-chat-header {
background: #192b82;
color: #fff;
padding: 16px 18px;
display: flex;
align-items: center;
gap: 10px;
}
#cms-chat-header-avatar {
width: 36px;
height: 36px;
background: #c1ff70;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
#cms-chat-header-avatar svg { width: 20px; height: 20px; fill: #192b82; }
#cms-chat-header-text { display: flex; flex-direction: column; }
#cms-chat-header-name { font-weight: 700; font-size: 14px; line-height: 1.2; }
#cms-chat-header-sub { font-size: 11px; opacity: .7; margin-top: 1px; }
.chat__close {
background: none;
border: none;
color: inherit;
cursor: pointer;
padding: 8px;
min-width: 44px;
min-height: 44px;
display: flex;
align-items: center;
justify-content: center;
opacity: 0.8;
transition: opacity 0.2s;
margin-left: auto;
}
.chat__close:hover { opacity: 1; }
#cms-chat-messages {
height: 300px;
overflow-y: auto;
padding: 14px;
display: flex;
flex-direction: column;
gap: 8px;
background: #fff;
}
.cms-msg-bot, .cms-msg-user {
max-width: 82%;
padding: 9px 13px;
border-radius: 14px;
font-size: 14px;
line-height: 1.45;
}
.cms-msg-bot {
background: #eef2ff;
color: #0a1452;
align-self: flex-start;
border-bottom-left-radius: 4px;
}
.cms-msg-user {
background: #192b82;
color: #c1ff70;
align-self: flex-end;
border-bottom-right-radius: 4px;
}
#cms-chat-input-row {
display: flex;
border-top: 1px solid rgba(25,43,130,.1);
padding: 10px;
gap: 8px;
background: #f5f2ed;
}
#cms-chat-input {
flex: 1;
border: 1.5px solid rgba(25,43,130,.2);
border-radius: 10px;
padding: 9px 13px;
font-size: 14px;
outline: none;
background: #fff;
color: #0a1452;
font-family: inherit;
transition: border-color .15s;
}
#cms-chat-input:focus { border-color: #192b82; }
#cms-chat-send {
background: #192b82;
color: #c1ff70;
border: none;
border-radius: 10px;
padding: 9px 16px;
cursor: pointer;
font-size: 14px;
font-weight: 700;
font-family: inherit;
transition: background .15s, transform .1s;
}
#cms-chat-send:hover { background: #0a1452; }
#cms-chat-send:active { transform: scale(.96); }
@media (max-width:899px){
#cms-chat-widget{bottom:calc(var(--bar-h) + 24px);}
}
@media (max-width:600px){
#cms-chat-widget{left:16px;right:auto;}
}
/* ============================================================
B-22 · Hero urgency strip
============================================================ */
.hero__urgency{
display:inline-flex;align-items:center;gap:8px;
margin-top:14px;
font-size:12px;font-weight:600;letter-spacing:.04em;
color:#b91c1c;
background:rgba(185,28,28,.08);
border:1px solid rgba(185,28,28,.2);
padding:6px 12px;border-radius:var(--radius-pill);
}
.hero__urgency-dot{
width:7px;height:7px;border-radius:50%;
background:#b91c1c;flex-shrink:0;
animation:urgencyPulse 1.5s ease-in-out infinite;
}
@keyframes urgencyPulse{0%,100%{opacity:1;}50%{opacity:.3;}}
@media(prefers-reduced-motion:reduce){.hero__urgency-dot{animation:none;}}
/* ============================================================
B-23 · Differentiator proof per claim
============================================================ */
.diff__proof{
margin-top:48px;
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:14px;
max-width:960px;margin-inline:auto;
}
@media (max-width:639px){.diff__proof{display:none;}}
.diff__proof-item{
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.1);
border-radius:var(--radius-lg);
padding:18px 20px;
display:flex;flex-direction:column;gap:8px;
}
.diff__proof-us{
font-size:13px;font-weight:600;color:var(--lime);
display:flex;align-items:flex-start;gap:6px;
}
.diff__proof-us svg{width:14px;height:14px;flex-shrink:0;margin-top:1px;}
.diff__proof-vs{
font-size:12px;color:rgba(255,255,255,.4);
text-decoration:line-through;
text-decoration-color:rgba(255,255,255,.3);
}
/* ============================================================
B-24 · Map facade (lazy-load iframe)
============================================================ */
.map-facade{
width:100%;height:200px;
background:rgba(10,20,82,.06);
display:flex;align-items:stretch;
}
.map-facade__btn{
width:100%;height:100%;
display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
background:rgba(10,20,82,.05);
border:none;cursor:pointer;
color:var(--ink);
transition:background .2s;
}
.map-facade__btn:hover{background:rgba(10,20,82,.1);}
.map-facade__icon{color:var(--navy);opacity:.6;}
.map-facade__addr{font-size:12px;font-weight:600;color:var(--ink);opacity:.7;}
.map-facade__load{
font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
color:var(--navy);
padding:5px 12px;border-radius:var(--radius-pill);
border:1.5px solid var(--navy);
opacity:.7;
transition:opacity .2s;
}
.map-facade__btn:hover .map-facade__load{opacity:1;}
.map-facade.is-loaded .map-facade__btn{display:none;}
/* ============================================================
B-25 · Location transport info
============================================================ */
.loc__transport{
display:flex;flex-direction:column;gap:5px;
margin-top:10px;
font-size:12px;
color:rgba(10,20,82,.55);
font-weight:500;
}
.loc--pink .loc__transport{color:rgba(80,10,40,.5);}
.loc__transport-item{display:flex;align-items:center;gap:6px;}
/* ============================================================
B-21 · Calendly stub (post-form booking step)
============================================================ */
.form__calendly{
margin-top:20px;
border-top:1px solid rgba(10,20,82,.1);
padding-top:16px;
}
.form__calendly-hed{
font-size:13px;font-weight:600;color:var(--ink);
margin:0 0 10px;
}
.form__calendly-stub{
display:flex;flex-direction:column;align-items:center;gap:10px;
padding:20px 16px;
border-radius:var(--radius-md);
border:1.5px dashed rgba(10,20,82,.18);
background:rgba(10,20,82,.03);
text-align:center;
}
.form__calendly-icon{font-size:28px;}
.form__calendly-stub p{
margin:0;font-size:13px;color:rgba(10,20,82,.6);
}
.form__calendly-btn{
font:inherit;cursor:pointer;
padding:9px 18px;border-radius:var(--radius-pill);
border:1.5px solid rgba(10,20,82,.25);
background:transparent;color:rgba(10,20,82,.45);
font-size:13px;font-weight:600;
}
.form__calendly-btn:not(:disabled){
border-color:var(--navy);color:var(--navy);cursor:pointer;
}
.form__calendly-btn:not(:disabled):hover{
background:var(--navy);color:#fff;
}
/* ============================================================
MOBILE SPRINT — HIGH PRIORITY FIXES (max-width:767px)
Desktop: untouched. All rules scoped to mobile only.
============================================================ */
/* #2 — Hide decorative elements on mobile */
@media (max-width:767px){
.diff__stamp,
.offer-card__hand-note,
.offer__watermark,
.form-sec__watermark,
.form-sec__sticker,
.fear__scribble-1,
.fear__scribble-2,
.testi__sticker{display:none !important;}
}
/* #6 — Moment: compress height + inline meta */
@media (max-width:767px){
.moment__photo{min-height:260px;}
.moment__time{font-size:clamp(48px,12vw,64px);}
/* meta: inline single row instead of 2×2 grid */
.moment__meta{
display:flex;flex-direction:row;flex-wrap:wrap;
gap:0;padding-top:12px;
}
.moment__meta > div{
display:inline;
white-space:nowrap;
}
.moment__meta > div:not(:last-child)::after{
content:" · ";opacity:.45;margin:0 4px;
}
.moment__meta-lbl{display:none;}
.moment__meta-val{
font-size:14px;font-style:normal;font-family:var(--f-body);
}
/* dot pagination */
.moment__dots{
display:flex;justify-content:center;align-items:center;
gap:6px;padding:12px 0 4px;
}
.moment__dot{
width:6px;height:6px;border-radius:50%;
background:rgba(255,255,255,.3);
border:none;padding:0;cursor:pointer;
transition:background .2s, transform .2s;
flex-shrink:0;
}
.moment__dot.is-active{
background:var(--lime);transform:scale(1.4);
}
}
@media (min-width:768px){
.moment__dots{display:none;}
}
@media(max-width:759px){
.pricing-card__footer{flex-direction:column;gap:12px;align-items:flex-start;}
.pricing{padding-bottom:calc(var(--section-pad-y) * .5);}
}
/* #31 — touch-action: pan-y on all swipe carousels — reduces scroll latency */
#team-track,
#pillars-track,
#enrollment-track,
#pricing-track,
.class-card--spotlight,
.moment__chips{touch-action:pan-y;}
/* ============================================================
MOBILE SPRINT — MED PRIORITY FIXES
Desktop: untouched. All rules scoped to mobile only.
============================================================ */
/* #18 — Global section-pad-y reduction */
@media(max-width:767px){
:root{--section-pad-y:clamp(48px,8vw,140px);}
}
/* #5 — Hero proof-pills: fade-edge scroll affordance */
@media(max-width:767px){
.proof-pills--cartoon{
overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;
mask-image:linear-gradient(to right,black 80%,transparent 100%);
-webkit-mask-image:linear-gradient(to right,black 80%,transparent 100%);
}
.proof-pills--cartoon::-webkit-scrollbar{display:none;}
}
@media(max-width:767px){
.pillar{min-height:220px;}
.pillar__no{font-size:48px;}
}
/* #8 — Team: vertical 1-col on mobile + see-more toggle */
@media(max-width:599px){
.team__carousel-wrap{overflow:visible;}
.team__grid{
display:flex;flex-direction:column;gap:14px;
transition:none;transform:none !important;
}
.team__grid .team-card{flex:unset;}
.team__nav{display:none;}
.team__grid:not(.is-expanded) .team-card:nth-child(n+5){display:none;}
}
.team__toggle{
display:none;
margin:16px auto 0;
background:transparent;
border:1.5px solid var(--ink);
color:var(--ink);
font-family:var(--f-display);
font-size:15px;letter-spacing:.06em;
padding:12px 24px;border-radius:999px;
cursor:pointer;
transition:background .2s,color .2s;
}
.team__toggle:hover{background:var(--ink);color:#fff;}
@media(max-width:599px){.team__toggle{display:block;}}
/* #10 — Zajęcia: disable 3D card-deal animation on mobile */
@media(max-width:600px){
.class-card{opacity:1 !important;transform:none !important;transition:none !important;}
.classes.is-dealt .class-card{opacity:1;transform:none;}
}
/* #12 — Locations: no rotation on narrow viewport */
@media(max-width:767px){
.loc__map-polaroid{transform:none !important;}
.loc__polaroid-wrap .polaroid{transform:none !important;}
}
/* #13 — Testimonials: 2 small cards visible, rest behind toggle */
@media(max-width:767px){
.testi__small-grid:not(.is-expanded) .testi-card:nth-child(n+3){display:none;}
.testi__big--sm p{font-size:clamp(18px,5vw,30px);}
}
.testi__toggle{
display:none;
margin:16px auto 0;
background:transparent;
border:1.5px solid rgba(255,255,255,.35);
color:rgba(255,255,255,.8);
font-family:var(--f-display);
font-size:14px;letter-spacing:.06em;
padding:12px 24px;border-radius:999px;
cursor:pointer;
transition:border-color .2s,color .2s;
}
.testi__toggle:hover{border-color:#fff;color:#fff;}
@media(max-width:767px){.testi__toggle{display:block;}}
/* #16 — Chat widget: hide label on mobile, full-width box */
@media(max-width:600px){
#cms-chat-label{display:none !important;}
}
@media(max-width:480px){
#cms-chat-box{
position:fixed;left:8px;right:8px;width:auto;max-width:none;
bottom:calc(var(--bar-h) + 80px);
}
}
/* #17 — Footer: fix email overflow */
@media(max-width:767px){
.foot__contact{white-space:normal;}
.foot__contact a{word-break:break-all;}
.foot__contact a[href^="tel"]{font-size:18px;white-space:nowrap;word-break:normal;}
.foot__contact a[href^="mailto"]{word-break:break-all;}
}
/* #19 — Fear/Trust: compress quote-mark + trust cards */
@media(max-width:600px){
.quote-mark{font-size:120px;left:-4px;}
.quote-text{font-size:clamp(28px,7.5vw,80px);}
.trust-card{padding:20px 20px 20px 64px;}
.trust-card__ico{width:36px;height:36px;}
.trust-card__ico svg{width:18px;height:18px;}
}
/* #34 — Pricing: wpisowe per slide inline on mobile */
.pricing-card__slide-wpisowe{display:none;font-size:12px;color:rgba(255,255,255,.6);margin:8px 0 0;}
@media(max-width:767px){
.pricing-card__slide-wpisowe{display:block;}
.odkrywca-wpisowe{display:none;}
}
/* #35 — Loader logo: max-width on narrow viewport */
.ph--loader-logo{max-width:min(320px,80vw);}
/* #38 — Map facade: taller on mobile */
@media(max-width:767px){
.map-facade{height:240px;}
}
.map__hint{
font-size:11px;color:rgba(10,20,82,.5);
text-align:center;margin:4px 0 0;
font-family:var(--f-body);
}
/* #39 — Moment chips: remove mask on mobile (active chip scrolls into view) */
@media(max-width:767px){
.moment__chips{mask-image:none;-webkit-mask-image:none;}
}
/* #40 — Open Day: hide left-arrow note on mobile */
@media(max-width:767px){
.openday__note{display:none;}
}
/* #4 — Hero: hide all CTAs on mobile (replaced by mini-form) */
@media(max-width:767px){
.hero__sub-extra{display:none;}
.hero__cta{display:none;}
}
/* #49 — Locations: godziny otwarcia */
.loc__hours{
font-family:var(--f-body);font-size:14px;font-weight:500;
color:rgba(10,10,10,.6);
margin:6px 0 0;
display:flex;align-items:center;gap:6px;
}
/* #59 — Hero mini-form (mobile only) */
.hero__quick-form{display:none;}
@media(max-width:767px){
.hero__quick-form{
display:flex;flex-direction:column;gap:10px;
width:100%;margin-top:4px;
}
.hero__quick-form__row{display:flex;flex-direction:column;gap:8px;}
.hero__quick-form__input{
font-family:var(--f-body);font-size:15px;
padding:13px 16px;
border:1.5px solid rgba(10,20,82,.2);
border-radius:12px;
background:#fff;color:var(--ink);
width:100%;min-height:48px;
outline:none;transition:border-color .2s;
}
.hero__quick-form__input:focus{border-color:var(--lime);}
.hero__quick-form__btn{
background:var(--lime);color:var(--ink);
font-family:var(--f-display);font-size:16px;letter-spacing:.04em;
padding:14px 28px;border-radius:999px;border:none;
cursor:pointer;min-height:48px;width:100%;
transition:opacity .2s;
}
.hero__quick-form__btn:active{opacity:.85;}
}
/* #59 — Desktop quick-cta section (between Pricing and Availability) */
.quick-cta{
background:var(--navy);
padding:clamp(56px,7vw,96px) var(--pad-x);
}
@media(max-width:767px){.quick-cta{display:none;}}
.quick-cta__inner{
max-width:1200px;margin:0 auto;
display:grid;
grid-template-columns:minmax(260px,380px) 1fr;
align-items:center;
gap:clamp(40px,5vw,80px);
}
.quick-cta__copy{display:flex;flex-direction:column;gap:12px;}
.quick-cta__title{
font-family:var(--f-display);
font-size:clamp(52px,6vw,88px);
line-height:.9;
color:#fff;
margin:0;letter-spacing:-.01em;
}
.quick-cta__title em{
font-family:var(--f-serif);
font-style:italic;font-weight:500;
color:var(--lime);letter-spacing:0;
}
.quick-cta__sub{
font-family:var(--f-body);font-size:15px;
color:rgba(255,255,255,.55);
margin:4px 0 0;line-height:1.55;
}
.quick-cta__form{display:flex;flex-direction:column;gap:12px;}
.quick-cta__fields{
display:grid;
grid-template-columns:1fr 1fr 1fr;
gap:10px;
}
@media(min-width:768px) and (max-width:1100px){
.quick-cta__fields{grid-template-columns:1fr 1fr;}
}
.quick-cta__input{
font-family:var(--f-body);font-size:15px;
padding:14px 18px;
border:1.5px solid rgba(255,255,255,.2);
border-radius:14px;
background:rgba(255,255,255,.07);
color:#fff;
min-height:52px;
outline:none;
transition:border-color .2s,background .2s;
-webkit-appearance:none;
}
.quick-cta__input::placeholder{color:rgba(255,255,255,.38);}
.quick-cta__input:focus{
border-color:var(--lime);
background:rgba(255,255,255,.11);
}
.quick-cta__select{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='rgba(255,255,255,.5)' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:right 16px center;
padding-right:40px;cursor:pointer;
}
.quick-cta__select option{background:var(--navy);color:#fff;}
.quick-cta__btn{
align-self:flex-start;
background:var(--lime);color:var(--ink);
font-family:var(--f-display);font-size:17px;letter-spacing:.05em;
padding:15px 32px;border-radius:999px;border:none;
cursor:pointer;min-height:52px;
transition:opacity .2s,transform .15s;
white-space:nowrap;
}
.quick-cta__btn:hover{opacity:.88;transform:translateY(-2px);}
.quick-cta__btn:active{transform:translateY(0);}
/* OpenDay floating FAB (mobile only) */
.openday-fab{
display:none;
position:fixed;
bottom:calc(var(--bar-h) + 24px);
right:16px;
z-index:900;
white-space:nowrap;
}
@media(max-width:767px){.openday-fab{display:block;}}
.openday-fab__link{
display:flex;align-items:center;gap:8px;
background:var(--navy);color:var(--lime);
padding:11px 18px 11px 14px;
border-radius:999px;
text-decoration:none;
font-family:var(--f-hand);font-size:14px;font-weight:700;
box-shadow:0 4px 24px rgba(25,43,130,.45);
position:relative;
animation:fab-float 3s ease-in-out infinite;
}
.openday-fab__link::before{
content:'';
position:absolute;inset:-5px;
border-radius:999px;
border:2px solid var(--lime);
animation:fab-pulse 2.5s ease-out infinite;
pointer-events:none;
}
.openday-fab__ico{font-size:16px;line-height:1;}
.openday-fab__text{color:#fff;}
.openday-fab__text strong{color:var(--lime);}
@keyframes fab-float{
0%,100%{transform:translateY(0);}
50%{transform:translateY(-5px);}
}
@keyframes fab-pulse{
0%{opacity:.7;transform:scale(1);}
100%{opacity:0;transform:scale(1.35);}
}
@media(prefers-reduced-motion:reduce){
.openday-fab__link{animation:none;}
.openday-fab__link::before{animation:none;}
}
/* #61 — Pricing: trust clarity for Maluch */
.pricing-card__price-was{
width:100%;
font-family:var(--f-body);font-size:13px;font-weight:500;
color:rgba(255,255,255,.4);
letter-spacing:0;margin-bottom:2px;
}
.pricing-card__price-was s{text-decoration-color:rgba(255,255,255,.4);}
.pricing-card__eligibility{
font-family:var(--f-body);font-size:12px;font-weight:500;
color:rgba(255,255,255,.6);
margin:8px 0 0;line-height:1.45;
}
.pricing-card__eligibility-link{
color:var(--lime);text-decoration:none;font-weight:600;
}
.pricing-card__eligibility-link:hover{text-decoration:underline;}
/* ============================================================
LOW PRIORITY POLISH — #14, #64, #65
============================================================ */
/* #14 — FAQ: remove right padding on mobile (60px eats content width) */
@media (max-width:600px){
.faq__a-inner{padding:0 0 24px;}
}
/* #64 — Liquid text: disable GPU-heavy SVG filter on mobile */
@media (max-width:767px){
.liquid-text,.liquid-text:hover{filter:none;}
}
/* #65 — backdrop-filter:blur kills Safari iOS scroll FPS; solid fallback */
@media (max-width:767px){
.nav--scrolled{backdrop-filter:none;background:rgba(10,20,82,.95);}
.sticky{backdrop-filter:none;background:rgba(10,10,10,.92);}
}