@charset "UTF-8";
:root{--ink:#122d39;--muted:#60737a;--paper:#f5f6f2;--line:#dce2dd;--lime:#d5f498;--teal:#34786b;--dark:#091c29;--white:#fff;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.48}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #448c85;outline-offset:5px}[hidden]{display:none!important}a{color:inherit}.site-header{height:86px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4.2vw}.wordmark{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:23px;font-weight:800;letter-spacing:2px}.mark{width:22px;height:26px;display:inline-block;border:3px solid var(--ink);clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%);background:linear-gradient(130deg,transparent 48%,var(--ink) 49%,var(--ink) 60%,transparent 61%)}.brand-divider{height:25px;width:1px;background:#cbd5d1;margin:0 5px}.campus{font-size:18px;letter-spacing:0;font-weight:400}.header-right{display:flex;align-items:center;gap:23px}.demo-tag{font-size:12px;font-weight:600;letter-spacing:.2px}.demo-tag i,.cinema-meta i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#60916e;margin-right:7px}.user-avatar{display:grid;place-items:center;background:#edf1e9;border:1px solid #d5ddcf;border-radius:50%;height:34px;width:34px;font-size:13px;font-weight:700}main{max-width:1480px;padding:30px 4.2vw 0;margin:auto}.course-topline{display:flex;align-items:center;justify-content:space-between;gap:20px}.course-topline>div{display:flex;align-items:center;gap:17px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--teal)}.course-name,.version{font-size:12px;color:var(--muted)}.version{border:1px solid #d7dfd9;border-radius:20px;padding:7px 13px}.journey{display:flex;align-items:center;justify-content:center;margin:30px auto 29px;max-width:680px}.journey-step{display:flex;align-items:center;gap:8px;white-space:nowrap;color:#7c8b8d;font-size:12px}.journey-step b{font-size:11px;font-weight:500;display:grid;place-items:center;width:27px;height:27px;border:1px solid #d1dad3;border-radius:50%}.journey-step small{display:none}.journey-step.active{color:var(--ink);font-weight:600}.journey-step.active b{background:var(--ink);color:white;border-color:var(--ink)}.journey-step.done b{background:#e2ecd9;border-color:#c6d8b9;color:#2d6b52}.journey-line{height:1px;background:#d5ded6;flex:1;max-width:110px;margin:0 16px}.cinema{background:var(--dark);color:white;aspect-ratio:2.06;min-height:510px;position:relative;overflow:hidden;border-radius:16px;box-shadow:0 20px 50px -30px #15392f80;isolation:isolate}.cinema:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 77% 43%,#204d4d85,transparent 52%),linear-gradient(120deg,#0a1e2c,#0b222e);z-index:-2}.cinema-grain{position:absolute;inset:0;opacity:.07;pointer-events:none;background-image:repeating-linear-gradient(0deg,transparent 0,transparent 2px,#fff 3px,transparent 4px);z-index:5}.cinema-meta{position:absolute;top:26px;left:35px;right:35px;display:flex;align-items:center;justify-content:space-between;z-index:7;font-size:8px;font-weight:600;letter-spacing:2px;color:#a5bcbf}.cinema-meta i{width:5px;height:5px;background:var(--lime);box-shadow:0 0 10px #d5f49860}.start-screen{position:absolute;inset:72px 0 66px;display:grid;grid-template-columns:1fr 1fr;align-items:center}.start-copy{padding-left:6%;padding-left:clamp(32px,4.8vw,72px);position:relative;z-index:2}.overline{font-size:8px;letter-spacing:2px;font-weight:600;color:#abc5c0;display:flex;align-items:center;gap:10px}.overline>span{width:25px;height:1px;background:var(--lime)}h1,h2,p{margin-top:0}h1{font-size:clamp(46px,5.6vw,82px);font-weight:500;line-height:1.01;letter-spacing:-3.2px;margin:23px 0 20px}em{font-style:normal;color:var(--teal)}.start-copy h1 em,.scene-copy h2 em,.complete-hero h1 em{color:var(--lime)}.start-copy p{font-size:13px;line-height:1.85;color:#bbcccd;margin-bottom:24px}.button{border:0;border-radius:7px;padding:15px 20px;display:inline-flex;justify-content:center;align-items:center;gap:18px;text-decoration:none;font-size:12px;font-weight:650;transition:transform .2s,background .2s,box-shadow .2s}.button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #00000010}.button-lime{background:var(--lime);color:#1d3637}.button-lime:hover{background:#e5ffb8}.button-dark{background:var(--ink);color:white}.button-outline{background:transparent;border:1px solid #bdcdc2;color:var(--ink)}.button-time{font-size:10px;letter-spacing:1px;font-weight:500;border-left:1px solid #74975c;padding-left:15px}.play-icon{font-size:11px}.start-footnote{font-size:9px;color:#94acb0;display:flex;align-items:center;gap:7px;margin-top:18px}.tiny-screen{border:1px solid #94acb0;border-radius:2px;width:12px;height:9px}.start-art{height:100%;min-height:320px;position:relative;display:grid;place-items:center;perspective:800px}.hero-shield{width:50%;max-height:330px;filter:drop-shadow(0 25px 24px #0006);animation:shield-float 7s ease-in-out infinite;z-index:2}.orbit{position:absolute;width:340px;height:340px;border:1px solid #afcdb51f;border-radius:50%;transform:rotateX(20deg) rotateZ(-22deg)}.orbit-one{width:260px;height:260px;border-style:dashed;animation:orbit-spin 70s linear infinite}.orbit-two{width:360px;height:360px}.orbit-three{width:445px;height:445px;opacity:.45}.orbit:after{content:"";width:6px;height:6px;border-radius:50%;background:var(--lime);position:absolute;top:48px;left:50px;box-shadow:0 0 20px #d5f49890}.orbit-label{position:absolute;font-size:8px;letter-spacing:1.7px;background:#17323b;border:1px solid #557e705c;border-radius:20px;padding:9px 12px;color:#c8e2cf;z-index:3}.orbit-label i{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--lime);margin-right:6px}.orbit-label-one{top:15%;left:13%}.orbit-label-two{right:9%;top:48%}.orbit-label-three{left:10%;bottom:14%}.hero-coordinate{position:absolute;bottom:0;right:9%;font-size:8px;line-height:2;letter-spacing:1.5px;color:#789b9a}.hero-coordinate b{font-weight:400;font-size:7px;color:#b1ccc0}.player-controls{position:absolute;bottom:0;left:0;right:0;height:57px;border-top:1px solid #bad6c918;display:flex;align-items:center;gap:15px;padding:0 30px;font-size:10px;color:#acc2c5;background:#07182380;z-index:10}.icon-button{border:0;background:none;color:#c3d7d8;width:28px;height:30px;display:grid;place-items:center;font-size:15px;border-radius:4px}.icon-button:hover:not(:disabled){background:#ffffff18}.timeline-wrap{flex:1;position:relative;display:flex;align-items:center}.timeline-wrap input{width:100%;height:4px;border-radius:3px;appearance:none;-webkit-appearance:none;background:linear-gradient(to right,var(--lime) var(--progress,0%),#405359 var(--progress,0%));cursor:pointer;position:relative;z-index:2;margin:0}.timeline-wrap input::-webkit-slider-thumb{appearance:none;width:9px;height:9px;background:var(--lime);border-radius:50%}.timeline-wrap input::-moz-range-thumb{width:9px;height:9px;background:var(--lime);border:0;border-radius:50%}.chapter-ticks{position:absolute;inset:0;display:flex;justify-content:space-evenly;pointer-events:none;z-index:3}.chapter-ticks i{height:4px;width:3px;background:#0d2731}.player-divider{height:18px;width:1px;background:#36505a;margin:0 2px}.transcript-icon{font-size:12px;text-decoration:underline;text-underline-offset:3px}.below-player{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 2px;font-size:11px;color:#697b7e}.below-player>div{display:flex;align-items:center;gap:8px}.pill-dot{width:5px;height:5px;background:#6f996c;border-radius:50%}.text-button{border:0;background:none;padding:4px 0;font-size:11px;font-weight:600;color:var(--ink);display:inline-flex;align-items:center;gap:8px;text-decoration:none;line-height:1.5}.text-button:hover{text-decoration:underline;text-underline-offset:4px}.text-button.light{color:#b1c7c9}.transcript{background:white;border:1px solid var(--line);border-radius:12px;padding:25px;margin:0 0 24px;font-size:13px;line-height:1.8}.transcript h3{margin:0 0 12px}.transcript li{margin-bottom:10px}.scene-stage{position:absolute;inset:65px 0 58px}.scene{height:100%;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:0 5.5%;gap:18px}.scene-copy{position:relative;z-index:2;align-self:center}.scene-number{color:#a7c4b9;font-size:9px;letter-spacing:2px;font-weight:600;animation:rise-in .8s both}.scene-copy h2{font-size:clamp(33px,4.4vw,65px);line-height:1.06;letter-spacing:-2.1px;font-weight:450;margin:26px 0 23px;animation:rise-in 1s .1s both}.scene-copy p{font-size:clamp(12px,1.1vw,15px);line-height:1.85;max-width:360px;color:#bfd1d1;animation:rise-in 1s .3s both}.scene-pills{display:flex;gap:7px;flex-wrap:wrap;margin-top:23px;animation:rise-in 1s .6s both}.scene-pills span{font-size:9px;letter-spacing:.4px;color:#c6dcce;border:1px solid #68907f60;border-radius:20px;padding:7px 10px}.scene-visual{position:relative;width:100%;height:100%;max-height:380px;animation:visual-in 1.1s var(--ease) both}.facility-visual{display:grid;place-items:center}.facility{width:110%;max-height:370px;overflow:visible}.building{animation:building-up 1.6s var(--ease) both}.building-front{animation-delay:.25s}.perimeter-path{animation:dash-route 20s linear infinite}.map-pin{animation:pin-in 1s .7s both;transform-box:fill-box;transform-origin:center}.pin-b{animation-delay:1.4s}.pin-c{animation-delay:2s}.pin-ring{animation:ring-pulse 3s ease-in-out infinite}.scan-line{animation:scan 6s ease-in-out infinite}.visual-caption{position:absolute;bottom:-6px;right:0;font-size:7px;letter-spacing:1.7px;color:#789b9a}.role-visual{display:flex;gap:27px;align-items:center;justify-content:center;perspective:1000px}.role-card{height:270px;width:190px;background:linear-gradient(145deg,#294d55,#163442);border:1px solid #5e8b7d70;border-radius:12px;padding:22px;z-index:2;box-shadow:0 22px 45px #0003;display:flex;flex-direction:column;animation:card-in 1.2s var(--ease) both}.card-person{transform:rotate(-7deg) translateY(-7px)}.card-supervisor{transform:rotate(6deg) translateY(20px);animation-delay:.5s;background:linear-gradient(145deg,#375a51,#18393c)}.card-micro{font-size:8px;letter-spacing:1.7px;color:#c3dabf}.role-card svg{height:68px;width:68px;margin:17px 0 8px;fill:#b5d3c4;stroke:#b5d3c4}.role-card b{font-size:22px;line-height:1.15;font-weight:500;color:#eff6e9}.card-lines{margin:15px 0;display:flex;flex-direction:column;gap:6px}.card-lines i{height:3px;border-radius:2px;background:#9cc3b332;width:85%}.card-lines i:last-child{width:55%}.card-status{font-size:5px;letter-spacing:.9px;color:#c8e1b4;margin-top:auto}.card-status i{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--lime);margin-right:4px}.role-link{position:absolute;z-index:3;background:var(--lime);border:6px solid #193a43;color:#34533c;width:49px;height:49px;display:grid;place-items:center;border-radius:50%;font-size:20px;animation:pin-in 1s 1s both}.role-connector{position:absolute;left:0;right:0;top:50%;border-top:1px dashed #9ec8a5}.privacy-visual{display:grid;place-items:center}.privacy-orbit{position:absolute;width:310px;height:310px;border:1px dashed #8bb8a744;border-radius:50%;animation:orbit-spin 90s linear infinite}.privacy-orbit.inner{width:230px;height:230px;border-style:solid;opacity:.6}.lock-core{height:157px;width:157px;display:grid;place-items:center;border-radius:34px;background:linear-gradient(145deg,#416d60,#183d3e);border:1px solid #88b49288;box-shadow:0 0 70px #b4f29a0d;animation:shield-float 7s ease-in-out infinite}.lock-core svg{height:104px;width:100px;fill:none;stroke:#d5f498;stroke-width:5;stroke-linecap:round}.data-node{position:absolute;background:#153542;border:1px solid #5c8c7b77;border-radius:10px;padding:10px 16px;display:flex;align-items:center;gap:10px;z-index:2;font-size:7px;letter-spacing:1.7px;box-shadow:0 12px 20px #0002;animation:node-appear 1.2s both}.data-node svg{width:25px;height:25px;fill:none;stroke:#c4dbcb;stroke-width:1.4}.node-one{top:9%;left:1%;animation-delay:.4s}.node-two{right:-2%;top:42%;animation-delay:1s}.node-three{left:6%;bottom:15%;animation-delay:1.6s}.privacy-label{position:absolute;bottom:-5px;font-size:7px;letter-spacing:1.7px;color:#abc5b3}.privacy-label i{height:4px;width:4px;border-radius:50%;background:var(--lime);display:inline-block;margin-right:5px}.flow-visual{display:flex;flex-direction:column;justify-content:center;gap:19px;padding-left:20px}.flow-item{display:flex;align-items:center;gap:17px;position:relative;z-index:2;border:1px solid #5d8c7777;border-radius:9px;padding:17px 20px;background:linear-gradient(110deg,#1f4548,#15333f);animation:flow-in 1s both}.flow-two{animation-delay:1s;margin-left:16px}.flow-three{animation-delay:2s;margin-left:32px}.flow-icon{width:37px;height:37px;display:grid;place-items:center;border:1px solid #a9d08e66;border-radius:50%;font-size:11px;color:#d5f498}.flow-item small{font-size:6px;letter-spacing:2px;color:#b3ceba;display:block;margin-bottom:7px}.flow-item b{font-size:12px;font-weight:500}.flow-check{margin-left:auto;font-size:13px;color:var(--lime)}.flow-line{position:absolute;left:58px;top:22%;height:60%;width:2px;background:linear-gradient(#8bbb7f70,#8bbb7f10)}.flow-note{font-size:7px;letter-spacing:1.8px;color:#86a99d;margin:8px 0 0 50px;animation:rise-in 1s 2.5s both}.finish-overlay{position:absolute;inset:65px 0 58px;z-index:6;background:radial-gradient(ellipse at center,#163b3c,#0a1f2c 70%);display:flex;align-items:center;justify-content:center;flex-direction:column;animation:visual-in .7s both;text-align:center}.finish-check{border:1px solid #a2c37b;color:var(--lime);font-size:26px;width:60px;height:60px;display:grid;place-items:center;border-radius:50%;background:#c4e78c0f;margin-bottom:20px}.finish-overlay .eyebrow{color:#a8c895;font-size:8px}.finish-overlay h2{font-size:47px;letter-spacing:-1.5px;font-weight:450;margin:14px 0}.finish-overlay p{font-size:12px;color:#b5ccca;margin-bottom:23px}.finish-overlay .text-button{margin-top:18px}.cinema.paused .scene *{animation-play-state:paused!important}.cinema:fullscreen{border-radius:0;aspect-ratio:auto;width:100vw;height:100vh;min-height:0}.cinema:fullscreen .scene-copy h2{font-size:6vw}.cinema:fullscreen .scene-copy p{font-size:1.7vw;max-width:37vw}.cinema:fullscreen .scene-visual{max-height:60vh}.cinema:fullscreen .facility{max-height:60vh}.cinema:fullscreen .start-copy h1{font-size:8vw}.cinema:fullscreen .start-copy p{font-size:1.6vw}.cinema:fullscreen .start-art{transform:scale(1.35)}
.question-panel,.sign-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:8%;padding:42px 5% 52px;min-height:525px;background:#fff;border:1px solid var(--line);border-radius:16px}.question-intro,.sign-intro{padding-top:16px}.question-intro h1,.sign-intro h1{font-size:48px;line-height:1.1;letter-spacing:-2px;margin:24px 0}.question-intro p,.sign-intro>p{font-size:13px;line-height:1.9;color:var(--muted);max-width:350px}.question-progress{display:flex;gap:8px;margin:31px 0 24px}.q-dot{width:33px;height:5px;border-radius:10px;background:#e1e7df}.q-dot.current{background:#8ea77d}.q-dot.answered{background:var(--teal)}.question-card{border:1px solid #dce4d8;background:#fafbf7;padding:28px;border-radius:12px;align-self:start}.question-count{font-size:9px;letter-spacing:1.6px;color:#708975;font-weight:600}.question-card h2{font-size:23px;line-height:1.4;font-weight:550;letter-spacing:-.6px;margin:18px 0 22px}.answer-options{border:0;padding:0;margin:0;display:grid;gap:10px}.answer-option{display:flex;align-items:center;gap:11px;border:1px solid #d8dfd6;border-radius:7px;background:white;padding:15px;font-size:12px;line-height:1.5;cursor:pointer;transition:border .2s,background .2s}.answer-option:hover{border-color:#819c83}.answer-option:has(input:checked){border-color:#53806c;background:#eff5e9}.answer-option input{accent-color:#34786b;margin:0;flex-shrink:0;width:15px;height:15px}.answer-option.correct{border-color:#4d8865;background:#eaf4e5}.answer-option.incorrect{border-color:#c78967;background:#fff2e9}.answer-letter{font-size:10px;color:#8a9b8b}.question-card .button{margin-top:21px;width:100%}.feedback{padding:14px 15px;background:#edf4e6;border-left:3px solid #6d9464;font-size:12px;line-height:1.65;margin-top:17px;border-radius:0 5px 5px 0;animation:rise-in .35s both}.feedback.incorrect{background:#fff2e7;border-color:#bd815a}.feedback strong{display:block;margin-bottom:5px}.feedback a{font-size:10px;color:#4f6a63;text-underline-offset:3px}.question-fineprint{font-size:10px;color:#7f8e87;margin:17px 0 0;line-height:1.6}.signature-card{border:1px solid #dce4d8;background:#fafbf7;padding:28px;border-radius:12px}.card-eyebrow{font-size:8px;letter-spacing:1.2px;color:#71886d;font-weight:600}.signature-card h2{margin:13px 0 24px;font-weight:550;font-size:26px;letter-spacing:-.6px}.field-label{font-size:11px;font-weight:650;display:block;margin:14px 0 8px}input[type=text]{width:100%;padding:12px 13px;border:1px solid #cdd9ca;border-radius:6px;background:#fff;color:var(--ink);font-size:12px}.field-help{display:block;font-size:9px;color:#70816e;line-height:1.6;margin-top:7px}.signature-heading{display:flex;justify-content:space-between;align-items:center;margin:13px 0 9px}.signature-heading .field-label{margin:0}.signature-mode{display:flex;gap:2px;border:1px solid #d6dfd0;padding:2px;border-radius:5px}.signature-mode button{font-size:9px;border:0;background:none;color:#5c7061;padding:5px 8px;border-radius:3px}.signature-mode button.active{background:#e5eddd;color:var(--ink)}.signature-canvas-wrap{position:relative;height:143px;background:#fff;border:1px solid #cdd9ca;border-radius:6px;overflow:hidden}#signature-canvas{width:100%;height:100%;touch-action:none;position:relative;z-index:2;cursor:crosshair}#signature-placeholder{position:absolute;left:0;right:0;top:56%;text-align:center;transform:translateY(-50%);font-size:11px;color:#8d9b8b;pointer-events:none}.signature-baseline{position:absolute;left:22px;right:22px;bottom:36px;border-top:1px dashed #dce3d6}#clear-signature{font-size:9px;margin-top:6px}input.typed-signature{font-family:"Segoe Script","Brush Script MT",cursive;font-size:28px;height:143px;text-align:center}.acknowledgement{display:flex;align-items:flex-start;gap:10px;margin:20px 0;color:#536859;font-size:10px;line-height:1.7;cursor:pointer}.acknowledgement input{margin-top:4px;accent-color:#34786b;flex-shrink:0}.full-width{width:100%}.privacy-note{font-size:9px;color:#72816d;text-align:center;line-height:1.7;margin:14px 0 0}.form-error{font-size:11px;color:#a2482b;background:#fff0e9;padding:10px;border-radius:5px;line-height:1.6}.result-card{display:flex;align-items:center;gap:18px;background:#f0f4e9;border:1px solid #dce7cd;border-radius:10px;padding:18px;margin:30px 0}.result-number{font-size:37px;font-weight:500;color:#3b7053;letter-spacing:-2px}.result-number>span{font-size:20px;color:#91a287}.result-card b{display:block;font-size:12px;font-weight:600}.result-card div>span{font-size:10px;display:block;color:#738569;margin-top:6px;line-height:1.7}.small-note,.sign-intro .small-note{font-size:10px;line-height:1.85;color:#7c8980}.complete-panel{border-radius:16px;overflow:hidden;border:1px solid var(--line);background:white;padding-bottom:30px}.complete-hero{position:relative;background:radial-gradient(ellipse at top right,#2b5650,#0c2430 80%);color:white;padding:37px;text-align:center}.completion-seal{display:grid;place-items:center;margin:0 auto 18px;width:45px;height:45px;border:1px solid #c2d99270;border-radius:50%;background:#d5f49815;color:var(--lime);font-size:20px}.complete-hero .eyebrow{color:#b0c796;font-size:8px}.complete-hero h1{font-size:45px;line-height:1.06;letter-spacing:-1.8px;margin:15px 0}.complete-hero p{font-size:12px;color:#bbcfca;margin:14px 0 0}.receipt{max-width:770px;margin:27px auto 20px;padding:0 25px}.receipt-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:20px}.receipt-title h2{font-size:19px;letter-spacing:-.5px;margin:0;font-weight:600}.sample-stamp{font-size:8px;letter-spacing:1px;border:1px solid #acb9a2;border-radius:3px;padding:6px 8px;color:#6f8263}.receipt-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px}.receipt-grid small{display:block;font-size:8px;letter-spacing:1px;color:#85937c;text-transform:uppercase;margin-bottom:8px}.receipt-grid strong{font-size:11px;font-weight:600;line-height:1.6;overflow-wrap:anywhere}.receipt-signature{margin-top:20px;padding-top:15px;border-top:1px solid #e0e5da;display:flex;align-items:center;gap:30px}.receipt-signature img{max-width:210px;height:75px;object-fit:contain}.receipt-signature .typed-receipt{font-family:"Segoe Script",cursive;font-size:23px}.receipt-signature p{font-size:9px;color:#83907b;line-height:1.8;max-width:350px;margin:0}.complete-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;padding:0 20px}.complete-actions .button{font-size:10px;padding:13px 17px}.trace-panel{max-width:770px;margin:24px auto 0;padding:24px;background:#f7f9f3;border-radius:10px}.trace-panel h3{margin:0 0 15px;font-size:13px}.trace-panel ol{padding-left:20px;margin:0}.trace-panel li{font-size:11px;line-height:1.9;margin:7px 0;color:#60765f}.trace-panel time{font-variant-numeric:tabular-nums;margin-right:10px;color:#82937b}.page-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding:23px 0 26px;margin-top:24px}.page-footer b{display:block;font-size:8px;letter-spacing:1.3px;font-weight:600;color:#607b6c}.page-footer div>span{display:block;font-size:9px;color:#82918b;margin-top:7px;line-height:1.7}.page-footer .text-button{font-size:10px;white-space:nowrap}dialog{border:1px solid #cdd9cc;border-radius:14px;padding:36px;max-width:600px;width:calc(100vw - 36px);color:var(--ink);box-shadow:0 25px 100px #071c2a55}dialog::backdrop{background:#071c2a90;backdrop-filter:blur(5px)}dialog h2{font-size:27px;font-weight:500;letter-spacing:-.6px;margin:18px 0}dialog p,dialog li{font-size:12px;line-height:1.9}dialog ul{padding-left:18px}dialog li{margin:10px 0}dialog a{color:#327b6e;text-underline-offset:3px}.close-dialog{position:absolute;top:15px;right:18px;border:0;background:none;font-size:24px;color:#647c69}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:14px 20px;border:1px solid #4c7367;border-radius:8px;background:#102f38;color:white;font-size:12px;max-width:85vw;z-index:30}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:5px;left:10px;transform:translateY(-200%);padding:10px;background:white;z-index:100}.skip-link:focus{transform:none}
@keyframes shield-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-10px) rotate(1deg)}}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes rise-in{from{opacity:0;transform:translateY(17px)}to{opacity:1;transform:none}}@keyframes visual-in{from{opacity:0;transform:scale(.96) translateX(12px)}to{opacity:1;transform:none}}@keyframes building-up{from{opacity:0;translate:0 -24px}to{opacity:1;translate:0 0}}@keyframes dash-route{to{stroke-dashoffset:-180}}@keyframes pin-in{from{opacity:0;scale:.5}to{opacity:1;scale:1}}@keyframes ring-pulse{0%,100%{opacity:.5}50%{opacity:1}}@keyframes scan{0%,100%{opacity:0;translate:0 -20px}30%,60%{opacity:.6}85%{translate:0 65px;opacity:0}}@keyframes card-in{from{opacity:0;translate:0 30px;rotate:4deg}to{opacity:1;translate:0 0;rotate:0deg}}@keyframes node-appear{from{opacity:0;scale:.9;translate:0 8px}to{opacity:1;scale:1;translate:0 0}}@keyframes flow-in{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:none}}
.cinema{width:100%}.cinema-grain{opacity:.025}.cinema.paused .scene *{animation:none!important}.skip-link:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
@media(min-width:1500px){.cinema{min-height:580px}.start-art{transform:scale(1.15)}}
@media(max-width:1050px){.cinema{min-height:480px}.start-copy h1{font-size:59px}.start-copy p{font-size:12px}.scene-copy h2{font-size:43px}.role-card{width:155px;height:245px;padding:17px}.role-visual{gap:18px}.role-card b{font-size:20px}.orbit-three{width:370px;height:370px}.orbit-two{width:310px;height:310px}.orbit-one{width:240px;height:240px}.node-two{right:-3%}.privacy-orbit{width:270px;height:270px}.question-panel,.sign-panel{gap:5%;padding:30px 4%}.question-intro h1,.sign-intro h1{font-size:40px}.question-card,.signature-card{padding:22px}.flow-item{padding:15px 12px}.flow-item b{font-size:11px}.flow-icon{width:30px;height:30px}.flow-visual{padding-left:0}.scene-four h2{font-size:45px}}
@media(max-width:760px){.site-header{height:70px;padding:0 5%}.wordmark{font-size:20px;gap:8px}.campus{font-size:15px}.header-right{gap:12px}.demo-tag{font-size:9px}.user-avatar{display:none}main{padding:23px 5% 0}.course-topline>div{display:block}.course-name{display:block;font-size:10px;margin-top:7px}.eyebrow{font-size:8px}.version{font-size:9px;padding:6px 10px;white-space:nowrap}.journey{margin:23px 0}.journey-step{font-size:10px;gap:5px}.journey-step b{height:24px;width:24px;font-size:9px}.journey-line{margin:0 9px}.cinema{aspect-ratio:auto;min-height:710px;border-radius:11px}.cinema-meta{top:20px;left:20px;right:20px;font-size:6px;letter-spacing:1.2px}.start-screen{inset:60px 0 55px;grid-template-columns:1fr;grid-template-rows:auto 1fr;align-items:start}.start-copy{padding:14px 28px 0}.overline{font-size:7px;letter-spacing:1.3px}.start-copy h1{font-size:60px;letter-spacing:-2.8px;margin:18px 0 15px}.start-copy p{font-size:12px;margin-bottom:19px}.start-footnote{margin-top:12px;font-size:8px}.button{font-size:11px;padding:14px 17px}.start-art{min-height:0;height:100%;max-height:270px}.hero-shield{height:210px;width:auto}.orbit-one{width:170px;height:170px}.orbit-two{width:220px;height:220px}.orbit-three{width:280px;height:280px}.orbit-label{font-size:6px;padding:6px 9px}.orbit-label-one{top:9%;left:15%}.orbit-label-two{right:11%;top:42%}.orbit-label-three{left:13%;bottom:12%}.hero-coordinate{display:none}.player-controls{height:52px;padding:0 15px;gap:10px;font-size:9px}.player-divider{display:none}.total-time{margin-right:3px}.icon-button{width:23px}.below-player{align-items:flex-start;font-size:9px;gap:16px;line-height:1.7}.below-player .text-button{font-size:9px;white-space:nowrap}.pill-dot{flex-shrink:0}.scene-stage{inset:63px 0 54px}.scene{grid-template-columns:1fr;grid-template-rows:auto minmax(220px,1fr);gap:4px;padding:13px 28px 8px}.scene-copy{align-self:start}.scene-number{font-size:8px}.scene-copy h2{font-size:43px;letter-spacing:-1.8px;margin:19px 0 17px}.scene-copy p{font-size:12px;line-height:1.8;max-width:100%;margin-bottom:14px}.scene-pills{margin-top:12px}.scene-pills span{font-size:8px;padding:6px 9px}.scene-visual{max-height:none;min-height:0;align-self:center}.facility-visual{max-height:290px}.facility{max-height:280px;width:112%}.visual-caption{bottom:0;font-size:6px}.role-visual{height:260px;gap:24px;padding-top:10px}.role-card{width:137px;height:229px;padding:16px}.role-card b{font-size:20px}.card-micro{font-size:7px}.role-card svg{height:52px;width:52px;margin:14px 0 8px}.card-status{font-size:4.5px}.privacy-visual{height:270px}.privacy-orbit{height:240px;width:240px}.privacy-orbit.inner{height:180px;width:180px}.lock-core{width:122px;height:122px;border-radius:26px}.lock-core svg{height:90px}.data-node{font-size:6px;padding:8px 10px;gap:5px}.node-one{left:1%;top:7%}.node-two{right:0;top:42%}.node-three{left:5%;bottom:14%}.privacy-label{font-size:6px;bottom:0}.flow-visual{height:280px;gap:13px}.flow-item{padding:13px 16px}.flow-item b{font-size:11px}.flow-item small{font-size:6px}.flow-icon{width:31px;height:31px}.flow-note{font-size:6px;margin-top:0}.scene-four h2{font-size:43px}.finish-overlay{padding:25px;inset:55px 0}.finish-overlay h2{font-size:37px}.finish-overlay p{font-size:11px;line-height:1.8}.question-panel,.sign-panel{display:block;padding:25px 23px 30px}.question-intro,.sign-intro{padding:0}.question-intro h1,.sign-intro h1{font-size:38px;margin:18px 0}.question-intro p,.sign-intro p{font-size:12px}.question-progress{margin:20px 0 13px}.question-intro #back-intro{margin-bottom:23px}.question-card,.signature-card{padding:21px 18px}.question-card h2{font-size:21px}.answer-option{font-size:11px;padding:13px 11px}.result-card{margin:20px 0}.sign-intro .small-note{margin-bottom:22px;font-size:9px}.complete-hero{padding:30px 23px}.complete-hero h1{font-size:35px}.complete-hero p{font-size:11px;line-height:1.8}.receipt-grid{grid-template-columns:1fr 1fr;gap:20px}.receipt-title h2{font-size:17px}.receipt-signature{display:block}.receipt-signature p{margin-top:10px}.complete-actions{flex-direction:column;align-items:stretch}.complete-actions .text-button{align-self:center}.page-footer{align-items:flex-start;flex-direction:column;gap:13px;margin-top:20px}.page-footer div>span{font-size:8px}.trace-panel{margin:20px 15px 0;padding:19px}.trace-panel li{font-size:10px}dialog{padding:30px 25px}.cinema:fullscreen .scene-copy h2{font-size:42px}.cinema:fullscreen .scene-copy p{font-size:12px;max-width:100%}.cinema:fullscreen .scene-visual{max-height:42vh}.cinema:fullscreen .start-copy h1{font-size:60px}.cinema:fullscreen .start-copy p{font-size:12px}.cinema:fullscreen .start-art{transform:none}}
@media(min-width:761px) and (max-width:900px){.scene-copy h2{font-size:35px}.start-copy h1{font-size:48px}.start-copy{padding-left:29px}.start-copy p{font-size:11px}.overline{font-size:6px}.hero-shield{width:58%}.role-card{width:126px;height:232px;padding:14px}.role-card b{font-size:18px}.role-visual{gap:13px}.privacy-orbit{width:230px;height:230px}.privacy-orbit.inner{width:180px;height:180px}.data-node{font-size:6px;padding:8px}.lock-core{width:125px;height:125px}.flow-item{padding:12px 9px;gap:9px}.flow-item b{font-size:9px}.flow-item small{font-size:5px}.flow-icon{width:25px;height:25px}.scene-four h2{font-size:36px}}
@media(max-width:390px){.demo-tag{font-size:8px}.wordmark{font-size:17px}.campus{font-size:13px}.version{font-size:8px}.journey-step{font-size:9px}.journey-line{margin:0 6px}.cinema{min-height:700px}.start-copy{padding-left:22px;padding-right:22px}.start-copy h1{font-size:54px}.scene{padding-left:23px;padding-right:23px}.scene-copy h2{font-size:39px}.scene-copy p{font-size:11px}.scene-pills{gap:5px}.scene-pills span{font-size:7px}.role-card{width:125px;padding:14px}.role-visual{gap:18px}.below-player{flex-direction:column;gap:8px}.scene-four h2{font-size:40px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero-shield{transform:none}.card-person,.card-supervisor{transform:none}.scan-line{display:none}}
@media print{body{background:white}.site-header,.course-topline,.journey,.page-footer,.complete-actions,.trace-panel{display:none!important}main{padding:0}.complete-panel{border:0}.complete-hero{background:white!important;color:#122d39;print-color-adjust:exact}.complete-hero h1 em,.complete-hero .eyebrow,.complete-hero p{color:#34786b}.receipt{max-width:100%}.sample-stamp{border:2px solid #71886d}.cinema,.question-panel,.sign-panel{display:none!important}}
