body[data-project=yurist]{--ink:#263e42;--gold:#bd995b;--muted:#7e8d89}
.yurist-brand{font-size:32px;letter-spacing:-1px;gap:10px}.yurist-mark{font:38px var(--serif);color:#b79763}.yurist-step h1{font-size:clamp(62px,6.2vw,89px)}.yurist-step h2{font-size:clamp(58px,5.4vw,77px)}.yurist-step :is(h1,h2) em{color:#a58b5e}.yurist-step .primary-button{background:#254e51;border-color:#254e51}.yurist-step .primary-button:hover{background:#3e6a69}.yurist-step .feature-tags span{border-color:#d4dcd5;color:#758983}.visual .orbit{border-color:#32615b14}.orbit-one:after{background:#b69865}.scene-topline,.scene-caption{color:#879791}.caption-line{background:#a8b7a9}
.visual .platform{border-color:#95ac9b;background:linear-gradient(120deg,#16383c,#306163);box-shadow:0 5px 0 #193c3e,0 11px 0 #102e32,0 12px 0 #b99b6040}.visual .platform>span{color:#a3bdb0}
.visual[data-stage=ask] .legal-ask,.visual[data-stage=create] .legal-create,.visual[data-stage=review] .legal-review{visibility:visible;opacity:1;transform:translateY(0) translateZ(0) scale(1)}
.law-volume{position:absolute;left:66px;top:22px;width:205px;height:292px;transform-style:preserve-3d;transform:translateZ(35px) rotateY(-15deg) rotateZ(-7deg);animation:law-hover 7s ease-in-out infinite}
.volume-cover{position:absolute;inset:0;border-radius:5px 10px 10px 5px;background:linear-gradient(125deg,#27545a,#133438);border:1px solid #80a5a2;box-shadow:inset 8px 0 8px #0c232d80,4px 3px 0 #183d3f;color:#e1cba0;transform:translateZ(19px);padding:25px 28px}
.volume-cover:after{content:'';position:absolute;inset:12px;border:1px solid #b99b6266;border-radius:2px 5px 5px 2px}.volume-cover>span{font-size:8px;letter-spacing:2px}.volume-cover strong{display:block;font:110px/.95 var(--serif);margin:19px 0 15px}.volume-cover b{font:28px/1.05 var(--serif);font-weight:400;display:block}.volume-cover i{display:block;font:6px Arial;letter-spacing:2.6px;margin-top:22px}
.volume-pages{position:absolute;inset:6px -7px 0 9px;border-radius:7px;background:repeating-linear-gradient(0deg,#f2ecdc 0 2px,#d3c9b0 2px 3px);transform:translateZ(4px);box-shadow:3px 5px 0 #183b3c,8px 10px 15px #17383c20}.volume-spine{position:absolute;left:-17px;top:0;width:35px;height:292px;transform:rotateY(-90deg);background:linear-gradient(90deg,#0f2b31,#2a5557);color:#c9b583;writing-mode:vertical-rl;text-align:center;padding:30px 10px;font-size:10px;letter-spacing:4px;border-radius:4px}
.legal-question{position:absolute;left:226px;top:132px;width:195px;padding:21px 24px;background:#fffffa;border:1px solid #fff;box-shadow:5px 6px 0 #d4dfd9,10px 17px 24px #1b3d3d13;transform:translateZ(100px) rotateZ(4deg);animation:question-hover 6s ease-in-out infinite}
.legal-question:after{content:'';position:absolute;left:23px;bottom:-14px;border:8px solid transparent;border-top-color:#fffffa;border-left-color:#fffffa}.legal-question small{font-size:7px;letter-spacing:1.7px;color:#8b9c91}.legal-question strong{font:34px/1.08 var(--serif);color:#345e5e;display:block;margin:12px 0 16px}.thinking-dots{display:flex;gap:5px}.thinking-dots i{width:5px;height:5px;border-radius:50%;background:#ac9260;animation:legal-dot 1.8s infinite}.thinking-dots i:nth-child(2){animation-delay:.2s}.thinking-dots i:nth-child(3){animation-delay:.4s}
.source-card{position:absolute;left:100px;top:334px;width:235px;padding:15px 20px;display:flex;align-items:center;gap:15px;background:#f8fbf4;border:1px solid #e5eee4;box-shadow:4px 5px 0 #cbdcd1;transform:translateZ(80px) rotateZ(-3deg)}.source-card>span{font:35px var(--serif);color:#a28a5b}.source-card b{font:25px var(--serif);color:#345e5e}.source-card small{display:block;font-size:6px;letter-spacing:1.2px;margin-top:4px;color:#8e9c8f}.source-card>i{margin-left:auto;font-style:normal;color:#97a88e}
.legal-paper{position:absolute;width:280px;height:345px;padding:23px 24px;background:linear-gradient(135deg,#fffffa,#f5f4e9);border:1px solid white;box-shadow:3px 3px 0 #d2d9c9,6px 6px 0 #e5e8da,9px 9px 0 #bdcbbb,14px 18px 26px #23403918;transform-style:preserve-3d;color:#345b58}
.paper-masthead{display:flex;justify-content:space-between;align-items:center}.paper-masthead>b{font-size:14px;font-weight:500}.paper-masthead>span{font-size:6px;letter-spacing:1.5px;color:#9aa68f}.legal-paper h3{font:35px/1.03 var(--serif);margin:23px 0 17px}.paper-rule{height:1px;background:#c6d1bd}.legal-paper>small{font-size:6px;letter-spacing:1.2px;display:block;margin-top:17px;color:#a18e65}.paper-foot{position:absolute;left:24px;right:24px;bottom:19px;display:flex;justify-content:space-between;font-size:6px;letter-spacing:1px;color:#99a38d}.paper-foot b{font-weight:400}
.draft-back,.review-back{position:absolute;width:276px;height:337px;left:110px;top:18px;background:#e8ece0;border:1px solid white;box-shadow:4px 5px 0 #c9d2bd;transform:translateZ(0) rotateZ(7deg)}.draft-front{left:56px;top:35px;transform:translateZ(55px) rotateZ(-6deg)}.draft-lines{margin-top:19px;display:flex;flex-direction:column;gap:11px}.draft-lines i{height:4px;width:100%;background:#b6c6b7;transform-origin:left;animation:write-line 8s ease-in-out infinite;animation-delay:calc(var(--line)*.55s)}.draft-lines i:nth-child(2){--line:1}.draft-lines i:nth-child(3){--line:2}.draft-lines i:nth-child(4){--line:3}.draft-lines i:nth-child(5){--line:4}.draft-lines i:nth-child(6){--line:5;width:65%}
.legal-pen{position:absolute;left:265px;top:75px;width:27px;height:231px;transform:translateZ(130px) rotateZ(32deg);transform-origin:50% 100%;animation:pen-write 8s ease-in-out infinite;filter:drop-shadow(8px 10px 5px #15333126)}.pen-barrel{position:absolute;top:0;height:155px;width:27px;border-radius:12px 12px 3px 3px;background:linear-gradient(90deg,#123033,#477774 40%,#173f41 80%);border:1px solid #678580}.pen-barrel:before{content:'';position:absolute;left:5px;top:12px;width:4px;height:55px;background:linear-gradient(90deg,#bba270,#f6e2aa,#977f50);border-radius:2px}.pen-barrel:after{content:'';position:absolute;bottom:0;width:100%;height:9px;background:linear-gradient(90deg,#927442,#e8d19b,#998258)}.pen-grip{position:absolute;top:155px;left:3px;width:21px;height:38px;background:linear-gradient(90deg,#183739,#426864,#162d32);border-radius:0 0 5px 5px}.pen-nib{position:absolute;top:191px;left:3px;width:21px;height:40px;background:linear-gradient(90deg,#977b46,#f5d99e,#c3a366);clip-path:polygon(0 0,100% 0,100% 30%,50% 100%,0 30%)}.pen-nib:after{content:'';position:absolute;left:10px;top:9px;width:1px;height:28px;background:#5f5b44}
.draft-chip,.review-chip{position:absolute;padding:16px 20px;background:#fafff5;border:1px solid #d4e0cd;box-shadow:4px 5px 0 #c8d8c0,8px 12px 15px #28433215;transform:translateZ(125px) rotateZ(4deg);display:flex;align-items:center;gap:12px;white-space:nowrap;color:#4a745f}.draft-chip{left:160px;top:342px;font-size:12px}.draft-chip>span{font-size:23px;color:#b69962}
.review-front{left:65px;top:27px;transform:translateZ(50px) rotateZ(-5deg)}.review-back{left:117px;top:8px;transform:translateZ(0) rotateZ(8deg)}.review-lines{display:flex;flex-direction:column;gap:12px;margin-top:25px}.review-lines>i{display:block;height:4px;background:#c3cdba;width:100%}.review-lines>i:last-child{width:70%}.review-passage{padding:9px 10px;margin:1px -10px;background:#f3e4b5;border-left:2px solid #c8a05b;color:#90703c;animation:passage-glow 6s ease-in-out infinite}.review-passage span{font:17px var(--serif)}
.legal-lens{position:absolute;left:224px;top:170px;width:139px;height:204px;transform:translateZ(130px) rotateZ(-34deg);animation:lens-search 6s ease-in-out infinite;filter:drop-shadow(7px 13px 7px #1b41332a)}.lens-glass{height:128px;width:128px;border:10px solid #b49761;border-radius:50%;background:linear-gradient(125deg,#ffffff90,#e6f0e542 50%,#a4c4b142);box-shadow:inset 2px 3px 1px #f3e8ce,3px 3px 0 #756443,0 0 0 2px #d9c69e;display:grid;place-items:center;position:relative}.lens-glass:before{content:'';position:absolute;left:14px;top:12px;width:60px;height:27px;border-top:3px solid #ffffffb0;border-radius:50%;transform:rotate(-32deg)}.lens-glass>span{font:70px var(--serif);color:#58736799;transform:rotateZ(34deg)}.lens-handle{position:absolute;top:124px;left:51px;width:26px;height:89px;border-radius:3px 3px 11px 11px;background:linear-gradient(90deg,#183638,#577977,#193c3e);border-top:10px solid #c7ad76;box-shadow:3px 3px 0 #19373b}
.review-chip{left:121px;top:353px}.review-chip>span{height:25px;width:25px;display:grid;place-items:center;border-radius:50%;background:#f1e5bf;color:#a4874e;font:22px var(--serif)}.review-chip b{font-size:11px;font-weight:500}.review-chip small{display:block;font-size:8px;color:#8fa087;margin-top:5px}
@keyframes law-hover{50%{transform:translateY(-10px) translateZ(35px) rotateY(-9deg) rotateZ(-5deg)}}
@keyframes question-hover{50%{transform:translateY(7px) translateZ(100px) rotateZ(2deg)}}
@keyframes legal-dot{0%,70%,100%{opacity:.35;transform:translateY(0)}35%{opacity:1;transform:translateY(-4px)}}
@keyframes write-line{0%,10%{transform:scaleX(.04);opacity:.35}35%,85%{transform:scaleX(1);opacity:1}100%{transform:scaleX(.04);opacity:.35}}
@keyframes pen-write{0%,100%{transform:translate(-115px,-42px) translateZ(130px) rotateZ(32deg)}30%{transform:translate(0,-33px) translateZ(130px) rotateZ(35deg)}34%{transform:translate(-110px,-14px) translateZ(130px) rotateZ(32deg)}58%{transform:translate(3px,0) translateZ(130px) rotateZ(34deg)}65%,85%{transform:translate(12px,-70px) translateZ(130px) rotateZ(25deg)}}
@keyframes lens-search{0%,100%{transform:translate(-37px,-16px) translateZ(130px) rotateZ(-34deg)}50%{transform:translate(15px,27px) translateZ(130px) rotateZ(-25deg)}}
@keyframes passage-glow{50%{background:#edcf8d}}
@media(min-width:761px) and (max-width:1100px){.yurist-step h1{font-size:64px}.yurist-step h2{font-size:55px}.chapter-nav b{display:none}}
@media(max-width:760px){.yurist-brand{font-size:29px}.yurist-mark{font-size:31px}.yurist-step h1{font-size:53px}.yurist-step h2{font-size:48px}.visual .scene{scale:.54;top:calc(50% - 9px)}.visual .scene-caption{font-size:5px}.visual .scene-topline{font-size:5px}}
@media(max-width:760px) and (max-height:700px){.visual .scene{scale:.40;top:calc(50% - 5px)}}