/* VideoFabriK — editing desk, quiet reading room, pocket-sized controls. */
:root{--paper:#f6f7f9;--ink:#17191e;--muted:#626772;--line:#e1e4e9;--blue:#0869df;--blue-dark:#0055bb}
.student-platform .preview-strip,.student-platform [data-action="scope"]{display:none}
body{background:#fafbfc}button:disabled{opacity:.7}.quiet-link{border:0;background:none;padding:0;color:var(--blue);font-size:13px;text-align:left;line-height:1.6}.quiet-link:hover{text-decoration:underline}.button{font-weight:600;box-shadow:0 2px 3px #001b4e08}.button:disabled{box-shadow:none}.site-header{position:sticky;top:12px;z-index:15;width:calc(100% - 48px);max-width:1200px;height:72px;padding:0 25px;border:1px solid #fff9;border-radius:23px;background:#ffffffd9;backdrop-filter:blur(26px) saturate(1.4);-webkit-backdrop-filter:blur(26px) saturate(1.4);box-shadow:0 3px 28px #2935520c;margin-top:16px}.brand{font-size:23px}.brand b{display:none}.brand-mark{transform:scale(.8);margin-right:5px}.site-header nav{gap:25px}.preview-strip{background:#eef2f7;color:#424d60;min-height:27px;font-size:10px;font-weight:400;padding:5px max(24px,calc((100% - 1150px)/2))}.preview-strip span{color:#637087}.site-header>.button{background:var(--ink)}.wrap{max-width:1260px}.hero{grid-template-columns:.96fr 1.04fr;gap:50px;padding:78px 0 70px;min-height:660px}.hero h1{font-size:clamp(44px,4.4vw,65px);letter-spacing:-3.5px;line-height:1.04}.hero h1 em{font-weight:600;color:#62738e}.hero .intro{font-size:16px;max-width:410px}.hero-meta{color:#707888;font-size:10px}.hero-meta span:before{color:#7489a7}.hero-proof{min-height:0}.studio-proof{position:relative;border:1px solid #343d4a;border-radius:24px;background:#18202c;color:#e6ebf5;box-shadow:0 36px 70px -35px #192e5566,0 2px 4px #12203d20;overflow:hidden;transform:perspective(1400px) rotateY(-5deg) rotateX(2deg)}.studio-bar{display:flex;align-items:center;gap:16px;font:10px ui-monospace,SFMono-Regular,Consolas,monospace;padding:17px 19px;border-bottom:1px solid #ffffff12;color:#b8c5d9}.studio-lights{display:flex;gap:5px}.studio-lights i{height:6px;width:6px;background:#738095;border-radius:50%}.studio-bar>span:last-child{margin-left:auto;color:#91aecc}.studio-screen{display:grid;grid-template-columns:1fr 1fr;gap:17px;padding:22px;background:#101722;align-items:center}.studio-preview{position:relative;min-width:0;border-radius:13px;overflow:hidden;aspect-ratio:9/15}.studio-preview img{width:100%;height:100%;display:block;object-fit:cover}.studio-preview:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#09101db0);pointer-events:none}.studio-preview .play{z-index:2;width:54px;height:54px;border:1px solid #ffffffa0;background:#ffffff30;backdrop-filter:blur(12px);color:white}.studio-directions{font-size:12px;line-height:1.7}.studio-directions .tiny-label{color:#89a7cf;letter-spacing:1.5px}.studio-directions h3{font-size:23px;line-height:1.15;color:white;letter-spacing:-.8px;margin:14px 0 22px}.studio-step{border-top:1px solid #ffffff15;padding:11px 0;display:flex;gap:9px;color:#bdc9dc}.studio-step span{color:#6e9bd6}.studio-directions small{display:block;color:#8190a7;font-size:10px;margin-top:22px}.studio-timeline{padding:16px 20px 20px;border-top:1px solid #ffffff12;position:relative}.timeline-labels{display:flex;justify-content:space-between;color:#8697af;font:9px ui-monospace,Consolas,monospace;padding-bottom:10px}.timeline-row{display:flex;gap:4px;height:16px;margin:4px 0}.timeline-row i{flex:1;background:#6485b6;border-radius:3px}.timeline-row i:nth-child(even){flex:1.5;background:#7b9bc9}.timeline-row.audio{height:12px}.timeline-row.audio i{background:repeating-linear-gradient(90deg,#84ae96 0 2px,#4d7264 2px 5px)}.timeline-playhead{position:absolute;height:63px;width:1px;background:#fff;left:43%;bottom:17px;opacity:.85}.proof-note{display:flex;justify-content:space-between;margin-top:18px;font-size:10px;color:#737c8d;padding:0 5px}.proof-note span:first-child{color:var(--ink)}.format-ribbon{background:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;padding:21px 0;gap:24px;font-size:11px}.format-ribbon strong{letter-spacing:.7px;font-size:8px}.section{padding-top:85px;padding-bottom:45px}.section-head h2{font-size:clamp(32px,3.5vw,46px);letter-spacing:-2px}.workflow{background:none;border:0;gap:38px}.workflow article{padding:25px 0;border:0;border-top:1px solid var(--line)}.workflow article h3{font-size:21px}.workflow article p{font-size:13px}.workflow .step-no{background:none;border:0;width:auto;height:auto;font:11px ui-monospace,Consolas,monospace;display:block;color:var(--blue);margin-bottom:22px}.example{border-radius:17px}.requirements{background:#eef2f7;border:0;border-radius:24px}.included-card{background:#172331;color:#fff;border:0;border-radius:25px}.included-card li,.included-card small{color:#bdc8d9}.included-card .tiny-label{color:#a3b8d3}.included-card .button.ghost{color:#d6e5ff}.included-card .price span{color:#bdc8d9}.program-list article{background:none;border-radius:0;border:0;border-bottom:1px solid var(--line)}.program-list summary{font-size:18px}.program-list details[open] summary{color:var(--blue)}.faq-list details{background:none;border:0;border-bottom:1px solid var(--line);border-radius:0}.site-footer{background:#f1f3f6;margin-top:65px;border-top:1px solid var(--line)}
/* The classroom uses a rail and a reading canvas rather than repeated boxes. */
.academy-shell{max-width:1420px;padding:30px 38px;grid-template-columns:230px minmax(0,1fr);gap:44px}.sidebar{background:none;border:0;border-radius:0;padding:8px 0}.course-sidebar{position:sticky;top:115px;max-height:calc(100dvh - 135px)}.sidebar .course-home{padding:6px 10px;margin:0 0 14px}.course-modules summary{font-size:11px;padding:12px 9px;font-weight:600}.sidebar .course-modules a{font-size:11px;border-radius:8px}.sidebar>a{font-size:11px}.academy-content{min-width:0}.academy-top{border-bottom:1px solid var(--line);padding-bottom:19px;margin-bottom:31px}.academy-title{font-size:clamp(31px,3.2vw,45px);letter-spacing:-1.7px;max-width:800px}.academy-intro{font-size:14px;max-width:720px}.script-card{border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 30px #1c344604;overflow:hidden}.script-card-top{background:#f3f6fa;border-bottom:1px solid var(--line);padding:26px 30px}.script-card-top h2{font-size:23px;letter-spacing:-.7px}.script-symbol{background:white;color:#8797ae;border:1px solid var(--line);border-radius:13px;font-weight:400}.script-context{font-size:11px!important;color:#6d7786!important}.script-copy{max-width:760px}.script-copy p{font-size:15px;line-height:1.85;color:#3d4654}.script-card-bottom{background:#fafbfc;border-top:1px solid var(--line)}.agent-task{border-radius:15px;background:#eaf2fc;border:1px solid #dce8f9}.lesson-reader{border-radius:18px;box-shadow:none}.module-card{padding:23px;border-radius:18px}.module-card h2{font-size:23px}.learning-start{border-radius:20px;background:#192638;padding:29px}.entry-choices a{border-radius:15px}.mobile-course-menu{border-radius:12px}.form-error{color:#b53239;font-size:12px;line-height:1.65}.field input,.field select,.field textarea{border-radius:11px;background:#fff;min-height:47px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue)}
/* A real account, with quiet product rows and one next action. */
.auth-scene,.checkout-scene{max-width:1110px;margin:75px auto 100px;padding:0 36px;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.auth-intro h1,.checkout-scene h1{font-size:clamp(36px,4vw,54px);letter-spacing:-2.5px;line-height:1.08;margin:15px 0 22px}.auth-intro p,.checkout-description{font-size:15px;color:var(--muted);line-height:1.8;margin:20px 0 24px}.auth-panel,.checkout-summary{background:#fff;border:1px solid var(--line);padding:36px;border-radius:24px;box-shadow:0 12px 50px #27374c08;min-width:0}.auth-panel h2{font-size:28px;letter-spacing:-1px;margin:15px 0 12px}.auth-panel>p,.checkout-summary>p{font-size:13px;color:var(--muted);margin-bottom:22px}.auth-panel .brief-form{padding:0;border:0;background:none}.auth-panel .field{margin:18px 0}.auth-panel input{width:100%}.auth-actions{display:grid;gap:11px;margin:23px 0}.auth-panel .source-note{margin:15px 0 0}.recovery-scene{display:block;max-width:570px}.recovery-scene h1{font-size:31px;margin:16px 0}.recovery-scene .quiet-link{display:inline-block;margin-top:20px}.recovery-result{font-size:13px;line-height:1.7;margin-top:18px}.checkout-price{font-size:59px;font-weight:650;letter-spacing:-3px;margin:25px 0 15px}.checkout-price span{display:block;font-size:12px;letter-spacing:0;font-weight:400;color:var(--muted);margin:10px 0}.checkout-summary .notice{margin:23px 0;font-size:12px}.checkout-summary .source-note{margin:20px 0 0}.student-space{max-width:1060px;margin:65px auto 100px;padding:0 36px}.academy-content .student-space{margin:0;padding:0}.student-greeting{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:35px}.student-greeting h1{font-size:48px;letter-spacing:-2px;margin:10px 0 20px}.student-greeting p{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.student-account-actions{display:grid;gap:15px;justify-items:end;font-size:11px;color:var(--muted)}.account-badge{display:inline-block;background:#edf1f7;padding:4px 8px;border-radius:6px;font-size:9px;margin-left:7px}.verification-note{border:1px solid #dce4f0;background:#eef3fa;display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:14px;padding:18px 22px;margin:20px 0}.verification-note strong{font-size:13px}.verification-note p{font-size:12px;color:var(--muted);margin-top:5px}.verification-note .button{flex-shrink:0}.student-continue{background:#192638;color:white;padding:29px;display:flex;gap:23px;align-items:center;border-radius:22px;margin:27px 0 42px}.continue-mark{width:54px;height:54px;display:grid;place-items:center;border:1px solid #ffffff40;border-radius:50%;font-size:17px;flex-shrink:0}.student-continue h2{font-size:24px;letter-spacing:-.7px;margin:10px 0}.student-continue p{font-size:12px;color:#b9c7da}.student-continue .tiny-label{color:#9fbbdf}.student-continue .button{margin-left:auto;flex-shrink:0}.student-section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:40px 0 15px}.student-section-head h2{font-size:25px;letter-spacing:-.8px}.student-product{display:flex;align-items:center;gap:23px;padding:25px 0;border-bottom:1px solid var(--line)}.product-symbol{width:57px;height:65px;border:1px solid #dae2ef;border-radius:12px;background:#edf2fa;display:grid;place-items:center;color:#54739a;font-size:23px;flex-shrink:0}.student-product-copy h3{font-size:18px;letter-spacing:-.4px;margin:8px 0}.student-product-copy p{font-size:12px;color:var(--muted)}.student-product-copy small{font-size:10px;color:var(--muted)}.student-product-actions{margin-left:auto;display:grid;gap:12px;justify-items:end;flex-shrink:0}.student-product-actions .quiet-link{font-size:11px}.student-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:44px 0}.student-shortcuts>a,.student-shortcuts>button{display:grid;gap:9px;text-align:left;border:0;background:none;color:var(--ink);padding:20px 0;border-top:1px solid var(--line)}.student-shortcuts span{color:var(--blue);font-size:22px}.student-shortcuts strong{font-size:14px;font-weight:600}.student-shortcuts small{font-size:12px;color:var(--muted);line-height:1.7}.student-empty{padding:35px 0}.student-empty h2{font-size:28px}.student-empty p{font-size:14px;color:var(--muted);margin:18px 0}.student-intro{font-size:15px;color:var(--muted);margin-bottom:30px}.student-orders{font-size:13px;line-height:1.8}.student-orders p{margin:15px 0}.sync-error{color:#b53239}
@media(max-width:1100px){.hero{gap:25px}.studio-screen{padding:16px;gap:15px}.studio-directions h3{font-size:20px}.academy-shell{gap:25px;padding:25px;grid-template-columns:205px minmax(0,1fr)}.auth-scene,.checkout-scene{gap:50px}.student-continue{flex-wrap:wrap}.student-continue .button{margin-left:77px}.student-product{gap:15px}}
@media(max-width:800px){.site-header{width:calc(100% - 30px);height:64px;top:8px;padding:0 17px;border-radius:19px}.hero{grid-template-columns:1fr;padding-top:50px;gap:38px}.hero h1{font-size:clamp(43px,8vw,62px);letter-spacing:-2.7px;max-width:560px}.hero .intro{max-width:490px}.hero-proof{max-width:510px}.studio-proof{transform:none}.studio-screen{padding:22px;gap:25px}.studio-preview{aspect-ratio:9/14}.studio-directions h3{font-size:26px}.format-ribbon{gap:14px 22px}.section{padding-top:64px}.workflow{gap:18px}.academy-shell{display:block;padding:24px}.course-sidebar{position:static;max-height:none}.sidebar.expanded{background:#fff;border:1px solid var(--line);border-radius:15px;padding:15px;margin-bottom:24px}.academy-top{gap:18px}.auth-scene,.checkout-scene{grid-template-columns:1fr;gap:35px;max-width:580px;margin:50px auto;padding:0 25px}.auth-intro h1,.checkout-scene h1{font-size:42px}.auth-panel,.checkout-summary{padding:28px}.student-space{margin:45px auto;padding:0 25px}.student-greeting{align-items:flex-start;flex-direction:column}.student-greeting h1{font-size:41px}.student-account-actions{display:flex;justify-content:space-between;width:100%}.student-continue h2{font-size:22px}.student-continue{padding:25px}.student-section-head{align-items:flex-start;flex-direction:column;gap:10px}.verification-note{align-items:flex-start;flex-direction:column}.student-product{flex-wrap:wrap}.student-product-copy{flex:1;min-width:160px}.student-product-actions{width:100%;margin:0 0 0 72px;justify-items:start}.student-shortcuts{gap:20px}.script-card-top{padding:22px}.script-copy p{font-size:14px}}
@media(max-width:480px){.preview-strip{padding-left:20px}.site-header .brand{font-size:20px}.site-header>.button{font-size:11px;padding:10px 13px}.hero{padding-top:39px}.hero h1{font-size:43px;letter-spacing:-2.4px}.hero .intro{font-size:15px}.hero-meta{gap:12px;font-size:9px}.hero .actions{flex-direction:column;align-items:flex-start;gap:10px}.hero .actions .button{min-height:46px}.studio-screen{padding:16px;gap:17px}.studio-directions h3{font-size:21px;margin:12px 0 15px}.studio-directions{font-size:10px}.studio-step{padding:8px 0;gap:6px}.studio-directions small{font-size:9px;margin-top:12px}.studio-bar{padding:13px;font-size:8px;gap:9px}.studio-preview .play{height:45px;width:45px;font-size:15px}.studio-timeline{padding:13px 16px}.proof-note{font-size:9px}.format-ribbon{font-size:10px}.section-head h2{font-size:33px}.workflow{display:block}.workflow article{padding:24px 0}.academy-shell{padding:22px 17px}.academy-title{font-size:32px}.academy-top{align-items:flex-start;flex-wrap:wrap}.progress-group{max-width:160px}.script-card-top h2{font-size:21px}.script-card-top{padding:20px}.script-card{border-radius:15px}.script-copy{padding-left:20px;padding-right:20px}.script-card-bottom{gap:12px;flex-wrap:wrap}.auth-scene,.checkout-scene{padding:0 20px}.auth-panel,.checkout-summary{padding:24px}.auth-intro h1,.checkout-scene h1{font-size:37px;letter-spacing:-1.8px}.student-space{padding:0 20px}.student-greeting h1{font-size:39px}.student-continue{gap:16px}.continue-mark{width:40px;height:40px}.student-continue>div:nth-child(2){flex:1;min-width:160px}.student-continue .button{margin:0;width:100%}.student-product-actions{margin-left:0;display:flex;flex-wrap:wrap;align-items:center;gap:16px}.student-shortcuts{grid-template-columns:1fr;gap:0}.student-shortcuts>a,.student-shortcuts>button{grid-template-columns:25px 1fr;padding:20px 0;column-gap:12px}.student-shortcuts small{grid-column:2}.student-shortcuts span{grid-row:1/3}.student-account-actions{font-size:10px}.student-account-actions .quiet-link{font-size:11px}.account-badge{margin:6px 0 0}.checkout-price{font-size:52px}.student-product-copy h3{font-size:17px}.product-symbol{width:47px;height:58px}.student-product-copy{min-width:145px}.site-footer{margin-top:35px}}
@media(prefers-reduced-motion:reduce){.studio-proof{transform:none}.button{transition:none}.site-header{scroll-behavior:auto}}

.requirements{color:var(--ink)}.requirements p{color:#576274}.requirements .eyebrow{color:#617895}.req-item strong{color:var(--ink)}.req-item b{color:#627e9f}

.hero-proof{display:block}.studio-proof{width:100%}.proof-note{width:100%}@media(max-width:800px){.student-product-actions{width:calc(100% - 72px)}}@media(max-width:480px){.student-product-actions{width:100%}}

.live-sessions{margin-top:30px}.live-session{border-top:1px solid var(--line);padding:28px 0}.live-session h2{font-size:25px;letter-spacing:-.8px;margin:12px 0}.live-session p{font-size:14px;color:var(--muted)}.live-session .actions{margin-top:18px}.live-session small{font-size:11px;color:var(--muted)}
