/* Crisp product previews. Device frames and all UI text are native HTML/CSS.
   Only cover artwork and botanical accents are raster images. */
.crisp-preview{position:relative;container-type:inline-size;isolation:isolate;min-width:0}
.crisp-preview button{font-family:inherit;color:inherit}
.reading-stage{aspect-ratio:1.72;margin:10px 0 12px}
.reading-stage:after,.discovery-scene:after,.device-lineup:after{content:'';position:absolute;bottom:0;left:2%;right:1%;height:1.4%;border-radius:50%;background:#b4a1ee80;z-index:-1}
.tablet-frame{position:absolute;left:12%;top:0;width:83%;height:97%;background:#080810;border-radius:4cqw;padding:1.45cqw;box-shadow:0 .6cqw 0 #878696;transform:rotate(-.2deg)}
.tablet-surface{height:100%;background:#fff;border:1px solid #e8e5f2;border-radius:2.7cqw;overflow:hidden}
.tablet-toolbar{height:11%;padding:1cqw 2.5cqw;display:flex;align-items:center;justify-content:space-between;color:var(--purple)}
.tablet-toolbar>div{display:flex;align-items:center;gap:1.4cqw}
.tablet-toolbar button{border:0;background:transparent;font-size:1.9cqw;font-weight:500;padding:.1cqw;display:grid;place-items:center;line-height:1}
.tablet-toolbar button:first-child{font-size:3cqw}
.tablet-toolbar>div>button:first-child{font-size:1.8cqw}
.tablet-toolbar svg{width:1.8cqw;height:1.8cqw}
.tablet-body{height:89%;display:flex;gap:2cqw;padding:1cqw 2.5cqw 2cqw}
.tablet-sidebar{width:5.6cqw;display:flex;flex:none;flex-direction:column;gap:1.6cqw;justify-content:flex-start;align-items:stretch;padding-top:.8cqw}
.tablet-sidebar button{display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:0;border-radius:.9cqw;padding:.5cqw 0;gap:.4cqw;color:#5b57b1;font-weight:500}
.tablet-sidebar button.selected{color:var(--purple);background:#f0eaff}
.tablet-sidebar svg{width:1.8cqw;height:1.8cqw}
.tablet-sidebar small{font-size:1cqw;line-height:1.2;letter-spacing:-.03em}
.tablet-book{flex:1;min-width:0;position:relative;padding:0 0 3cqw}
.tablet-book h3{font-size:2.3cqw;line-height:1.3;margin:0 0 .6cqw;font-weight:500;letter-spacing:-.05em}
.preview-chapter{font-size:1.3cqw;color:#7f7a9d;line-height:1.3;margin:0 0 2.2cqw}
.tablet-passage{display:flex;align-items:flex-start;gap:1cqw}
.tablet-passage>p{font-size:1.76cqw;line-height:1.9;letter-spacing:-.03em;color:#333454;margin:0;flex:1;white-space:nowrap}
.tablet-passage>img{width:27%;aspect-ratio:2/3;object-fit:cover;border-radius:1.1cqw;margin-top:-4.5cqw}
.preview-highlight{background:#ffdc53;color:#181535!important;border:0;border-radius:.25cqw;padding:0 .2cqw;line-height:inherit;font:inherit;font-weight:500}
.tablet-player{position:absolute;bottom:1.3cqw;left:0;display:flex;align-items:center;gap:1.6cqw;width:62%}
.preview-play{width:4.2cqw;height:4.2cqw;display:grid;place-items:center;background:var(--purple);color:#fff!important;border-radius:50%;border:0;padding-left:.55cqw;font-size:1.4cqw}
.tablet-player>span{font-size:1.2cqw;font-weight:500;color:var(--purple);white-space:nowrap}
.playback-line{height:.35cqw;background:#e4ddfa;flex:1;border-radius:2px}.playback-line i{display:block;width:39%;height:100%;background:var(--purple)}
.preview-definition{position:absolute;bottom:-.5%;right:0;width:42%;min-height:44%;background:#fff;border:1px solid #eeeaff;border-radius:1.8cqw;box-shadow:0 .5cqw 1.4cqw #563acd1b;padding:2.8cqw 2.5cqw 1.5cqw;z-index:3}
.preview-definition>div:first-child{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5cqw}
.preview-definition strong{font-size:2.55cqw;line-height:1.2;letter-spacing:-.04em}
.preview-definition>div>button{border:0;background:#f7f3ff;border-radius:50%;padding:.65cqw;color:var(--purple)}
.preview-definition>div>button svg{width:1.5cqw;height:1.5cqw}
.preview-definition .pronunciation,.preview-definition em{font-size:1.45cqw;display:block;line-height:1.6;color:#87829e}
.preview-definition em{font-style:normal;color:#6c668c}
.preview-definition p{font-size:1.75cqw;line-height:1.4;margin:.4cqw 0 2cqw;color:#202043}
.definition-actions{display:flex;gap:.8cqw;align-items:center}
.definition-actions button{display:flex;align-items:center;justify-content:center;gap:.4cqw;border:0!important;border-radius:999px!important;background:#f4efff!important;padding:.85cqw .8cqw!important;color:var(--purple)!important;font-size:1.05cqw;font-weight:500;white-space:nowrap}
.definition-actions svg{width:1.4cqw!important;height:1.4cqw!important}
.reading-plant{position:absolute;left:-3%;bottom:8%;width:21%;height:55%;object-fit:contain;z-index:-1}
.reading-books{position:absolute;left:-3%;bottom:0;width:21%;height:auto;z-index:1;transform:rotate(-4deg)}
.preview-star{font-family:Caveat,cursive;line-height:1;color:#ffba00;font-weight:500;position:absolute;pointer-events:none}
.reading-star{left:3%;top:15%;font-size:6cqw;color:#222152;transform:rotate(-15deg)}
.discovery-scene{aspect-ratio:2.03;margin-top:10px;margin-bottom:10px}
.discovery-panel{position:absolute;left:20%;top:0;width:64%;height:100%;background:#fff;border:clamp(2px,.6cqw,4px) solid #111321;border-bottom:0;border-radius:3.1cqw 3.1cqw 2.5cqw 2.5cqw;padding:2.4cqw 3cqw 1.3cqw;box-shadow:0 .5cqw .5cqw #cec8eb50;z-index:2}
.discovery-panel h3{font-size:3.4cqw;line-height:1.25;letter-spacing:-.06em;margin:0 0 1.8cqw;font-weight:500}
.preview-tabs{display:flex;justify-content:space-between;gap:.5cqw;margin-bottom:1.8cqw}
.preview-tabs button{font-size:1.6cqw;font-weight:500;padding:.65cqw 1.3cqw;border:0;border-radius:.9cqw;background:#faf9fd;color:#34334f;white-space:nowrap}
.preview-tabs button.active{background:#f4efff;color:var(--purple);box-shadow:0 .3cqw 0 #4b1be4}
.preview-covers{display:grid;grid-template-columns:repeat(3,1fr);gap:2cqw}
.preview-cover{background:none;border:0;padding:0;display:flex;align-items:center;flex-direction:column;min-width:0;transition:transform .2s}
.preview-cover:hover{transform:translateY(-3px)}
.preview-cover img{width:100%;aspect-ratio:2/2.85;height:auto;object-fit:cover;border-radius:.9cqw;box-shadow:0 .35cqw .65cqw #1d17451a}
.preview-cover strong{font-size:1.7cqw;line-height:1.3;letter-spacing:-.045em;margin-top:1.1cqw;color:#181737;font-weight:500;text-align:center}
.cover-arrow{position:absolute;top:52%;width:4.8cqw;height:4.8cqw;border:0;background:white!important;color:var(--purple)!important;font:700 4.4cqw/1 var(--font)!important;border-radius:50%;display:grid;place-items:center;box-shadow:0 .15cqw .45cqw #16005710}
.cover-arrow.previous{left:-2.8cqw}.cover-arrow.next{right:-2.8cqw}
.discover-plant{position:absolute;bottom:0;width:22%;height:70%;object-fit:contain;z-index:0}
.plant-left{left:3%;transform:rotate(-9deg)}.plant-right{right:0;transform:scaleX(-1) rotate(-8deg);width:20%;height:54%}
.discover-star-left{left:3%;top:4%;font-size:7cqw;transform:rotate(-12deg)}.discover-star-right{right:4%;top:-1%;font-size:6.5cqw;transform:rotate(14deg)}
.device-lineup{aspect-ratio:3.06;width:100%;margin:8px 0 4px;min-width:0}
.device-frame{position:absolute;background:#090911;border-radius:1.4cqw;padding:.85cqw;box-shadow:0 .3cqw .3cqw #14072e25}
.device-display{display:flex;flex-direction:column;width:100%;height:100%;background:#fff;border:0;overflow:hidden;border-radius:.6cqw;text-align:left;padding:1.2cqw 1.1cqw;line-height:1.3;color:#252346!important}
.device-desktop{left:34%;bottom:0;width:53%;height:100%;z-index:1;padding:1cqw;border-radius:1.7cqw}
.device-tablet{left:15%;bottom:0;width:29%;height:80%;z-index:3;transform:rotate(.4deg)}
.device-phone-left{left:5%;bottom:0;width:12%;height:61%;z-index:4;padding:.65cqw;border-radius:1.4cqw;transform:rotate(-.7deg)}
.device-phone-right{left:86%;bottom:0;width:11.5%;height:59%;z-index:4;padding:.65cqw;border-radius:1.4cqw;transform:rotate(.7deg)}
.device-phone-left:before,.device-phone-right:before{content:'';position:absolute;width:43%;height:.7cqw;top:.55cqw;left:28%;background:#090911;border-radius:0 0 .7cqw .7cqw}
.device-topbar{display:flex;justify-content:space-between;align-items:center;color:var(--purple);font-size:.75cqw;line-height:1.4;border-bottom:1px solid #f3f0fc;padding-bottom:1cqw;gap:1cqw}
.device-topbar b{font-size:.9cqw;letter-spacing:-.04em}
.device-topbar>span{font-size:1cqw}
.device-inner{display:flex;flex:1;min-height:0;gap:1.6cqw;padding-top:1cqw}
.device-sidebar{width:29%;display:flex;flex-direction:column;gap:1cqw;font-size:.68cqw;line-height:1.3;color:#74708d;flex-shrink:0;white-space:nowrap}
.device-sidebar>b{color:#27224b;font-size:.83cqw;margin-bottom:.5cqw}
.device-sidebar>i{height:1px;background:#f2f0f7;display:block;margin:.4cqw 0}
.device-library{flex:1;min-width:0;display:flex;flex-direction:column;gap:.8cqw}
.device-library>b{font-size:1.2cqw;letter-spacing:-.02em;color:#171232}
.device-tabs{font-size:.63cqw;color:var(--purple)}
.device-covers{display:flex;gap:1.1cqw;height:65%;min-height:0;align-items:flex-start}
.device-covers img{height:100%;width:auto;max-width:45%;aspect-ratio:2/3;object-fit:cover;border-radius:.45cqw}
.device-book-caption{font-size:.7cqw;color:#65607a}
.device-text-lines{display:flex;flex-direction:column;gap:.5cqw;margin-top:.4cqw}.device-text-lines i{width:82%;height:1px;background:#e3ddef}.device-text-lines i:nth-child(2){width:93%}.device-text-lines i:nth-child(3){width:67%}
.device-tablet .device-sidebar{width:36%;font-size:.5cqw;gap:1.1cqw}.device-tablet .device-sidebar>b{font-size:.58cqw}.device-tablet .device-topbar b{font-size:.7cqw}.device-tablet .device-topbar>span{font-size:.65cqw}.device-tablet .device-library>b{font-size:.8cqw}.device-tablet .device-tabs{font-size:.45cqw}.device-tablet .device-book-caption{font-size:.45cqw}.device-tablet .device-covers{height:48%;gap:.6cqw}.device-tablet .device-covers img{max-width:100%}.device-tablet .device-covers img+img{display:none}
.device-phone-left .device-display,.device-phone-right .device-display{padding:1.4cqw .55cqw .6cqw}
.device-phone-left .device-sidebar,.device-phone-right .device-sidebar{display:none}
.device-phone-left .device-topbar,.device-phone-right .device-topbar{padding-bottom:.5cqw}
.device-phone-left .device-topbar b,.device-phone-right .device-topbar b{font-size:.63cqw}
.device-phone-left .device-topbar>span,.device-phone-right .device-topbar>span{display:none}
.device-phone-left .device-library>b,.device-phone-right .device-library>b{font-size:.7cqw}
.device-phone-left .device-tabs,.device-phone-right .device-tabs{font-size:.42cqw;white-space:nowrap}
.device-phone-left .device-covers,.device-phone-right .device-covers{height:52%;justify-content:center}
.device-phone-left .device-covers img,.device-phone-right .device-covers img{max-width:90%;width:auto;height:100%}
.device-phone-left .device-covers img+img,.device-phone-right .device-covers img+img{display:none}
.device-phone-left .device-book-caption,.device-phone-right .device-book-caption{font-size:.43cqw}
.device-plant{position:absolute;bottom:0;width:16%;height:67%;object-fit:contain;z-index:0}
.device-plant.left{left:-3%;transform:rotate(-6deg)}.device-plant.right{right:-4%;height:48%;width:13%;transform:scaleX(-1)}
.cover-art{width:80%;aspect-ratio:2/3;object-fit:cover;border-radius:6px;margin:auto}
@media(max-width:900px){.tablet-passage>p{font-size:1.73cqw}.product-section{gap:0}.device-lineup{width:100%}.discovery-panel{width:67%;left:18%}}
@media(max-width:640px){.reading-stage{margin:8px -2px 13px;width:calc(100% + 4px)}.product-section{gap:25px}.discovery-scene{margin:12px -7px 18px;aspect-ratio:1.8}.discovery-panel{width:69%;left:17%;padding:2.6cqw 3cqw}.discovery-panel h3{font-size:4cqw}.preview-tabs button{font-size:1.9cqw;padding:.8cqw 1.2cqw}.preview-covers{gap:2.3cqw}.preview-cover strong{font-size:1.95cqw;margin-top:1.6cqw}.preview-cover img{aspect-ratio:2/3}.discover-plant{height:67%}.device-lineup{margin:16px 0 5px}.preview-definition{padding:2.5cqw 2cqw 1.8cqw}.preview-definition p{margin-bottom:1.9cqw}.definition-actions{gap:.5cqw}.definition-actions button{font-size:1.15cqw;padding:.9cqw .7cqw!important}}