/* Motion experiment: an illustrated workflow and a five-chapter field guide. */
.hero-showcase{max-width:1060px;padding:0 20px 42px;margin-top:64px}
.hero-showcase::before{inset:-120px -160px auto;height:670px;opacity:.65;animation:skyDrift 14s ease-in-out infinite alternate}
.lightfield{position:absolute;inset:360px -15% 0;z-index:-1;overflow:hidden;pointer-events:none;mask-image:linear-gradient(transparent,#000 35%,#000 75%,transparent)}
.lightfield i{position:absolute;width:65%;height:65%;left:6%;top:15%;background:radial-gradient(ellipse,#83D9FA99,transparent 68%);filter:blur(35px);animation:skyDrift 16s ease-in-out infinite alternate}
.lightfield i:nth-child(2){left:40%;top:26%;background:radial-gradient(ellipse,#507CFFAA,transparent 65%);animation-delay:-8s;animation-duration:20s}
.lightfield i:nth-child(3){left:22%;top:40%;background:radial-gradient(ellipse,#AAB7FF99,transparent 65%);animation-direction:alternate-reverse}
.lightfield svg{position:absolute;width:130%;height:75%;left:-15%;bottom:0;fill:none;stroke:#FFFFFF85;stroke-width:1;animation:ribbonDrift 18s ease-in-out infinite alternate}
@keyframes skyDrift{from{transform:translate3d(-4%,-3%,0) scale(.93)}to{transform:translate3d(6%,5%,0) scale(1.13)}}
@keyframes ribbonDrift{from{transform:translateY(30px) rotate(-4deg)}to{transform:translateY(-28px) rotate(3deg)}}
.workflow-window,.workflow-window *,.field-guide,.field-guide *{box-sizing:border-box}
.workflow-window{position:relative;padding:7px;border:1px solid #FFFFFFE0;border-radius:23px;background:#FFFFFF80;box-shadow:0 3px 6px #16356708,0 30px 100px -36px #183F8C66;backdrop-filter:blur(16px);text-align:left}
.workflow-top{height:48px;display:flex;align-items:center;gap:10px;padding:0 18px;border-radius:16px 16px 0 0;background:#FFFFFFDE;border-bottom:1px solid #E5EAF3;color:#63728C;font-size:11px}
.workflow-top .window-dots{margin-right:8px}.workflow-top b{font-weight:600;color:var(--ink)}
.workflow-top>span:last-child{margin-left:auto;font-size:10px;color:#8290A6}
.workflow-stage{height:430px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#F0F5FF80,transparent 70%),radial-gradient(#AFBFE544 .75px,transparent .8px) 0 0/19px 19px,#F9FBFF;border-radius:0 0 15px 15px}
.workflow-world{position:absolute;left:0;top:12px;width:2760px;height:420px;transform-origin:0 0;transition:transform 1.35s cubic-bezier(.65,0,.15,1);will-change:transform}
.workflow-world::before{content:"";position:absolute;top:206px;left:20px;width:2720px;border-top:1px dashed #BFCFF0}
.workflow-scene{position:absolute;left:calc(var(--i)*960px);width:840px;height:420px;opacity:.18;filter:blur(2px);transition:opacity .7s,filter .7s;pointer-events:none}
.workflow-scene.is-active{opacity:1;filter:none}
.scene-caption{position:absolute;left:0;top:18px;width:100%;text-align:center;font-size:14px;font-weight:500;letter-spacing:-.02em;color:#5B6B85}
.flow-card{position:absolute;background:#FFFFFFF5;border:1px solid #DCE5F3;border-radius:15px;box-shadow:0 5px 8px #36578004,0 17px 40px -19px #1E40782E;overflow:hidden}
.flow-card-head{display:flex;align-items:center;gap:9px;padding-bottom:15px;border-bottom:1px solid #EAF0F7;font-size:12px;font-weight:600;color:#536987}
.flow-card-head .ic{color:#4876DA;width:17px;height:17px}.flow-card-head .status-dot{margin-left:auto}
.status-dot{width:6px;height:6px;background:#488BDC;border-radius:50%;box-shadow:0 0 0 4px #E9F2FF}
.conversation-card{left:0;top:106px;width:310px;padding:23px}
.flow-quote{font-size:14px;line-height:1.55;margin-top:17px;color:#465976}.flow-quote b{display:block;font:500 9px var(--f-mono);letter-spacing:.05em;color:#8B99AD;margin-bottom:5px}
.flow-wave{height:34px;display:flex;align-items:center;justify-content:center;gap:4px;margin:16px 0 0}
.flow-wave i{width:3px;height:var(--h);border-radius:4px;background:linear-gradient(#729CEE,#315CDA);transform-origin:center;animation:voiceWave 1s ease-in-out calc(var(--n)*-70ms) infinite alternate}
@keyframes voiceWave{to{transform:scaleY(.3);opacity:.5}}
.visit-note{right:0;top:82px;width:322px;padding:22px 24px;transform:rotate(1.5deg)}
.note-person{font-size:14px;font-weight:600;margin:15px 0}.note-person small{display:block;font-size:10px;font-weight:400;color:#8290A4;margin-top:2px}
.note-section{margin-top:13px}.note-section b{display:block;font-size:9px;font-weight:600;color:#8090A8;text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}.note-section p{font-size:12px;line-height:1.6;color:#485B78}
.note-section .ink-line{display:block;height:5px;background:#DCE5F2;border-radius:3px;margin-top:7px;transform-origin:left;width:94%}.note-section .ink-line:last-child{width:73%;background:#E8EDF6}
.is-active .note-section,.is-active .check-row{animation:detailArrive .7s var(--ease) both;animation-delay:calc(.5s + var(--order)*.23s)}
@keyframes detailArrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
.flow-hub{position:absolute;left:391px;top:180px;width:58px;height:58px;padding:13px;border-radius:18px;background:#fff;border:1px solid #D8E5FA;box-shadow:0 0 0 8px #E9F1FD80,0 10px 30px #3A65AE13;z-index:3}
.flow-links{position:absolute;inset:0;width:840px;height:420px;fill:none;stroke:#BBCDF0;stroke-width:1.3;overflow:visible}
.flow-links .signal{stroke:#4679E6;stroke-width:2;stroke-dasharray:28 560;animation:signalFlow 3.8s linear infinite}
@keyframes signalFlow{to{stroke-dashoffset:-588}}
.packet{position:absolute;left:346px;top:274px;font:9px var(--f-mono);color:#8A9BB4;letter-spacing:.04em}
.review-sheet{left:232px;top:69px;width:377px;padding:24px;z-index:2}
.review-shadow{position:absolute;left:245px;top:82px;width:355px;height:301px;border:1px solid #D6E0F0;border-radius:16px;background:#FFFFFFA0;transform:rotate(-6deg)}
.review-shadow.second{transform:rotate(6deg);left:235px;top:72px}
.check-row{display:flex;align-items:center;gap:11px;font-size:13px;min-height:43px;border-bottom:1px solid #ECF0F7}
.check-row>.ic{color:#6485B8;width:16px;height:16px}.check-row:last-of-type{border-bottom:0}
.check-bubble{margin-left:auto;display:grid;place-items:center;flex:none;width:19px;height:19px;border-radius:50%;background:#E6F5EE;color:#278054}.check-bubble .ic{width:12px;height:12px}
.review-sign{display:flex;justify-content:center;align-items:center;gap:8px;height:36px;border-radius:7px;background:var(--blue);color:#fff;font-size:12px;margin-top:15px}.review-sign .ic{width:14px;height:14px}
.satellite{position:absolute;display:flex;align-items:center;gap:11px;padding:16px 19px;border:1px solid #DDE6F6;border-radius:12px;background:#FFFFFFF0;box-shadow:0 10px 32px -14px #365A9C24;font-size:12px;z-index:2}.satellite>.ic{width:17px;height:17px;color:#5B7EC4}
.paper-note{left:22px;top:158px;transform:rotate(-5deg)}.paper-bill{right:0;top:246px;transform:rotate(5deg)}
.follow-hub{top:167px;left:384px;width:72px;height:72px;padding:16px;border-radius:22px}
.follow-node{width:215px;padding:18px 19px}.follow-node b{font-size:13px;font-weight:500}.follow-node .check-bubble{width:17px;height:17px}.fn-one{left:25px;top:97px}.fn-two{right:25px;top:97px}.fn-three{left:25px;top:262px}.fn-four{right:25px;top:262px}
.is-active .follow-node{animation:detailArrive .7s var(--ease) both;animation-delay:calc(.45s + var(--order)*.4s)}
.hub-label{position:absolute;top:259px;left:320px;width:200px;text-align:center;font-size:11px;font-weight:500;color:#617794}
.workflow-footer{display:flex;justify-content:center;align-items:center;gap:12px;margin:22px 0 0}
.workflow-tabs{display:flex;position:relative;gap:4px;padding:5px;background:#FFFFFFD9;border:1px solid #D9E3F4;border-radius:99px;box-shadow:0 3px 18px #4366B008}
.workflow-tabs button{position:relative;z-index:1;border:0;background:none;border-radius:99px;cursor:pointer;padding:11px 21px;font-size:12px;color:#5C6C87;transition:color .35s;white-space:nowrap;min-height:40px}
.workflow-tabs button[aria-pressed=true]{color:#fff}
.workflow-knob{position:absolute;left:5px;top:5px;height:calc(100% - 10px);width:110px;border-radius:99px;background:var(--ink);box-shadow:0 2px 6px #14223820;transition:transform .65s var(--ease),width .65s var(--ease);overflow:hidden}
.workflow-knob::after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#89B8FF;transform-origin:left;transform:scaleX(var(--progress,0))}
.motion-toggle{width:39px;height:39px;display:grid;place-items:center;flex:none;border-radius:50%;border:1px solid #D6E1F3;background:#FFFFFFC9;cursor:pointer;color:#546784}.motion-toggle .ic{width:13px;height:13px}
.workflow-meta{display:flex;justify-content:space-between;align-items:center;padding:21px 5px 0;gap:16px;color:#7A89A0;font-size:10px}
.demo-link{display:inline-flex;align-items:center;gap:9px;background:none;border:0;padding:0;color:#294F99;cursor:pointer;font-size:12px;font-weight:500}.demo-link .ic{width:12px;height:12px}.demo-link:hover{color:var(--blue)}

/* A real two-page spread, including an independently composited turning leaf. */
.field-guide{padding:100px 0 90px;background:#F1F4FA;border-block:1px solid #E6EBF4}
.guide-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:42px}.guide-heading .h2{font-size:clamp(42px,5vw,65px)}.guide-heading>p{max-width:285px;font-size:16px;line-height:1.7;color:var(--muted);padding-bottom:4px}
.chapter-tabs{display:flex;gap:5px;padding:0 12px;margin-bottom:22px;justify-content:space-between}
.chapter-tabs button{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 16px;border:1px solid transparent;border-radius:99px;background:transparent;font-size:13px;color:#79859B;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s,border-color .2s}
.chapter-tabs button span{font:10px var(--f-mono);opacity:.65}.chapter-tabs button[aria-selected=true]{background:#fff;border-color:#DEE5F1;color:var(--blue);box-shadow:0 4px 12px #223C6806}
.visit-book{position:relative;padding:10px 10px 18px;border-radius:11px 14px 15px 12px;background:linear-gradient(135deg,#5776A5,#284777 45%,#1D3962);box-shadow:0 6px 0 -2px #BFC8D7,0 8px 0 -2px #E3E7ED,0 11px 0 -3px #2B4773,0 40px 58px -34px #203E7799;isolation:isolate}
.book-spread{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:490px;border-radius:4px 9px 7px 4px;perspective:1800px;background:#FDFCF8}
.book-spread::after{content:"";position:absolute;left:calc(50% - 21px);top:0;bottom:0;width:42px;z-index:5;background:linear-gradient(90deg,transparent,#756E5A06 25%,#615A4320 48%,#FFFEFACC 50%,#766E5710 58%,transparent);pointer-events:none}
.book-page{position:relative;min-width:0;min-height:490px;background:linear-gradient(105deg,#FEFDFA,#FAFAF6);overflow:hidden}
.book-copy{display:flex;flex-direction:column;align-items:flex-start;padding:48px 48px 30px;border-radius:4px 0 0 4px}
.chapter-label{font:10px var(--f-mono);letter-spacing:.1em;color:#7A8AA0;text-transform:uppercase;display:flex;align-items:center;gap:13px}.chapter-label i{display:grid;place-items:center;font-style:normal;width:26px;height:26px;border:1px solid #D7DFE8;border-radius:50%;font-size:10px;letter-spacing:0;color:#4E6E9E}
.book-copy h3{font:400 clamp(35px,3.8vw,52px)/1.06 var(--f-serif);letter-spacing:-.025em;color:#253F67;margin-top:31px;max-width:345px;text-wrap:balance}
.book-copy>p{margin-top:21px;max-width:310px;font-size:15px;line-height:1.75;color:#748097;text-wrap:pretty}
.chapter-watch{margin-top:26px;font-size:12px;font-weight:500;display:inline-flex;align-items:center;gap:10px;color:#3864A5;border:0;border-bottom:1px solid #CDD9EB;background:none;padding:0 0 4px;cursor:pointer}.chapter-watch .ic{width:11px;height:11px}
.page-folio{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:34px;font:9px var(--f-mono);letter-spacing:.06em;color:#A2ACBA}.page-folio span:last-child{color:#6D819C}
.book-visual{border-radius:0 9px 7px 0;padding:38px 25px 24px;background:radial-gradient(ellipse at 60% 43%,#EBF0F733,transparent 70%),linear-gradient(90deg,#F6F6F1,#FEFDFA 12%,#FDFCF8);display:flex;flex-direction:column;justify-content:center;align-items:center}
.book-visual-label{position:absolute;top:24px;right:24px;font:8px var(--f-mono);letter-spacing:.09em;color:#A3AEC0;text-transform:uppercase}
.chapter-art{position:relative;width:100%;max-width:400px;height:350px;flex:none}
.book-visual .page-folio{position:absolute;bottom:24px;left:28px;right:28px;width:auto;padding:0;margin:0}
.book-leaf{position:absolute;top:0;bottom:0;width:50%;z-index:10;transform-style:preserve-3d;pointer-events:none;will-change:transform}.book-leaf.forward{left:50%;transform-origin:left;animation:turnForward .95s cubic-bezier(.45,.04,.25,1) both}.book-leaf.backward{left:0;transform-origin:right;animation:turnBack .95s cubic-bezier(.45,.04,.25,1) both}
.leaf-face{position:absolute;inset:0;backface-visibility:hidden;overflow:hidden;background:#FDFCF8}.leaf-face::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#716C5930,transparent 18%,transparent 75%,#716C5915);pointer-events:none}.leaf-face.back{transform:rotateY(180deg)}.leaf-face>.book-page{height:100%;min-height:100%}
@keyframes turnForward{from{transform:rotateY(0);filter:brightness(1)}45%{filter:brightness(.93)}to{transform:rotateY(-180deg);filter:brightness(1)}}
@keyframes turnBack{from{transform:rotateY(0);filter:brightness(1)}45%{filter:brightness(.93)}to{transform:rotateY(180deg);filter:brightness(1)}}
.book-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:29px 8px 0;font-size:11px;color:#8290A5}.book-paging{display:flex;align-items:center;gap:17px}.book-paging>span{font:10px var(--f-mono);color:#69809F;min-width:49px;text-align:center}
.page-turn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;min-width:42px;border:1px solid #DAE1EF;border-radius:50%;background:#fff;color:#426599;cursor:pointer;transition:background .2s,transform .2s}.page-turn:hover{background:#E8EFFC;transform:translateX(2px)}.page-turn:disabled{opacity:.3;cursor:default;transform:none}.page-turn .ic{width:16px;height:16px}
.guide-video{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:49px;padding-top:28px;border-top:1px solid #DDE4EF;color:#8C98AB;font-size:12px}
.guide-video button{border:0;background:none;cursor:pointer;color:#335B98;font-size:13px;font-weight:500;display:flex;align-items:center;gap:9px}.guide-video .ic{width:13px;height:13px}
.art-card{position:absolute;border:1px solid #DCE3ED;background:#FFFFFFF8;border-radius:11px;box-shadow:0 8px 25px -13px #344E782B;padding:19px;font-size:12px;color:#627694}
.art-card-title{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:600;color:#3D5E8D;margin-bottom:12px}.art-card-title .ic{width:14px;height:14px}.art-card-title .check-bubble{margin-left:auto;width:17px;height:17px}
.art-card p{font-size:12px;line-height:1.6}.art-micro{font:8px var(--f-mono);color:#9AA8BC;letter-spacing:.07em;text-transform:uppercase}.art-rule{height:5px;width:100%;margin-top:9px;border-radius:4px;background:#E7ECF4}.art-rule.short{width:67%}
.transcript-bubble{left:3%;top:24px;width:76%;transform:rotate(-3deg);z-index:2}.transcript-bubble mark{background:#EAF1FC;color:#4067A1;border-radius:3px;padding:0 2px}
.transcript-note{right:1%;top:154px;width:76%;transform:rotate(3deg)}.transcript-note .art-card-title{margin-bottom:15px}.transcript-note .art-micro{margin-top:12px;display:block}.transcript-note .flow-wave{height:20px;margin:0 0 14px;justify-content:flex-start;gap:3px}.transcript-note .flow-wave i{width:2px}
.pencil-path{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#95ADCF;stroke-width:1.3;stroke-dasharray:3 5}
.chapter-running .transcript-bubble{animation:paperAppear .7s var(--ease) both}.chapter-running .transcript-note{animation:paperAppear .8s var(--ease) .65s both}.chapter-running .transcript-note .art-rule{animation:writeLine .8s var(--ease) both;animation-delay:calc(1.15s + var(--order)*.18s)}
@keyframes paperAppear{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}
@keyframes writeLine{from{scale:0 1;transform-origin:left}to{scale:1 1;transform-origin:left}}
.order-paper{position:absolute;top:30px;left:12%;width:52%;height:272px;object-fit:cover;object-position:top;border:1px solid #DDE3EC;background:white;box-shadow:0 15px 30px -15px #28436B50;transform:rotate(-9deg);border-radius:2px}
.order-paper.front{left:32%;top:47px;transform:rotate(7deg)}.chapter-running .order-paper{animation:paperAppear .8s var(--ease) both}.chapter-running .order-paper.front{animation-delay:.28s}
.order-check{position:absolute;bottom:14px;left:6%;right:6%;display:flex;align-items:center;justify-content:center;gap:20px;padding:14px 17px;border:1px solid #DBE7E4;background:#FDFFFFF5;border-radius:10px;font-size:10px;color:#456F65;box-shadow:0 10px 24px -12px #39516E32}.order-check span{display:flex;align-items:center;gap:7px}.order-check .check-bubble{width:16px;height:16px;margin:0}
.chapter-running .order-check{animation:paperAppear .7s var(--ease) .9s both}
.rx-sheet{left:8%;top:16px;width:84%;transform:rotate(2deg);padding:21px}.rx-heading{font:400 31px var(--f-serif);color:#6486B9;margin-bottom:10px}.rx-name{font-size:11px;color:#64758C;border-bottom:1px solid #E7EDF6;padding-bottom:14px;margin-bottom:16px}.rx-field{display:grid;grid-template-columns:50px minmax(0,1fr) 19px;align-items:center;gap:6px;padding:11px 0;border-bottom:1px solid #EDF1F6;line-height:1.4}.rx-field b{font-size:10px;font-weight:500;color:#3D5578}.rx-field span:not(.check-bubble){font-size:9px;color:#9CA8BA;min-width:0}.rx-signature{font:italic 18px/1.2 var(--f-serif);color:#4B76AC;margin-top:16px;text-align:right}
.chapter-running .rx-sheet{animation:paperAppear .7s var(--ease) both}.chapter-running .rx-field .check-bubble{animation:detailArrive .45s var(--ease) both;animation-delay:calc(.7s + var(--order)*.45s)}.chapter-running .rx-signature{animation:writeLine .7s var(--ease) 2s both}
.billing-encounter{left:0;top:29px;width:68%;transform:rotate(-4deg)}.billing-encounter p{font-size:11px}.billing-claim{right:0;top:139px;width:84%;transform:rotate(3deg);padding:24px}.claim-code{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:18px 0 12px;padding:12px 14px;background:#F2F6FC;border-radius:8px}.claim-code strong{font:500 21px var(--f-mono);color:#476FA5}.claim-code span{font-size:10px;color:#7B8FAE}.billing-claim .check-row{font-size:11px;min-height:35px}.chapter-running .billing-encounter{animation:paperAppear .6s var(--ease) both}.chapter-running .billing-claim{animation:paperAppear .7s var(--ease) .7s both}.chapter-running .claim-code{animation:detailArrive .6s var(--ease) 1.25s both}
.follow-timeline{position:absolute;top:16px;bottom:26px;left:28px;width:1px;background:#D7E3F3}.follow-timeline::after{content:"";position:absolute;inset:0;background:#638CC7;transform-origin:top}.chapter-running .follow-timeline::after{animation:timelineDraw 2.5s var(--ease) both}@keyframes timelineDraw{from{scale:1 0}to{scale:1 1}}
.follow-entry{position:relative;margin:17px 0 0 53px;padding:16px;width:calc(100% - 55px)}.follow-entry::before{content:"";position:absolute;top:27px;left:-30px;width:10px;height:10px;border:3px solid #FDFCF8;border-radius:50%;background:#7D9FCF;box-shadow:0 0 0 1px #C6D7EB}.follow-entry .art-card-title{margin-bottom:6px}.follow-entry p{font-size:10px;color:#91A0B6}.follow-entry svg.result-spark{position:absolute;right:40px;bottom:15px;width:70px;height:20px;fill:none;stroke:#83A6CC;stroke-width:1.5}.chapter-running .follow-entry{animation:paperAppear .65s var(--ease) both;animation-delay:calc(var(--order)*.65s)}
.motion-paused .lightfield *,.motion-paused .hero-showcase::before,.motion-paused .workflow-scene *,.motion-paused .chapter-art *{animation-play-state:paused!important}
.motion-paused .chapter-art *,.motion-paused .note-section,.motion-paused .check-row,.motion-paused .follow-node{animation:none!important}
.workflow-scene:not(.is-active) *,.workflow-offscreen .workflow-scene *,.workflow-offscreen .lightfield *,.workflow-offscreen .hero-showcase::before,.chapter-art:not(.chapter-running) *{animation-play-state:paused!important}
@media(max-width:1000px){.book-copy{padding:38px 32px 28px}.chapter-tabs{gap:0;padding:0}.chapter-tabs button{padding:10px 12px;font-size:12px;gap:7px}.guide-heading{gap:25px}.book-copy>p{font-size:14px}}
@media(max-width:700px){
 .hero-showcase{padding:0 0 35px;margin-top:48px}.lightfield{inset:420px -50% 0}.workflow-window{padding:5px;border-radius:16px}.workflow-top{height:38px;font-size:10px;padding:0 11px;border-radius:11px 11px 0 0;gap:7px}.workflow-top .window-dots{display:none}.workflow-top>span:last-child{font-size:8px}.workflow-stage{border-radius:0 0 11px 11px}.workflow-footer{gap:7px;margin-top:18px}.workflow-tabs{gap:0;padding:4px;min-width:0}.workflow-tabs button{font-size:10px;padding:10px 12px;min-height:37px}.workflow-knob{left:4px;top:4px;height:calc(100% - 8px)}.motion-toggle{width:35px;height:35px}.workflow-meta{justify-content:center;flex-wrap:wrap;gap:9px;padding:15px 0 0}.workflow-meta>span{font-size:8px;order:2;flex-basis:100%;text-align:center}.demo-link{font-size:11px}
 .field-guide{padding:64px 0 55px}.guide-heading{display:block;margin-bottom:27px}.guide-heading .h2{font-size:43px}.guide-heading>p{font-size:14px;max-width:340px;margin-top:20px}.chapter-tabs{justify-content:flex-start;overflow-x:auto;gap:5px;padding:3px 0 9px;margin:0 -5px 14px;scrollbar-width:thin;scrollbar-color:#CDDBEF transparent}.chapter-tabs button{font-size:11px;padding:9px 12px;gap:7px;flex:none}.visit-book{padding:7px 7px 13px;border-radius:9px}.book-spread{display:block;min-height:0;overflow:hidden;border-radius:4px}.book-spread::after{display:none}.book-page{min-height:0}.book-copy{padding:27px 25px 24px;border-radius:4px 4px 0 0}.chapter-label{font-size:9px;gap:10px}.chapter-label i{width:23px;height:23px}.book-copy h3{margin-top:19px;font-size:37px;max-width:270px}.book-copy>p{font-size:13px;line-height:1.7;margin-top:13px;max-width:360px}.chapter-watch{margin-top:17px;font-size:11px}.book-copy .page-folio{display:none}.book-visual{padding:17px 22px 36px;min-height:354px;border-radius:0 0 4px 4px;border-top:1px solid #E9E9E2;background:linear-gradient(#F8F8F3,#FDFCF8)}.chapter-art{height:305px;max-width:340px}.book-visual-label{font-size:7px;top:13px;right:17px}.book-visual .page-folio{bottom:15px;left:23px;right:23px;font-size:8px}.book-controls{margin:25px 0 0;gap:12px}.book-controls>span{font-size:9px;max-width:145px}.book-paging{gap:9px}.page-turn{min-height:39px;min-width:39px}.guide-video{gap:13px;font-size:10px;margin-top:33px;padding-top:23px;flex-direction:column}.guide-video button{font-size:12px}.book-leaf{display:none}.book-spread.mobile-turn{animation:mobilePage .5s var(--ease)}
 .transcript-bubble{top:15px;padding:16px}.transcript-note{top:135px;padding:16px}.art-card p{font-size:11px}.order-paper{height:226px;top:24px}.order-paper.front{top:37px}.order-check{bottom:12px;gap:15px;font-size:9px;padding:12px}.rx-sheet{padding:19px;top:6px}.rx-field{padding:9px 0}.rx-name{padding-bottom:11px;margin-bottom:10px}.rx-heading{font-size:27px;margin-bottom:5px}.rx-signature{margin-top:12px}.billing-encounter{top:17px;padding:16px}.billing-claim{top:117px;padding:18px}.claim-code{margin-top:13px}.follow-entry{padding:14px;margin-top:14px}.follow-entry p{font-size:9px}
 @keyframes mobilePage{from{opacity:.5;transform:translateX(10px)}to{opacity:1;transform:none}}
}
@media(max-width:600px){
 .workflow-world{width:1140px;height:490px;top:15px}.workflow-world::before{width:1140px;top:248px}.workflow-scene{width:340px;height:490px;left:calc(var(--i)*400px)}.scene-caption{top:4px;font-size:12px}.conversation-card{left:3px;top:45px;width:284px;padding:18px;transform:rotate(-2deg)}.flow-card-head{padding-bottom:11px;font-size:11px}.flow-quote{font-size:12px;margin-top:11px}.flow-quote b{font-size:8px}.conversation-card .flow-wave{position:absolute;top:11px;right:18px;width:72px;height:18px;margin:0}.conversation-card .flow-card-head .status-dot{display:none}.visit-note{width:284px;right:0;top:244px;padding:18px;transform:rotate(2deg)}.note-person{font-size:12px;margin:12px 0 0}.note-person small{font-size:9px}.note-section{margin-top:10px}.note-section b{font-size:8px}.note-section p{font-size:11px}.note-section .ink-line{height:4px;margin-top:6px}.flow-hub{left:259px;top:194px;width:42px;height:42px;padding:10px;border-radius:13px}.packet{left:65px;top:222px;font-size:8px}.flow-links{display:none}.review-sheet{top:100px;left:20px;width:300px;padding:22px}.review-shadow{width:289px;left:27px;top:113px}.review-shadow.second{left:24px;top:109px}.paper-note{top:45px;left:0;font-size:10px;padding:12px 17px}.paper-bill{top:417px;right:8px;font-size:10px;padding:12px 17px}.follow-hub{width:68px;height:68px;top:205px;left:136px;padding:16px;border-radius:21px}.follow-node{width:250px;padding:19px 20px;left:45px;right:auto}.fn-one{top:54px;left:17px}.fn-two{top:131px;left:61px}.fn-three{top:307px;left:17px}.fn-four{top:384px;left:61px}.hub-label{top:281px;left:70px;font-size:10px}.workflow-scene[data-scene=follow]::before{content:"";position:absolute;top:77px;bottom:60px;left:170px;border-left:1px dashed #B4C9EB}
}
@media(max-width:360px){.workflow-tabs button{font-size:9px;padding:9px 9px}.workflow-footer{gap:5px}.motion-toggle{width:30px;height:30px}.book-copy{padding-inline:20px}.book-copy h3{font-size:34px}.book-visual{padding-inline:12px}.order-check{gap:9px}.book-controls>span{max-width:108px}.guide-heading .h2{font-size:39px}.rx-sheet{width:94%;left:3%;padding:15px}.rx-signature{font-size:16px}.rx-field{grid-template-columns:44px minmax(0,1fr) 17px}.rx-field .check-bubble{width:17px;height:17px}}
@media(prefers-reduced-motion:reduce){.lightfield *,.hero-showcase::before,.workflow-scene *,.chapter-art *,.book-leaf,.book-spread{animation:none!important}.workflow-world,.workflow-scene,.workflow-knob{transition:none!important}}
@media(max-width:360px){.transcript-note{top:124px;width:83%;padding:13px}.transcript-note .art-micro{font-size:7px;margin-top:9px}.transcript-note .art-rule{height:4px;margin-top:6px}}