:root{--bg:#080809;--muted:#8c8996;--purple:#b99de9;--line:#ffffff10}body{background:#080809}body:before{display:none}.wrap{max-width:1240px}.header{height:108px;border:0;position:absolute;top:0;left:0;right:0;z-index:3}.header nav{gap:28px}.header .logo{font-size:29px}.header .contact{background:linear-gradient(120deg,#c0a9cb,#6c2bea 75%,#3700b8);border-color:#c1a1ff55;box-shadow:0 0 25px #a99bca22;font-weight:700}.hero-stage{position:relative;isolation:isolate;min-height:870px;background:#08090f;overflow:hidden}.hero-stage:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 100%,#48248566,transparent 65%),radial-gradient(#b7a6e517 1px,transparent 1.5px);background-size:auto,7px 7px}.hero{padding-top:180px;padding-bottom:270px;text-align:center;position:relative;z-index:2;pointer-events:none}.hero a{pointer-events:auto}.hero-symbols{display:flex;justify-content:center;align-items:center;gap:25px;margin-bottom:35px}.hero-symbols>span{display:grid;place-items:center;width:53px;height:56px;border:1px dashed #ffffff20;border-radius:11px;background:linear-gradient(#ffffff05,#ffffff01);box-shadow:0 10px 24px #0005,inset 0 1px 8px #ffffff05;font-size:31px;line-height:1;font-weight:800}.hero-symbols>span:last-child{font-size:17px;transform:rotate(9deg)}.hero-symbols i{font-size:24px;color:#4a4655;font-style:normal}.hero .eyebrow{justify-content:center;font-family:monospace;font-size:13px;font-weight:400;letter-spacing:.1px}.hero h1{font-size:clamp(40px,4.6vw,68px);letter-spacing:-2.5px;margin:19px 0 25px;line-height:1.15;font-weight:800}.hero-copy{font-size:19px;line-height:1.55;color:#d0cdd8}.hero-tagline{font-size:19px;margin:48px 0 22px;color:#dbd8e1}.hero-actions{justify-content:center;margin-top:0;gap:20px}.primary{background:linear-gradient(120deg,#c7b7ce 0%,#9b75d6 36%,#6130d5 70%,#3f00c7 100%);border:1px solid #b38ded88;box-shadow:inset 0 1px 3px #fff5,inset 0 -2px 2px #4d00b988,0 0 32px #b391ec27;border-radius:10px;min-height:43px;padding:9px 20px;font-size:14px}.primary>span{margin-left:10px;font-size:21px;line-height:1}.ghost{border-color:#b5a1db25;background:#0e0d1666;font-weight:700}.hero-art{position:absolute;z-index:0;inset:190px 0 0;background:url('hero-glass.png') center 62%/cover no-repeat;mask-image:linear-gradient(transparent 0%,#000 20%,#000 85%,transparent 100%);pointer-events:none}.hero-stage:after{content:"";position:absolute;inset:0;background:radial-gradient(#d8caff14 .8px,transparent 1.5px);background-size:6px 6px;pointer-events:none;z-index:1}.stage-notch{position:absolute;bottom:-1px;left:calc(50% - 180px);width:360px;height:28px;background:#080809;border-radius:70px 70px 0 0;z-index:2}.eyebrow{font-family:monospace;font-weight:400;font-size:13px;letter-spacing:.2px}.center-heading{text-align:center;margin-bottom:55px}.center-heading .eyebrow{justify-content:center}.center-heading h2{font-size:44px;margin:17px 0 18px;font-weight:750;letter-spacing:-1.7px}.center-heading p{font-size:16px;color:var(--muted)}.features{padding-top:90px}.bento{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:285px 170px 270px;gap:25px}.bento-card{border:1px solid #ffffff10;border-radius:20px;box-shadow:inset 0 1px 3px #ffffff0b;position:relative;overflow:hidden;padding:32px;background:#09090b}.bento-card h3{font-size:22px;line-height:1.25;margin:0 0 13px;font-weight:750;letter-spacing:-.7px}.bento-card p{font-size:16px;color:var(--muted);line-height:1.6;margin:0;position:relative;z-index:2}.bento-card>a{position:absolute;bottom:30px;left:32px;font-size:15px;color:var(--purple);z-index:3}.devices{grid-column:1/4;grid-row:1;background:radial-gradient(ellipse at 95% 100%,#493576,transparent 85%),#09090b}.payment-card{grid-column:4/6;grid-row:1/3;background:radial-gradient(ellipse at 0% 85%,#4c367d,transparent 75%),#09090b}.year-card{grid-column:1/3;grid-row:2/4;background:radial-gradient(ellipse at 110% 0%,#493278,transparent 75%),#09090b}.bento-emblem{grid-column:3;grid-row:2;border-radius:20px;border:1px solid #baa0f06b;background:radial-gradient(ellipse at 50% 10%,#ba87ff,#6036a2 55%,#291737);display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;box-shadow:inset 0 1px 2px #fff6}.bento-emblem>span{font-size:108px;font-weight:800;line-height:1;transform:rotate(-10deg);color:#e9dfff;text-shadow:2px 4px #765897,5px 9px 12px #21083c;position:relative}.bento-emblem>span>span{position:absolute;font-size:42px;right:-30px;top:5px;color:#e5d0ff}.bento-emblem small{font-family:monospace;font-size:10px;letter-spacing:2px;color:#e0c9ff;margin-top:8px}.archive-card{grid-column:3/6;grid-row:3;background:radial-gradient(ellipse at 0% 0%,#493378,transparent 80%),#09090b}.archive-card>a{bottom:25px}.archive-art{position:absolute;inset:80px 0 -65px;background:url('hero-glass.png') center 77%/cover;mask-image:linear-gradient(transparent,#000 55%);opacity:.75}.device-preview{position:absolute;width:370px;height:180px;bottom:-25px;right:35px;pointer-events:none}.desktop-ui{position:absolute;left:0;top:30px;width:325px;height:185px;background:#0a0b0c;border:1px solid #5b5465;border-radius:11px;box-shadow:0 14px 30px #0007}.window-dots{font-size:12px;color:#59585c;border-bottom:1px solid #fff1;padding:2px 10px;letter-spacing:3px}.mock-sidebar{position:absolute;top:37px;left:12px;width:83px;font-size:11px;font-weight:bold;color:#898391}.mock-sidebar small{font-size:7px;display:block;margin:10px 0;color:#6c6476}.mock-sidebar span{display:block;font-size:7px;border-radius:3px;padding:5px;background:#ffffff0b;margin:5px 0}.mock-document{margin:12px 20px 0 113px}.mock-document small{display:block;font-size:6px;color:#887994}.mock-document b{font-size:11px;color:#aaa4b6}.mock-document i,.phone-ui i{display:block;height:3px;background:#55515b;border-radius:2px;margin:7px 0}.mock-document i:nth-of-type(2){width:85%}.mock-highlight{font-size:6px;padding:7px 4px;background:#9f79e120;color:#b7a1d2;border-left:2px solid #9671c3;margin:10px 0}.phone-ui{position:absolute;width:91px;height:188px;right:-2px;top:0;background:#0d0e0f;border:1px solid #5e5868;border-radius:20px;padding:10px;box-shadow:0 8px 20px #0005}.phone-speaker{width:30px;height:5px;border-radius:8px;margin:0 auto 15px;background:#555}.phone-ui small{display:block;font-size:6px;color:#847193}.phone-ui b{font-size:15px;display:block;line-height:1.3;color:#c7b9d8;margin:10px 0}.phone-ui>span{font-size:7px;color:#85768d}.payment-visual{height:185px;display:flex;align-items:center;margin-top:29px;position:relative}.payment-visual:before,.payment-visual:after{content:"";position:absolute;left:-60px;right:-60px;border:1px solid #b28bef16;border-radius:18px;height:28px;top:0}.payment-visual:after{top:auto;bottom:0}.glass-payment{width:100%;border-radius:18px;border:1px solid #d3bbffa0;padding:17px 11px 10px;background:radial-gradient(ellipse at 70% 0%,#e0b9ff,#8b49ff 25%,#3e3751 65%,#0b0b10 85%);box-shadow:inset 0 1px 9px #fff5,0 0 30px #9162eb33;position:relative}.barcode{height:23px;width:70%;background:repeating-linear-gradient(90deg,#52efbb 0 4px,transparent 4px 7px);border-radius:4px;margin:0 0 25px 4px}.payment-spark{position:absolute;right:15px;top:-1px;font-size:43px;color:#e1c6fa8c}.glass-payment>small{font-size:10px;margin-left:5px}.payment-strip{display:flex;align-items:center;justify-content:space-between;margin-top:8px;background:linear-gradient(#b79aec,#7349d8);border:1px solid #d0b8ff60;box-shadow:inset 0 1px 6px #fff4;border-radius:9px;padding:3px 12px}.payment-strip b{font-size:17px}.payment-strip span{font-size:11px}.payment-strip i{font-style:normal;color:#23153d;background:white;border-radius:20px;padding:2px 7px;margin-left:8px}.year-price{font-size:45px;margin:36px 0 23px;color:#c2a8f4;letter-spacing:-2px}.year-price span{font-size:16px;color:#97909e;letter-spacing:0}.semester-compare>div{display:grid;grid-template-columns:1fr auto;gap:8px;margin:18px 0;font-size:12px;color:#8d829c}.semester-compare b{font-size:13px;color:#b6a7c9}.semester-compare i{grid-column:1/3;height:13px;border-radius:4px;background:linear-gradient(90deg,#ffffff06,#71697e66);border:1px solid #ffffff15}.semester-compare>div:last-child i{width:83.4%;background:linear-gradient(90deg,#4c287d,#ab7efa);box-shadow:0 0 18px #b07aef28;border-color:#bd94ff77}.flow-section{padding-top:110px}.circuit{height:430px;position:relative;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.circuit-traces{position:absolute;inset:10px 35px;background:linear-gradient(90deg,transparent 49.8%,#77777717 50%,transparent 50.2%),linear-gradient(transparent 49.8%,#77777717 50%,transparent 50.2%);background-size:150px 140px;mask-image:radial-gradient(ellipse,#000,transparent 75%)}.central-chip{position:absolute;top:115px;left:calc(50% - 95px);width:190px;height:190px;transform:rotate(30deg);border-radius:50px;background:linear-gradient(125deg,#fff,#a7a4b0 35%,#fff 65%,#75717e);padding:15px;box-shadow:0 0 40px #c9acf519,3px 5px 0 #4c4754,inset 0 0 4px #fff}.central-chip>div{height:100%;display:grid;place-items:center;border-radius:38px;border:18px solid #31263f;background:radial-gradient(#faf7ff,#c8bfd8);color:#5c4b78;font-size:105px;font-weight:800;text-shadow:0 2px #fff;line-height:1}.central-chip>div:first-letter{transform:rotate(-30deg)}.circuit-label{position:absolute;left:50%;transform:translateX(-50%);background:linear-gradient(#f7f7f9,#d4d4d8);color:#17171a;border:5px solid #333135;border-radius:16px;box-shadow:0 0 0 6px #121115,0 0 36px #fff1;padding:9px 18px;font-family:monospace;font-size:13px;white-space:nowrap}.top-label{top:25px}.bottom-label{bottom:23px}.circuit-node{position:absolute;top:100px;border:1px solid #ffffff09;border-radius:14px;color:#7d7785;font-family:monospace;padding:23px;width:145px;font-size:15px}.circuit-node>span{display:block;color:#b4a8c8;margin-bottom:15px;font-size:11px}.left-node{left:14%}.right-node{right:14%}.chip-grid{height:48px;width:75px;margin-top:25px;background:repeating-linear-gradient(90deg,transparent 0 8px,#9985b459 8px 16px,transparent 16px 24px);mask-image:repeating-linear-gradient(transparent 0 8px,#000 8px 16px)}.circuit-specks{position:absolute;right:8%;bottom:20px;font-size:25px;letter-spacing:5px;line-height:.8;color:#84739444}.catalog{padding-top:85px}.catalog .section-head .eyebrow{color:#ad8dde}.catalog .section-head h2{font-size:40px}.subject{border-radius:17px;background:radial-gradient(ellipse at 100% 0%,#36234f85,transparent 80%),#0b0a0e;box-shadow:inset 0 1px 2px #fff1}.subject-number{color:#d1bbf4;border:1px solid #c5a8ef30;box-shadow:inset 0 1px 4px #fff1;background:linear-gradient(140deg,#453552,#14101c);border-radius:10px;padding:9px;font-size:22px}.notice{background:#9d70e807}.how{padding-bottom:35px}.steps{border-top:0}.steps article{border:1px solid #fff1;border-radius:16px;padding:27px;background:radial-gradient(ellipse at 100% 100%,#291c4144,transparent 75%)}.steps h3{margin-top:23px}.pricing{padding-top:50px;padding-bottom:85px}.facts{display:grid;grid-template-columns:repeat(3,1fr);margin:10px 0 95px;text-align:center}.facts>div{border-right:1px solid #fff2}.facts>div:last-child{border:0}.facts b{font-size:38px;display:block;line-height:1.3;margin-bottom:13px;letter-spacing:-1px}.facts b small{font-size:17px;color:#6d6578;letter-spacing:0}.facts strong,.facts span{display:block;font-size:15px}.facts span{color:var(--muted);margin-top:3px}.pricing-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:110px;align-items:center}.pricing-copy h2{font-size:51px;line-height:1.28;margin:45px 0 28px;font-weight:750;letter-spacing:-2px}.pricing-copy>p{color:var(--muted);font-size:17px}.price-showcase{border:1px solid #d5afff;border-bottom-color:#5b19aa;border-radius:23px;padding:32px;background:radial-gradient(ellipse 85% 23% at 50% 0%,#e2a5ff 0%,#a455fc 14%,#5e1eb5 43%,#231047 78%,transparent 100%),radial-gradient(ellipse at 20% 112%,#8038e999,transparent 40%),#0b0911;box-shadow:0 15px 65px #5c23b823,inset 0 -4px 0 #48178344;text-align:center}.price-showcase h3{font-size:28px;margin:5px 0;font-weight:800;letter-spacing:-1px}.price-showcase>p{color:#c9badc;margin:0;font-size:15px}.price-toggle{display:flex;margin:36px 0 27px;padding:4px;border:1px solid #fff1;border-radius:40px;background:#07050d44;gap:7px}.price-toggle button{border:0;border-radius:30px;background:transparent;padding:9px 10px;flex:1;font-size:14px;font-weight:700;white-space:nowrap}.price-toggle button[aria-pressed=true]{background:#fff;color:#09090a;outline:2px solid #9762ed;outline-offset:3px}.price-caption{font-size:14px;color:#bfb6ca}.showcase-amount{font-size:67px;line-height:1.4;font-weight:750;letter-spacing:-3px}.price-showcase .price-saving{color:#ac79ff;font-size:14px}.price-showcase ul{list-style:none;padding:0;margin:35px 0;text-align:left}.price-showcase li{font-size:16px;margin:14px 0}.price-showcase li:before{content:"✓";color:#28ca9b;margin-right:12px}.price-showcase>small{display:block;font-size:10px;color:#9e8caf;margin-top:15px}.mini-circuit{height:210px;width:340px;max-width:100%;position:relative;margin-top:30px;background:linear-gradient(90deg,transparent 49.6%,#ffffff12 50%,transparent 50.4%);border:1px solid #fff1;border-radius:24px}.mini-circuit>span{position:absolute;right:10px;top:-12px;background:#eee;color:#161019;border:3px solid #343036;border-radius:30px;padding:0 45px;font-size:12px}.mini-circuit b{position:absolute;top:30px;left:25px;font-size:55px;line-height:1;border-radius:15px;padding:5px 18px;background:linear-gradient(#fff,#bcb5c5);color:#493f56;border:5px solid #262329;box-shadow:0 0 25px #ffffff15}.mini-circuit strong{position:absolute;right:27px;bottom:25px;font-family:monospace;font-size:27px;letter-spacing:4px;color:#bca7cf}.mini-circuit i{position:absolute;left:70px;top:110px;width:180px;height:54px;border-left:1px solid #a286c532;border-bottom:1px solid #a286c532}.faq{display:block;padding-top:35px;border:0;padding-bottom:135px}.faq-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.faq h2{font-size:46px;font-weight:800}.faq .subtle{margin-top:15px}.faq-tabs{display:flex;gap:10px}.faq-tabs button{background:none;border:0;padding:10px 17px;border-radius:12px;font-size:14px;font-weight:700;color:#aaa}.faq-tabs button[aria-pressed=true]{background:#fff;color:#111}.questions{display:grid;grid-template-columns:1fr 1fr;gap:14px 28px;align-items:start}details,details:first-child{border:1px solid #ffffff12;border-radius:10px;padding:21px 23px}summary{font-weight:700;font-size:14px}summary:after{content:"⌄";color:#79747f;font-size:18px}details[open] summary:after{content:"⌃"}details p{font-size:13px}.brand-ribbon{height:180px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 110%,#57319188,transparent 75%),radial-gradient(#cab0f321 1px,transparent 1.5px),#0a0910;background-size:auto,6px 6px,auto;display:flex;align-items:end;justify-content:center}.ribbon-word{font-size:110px;line-height:1.1;font-weight:800;letter-spacing:-5px;white-space:nowrap;padding-bottom:8px;animation:marquee 35s linear infinite}.ribbon-emblem{position:absolute;bottom:-40px;width:180px;height:220px;display:grid;place-items:center;font-size:165px;font-weight:800;color:#e7d9fa;transform:rotate(-8deg);text-shadow:3px 6px 0 #9172b5,10px 15px 20px #090315;background:radial-gradient(ellipse,#6e3aaf,#241331 62%,transparent 63%);line-height:1}.ribbon-emblem>span{position:absolute;font-size:80px;right:-20px;top:4px;color:#c49cf2}.footer{border:1px solid #fff1;border-radius:18px 18px 0 0;padding:22px 32px;gap:25px}.footer>a:not(.logo){margin-left:auto;color:#888;font-size:13px}.footer .text-button{color:#aaa}.product{padding-top:150px}.product .purchase-box{background:radial-gradient(ellipse 90% 30% at 50% -10%,#b771ff,transparent),#0e0b16;border-color:#ad7deb75;box-shadow:0 10px 70px #54239625}.product .primary{margin-top:25px}.product h1{font-size:60px}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-250px)}}@media(max-width:900px){.header nav{gap:15px}.header nav a:nth-child(3){display:none}.bento{gap:16px;grid-template-rows:285px 155px 255px}.bento-card{padding:22px}.bento-card h3{font-size:20px}.bento-card p{font-size:14px}.bento-card>a{left:22px}.device-preview{right:12px;width:310px;transform:scale(.86);transform-origin:right bottom}.pricing-layout{gap:45px}.pricing-copy h2{font-size:42px}.price-showcase{padding:25px}.price-showcase li{font-size:14px}.year-price{font-size:39px}}@media(max-width:650px){.header{height:85px}.header nav a{display:none}.header nav a:first-child,.header nav a:last-child{display:block}.header nav{gap:22px}.hero-stage{min-height:790px}.hero{padding-top:135px;padding-bottom:300px}.hero-symbols{margin-bottom:31px;gap:19px}.hero-symbols>span{width:44px;height:48px;font-size:25px}.hero .eyebrow{font-size:10px}.hero h1{font-size:40px;line-height:1.16;letter-spacing:-1.7px;margin-top:19px}.hero-copy{font-size:15px}.hero-copy br{display:none}.hero-tagline{font-size:15px;margin-top:28px}.hero-actions{flex-direction:row;gap:12px;align-items:center}.hero-art{inset:340px -140px -5px;background-position:center 65%;mask-image:linear-gradient(transparent,#000 20%,#000 90%,transparent)}.stage-notch{width:190px;left:calc(50% - 95px);height:20px}.center-heading{margin-bottom:30px}.center-heading h2{font-size:31px;letter-spacing:-1px}.center-heading p{font-size:14px}.features{padding-top:65px}.bento{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:15px}.bento-card{padding:25px}.devices{grid-column:1/3;grid-row:auto;height:310px}.payment-card{grid-column:1/3;grid-row:auto;height:375px}.year-card{grid-column:1/3;grid-row:auto;height:385px}.bento-emblem{display:none}.archive-card{grid-column:1/3;grid-row:auto;height:280px}.bento-card>a{left:25px;bottom:25px}.device-preview{right:15px;bottom:0}.devices>a{bottom:172px;font-size:13px}.payment-visual{max-width:310px;margin:24px auto 0}.year-price{margin-top:22px}.semester-compare{max-width:330px}.flow-section{padding-top:70px}.circuit{height:330px;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.central-chip{width:126px;height:126px;left:calc(50% - 63px);top:110px;border-radius:32px;padding:10px}.central-chip>div{border-width:10px;border-radius:24px;font-size:70px}.circuit-node{width:78px;padding:12px;font-size:10px;top:115px;border:0}.left-node{left:0}.right-node{right:0}.chip-grid{width:53px}.circuit-label{font-size:11px;padding:7px 11px}.top-label{top:28px}.bottom-label{bottom:7px}.circuit-specks{display:none}.catalog{padding-top:60px}.catalog .section-head h2{font-size:30px}.catalog .section-head p{max-width:115px;font-size:11px}.how{padding-top:65px}.steps{gap:14px}.steps article{padding:23px}.step-number{position:static}.steps h3{margin-top:19px}.facts{margin-bottom:55px}.facts b{font-size:26px}.facts b small{display:block;font-size:11px}.facts strong{font-size:11px}.facts span{font-size:10px;padding:0 5px}.pricing-layout{grid-template-columns:1fr;gap:30px}.pricing-copy h2{font-size:37px;margin:23px 0}.pricing-copy>p{font-size:15px}.mini-circuit{display:none}.pricing{padding-bottom:55px}.price-showcase{max-width:420px;width:100%;margin:auto;padding:28px}.price-showcase li{font-size:15px}.faq-heading{align-items:start;flex-direction:column;gap:25px;margin-bottom:24px}.faq h2{font-size:39px}.questions{grid-template-columns:1fr;gap:12px}.faq{padding-bottom:90px}.brand-ribbon{height:140px}.ribbon-word{font-size:85px}.ribbon-emblem{font-size:125px;width:150px;height:180px;bottom:-33px}.ribbon-emblem>span{font-size:60px;right:0}.footer{padding:20px 22px}.footer .logo{font-size:23px}.product{padding-top:110px}.product h1{font-size:44px}}@media(prefers-reduced-motion:reduce){.ribbon-word{animation:none}}
/* Final responsive corrections */
.hero-stage:before{background:radial-gradient(ellipse at 50% 100%,#48248566,transparent 65%)}
.hero-stage:after{opacity:.6}
@media(max-width:650px){.devices{height:390px}.devices>a{top:177px;bottom:auto}.device-preview{bottom:-10px}.archive-card{height:310px}.archive-card>a{text-shadow:0 1px 6px #000}}
/* Keep text, links and decoration in separate layout areas */
.devices{min-height:340px;padding-bottom:210px}
.devices>a{position:relative;display:inline-block;left:auto;bottom:auto;margin-top:18px;max-width:100%}
.device-preview{width:340px;right:20px;bottom:-24px;transform:scale(.8);transform-origin:right bottom}
.bento{grid-template-rows:340px 170px 290px}
.year-card{display:flex;flex-direction:column}
.year-card>a{position:static;display:block;margin-top:auto;padding-top:24px}
.semester-compare{margin-bottom:0}
.circuit{display:grid;grid-template-columns:minmax(90px,1fr) 250px minmax(90px,1fr);grid-template-rows:75px 260px 75px;align-items:center;justify-items:center;height:auto;min-height:430px;gap:10px 30px;padding:10px 35px;mask-image:none}
.circuit-label,.circuit-node,.central-chip{position:relative;top:auto;bottom:auto;left:auto;right:auto}
.circuit-label{transform:none}
.top-label{grid-column:2;grid-row:1}
.bottom-label{grid-column:2;grid-row:3}
.central-chip{grid-column:2;grid-row:2}
.left-node{grid-column:1;grid-row:2;justify-self:end}
.right-node{grid-column:3;grid-row:2;justify-self:start}
.circuit-node{width:145px;z-index:1}
@media(min-width:651px) and (max-width:950px){.bento{grid-template-rows:390px 180px 310px}.devices{min-height:390px}.device-preview{transform:scale(.7)}.circuit{grid-template-columns:1fr 180px 1fr;column-gap:20px;padding-inline:0}.central-chip{width:145px;height:145px;padding:12px;border-radius:38px}.central-chip>div{border-width:12px;font-size:80px;border-radius:28px}.circuit-node{width:120px;padding:15px}}
@media(max-width:650px){.bento{grid-template-rows:auto}.devices{height:auto;min-height:410px;padding-bottom:205px}.devices>a{top:auto;margin-top:18px}.device-preview{transform:scale(.8);right:15px;bottom:-10px}.year-card{height:auto;min-height:400px}.year-card>a{padding-top:24px}.circuit{grid-template-columns:1fr 1fr;grid-template-rows:55px 195px auto 55px;gap:18px 20px;padding:5px 0 15px;min-height:0}.top-label{grid-column:1/3;grid-row:1}.central-chip{grid-column:1/3;grid-row:2;width:126px;height:126px}.left-node{grid-column:1;grid-row:3;justify-self:end}.right-node{grid-column:2;grid-row:3;justify-self:start}.circuit-node{border:1px solid #ffffff12;width:130px;max-width:100%;padding:17px;font-size:13px}.circuit-node>span{margin-bottom:9px}.chip-grid{height:30px;margin-top:12px}.bottom-label{grid-column:1/3;grid-row:4}.circuit-specks{display:none}}
/* Layout release 5: decorative elements never share text space */
.logo .logomark{margin-right:3px;flex-shrink:0}.logo{gap:0}
.hero-symbols{gap:12px}.hero-symbols>span,.hero-symbols>span:last-child{width:auto;height:auto;min-height:40px;padding:10px 14px;font-size:13px;transform:none;white-space:nowrap}.hero-symbols i{font-size:17px}
.bento{grid-template-rows:auto auto auto;align-items:stretch}
.bento-card{display:flex;flex-direction:column;gap:18px;height:auto;min-height:0;padding:28px}
.bento-card h3,.bento-card p{margin:0}.bento-card>a,.devices>a,.year-card>a{position:static;top:auto;bottom:auto;left:auto;right:auto;margin:0;padding:0;align-self:flex-start;flex-shrink:0}
.device-preview{position:relative;right:auto;bottom:auto;margin:8px 0 -28px auto;width:100%;max-width:370px;height:195px;transform:none;flex-shrink:0;overflow:hidden}
.desktop-ui{max-width:90%}.phone-ui{right:0}.devices{padding-bottom:28px}
.payment-visual{height:auto;min-height:180px;flex-shrink:0;margin:5px 0;display:flex}.payment-visual:before,.payment-visual:after{display:none}.payment-card>a{margin-top:auto}.glass-payment{min-width:0}.payment-strip{gap:12px}.payment-strip span{white-space:nowrap}
.year-price{margin:12px 0 0}.semester-compare{margin:0 0 10px}.year-card>a{margin-top:auto}.archive-card{min-height:290px}.archive-card>a{margin-top:auto;background:#100b1dcc;padding:6px 10px;border-radius:6px}
.circuit{grid-template-columns:minmax(110px,1fr) minmax(200px,260px) minmax(110px,1fr);gap:25px;padding-inline:0}.central-chip{width:145px;height:145px}.central-chip>div{font-size:80px;border-width:12px}.circuit-node{width:125px}
.header nav a{display:inline!important}.header nav{gap:20px;font-size:12px}.order-copy{display:block;text-align:center}
@media(max-width:800px){.bento{grid-template-columns:1fr 1fr;grid-template-rows:auto}.devices,.payment-card,.year-card,.archive-card{grid-column:auto;grid-row:auto}.bento-emblem{display:none}.bento-card{padding:22px}.device-preview{height:195px;max-width:100%}.devices{grid-column:1/3}.circuit{grid-template-columns:1fr 1fr;grid-template-rows:55px 200px auto 55px;gap:22px}.top-label{grid-column:1/3;grid-row:1}.central-chip{grid-column:1/3;grid-row:2}.left-node{grid-column:1;grid-row:3;justify-self:end}.right-node{grid-column:2;grid-row:3;justify-self:start}.bottom-label{grid-column:1/3;grid-row:4}.circuit-node{max-width:100%}.circuit-specks{display:none}}
@media(max-width:540px){.bento{grid-template-columns:1fr}.devices,.payment-card,.year-card,.archive-card{grid-column:1}.hero-symbols{gap:7px}.hero-symbols>span,.hero-symbols>span:last-child{font-size:11px;padding:9px}.header nav{gap:12px;font-size:10px}.header .logo{font-size:25px}.bento-card{gap:18px}.year-card{min-height:370px}}

/* Notes workflow: balanced cards with contained illustrations */
.flow-section{padding-top:100px;padding-bottom:90px}.flow-intro{max-width:580px;margin:20px auto 0;color:#96929f;font-size:17px;line-height:1.6}.notes-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:48px}.flow-step{min-width:0;position:relative;overflow:hidden;border:1px solid #ffffff14;border-radius:24px;padding:26px;background:linear-gradient(150deg,#18131f 0%,#0c0b10 65%);box-shadow:inset 0 1px #ffffff06}.flow-step-top{display:flex;justify-content:space-between;align-items:center;color:#a99abb;font:11px monospace;letter-spacing:1.2px}.flow-step-top>span:last-child{font-size:20px;color:#c0a7ff}.flow-art{height:220px;display:flex;align-items:center;justify-content:center;margin:16px 0 18px;position:relative}.flow-step h3{font-size:23px;line-height:1.3;margin:0 0 12px;letter-spacing:-.5px}.flow-step p{font-size:15px;line-height:1.65;color:#a09aa9;margin:0;max-width:290px}.note-sheet{width:164px;height:178px;border:1px solid #756887;border-radius:6px;background:repeating-linear-gradient(transparent 0 25px,#b2a0d220 25px 26px),linear-gradient(140deg,#32273e,#1a1522);transform:rotate(-8deg);box-shadow:10px 10px 0 -3px #15121b,11px 11px 0 -3px #574963,0 15px 35px #0006;padding:18px 20px}.note-sheet span{font:11px monospace;color:#cfbddf}.note-sheet i{display:block;height:3px;background:#b4a4c3;border-radius:4px;margin-top:19px;opacity:.6}.note-sheet i:nth-child(3){width:75%}.note-sheet i:nth-child(5){width:65%;background:#b48aff}.topics-art{flex-direction:column;gap:10px}.topics-art>div{display:flex;align-items:center;gap:10px;width:100%;padding:14px 10px;border:1px solid #ffffff12;border-radius:9px;background:linear-gradient(100deg,#241b33,#16111e);font-size:11px;color:#d4ccdf}.topics-art b{font:10px monospace;color:#a784de}.topics-art em{font-style:normal;margin-left:auto;color:#bb9fe8}.topics-art>div:nth-child(2){transform:translateX(5px)}.pdf-art{background:radial-gradient(ellipse,#8140d32a,transparent 70%)}.pdf-cover{width:159px;height:184px;padding:18px;border:1px solid #c4a0ff70;border-radius:9px;background:linear-gradient(135deg,#9673bf,#4b2a79 55%,#251738);transform:rotate(6deg);box-shadow:0 18px 40px #0005,inset 0 1px #ffffff40;display:flex;flex-direction:column}.pdf-cover>span{font:8px monospace;letter-spacing:1px;color:#ede1ff}.pdf-cover strong{font-size:25px;line-height:1.15;margin:auto 0;color:#fff}.pdf-cover>div{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#ded0ee}.pdf-cover b{border:1px solid #ffffff50;border-radius:4px;padding:4px 6px;font-size:10px}.flow-result{border-color:#9870d747;background:linear-gradient(155deg,#241831,#100d17 70%)}.flow-footnote{display:flex;justify-content:center;align-items:center;gap:9px;margin-top:26px;color:#9c91aa;font-size:12px;line-height:1.6;text-align:center}.flow-dot{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#b991fa;box-shadow:0 0 10px #a570f7}
@media(max-width:850px){.flow-step{padding:20px}.flow-step h3{font-size:19px}.topics-art>div{font-size:10px;padding:12px 7px;gap:6px}.flow-art{height:210px}}
@media(max-width:650px){.flow-section{padding-top:60px;padding-bottom:55px}.notes-flow{grid-template-columns:1fr;margin-top:30px;gap:16px}.flow-step{padding:24px}.flow-art{height:200px;margin:8px 0 20px}.topics-art{max-width:270px;margin-inline:auto}.topics-art>div{font-size:12px;padding:14px 12px}.flow-step h3{font-size:23px}.flow-step p{max-width:none}.flow-intro{font-size:15px}.flow-footnote{font-size:11px}}

/* Compact hero format signature */
.hero-format{display:flex;align-items:center;justify-content:center;gap:17px;width:max-content;max-width:100%;margin:0 auto 34px;padding:13px 20px;border:1px solid #c1a2ff24;border-radius:20px;background:linear-gradient(120deg,#ffffff06,#8e54ec12);box-shadow:inset 0 1px #ffffff0b,0 12px 40px #0003;text-align:left}.format-notebook{display:grid;place-items:center;width:42px;height:48px;color:#b6a4ce}.format-notebook svg{width:34px;height:34px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.format-caption{font-size:15px;font-weight:600;line-height:1.35;color:#eee8f8}.format-caption>span{display:block;margin-top:4px;font-size:11px;font-weight:400;color:#9c8dab}.format-transfer{display:flex;align-items:center;width:36px;color:#9b79ca}.format-transfer svg{width:100%;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.format-file{position:relative;display:grid;place-items:center;width:40px;height:48px;color:#ceb4ff;filter:drop-shadow(0 0 12px #9b64ff40)}.format-file svg{position:absolute;inset:0;width:100%;height:100%;stroke:currentColor;stroke-width:1.2;fill:#9060d620;stroke-linejoin:round}.format-file b{position:relative;font-size:10px;letter-spacing:.7px;padding-top:12px;color:#eee2ff}@media(max-width:540px){.hero-format{gap:12px;padding:11px 15px;margin-bottom:28px;border-radius:16px}.format-caption{font-size:13px}.format-caption>span{font-size:10px}.format-transfer{width:26px}.format-notebook{width:32px}}

/* Motion enhancement: content remains visible if scripts are unavailable */
.motion-item{transition:opacity .65s ease,translate .65s cubic-bezier(.2,.7,.2,1),border-color .25s,box-shadow .25s;transition-delay:var(--entry-delay,0ms),var(--entry-delay,0ms),0ms,0ms}
@media(prefers-reduced-motion:no-preference){.motion-item:not(.motion-shown){opacity:0;translate:0 22px}.hero-format,.hero .eyebrow,.hero h1,.hero-copy,.hero-actions{animation:hero-arrive .8s cubic-bezier(.2,.7,.2,1) both}.hero .eyebrow{animation-delay:.08s}.hero h1{animation-delay:.16s}.hero-copy{animation-delay:.24s}.hero-actions{animation-delay:.32s}.motion-active .glass-payment{animation:payment-float 5s ease-in-out infinite}.motion-active .barcode{animation:barcode-glow 3s ease-in-out infinite}.motion-active .payment-spark{animation:spark-turn 6s ease-in-out infinite}.motion-active .note-sheet{animation:paper-drift 6s ease-in-out infinite}.motion-active .pdf-cover{animation:pdf-drift 6s ease-in-out infinite}.motion-active .topics-art>div{animation:topic-light 4s ease-in-out infinite}.motion-active .topics-art>div:nth-child(2){animation-delay:.4s}.motion-active .topics-art>div:nth-child(3){animation-delay:.8s}dialog[open]{animation:hero-arrive .25s ease both}}
.glass-payment{position:relative;overflow:hidden}.glass-payment:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 30%,#ffffff16 48%,transparent 65%);translate:-110% 0}.motion-active .glass-payment:after{animation:payment-sheen 7s ease-in-out infinite}
@media(hover:hover) and (pointer:fine){.bento-card,.flow-step,.subject,.price-showcase{position:relative}.bento-card:after,.flow-step:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(260px circle at var(--light-x,50%) var(--light-y,50%),#bd93ff14,transparent 75%);transition:opacity .3s}.bento-card:hover:after,.flow-step:hover:after{opacity:1}.bento-card:hover,.flow-step:hover,.price-showcase:hover{border-color:#b78aef60;box-shadow:0 12px 35px #0003}.ghost,.plan{transition:border-color .2s,background .2s}.ghost:hover,.plan:hover{border-color:#b78aef80;background-color:#9a6ae914}}
@keyframes hero-arrive{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}
@keyframes payment-float{0%,100%{translate:0 0}50%{translate:0 -5px}}
@keyframes barcode-glow{0%,100%{opacity:.75}50%{opacity:1;filter:drop-shadow(0 0 5px #45ffbb60)}}
@keyframes spark-turn{0%,100%{rotate:0deg;scale:1}50%{rotate:16deg;scale:1.08}}
@keyframes payment-sheen{0%,55%{translate:-110% 0}85%,100%{translate:110% 0}}
@keyframes paper-drift{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -4px;rotate:2deg}}
@keyframes pdf-drift{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -5px;rotate:-2deg}}
@keyframes topic-light{0%,70%,100%{border-color:#ffffff12}30%{border-color:#b991fa65}}
@media(max-width:650px){.motion-item{transition-duration:.45s}.motion-active .glass-payment,.motion-active .note-sheet,.motion-active .pdf-cover{animation:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-item{opacity:1!important;translate:none!important}}

/* Clear separation of hero pricing, description and actions */
.hero .hero-copy{margin:24px auto 0;line-height:1.6;max-width:760px}.hero-cost,.hero-bundle{display:block}.hero .hero-bundle{margin-top:10px;font-size:.85em;color:#a8a2b5}.hero .hero-actions{margin-top:36px;gap:22px}
@media(max-width:650px){.hero .hero-copy{margin-top:20px;max-width:360px}.hero .hero-bundle{margin-top:12px;font-size:13px;line-height:1.6}.hero .hero-actions{margin-top:28px;gap:12px}}

/* Choreographed illustrations: scanning, writing, assembling */
.barcode{display:flex!important;gap:3px;background:none!important;overflow:visible!important;position:relative}.barcode>i{display:block;flex:1;min-width:2px;height:100%;border-radius:3px;background:#43fbc1;transform-origin:center}.payment-check{width:24px;height:24px;fill:none;stroke:#583392;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.payment-check path{stroke-dasharray:24;stroke-dashoffset:0}.glass-payment:before{content:"";position:absolute;inset:-70% -20%;pointer-events:none;background:conic-gradient(from 0deg,transparent,#d7baff25,transparent 35%,transparent 70%,#8952ff30,transparent);opacity:.7}.glass-payment>*{position:relative}.payment-spark{position:absolute!important}.motion-active .glass-payment{animation:none}.motion-active .barcode{animation:none}.motion-active .glass-payment:after{animation:none}.motion-active .note-sheet,.motion-active .pdf-cover{animation:none}
@media(prefers-reduced-motion:no-preference){
.motion-active .glass-payment:before{animation:payment-aura 12s linear infinite}
.motion-active .barcode>i{animation:scan-bars 5.6s ease-in-out infinite;animation-delay:calc(var(--bar)*.035s)}
.motion-active .payment-check path{animation:confirm-draw 5.6s ease-in-out infinite}
.motion-active .payment-strip{animation:confirm-light 5.6s ease-in-out infinite}
.motion-active .payment-spark{animation:confirm-spark 5.6s cubic-bezier(.2,.7,.2,1) infinite}
.motion-active .mock-document>i,.motion-active .phone-ui>i,.motion-active .note-sheet>i{transform-origin:left;animation:write-lines 7s cubic-bezier(.2,.7,.2,1) infinite}
.motion-active .mock-document>i:nth-of-type(2),.motion-active .phone-ui>i:nth-of-type(2),.motion-active .note-sheet>i:nth-of-type(2){animation-delay:.18s}
.motion-active .mock-document>i:nth-of-type(3),.motion-active .phone-ui>i:nth-of-type(3),.motion-active .note-sheet>i:nth-of-type(3){animation-delay:.36s}
.motion-active .note-sheet>i:nth-of-type(4){animation-delay:.54s}.motion-active .note-sheet>i:nth-of-type(5){animation-delay:.72s}
.motion-active .phone-ui{animation:phone-enter 7s cubic-bezier(.2,.7,.2,1) infinite}
.motion-active .topics-art>div{animation:topic-assemble 7s cubic-bezier(.2,.7,.2,1) infinite}.motion-active .topics-art>div:nth-child(2){animation-delay:.22s}.motion-active .topics-art>div:nth-child(3){animation-delay:.44s}
.motion-active .pdf-cover{animation:pdf-assemble 7s cubic-bezier(.2,.7,.2,1) infinite}
.motion-active .semester-compare i{transform-origin:left;animation:compare-grow 6s cubic-bezier(.2,.7,.2,1) infinite}.motion-active .semester-compare>div:nth-child(2) i{animation-delay:.25s}
.hero-art{translate:0 var(--hero-shift,0px);scale:1.04;transition:translate .15s linear}.flow-art{perspective:700px}
}
@keyframes payment-aura{to{rotate:360deg}}
@keyframes scan-bars{0%,9%,83%,100%{scale:1 1;opacity:.55}22%,45%{scale:1 .48;opacity:1;filter:drop-shadow(0 0 5px #43fbc1)}56%,68%{scale:1 1;opacity:1}}
@keyframes confirm-draw{0%,35%{stroke-dashoffset:24;opacity:0}40%{opacity:1;stroke-dashoffset:24}55%,88%{stroke-dashoffset:0;opacity:1}100%{opacity:0}}
@keyframes confirm-light{0%,35%,100%{box-shadow:0 0 0 #c4a0ff00}55%,72%{box-shadow:0 0 22px #c4a0ff70,inset 0 1px #ffffff70}}
@keyframes confirm-spark{0%,35%,100%{rotate:0deg;scale:.85;opacity:.5}55%,72%{rotate:90deg;scale:1.12;opacity:1}}
@keyframes write-lines{0%,8%{scale:0 1;opacity:0}25%,85%{scale:1 1;opacity:.7}95%,100%{scale:1 1;opacity:0}}
@keyframes phone-enter{0%,5%{translate:22px 16px;opacity:0}22%,88%{translate:0 0;opacity:1}100%{translate:0 0;opacity:0}}
@keyframes topic-assemble{0%,8%{translate:0 12px;opacity:0}26%,84%{translate:0 0;opacity:1;border-color:#a879ee50}96%,100%{translate:0 0;opacity:0}}
@keyframes pdf-assemble{0%,8%{transform:translateY(16px) rotateY(-24deg) rotate(3deg);opacity:0}30%,82%{transform:translateY(0) rotateY(0) rotate(6deg);opacity:1}96%,100%{transform:translateY(-6px) rotateY(0) rotate(6deg);opacity:0}}
@keyframes compare-grow{0%,7%{scale:.06 1;opacity:.4}35%,90%{scale:1 1;opacity:1}100%{scale:1 1;opacity:.4}}
@media(prefers-reduced-motion:reduce){.hero-art{translate:none;scale:1}.barcode>i{opacity:1}.payment-check path{stroke-dashoffset:0}}
.payment-strip>span>i{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;padding:0;border-radius:50%;vertical-align:middle}.payment-check{display:block;width:20px;height:20px}

/* Motion revision 14: steady artwork, a true loading meter, restrained hover */
.glass-payment,.motion-active .glass-payment{animation:none!important;translate:none!important;transform:none!important}
.barcode,.motion-active .barcode{animation:none!important;transform:none!important;filter:none!important;isolation:isolate}
.barcode>i,.motion-active .barcode>i{animation:none!important;scale:1!important;opacity:.2!important;filter:none!important;background:#43fbc1}
.barcode:after{content:"";position:absolute;inset:0;border-radius:inherit;background:repeating-linear-gradient(90deg,#43fbc1 0 calc((100% - 93px)/32),transparent calc((100% - 93px)/32) calc((100% + 3px)/32));clip-path:inset(0 100% 0 0);pointer-events:none}
.bento-card:after,.flow-step:after{background:radial-gradient(105px circle at var(--light-x,50%) var(--light-y,50%),#c9a8ff0d,transparent 75%)!important}
.hero-stage,.archive-card{overflow:hidden}.hero-art{transition:none;transform-origin:50% 80%;will-change:transform}.archive-art{transform-origin:50% 75%;will-change:transform}
@media(prefers-reduced-motion:no-preference){
.hero-art{animation:hero-art-drift 10s ease-in-out infinite!important}
.motion-active .archive-art{animation:catalog-art-drift 8s ease-in-out infinite!important}
.motion-active .barcode:after{animation:meter-fill 5.6s linear infinite}
.motion-active .payment-check path{animation:meter-confirm 5.6s linear infinite}
.motion-active .payment-strip{animation:meter-light 5.6s linear infinite}
}
@keyframes meter-fill{0%,8%{clip-path:inset(0 100% 0 0)}68%,88%{clip-path:inset(0 0 0 0);opacity:1}98%,100%{clip-path:inset(0 0 0 0);opacity:0}}
@keyframes meter-confirm{0%,67%{stroke-dashoffset:24;opacity:0}68%{opacity:1;stroke-dashoffset:24}78%,90%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes meter-light{0%,67%,100%{box-shadow:0 0 0 transparent}78%,88%{box-shadow:0 0 18px #b58eff55,inset 0 1px #ffffff60}}
@keyframes hero-art-drift{0%,100%{transform:translate3d(-10px,8px,0) rotate(-.5deg) scale(1.04)}50%{transform:translate3d(12px,-14px,0) rotate(.5deg) scale(1.07)}}
@keyframes catalog-art-drift{0%,100%{transform:translate3d(-9px,8px,0) rotate(-1deg) scale(1.06)}50%{transform:translate3d(10px,-10px,0) rotate(1deg) scale(1.1)}}
@media(max-width:650px){.hero-art{animation-duration:12s!important}}
@media(prefers-reduced-motion:reduce){.hero-art,.archive-art{animation:none!important;transform:none!important;will-change:auto}.barcode:after{animation:none!important;clip-path:none}.payment-check path{animation:none!important;stroke-dashoffset:0;opacity:1}}