.sop-product-tour{--spt-blue: #0e4eb0;--spt-ink: #152b46;--spt-muted: #7a8798;color:var(--spt-ink)}.spt-intro{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.spt-eyebrow{display:block;color:#436491;font-size:10px;font-weight:750;letter-spacing:.16em;margin-bottom:10px}.sop-page .spt-intro h2{font-size:32px;line-height:1.2;letter-spacing:-.045em}.spt-duration{display:flex;align-items:center;gap:7px;white-space:nowrap;color:#778397;font-size:11px;padding-bottom:4px}.spt-duration svg{width:15px;height:15px}.spt-window{border:1px solid #d6dee9;border-radius:15px;overflow:hidden;background:#fff;box-shadow:0 30px 70px -40px #1b426b66,0 3px 10px #13345908}.spt-appbar{display:flex;align-items:center;height:59px;padding:0 20px;gap:25px;border-bottom:1px solid #e4e9f0;font-size:12px}.spt-brand{display:flex;align-items:center;gap:8px;font-size:17px;letter-spacing:-.8px}.spt-brand-mark{color:var(--spt-blue);display:flex}.spt-brand-mark svg{width:22px;height:22px}.spt-breadcrumb{display:flex;align-items:center;gap:12px;color:#8792a2;border-left:1px solid #e0e6ee;padding-left:25px}.spt-breadcrumb b{font-weight:500;color:#3c4a61}.spt-breadcrumb svg{width:12px}.spt-draft{display:flex;align-items:center;gap:6px;margin-left:auto;background:#f1f4f8;border:1px solid #e2e7ef;padding:3px 9px;border-radius:5px;font-weight:600;font-size:10px}.spt-draft i{width:5px;height:5px;border-radius:50%;background:#97a5b6}.spt-account{display:grid;place-items:center;background:#dce8fc;color:#496b9a;width:26px;height:26px;border-radius:50%;font-size:9px}.spt-workspace{display:flex}.spt-nav{flex:0 0 53px;background:#12243c;color:#879cb8;display:flex;align-items:center;gap:26px;flex-direction:column;padding:25px 0 18px}.spt-nav svg{width:18px;height:18px}.spt-nav-active{display:flex;border-radius:7px;background:#315180;color:#c3dcff;padding:9px;margin:-9px}.spt-nav-bottom{margin-top:auto;width:18px;height:18px;border:1px solid #71839c;text-align:center;border-radius:50%;font-size:11px;line-height:16px}.spt-screen{flex:1;min-width:0;height:565px;position:relative;background-color:#fafbfc;background-image:radial-gradient(#172f5012 .8px,transparent .8px);background-size:16px 16px;overflow:hidden;font-size:12px;line-height:1.5}.spt-setup{position:absolute;inset:28px 30px;background:#fff;border:1px solid #e2e7ee;border-radius:10px;box-shadow:0 8px 30px #273c5809;transition:opacity .45s ease,transform .6s cubic-bezier(.2,.8,.2,1)}.spt-scene-hidden{opacity:0;pointer-events:none;visibility:hidden;transform:translateY(10px)}.spt-setup-title{height:66px;display:flex;align-items:center;gap:12px;padding:0 21px;border-bottom:1px solid #e7ecf2}.spt-setup-title>span:first-child{display:flex;padding:8px;background:#edf4ff;border-radius:8px;color:var(--spt-blue)}.spt-setup-title strong{display:block;font-size:14px;font-weight:650}.spt-setup-title small{display:block;font-size:10px;color:var(--spt-muted);margin-top:2px}.spt-close{margin-left:auto;color:#919aa6;font-size:21px}.spt-setup-body{display:flex;height:calc(100% - 66px)}.spt-guide-rail{flex:0 0 23%;background:#fbfcfe;border-right:1px solid #e7ecf2;padding:26px 13px;display:flex;flex-direction:column;gap:7px}.spt-guide-rail>div:not(.spt-rail-note){display:flex;align-items:center;gap:9px;padding:11px 9px;color:#8a94a3;border-radius:6px}.spt-guide-rail b{font-weight:550;font-size:11px;white-space:nowrap}.spt-guide-rail>div>span{display:grid;place-items:center;width:20px;height:20px;border:1px solid #dde3ed;border-radius:50%;font-size:9px}.spt-guide-rail svg{width:13px;height:13px}.spt-guide-rail .spt-rail-current{background:#eaf2ff;color:var(--spt-blue)!important}.spt-guide-rail .spt-rail-current>span{background:var(--spt-blue);border-color:var(--spt-blue);color:#fff}.spt-rail-note{margin:auto 10px 5px;color:#8e9bad;font-size:10px}.spt-rail-note svg{width:23px;height:23px;margin-bottom:10px;opacity:.6}.spt-guide-main{flex:1;min-width:0;position:relative}.spt-material,.spt-plan{position:absolute;inset:27px 30px 23px;transition:opacity .4s,transform .4s}.spt-section-label{color:#5e789b;font-size:9px;letter-spacing:.11em;font-weight:700}.sop-page .spt-guide-main h3{font-size:22px;line-height:1.2;margin:8px 0;font-weight:650;letter-spacing:-.04em}.spt-guide-main p{color:#8a95a4;font-size:11px}.spt-dropzone{height:123px;border:1.5px dashed #bfcee2;border-radius:8px;margin-top:23px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#fcfdff;transition:background .3s,box-shadow .3s,border-color .3s}.spt-dropzone strong{font-size:12px;font-weight:600;margin:8px 0 3px;color:#3b5477}.spt-dropzone>span:last-child{font-size:9px;color:#95a0ae}.spt-upload-icon{color:#7996bd;display:flex}.spt-drop-active{background:#edf5ff;border-color:#5792e6;box-shadow:0 0 0 5px #0e4eb00b}.spt-file-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e0e9f3;border-radius:7px;margin-top:11px;background:#f8fbff;transition:opacity .4s,transform .4s}.spt-file-pending{opacity:0;transform:translateY(8px)}.spt-file-icon{color:#4175b8;display:flex}.spt-file-row strong{font-size:11px;font-weight:600;display:block}.spt-file-row small{color:#8a96a7;font-size:9px;display:block;margin-top:1px}.spt-file-check{margin-left:auto;color:#269572;display:flex}.spt-file-check svg{width:15px}.spt-guide-footer{position:absolute;bottom:0;right:0;left:0;display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #edf0f5;padding-top:16px}.spt-guide-footer>span:first-child{font-size:9px;color:#96a0ad}.spt-primary{display:flex;gap:14px;align-items:center;background:var(--spt-blue);color:#fff;padding:10px 13px;border-radius:6px;font-size:11px;font-weight:600;white-space:nowrap;transition:box-shadow .3s,transform .3s}.spt-primary svg{width:14px;height:14px}.spt-target{box-shadow:0 0 0 4px #0e4eb025}.spt-outline{background:#f6f9fe;border:1px solid #e1eaf6;padding:14px;border-radius:8px;margin-top:19px}.spt-outline>div{display:flex;align-items:center;gap:7px;font-size:11px}.spt-outline>div svg{color:#4e7abc;width:16px;height:16px}.spt-outline>div>span{margin-left:auto;font-size:9px;color:#7c91ae}.sop-page .spt-outline p{display:flex;align-items:center;gap:8px;color:#6a7d97;margin-top:11px;font-size:10px}.spt-outline p svg{width:10px;height:10px}.spt-role-match{display:flex;align-items:center;gap:11px;padding:12px 1px;border-bottom:1px solid #eef1f5}.spt-person{display:grid;place-items:center;height:29px;width:29px;border-radius:50%;font-size:8px;font-weight:650}.spt-person.blue{background:#e8f0ff;color:#4f75a8}.spt-person.green{background:#e6f3ed;color:#488c71}.spt-role-match small{display:block;color:#9aa4b2;font-size:9px}.spt-role-match strong{font-weight:550;font-size:11px}.spt-role-match>svg{width:15px;color:#21a071;margin-left:auto}.spt-editor{position:absolute;inset:0;transition:opacity .5s,transform .5s}.spt-editor-toolbar{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;background:#ffffffd9;border-bottom:1px solid #e4eaf2}.spt-editor-toolbar strong{display:block;font-size:13px;font-weight:650}.spt-editor-toolbar>div>span{display:block;font-size:9px;color:#8c9aad;margin-top:3px}.spt-saved{display:flex;gap:5px;align-items:center;font-size:9px;color:#7e8e9f}.spt-saved svg{width:13px;height:13px}.spt-editor-body{display:flex;height:calc(100% - 62px)}.spt-canvas{flex:1;padding:18px 30px;min-width:0}.spt-canvas-label{display:flex;justify-content:space-between;color:#8b9bb0;font-size:9px;letter-spacing:.08em;margin-bottom:10px}.spt-canvas-label>span:last-child{letter-spacing:0;color:#9aa7b7}.spt-start,.spt-finish{display:flex;align-items:center;justify-content:center;gap:6px;font-size:8px;color:#8092a6}.spt-start i{width:5px;height:5px;border-radius:50%;background:#8ca3bf}.spt-stage-wrap{padding-top:16px;position:relative;transition:opacity .55s,transform .65s cubic-bezier(.2,.8,.2,1)}.spt-stage-wrap:before{content:"";position:absolute;top:0;left:50%;height:16px;width:1px;background:#bdcee1}.spt-stage-waiting{opacity:0;transform:translateY(12px) scale(.98)}.spt-product-stage{background:#fff;border:1px solid #dce4ef;border-radius:8px;box-shadow:0 3px 8px #26426406;overflow:hidden}.spt-product-stage-title{display:flex;align-items:center;gap:8px;border-bottom:1px solid #e8edf4;padding:9px 12px;background:#f4f8ff}.spt-stage-number{display:grid;place-items:center;font-size:8px;height:17px;width:17px;background:#e0ebfc;border-radius:5px;color:#6385b4}.spt-product-stage-title strong{font-size:11px;font-weight:600}.spt-stage-dots{margin-left:auto;letter-spacing:1px;color:#8ba0bb;line-height:6px}.spt-product-stage.violet .spt-product-stage-title{background:#f7f6fc}.spt-product-stage.violet .spt-stage-number{background:#eeebf9;color:#8c7bb7}.spt-product-stage.green .spt-product-stage-title{background:#f2f9f6}.spt-product-stage.green .spt-stage-number{background:#e2f0e9;color:#6d9981}.spt-product-task,.spt-added-task{display:flex;align-items:center;gap:7px;margin:9px 12px 4px;font-size:10px;color:#4e627d}.spt-task-check{width:10px;height:10px;border:1px solid #bfcddd;border-radius:3px;flex-shrink:0}.spt-task-role{display:flex;align-items:center;gap:5px;color:#96a2b2;font-size:8px;padding:0 12px 9px 29px}.spt-task-role svg{width:10px;height:10px}.spt-added-task{max-height:0;opacity:0;overflow:hidden;margin:0 12px;transition:max-height .6s,opacity .6s,margin .6s;color:#237853}.spt-added-visible{max-height:28px;opacity:1;margin:6px 12px 8px}.spt-new-label{margin-left:auto;font-size:7px;padding:1px 5px;background:#e4f4ec;border-radius:3px}.spt-finish{padding-top:12px;transition:opacity .5s}.spt-finish svg{width:11px;height:11px}.spt-designer{width:35%;flex-shrink:0;background:#fff;border-left:1px solid #dfe6f0;position:relative}.spt-designer-heading{height:49px;border-bottom:1px solid #e8edf4;display:flex;align-items:center;gap:8px;padding:0 17px;font-size:11px}.spt-designer-heading>span:first-child{color:var(--spt-blue);display:flex}.spt-designer-heading svg{width:16px;height:16px}.spt-panel-dots{margin-left:auto;letter-spacing:1px;color:#8598b1}.spt-chat-content{padding:16px 16px 0}.spt-ai-avatar{display:flex;align-items:center;gap:6px;color:#516985;font-size:9px;font-weight:600}.spt-ai-avatar svg{width:14px;height:14px;color:#507eb9}.sop-page .spt-chat-intro{font-size:11px;color:#526780;margin-top:8px;line-height:1.65}.spt-source-chip{display:flex;gap:6px;align-items:center;border:1px solid #e2e9f2;padding:6px 8px;border-radius:5px;width:fit-content;margin-top:9px;font-size:8px;color:#7c91ad}.spt-source-chip svg{width:11px;height:11px}.spt-source-chip svg:last-child{color:#3ea083}.spt-user-message{background:#eaf2ff;border:1px solid #deeafd;padding:10px 12px;border-radius:8px 8px 2px;margin:18px 0 0 15px;transition:opacity .4s,transform .4s}.spt-user-message>span{font-size:8px;color:#7695c2}.sop-page .spt-user-message p{color:#385b8a;font-size:11px;margin-top:3px}.spt-message-hidden{opacity:0;visibility:hidden;transform:translateY(8px)}.spt-change-card{margin-top:17px;border:1px solid #cfdef1;border-radius:8px;overflow:hidden;padding:12px;box-shadow:0 4px 10px #29518305;transition:opacity .5s,transform .5s}.spt-change-label{display:flex;align-items:center;gap:5px;font-size:7px;color:#5e83b4;letter-spacing:.08em;font-weight:650;margin-bottom:8px}.spt-change-label svg{width:12px;height:12px}.spt-change-card>strong{display:block;font-size:11px;font-weight:600}.sop-page .spt-change-card p{font-size:9px;color:#8898ad;margin-top:6px;line-height:1.7}.spt-change-card p b{font-weight:550;color:#687f9e}.spt-change-actions{display:flex;align-items:center;justify-content:flex-end;gap:15px;border-top:1px solid #e7eef6;padding-top:10px;margin-top:12px;font-size:9px;color:#8392a7}.spt-accept{display:flex;align-items:center;gap:5px;border-radius:5px;padding:6px 10px;background:var(--spt-blue);color:#fff;transition:box-shadow .3s}.spt-accept svg,.spt-accepted svg{width:11px;height:11px}.spt-accepted{display:flex;align-items:center;gap:5px;color:#268d67}.spt-complete-note{display:flex;align-items:center;gap:6px;color:#419276;font-size:8px;margin-top:12px;transition:opacity .5s,transform .5s}.spt-complete-note svg{width:12px;height:12px}.spt-chat-input{position:absolute;bottom:14px;left:13px;right:13px;border:1px solid #e1e7f1;border-radius:7px;padding:11px;display:flex;align-items:center;gap:6px;font-size:8px;color:#a0adbd;background:#fcfdff}.spt-chat-input>span:last-child{margin-left:auto;display:flex;color:#6e92c3}.spt-chat-input svg{width:13px;height:13px}.spt-drag-document{position:absolute;width:134px;padding:15px;background:#fffefb;border:1px solid #dfdfd6;border-radius:8px;box-shadow:0 12px 30px #2238532b;left:76%;top:27%;transform:rotate(7deg);transition:left 1.2s cubic-bezier(.5,0,.2,1),top 1.2s cubic-bezier(.5,0,.2,1),opacity .35s,transform .9s;z-index:5}.spt-drag-document>div{display:flex;align-items:center;justify-content:space-between;color:#4978af}.spt-drag-document>div>span{font-size:7px;color:#94a2b1}.spt-drag-document strong{font-size:10px;display:block;margin:13px 0 10px}.spt-drag-document i{display:block;height:3px;background:#e2e8ed;border-radius:3px;margin:7px 0}.spt-drag-document i:nth-of-type(2){width:80%}.spt-drag-document i:nth-of-type(3){width:88%}.spt-drag-document small{font-size:7px;color:#99a1ad}.spt-cursor{position:absolute;left:82%;top:47%;z-index:7;pointer-events:none;transition:left 1.05s cubic-bezier(.4,0,.15,1),top 1.05s cubic-bezier(.4,0,.15,1),opacity .35s}.spt-cursor>svg{width:27px;height:31px;filter:drop-shadow(0 2px 2px #00153433);position:relative;z-index:1}.spt-cursor>span{position:absolute;left:20px;top:27px;border-radius:4px;background:#142a47;color:#fff;padding:3px 7px;font-size:8px;letter-spacing:.01em}.spt-cursor>i{position:absolute;width:32px;height:32px;border-radius:50%;border:2px solid #0e4eb060;top:-13px;left:-13px;opacity:0}[data-beat="1"] .spt-drag-document{left:54%;top:31%;transform:rotate(-3deg) scale(.9)}[data-beat="1"] .spt-cursor{left:60%;top:51%}.sop-product-tour:not([data-beat="0"]):not([data-beat="1"]) .spt-drag-document{opacity:0;transform:scale(.75);left:54%;top:31%}[data-beat="2"] .spt-cursor,[data-beat="4"] .spt-cursor{left:85%;top:83%}[data-beat="3"] .spt-cursor{left:86%;top:64%}[data-beat="5"] .spt-cursor,[data-beat="6"] .spt-cursor{left:89%;top:65%}[data-beat="7"] .spt-cursor,[data-beat="8"] .spt-cursor,[data-beat="9"] .spt-cursor{left:64%;top:24%;opacity:0}[data-beat="10"] .spt-cursor{left:87%;top:92%}[data-beat="11"] .spt-cursor,[data-beat="12"] .spt-cursor{left:89%;top:76%}[data-beat="13"] .spt-cursor{opacity:0;left:94%;top:85%}[data-running=true][data-beat="2"] .spt-cursor>i,[data-running=true][data-beat="4"] .spt-cursor>i,[data-running=true][data-beat="6"] .spt-cursor>i,[data-running=true][data-beat="12"] .spt-cursor>i{animation:spt-click .6s 1.05s ease-out both}@keyframes spt-click{0%{opacity:.8;transform:scale(.35)}to{opacity:0;transform:scale(1.3)}}.spt-controls{display:flex;align-items:center;gap:26px;padding-top:22px}.spt-chapters{display:grid;grid-template-columns:repeat(4,1fr);flex:1;gap:16px}.sop-page .spt-chapters button{position:relative;text-align:left;padding:14px 0 0;border:0;background:none;color:#91a0b2;font-size:11px;font-weight:550;line-height:1.4;transition:color .3s}.spt-chapters button>span{display:inline-block;margin-right:7px;font-size:9px;color:#acb8c7}.spt-chapters button i{position:absolute;top:0;left:0;right:0;height:2px;background:#e5eaf1;border-radius:2px;transition:background .4s}.spt-chapters button[aria-pressed=true]{color:var(--spt-blue)}.spt-chapters button[aria-pressed=true]>span{color:#7297ca}.spt-chapters button[aria-pressed=true] i{background:var(--spt-blue)}.sop-page .spt-play{border:1px solid #d9e2ed;border-radius:7px;background:#fff;color:#47678e;font-size:11px;padding:8px 12px;display:flex;align-items:center;gap:6px;min-width:83px;justify-content:center}.spt-play>span{font-size:16px;line-height:18px}.sop-page .sop-product-tour figcaption{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#9aa6b5;margin-top:24px;padding-top:20px;border-top:1px solid #edf0f5}.sop-product-tour figcaption strong{font-weight:450;color:#687c98}[data-running=false] .spt-cursor>i{animation-play-state:paused}@media(max-width:1000px){.spt-screen{height:545px}.spt-setup{inset:20px}.spt-guide-rail{flex-basis:22%;padding:24px 7px}.spt-guide-rail b{font-size:9px}.spt-material,.spt-plan{inset:24px 21px}.sop-page .spt-guide-main h3{font-size:19px}.spt-guide-footer>span:first-child{max-width:120px;font-size:8px}.spt-canvas{padding:18px}.spt-designer{width:37%}.spt-chat-content{padding:14px 12px}.spt-change-card{padding:10px}.spt-drag-document{width:116px}}@media(max-width:700px){.spt-intro{align-items:start;margin-bottom:18px}.sop-page .spt-intro h2{font-size:25px;max-width:245px}.spt-eyebrow{font-size:8px}.spt-duration{display:none}.spt-window{border-radius:10px}.spt-appbar{height:47px;padding:0 12px;gap:10px}.spt-brand{font-size:14px}.spt-brand svg{width:17px}.spt-breadcrumb,.spt-account,.spt-nav{display:none}.spt-screen{height:600px}.spt-setup{inset:13px}.spt-setup-title{height:62px;padding:0 12px;gap:9px}.spt-setup-title strong{font-size:12px}.spt-setup-title small{font-size:8px}.spt-setup-title>span:first-child{padding:6px}.spt-setup-body{display:block}.spt-guide-rail{flex-direction:row;height:59px;padding:8px;gap:3px;border-right:0;border-bottom:1px solid #e7ecf2}.spt-guide-rail>div:not(.spt-rail-note){flex:1;padding:4px 5px;gap:4px}.spt-guide-rail b{font-size:8px;white-space:normal;line-height:1.3}.spt-guide-rail>div>span{width:16px;height:16px;font-size:8px;flex-shrink:0}.spt-rail-note{display:none}.spt-guide-main{height:calc(100% - 59px)}.spt-material,.spt-plan{inset:23px 17px}.sop-page .spt-guide-main h3{font-size:23px;line-height:1.15;max-width:270px}.spt-guide-main p{font-size:10px}.spt-dropzone{height:143px;margin-top:20px}.spt-dropzone strong{font-size:12px}.spt-guide-footer{gap:8px;padding-top:14px}.spt-guide-footer>span:first-child{font-size:8px;max-width:85px}.spt-primary{font-size:10px;gap:8px;padding:9px 10px}.spt-file-row{padding:10px 8px;gap:7px}.spt-file-row strong{font-size:10px}.spt-file-row small{font-size:8px}.spt-outline{padding:12px 9px;margin-top:20px}.spt-outline>div{font-size:10px;gap:5px}.spt-outline>div>span{font-size:8px}.sop-page .spt-outline p{font-size:8px;gap:4px}.spt-role-match{padding:15px 0;gap:8px}.spt-role-match strong{font-size:10px}.spt-role-match small{font-size:8px}.spt-drag-document{left:60%;top:29%;width:106px;padding:12px}.spt-cursor{left:81%;top:48%}[data-beat="1"] .spt-drag-document{left:36%;top:40%}[data-beat="1"] .spt-cursor{left:57%;top:58%}[data-beat="2"] .spt-cursor,[data-beat="4"] .spt-cursor{left:75%;top:85%}[data-beat="3"] .spt-cursor{left:79%;top:66%}.spt-editor-toolbar{height:51px;padding:0 13px}.spt-editor-toolbar strong{font-size:11px}.spt-editor-toolbar>div>span{font-size:8px}.spt-saved{font-size:8px}.spt-editor-body{height:calc(100% - 51px);display:block}.spt-canvas{padding:14px 21px}.spt-canvas-label{font-size:8px;margin-bottom:10px}.spt-product-stage-title{padding:10px 11px}.spt-product-stage-title strong{font-size:11px}.spt-product-task,.spt-added-task{font-size:10px}.spt-task-role{font-size:8px;padding-bottom:11px}.spt-stage-wrap{padding-top:18px}.spt-stage-wrap:before{height:18px}.spt-designer{position:absolute;width:auto;inset:115px 12px 15px;border:1px solid #cfdbeb;border-radius:9px;box-shadow:0 15px 50px #172f5040;transition:opacity .4s,transform .4s}[data-beat="7"] .spt-designer,[data-beat="8"] .spt-designer,[data-beat="9"] .spt-designer{opacity:0;transform:translateY(15px);pointer-events:none}[data-beat="13"] .spt-designer{top:auto;bottom:13px;height:47px;border-color:#cee7d8;box-shadow:0 3px 10px #10293d0a;background:#f5fbf8}[data-beat="13"] .spt-designer>*{display:none}[data-beat="13"] .spt-designer:after{content:"✓  Change accepted. Your draft is ready.";display:block;text-align:center;line-height:45px;font-size:10px;color:#368767}.spt-designer-heading{height:43px}.spt-chat-content{padding:14px 16px}.spt-chat-intro{max-width:250px}.spt-user-message,.spt-change-card{margin-top:15px}.spt-chat-input{font-size:9px;padding:11px}[data-beat="5"] .spt-cursor,[data-beat="6"] .spt-cursor{left:80%;top:68%}[data-beat="10"] .spt-cursor{left:79%;top:88%}[data-beat="11"] .spt-cursor,[data-beat="12"] .spt-cursor{left:79%;top:74%}.spt-controls{gap:12px;padding-top:18px;align-items:start}.spt-chapters{gap:9px}.sop-page .spt-chapters button{font-size:9px;padding-top:10px}.spt-chapters button>span{display:block;margin:0 0 4px;font-size:8px}.sop-page .spt-play{font-size:0;min-width:34px;width:34px;height:34px;padding:0;margin-top:9px}.spt-play>span{font-size:17px}.sop-page .sop-product-tour figcaption{font-size:10px;margin-top:17px;padding-top:16px}.sop-product-tour figcaption>span{display:none}}@media(prefers-reduced-motion:reduce){.sop-product-tour *,.sop-product-tour *:before{transition:none!important;animation:none!important}.spt-cursor,.spt-drag-document{display:none}}.spt-stage-proposal ol{padding-left:16px;font-size:10px;line-height:2;color:#7189a7;margin:9px 0}[data-beat="5"] .spt-canvas:after,[data-beat="6"] .spt-canvas:after{content:"Your stage map will appear here";display:block;position:absolute;top:46%;left:12%;color:#a0aec0;font-size:11px}.spt-product-task.spt-task-pending{color:transparent;background:linear-gradient(90deg,#f0f3f8 75%,transparent 75%);border-radius:3px}.spt-task-role.spt-task-pending{opacity:0}.spt-stage-wrap:nth-of-type(4){transition-delay:.12s}.spt-stage-wrap:nth-of-type(5){transition-delay:.24s}[data-beat="7"] .spt-cursor,[data-beat="8"] .spt-cursor{opacity:1;left:89%;top:65%}[data-running=true][data-beat="8"] .spt-cursor>i{animation:spt-click .6s 1.05s ease-out both}@media(max-width:700px){[data-beat="7"] .spt-designer,[data-beat="8"] .spt-designer{opacity:1;transform:none}[data-beat="7"] .spt-cursor,[data-beat="8"] .spt-cursor{left:80%;top:68%}}.sop-page{--sop-ink: #001534;--sop-blue: #0952c2;--sop-robin: #59b5ff;--sop-muted: #526174;--sop-line: #e0e6ee;--sop-soft: #f5f8fc;background:#fff;color:var(--sop-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.65;overflow-x:clip}.sop-page *{box-sizing:border-box}.sop-page a{color:var(--sop-blue)}.sop-page button{font:inherit;cursor:pointer}.sop-page button:focus-visible,.sop-page a:focus-visible{outline:3px solid var(--sop-robin);outline-offset:5px}.sop-page p{margin:0}.sop-page h1,.sop-page h2,.sop-page h3,.sop-page h4{margin:0;font-weight:650;line-height:1.13;letter-spacing:-.035em}.sop-preview-banner{background:#f1f5fb;border-bottom:1px solid var(--sop-line);padding:9px 24px;text-align:center;font-size:11px;font-weight:600;letter-spacing:.03em;color:#596b84}.sop-preview-banner span{margin:0 10px}.sop-header{max-width:1200px;padding:26px 24px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--sop-line)}.sop-header .sop-brand{display:flex;align-items:center;gap:9px;text-decoration:none;font-size:25px;font-weight:700;letter-spacing:-1px;color:var(--sop-ink)}.sop-brand svg{width:28px;height:28px;color:var(--sop-blue)}.sop-blog-link{text-decoration:none;font-size:14px;font-weight:600}.sop-article-heading{max-width:1060px;padding:0 24px;margin:68px auto 46px}.sop-eyebrow{color:var(--sop-blue);font-size:13px;font-weight:700;letter-spacing:.075em;text-transform:uppercase}.sop-article-heading h1{font-size:clamp(36px,4.75vw,62px);max-width:960px;line-height:1.07;letter-spacing:-.043em;margin:20px 0 25px}.sop-article-heading .sop-lede{font-size:21px;color:var(--sop-muted);line-height:1.5;max-width:810px}.sop-meta{display:flex;gap:13px;align-items:center;font-size:13px;color:var(--sop-muted);margin-top:28px}.sop-meta strong{color:var(--sop-ink);font-weight:600}.sop-meta small{display:block;font-size:12px;margin-top:1px}.sop-author-mark{background:var(--sop-ink);color:#fff;font-size:11px;font-weight:700;width:37px;height:37px;display:grid;place-items:center;border-radius:50%}.sop-wide{max-width:1152px;width:calc(100% - 48px);margin:48px auto}.sop-mini{font-size:11px;font-weight:750;letter-spacing:.14em;display:block}.sop-transform{padding:40px 46px 20px;border-radius:20px;background:#001534;color:#fff;position:relative;isolation:isolate;overflow:hidden}.sop-transform:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 70% 70%,#0952c250,transparent 70%),linear-gradient(90deg,#ffffff04 1px,transparent 1px),linear-gradient(#ffffff04 1px,transparent 1px);background-size:auto,36px 36px,36px 36px}.sop-visual-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:34px}.sop-visual-heading .sop-mini{color:#8fdfff}.sop-visual-heading h2{font-size:38px;margin-top:7px;color:#fff}.sop-draft-pill{display:flex;align-items:center;gap:8px;border:1px solid #a9c5e63d;background:#ffffff09;border-radius:100px;padding:7px 13px;font-size:12px;color:#dbeaff}.sop-draft-pill>span{width:6px;height:6px;border-radius:50%;background:#8fdfff}.sop-transform-grid{display:grid;grid-template-columns:.93fr 65px 1.1fr;align-items:center;gap:20px}.sop-paper{background:#fffaf0;color:#343e50;border-radius:4px 16px 16px 4px;border:1px solid #d7deeb;box-shadow:0 20px 40px #00000030;transform:rotate(-2deg);padding:24px 28px 20px;position:relative}.sop-paper:before{content:"";position:absolute;left:22px;top:-7px;width:76px;height:18px;background:#e9d9b6b3;transform:rotate(-3deg);border-radius:2px}.sop-paper-top{display:flex;justify-content:space-between;gap:12px;font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#8b816a;border-bottom:1px solid #e7e0d2;padding-bottom:13px}.sop-paper-top span:first-child{font-weight:700}.sop-handwritten{padding:16px 0 10px;font-family:Georgia,serif;font-size:20px;font-style:italic;line-height:1.55}.sop-handwritten p{border-bottom:1px solid #a7bdd426;padding:7px 0}.sop-handwritten .sop-scribble{color:#aa6c30;position:relative;text-decoration:underline wavy #cc925b;text-underline-offset:5px}.sop-underlined{color:var(--sop-blue)}.sop-paper-footer{font-size:11px;color:#857963;margin-top:14px}.sop-bridge{display:flex;align-items:center;flex-direction:column;gap:9px;color:#8fdfff}.sop-bridge div{height:45px;width:45px;border:1px solid #8fdfff60;border-radius:50%;display:grid;place-items:center;font-size:26px;box-shadow:0 0 24px #59b5ff20}.sop-bridge>span{height:38px;width:1px;background:linear-gradient(transparent,#8fdfff70)}.sop-bridge>span:last-child{transform:rotate(180deg)}.sop-flow{position:relative;display:flex;flex-direction:column;gap:12px}.sop-flow:before{content:"";position:absolute;left:13px;top:24px;bottom:53px;width:1px;background:#76baff65}.sop-flow-row{display:flex;gap:16px;align-items:center;position:relative}.sop-flow-index{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:50%;background:#0b315f;border:1px solid #59b5ff5f;color:#b9dcff;font-size:10px;font-weight:700;z-index:1}.sop-stage{border:1px solid #aac5e340;border-radius:11px;background:linear-gradient(110deg,#ffffff12,#ffffff06);padding:17px 20px;width:100%;backdrop-filter:blur(8px)}.sop-stage-kicker{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#8fbcee;display:block}.sop-stage strong{display:block;font-size:20px;line-height:1.3;font-weight:600;margin:6px 0 8px}.sop-role{font-size:11px;color:#b8cce6;display:flex;align-items:center;gap:6px}.sop-role>span{width:5px;height:5px;border-radius:50%;background:#8fdfff}.sop-stage p{font-size:11px;color:#8ea7c6;margin-top:7px}.sop-exception{margin-left:44px;font-size:11px;color:#b6c7de;display:flex;gap:8px;align-items:center}.sop-exception span{font-size:18px;color:#8fdfff}.sop-visual-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid #9ebdd72b;margin-top:32px;padding-top:16px;color:#9bb3cf;font-size:10px}.sop-motion{background:#ffffff09;border:1px solid #aac5e330;padding:6px 10px;border-radius:5px;color:#dbeaff;white-space:nowrap;font-size:11px!important}.sop-transform figcaption{font-size:11px;color:#9bb3cf;margin-top:12px;max-width:760px;line-height:1.5}.sop-playing .sop-stage{animation:sop-trace 12s ease infinite}.sop-playing .sop-flow-row:nth-child(2) .sop-stage{animation-delay:4s}.sop-playing .sop-flow-row:nth-child(3) .sop-stage{animation-delay:8s}.sop-playing .sop-bridge div{animation:sop-bridge 12s ease infinite}@keyframes sop-trace{0%,30%,to{border-color:#aac5e340;background-color:transparent;box-shadow:none}9%,22%{border-color:#8fdfff;background-color:#59b5ff20;box-shadow:0 0 20px #59b5ff1a}}@keyframes sop-bridge{0%,to{box-shadow:0 0 24px #59b5ff20}10%,65%{box-shadow:0 0 32px #59b5ff50;border-color:#8fdfff}}.sop-copy{max-width:768px;padding:0 24px;margin:52px auto}.sop-copy p,.sop-copy li{font-size:18px;line-height:1.75;color:#3f4d61}.sop-copy p{margin:0 0 20px}.sop-copy h2{font-size:31px;margin:56px 0 22px}.sop-copy ul{padding-left:24px;margin:20px 0 24px}.sop-copy li{padding-left:4px;margin:8px 0}.sop-source{margin:30px 0;padding:27px 32px 12px;background:#fff9ed;border:1px solid #eadfc9;border-radius:12px;position:relative}.sop-source>span{display:block;font-size:10px;font-weight:750;letter-spacing:.13em;color:#927853;margin-bottom:14px}.sop-source p{font-family:Georgia,serif;font-style:italic;font-size:20px;line-height:1.75;color:#615b4f}.sop-materials{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0 42px}.sop-materials span{font-size:12px;color:#526174;background:#f5f8fc;border:1px solid #e0e6ee;padding:6px 12px;border-radius:6px}.sop-materials span:first-child{color:#0952c2;background:#eaf2fd;border-color:#c6daf8}.sop-refinement{background:#f5f8fc;border:1px solid var(--sop-line);border-radius:20px;overflow:hidden}.sop-refinement-top{padding:30px 34px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.sop-refinement-top .sop-mini{color:var(--sop-blue)}.sop-refinement-top h3{font-size:29px;margin-top:9px}.sop-illustration-tag{font-size:11px;color:#66758a;border:1px solid #d6e0ed;border-radius:100px;padding:5px 12px;white-space:nowrap}.sop-refinement-options{display:flex;gap:10px;padding:0 34px 25px;flex-wrap:wrap}.sop-refinement-options button{border:1px solid #d0dbe9;background:#fff;border-radius:8px;font-size:13px;font-weight:600;color:#526174;padding:9px 16px;min-height:42px;transition:background .15s,border-color .15s}.sop-refinement-options button[aria-pressed=true]{color:#fff;background:var(--sop-blue);border-color:var(--sop-blue)}.sop-refinement-body{display:grid;grid-template-columns:1fr 1.05fr;border-top:1px solid var(--sop-line)}.sop-conversation{padding:32px 34px;border-right:1px solid var(--sop-line)}.sop-speaker{display:flex;align-items:center;gap:10px;font-size:11px;color:#65758a}.sop-avatar{width:28px;height:28px;border-radius:50%;background:#dbe8fa;color:#0952c2;font-size:9px;font-weight:700;display:grid;place-items:center}.sop-conversation blockquote{font-size:22px;font-weight:500;line-height:1.5;letter-spacing:-.02em;margin:20px 0 32px;color:#001534}.sop-review-note{display:flex;align-items:center;gap:8px;color:#0952c2;font-size:13px;font-weight:650}.sop-review-note svg{height:21px;width:21px;background:#e2edfd;border-radius:50%;padding:2px}.sop-conversation>p{font-size:12px;color:#66758a;max-width:330px;margin-top:12px}.sop-decision{background:#fff;padding:32px 34px}.sop-decision .sop-stage-kicker{color:#647890}.sop-decision h4{font-size:23px;line-height:1.2;margin:12px 0 25px;max-width:350px}.sop-before>span,.sop-after>span{color:#8090a4;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.sop-before>div,.sop-after>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.sop-before>div>span{padding:8px 10px;font-size:12px;border:1px solid #e0e6ee;background:#fafbfd;color:#718095;border-radius:6px}.sop-after>div>span{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:9px 10px;border:1px solid #b7d2f6;background:#eef5ff;color:var(--sop-blue);border-radius:6px}.sop-after i{font-style:normal;color:#7eafea}.sop-decision-arrow{font-size:19px;color:#95a8c1;margin:7px 0 0 10px}.sop-decision>p{font-size:13px;line-height:1.6;color:#66758a;margin-top:22px;max-width:380px}.sop-refinement figcaption{padding:18px 34px;background:#eef3f9;border-top:1px solid var(--sop-line);font-size:12px;line-height:1.6;color:#66758a}.sop-nojs{padding:20px 34px;font-size:14px;color:#526174}.sop-readiness{background:linear-gradient(130deg,#f0f7ff,#f8faff);border:1px solid #d8e7f9;border-radius:20px;padding:34px 42px 20px;display:grid;grid-template-columns:1fr 1fr;gap:22px 44px}.sop-readiness .sop-mini{color:var(--sop-blue)}.sop-readiness h3{font-size:32px;margin:14px 0 16px}.sop-readiness p{font-size:14px;line-height:1.7;color:var(--sop-muted);max-width:335px}.sop-draft-label{display:inline-block;margin-top:22px;font-size:11px;color:var(--sop-blue);background:#e2edfd;border-radius:6px;padding:7px 10px}.sop-readiness ul{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;justify-content:center;gap:14px}.sop-readiness li{display:flex;align-items:center;gap:12px;font-size:14px;line-height:1.4;color:#334d6e}.sop-check{flex:0 0 26px;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#fff;border:1px solid #bfd7f4;color:#0952c2}.sop-check svg{width:20px;height:20px}.sop-readiness figcaption{grid-column:1/-1;border-top:1px solid #d8e7f9;padding-top:17px;font-size:11px;color:#66758a}.sop-copy .sop-cta{display:inline-flex;align-items:center;gap:18px;background:var(--sop-robin);color:#020923;border-radius:7px;padding:14px 20px;margin:10px 0 24px;text-decoration:none;font-size:15px;font-weight:650}.sop-cta span{font-size:21px}.sop-copy .sop-related{font-size:14px;line-height:1.7;margin-top:10px;padding-top:24px;border-top:1px solid var(--sop-line)}.sop-footer{max-width:1152px;margin:70px auto 0;border-top:1px solid var(--sop-line);padding:28px 24px 40px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#66758a}.sop-footer>span{font-size:18px;font-weight:700;color:var(--sop-ink)}@media(max-width:900px){.sop-transform{padding:30px 28px 18px}.sop-transform-grid{grid-template-columns:1fr 42px 1.1fr;gap:14px}.sop-paper{padding:20px}.sop-handwritten{font-size:17px}.sop-stage{padding:14px}.sop-stage strong{font-size:18px}.sop-refinement-body{grid-template-columns:1fr 1fr}.sop-conversation,.sop-decision{padding:27px}.sop-readiness{padding:30px;gap:22px}.sop-readiness h3{font-size:29px}}@media(max-width:640px){.sop-preview-banner{font-size:9px;padding:8px 15px}.sop-header{padding:20px}.sop-header .sop-brand{font-size:22px}.sop-blog-link{font-size:12px}.sop-article-heading{margin:42px auto 32px;padding:0 22px}.sop-article-heading h1{font-size:39px}.sop-article-heading .sop-lede{font-size:18px}.sop-meta{font-size:12px}.sop-meta small{font-size:10px}.sop-wide{width:calc(100% - 28px);margin:34px auto}.sop-transform{padding:25px 22px 16px;border-radius:15px}.sop-visual-heading{margin-bottom:28px;align-items:flex-start}.sop-visual-heading h2{font-size:29px}.sop-visual-heading .sop-mini{font-size:9px}.sop-draft-pill{font-size:9px;padding:5px 9px;white-space:nowrap}.sop-transform-grid{grid-template-columns:1fr;gap:19px}.sop-paper{max-width:390px;width:100%;margin:0 auto;transform:rotate(-1deg);padding:20px 24px}.sop-handwritten{font-size:18px;padding:10px 0}.sop-handwritten p{padding:5px 0}.sop-bridge{flex-direction:row;justify-content:center;gap:12px}.sop-bridge>span{width:35px;height:1px;background:linear-gradient(90deg,transparent,#8fdfff70)}.sop-bridge div{width:31px;height:31px;transform:rotate(90deg);font-size:21px}.sop-stage strong{font-size:19px}.sop-stage-kicker{font-size:9px}.sop-flow-row{gap:13px}.sop-flow-index{flex-basis:25px;width:25px;height:25px}.sop-flow:before{left:12px}.sop-exception{margin-left:38px;font-size:10px}.sop-visual-bottom{font-size:9px;align-items:flex-start;margin-top:24px}.sop-motion{font-size:10px!important;padding:5px 7px}.sop-transform figcaption{font-size:10px}.sop-copy{padding:0 22px;margin:34px auto}.sop-copy p,.sop-copy li{font-size:17px;line-height:1.75}.sop-copy h2{font-size:27px;margin-top:43px}.sop-source{padding:23px 22px 8px}.sop-source p{font-size:19px}.sop-refinement-top{padding:24px 22px 18px;align-items:flex-start;flex-direction:column;gap:13px}.sop-refinement-top h3{font-size:27px}.sop-refinement-options{padding:0 22px 22px;gap:7px}.sop-refinement-options button{font-size:11px;padding:8px 10px;min-height:40px}.sop-refinement-body{grid-template-columns:1fr}.sop-conversation{padding:25px 22px;border-right:0;border-bottom:1px solid var(--sop-line)}.sop-conversation blockquote{font-size:22px;margin:17px 0 23px}.sop-decision{padding:26px 22px}.sop-decision h4{font-size:24px}.sop-refinement figcaption{padding:17px 22px;font-size:11px}.sop-readiness{grid-template-columns:1fr;padding:27px 24px 19px;gap:28px;border-radius:15px}.sop-readiness h3{font-size:30px}.sop-readiness ul{gap:18px}.sop-readiness figcaption{font-size:10px}.sop-copy .sop-cta{font-size:13px;padding:13px 16px;gap:10px}.sop-footer{margin-top:45px;flex-direction:column;gap:6px;padding:24px 22px 32px}}@media(prefers-reduced-motion:reduce){.sop-page *,.sop-page *:before,.sop-page *:after{animation:none!important;transition:none!important}.sop-motion{display:none}}@media print{.sop-preview-banner,.sop-motion,.sop-header,.sop-refinement-options{display:none}.sop-transform{-webkit-print-color-adjust:exact;print-color-adjust:exact}.sop-wide{break-inside:avoid}.sop-copy h2{break-after:avoid}.sop-footer{margin-top:25px}}.sop-native{overflow:visible}.sop-native .sop-wide{position:relative;left:50%;transform:translate(-50%);width:min(1152px,calc(100vw - 3rem))}@media(max-width:640px){.sop-native .sop-wide{width:calc(100vw - 2rem)}}