/* TERMINY 360 v3.1 · strona graficzna zamiast kafelków, scoped */
.landing-v31{--v31-ink:#142940;--v31-blue:#2d70e1;--v31-cyan:#38d7eb;background:#fff;color:var(--v31-ink);overflow-x:clip}
.landing-v31 .site-header{background:#0d2444;border-color:rgba(255,255,255,.08);position:sticky;top:0;backdrop-filter:blur(16px);box-shadow:0 8px 30px rgba(4,21,50,.09)}
.landing-v31 .brand{color:#fff}.landing-v31 .brand b{color:var(--v31-cyan)}.landing-v31 .brand-mark{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.12)}.landing-v31 .desktop-link{color:#d8e8fa}.landing-v31 .desktop-link:hover{color:#fff}
.landing-v31 .btn-ghost{color:#edf8ff;border:1px solid rgba(255,255,255,.37);background:transparent}
.landing-v31 .btn-primary{background:linear-gradient(110deg,#00cce2,#1795ff);color:#082340;box-shadow:0 14px 30px rgba(19,170,226,.20);border:0}.landing-v31 .btn-primary:hover{background:linear-gradient(110deg,#1de2ed,#3eacff)}
.v31-hero{position:relative;isolation:isolate;background:radial-gradient(circle at 72% 9%,#244b7d 0,transparent 45%),linear-gradient(135deg,#081b36 0%,#0e2b52 59%,#122c51 100%);color:#fff;overflow:hidden}
.v31-hero:before{content:'';position:absolute;z-index:-1;left:-240px;top:-220px;width:640px;height:640px;border-radius:50%;background:radial-gradient(circle,rgba(37,167,232,.18),transparent 67%)}
.v31-hero-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.15fr);gap:clamp(28px,4vw,60px);align-items:center;min-height:550px;padding-block:84px 94px}
.v31-kicker{font-weight:850;font-size:12px;letter-spacing:.16em;color:#1d82b5;margin:0 0 15px;text-transform:uppercase}.v31-hero .v31-kicker{color:#7cddfa}.v31-dot{display:inline-block;width:9px;height:9px;background:#48def5;box-shadow:0 0 0 5px rgba(72,222,245,.14);border-radius:50%;margin-right:11px}
.v31-hero h1{font-size:clamp(44px,4.9vw,71px);line-height:1.04;letter-spacing:-.055em;margin:22px 0 26px;font-weight:850}.v31-hero h1 span{color:#52d9ff}.v31-hero-desc{font-size:clamp(15px,1.2vw,18px);line-height:1.8;color:#c9d9ee;max-width:550px;margin:0}
.v31-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.landing-v31 .v31-btn-quiet{color:#eaf6ff;background:rgba(255,255,255,.07);border:1px solid rgba(231,245,255,.22)}.landing-v31 .v31-btn-quiet:hover{background:rgba(255,255,255,.14)}
.v31-trustline{display:flex;gap:13px;flex-wrap:wrap;margin-top:27px;color:#bbd2ea;font-size:12px}.v31-trustline span{white-space:nowrap}
.v31-hero-media{position:relative;border-radius:28px;box-shadow:0 35px 74px rgba(0,0,0,.24);transform:rotate(-1deg);border:1px solid rgba(255,255,255,.25);overflow:visible;align-self:center}
.v31-hero-media img{width:100%;height:auto;aspect-ratio:829/355;object-fit:cover;border-radius:27px;display:block}
.v31-overlay-tag{position:absolute;bottom:-18px;left:24px;background:#fff;color:#17466d;border-radius:14px;padding:13px 16px;font-size:13px;font-weight:800;box-shadow:0 12px 29px rgba(2,17,45,.18)}.v31-overlay-tag span{color:#f4a81c;font-size:20px;vertical-align:middle;margin-right:6px}
.v31-hero-bottom{height:5px;background:linear-gradient(90deg,#25a9ff,#43ebd7,#f7c27d)}
.v31-intro{text-align:center;padding-block:88px 58px;max-width:850px}.v31-intro h2{font-size:clamp(34px,4vw,51px);letter-spacing:-.05em;line-height:1.1;margin:12px 0 17px}.v31-intro h2 span{color:#367ad2}.v31-intro>p:last-child{color:#637990;font-size:16px;line-height:1.8;margin:0 auto;max-width:600px}
.v31-stories{background:#f7f9fc}.v31-story{padding:52px 0;overflow:hidden}.v31-story:not(:last-child){border-bottom:1px solid rgba(42,79,113,.09)}.v31-story-inner{display:grid;grid-template-columns:1.07fr 1fr;gap:clamp(25px,5.5vw,94px);align-items:center;min-height:350px}.v31-story:nth-child(even) .v31-story-image{order:2}.v31-story:nth-child(even) .v31-story-copy{order:1}
.v31-story-image{position:relative;overflow:hidden;border-radius:30px;box-shadow:0 24px 56px rgba(24,54,95,.14);border:1px solid #dce5ef;isolation:isolate;background:#e6eef6}
.v31-story-image:before{content:'';position:absolute;inset:0;border:1px solid rgba(255,255,255,.32);border-radius:inherit;z-index:2;pointer-events:none}
.v31-story-image img{display:block;width:100%;height:340px;object-fit:cover;object-position:center;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.v31-story-image:hover img{transform:scale(1.055)}
.v31-story-copy{padding:10px 0}.v31-story-num{font-size:11px;font-weight:850;letter-spacing:.16em;color:#5b7da4}.v31-story-copy h3{font-size:clamp(34px,4.2vw,54px);font-weight:850;letter-spacing:-.05em;line-height:1.12;margin:15px 0 20px;color:#102842}.v31-story-copy h3 em{font-style:normal;color:#2d70e1}.v31-story-copy>p{color:#5e728a;font-size:16px;line-height:1.78;margin:0;max-width:550px}
.v31-inline-features{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 26px}.v31-inline-features span{font-size:12px;font-weight:720;color:#315e91;border-radius:50px;padding:8px 11px;border:1px solid #cbdff4;background:#edf5fd}
.v31-link-button{font:inherit;display:inline-flex;align-items:center;gap:17px;border:0;background:transparent;padding:12px 0;font-size:15px;font-weight:850;color:#195aa9;cursor:pointer}.v31-link-button span{transition:transform .2s}.v31-link-button:hover span{transform:translateX(5px)}.v31-link-button:focus-visible{outline:3px solid #52cdeb;outline-offset:2px;border-radius:4px}
.v31-teacher{background:linear-gradient(115deg,#f6faff,#ecf4ff)}.v31-student{background:linear-gradient(115deg,#f8fcff,#eef8fd)}.v31-student .v31-story-copy h3 em{color:#17869e}.v31-student .v31-link-button{color:#147d99}.v31-student .v31-inline-features span{border-color:#c8e6e9;color:#1c797f;background:#e9f9f9}
.v31-private{background:linear-gradient(115deg,#fff9ef,#fffdf8)}.v31-private .v31-story-copy h3 em{color:#b77922}.v31-private .v31-link-button{color:#a16818}.v31-private .v31-inline-features span{background:#fff3dc;border-color:#f2dfbf;color:#96661d}
.v31-company{background:linear-gradient(115deg,#eff8f7,#f6fcfb)}.v31-company .v31-story-copy h3 em{color:#17876d}.v31-company .v31-link-button{color:#147b62}.v31-company .v31-inline-features span{background:#e5f9f1;border-color:#bfebdc;color:#217d65}
.v31-benefits{padding:80px 0;background:#0d2747;color:#fff}.v31-benefits-inner{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.v31-benefits h2{font-size:clamp(30px,3vw,44px);letter-spacing:-.045em;margin:0;line-height:1.15}.v31-benefits h2 span{color:#5ee6ed}.v31-benefits-list{display:grid;grid-template-columns:1fr 1fr;gap:19px;color:#e1edfb;font-size:14px;font-weight:700}.v31-benefits-list span{border-left:2px solid #26afdc;padding:10px 0 10px 15px}
.v31-final-cta{text-align:center;padding:91px 0 101px;background:radial-gradient(circle at 50% -35%,#dceffe,transparent 65%),#f6faff}.v31-final-cta h2{font-size:clamp(33px,4vw,51px);letter-spacing:-.05em;margin:0 0 10px}.v31-final-cta h2 span{color:#2878cc}.v31-final-cta p:not(.v31-kicker){color:#667f99;font-size:17px;margin:0 0 26px}.landing-v31 .footer{background:#f7fafc;color:#6b8095;border-top-color:#e4edf3}
@media(max-width:1020px){.v31-hero-grid{grid-template-columns:1fr;gap:45px;min-height:auto;padding-block:70px 75px}.v31-hero-copy{max-width:750px}.v31-hero-media{max-width:780px;width:100%;margin:0 auto}.v31-story-inner{gap:32px}}
@media(max-width:720px){.landing-v31 .header-inner{height:68px}.v31-hero-grid{padding-block:58px 67px;gap:36px}.v31-hero h1{font-size:clamp(39px,9vw,55px)}.v31-trustline{font-size:11px}.v31-hero-actions .btn{width:auto;flex:1 1 160px}.v31-overlay-tag{font-size:11px;left:12px;padding:10px 13px}.v31-intro{padding-block:66px 42px}.v31-story{padding:35px 0}.v31-story-inner{grid-template-columns:1fr;gap:20px;min-height:unset}.v31-story:nth-child(even) .v31-story-image,.v31-story:nth-child(even) .v31-story-copy{order:initial}.v31-story-image img{height:auto;max-height:340px;aspect-ratio:1.65;object-fit:cover}.v31-story-copy h3{font-size:clamp(34px,8vw,43px);margin:10px 0 16px}.v31-story-copy>p{font-size:15px}.v31-inline-features{margin:16px 0}.v31-benefits{padding:64px 0}.v31-benefits-inner{grid-template-columns:1fr;gap:25px}.v31-benefits-list{grid-template-columns:1fr 1fr;gap:9px;font-size:12px}.v31-final-cta{padding:68px 0 78px}}
@media(max-width:420px){.v31-hero h1{font-size:38px}.v31-hero-desc{font-size:14px}.v31-story-image{border-radius:18px}.v31-benefits-list{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.v31-story-image img,.v31-link-button span{transition:none!important}}