@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--ink:#302b3b;--muted:#8c8795;--purple:#80709a;--blue:#3d74df;--line:#e9e5ed;--paper:#fcfbfd}*{box-sizing:border-box}body{color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-family:DM Sans,sans-serif;font-size:14px}button,textarea{font:inherit}button{cursor:pointer;transition:background .15s,transform .15s,box-shadow .15s}button:disabled{opacity:.45;cursor:wait}button,a,textarea{-webkit-tap-highlight-color:transparent}:is(button:focus-visible,a:focus-visible){outline-offset:4px;outline:3px solid #9dbaf5}.site-header{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:30px;height:80px;padding:0 5%;display:flex}.brand{color:var(--ink);align-items:center;gap:14px;text-decoration:none;display:flex}.brand strong{letter-spacing:.22em;font-family:Manrope,sans-serif;font-size:23px;font-weight:500;line-height:1.2}.brand small{color:#92899f;letter-spacing:.21em;margin-top:6px;font-size:8px;display:block}.brand-icon{align-items:center;gap:4px;width:33px;height:37px;display:flex;transform:rotate(24deg)}.brand-icon i{border:1.3px solid #9c8caf;border-radius:100%;width:7px;height:22px}.brand-icon i:nth-child(2){height:36px}.brand-icon i:nth-child(3){height:27px}.header-divider{background:var(--line);width:1px;height:25px}.workspace-label{color:#8c8597;font-size:12px}.header-actions{align-items:center;gap:21px;margin-left:auto;display:flex}.icon-button{color:#9a92a3;background:0 0;border:0;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.icon-button:hover{color:var(--purple);background:#f1eef6}.button-share{color:#706080;background:#f1edf7;border:1px solid #e8e1ee;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:40px;padding:0 15px;font-size:12px;font-weight:550;display:inline-flex}.button-share:hover{background:#e9e1f3}.button-share svg:last-child{margin-left:12px}.intro{max-width:1440px;margin:auto;padding:31px 5% 29px;position:relative;overflow:hidden}.eyebrow{color:#9987aa;letter-spacing:.18em;align-items:center;gap:8px;font-size:9px;font-weight:600;display:flex}.eyebrow>span{background:#b39ac5;border-radius:50%;width:5px;height:5px}h1{letter-spacing:-.035em;margin:12px 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,3.4vw,44px);font-weight:400;line-height:1.19}h1 em{color:#9982ad;font-weight:400}.intro>p{color:#928a9b;margin:0;font-size:13px;line-height:1.85}.intro>p strong{color:var(--blue);font-weight:600}.intro-decoration{opacity:.7;width:215px;height:160px;position:absolute;top:0;right:9%;transform:rotate(-28deg)scale(.68)}.intro-decoration span{border:1px solid #e5ddec;border-radius:50%;width:85px;height:155px;position:absolute;top:0}.intro-decoration span:first-child{left:0}.intro-decoration span:nth-child(2){left:34px}.intro-decoration span:nth-child(3){left:68px}.intro-decoration span:nth-child(4){left:102px}.board-shell{background:#fff;border:1px solid #e5dfec;border-radius:14px;margin:0 5%;overflow:hidden;box-shadow:0 6px 24px #49336504}.board-toolbar{border-bottom:1px solid var(--line);align-items:center;gap:25px;height:56px;padding:0 27px;display:flex}.board-title{align-items:center;gap:10px;display:flex}.map-symbol{color:#9e8bb0;font-size:22px;line-height:1}h2{margin:0;font-size:13px;font-weight:600}.board-version{color:#a598b2;background:#f3f0f7;border-radius:4px;margin-left:5px;padding:3px 6px;font-size:9px}.save-status{color:#9b94a3;align-items:center;gap:7px;margin-left:auto;font-size:10px;display:flex}.status-dot{background:#92b59c;border-radius:50%;width:5px;height:5px}.warning{background:#c68a52}.status-error{color:#ad7448}.export-button{border:0;border-left:1px solid var(--line);color:#918599;background:0 0;align-items:center;gap:7px;height:22px;padding:0 0 0 22px;font-size:10px;display:flex}.export-button:hover{color:var(--ink)}.canvas{scrollbar-color:#d9cee2 transparent;scrollbar-width:thin;background-color:#fdfcfe;background-image:radial-gradient(#e5dfeb 1px,#0000 1px);background-size:19px 19px;min-height:410px;max-height:72vh;padding:24px 46px 16px;overflow:auto}.canvas-caption{color:#b2a7bc;letter-spacing:.14em;align-items:center;gap:9px;font-size:8px;font-weight:500;display:flex}.caption-line{background:#bbabc9;width:17px;height:1px}.columns{align-items:flex-start;gap:53px;width:max-content;min-width:100%;padding:19px 0 16px;display:flex}.section-column{flex-shrink:0;width:268px;position:relative}.section-number{color:#b7abc2;text-align:center;letter-spacing:.1em;margin:0 0 10px;font-size:9px}.oval{background:#f1eaf6;border:1.5px solid #b09bc1;border-radius:50%;justify-content:center;align-items:center;min-height:84px;padding:23px 30px;display:flex;position:relative;box-shadow:0 4px 13px #8e6eaa06}.oval:hover{background:#eee5f5}.oval:focus-within{border-color:#9c7cb9;box-shadow:0 0 0 4px #bfa5d51c}.editable-wrap{width:100%;position:relative}textarea{resize:none;text-align:center;background:0 0;border:none;border-radius:5px;outline:none;width:100%;min-width:0;padding:5px 0;transition:background .2s;display:block;overflow:hidden}textarea:focus{background:#ffffff50}.section-input{color:#786089;font-size:17px;font-weight:500;line-height:1.4}.section-input::placeholder{color:#a18caa;font-weight:400}.descriptions{flex-direction:column;align-items:center;gap:24px;padding-top:28px;display:flex}.cloud-wrap{justify-content:center;align-items:center;width:255px;min-height:120px;display:flex;position:relative}.cloud-wrap:before,.branch-actions:before{content:"";background:#cfc1dc;width:1px;height:29px;display:block;position:absolute;top:-29px;left:50%}.cloud-wrap:after{content:"";border-bottom:1px solid #c3afd3;border-right:1px solid #c3afd3;width:5px;height:5px;position:absolute;top:-4px;left:calc(50% - 3px);transform:rotate(45deg)}.cloud-shape{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.cloud-shape path{fill:#fff;stroke:#d4c4df;stroke-width:1.1px;vector-effect:non-scaling-stroke}.cloud-wrap:focus-within .cloud-shape path{stroke:#a78abc;fill:#fffcff}.cloud-content{width:100%;padding:30px 28px 24px;position:relative}.description-input{color:#6e617c;font-size:13px;font-weight:400;line-height:1.75}.description-input::placeholder{color:#a397ae}.remove-node{color:#9e89ad;opacity:0;background:#fff;border:1px solid #e4dbe9;border-radius:50%;place-items:center;width:23px;height:23px;display:grid;position:absolute;top:6px;right:16px}.cloud-wrap .remove-node{top:18px;right:8px}.node:hover>.remove-node,.node:focus-within>.remove-node{opacity:1}.remove-node:focus-visible{opacity:1}.remove-node:hover{color:#ac667c;background:#f7edf2}.add-description{flex-direction:column;align-items:center;gap:10px;display:flex;position:relative}.branch-actions{justify-content:center;gap:35px;width:100%;display:flex;position:relative}.branch-actions .add-description{min-width:82px}.branch-actions:after{content:"";z-index:0;border-top:1px solid #cfc1dc;width:82px;position:absolute;top:15px;left:calc(50% - 41px)}.branch-actions .plus-button{z-index:1}.service-branch{flex-shrink:0}.subservice-list{flex-direction:column;gap:28px;margin-top:26px;padding-top:32px;display:flex;position:relative}.subservice-list:before{content:"";border-left:1px dashed #c0b2d0;height:50px;position:absolute;top:-26px;left:50%}.subservice-branch{width:100%;position:relative}.subservice-label{color:#a397b4;text-align:center;letter-spacing:.08em;margin-bottom:10px;font-size:8px}.subservice-oval{background:#edf2fc;border-color:#a4b6dd}.subservice-oval:hover{background:#e6edfb}.subservice-oval .section-input{color:#627aa8;font-size:15px}.subservice-branch .cloud-shape path{fill:#fff}.plus-button{background:var(--blue);color:#fff;border:1px solid #3972e1;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;display:grid;box-shadow:0 3px 6px #3266cc15}.plus-button:hover{background:#2c62cc;transform:scale(1.06);box-shadow:0 3px 12px #3266cc30}.add-description>span{color:#aaa0b5;font-size:9px}.add-section{align-items:center;gap:15px;margin-left:-21px;padding-top:41px;padding-right:55px;display:flex;position:relative}.add-section:before{content:"";background:#dbd1e5;width:30px;height:1px;position:absolute;top:62px;left:-30px}.plus-large{width:44px;height:44px}.add-section>div{min-width:126px}.add-section strong{color:#8b7b99;font-size:12px;font-weight:500;display:block}.add-section>div>span{color:#b3a9bf;margin-top:5px;font-size:10px;display:block}.canvas-bottom{color:#b0a5bc;align-items:center;gap:7px;padding:15px 0 3px;font-size:9px;display:flex}.board-footer{border-top:1px solid var(--line);color:#a399ae;justify-content:space-between;align-items:center;gap:10px;min-height:43px;padding:10px 27px;font-size:9px;display:flex}.board-footer>span{align-items:center;gap:5px;display:flex}.board-footer b{color:#877791;font-weight:500}.board-footer i{background:#ccc1d5;border-radius:50%;width:2px;height:2px;margin:0 4px}.board-footer svg{color:#aa9bb9;margin-right:2px}.page-footer{color:#b4aabb;justify-content:space-between;align-items:center;margin:25px 5% 28px;font-size:10px;display:flex}.page-footer>span:first-child{font-family:Georgia,serif;font-size:13px;font-style:italic}.page-footer>span:last-child{letter-spacing:.13em;font-size:8px}.footer-dot{color:#ab96bb;margin:0 7px}.help-panel{background:#f3eef8;border:1px solid #e6ddec;border-radius:12px;justify-content:space-between;gap:24px;margin:0 5% 22px;padding:22px 45px 22px 25px;display:flex;position:relative}.help-panel>div{color:#9a84ad;flex:1;gap:12px;display:flex}.help-panel svg{flex-shrink:0;margin-top:2px}.help-panel p{margin:0;font-size:11px;line-height:1.6}.help-panel strong{color:#73617f;font-weight:550;display:block}.help-panel p span{color:#a091ae}.help-panel>button{position:absolute;top:8px;right:8px}.loading-board{color:#9e8ead;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:300px;display:flex}.loading-board p{font-size:12px}.spin{animation:1.5s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast{z-index:20;color:#756281;background:#fff;border:1px solid #e1d6e9;border-radius:12px;align-items:center;gap:22px;max-width:calc(100% - 30px);padding:14px 16px 14px 22px;font-size:12px;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 10px 45px #49345b20}.toast button{color:#7d5e96;background:#f1ebf7;border:0;border-radius:5px;align-items:center;gap:6px;padding:7px 10px;font-size:11px;display:flex}.toast .toast-close{color:#ad9ebb;background:0 0;padding:5px}.connection-notice{color:#a66f45;margin:0 5% 20px;font-size:12px}.connection-notice button{color:inherit;background:0 0;border:0;text-decoration:underline}.field-problem{text-align:center;color:#af6d48;background:#fff6ee;border-radius:8px;margin-top:10px;padding:8px;font-size:10px;line-height:1.5}.field-problem p{margin:0 0 6px}.field-problem button{color:#996442;background:#fff;border:1px solid #eed5bf;border-radius:4px;padding:4px 6px;font-size:9px}.conflict-actions{flex-wrap:wrap;justify-content:center;gap:5px;display:flex}@media (min-width:1600px){.intro,.site-header,.board-shell,.page-footer,.help-panel{max-width:1440px;margin-left:auto;margin-right:auto}.site-header{padding-left:35px;padding-right:35px}.intro{padding-left:0}}@media (max-width:700px){.site-header{gap:18px;height:80px;padding:0 6%}.brand strong{font-size:19px}.brand small{font-size:6px}.brand-icon{transform:rotate(24deg)scale(.85)}.brand{gap:9px}.workspace-label,.header-divider{display:none}.header-actions{gap:7px}.button-share{min-height:36px;padding:0 10px;font-size:11px}.button-share svg:last-child{display:none}.intro{padding:35px 6% 30px}.intro-decoration{opacity:.35;top:80px;right:-60px;transform:rotate(-28deg)scale(.65)}.eyebrow{font-size:8px}h1{max-width:350px;font-size:35px}.intro>p{max-width:310px;font-size:11px}.desktop-break{display:none}.board-shell{border-radius:11px;margin:0 4%}.board-toolbar{gap:10px;height:59px;padding:0 16px}.board-title{gap:7px}h2{font-size:12px}.board-version{display:none}.save-status{gap:5px;font-size:9px}.export-button{padding-left:10px}.export-button span{display:none}.canvas{min-height:430px;padding:26px 24px 18px}.columns{gap:45px}.section-column{width:240px}.cloud-wrap{width:230px;min-height:135px}.oval{min-height:94px}.add-section{padding-right:25px}.add-section:before{width:20px;top:65px;left:-22px}.board-footer{padding:12px 16px;font-size:8px}.board-footer svg{display:none}.page-footer{margin:22px 6%}.page-footer>span:last-child{font-size:7px}.page-footer>span:first-child{font-size:11px}.help-panel{flex-direction:column;gap:17px;margin:0 4% 20px}.remove-node{opacity:1}.toast{gap:10px;padding:12px;font-size:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}