/* ICPED public browsing and gift presentation. */
.hero-human{position:relative;margin:0;border-radius:30px;overflow:hidden;background:#e7f0eb;box-shadow:0 20px 65px #102c3b16}.hero-human img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.hero-human figcaption{margin:0;padding:12px 18px;background:#f5f6ed;color:#536971;font-size:.72rem}.hero-human-label{position:absolute;left:20px;bottom:65px;padding:12px 18px;background:#ffffffed;border-radius:14px;color:#102c3b;font-weight:600}.featured-youth{background:#eef6f2}.youth-feature-photo{display:block;width:100%;height:auto;border-radius:24px}.featured-youth .featured-price{margin:24px 0 12px}.youth-real-life{background:#fcfaf3}.youth-real-life .tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.experience-breadcrumb{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0 0 24px;font-size:.85rem;color:#5a7176}.experience-breadcrumb a{color:#086b6e}.experience-breadcrumb .nav-back{margin-right:10px;font-weight:650}.journey-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0;padding:18px;background:#f1f6ef;border:1px solid #d2e3dc;border-radius:16px}.sample-context-bar{margin:20px 0}.comparison-shell{overflow:auto;border:1px solid #d2e3dc;border-radius:18px;margin:26px 0}.comparison-table{width:100%;border-collapse:collapse;font-size:.9rem;background:#fff}.comparison-table th,.comparison-table td{padding:18px 14px;border-bottom:1px solid #dce8e2;text-align:left;vertical-align:top}.comparison-table thead th{background:#102c3b;color:#fff;font-weight:600}.comparison-table tbody th{min-width:170px;font-weight:650}.comparison-table td p{margin:5px 0;font-size:.83rem}.comparison-table .compare-price{white-space:nowrap;font-size:1.1rem;font-weight:750;color:#086b6e}.comparison-table .compare-action{display:inline-block;padding:9px 12px;border:1px solid #a5cfc8;border-radius:9px;color:#075c61;text-decoration:none;margin:4px 0;font-size:.8rem;font-weight:650}.comparison-table details{margin-top:8px;font-size:.8rem}.comparison-table summary{cursor:pointer;color:#086b6e}.comparison-table ul{padding-left:17px;margin-top:10px}.comparison-intro{max-width:800px}.portal-glimpse-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:24px 0}.portal-glimpse-grid figure{margin:0;border:1px solid #d2e3dc;border-radius:18px;overflow:hidden;background:#fff}.portal-glimpse-grid img{width:100%;height:auto;display:block}.portal-glimpse-grid figcaption{padding:18px;color:#324d55;font-size:.9rem}.portal-glimpse-grid strong{display:block;margin-bottom:7px;font-size:1.08rem;color:#102c3b}.portal-photo-link{display:block;cursor:zoom-in}.image-lightbox{border:0;border-radius:18px;padding:12px;max-width:min(1150px,94vw);max-height:92vh;background:#fff}.image-lightbox::backdrop{background:#102c3bc2}.image-lightbox img{max-width:100%;max-height:78vh;display:block;margin:auto}.image-lightbox button{float:right;margin-bottom:8px;padding:8px 14px}.image-lightbox p{font-size:.8rem;margin:10px 4px}.experience-note{font-size:.8rem;color:#617678}.scope-check-note{font-size:.84rem;line-height:1.6}.section[id]{scroll-margin-top:120px}.sample-lesson .journey-actions{position:relative}.comparison-paths{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.comparison-paths a{padding:9px 13px;border:1px solid #bcd6ce;border-radius:999px;background:#fff;color:#086b6e;text-decoration:none}.experience-nav-mobile{display:none}
@media(max-width:991px){.youth-real-life .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-youth .row{flex-direction:column-reverse}.portal-glimpse-grid{grid-template-columns:1fr}.hero-human-label{font-size:.85rem;left:14px;bottom:55px}.comparison-table th,.comparison-table td{padding:12px 10px}}
@media(max-width:650px){.hero-human{border-radius:20px}.youth-real-life .tool-grid{grid-template-columns:1fr}.hero-human-label{display:none}.comparison-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.comparison-table,.comparison-table tbody{display:block}.comparison-table tr{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #d2e3dc;padding:12px}.comparison-table tbody th{grid-column:1/-1;border:0;font-size:1rem;padding:8px}.comparison-table td{border:0;padding:8px;font-size:.85rem}.comparison-table td[data-label]::before{content:attr(data-label);display:block;color:#617678;font-size:.7rem;font-weight:650;margin-bottom:5px}.comparison-table .compare-actions-cell{grid-column:1/-1}.comparison-table .compare-audience{grid-column:1/-1}.journey-actions{padding:14px}.journey-actions .btn{width:100%}.section[id]{scroll-margin-top:100px}.experience-breadcrumb{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){.hero-human,.featured-youth *{animation:none!important;scroll-behavior:auto!important}}
html{scroll-padding-top:0}.section[id]{scroll-margin-top:calc(var(--icped-header-height,140px) + 16px)}#compare h1{font-size:clamp(2rem,3.5vw,3rem);line-height:1.14;margin-bottom:14px}#compare .comparison-intro{font-size:.95rem;line-height:1.55;margin-bottom:14px}#compare .comparison-paths{margin:14px 0;gap:8px}#compare .comparison-paths button{padding:9px 12px;font-size:.8rem}#compare .comparison-shell{margin-top:16px}#compare .comparison-table th,#compare .comparison-table td{padding:13px 12px}#compare .compare-actions-cell{min-width:140px}
.comparison-table tr[hidden]{display:none!important}
#compare{scroll-margin-top:calc(var(--icped-header-height,140px) + 16px)}

/* Real browser captures, placed inside device-shaped frames. */
.device-showcase{display:grid;grid-template-columns:1.7fr 1fr .75fr;gap:2.2rem;align-items:center;margin:3rem 0 1.5rem}.device-card{margin:0;min-width:0;text-align:center}.device-frame{display:block;position:relative;background:#102d3a;border:10px solid #102d3a;box-shadow:0 20px 45px #102d3a26;transition:transform .2s}.device-frame:hover{transform:translateY(-4px)}.device-frame img{display:block;width:100%;height:auto;border-radius:5px}.device-desktop .device-frame{border-radius:14px 14px 6px 6px;margin-bottom:35px}.device-desktop .device-frame:after{content:"";position:absolute;width:40%;height:25px;background:linear-gradient(90deg,#b6c6c8,#e0e8e8,#b6c6c8);left:30%;top:calc(100% + 10px);clip-path:polygon(37% 0,63% 0,70% 75%,100% 85%,100% 100%,0 100%,0 85%,30% 75%)}.device-tablet .device-frame{border-radius:22px;border-width:14px 10px}.device-phone .device-frame{border-radius:26px;border-width:17px 7px}.device-card figcaption{font-size:.9rem;line-height:1.5;margin:1rem 0;color:#52666c}.device-card figcaption strong{display:block;color:#12303a;margin-bottom:.4rem}.learning-preview-evidence+.device-showcase{grid-template-columns:1fr 1fr .75fr}.permission-later{padding:1.2rem;border-radius:12px;background:#edf7f5;margin:1rem 0}.permission-later button{margin:.5rem .5rem .5rem 0}.saved-gift-notice{padding:1rem;margin-bottom:1rem;background:#edf7f5;border-radius:12px}.authority-options summary{cursor:pointer;color:#086e70}.device-showcase a:focus-visible{outline:3px solid #f3b847;outline-offset:5px}@media(max-width:767px){.device-showcase,.learning-preview-evidence+.device-showcase{grid-template-columns:1fr 1fr;gap:1.6rem}.device-desktop{grid-column:1/-1}.device-desktop .device-frame{max-width:560px;margin-inline:auto}.device-phone{max-width:210px;justify-self:center}.device-tablet{max-width:300px;justify-self:center}}@media(prefers-reduced-motion:reduce){.device-frame{transition:none}}