.product-autoskola .iphone-showcase{display:flex;flex-direction:column;gap:0;padding:30px 24px 24px;min-height:0;background:transparent;border:0;box-shadow:none;color:var(--ink);isolation:isolate}
.iphone-showcase::before{content:"";position:absolute;width:min(440px,100%);height:500px;border:0;border-radius:50%;top:110px;left:50%;transform:translateX(-50%);background:radial-gradient(ellipse,#c9dfdf 0,#e2eae3 42%,transparent 70%);pointer-events:none;z-index:-1}
.iphone-heading{text-align:center;margin-bottom:24px}.iphone-eyebrow{color:#647b7c;font-size:.57rem;font-weight:750;letter-spacing:.16em}.iphone-heading p{margin:7px 0 0;font:500 clamp(1.5rem,2.5vw,2rem)/1.1 var(--serif);letter-spacing:-.03em}
.iphone-stage{display:flex;align-items:center;justify-content:center;gap:24px;width:100%;perspective:1000px}
.iphone-rig{position:relative;width:236px;flex:0 0 auto;transform:translateY(var(--phone-scroll-offset,0px)) rotateX(calc(var(--phone-x,0deg) + var(--phone-scroll-angle,0deg))) rotateY(var(--phone-y,-7deg)) rotateZ(-1deg);transform-style:preserve-3d;transition:transform .25s ease;filter:drop-shadow(10px 24px 24px #2f2a3626)}
.iphone-device{position:relative;display:block;padding:7px;border-radius:39px;border:2px solid #8b99a3;background:linear-gradient(110deg,#56616c,#111a20 25%,#060b10 80%,#768894);box-shadow:inset 0 0 0 1px #c5d8e355,3px 1px 0 #3e515f,-2px 0 0 #16222b;overflow:hidden;touch-action:pan-y;cursor:zoom-in}
.iphone-device img{width:100%;height:auto;aspect-ratio:1320/2868;object-fit:contain;background:#02090e;border-radius:29px;user-select:none;-webkit-user-drag:none}
.iphone-side{position:absolute;display:block;width:4px;border-radius:2px;background:linear-gradient(90deg,#24333f,#a2b0b7);z-index:-1}.iphone-side-left{left:-4px;top:94px;height:26px;box-shadow:0 41px 0 #647681,0 74px 0 #647681}.iphone-side-right{right:-5px;top:148px;height:57px}
.iphone-enlarge{position:absolute;right:16px;bottom:17px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid #96c5d45c;background:#0c202cdd;color:#fff;font:20px var(--sans);opacity:0;transition:opacity .2s}.iphone-device:hover .iphone-enlarge,.iphone-device:focus-visible .iphone-enlarge{opacity:1}
.iphone-arrow{flex:0 0 auto;width:40px;height:40px;border-radius:50%;border:1px solid #d6d5cf;color:#4d666b;background:#ffffffa6;font:22px var(--sans);cursor:pointer;transition:background .2s,transform .2s}.iphone-arrow:hover{background:#e7eeeb;transform:scale(1.06)}
.iphone-caption{text-align:center;margin:23px 0 17px;min-height:48px}.iphone-caption>span{color:#657e80;font:650 .6rem var(--sans);letter-spacing:.18em}.iphone-caption p{font:500 .83rem/1.45 var(--sans);margin:6px 0 0;color:#514e57}
.iphone-tabs{display:flex;max-width:100%;padding:4px;border:1px solid #dedcd6;background:#eeede8;border-radius:12px;gap:3px}.iphone-tab{min-height:40px;padding:9px 13px;border:1px solid transparent;border-radius:8px;color:#625e68;background:transparent;font:650 .7rem var(--sans);cursor:pointer;transition:background .2s,color .2s}.iphone-tab[aria-pressed=true]{background:#fff;color:#243e45;box-shadow:0 2px 8px #302d3610}.iphone-tab:hover{border-color:#c7d3ce;color:#263e45}.iphone-tab[aria-pressed=true]:hover{color:#112d3c}.iphone-hint{font-size:.62rem;line-height:1.5;color:#716e77;margin:12px 0 0;text-align:center}
.iphone-showcase :is(button,a):focus-visible{outline:3px solid #6b80a8;outline-offset:4px}
.iphone-modal{border:1px solid #486272;border-radius:18px;padding:0;background:#091b28;color:#fff;width:min(540px,calc(100vw - 24px));max-height:94dvh}.iphone-modal::backdrop{background:#030910e8;backdrop-filter:blur(8px)}.iphone-modal-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;position:sticky;top:0;background:#091b28f5;font:.85rem var(--sans)}.iphone-modal-bar button{min-height:44px;padding:8px 14px;border:1px solid #658593;border-radius:9px;background:#1d3a48;color:#fff;cursor:pointer;font:inherit}.iphone-modal img{width:100%;height:auto}.iphone-modal button:focus-visible{outline:3px solid #76dfec;outline-offset:2px}body.iphone-modal-open{overflow:hidden}
@media(max-width:1100px) and (min-width:901px){.iphone-stage{gap:12px}.iphone-rig{width:215px}.iphone-tab{padding-inline:9px}}
@media(max-width:600px){.product-autoskola .iphone-showcase{padding:25px 12px 20px}.iphone-stage{gap:14px}.iphone-rig{width:min(226px,calc(100vw - 158px));--phone-y:-4deg}.iphone-arrow{width:36px;height:44px}.iphone-heading{margin-bottom:23px}.iphone-tabs{width:100%;max-width:350px}.iphone-tab{flex:1;padding:10px 5px;min-width:0;font-size:.67rem}.iphone-caption p{font-size:.8rem}.iphone-enlarge{opacity:1}.iphone-hint{font-size:.65rem}}
@media(prefers-reduced-motion:reduce){.iphone-rig{transform:none!important}.iphone-showcase *{transition:none!important}}

/* Collection introduction and two equally distinct product sections. */
.products>.section-header{max-width:none;text-align:center;padding:0 0 64px;border-bottom:1px solid var(--line)}
.products>.section-header h2{max-width:850px;margin:18px auto 20px}
.products>.section-header>p:last-of-type{max-width:660px;margin:0 auto;color:var(--muted)}
.product-jumps{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:30px}
.product-jumps a{display:inline-flex;align-items:center;gap:18px;padding:10px 17px;border:1px solid var(--line);border-radius:999px;background:#ffffff70;font:650 .76rem var(--sans)}
.product-jumps a:hover{background:#fff;border-color:#b7b0c9}.product-jumps span{color:var(--violet)}
.product-jumps a:focus-visible{outline:3px solid #6b80a8;outline-offset:4px}
.product-list{margin-top:0}
.product-autoskola{grid-template-areas:"label label" "visual intro" "visual details";padding-top:58px;padding-bottom:85px}
.product-criterdock{grid-template-areas:"label label" "intro visual" "details visual";padding-top:58px;padding-bottom:85px}
.product-marker{grid-area:label;display:flex;align-items:center;gap:14px;color:#716e77;font:750 .65rem var(--sans);letter-spacing:.14em;text-transform:uppercase;margin-bottom:44px}
.product-marker span{display:grid;place-items:center;width:32px;height:32px;border:1px solid #d6d8d5;border-radius:50%;color:#4c7476;background:#eef3ef;font-size:.65rem;letter-spacing:0}
.product-criterdock .product-marker span{color:#6a59a2;background:#eeebf6;border-color:#dcd6ec}
.product[id]{scroll-margin-top:28px}
@media(max-width:900px){.product-autoskola,.product-criterdock{grid-template-areas:"label" "intro" "visual" "details"}}
@media(max-width:600px){.products>.section-header{padding-bottom:40px}.products>.section-header h2{font-size:clamp(2rem,9vw,3rem)}.product-jumps{gap:8px;margin-top:24px}.product-jumps a{font-size:.69rem;padding:10px 12px;gap:10px}.product-autoskola,.product-criterdock{padding-top:35px;padding-bottom:55px}.product-marker{margin-bottom:26px;font-size:.6rem}.product-marker span{width:28px;height:28px}}

/* Frosted product cards and prominent product links. */
.product-list{gap:48px;margin-top:44px;padding-bottom:72px}
.product.product-autoskola,.product.product-criterdock{padding:36px clamp(20px,3vw,42px) 44px;column-gap:36px;border:1px solid rgba(255,255,255,.95);border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(239,245,245,.72));box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(76,92,109,.12),0 20px 55px rgba(35,49,65,.08);-webkit-backdrop-filter:blur(16px) saturate(125%);backdrop-filter:blur(16px) saturate(125%)}
.product.product-criterdock{background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(239,235,249,.76))}
.product-criterdock::before{display:none}
.product .product-marker{margin-bottom:32px;color:#595963}
.product .product-copy,.product .product-visual{min-width:0}
.product .product-link{min-height:52px;max-width:100%;padding:14px 20px;gap:18px;justify-content:space-between;border:1px solid rgba(255,255,255,.98);border-radius:18px;background:linear-gradient(145deg,#ffffffed,#e3e9f3d9);box-shadow:inset 0 1px 0 #fff,0 0 0 1px #52628c26,0 6px 18px #283b6512;color:#3e329b;text-decoration:none;line-height:1.4;transition:background .2s,box-shadow .2s,transform .2s}
.product .product-link>span:first-child{min-width:0;overflow-wrap:anywhere}
.product .product-link>span:last-child{flex-shrink:0}
.product .product-link:hover{background:linear-gradient(145deg,#fff,#dce5f5);box-shadow:inset 0 1px 0 #fff,0 0 0 1px #52628c45,0 9px 22px #283b6520;transform:translateY(-2px)}
.product .product-link:focus-visible{outline:3px solid #5141be;outline-offset:5px}
@media(min-width:901px){.product{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}}
@media(max-width:600px){.product-list{gap:30px;margin-top:30px;padding-bottom:42px}.product.product-autoskola,.product.product-criterdock{padding:24px 16px 28px;border-radius:24px}.product .product-link{display:flex;width:100%;padding:14px 16px;border-radius:16px}.product .product-marker{margin-bottom:24px}.product-title-row{flex-wrap:wrap}.product-autoskola .iphone-showcase{padding-inline:0}.iphone-stage{gap:8px}.iphone-rig{width:min(226px,calc(100vw - 176px))}}
@media(prefers-reduced-transparency:reduce){.product.product-autoskola,.product.product-criterdock{background:#f0f3f5;-webkit-backdrop-filter:none;backdrop-filter:none}.product .product-link{background:#eef0fa}}
@media(prefers-reduced-motion:reduce){.product .product-link{transition:none}.product .product-link:hover{transform:none}}

.skip-link:not(:focus){visibility:hidden}