.visual-preview{color:#16253c;text-align:left;cursor:zoom-in;background:#fff;border:1px solid #dbe4ed;border-radius:5px;width:100%;padding:0;font-family:inherit;display:block;position:relative;overflow:hidden}.visual-preview:hover{border-color:#91b6e5;box-shadow:0 7px 24px #2144720d}.visual-preview:focus-visible,a:focus-visible,button:focus-visible{outline-offset:4px;outline:3px solid #4285f4}.preview-expand{color:#315273;opacity:0;background:#ffffffed;border:1px solid #dbe4ed;border-radius:4px;place-items:center;width:28px;height:28px;transition:opacity .15s;display:grid;position:absolute;bottom:8px;right:8px}.visual-preview:hover .preview-expand,.visual-preview:focus-visible .preview-expand{opacity:1}.scaled-scene{background:#f8fafc;width:100%;position:relative;overflow:hidden}.scene-canvas{transform-origin:0 0;position:absolute;top:0;left:0}.scene{color:#1c2e47;background:#fff;width:100%;height:100%;font-family:Noto Sans JP,Yu Gothic UI,sans-serif;font-size:10px;font-weight:500;line-height:1.45;overflow:hidden}.scene *,.scene :before,.scene :after{box-sizing:border-box}.scene h3,.scene p{margin:0}.scene-chrome{color:#91a0b0;background:#fbfcfe;border-bottom:1px solid #e8eef4;justify-content:space-between;align-items:center;height:25px;padding:0 11px;font-size:8px;display:flex}.window-dots{gap:4px;display:flex}.window-dots i{background:#c8d4df;border-radius:50%;width:4px;height:4px}.scene-sidebar{background:#fafcfe;border-right:1px solid #e5ecf3;padding:12px 7px;position:relative}.scene-brand{color:#2b73e8;align-items:center;gap:6px;height:25px;margin-bottom:8px;padding:0 7px;font-size:10px;display:flex}.scene-menu{color:#647187;white-space:nowrap;align-items:center;gap:6px;min-height:28px;padding:5px 7px;font-size:9px;display:flex}.scene-menu svg{flex-shrink:0}.scene-menu.is-active{color:#2266e4;background:#ecf3ff;border-radius:3px;font-weight:700}.scene-settings{color:#8494a5;gap:6px;display:flex;position:absolute;bottom:12px;left:14px}.dashboard-scene-grid{grid-template-rows:265px 200px;grid-template-columns:124px 1fr;height:465px;display:grid}.scene-dashboard-main{background:#fcfdff;min-width:0;padding:12px 12px 9px}.scene-metrics{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.scene-metrics>div{background:#fff;border:1px solid #e1e8f1;border-radius:4px;height:86px;padding:11px 13px}.scene-metrics>div>span{color:#6d7b91;font-size:9px;display:block}.scene-metrics strong{font-size:24px;font-weight:750;line-height:1.25;display:block}.scene-metrics small{color:#0d9c73;align-items:center;gap:2px;font-size:9px;display:flex}.scene-charts{grid-template-columns:1.65fr 1fr;gap:9px;margin-top:9px;display:grid}.scene-panel{background:#fff;border:1px solid #e1e8f1;border-radius:4px;min-width:0;padding:10px}.scene-panel>b{font-size:10px}.trend-panel,.source-panel{height:148px}.scene-panel-title{justify-content:space-between;align-items:center;font-size:9px;display:flex}.scene-panel-title>span{color:#7c8a9d;font-size:7px}.scene-panel-title i{background:#347af5;border-radius:50%;width:5px;height:5px;margin:0 3px;display:inline-block}.scene-panel-title i:last-child{background:#23a989}.trend-chart{gap:7px;height:104px;padding-top:14px;display:flex}.chart-y{color:#8494a9;text-align:right;flex-direction:column;justify-content:space-between;width:25px;padding-bottom:14px;font-size:7px;display:flex}.chart-plot{flex:1;min-width:0}.chart-plot svg{width:100%;height:76px;display:block;overflow:visible}.chart-x{color:#8292a9;justify-content:space-between;margin-top:4px;font-size:7px;display:flex}.source-chart{align-items:center;gap:9px;height:108px;display:flex}.source-ring{background:conic-gradient(#377cf2 0 42%, #20a58f 42% 70%, #b9c9db 70% 88%, #e1e8f0 88%);border-radius:50%;flex:none;place-items:center;width:95px;height:95px;display:grid}.source-ring>span{color:#8b98ab;background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:71px;height:71px;font-size:8px;display:flex}.source-ring strong{color:#20334b;font-size:17px}.source-chart ul{flex:1;margin:0;padding:0;list-style:none}.source-chart li{color:#6c7b8f;align-items:center;gap:4px;margin:9px 0;font-size:7px;display:flex}.source-chart li b{margin-left:auto;font-weight:500}.source-chart li i{background:#377cf2;border-radius:50%;width:6px;height:6px}.source-chart li:nth-child(2) i{background:#20a58f}.source-chart li:nth-child(3) i{background:#b9c9db}.source-chart li:nth-child(4) i{background:#e1e8f0}.scene-bottom{background:#fcfdff;grid-column:1/-1;grid-template-columns:185px 240px 1fr;gap:9px;padding:0 12px 12px;display:grid}.scene-flow-step{align-items:center;gap:8px;margin-top:9px;display:flex}.scene-flow-step>span{color:#fff;background:#3f83f4;border-radius:50%;place-items:center;width:18px;height:18px;font-size:8px;display:grid;position:relative}.scene-flow-step:not(:last-child)>span:after{content:"";background:#ccd9e8;width:1px;height:10px;position:absolute;top:18px;left:8px}.scene-flow-step:nth-child(3)>span,.scene-flow-step:last-child>span{background:#1da687}.scene-flow-step em{border:1px solid #e4eaf1;border-radius:3px;padding:3px 7px;font-size:9px;font-style:normal}.scene-tabs{color:#8a96a6;border-bottom:1px solid #e3ebf2;gap:13px;margin:8px 0 5px;font-size:8px;display:flex}.scene-tabs span{padding-bottom:4px}.scene-tabs span:first-child{color:#357df4;border-bottom:2px solid #357df4}.scene-content-row{align-items:center;gap:8px;height:40px;display:flex}.scene-content-row>div:nth-child(2){flex:1;min-width:0}.scene-content-row strong{white-space:nowrap;text-overflow:ellipsis;font-size:8px;display:block;overflow:hidden}.scene-content-row small{color:#8e9bae;font-size:7px}.content-thumb{background:#edf3f8;width:100%;height:100%;position:relative;overflow:hidden}.content-thumb img{object-fit:cover;width:100%;height:100%;display:block}.scene-content-row .content-thumb{border-radius:2px;flex-shrink:0;width:48px;height:31px}.content-thumb-1{color:#fff;background:#15434b;flex-direction:column;justify-content:center;padding:13%;display:flex}.content-thumb-1>strong{font-size:17px;line-height:1.4}.content-thumb-1>span{margin-top:8px;font-size:8px}.content-thumb-1 svg{opacity:.5;position:absolute;bottom:12%;right:9%}.content-thumb-2{color:#274665;background:#e7eff8;justify-content:center;align-items:center;gap:8px;display:flex}.content-thumb-2>strong{font-size:13px}.scene-content-row .content-thumb-1,.scene-content-row .content-thumb-2{padding:3px}.scene-content-row .content-thumb strong{font-size:4px}.scene-content-row .content-thumb span{display:none}.scene-content-row .content-thumb svg{width:15px}.mini-board-grid{grid-template-columns:repeat(3,1fr);gap:5px;margin-top:9px;display:grid}.mini-board-grid>div>strong{justify-content:space-between;margin-bottom:6px;font-size:8px;display:flex}.mini-board-grid small{color:#8b98aa;font-size:7px;font-weight:400}.mini-deal{background:#fcfdff;border:1px solid #e7edf3;border-radius:3px;min-height:38px;margin-top:4px;padding:6px 4px}.mini-deal b{font-size:7px;display:block}.mini-deal span{color:#8795a6;margin-top:3px;font-size:6px;display:block}.workspace-layout{grid-template-columns:116px 1fr;height:calc(100% - 25px);display:grid}.workspace-main{min-width:0;padding:14px 17px}.workspace-toolbar{justify-content:space-between;align-items:center;gap:12px;min-height:26px;display:flex}.workspace-toolbar>strong{font-size:14px}.workspace-toolbar>span{color:#7c8c9e;align-items:center;gap:12px;font-size:9px;display:flex}.workspace-toolbar>span>b{color:#fff;background:#347df1;border-radius:3px;padding:5px 9px;font-size:8px}.workspace-filters{color:#8390a1;border-bottom:1px solid #e9eef4;align-items:center;gap:17px;padding:8px 0;font-size:8px;display:flex}.workspace-filters>span{align-items:center;gap:4px;display:flex}.workspace-filters>span:last-child{margin-left:auto}.workspace-filters .selected{color:#347df1}.crm-board{grid-template-columns:repeat(4,1fr);gap:9px;margin-top:11px;display:grid}.crm-board>section{background:#f5f8fc;border-radius:4px;padding:7px}.crm-column-title{align-items:center;gap:5px;margin-bottom:7px;display:flex}.crm-column-title>i{background:#397af3;border-radius:50%;width:5px;height:5px}.crm-board>section:nth-child(3) .crm-column-title>i{background:#daab4f}.crm-board>section:nth-child(4) .crm-column-title>i{background:#28a789}.crm-column-title strong{font-size:8px}.crm-column-title small{color:#8997a8;font-size:7px}.crm-column-title svg{color:#8191a5;margin-left:auto}.crm-deal{background:#fff;border:1px solid #e4ebf3;border-radius:3px;margin-bottom:5px;padding:5px}.crm-deal>div{justify-content:space-between;font-size:8px;display:flex}.crm-deal p{color:#718297;margin:3px 0;font-size:7px}.status-blue,.status-green{color:#397be4;background:#edf4ff;border-radius:2px;padding:2px 5px;font-size:7px;font-style:normal;display:inline-block}.status-green{color:#178f70;background:#e9f8f2}.scene footer{border:0;height:auto}.crm-deal footer{color:#98a4b3;justify-content:space-between;align-items:center;margin-top:3px;font-size:6px;display:flex}.crm-deal .tiny-avatar{width:10px;height:10px;font-size:6px}.tiny-avatar{color:#42658b;background:#e6eef8;border-radius:50%;place-items:center;width:14px;height:14px;font-size:7px;display:inline-grid}.crm-table{border-collapse:collapse;width:100%;font-size:8px}.crm-table th{color:#8b99a9;text-align:left;border-bottom:1px solid #e7edf4;padding:8px 6px;font-weight:500}.crm-table td{color:#687d96;border-bottom:1px solid #edf1f6;padding:6px}.crm-table td b{color:#354c66;font-weight:600}.crm-table small{color:#9ca7b5;font-size:6px;display:block}.tiny-checkbox{border:1px solid #cbd7e4;border-radius:1px;width:7px;height:7px;display:block}.course-layout{grid-template-columns:1.4fr 1fr;gap:20px;margin-top:14px;display:grid}.course-player{background:#1d252e;border-radius:3px;height:207px;position:relative;overflow:hidden}.course-player>img{object-fit:cover;width:100%;height:100%;display:block}.course-play{color:#fff;background:#182c45a6;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.course-controls{color:#fff;background:#172635d9;align-items:center;gap:9px;height:22px;padding:0 10px;font-size:7px;display:flex;position:absolute;bottom:0;left:0;right:0}.course-controls i{background:#c1d1e3;border-left:45px solid #4889fb;flex:1;height:2px}.course-syllabus>span{color:#4d80c7;font-size:8px}.course-syllabus h3{margin:6px 0;font-size:17px}.course-syllabus>p{color:#8a98a8;margin-bottom:13px;font-size:9px}.course-syllabus>div{color:#6f7f93;border-bottom:1px solid #e8eef5;align-items:center;gap:8px;padding:9px;font-size:8px;display:flex}.course-syllabus>div.current{color:#367bed;background:#edf4ff}.course-syllabus small{margin-left:auto;font-size:7px}.course-caption{justify-content:space-between;align-items:center;margin-top:12px;font-size:10px;display:flex}.course-caption span{color:#8a97a6;font-size:8px}.articles-inner{padding:14px 25px}.article-grid{grid-template-columns:repeat(3,1fr);gap:17px;margin-top:13px;display:grid}.article-grid article{border:1px solid #e5ebf2;padding:8px}.article-grid .content-thumb{height:113px}.article-grid article>small{color:#1f9f7e;margin-top:9px;font-size:7px;display:block}.article-grid h3{margin:6px 0;font-size:13px}.article-grid p{color:#8b98a8;font-size:8px}.article-grid footer{color:#8b98a8;align-items:center;gap:6px;margin-top:12px;font-size:7px;display:flex}.article-grid footer>span:last-child{margin-left:auto}.automation-scene{background:#f7fafe}.automation-title{color:#577495;align-items:center;gap:8px;padding:13px 20px;font-size:10px;display:flex}.automation-title>span{color:#17916e;margin-left:auto;font-size:8px}.automation-tree{flex-direction:column;align-items:center;padding-top:4px;display:flex}.automation-tree>svg{color:#aabed7;width:12px;height:20px}.flow-node{color:#4775b1;background:#fff;border:1px solid #b8d0f4;border-radius:4px;justify-content:center;align-items:center;gap:8px;min-width:163px;height:37px;font-size:10px;display:flex}.flow-node.trigger{color:#fff;background:#3c7ff4;border-color:#3c7ff4}.flow-node.complete{color:#286;background:#f2fbf6;border-color:#b0dccc}.flow-branches{border-top:1px solid #b8d0f4;gap:64px;margin-top:12px;display:flex}.flow-branches>div{padding-top:21px;position:relative}.flow-branches>div>span{color:#8aa1bb;font-size:7px;position:absolute;top:4px;left:36px}.automation-footer{color:#81a19a;align-items:center;gap:4px;padding:16px 22px 0;font-size:8px;display:flex}.automation-footer>span{margin-left:auto}.note-scene{background:#eef3f7;padding:28px}.note-paper{background:#fff;height:100%;padding:35px 33px;position:relative;box-shadow:0 3px 12px #29435708}.note-category{color:#4f7995;font-size:9px}.note-paper h3{margin-top:15px;font-size:32px;line-height:1.45}.note-paper>p{color:#9aa7b6;margin-top:18px;font-size:11px;line-height:1.9}.note-photo{width:136px;height:81px;position:absolute;bottom:63px;right:22px}.note-photo img{object-fit:cover;width:100%;height:100%}.note-byline{color:#8192a5;border-top:1px solid #e8edf3;align-items:center;gap:8px;padding-top:13px;font-size:8px;display:flex;position:absolute;bottom:25px;left:33px;right:33px}.note-byline>span:last-child{margin-left:auto}.editor-scene{color:#a0adbb;background:#20242b}.editor-menu{border-bottom:1px solid #363e49;height:28px;padding:8px 12px;font-size:8px}.editor-menu span{float:right}.editor-workspace{grid-template-columns:160px 1fr 122px;height:249px;display:grid}.editor-workspace aside{border-right:1px solid #38414e;padding:9px;font-size:8px}.editor-workspace aside>span{color:#d6dde6;margin-bottom:8px;display:block}.editor-workspace aside>div:not(.editor-bins){gap:3px;margin-top:8px;display:flex}.editor-bins{grid-template-columns:1fr 1fr;gap:6px;margin-top:14px;display:grid}.editor-bins img{width:100%;display:block}.editor-bins small{font-size:6px}.editor-workspace main{background:#181d23;padding:9px}.editor-workspace main>div:first-child{margin-bottom:12px;font-size:8px}.editor-workspace main>img{object-fit:cover;width:100%;height:185px;display:block}.editor-transport{color:#78b3e9;justify-content:space-between;align-items:center;margin-top:9px;font-size:7px;display:flex}.editor-workspace aside .editor-effect{flex-direction:column;gap:8px;padding-bottom:8px;display:flex}.editor-effect i{background:#4d647c;border-left:30px solid #81b0dc;width:90%;height:2px}.edit-timeline{border:1px solid #414b58;height:167px;margin:8px;padding:10px;position:relative}.timeline-ruler{color:#8796a9;margin-left:34px;padding-bottom:11px;font-size:8px}.timeline-track{align-items:center;gap:10px;height:27px;margin-top:3px;display:flex}.timeline-track>span{width:25px;font-size:8px}.timeline-track>div{flex:1;gap:4px;height:100%;display:flex}.timeline-track i{color:#d0e4f9;background:#457dc0;border:1px solid #83a8d3;flex:1;align-items:center;font-size:7px;font-style:normal;display:flex;overflow:hidden}.timeline-track i img{object-fit:cover;opacity:.8;width:50px;height:100%}.track-0 i{background:#647dc4;border-color:#96a4d2;flex:0 0 21%;height:18px;padding:0 8px}.track-2 i,.track-3 i{color:#82c19b;background:#28775b;border-color:#57ad82;font-size:14px}.timeline-playhead{background:#72bbf6;width:1px;position:absolute;top:13px;bottom:7px;left:44%}.certificate-scene{background:#f7f8f9;padding:15px}.certificate-paper{text-align:center;background:#fffefb;border:4px double #c4ae83;flex-direction:column;align-items:center;height:100%;padding:24px 45px 16px;display:flex}.certificate-paper>span{color:#3e4149;font-family:Georgia,serif;font-size:29px}.certificate-paper>small{color:#857659;font-family:Georgia,serif;font-size:10px}.certificate-rule{background:#b8a177;width:40px;height:1px;margin:17px 0}.certificate-paper>p{color:#8e8b84;font-size:8px}.certificate-paper h3{margin:10px 0;font-size:20px}.certificate-paper>strong{margin:0 0 8px;font-family:Georgia,serif;font-size:19px;font-weight:500}.certificate-seal{color:#b4a077;border:3px double #beab84;border-radius:50%;place-items:center;width:46px;height:46px;margin:16px 0 13px;display:grid}.certificate-paper footer{color:#857b68;justify-content:space-between;width:100%;font-family:Georgia,serif;font-size:8px;display:flex}.certificate-paper footer b{font-size:6px;font-weight:400}.preview-dialog{width:min(1040px,100% - 32px);max-height:calc(100dvh - 32px);color:var(--navy);background:#fff;border:1px solid #d7e2ed;border-radius:8px;padding:0;box-shadow:0 32px 100px #14263b40}.preview-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#102032a6}.preview-dialog-content{padding:24px}.preview-dialog header{justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:20px;display:flex}.preview-dialog h2{margin:0;font-size:21px}.preview-dialog header p{color:#708297;margin:7px 0 0;font-size:12px}.preview-dialog header button{color:#42617e;cursor:pointer;background:#fff;border:1px solid #dce5ee;border-radius:4px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.preview-dialog .scaled-scene{border:1px solid #e0e8f0;border-radius:4px;max-width:840px;margin:auto}.preview-disclaimer{color:#7d8da0;margin:14px 0 0;font-size:12px;line-height:1.7}@media (width<=760px){.preview-expand{opacity:1;width:25px;height:25px}.preview-dialog-content{padding:16px}.preview-dialog h2{font-size:18px}}:root{color:#0b1f3a;font-synthesis:none;text-rendering:optimizelegibility;--navy:#0b1f3a;--ink:#17304f;--blue:#0b6cf2;--green:#008968;--muted:#52677f;--line:#d8e2ed;--soft:#f3f7fb;--container:1240px;background:#fff;font-family:Noto Sans JP,Yu Gothic UI,Yu Gothic,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{background:#fff;min-width:320px;margin:0;overflow-x:hidden}.pencil-desktop-preview body{min-width:1920px;overflow-x:visible}.pencil-desktop-preview #root{width:1920px}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent;font:inherit}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #0b6cf247}.site-header{z-index:50;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;height:68px;position:sticky;top:0}.header-inner,.footer-inner{width:min(var(--container), calc(100% - 48px));justify-content:space-between;align-items:center;height:100%;margin:0 auto;display:flex}.brand{white-space:nowrap;align-items:baseline;gap:16px;display:flex}.brand strong{letter-spacing:0;font-size:17px}.brand span{color:var(--muted);font-size:12px;font-weight:600}.nav{align-items:center;gap:24px;font-size:14px;font-weight:700;display:flex}.nav>a:not(.nav-cta):hover,footer nav a:hover{color:var(--blue)}.nav-cta{color:#fff;background:var(--green);border-radius:5px;margin-left:8px;padding:10px 20px;box-shadow:0 7px 18px #0089682e}.menu-button{color:var(--navy);background:0 0;border:0;display:none}.motion-toggle{border:1px solid var(--line);width:36px;height:36px;color:var(--blue);cursor:pointer;background:#fff;border-radius:4px;flex:none;place-items:center;margin-left:12px;display:grid}.header-inner>.nav{margin-left:auto}.hero{width:min(var(--container), calc(100% - 48px));grid-template-columns:.92fr 1.08fr;align-items:center;gap:42px;min-height:570px;margin:0 auto;padding:52px 0 42px;display:grid}.hero-copy{z-index:2;position:relative}.hero-kicker,.section-intro>span,.profile-title>span{color:var(--blue);letter-spacing:0;font-size:12px;font-weight:900;display:block}.hero h1{letter-spacing:0;margin:0;font-size:38px;line-height:1.42}.hero h1 span{display:block}.hero-copy>p{max-width:580px;color:var(--muted);margin:24px 0 30px;font-size:16px;font-weight:500;line-height:1.9}.hero-actions{gap:14px;display:flex}.button{border:1px solid #8fa2b8;border-radius:5px;justify-content:center;align-items:center;gap:10px;min-width:168px;height:50px;padding:0 24px;font-size:14px;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button.primary{color:#fff;border-color:var(--blue);background:var(--blue);box-shadow:0 10px 24px #0b6cf233}.button.secondary{background:#fff}.proof-line{color:#52677f;flex-wrap:wrap;gap:12px 18px;margin-top:36px;font-size:12px;font-weight:600;display:flex}.proof-line span{align-items:center;gap:7px;display:flex}.proof-line svg{color:var(--green);fill:#e8f8f3;flex:none}.dashboard-shell{background:#fff;border:1px solid #d6e1ec;border-radius:7px;min-width:0;overflow:hidden;box-shadow:0 22px 54px #1534581f}.dashboard-head{background:#fbfdff;border-bottom:1px solid #dfe7ef;justify-content:space-between;align-items:center;height:56px;padding:0 20px;display:flex}.dashboard-head>div{align-items:center;gap:9px;display:flex}.dashboard-head svg{color:var(--blue)}.dashboard-head strong{font-size:14px}.dashboard-head>span{color:#007a5b;background:#effaf6;border:1px solid #b9dfd3;border-radius:4px;padding:5px 8px;font-size:11px;font-weight:800}.dashboard-body{background:#f8fbfe;padding:18px}.metric-grid{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.metric{background:#fff;border:1px solid #d9e3ed;border-radius:5px;min-width:0;padding:13px}.metric span{color:#5a6d82;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;display:block;overflow:hidden}.metric strong{margin-top:8px;font-size:24px;line-height:1;display:block}.metric small{margin-left:3px;font-size:12px}.dashboard-focus{background:#fff;border:1px solid #d9e3ed;border-radius:5px;grid-template-columns:.9fr 1.1fr;align-items:center;gap:22px;margin-top:10px;padding:20px;display:grid}.eyebrow{color:var(--blue);font-size:10px;font-weight:900}.focus-copy h2{margin:8px 0 9px;font-size:19px;line-height:1.5}.focus-copy p{color:var(--muted);margin:0;font-size:12px;line-height:1.7}.system-map{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.system-step{background:#f8fbfe;border:1px solid #dce5ee;grid-template-columns:24px 22px 1fr;align-items:center;gap:6px;min-height:76px;padding:10px;display:grid}.system-step>span{color:#7890a8;font-size:10px;font-weight:800}.system-step svg{color:var(--green)}.system-step strong{font-size:12px}.dashboard-foot{background:#effaf6;border:1px solid #bcd9cf;border-radius:5px;grid-template-columns:1fr 1.5fr 24px;align-items:center;gap:12px;min-height:54px;margin-top:10px;padding:10px 14px;display:grid}.dashboard-foot>div{flex-direction:column;gap:3px;display:flex}.dashboard-foot span{color:#557368;font-size:10px;font-weight:700}.dashboard-foot strong{font-size:13px}.dashboard-foot svg{color:var(--green)}.stats-band{background:var(--soft);border-top:1px solid #dce5ee;border-bottom:1px solid #dce5ee}.stats-inner{width:min(var(--container), calc(100% - 48px));grid-template-columns:repeat(7,1fr);min-height:108px;margin:0 auto;display:grid}.stat{border-right:1px solid #d3deea;justify-content:center;align-items:center;gap:10px;min-width:0;padding:20px 12px;display:flex}.stat:first-child{border-left:1px solid #d3deea}.stat svg{stroke-width:1.7px;flex:none}.stat span{color:#52677f;margin-bottom:5px;font-size:12px;font-weight:700;display:block}.stat strong{white-space:nowrap;font-size:23px;line-height:1}.stat strong em{margin-right:2px;font-size:12px;font-style:normal}.stat small{margin-left:3px;font-size:11px}.stat-number{min-width:2ch;font:inherit;font-variant-numeric:tabular-nums;display:inline-block}.stat .visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.stat:first-child .stat-number,.stat:last-child .stat-number{min-width:1ch}.portfolio[data-motion=on] .visual-preview{transition:transform .28s,box-shadow .28s,border-color .28s}.portfolio[data-motion=on] .detail-link svg,.portfolio[data-motion=on] .button svg{transition:transform .2s}.portfolio[data-motion=on] .detail-link:hover svg,.portfolio[data-motion=on] .button:hover svg{transform:translate(3px)}.portfolio[data-motion=on] .preview-dialog[open]{animation:.24s cubic-bezier(.22,1,.36,1) preview-enter}.portfolio[data-motion=on] .preview-dialog[open]::backdrop{animation:.2s backdrop-enter}@media (hover:hover){.portfolio[data-motion=on] .visual-preview:hover{transform:translateY(-3px)}}@keyframes preview-enter{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes backdrop-enter{0%{opacity:0}to{opacity:1}}.section{width:min(var(--container), calc(100% - 48px));margin:0 auto;padding:72px 0}.section-intro{grid-template-columns:180px 1fr;align-items:start;gap:28px;margin-bottom:30px;display:grid}.section-intro h2,.profile-title h2{margin:0;font-size:30px;line-height:1.35}.section-intro p{color:var(--muted);margin:8px 0 0;font-size:15px;line-height:1.75}.project-list{flex-direction:column;gap:12px;display:flex}.project-row{border-bottom:1px solid #dce5ee;grid-template-columns:44px 1.05fr 1.25fr 1.1fr 112px;align-items:center;gap:18px;min-height:148px;padding:18px 0;display:grid}.project-number{aspect-ratio:1;color:#fff;background:#183a63;border-radius:50%;place-items:center;width:42px;font-size:13px;font-weight:800;display:grid}.project-name{border-right:1px solid #d5dfeb;min-width:0;padding-right:18px}.project-name h3,.value-item h3,.work-item>h3{margin:0;font-size:17px}.project-name p,.project-summary p{color:var(--muted);margin:6px 0 0;font-size:14px;font-weight:500;line-height:1.65}.project-summary>span,.preview-label{color:var(--green);font-size:11px;font-weight:900;display:inline-block}.project-summary p{color:#29415f}.preview-label{color:#6c7f94;margin-bottom:5px}.project-preview{background:#f7faff;border:1px solid #d6e0eb;border-radius:3px;height:74px;overflow:hidden}.detail-link{color:var(--blue);white-space:nowrap;justify-content:flex-end;align-items:center;gap:6px;font-size:13px;font-weight:800;display:flex}.detail-link:hover{text-underline-offset:4px;text-decoration:underline}.project-actions{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.public-link{color:var(--green);white-space:nowrap;align-items:center;gap:5px;font-size:12px;font-weight:800;display:inline-flex}.public-link:hover{text-underline-offset:4px;text-decoration:underline}.archive-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f5f8fb;padding:72px 24px}.archive-inner{width:min(var(--container), 100%);margin:0 auto}.archive-filters{flex-wrap:wrap;gap:8px;margin:0 0 34px;display:flex}.archive-filters button{color:#314a66;cursor:pointer;background:#fff;border:1px solid #c7d4e1;border-radius:4px;align-items:center;gap:7px;min-height:40px;padding:8px 12px;font-size:12px;font-weight:800;display:inline-flex}.archive-filters button span{color:#7b8ea2;font-size:9px}.archive-filters button:hover{color:var(--blue);border-color:#7eaeea}.archive-filters button.active{color:#fff;border-color:var(--navy);background:var(--navy)}.archive-filters button.active span{color:#bdd6f4}.archive-list{border-bottom:1px solid #cbd7e3}.archive-category{border-top:1px solid #cbd7e3;grid-template-columns:250px 1fr;gap:36px;padding:32px 0;display:grid}.archive-category>header{grid-template-columns:38px 1fr;align-content:start;gap:12px;display:grid}.archive-category>header>span{aspect-ratio:1;width:38px;color:var(--blue);border:1px solid #b9cadb;border-radius:50%;place-items:center;font-size:11px;font-weight:900;display:grid}.archive-category h3{margin:2px 0 0;font-size:19px;line-height:1.45}.archive-category header p{color:var(--muted);margin:7px 0 0;font-size:12px;line-height:1.7}.archive-items{min-width:0}.archive-item{border-top:1px solid #d8e2ec;grid-template-columns:minmax(170px,.75fr) 1.55fr;align-items:center;gap:18px;min-height:66px;padding:12px 0;display:grid}.archive-item:first-child{border-top:0;padding-top:0}.archive-item strong{color:#173553;font-size:14px;line-height:1.55}.archive-item-link{color:#173553;align-items:center;gap:7px;width:max-content;max-width:100%;text-decoration:none;display:inline-flex}.archive-item-link svg{color:var(--blue);flex:none}.archive-item-link:hover strong{color:var(--blue)}.archive-item p{color:#526a83;margin:0;font-size:13px;line-height:1.7}.archive-footnote{color:#718397;margin:20px 0 0;font-size:11px;line-height:1.75}.kanban{grid-template-columns:24px repeat(3,1fr);gap:4px;padding:7px;display:grid}.preview-sidebar{background:#dfe9f3}.preview-col{background:#edf3f9;flex-direction:column;gap:3px;padding:3px;display:flex}.preview-col span{border-left:2px solid var(--blue);background:#fff;height:14px;display:block}.table{padding:8px}.table-head{background:#dfe8f2;height:9px;margin-bottom:4px}.table-row{border-bottom:1px solid #e6edf4;grid-template-columns:1.4fr 1fr .7fr .8fr;align-items:center;gap:5px;height:11px;display:grid}.table-row i{background:#9baec2;height:3px;display:block}.table-row i:nth-child(3){background:#9ed8c3;border-radius:3px;height:6px}.video{background:#eef3f8;grid-template-columns:20px 1.8fr 1fr;display:grid}.video-nav{background:#dbe5ef}.video-screen{color:#fff;background:#162c4b;place-items:center;display:grid;position:relative}.presenter{color:#183451;background:#d7e5f2;place-items:center;width:32px;height:40px;display:grid;position:absolute;bottom:4px;right:6px}.lesson-list{flex-direction:column;gap:5px;padding:7px 5px;display:flex}.lesson-list span{border-left:2px solid var(--blue);background:#fff;height:15px;display:block}.articles{grid-template-columns:repeat(3,1fr);gap:5px;padding:5px;display:grid}.articles>div{background:#fff;padding:4px}.article-image{background:linear-gradient(135deg,#284f79,#94b7d2);height:29px;display:block}.article-image.a2{background:linear-gradient(135deg,#488f83,#cce2d9)}.article-image.a3{background:linear-gradient(135deg,#35648d,#e7c475)}.articles i{background:#9aabbe;height:3px;margin-top:5px;display:block}.articles i+i{width:60%}.case-studies{color:var(--navy);border-top:1px solid var(--line);background:#f5f8fb;padding:64px 24px}.case-inner{width:min(var(--container), 100%);margin:0 auto}.section-intro.inverse>span{color:var(--blue)}.section-intro.inverse p{color:var(--muted)}.case-grid{grid-template-columns:repeat(2,1fr);gap:32px 48px;display:grid}.case-card{border-top:1px solid #cfdae6;min-width:0;padding:24px 0;scroll-margin-top:82px}.case-card-head{align-items:center;gap:14px;display:flex}.case-card-head>span{aspect-ratio:1;width:38px;color:var(--blue);border:1px solid #c1d1e3;border-radius:50%;place-items:center;font-size:12px;font-weight:900;display:grid}.case-card h3{margin:0;font-size:20px}.case-card-head p{color:#00815f;margin:4px 0 0;font-size:13px;font-weight:700}.case-card dl{margin:24px 0 0}.case-card dl>div{border-top:1px solid #dde6ef;grid-template-columns:52px 1fr;gap:12px;padding:14px 0;display:grid}.case-card dt{color:#668098;font-size:12px;font-weight:800}.case-card dd{color:#405975;margin:0;font-size:14px;line-height:1.75}.value-section{padding-bottom:64px}.value-grid{grid-template-columns:repeat(4,1fr);display:grid}.value-item{border-right:1px solid #d3deea;grid-template-columns:38px 1fr;align-content:start;gap:16px;min-height:250px;padding:4px 28px;display:grid}.value-item:first-child{padding-left:0}.value-item:last-child{border:0;padding-right:0}.value-item svg{stroke-width:1.8px}.value-item svg.accent{color:#00a47b}.value-item p{min-height:82px;color:var(--muted);margin:10px 0 14px;font-size:14px;font-weight:500;line-height:1.75}.value-item ul{color:#263f5d;margin:0;padding-left:17px;font-size:14px;line-height:1.95}.value-item li::marker{color:var(--green)}.works{padding-top:40px}.hero-preview{min-width:0;margin:0}.hero-preview>.visual-preview{border-radius:7px;box-shadow:0 16px 40px #1e457a10}.hero-preview figcaption{color:#7f90a4;flex-wrap:wrap;justify-content:space-between;gap:6px;margin-top:12px;font-size:10px;line-height:1.6;display:flex}.hero-preview figcaption>span:first-child{color:#5a7088}.project-media{min-width:0}.project-media .preview-label{text-align:right;margin:5px 0 0;font-size:9px;font-weight:500;display:block}.works-grid .visual-preview{--preview-height:152px;height:var(--preview-height);background:#f6f9fc;justify-content:center;align-items:center;display:flex}.works-grid .scaled-scene{max-width:calc((var(--preview-height) - 2px) * var(--scene-ratio));flex:none}.gallery-note{color:#7e8ea1;margin:22px 0 0;font-size:12px;line-height:1.7}.works-grid{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.work-item{min-width:0;position:relative}.mock-label{z-index:2;color:#33506f;background:#ffffffe6;border-radius:3px;padding:4px 6px;font-size:10px;font-weight:800;position:absolute;top:8px;right:8px}.work-visual{background:var(--soft);border:1px solid #d5e0eb;border-radius:4px;height:146px;overflow:hidden}.work-item>h3{margin-top:13px;font-size:16px}.work-item>p{color:var(--muted);margin:6px 0 0;font-size:14px;line-height:1.6}.dashboard-work{grid-template-columns:20px 1fr;gap:8px;padding:11px;display:grid}.work-side{background:#d8e4f0}.work-body{background:#fff;padding:7px}.work-metrics{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.work-metrics i{border:1px solid #dce5ef;height:27px}.work-bars{border-bottom:1px solid #cbd8e5;align-items:flex-end;gap:6px;height:70px;margin-top:12px;display:flex}.work-bars i{background:#91baf0;flex:1;height:35%}.work-bars i:nth-child(2){height:52%}.work-bars i:nth-child(3){background:#54b89b;height:68%}.work-bars i:nth-child(4){background:var(--blue);height:88%}.flow-work{background:#f8fbff;justify-content:center;align-items:center;gap:5px;display:flex;position:relative}.flow-work span{width:43px;height:28px;color:var(--blue);background:#fff;border:1px solid #67a6f7;border-radius:3px;place-items:center;font-size:8px;font-weight:800;display:grid}.flow-work i{background:#8aa4c0;width:13px;height:1px}.flow-work b{background:#8aa4c0;width:1px;height:16px;position:absolute;top:85px;left:50%}.flow-work span:last-child{position:absolute;top:101px;left:calc(50% - 21px)}.note-work{background:#fff;justify-content:space-between;align-items:flex-end;padding:20px;display:flex}.note-work strong{font-size:16px;line-height:1.5;display:block}.note-work span{color:#708096;margin-top:14px;font-size:11px;display:block}.note-work svg{color:#71849b}.editor-work{background:#17212c;padding:16px 8px 8px;position:relative}.editor-top{background:#0c1219;height:12px;position:absolute;top:0;left:0;right:0}.editor-screen{color:#264768;background:#d7e4ef;justify-content:center;align-items:flex-end;height:83px;display:flex}.editor-screen span{background:#1c4779;border:3px solid #fff;width:36px;height:28px;margin-left:8px}.timeline{gap:2px;height:31px;padding-top:5px;display:flex}.timeline i{background:#1f77c9;flex:1}.timeline i:nth-child(2n){background:#16a27a}.certificate-work{text-align:center;background:#fffefb;border:7px double #d4c3a7;flex-direction:column;justify-content:center;align-items:center;padding:17px;display:flex}.certificate-work span{letter-spacing:0;font-family:Georgia,serif;font-size:11px}.certificate-work strong{margin-top:11px;font-family:Georgia,serif;font-size:16px}.certificate-work i{color:#746b5f;margin-top:5px;font-family:Georgia,serif;font-size:10px}.certificate-work b{color:#91714c;margin-top:13px;font-family:Georgia,serif;font-size:10px}.public-links-section{padding-top:56px}.public-links-list{border-top:1px solid #ccd8e4}.public-link-row{border-bottom:1px solid #d8e2ec;grid-template-columns:46px 1fr auto 26px;align-items:center;gap:18px;min-height:86px;padding:16px 0;display:grid}.public-link-row:hover strong,.public-link-row>svg{color:var(--blue)}.public-link-number{color:#8293a5;font-size:11px;font-weight:900}.public-link-row strong{font-size:15px;transition:color .2s}.public-link-row p{color:var(--muted);margin:5px 0 0;font-size:13px;line-height:1.6}.public-link-type{color:#08795e;font-size:11px;font-weight:800}.disclosure-notes{width:min(var(--container), calc(100% - 48px));border-left:3px solid var(--green);background:#f0f8f5;grid-template-columns:180px 1fr;gap:24px;margin:0 auto 72px;padding:20px 24px;display:grid}.disclosure-notes>strong{font-size:14px}.disclosure-notes ul{color:#405b71;margin:0;padding-left:18px;font-size:12px;line-height:1.85}.profile-section{background:#f5f8fb;border-top:1px solid #d5e0eb;border-bottom:1px solid #d5e0eb;margin-top:16px;padding:76px 24px}.profile-inner{width:min(var(--container), 100%);grid-template-columns:.8fr 1.2fr;gap:80px;margin:0 auto;display:grid}.profile-title h2{max-width:360px;margin-top:14px}.profile-copy p{color:#334b67;margin:0 0 18px;font-size:16px;line-height:1.9}.profile-facts{border-top:1px solid #cbd7e3;border-bottom:1px solid #cbd7e3;grid-template-columns:repeat(3,1fr);margin-top:28px;display:grid}.profile-facts span{color:#60758a;border-right:1px solid #cbd7e3;flex-direction:column;gap:5px;padding:17px 14px;font-size:11px;display:flex}.profile-facts span:first-child{padding-left:0}.profile-facts span:last-child{border-right:0}.profile-facts strong{color:var(--navy);font-size:20px}.profile-tags{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.profile-tags span{color:#24415f;background:#fff;border:1px solid #b9c8d7;border-radius:4px;padding:8px 11px;font-size:12px;font-weight:800}.contact-status{width:min(var(--container), calc(100% - 48px));background:#fff;border:1px solid #cbd8e5;border-radius:6px;grid-template-columns:32px 1fr auto;align-items:center;gap:18px;margin:56px auto;padding:24px 28px;display:grid}.contact-status>svg{color:#6b7f95}.contact-status strong{font-size:16px}.contact-status p{color:var(--muted);margin:5px 0 0;font-size:14px;line-height:1.6}.contact-status a{color:var(--blue);align-items:center;gap:7px;font-size:14px;font-weight:800;display:flex}footer{border-top:1px solid #d6e0eb;height:90px}footer nav{color:#334862;align-items:center;gap:30px;font-size:13px;font-weight:700;display:flex}@media (width<=1080px){.nav{gap:20px}.hero{grid-template-columns:1fr;padding-top:58px}.hero-copy{max-width:760px}.dashboard-shell{width:100%}.stats-inner{grid-template-columns:repeat(4,1fr)}.stat{border-bottom:1px solid #d3deea;min-height:96px}.stat:nth-child(4n+1){border-left:1px solid #d3deea}.stat:nth-last-child(-n+3){border-bottom:0}.project-row{grid-template-columns:48px 1fr 1.35fr 1fr}.project-actions{flex-direction:row;grid-column:2/-1;align-items:center}.detail-link{justify-content:flex-start}.archive-category{grid-template-columns:220px 1fr;gap:28px}.archive-item{grid-template-columns:minmax(150px,.8fr) 1.4fr;gap:14px}.value-item{grid-template-columns:32px 1fr;gap:10px;padding:4px 16px}.works-grid{grid-template-columns:repeat(3,1fr)}.hero-preview{width:min(100%,720px)}.value-grid{grid-template-columns:repeat(2,1fr);row-gap:30px}.value-item:nth-child(2){border-right:0}}@media (width<=760px){.site-header{height:58px}.header-inner,.footer-inner,.hero,.stats-inner,.section,.contact-status{width:min(100% - 32px, var(--container))}.brand{gap:8px}.brand strong{font-size:15px}.brand span{display:none}.header-inner>.brand{margin-right:auto}.motion-toggle{order:1;margin-left:0;margin-right:8px}.menu-button{order:2;place-items:center;width:40px;height:40px;display:grid}.nav{border-bottom:1px solid var(--line);background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:20px 24px 24px;display:none;position:absolute;top:58px;left:0;right:0;box-shadow:0 14px 28px #0f28461f}.nav.open{display:flex}.nav a{padding:13px 4px}.nav-cta{text-align:center;margin:8px 0 0}.hero{gap:24px;min-height:auto;padding:34px 0 28px}.hero h1{font-size:28px;line-height:1.5}.hero h1 span{white-space:normal;text-wrap:balance}.hero-copy>p{margin:16px 0 20px;font-size:14px;line-height:1.85}.hero-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.button{width:100%;min-width:0;padding:0 10px;font-size:13px}.proof-line{gap:8px 14px;margin-top:22px;font-size:10px;display:flex}.proof-line svg{width:14px;height:14px}.dashboard-head{padding:0 14px}.dashboard-body{padding:10px}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric{padding:11px}.metric strong{font-size:21px}.dashboard-focus{grid-template-columns:1fr;padding:15px}.system-step{min-height:66px}.dashboard-foot{grid-template-columns:1fr 1.45fr 22px}.dashboard-foot strong{font-size:12px}.stats-inner{grid-template-columns:repeat(2,1fr)}.stat{border-bottom:1px solid #d3deea;justify-content:flex-start;min-height:98px;padding:16px 12px}.stat:nth-child(odd){border-left:1px solid #d3deea}.stat:nth-last-child(-n+3){border-bottom:1px solid #d3deea}.stat:last-child{border-bottom:0;grid-column:1/-1;justify-content:center}.section{padding:52px 0}.section-intro{grid-template-columns:1fr;gap:10px;margin-bottom:24px}.section-intro h2,.profile-title h2{font-size:25px}.project-list{gap:16px}.project-row{border:1px solid #cfdbe7;border-radius:5px;grid-template-columns:48px 1fr;gap:13px;padding:18px 16px}.project-name{border-right:0;padding-right:0}.project-summary,.project-media,.project-actions{grid-column:1/-1}.project-preview{height:116px}.detail-link{border:1px solid #a9c9ef;border-radius:4px;justify-content:center;min-height:42px}.project-actions{grid-template-columns:1fr;align-items:stretch;display:grid}.public-link{border:1px solid #aad7c8;border-radius:4px;justify-content:center;min-height:42px}.archive-section{padding:54px 16px}.archive-filters{scrollbar-width:thin;flex-wrap:nowrap;margin-right:-16px;padding-right:16px;overflow-x:auto}.archive-filters button{flex:none}.archive-category{grid-template-columns:1fr;gap:22px;padding:26px 0}.archive-category>header{grid-template-columns:36px 1fr}.archive-item{grid-template-columns:1fr;gap:4px;min-height:auto}.case-studies{padding:54px 16px}.case-grid{grid-template-columns:1fr}.case-card{padding:23px 19px}.value-grid{grid-template-columns:1fr}.value-item,.value-item:first-child,.value-item:last-child{border-bottom:1px solid #d3deea;border-right:0;grid-template-columns:40px 1fr;gap:14px;min-height:auto;padding:24px 0}.value-item:last-child{border-bottom:0}.value-item p{min-height:0}.works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.works-grid .visual-preview{--preview-height:130px}.work-visual{height:126px}.work-item:last-child{grid-column:1/-1;width:calc(50% - 7px)}.profile-section{padding:54px 16px}.profile-inner{grid-template-columns:1fr;gap:28px}.profile-copy p{font-size:15px}.profile-facts{grid-template-columns:1fr}.profile-facts span,.profile-facts span:first-child{border-bottom:1px solid #cbd7e3;border-right:0;padding:13px 0}.profile-facts span:last-child{border-bottom:0}.contact-status{grid-template-columns:28px 1fr;align-items:start;margin:38px auto;padding:20px}.contact-status a{border:1px solid #a9c9ef;border-radius:4px;grid-column:1/-1;justify-content:center;min-height:44px}footer{height:auto;padding:24px 0}.footer-inner{align-items:flex-start}footer nav{grid-template-columns:repeat(2,1fr);gap:12px 22px;display:grid}}@media (width<=390px){.hero h1{font-size:26px}.system-step{grid-template-columns:20px 20px 1fr}.system-step strong{font-size:11px}.dashboard-foot{grid-template-columns:1fr}.dashboard-foot svg{display:none}.works-grid{grid-template-columns:1fr}.work-item:last-child{grid-column:auto;width:auto}.work-visual{height:148px}.works-grid .visual-preview{--preview-height:210px}.footer-inner{flex-direction:column;gap:24px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.portfolio[data-motion=off] *,.portfolio[data-motion=off] :before,.portfolio[data-motion=off] :after{transition:none!important;animation:none!important}.portfolio[data-motion=off] .button:hover,.portfolio[data-motion=off] .visual-preview:hover{transform:none}.public-link-row{grid-template-columns:34px 1fr 22px;gap:10px}.public-link-type{grid-column:2;width:max-content;padding-top:2px}.public-link-row>svg{grid-area:1/3/3}.disclosure-notes{width:min(100% - 32px, var(--container));grid-template-columns:1fr;gap:10px;margin-bottom:54px;padding:18px}