/* Homepage: editorial heading and layered blue portfolio folder. */
.slide.type-cover{background:#08090d!important;background-image:radial-gradient(ellipse at 91% 2%,#253d9480 0%,transparent 32%),radial-gradient(ellipse at 50% 100%,#172c9b80 0%,transparent 55%)!important;overflow:hidden}
.type-cover .slide-content,.reading-mode .type-cover .slide-content{display:block;position:relative;width:100%;max-width:none;min-height:100dvh;padding:0!important}
.cover-portfolio{position:relative;min-height:100dvh;display:flex;align-items:center;flex-direction:column;padding:0 24px;overflow:hidden;box-sizing:border-box}
.cover-portfolio .cover-top{position:absolute;top:clamp(25px,4vh,44px);left:clamp(26px,5vw,76px);right:clamp(26px,5vw,76px);display:flex;align-items:center;justify-content:space-between;z-index:5}
.cover-portfolio .cover-brand{color:#f6f7ff;font-size:19px;font-weight:850;letter-spacing:.02em}.cover-portfolio .cover-brand i{font-style:normal;color:#487cff}
.cover-arrow{display:grid;place-items:center;width:44px;height:44px;padding:0;background:transparent;color:#f8f9ff;font-size:37px;line-height:1;cursor:pointer}.cover-arrow:hover{color:#6598ff}.cover-arrow:focus-visible{outline:2px solid #8cb4ff;outline-offset:4px}
.cover-portfolio .cover-copy{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:clamp(76px,10vh,110px)}
.cover-portfolio .cover-kicker{color:#858d9e;font-size:12px;font-weight:700;letter-spacing:.22em;margin:0 0 12px}
.type-cover .cover-portfolio h1{color:#f4f5f8;font-size:clamp(42px,5.7vw,80px);line-height:1.06;letter-spacing:-.045em;margin:0;text-shadow:none}.cover-portfolio .cover-title-line{font-size:inherit;white-space:nowrap}.cover-portfolio .cover-blue{color:#f4f5f8}
.type-cover .cover-portfolio .cover-foot{margin:15px 0 0;color:#a7aab4!important;font-size:clamp(13px,1.15vw,16px);line-height:1.6}
.type-cover .cover-portfolio .cover-goals{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:12px}.type-cover .cover-portfolio .cover-goals>div{padding:7px 13px!important;background:#1c2438!important;color:#d5dceb;border-radius:99px!important;font-size:12px}.cover-portfolio .cover-goals span{color:#80a7ff;margin-right:8px}
.type-cover .cover-portfolio .start-button{display:inline-flex;align-items:center;margin:14px 0 0;padding:10px 19px;border-radius:9px;background:#1556f8;color:#fff;gap:34px;font-size:14px;box-shadow:0 8px 28px #004cff3b}.type-cover .cover-portfolio .start-button:hover{background:#4278ff;color:white}
.portfolio-art{position:relative;width:min(760px,72vw);height:clamp(250px,46vh,430px);margin-top:clamp(16px,3vh,30px);flex:none}
.portfolio-card{position:absolute;top:0;width:45%;height:75%;border-radius:13px;padding:clamp(17px,2vw,26px);text-align:left;box-sizing:border-box;box-shadow:0 20px 50px #0009;overflow:hidden}
.portfolio-card>span{display:block;font:700 10px Arial,sans-serif;letter-spacing:.17em;opacity:.75}.portfolio-card strong{display:block;margin-top:12px;font-size:clamp(18px,2.3vw,29px);line-height:1.2;letter-spacing:-.025em}
.card-production{left:4%;top:15%;transform:rotate(-15deg);background:linear-gradient(145deg,#1974ff,#0646d9);color:white}.card-agent{left:28%;top:2%;transform:rotate(-9deg);background:linear-gradient(135deg,#1375ff,#063cb9);color:white}.card-sales{right:4%;top:15%;transform:rotate(11deg);background:linear-gradient(145deg,#fff,#e8eeff);color:#111b31}
.art-cube{position:absolute;bottom:11%;left:18%;width:100px;height:100px;display:grid;place-items:center;transform:rotate(-15deg);border-radius:24px;background:linear-gradient(135deg,#82d9ff,#1d49fa);box-shadow:10px 15px 30px #002a9c;outline:4px solid #c3edff65;color:white;font-size:65px}
.art-window{position:absolute;bottom:8%;right:15%;width:45%;height:42%;border-radius:9px;background:#eaf3ff;border:7px solid #171c30;box-shadow:12px 18px 25px #00226e}.art-window i{display:block;height:13px;background:#cadbff}.art-window b{display:grid;place-items:center;height:75%;font-size:38px;color:#1356ed}
.art-chart{position:absolute;bottom:12%;left:16%;width:150px;height:115px;border-radius:50%;background:linear-gradient(150deg,#62e4ff,#0066e9);box-shadow:0 10px 30px #1375d78a;display:flex;align-items:flex-end;justify-content:center;gap:7px;padding-bottom:20px;box-sizing:border-box}.art-chart i{width:17px;height:32px;background:#eaf8ff;border-radius:3px 3px 0 0}.art-chart i:nth-child(2){height:55px}.art-chart i:nth-child(3){height:75px}.art-chart em{position:absolute;right:-20px;top:-20px;color:#1081ff;font-size:62px;font-style:normal;font-weight:900}
.portfolio-folder{position:absolute;z-index:3;left:6%;right:6%;top:55%;height:70%;border-radius:clamp(24px,4vw,48px) clamp(24px,4vw,48px) 0 0;background:radial-gradient(ellipse at 76% 8%,#93a9ff88,transparent 27%),radial-gradient(ellipse at 23% 0%,#88b5ff88,transparent 26%),linear-gradient(135deg,#5783f5,#204de9 45%,#4e68f0);box-shadow:0 -8px 45px #2d6bff55,inset 0 2px 12px #c5d8ff70;text-align:left;padding:clamp(25px,4vw,48px);box-sizing:border-box;overflow:hidden}
.folder-label{font:900 clamp(48px,8vw,108px)/.72 Arial,sans-serif;letter-spacing:-.06em;color:#d3ebff;text-shadow:0 7px 26px #6dd9ff80}.folder-label span{font-size:.72em}.folder-meta{position:absolute;bottom:38%;left:clamp(25px,4vw,48px);right:clamp(25px,4vw,48px);display:flex;justify-content:space-between;font:700 10px Arial,sans-serif;letter-spacing:.2em;color:#d6e6ff}
.type-cover .slide-folio{display:none}
@media(max-height:800px) and (min-width:851px){.cover-portfolio .cover-copy{margin-top:65px}.cover-portfolio .cover-kicker{margin-bottom:6px}.type-cover .cover-portfolio h1{font-size:clamp(40px,4.8vw,60px)}.type-cover .cover-portfolio .cover-foot{margin-top:8px}.type-cover .cover-portfolio .cover-goals{margin-top:7px}.type-cover .cover-portfolio .start-button{margin-top:8px}.portfolio-art{height:39vh;width:min(650px,65vw);margin-top:12px}}
@media(max-width:850px){.cover-portfolio .cover-top{top:22px;left:24px;right:24px}.cover-portfolio .cover-copy{margin-top:85px}.type-cover .cover-portfolio h1{font-size:clamp(38px,8vw,62px)}.type-cover .cover-portfolio .cover-foot{max-width:340px}.portfolio-art{width:min(640px,94vw);height:clamp(280px,43vh,420px);margin-top:24px}.portfolio-card{width:50%}.card-production{left:0}.card-sales{right:0}.portfolio-card strong{font-size:clamp(16px,4vw,24px)}.art-chart{transform:scale(.7);transform-origin:bottom left}.art-cube{transform:scale(.7) rotate(-15deg);transform-origin:bottom left}.portfolio-folder{left:2%;right:2%}}
@media(max-width:420px){.cover-portfolio .cover-copy{margin-top:78px}.type-cover .cover-portfolio h1{font-size:36px}.cover-portfolio .cover-kicker{font-size:10px}.type-cover .cover-portfolio .cover-goals>div{font-size:11px}.portfolio-art{margin-top:20px}.portfolio-card{padding:15px}.portfolio-card>span{font-size:8px}.portfolio-card strong{font-size:16px}.art-window{border-width:4px}.art-window b{font-size:25px}}
/* Load-only entrance: independent of the active slide and scroll position. */
.type-cover .cover-portfolio h1{font-size:clamp(29px,7.2vw,94px);white-space:nowrap;line-height:1.12}
.portfolio-card{transform-origin:50% 100%}
.type-cover .card-production{animation:fan-production .85s cubic-bezier(.2,.8,.2,1) .15s both!important}
.type-cover .card-agent{animation:fan-agent .85s cubic-bezier(.2,.8,.2,1) .52s both!important}
.type-cover .card-sales{animation:fan-sales .85s cubic-bezier(.2,.8,.2,1) .89s both!important}
@keyframes fan-production{from{opacity:0;transform:translate(53%,85%) rotate(6deg)}to{opacity:1;transform:translate(0,0) rotate(-15deg)}}
@keyframes fan-agent{from{opacity:0;transform:translate(0,95%) rotate(8deg)}to{opacity:1;transform:translate(0,0) rotate(-9deg)}}
@keyframes fan-sales{from{opacity:0;transform:translate(-53%,85%) rotate(-7deg)}to{opacity:1;transform:translate(0,0) rotate(11deg)}}
@media(max-width:420px){.type-cover .cover-portfolio h1{font-size:clamp(27px,7.2vw,30px)}}
/* Lower the cover content after removing the foreground folder. */
.cover-portfolio .cover-copy{margin-top:clamp(105px,15vh,145px)}
@media(max-height:800px) and (min-width:851px){.cover-portfolio .cover-copy{margin-top:clamp(88px,12vh,110px)}}
@media(max-width:850px){.cover-portfolio .cover-copy{margin-top:clamp(105px,13vh,130px)}}
/* Enlarge and center the card fan, cropping its lower edge at the cover. */
.type-cover .slide-content,.reading-mode .type-cover .slide-content,.cover-portfolio{height:100dvh;min-height:100dvh;overflow:hidden}
.cover-portfolio .portfolio-art{position:absolute;left:50%;bottom:-14vh;transform:translateX(-50%);width:min(960px,88vw);height:54vh;margin:0}
.cover-portfolio .portfolio-card{width:45%;height:86%}
@media(max-width:850px){.cover-portfolio .portfolio-art{width:96vw;height:48vh;bottom:-12vh}.cover-portfolio .portfolio-card{width:50%;height:85%}}
/* Increase the cover copy while keeping the title on one line. */
.type-cover .cover-portfolio h1{font-size:clamp(30px,7.9vw,105px)}
.cover-portfolio .cover-kicker{font-size:clamp(13px,1.25vw,16px)}
.type-cover .cover-portfolio .cover-foot{font-size:clamp(15px,1.45vw,20px)}
.type-cover .cover-portfolio .cover-goals>div{font-size:clamp(13px,1.2vw,16px);padding:10px 17px!important}
.type-cover .cover-portfolio .start-button{font-size:clamp(15px,1.4vw,18px);padding:13px 23px}
@media(max-width:420px){.type-cover .cover-portfolio h1{font-size:clamp(27px,7.4vw,31px)}.type-cover .cover-portfolio .cover-foot{font-size:14px}.type-cover .cover-portfolio .cover-goals>div{font-size:12px;padding:8px 12px!important}}

.cover-brand-logo{display:block;width:clamp(132px,12vw,165px);height:auto}
@media(max-width:420px){.cover-brand-logo{width:125px}}
/* Illustrations on the three cover cards. */
.cover-illustration{position:absolute;top:44%;right:9%;width:52%;height:auto;overflow:visible;filter:drop-shadow(0 8px 15px #00337c3d);pointer-events:none}
.cover-book{width:46%;right:11%;top:43%}
.cover-network{width:49%;right:9%;top:43%}
.cover-linechart{width:50%;right:10%;top:43%;filter:none}
.network-lines{stroke-dasharray:450;stroke-dashoffset:450;transform-origin:50% 50%;animation:network-expand 4.5s ease-in-out infinite!important}
.network-nodes{transform-box:fill-box;transform-origin:center;animation:network-pulse 4.5s ease-in-out infinite!important}
.chart-path{stroke-dasharray:340;stroke-dashoffset:340;animation:chart-draw 4s ease-in-out infinite!important}
.chart-area{opacity:0;animation:chart-fill 4s ease-in-out infinite!important}
.chart-points{opacity:0;animation:chart-fill 4s ease-in-out infinite!important}
@keyframes network-expand{0%,8%{stroke-dashoffset:450;opacity:0;transform:scale(.08)}35%,75%{stroke-dashoffset:0;opacity:.8;transform:scale(1)}100%{stroke-dashoffset:450;opacity:0;transform:scale(.08)}}
@keyframes network-pulse{0%,8%{transform:scale(.08);opacity:.35}35%,75%{transform:scale(1);opacity:1}100%{transform:scale(.08);opacity:.35}}
@keyframes chart-draw{0%,8%{stroke-dashoffset:340;opacity:0}18%{opacity:1}65%,80%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes chart-fill{0%,35%{opacity:0}65%,80%{opacity:.18}100%{opacity:0}}
.cover-book{left:7%;right:auto;top:35%;width:42%}
.cover-network{left:9%;right:auto;top:36%;width:47%}
.cover-linechart{top:35%}
.cover-linechart{top:24%;right:5%;width:48%}

/* Simplified geometric book and static middle card. */
.cover-book{filter:none}
.type-cover .card-agent{animation:none!important}
.card-agent .network-lines{animation:none!important;stroke-dasharray:none;stroke-dashoffset:0;opacity:.8;transform:none}
.card-agent .network-nodes{animation:none!important;opacity:1;transform:none}

/* Full-width illustrative sales chart, with persistent axes. */
.sales-trend-chart{position:absolute;left:0;right:0;top:34%;width:100%;height:auto;overflow:visible;pointer-events:none}
.sales-trend-line{stroke-dasharray:1;stroke-dashoffset:1;animation:sales-line-draw 5s ease-in-out 1 both!important}
.sales-trend-area,.sales-trend-points{animation:sales-details 5s ease-in-out 1 both!important}
@keyframes sales-line-draw{0%,6%{stroke-dashoffset:1;opacity:1}65%,100%{stroke-dashoffset:0;opacity:1}}
@keyframes sales-details{0%,30%{opacity:0}65%,100%{opacity:1}}

.sales-trend-chart{height:36%}

/* Official product icons in a single static row. */
.agent-logo-row{position:absolute;top:42%;left:6%;width:64%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;align-items:start}
.agent-logo-item{min-width:0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}
.agent-logo-item img{display:block;width:100%;max-width:44px;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 4px 7px #002d8d38)}
.agent-logo-item>span{font:600 clamp(6px,.65vw,9px)/1.2 Arial,sans-serif;letter-spacing:-.02em;color:#eef5ff;white-space:nowrap}
@media(max-width:520px){.agent-logo-row{gap:3px;left:5%;width:67%;top:40%}.agent-logo-item{gap:4px}.agent-logo-item>span{font-size:6px}}
.agent-logo-row{width:57%;gap:4px}
.agent-logo-item img{max-width:40px}
@media(max-width:520px){.agent-logo-row{width:59%;gap:2px}}

.agent-logo-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}
.agent-logo-item>span{font-size:clamp(5px,.55vw,8px)}
/* One left-to-right light sweep when the homepage loads. */
.cover-portfolio::after{content:"";position:absolute;z-index:8;pointer-events:none;top:-25%;bottom:-25%;left:-60%;width:45%;background:linear-gradient(90deg,transparent 0%,rgba(58,118,255,.025) 20%,rgba(89,154,255,.14) 43%,rgba(214,234,255,.26) 50%,rgba(91,161,255,.12) 57%,transparent 100%);filter:blur(9px);mix-blend-mode:screen;opacity:0;transform:translateX(-20vw) skewX(-18deg);animation:cover-load-sheen 2.3s cubic-bezier(.22,.5,.35,1) .18s 1 both!important}
@keyframes cover-load-sheen{0%{transform:translateX(-20vw) skewX(-18deg);opacity:0}12%{opacity:1}78%{opacity:1}100%{transform:translateX(200vw) skewX(-18deg);opacity:0}}

/* Staggered geometric stack of teaching books. */
.cover-portfolio .cover-book{left:6%;right:auto;top:29%;width:44%;filter:drop-shadow(0 8px 10px #003b8130)}