/* Actionables Academy portfolio. All product tour content is illustrative. */
.portfolio-landing{--yellow:#ffc900;--dark:#1b1d19;--soft:#e9ebe2;padding:0 0 8px;color:var(--dark)}
body:has(#landing-view:not([hidden])){background:#f5f5ef}
body:has(#landing-view:not([hidden])) .topbar{background:#f5f5ef;border-bottom-color:#d9dbd1}
body:has(#landing-view:not([hidden])) .topbar-button{background:var(--ink);color:white;border-color:var(--ink);padding:11px 17px;border-radius:0}
body:has(#landing-view:not([hidden])) .account-area>span{display:none}
#portfolio-nav .nav-link{display:flex;align-items:center;font-size:11px}
.portfolio-hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);align-items:center;gap:40px;padding:56px 0 45px}
.hero-kicker{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:8px;font-weight:600;letter-spacing:1.4px;margin:0 0 27px}
.tiny-cross{font-size:22px;line-height:1;color:#aa8100}.kicker-divider{height:10px;width:1px;background:#afb3a3;margin:0 2px}
.portfolio-copy h1{font-size:clamp(55px,6.2vw,88px);font-weight:600;line-height:1.055;letter-spacing:-5px;margin:0 0 28px;position:relative;z-index:1}
.hero-highlight{display:inline-block;position:relative}.hero-highlight svg{position:absolute;bottom:-13px;left:0;width:100%;height:23px;color:var(--yellow);z-index:-1}
.portfolio-lead{max-width:420px;font-size:13px;color:#666c5d;line-height:1.9;margin:0}.portfolio-lead strong{color:#24291e;font-weight:600}
.portfolio-actions{display:flex;align-items:center;gap:25px;margin-top:29px}.portfolio-actions .button{padding:16px 20px;font-size:11px;border-radius:0}
.portfolio-primary{background:var(--yellow);border-color:var(--yellow);gap:24px}.portfolio-primary:hover{background:#edbc00!important;border-color:#edbc00;transform:translateY(-2px)}.portfolio-primary>span{font-size:21px;line-height:1}
.portfolio-secondary{background:transparent;border:0;display:flex;gap:12px;align-items:center;padding:12px 0;font-size:11px;font-weight:600}.portfolio-secondary>span{font-size:19px}.portfolio-secondary:hover{text-decoration:underline;text-underline-offset:5px}
.project-credit{display:flex;align-items:center;gap:12px;font-size:10px;line-height:1.8;margin-top:35px;color:#4d5543}.project-credit strong{color:#1c2117;font-weight:600}.project-credit small{display:block;font-size:9px;color:#72796a}
.maker-monogram{width:38px;height:38px;border:1px solid #cbd0bf;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:12px;letter-spacing:-1px;position:relative;flex-shrink:0}.maker-monogram>span{position:absolute;right:-5px;top:-6px;color:#aa8100;font-size:16px;background:#f5f5ef;padding:0 1px}
.hero-scene{position:relative;isolation:isolate;min-height:610px;overflow:hidden;background:var(--dark);color:#efeee4;perspective:1000px}
.scene-grid{position:absolute;inset:0;background-image:linear-gradient(#b5bd9210 1px,transparent 1px),linear-gradient(90deg,#b5bd9210 1px,transparent 1px);background-size:50px 50px;mask-image:linear-gradient(#0008,transparent 90%);z-index:-1}
.scene-orbit{position:absolute;width:420px;height:420px;border:1px solid #c5cbab17;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 50px #c5cbab06,0 0 0 100px #c5cbab05;z-index:-1}
.scene-topline,.scene-bottomline{position:absolute;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;font-size:7px;letter-spacing:1px;z-index:4}.scene-topline{top:24px}.scene-topline>span:first-child{display:flex;gap:7px;align-items:center}.scene-topline i{width:5px;height:5px;border-radius:50%;background:var(--yellow)}.scene-topline>span:last-child{color:#b1b6a4;font-size:6px}.scene-bottomline{bottom:24px;color:#bbc0ae}.scene-coordinate{font-size:8px;letter-spacing:3px}
.scene-word{position:absolute;top:62px;left:24px;font-size:clamp(95px,11.5vw,160px);font-weight:600;letter-spacing:-9px;line-height:1;color:#edeee319;z-index:-1}
.hero-printer{position:absolute;width:100%;height:100%;object-fit:contain;left:0;top:0;padding:34px 8px;filter:drop-shadow(0 26px 24px #0004);animation:printer-float 7s ease-in-out infinite;will-change:transform}
.scene-tag{position:absolute;background:#f6f6eddc;border:1px solid #fff9;color:#252c1b;backdrop-filter:blur(14px);box-shadow:0 8px 26px #0002;display:flex;align-items:center;gap:10px;padding:13px 14px;font-size:10px;z-index:3;pointer-events:none}.scene-tag small{display:block;font-size:8px;line-height:1.8;color:#646b59}.tag-preview{left:22px;top:47%;animation:tag-drift 7s ease-in-out infinite}.tag-record{right:21px;bottom:87px;animation:tag-drift 7s ease-in-out -3s infinite}.tag-icon{font-size:25px;color:#656d42}.tag-tick{font-size:18px;margin-left:10px}.record-symbol{background:var(--yellow);width:29px;height:29px;display:grid;place-items:center;font-size:16px;border-radius:50%}.artwork-caption{position:absolute;left:24px;bottom:53px;font-size:7px;color:#aeb49f}
.project-strip{display:grid;grid-template-columns:1fr 1.2fr 1.4fr auto;gap:22px;border-top:1px solid #d4d8c9;border-bottom:1px solid #d4d8c9;padding:21px 0;align-items:center}.project-strip>div{display:flex;flex-direction:column;gap:7px}.strip-label{font-size:7px;color:#7b826f;letter-spacing:1.4px}.project-strip b{font-size:14px;font-weight:600;display:flex;align-items:center;gap:20px}.project-strip>div>span:last-child:not(.strip-label){font-size:10px;color:#4e5742}.small-arrow{font-size:17px}.scroll-cue{display:flex;align-items:center;gap:20px;font-size:6px;letter-spacing:1.2px}.scroll-cue>span:last-child{font-size:23px;border:1px solid #cbd0bf;border-radius:50%;width:37px;height:37px;display:grid;place-items:center;transition:transform .25s}.scroll-cue:hover>span:last-child{transform:translateY(4px)}
.portfolio-walkthrough{padding:100px 0 0;scroll-margin-top:30px}.section-kicker{display:flex;justify-content:space-between;gap:14px;font-size:8px;font-weight:600;letter-spacing:1.3px;margin:0 0 25px;color:#717b60}.section-kicker>span:last-child{font-weight:400;color:#7c8471;font-size:7px}.section-heading>div{display:flex;justify-content:space-between;align-items:flex-end;gap:25px}.section-heading h2,.build-copy h2,.portfolio-access-note h2{font-size:clamp(34px,3.8vw,54px);font-weight:600;line-height:1.15;letter-spacing:-2.4px;margin:0}.section-heading h2 em,.build-copy h2 em{font-style:normal;color:#7a8267}.section-heading>div>p{font-size:11px;line-height:1.9;color:#6d765f;margin:0 0 5px}
.walkthrough-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:70px;margin-top:45px;align-items:center}.walkthrough-step{display:flex;align-items:flex-start;width:100%;text-align:left;gap:18px;padding:24px 0;border:0;border-top:1px solid #d4d8c9;background:none;transition:opacity .25s;color:#7d8472}.walkthrough-step:last-of-type{border-bottom:1px solid #d4d8c9}.step-index{font-size:9px;padding-top:4px}.walkthrough-step b{font-size:17px;letter-spacing:-.4px;font-weight:600;line-height:1.6}.walkthrough-step small{display:block;font-size:10px;line-height:1.9;max-width:280px;margin-top:7px}.step-arrow{margin-left:auto;font-size:23px;color:#99a087}.walkthrough-step.is-active{color:#1e2617}.walkthrough-step.is-active .step-index{color:#947100}.walkthrough-step.is-active .step-arrow{background:var(--yellow);color:#20251a}.step-arrow{width:30px;height:30px;display:grid;place-items:center;flex-shrink:0;transition:background .2s,transform .2s}.walkthrough-step:hover .step-arrow{transform:translate(2px,-2px)}.walkthrough-note{font-size:9px;color:#778069;display:flex;gap:10px;align-items:center;margin-top:17px}.walkthrough-note>span{font-size:17px;color:#998014}
.demo-window{border:1px solid #d2d7c5;background:#e9ece1;box-shadow:0 14px 25px #353d2007;min-width:0}.demo-window-bar{height:45px;background:#fafbf6;border-bottom:1px solid #d2d7c5;display:flex;align-items:center;gap:14px;padding:0 18px;font-size:7px;letter-spacing:.7px}.window-dots{display:flex;gap:4px}.window-dots i{width:5px;height:5px;background:#d9ddd1;border-radius:50%}.window-dots i:first-child{background:#c8a000}.demo-privacy{margin-left:auto;font-size:6px;letter-spacing:.5px;display:flex;gap:5px;align-items:center;color:#717b60}.demo-privacy i{width:4px;height:4px;background:#818e6a;border-radius:50%}.demo-stage{min-height:365px;padding:25px 35px;display:grid;align-items:center}.demo-pane{animation:pane-enter .4s ease both;min-width:0;width:100%}.demo-pane-heading{display:flex;flex-direction:column;gap:14px;margin-bottom:22px}.mini-kicker{font-size:7px;letter-spacing:1.2px;color:#6d775f}.demo-pane-heading>b{font-size:25px;letter-spacing:-.8px;line-height:1.3;font-weight:600}.demo-form{padding:19px;background:#fff;border:1px solid #d6dbcb;box-shadow:0 4px 8px #3c492807}.demo-form>div{margin-bottom:14px}.demo-form>div:last-child{margin:0}.demo-form div>span:first-child:not(.demo-caret){display:block;font-size:8px;color:#727b66;margin-bottom:6px}.demo-form b{font-size:10px;font-weight:400;display:flex;align-items:center;justify-content:space-between;background:#f5f6f0;border:1px solid #d9dece;padding:9px;min-height:33px}.demo-form-split{display:grid;grid-template-columns:1.1fr 1fr;gap:13px}.demo-form b>.demo-caret{height:11px;width:1px;background:#86723c;margin-right:auto;margin-left:2px;animation:cursor-blink 1s steps(1) infinite}.demo-form .demo-form-footer{display:flex;justify-content:space-between;align-items:center;padding-top:5px}.demo-form .demo-form-footer>span{margin:0!important;font-size:7px!important;display:flex!important;gap:5px;align-items:center}.demo-form-footer i,.ready-dot{width:4px;height:4px;display:inline-block;background:#798866;border-radius:50%}
.demo-label-ruler{display:flex;align-items:center;gap:12px;color:#768066;font-size:8px;letter-spacing:1px;margin:0 auto 17px;max-width:330px}.demo-label-ruler>span{height:6px;border-top:1px solid #b5bea4;flex:1}.portfolio-label-paper{background:#fff;color:#111;padding:18px 18px 13px;border-radius:2px;box-shadow:0 5px 12px #3c43241a;aspect-ratio:1.6;max-width:375px;margin:0 auto;display:flex;flex-direction:column;font-family:Arial,sans-serif;animation:label-in .65s cubic-bezier(.18,.65,.24,1) both}.sample-clinic{text-align:center;font-size:13px;letter-spacing:2px;font-weight:700}.sample-clinic-line{text-align:center;font-size:6px;color:#6d7264;padding:5px 0 9px;border-bottom:1px solid #b9bdb3}.sample-item{font-size:13px;font-weight:700;margin:9px 0}.sample-meta{display:flex;justify-content:space-between;gap:8px;font-size:6px;padding-bottom:7px;border-bottom:1px solid #b9bdb3}.sample-dosage{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;text-align:center;padding:10px 0}.sample-dosage>div{min-width:0;display:flex;flex-direction:column;align-items:center}.sample-dosage small{font-size:6px;letter-spacing:.5px;font-weight:700;margin-bottom:5px}.sample-dosage b{border:1px solid #666;width:100%;font-size:15px;line-height:23px}.sample-dosage span{font-size:6px;font-weight:700;margin-top:4px}.sample-dosage strong{font-size:8px;line-height:1.4;margin-top:3px}.sample-remarks{font-size:7px;margin:0;flex:1;line-height:1.5;min-height:18px}.sample-label-footer{font-size:6px;display:flex;justify-content:space-between;padding-top:8px;border-top:1px solid #b9bdb3;margin-top:7px}.sample-label-footer>span{color:#707665}.demo-print-status{font-size:8px;margin:20px auto 0;max-width:375px;display:flex;gap:8px;align-items:center;color:#677356}.demo-print-status>span:last-child{margin-left:auto;color:#4c6432;font-size:14px}.demo-bottom-bar{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #d2d7c5;padding:14px 18px;font-size:7px;color:#707b60}.demo-bottom-bar>span:last-child{font-size:6px;letter-spacing:.8px}
.demo-audit{border:1px solid #d4d9c8;background:#fff}.demo-audit-head{display:flex;justify-content:space-between;padding:13px 14px;background:#f5f7ef;font-size:6px;letter-spacing:.7px;color:#7c856c}.demo-audit-row{display:flex;align-items:center;gap:10px;padding:17px 14px;border-top:1px solid #e5e8dd}.audit-avatar{width:27px;height:27px;border:1px solid #cbd3bc;display:grid;place-items:center;font-size:10px;background:#f1f4e9;flex-shrink:0}.demo-audit-row b{display:block;font-size:10px;font-weight:600}.demo-audit-row small{font-size:7px;display:block;margin-top:4px;color:#778269}.audit-status{font-size:6px;padding:5px 6px;background:#e7edda;color:#58723b;margin-left:auto;white-space:nowrap}.audit-pending{background:#fff3cb;color:#8a7439}.demo-audit-footer{padding:14px;font-size:7px;border-top:1px solid #e5e8dd;color:#758268;display:flex;align-items:center;gap:8px}.demo-audit-footer>span{font-size:14px}
.feature-ribbon{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:42px;padding:24px 0;border-top:1px solid #d4d8c9;border-bottom:1px solid #d4d8c9}.feature-ribbon>span{display:flex;align-items:center;justify-content:center;gap:10px;font-size:9px;color:#59654c}.feature-ribbon>span+span{border-left:1px solid #d4d8c9}.feature-ribbon svg{width:19px;height:19px;stroke:#707b5e;fill:none;stroke-width:1.3;flex-shrink:0}
.build-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;padding:100px 0;scroll-margin-top:25px}.build-copy>p:not(.section-kicker){font-size:12px;line-height:1.9;max-width:350px;color:#6b765d;margin:24px 0}.maker-signoff{font-size:21px;font-weight:600;letter-spacing:-1px}.maker-signoff>span{display:block;font-size:6px;letter-spacing:1px;font-weight:400;color:#758166;margin-top:9px}.build-visual{padding:26px;background:#20251b;color:#f1f2e9;border:1px solid #353e2b;position:relative;overflow:hidden}.build-visual-top,.build-visual-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:6px;letter-spacing:1px;color:#acb39c}.build-visual-top>span:last-child{font-size:28px;color:var(--yellow);line-height:1;animation:spin-slow 20s linear infinite}.build-flow{padding:30px 0 35px}.build-flow>div{display:flex;align-items:center;gap:16px;border:1px solid #4b553d;background:#2a3024;padding:18px}.build-flow small{display:block;font-size:6px;letter-spacing:1.3px;color:#bac2a7;margin-bottom:8px}.build-flow b{font-size:12px;font-weight:500}.flow-node{width:31px;height:31px;display:grid;place-items:center;background:#3b4431;color:#dfebc9;font-size:20px;flex-shrink:0}.build-flow>i{display:block;width:1px;height:27px;background:#758454;margin-left:34px;position:relative;overflow:hidden}.build-flow>i:after{content:'';display:block;background:var(--yellow);height:10px;width:1px;animation:flow-pulse 2s linear infinite}.build-flow>div.flow-result{background:var(--yellow);color:#1c2416;border-color:var(--yellow)}.flow-result small{color:#5b602c}.flow-result .flow-node{background:#1c2416;color:var(--yellow)}.flow-spark{margin-left:auto;font-size:28px}.build-visual-bottom{border-top:1px solid #434e35;padding-top:18px;font-size:5px;letter-spacing:.9px}
.portfolio-access-note{margin-top:72px;background:var(--yellow);display:flex;align-items:center;justify-content:space-between;padding:45px 48px;gap:40px;position:relative;isolation:isolate;overflow:hidden}.portfolio-access-note .section-kicker{color:#5b5929;font-size:7px;margin-bottom:17px}.portfolio-access-note h2{font-size:43px;line-height:1.12;letter-spacing:-2px}.portfolio-access-note h2 em{font-style:normal}.portfolio-access-note p:last-child{font-size:11px;color:#615e33;margin:19px 0 0}.portfolio-access-note .button{background:#1b2116;color:#fff;border-color:#1b2116;border-radius:0;padding:19px 24px;font-size:10px;gap:28px;white-space:nowrap;flex-shrink:0}.portfolio-access-note .button:hover{background:#363e2c;transform:translateY(-2px)}.portfolio-access-note .button>span{font-size:20px}.cta-asterisk{position:absolute;right:10%;top:-50px;font-size:330px;line-height:1;color:#a88e000c;z-index:-1;animation:spin-slow 60s linear infinite}
.portfolio-colophon{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:6px;letter-spacing:1px;color:#7b846f;padding:24px 0}.portfolio-colophon button{background:none;border:0;padding:8px;font-size:8px;color:#69745d;display:flex;gap:7px;align-items:center}.portfolio-colophon button>span{font-size:12px}.portfolio-colophon button:hover{color:#111}
.portfolio-landing .button,.portfolio-secondary{transition:background .2s,transform .2s,border-color .2s}.portfolio-landing :focus-visible{outline:2px solid #866600;outline-offset:5px}
.motion-ready .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.6,.3,1)}.motion-ready .reveal.is-visible{opacity:1;transform:translateY(0)}
.motion-paused .portfolio-landing *,.motion-paused .portfolio-landing *:before,.motion-paused .portfolio-landing *:after{animation-play-state:paused!important}.motion-paused .reveal{transition:none}
@keyframes printer-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(1deg)}}
@keyframes tag-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}
@keyframes cursor-blink{50%{opacity:0}}@keyframes flow-pulse{from{transform:translateY(-10px)}to{transform:translateY(30px)}}@keyframes spin-slow{to{transform:rotate(360deg)}}
@keyframes pane-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes label-in{from{opacity:0;transform:translateY(-14px) rotate(-1deg)}to{opacity:1;transform:translateY(0) rotate(0)}}
@media(min-width:1400px){.portfolio-hero{gap:60px}}
@media(max-width:1100px){.portfolio-hero{gap:30px;padding-top:40px}.portfolio-copy h1{font-size:65px;letter-spacing:-3.6px}.hero-kicker{font-size:6px;letter-spacing:1px;gap:7px}.hero-scene{min-height:550px}.hero-printer{padding:37px 3px}.scene-tag{padding:11px;font-size:8px}.scene-tag small{font-size:6px}.tag-preview{left:12px}.tag-record{right:12px;bottom:70px}.scene-topline>span:last-child{display:none}.portfolio-lead{font-size:12px}.project-strip{gap:20px;grid-template-columns:.9fr 1.2fr 1.3fr}.scroll-cue{display:none}.walkthrough-layout{gap:35px;grid-template-columns:.9fr 1fr}.demo-stage{padding:24px}.section-heading h2,.build-copy h2{font-size:42px}.section-heading>div>p{font-size:10px}.build-section{gap:60px}.build-flow>div{padding:16px 12px}.build-flow b{font-size:10px}.portfolio-access-note{padding:35px}.feature-ribbon>span{font-size:8px;gap:8px}.demo-audit-row{gap:7px;padding:17px 10px}}
@media(max-width:850px) and (min-width:761px){.portfolio-copy h1{font-size:56px;letter-spacing:-3px}.hero-scene{min-height:515px}.scene-word{font-size:95px}.scene-tag{font-size:7px;gap:7px}.hero-printer{padding:45px 0}.tag-preview{top:47%}.portfolio-actions{gap:17px}.portfolio-actions .button{padding:14px;font-size:10px}.portfolio-secondary{font-size:10px}.section-heading>div{align-items:flex-start;flex-direction:column}.walkthrough-step b{font-size:15px}.build-section{gap:30px}.build-visual{padding:20px}.demo-window-bar{padding:0 12px;gap:8px}.demo-privacy{font-size:5px}.demo-stage{padding:22px 16px}.demo-audit-row small{font-size:6px}}
@media(max-width:760px){body:has(#landing-view:not([hidden])) .topbar{min-height:95px;padding-bottom:0;row-gap:5px}body:has(#landing-view:not([hidden])) .academy-logo{width:153px}body:has(#landing-view:not([hidden])) .topbar-button{font-size:9px;padding:10px 12px}#portfolio-nav{height:30px;gap:24px}#portfolio-nav .nav-link{font-size:10px;padding-bottom:8px}.portfolio-hero{grid-template-columns:1fr;gap:32px;padding:34px 0 25px}.hero-kicker{font-size:6px;letter-spacing:1.1px;gap:8px;margin-bottom:22px}.tiny-cross{font-size:19px}.portfolio-copy h1{font-size:clamp(54px,12vw,80px);letter-spacing:-3.3px;line-height:1.02;margin-bottom:28px}.hero-highlight svg{bottom:-13px;height:19px}.portfolio-lead{font-size:12px;max-width:450px;line-height:1.85}.portfolio-actions{gap:24px;margin-top:23px}.portfolio-actions .button{font-size:10px;padding:14px 16px;gap:24px}.portfolio-secondary{font-size:10px}.project-credit{margin-top:25px;font-size:9px}.project-credit small{font-size:8px}.maker-monogram{width:33px;height:33px;font-size:11px}.hero-scene{min-height:0;aspect-ratio:1.04;max-height:570px;width:100%}.hero-printer{width:100%;height:100%;left:0;top:0;padding:17px 5px}.scene-word{font-size:25vw;top:46px;letter-spacing:-6px}.scene-orbit{width:70%;height:auto;aspect-ratio:1}.scene-topline{top:18px;left:18px;right:18px;font-size:6px}.scene-topline>span:last-child{display:block;font-size:5px}.scene-tag{padding:10px;font-size:8px;gap:8px}.scene-tag small{font-size:6px}.tag-preview{left:14px;top:47%}.tag-record{right:14px;bottom:57px}.tag-icon{font-size:19px}.tag-tick{font-size:15px;margin-left:3px}.record-symbol{width:24px;height:24px;font-size:13px}.scene-bottomline{left:18px;right:18px;bottom:18px;font-size:6px}.scene-coordinate{font-size:7px}.artwork-caption{left:18px;bottom:39px;font-size:6px}.project-strip{grid-template-columns:.85fr 1.15fr;gap:20px 14px;padding:18px 0}.project-strip>div:nth-child(3){grid-column:1/-1;display:flex;flex-direction:row;align-items:center;gap:14px;padding-top:13px;border-top:1px solid #dce0d2}.strip-label{font-size:6px}.project-strip b{font-size:13px;gap:10px}.project-strip>div>span:last-child:not(.strip-label){font-size:9px}.project-strip>div:nth-child(3)>span:last-child{font-size:8px}.portfolio-walkthrough{padding:59px 0 0;scroll-margin-top:20px}.section-kicker{font-size:7px;letter-spacing:1px;margin-bottom:20px}.section-kicker>span:last-child{font-size:5px;letter-spacing:.7px}.section-heading>div{align-items:flex-start;flex-direction:column;gap:16px}.section-heading h2,.build-copy h2{font-size:36px;letter-spacing:-1.8px;line-height:1.15}.section-heading>div>p{font-size:10px;line-height:1.8}.walkthrough-layout{grid-template-columns:1fr;gap:22px;margin-top:26px}.walkthrough-step{padding:17px 0;gap:14px}.walkthrough-step b{font-size:15px;letter-spacing:-.3px}.walkthrough-step small{font-size:9px;line-height:1.8;max-width:85%;margin-top:5px}.step-index{font-size:8px}.step-arrow{font-size:20px;width:26px;height:26px}.walkthrough-note{font-size:8px;margin:11px 0 0}.demo-window-bar{font-size:6px;padding:0 14px;height:39px;gap:11px}.demo-privacy{font-size:5px}.demo-stage{min-height:335px;padding:23px}.demo-pane-heading>b{font-size:24px}.demo-pane-heading{gap:13px}.demo-bottom-bar{font-size:6px;padding:12px 14px}.demo-bottom-bar>span:last-child{font-size:5px;letter-spacing:.4px}.portfolio-label-paper{padding:16px 13px 12px}.sample-dosage{gap:8px}.sample-dosage strong{font-size:7px}.sample-meta{font-size:5px}.sample-clinic{font-size:12px}.sample-clinic-line{font-size:5px}.demo-audit-row{padding:17px 12px}.feature-ribbon{grid-template-columns:1fr 1fr;gap:0;margin-top:27px;padding:8px 0}.feature-ribbon>span{font-size:8px;justify-content:flex-start;padding:14px 6px;gap:8px}.feature-ribbon>span+span{border:0}.feature-ribbon>span:nth-child(even){padding-left:17px;border-left:1px solid #d4d8c9}.feature-ribbon svg{width:17px;height:17px}.build-section{grid-template-columns:1fr;gap:30px;padding:57px 0}.build-copy>p:not(.section-kicker){font-size:11px;margin:20px 0;max-width:390px}.maker-signoff{font-size:20px}.maker-signoff>span{font-size:6px}.build-visual{padding:23px;max-width:520px;width:100%}.build-flow{padding:25px 0}.build-flow>div{padding:18px 14px}.build-flow b{font-size:11px}.build-flow small{font-size:6px}.portfolio-access-note{margin-top:42px;padding:29px 25px;align-items:flex-start;flex-direction:column;gap:26px}.portfolio-access-note h2{font-size:35px;letter-spacing:-1.5px}.portfolio-access-note .section-kicker{font-size:6px;margin-bottom:18px}.portfolio-access-note p:last-child{font-size:10px;margin-top:17px;line-height:1.8}.portfolio-access-note .button{padding:15px 18px;font-size:9px;gap:25px}.cta-asterisk{right:-50px;top:0;font-size:270px;color:#a88e0017}.portfolio-colophon{padding:17px 0;font-size:5px;letter-spacing:.5px;gap:8px;flex-wrap:wrap}.portfolio-colophon button{font-size:7px;padding:6px 0}.portfolio-colophon>span:last-child{display:none}.reveal{scroll-margin-top:20px}}
@media(max-width:380px){.portfolio-copy h1{font-size:53px;letter-spacing:-3px}.hero-kicker{font-size:5px;letter-spacing:.9px;gap:6px}.scene-tag{font-size:7px;padding:8px}.scene-tag small{font-size:5px}.tag-preview{left:10px}.tag-record{right:10px}.section-heading h2,.build-copy h2{font-size:31px}.demo-stage{padding:19px 16px}.feature-ribbon>span{font-size:7px;gap:6px}.demo-window-bar{gap:7px;font-size:5px}.demo-audit-row small{font-size:6px}.audit-status{font-size:5px}.portfolio-actions{gap:20px}}
@media(prefers-reduced-motion:reduce){.portfolio-landing *,.portfolio-landing *:before,.portfolio-landing *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-ready .reveal{opacity:1;transform:none}}