:root{--ink:#003b32;--navy:#003b32;--muted:#587370;--green:#00b982;--mint:#e8f6ef;--line:#d9e7e1;--yellow:#ffe34e;--page:#f7faf7;--shadow:0 15px 35px rgba(0,59,50,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--ink);font-family:Arial,sans-serif;font-size:15px}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}.brand{font-size:28px;font-weight:800;letter-spacing:-1.5px;display:inline-flex;align-items:center;gap:10px}.brand-mark{display:inline-grid;place-items:center;width:42px;height:52px;border-radius:13px 18px 15px 18px;background:linear-gradient(135deg,#04cda1,#38d8cb 48%,#f1ee72);color:white;font-size:25px;font-weight:800}.button{border-radius:999px;padding:15px 23px;display:inline-flex;gap:10px;align-items:center;justify-content:center;font-weight:700}.button.primary{background:linear-gradient(110deg,#00a575,#00cfa0);color:#fff;box-shadow:0 10px 20px rgba(0,165,117,.2)}.button.secondary{background:linear-gradient(135deg,#ffe34e,#9cdf55);color:#003b32}.button.light{background:#fff;border:1px solid var(--line);color:var(--ink)}.button.small{padding:11px 18px;font-size:13px}.icon-button{width:48px;height:48px;background:white;border:1px solid var(--line);border-radius:16px}.app-top,.editor-top,.landing-nav{height:86px;background:rgba(255,255,255,.83);display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid #edf6f2}.landing-nav nav{display:flex;gap:30px;font-size:12px;color:#415678}.landing-nav>div{display:flex;align-items:center;gap:25px;font-size:12px}.landing{max-width:1320px;padding:40px 4vw 20px;margin:auto}.hero{min-height:405px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;grid-gap:35px;gap:35px}.hero h1{font-size:54px;letter-spacing:-3.5px;line-height:1.03;margin:12px 0}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#02b47b,#9dd852,#f1cf35);-webkit-background-clip:text;background-clip:text;color:transparent}.centered>small,.hero small,.suggestion-hero small,.theme-banner small,.update-banner small{font-weight:800;color:#008a68;letter-spacing:1.5px;font-size:10px}.hero p{color:#6e7d9d;font-size:17px;line-height:1.35;max-width:520px;margin:0 0 21px}.hero .secondary{margin-left:10px}.avatars{display:flex;align-items:center;gap:9px;color:#1c3d55;margin-top:30px}.avatars span{font-size:12px;color:#6e7d9d}.laptop{position:relative;background:#fff;border:solid #121616;border-width:7px 7px 12px;border-radius:19px 19px 6px 6px;height:286px;box-shadow:0 25px 30px rgba(0,0,0,.16);padding:10px 20px}.laptop-head{display:flex;align-items:center;gap:8px;font-size:9px}.laptop-head .brand-mark{height:18px;width:14px;border-radius:6px;font-size:10px}.laptop-head span:last-child{margin-left:auto;color:#71809b}.laptop-profile{text-align:center}.laptop-profile .portrait{margin:9px auto 3px}.portrait{width:67px;height:67px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#b8f6d9,#b9c4a4 55%,#ebbd95);border:3px solid white;color:white;font-weight:800}.laptop-profile h3{margin:0;font-size:16px}.laptop-profile p,.laptop-profile small{font-size:8px;color:#6f7ea7}.laptop-profile p{margin:5px auto;max-width:270px}.public-socials{color:#00a976;font-weight:800}.laptop-cards{display:flex;gap:8px;margin-top:8px}.example-image,.laptop-cards i,.project-pics i,.public-pics i{background:linear-gradient(135deg,#61c0d2,#c6e8cf 45%,#efdaa3);border-radius:6px;display:block;flex:1 1;height:53px}.laptop-base{position:absolute;width:112%;height:10px;border-radius:0 0 40% 40%;background:#8c9291;bottom:-21px;left:-6%}.centered{text-align:center;padding:55px 0 0}.centered h2,.landing-cta h2{font-size:31px;letter-spacing:-1.6px;margin:7px 0}.centered>p{color:#7887a7;margin:0 0 20px}.example-grid,.feature-grid,.how-grid{display:grid;grid-gap:18px;gap:18px;text-align:left}.how-grid{grid-template-columns:repeat(3,1fr)}.feature-grid article,.how-grid article{background:white;border:1px solid #edf0f5;border-radius:15px;padding:25px;box-shadow:0 5px 14px rgba(25,80,70,.04);position:relative}.how-grid article>span{position:absolute;top:22px;left:42%;background:#d7faec;border-radius:50%;padding:7px}.feature-grid svg,.how-grid svg{color:#009d70}.how-grid h3{margin:19px 0 7px}.feature-grid p,.how-grid p{margin:0;color:#6f7e9e;line-height:1.35}.feature-grid{grid-template-columns:repeat(4,1fr)}.feature-grid article{padding:22px}.feature-grid h3{font-size:15px;margin:13px 0 7px}.feature-grid p{font-size:13px}.example-grid{grid-template-columns:repeat(4,1fr)}.example-grid article{background:#fff;border-radius:13px;padding:0 14px 15px;box-shadow:var(--shadow);position:relative;overflow:hidden}.example-image{height:104px;border-radius:0;margin:0 -14px 12px}.e1{background:linear-gradient(135deg,#e5c7a1,#f7eee1,#a8c8a0)}.e2{background:linear-gradient(135deg,#777,#252525,#b2d5db)}.e3{background:linear-gradient(135deg,#d78f4b,#f6e3b9,#c8a078)}.mini-avatar{position:absolute;top:79px;left:17px;width:42px;height:42px;border-radius:50%;background:#d7ecd8;border:3px solid white;display:grid;place-items:center}.example-grid h3{font-size:14px;margin:22px 0 3px}.example-grid p{color:#63739a;font-size:12px;margin:0 0 10px}.example-grid div{color:#00a87b}.example-grid a{display:block;text-align:center;color:#009d70;font-size:12px;font-weight:700;border-top:1px solid var(--line);padding-top:12px;margin-top:10px}.landing-cta{margin:55px 0 30px;padding:27px 40px;border-radius:20px;background:linear-gradient(110deg,#dcfae6,#fff5ad);display:flex;justify-content:space-between;align-items:center}.landing-cta p{max-width:560px;color:#5e718f;margin:7px 0 0}.landing-footer{display:flex;justify-content:space-between;background:white;padding:30px 5vw;color:#6e7d9b;font-size:11px;line-height:1.7}.landing-footer .brand{color:var(--ink);font-size:22px}.landing-footer .brand-mark{width:27px;height:34px;font-size:16px}.app-shell{min-height:100vh;background:radial-gradient(circle at 55% 23%,#e5fbf0,transparent 28%),var(--page)}.app-top{position:fixed;z-index:3;width:100%;padding-left:34px}.app-top .search{width:min(58vw,806px);background:white;border:1px solid var(--line);height:48px;border-radius:16px;gap:14px;padding:0 16px;color:#7b89b2}.app-top .search,.user-menu{display:flex;align-items:center}.user-menu{gap:10px;color:#11266c}.avatar{display:grid;place-items:center;width:49px;height:49px;border-radius:50%;background:linear-gradient(135deg,#c4f5d7,#9e765e);color:white;font-weight:800}.side-nav{position:fixed;top:86px;bottom:0;width:254px;background:rgba(255,255,255,.74);padding:22px 17px}.nav-link{display:flex;gap:23px;align-items:center;padding:15px 18px;border-radius:13px;color:#0c2772;font-size:16px;margin:3px 0}.nav-link.is-active{background:#d9f9ec;color:#062d34;font-weight:700}.pro-card{position:absolute;left:20px;right:17px;bottom:38%;background:white;border:1px solid #e8edf3;padding:16px 14px 16px 65px;border-radius:14px;box-shadow:var(--shadow);color:#102664}.pro-card .sun{position:absolute;left:15px;top:17px;background:#fff3bb;padding:9px;border-radius:12px}.pro-card small{display:block;color:#7484aa;margin-top:4px}.pro-card svg{position:absolute;right:12px;top:30px}.app-content{padding:112px 30px 30px 290px;max-width:1510px}.page-heading{position:relative;margin-bottom:20px}.page-heading h1{font-size:40px;letter-spacing:-2.2px;margin:0}.page-heading p{margin:3px 0;color:#687bac;font-size:17px}.scribble{position:absolute;right:2%;top:0;color:#0d2470;font-size:16px;font-style:italic;transform:rotate(-8deg);font-family:cursive}.analysis-stats,.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.stat-card{background:white;border-radius:17px;padding:18px 22px;min-height:174px;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:flex-start}.icon-tile{background:linear-gradient(135deg,#d5fae8,#effdf5);color:#007e66;border-radius:14px;padding:12px;display:inline-flex}.icon-tile.yellow,.yellow{background:#fff5c4}.stat-card b{font-size:18px;margin-top:10px;color:#102668}.stat-card p{margin:5px 0;color:#7685aa}.advice button,.metric-card button,.stat-card button{border-radius:20px;background:#effaf5;margin-top:auto;padding:10px 15px;font-size:12px;display:flex;gap:10px;align-items:center}.main-aside,.network-layout,.settings-layout,.suggestions-layout{display:grid;grid-template-columns:1fr 288px;grid-gap:16px;gap:16px;margin-top:19px}.suggestion-hero,.theme-banner,.update-banner{background:linear-gradient(115deg,#e0f9ec,#fff9c8 70%,#b4f1c9);border-radius:18px;padding:28px 25px;display:flex;gap:26px;align-items:center;min-height:184px}.suggestion-hero h2,.theme-banner h2,.update-banner h2{font-size:27px;letter-spacing:-1.4px;margin:7px 0}.suggestion-hero p,.theme-banner p,.update-banner p{color:#6e7da3;margin:0 0 16px}.update-banner .secondary{margin-right:8px}.mini-art{min-width:295px;height:128px;border-radius:18px;background:linear-gradient(145deg,#ccf4e1,#fff);display:grid;place-items:center;color:white;font-size:46px}.panel{background:white;border-radius:17px;padding:14px 16px;margin-top:16px;box-shadow:var(--shadow)}.panel header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.panel h3{font-size:18px;margin:0;color:#12296d}.panel header button{color:#00a975;display:flex;gap:10px;align-items:center}.connection-row{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:10px;gap:10px}.connection{border:1px solid var(--line);padding:13px;border-radius:13px;display:grid;grid-template-columns:42px 1fr;grid-gap:6px;gap:6px;color:#0e2870;font-size:12px}.network-logo{height:35px;width:35px;border-radius:9px;display:inline-grid;place-items:center;background:#f04c80;color:#fff;font-weight:800}.n1{background:#111}.n2{background:#1476bd}.n3{background:#e31a12}.n4{background:#111}.n5{background:#1263ee}.connection .network-logo{grid-row:span 2}.connection small{color:#00ad78}.connection small i,.social-card small i{width:11px;height:11px;background:#04ba7b;border-radius:50%;display:inline-block;margin-right:7px}.connection em{grid-column:1/3;font-style:normal;color:#7181a4}.dashboard-aside{display:flex;flex-direction:column;gap:16px}.advice,.metric-card,.quick-actions,.quote{background:white;border-radius:17px;padding:18px;box-shadow:var(--shadow)}.advice h3,.quick-actions h3{margin:0 0 12px;color:#11286b}.quick-actions a{background:#f7f9fc;border-radius:13px;margin-top:8px;padding:14px;display:flex;gap:12px;align-items:center;color:#122d73}.quick-actions a svg:last-child{margin-left:auto}.advice{min-height:185px}.advice .icon-tile{float:left;margin-right:12px}.advice p{clear:both;color:#7080a5;line-height:1.3;font-size:13px}.quote{background:linear-gradient(135deg,#e1fae6,#fff1a8);min-height:159px;color:#0a326c;font-family:cursive;font-size:20px;font-style:italic;display:grid;place-items:center;text-align:center}.analysis-list>div{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:9px 0}.analysis-list b{flex:1 1;color:#122a70}.analysis-list b small{display:block;color:#7483a9;font-weight:400;margin-top:3px}.analysis-list em{font-style:normal;background:#dff9ed;color:#008f6a;border-radius:17px;padding:7px 13px;font-size:12px}.analysis-list.full button{border:1px solid var(--line);padding:9px 15px;border-radius:15px;display:flex;gap:8px}.toolbar{display:flex;gap:14px;margin:5px 0 19px}.network-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.social-card{background:white;border-radius:17px;padding:25px 20px 16px;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:flex-start;gap:8px}.social-card .large{width:55px;height:55px;font-size:26px}.social-card b{font-size:20px;color:#11286d}.social-card em,.social-card p{margin:0;color:#7181aa;font-style:normal}.social-card small{color:#00aa76;font-size:15px}.social-card button{width:100%;border-radius:12px;background:#e6faf0;padding:10px;margin-top:5px;color:#103069}.social-card .disconnect{background:#fff1f1;color:#dc3e41}.metric-card b{display:block;font-size:35px;color:#082b37;margin:5px 0}.metric-card b small{font-size:15px;display:inline;color:#10286d}.metric-card p{color:#7181a8;font-size:13px;line-height:1.35}.metric-card hr{border:0;border-top:1px solid var(--line);margin:17px 0}.analysis-stats{grid-template-columns:repeat(3,1fr)}.analysis-stats .stat-card{min-height:100px;display:block}.theme-banner{margin:18px 0;position:relative}.theme-banner>div:first-child{flex:1 1}.bar-graph{background:#fff;border-radius:14px;padding:16px;min-width:390px}.bar-graph div{margin:8px 0}.bar-graph span{display:flex;justify-content:space-between;color:#12316d;font-size:13px}.bar-graph i{background:#e5f1ee;height:12px;margin-top:4px}.bar-graph em,.bar-graph i{display:block;border-radius:20px}.bar-graph em{height:100%;background:linear-gradient(90deg,#04b88b,#70ddac)}.theme-banner .quote{position:absolute;right:0;top:0;width:190px;height:100%;background:linear-gradient(135deg,#c1f6d6,#fff5b1);border-radius:0 18px 18px 0;box-shadow:none}.filter-tabs{display:flex;justify-content:flex-end;gap:7px;margin:-54px 0 12px}.filter-tabs button{padding:10px 18px;border-radius:16px;color:#183475}.filter-tabs .selected{background:#dcf7eb}.filter-tabs .primary{color:#fff}.filter-tabs.left{justify-content:flex-start;margin:0 0 17px}.suggestion-hero{min-height:176px}.robot{width:185px;height:130px;border-radius:50% 50% 45% 45%;display:grid;place-items:center;font-size:42px;color:white;background:radial-gradient(circle at 50% 40%,#273f50 0 20%,#00c484 22% 33%,transparent 34%),linear-gradient(135deg,#b0f2d0,#ffffb8)}.suggestion-list{display:grid;grid-gap:12px;gap:12px;margin-top:16px}.suggestion-list article{background:white;border-radius:17px;padding:17px 20px;box-shadow:var(--shadow);display:flex;align-items:center;gap:20px}.suggestion-list article>div{flex:1 1}.suggestion-list h3{margin:0;color:#112a70}.suggestion-list p{color:#7281aa;margin:4px 0;font-size:13px}.suggestion-list small{background:#dff8ed;color:#097a68;border-radius:15px;padding:4px 10px}.suggestion-list section{display:grid;grid-gap:7px;gap:7px}.suggestion-list section>button:not(.primary){border:1px solid var(--line);border-radius:15px;padding:9px 13px;color:#122b6c}.positive{background:#dff9ec;padding:12px;border-radius:11px;color:#008a6b!important}.settings-main{display:grid;grid-gap:14px;gap:14px}.setting-section{background:white;border-radius:16px;padding:13px 18px;box-shadow:var(--shadow)}.setting-section header{display:flex;gap:13px;align-items:center}.setting-section h3{margin:0;color:#11276c}.setting-section header p{margin:3px 0;color:#7181aa}.profile-form,.three-fields{display:grid;grid-template-columns:145px 1fr 1fr;grid-gap:13px;gap:13px;align-items:center;margin-top:12px}.profile-form .portrait{grid-row:span 2}.setting-section label{display:grid;grid-gap:6px;gap:6px;font-size:12px;font-weight:700;color:#0d2870}.setting-section input,.setting-section label button,.setting-section textarea{border:1px solid #d8dfed;border-radius:8px;padding:10px 12px;color:#173070;background:#fff;text-align:left}.three-fields{grid-template-columns:repeat(3,1fr)}.three-fields .toggle{background:#00ad78;color:white;border:0;width:55px;border-radius:20px}.visibility{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin:15px 0}.visibility button{border:1px solid var(--line);border-radius:10px;padding:14px;display:grid;grid-template-columns:30px 1fr;text-align:left;grid-gap:9px;gap:9px;color:#132c70;font-weight:700}.visibility button svg{grid-row:span 2}.visibility button small{font-weight:400;color:#7483a9}.visibility button.selected{border-color:#03c98e;background:#f6fffb}.visibility.compact{margin:14px 0 8px}.setting-row{border-top:1px solid var(--line);padding:11px 5px;font-weight:700;color:#132b70;display:flex;justify-content:space-between}.history button,.setting-row button{background:#effbf5;border-radius:16px;padding:7px 15px;color:#0e3a64;display:flex;align-items:center;gap:8px}.save-row{display:flex;justify-content:space-between;margin-top:10px}.save-row>button:first-child{border:1px solid #ccd5e4;border-radius:8px;padding:9px 15px;color:#12306b}.secured{display:block;border-top:1px solid var(--line);padding:13px 0;color:#183170}.secured:first-letter{color:#00b57c}.step-bar{display:flex;justify-content:center;gap:0;margin-bottom:42px}.step{display:grid;justify-items:center;position:relative;min-width:210px;color:#7984b2}.step:not(:last-child):after{content:"";position:absolute;left:64%;top:19px;width:72%;height:3px;background:#dae0ed}.step span{z-index:1;width:41px;height:41px;border-radius:50%;border:2px solid #e1e5f0;background:#fff;display:grid;place-items:center;font-weight:800}.step b{font-size:14px;margin-top:7px}.step.complete span,.step.current span{background:#00b987;color:#fff;border-color:#00b987;box-shadow:0 0 0 6px #d4faed}.step.complete{color:#067e65}.step.complete:after{background:#00c18e}.onboard-main{text-align:center;max-width:1010px}.onboard-main h1{font-size:52px;letter-spacing:-3px;margin:5px 0 10px}.onboard-main>p{font-size:22px;color:#7987b9;margin:0 0 30px}.choice{border:1px solid #dae1ed;border-radius:16px;padding:35px 20px;position:relative;min-height:325px}.choice.selected{background:#f6fffb;border-color:#00c78d;box-shadow:inset 0 0 0 1px #00c78d}.choice h3{font-size:23px;margin:18px 0 7px;color:#102b68}.choice p{color:#7180ae;margin:0 0 20px}.choice small{background:#e7f8f0;padding:8px 13px;border-radius:20px;color:#437b76}.choice-check{position:absolute;right:17px;top:17px;width:32px;height:32px;background:#00bf85;color:#fff;border-radius:50%;display:grid;place-items:center}.step-actions{display:flex;gap:30px;margin:22px}.round-button{width:66px;height:66px;border-radius:50%;background:white;border:1px solid #dfe5ef;color:#7180a6;font-size:28px;box-shadow:var(--shadow)}.round-button.green{background:#00b785;color:#fff}.network-box{background:#fff;border-radius:28px;padding:28px 32px;box-shadow:var(--shadow);text-align:left}.network-box h3{font-size:18px;color:#11296b}.onboard-network{height:73px;border:1px solid #dce3ee;border-radius:14px;margin:8px 0;padding:11px 17px;display:grid;grid-template-columns:46px 180px 1fr 1.5fr 110px 25px;align-items:center;grid-gap:8px;gap:8px;color:#11296b}.onboard-network .network-logo{width:40px;height:40px}.onboard-network .muted,.onboard-network .url{color:#7282af}.detected{background:#e3faed;color:#008f68;padding:9px;border-radius:16px;font-size:12px;display:flex;gap:4px;align-items:center}.url-input{border:1px solid #d9dfec;border-radius:10px;padding:14px;color:#7888b0}.url-input b{color:#132b6d;margin-left:15px}.url-input i{float:right;color:#00aa78;font-style:normal;font-size:13px;display:flex;gap:7px;align-items:center}.publish{width:70%;margin:15px auto 0;display:flex}.progress-ring{width:150px;height:150px;margin:15px auto;border-radius:50%;background:conic-gradient(#00c68e 0 78%,#e4f6ef 78%);display:grid;place-items:center;position:relative}.progress-ring:after{content:"";position:absolute;inset:15px;background:#fff;border-radius:50%}.progress-ring b{z-index:1;font-size:31px;color:#11286b}.soft-note{background:#f3f7fc;color:#7080af;padding:12px;border-radius:15px;margin:10px 0}.or{text-align:center;color:#7685ac;font-size:13px}.editor-top nav{gap:25px}.editor-top nav,.top-link{display:flex;align-items:center}.top-link{gap:9px;color:#6f7ea4}.top-link.active{color:#11256e;border-bottom:3px solid #00bd88;padding:28px 0}.editor-layout{padding:22px 32px;display:grid;grid-template-columns:310px 1fr 340px;grid-gap:15px;gap:15px;background:radial-gradient(circle at 44% 20%,#e9fcf2,transparent 28%);min-height:calc(100vh - 86px)}.browser,.editor-aside>section,.preview-side,.section-editor,.section-sidebar{background:white;border-radius:17px;padding:22px;box-shadow:var(--shadow)}.preview-side h2,.section-sidebar h2{font-size:25px;letter-spacing:-1.3px;margin:0}.preview-side>p,.section-sidebar>p{color:#7483ac;line-height:1.35}.section-item{width:100%;display:flex;align-items:center;gap:14px;padding:16px 10px;margin:7px 0;border-radius:12px;color:#122a70;text-align:left}.section-item.selected{background:#dcfaed;font-weight:700}.section-item>span{color:#9aaad0}.switch{margin-left:auto;width:36px;height:22px;background:#cfd8ea;border-radius:20px;position:relative}.switch:after{content:"";width:16px;height:16px;border-radius:50%;position:absolute;top:3px;left:3px;background:#fff}.switch.on{background:#00ba82}.switch.on:after{left:17px}.section-editor header{display:flex;gap:18px}.section-editor h1{margin:3px 0;color:#0e2a38}.section-editor header p{color:#7483ae;margin:0}.section-editor>label{display:grid;grid-gap:8px;gap:8px;font-weight:700;color:#12296a;margin-top:17px}.section-editor input,.section-editor textarea{border:1px solid #d8dfec;border-radius:11px;padding:12px 15px;color:#253a78;font-size:16px}.section-editor textarea{min-height:160px;resize:vertical;line-height:1.45}.ai-actions{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0}.ai-actions span{background:#e6f9ee;color:#276b67;border-radius:17px;padding:9px 12px;font-size:12px}.ai-actions span:nth-child(2){background:#fff6d8}.ai-actions button{flex:1 1;border:1px solid var(--line);border-radius:13px;padding:14px;color:#102c6b}.section-preview{border:1px solid #e9eef5;border-radius:13px;padding:14px;margin-top:16px}.section-preview h3{display:flex;gap:10px;margin:0 0 13px;color:#112b6b}.section-preview>div{min-height:230px;border-radius:15px;padding:25px 30px;background:linear-gradient(130deg,#eefff5,#c9f8de 50%,#fff);position:relative}.section-preview h2{font-size:27px;letter-spacing:-1px;margin:14px 0}.section-preview p{max-width:60%;color:#6679a2;line-height:1.35}.section-preview .preview{position:absolute;right:8%;bottom:20px;width:150px;height:150px;font-size:30px}.history p{border-left:2px solid #dce3ee;padding-left:14px;color:#142c6c}.history p:first-of-type{border-color:#00b981}.history small{color:#7382aa}.history button{margin-top:12px;width:100%;justify-content:space-between;background:white;border:1px solid var(--line)}.preview-layout{padding:22px 32px;display:grid;grid-template-columns:345px 1fr;grid-gap:17px;gap:17px;background:#f4fcf8;min-height:calc(100vh - 86px)}.preview-side{display:flex;flex-direction:column}.status-ready{background:#e7faef;border-radius:13px;padding:17px;margin:17px 0;display:grid;grid-gap:5px;gap:5px;color:#12316a}.status-ready b{color:#0e6e63}.preview-side h3{color:#10296c}.included{display:flex;align-items:center;gap:14px;background:#f7f9fb;padding:13px;border-radius:12px;margin:4px 0;color:#112a6e}.included b{margin-left:auto;color:#00b881}.preview-side>a{margin-top:17px;border:1px solid var(--line);border-radius:13px;padding:15px;display:flex;align-items:center;gap:15px;color:#11296c;font-weight:700}.preview-side>a svg:last-child{margin-left:auto}.browser{padding:0;overflow:hidden}.browser>header{height:52px;background:#f2f5fa;display:flex;align-items:center;gap:10px;padding:0 15px}.browser>header>i{width:14px;height:14px;border-radius:50%;background:#fb6657}.browser>header>i:nth-child(2){background:#ffbb3c}.browser>header>i:nth-child(3){background:#4ece68}.browser>header>div{margin-left:30px;background:white;border-radius:20px;flex:1 1;padding:9px 25px;color:#7483ac;font-size:13px}.portfolio-public{padding:12px 18px}.portfolio-public>nav{display:flex;justify-content:space-between;padding:8px 30px;color:#122e6d}.portfolio-public>nav b{font-size:20px;color:#092b36}.public-hero{text-align:center;padding:16px 20px 12px;border-radius:20px;background:radial-gradient(circle at 25% 5%,#e5ff74 0,transparent 20%),radial-gradient(circle at 0 100%,#a8f2db 0,transparent 28%),radial-gradient(circle at 100% 100%,#aaf1cb 0,transparent 24%),#fafffb}.portrait.public{width:130px;height:130px;margin:-30px auto 0;font-size:28px;border-width:5px}.public-hero h1{font-size:35px;letter-spacing:-2px;margin:6px 0}.public-hero>b{color:#143071}.public-hero p{max-width:590px;margin:9px auto;color:#6679a3;font-size:13px}.tags{display:flex;gap:8px;justify-content:center}.tags span{background:#e3f8ed;border-radius:15px;padding:6px 13px;color:#226969;font-size:12px}.public-socials{margin-top:11px}.public-grid{display:grid;grid-template-columns:1.15fr 1.3fr 1.25fr;grid-gap:11px;gap:11px;margin-top:13px}.public-grid>section{border:1px solid #ebeff5;border-radius:14px;padding:12px;color:#11306b}.public-grid h3{margin:0 0 10px}.public-grid p{font-size:12px;color:#6d7fa5;line-height:1.4}.public-grid button{background:#e7f8ee;border-radius:14px;padding:8px 12px;font-size:11px}.public-line{padding:8px;background:#f7f8fa;border-radius:9px;margin:5px 0!important;color:#16306d!important;font-weight:700}.project-pics,.public-pics{display:flex;gap:6px}.public-pics i{height:96px}.projects{grid-column:span 2}.project-pics i{height:82px}.portfolio-public footer{text-align:center;background:#e3f8ed;padding:10px;border-radius:15px;margin-top:13px;color:#477d79;font-family:cursive;font-size:12px}@media(max-width:1050px){.hero{grid-template-columns:1fr}.laptop{max-width:600px;margin:auto;width:100%}.app-top .search{width:45vw}.side-nav{width:215px}.app-content{padding-left:238px}.stats-grid{grid-template-columns:repeat(2,1fr)}.main-aside,.network-layout,.settings-layout,.suggestions-layout{grid-template-columns:1fr}.dashboard-aside,.right-rail{display:grid}.dashboard-aside,.network-grid,.right-rail{grid-template-columns:repeat(2,1fr)}.editor-layout{grid-template-columns:250px 1fr}.editor-aside{display:none}}@media(max-width:700px){body{font-size:14px}.landing-nav{padding:0 20px}.landing-nav nav,.landing-nav>div>a:first-child{display:none}.landing{padding:25px 20px}.hero h1,.onboard-main h1{font-size:39px}.hero .secondary{margin:10px 0 0}.example-grid,.feature-grid,.how-grid{grid-template-columns:1fr}.landing-cta,.landing-footer{display:block}.landing-cta .button{margin-top:16px}.landing-footer span{display:none}.app-top{padding:0 15px}.app-top .icon-button,.app-top .search,.user-menu b,.user-menu>span{display:none}.side-nav{top:auto;bottom:0;height:64px;width:100%;padding:7px;display:flex;z-index:4;overflow:auto}.nav-link{padding:10px;white-space:nowrap;font-size:0}.nav-link svg{width:22px}.pro-card{display:none}.app-content{padding:105px 16px 82px}.page-heading h1{font-size:32px}.scribble{display:none}.analysis-stats,.stats-grid{grid-template-columns:1fr 1fr}.stat-card{min-height:138px;padding:14px}.dashboard-aside,.main-aside,.network-layout,.right-rail,.settings-layout,.suggestions-layout{display:block}.dashboard-aside>*,.right-rail>*{margin-top:16px}.connection-row{grid-template-columns:repeat(2,1fr)}.suggestion-hero,.theme-banner,.update-banner{padding:18px;display:block}.mini-art,.theme-banner .quote{display:none}.network-grid{grid-template-columns:1fr}.step{min-width:96px;font-size:10px}.step:not(:last-child):after{width:65%;left:65%}.choice{min-height:220px}.network-box{padding:20px 15px}.onboard-network{grid-template-columns:42px 1fr 90px;min-height:68px;height:auto}.onboard-network .muted,.onboard-network .url{display:none}.editor-top{padding:0 18px}.editor-top nav .top-link{font-size:0}.editor-layout,.preview-layout{padding:14px;grid-template-columns:1fr}.section-sidebar{display:none}.browser{overflow:auto}.portfolio-public{min-width:700px}.preview-side{display:none}.editor-top .brand{font-size:20px}.editor-top .brand-mark{width:31px;height:38px}.profile-form{grid-template-columns:1fr}.profile-form .portrait{grid-row:auto}.three-fields,.visibility{grid-template-columns:1fr}.suggestion-list article{align-items:flex-start;flex-wrap:wrap}.suggestion-list section{width:100%;grid-template-columns:1fr 1fr}.filter-tabs{overflow:auto;justify-content:flex-start;margin:10px 0}.bar-graph{min-width:0}.theme-banner .bar-graph{margin-top:15px}.analysis-list>div{flex-wrap:wrap}.analysis-list em{margin-left:auto}.network-layout .right-rail{display:none}}.network-entry,.network-import{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.network-import-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.network-import-planb{padding:var(--space-2) var(--space-3);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface)}.network-import-planb summary{cursor:pointer;color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium)}.network-import-option{display:grid;grid-gap:var(--space-2);gap:var(--space-2);padding:var(--space-3) 0;border-top:1px solid var(--color-border)}.network-import-option:first-of-type{border-top:0}.network-import-option strong{color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-medium)}.network-import-option span{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-normal)}.network-import-option textarea{min-height:84px;resize:vertical}.network-import-option .app-button{justify-self:start}.network-import-fallback{display:grid;grid-gap:var(--space-2);gap:var(--space-2);justify-items:start;padding:var(--space-3);border:1px solid var(--color-warning-border);border-radius:var(--radius-md);background:var(--color-warning-bg)}.network-import-fallback>p{margin:0;color:var(--color-warning-text);font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:var(--leading-normal)}.network-import-fallback .network-import-option{width:100%;padding:0;border-top:0}.network-import-notice{margin:0;color:var(--color-success-text);font-size:var(--text-sm);font-weight:var(--weight-medium)}.network-import-callout{display:grid;grid-gap:var(--space-1);gap:var(--space-1);margin:var(--space-1) 0 var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.network-import-callout strong{color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.network-import-callout span{color:var(--color-text-secondary);font-size:var(--text-sm)}.network-import-link{justify-self:start;margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-primary-text);font-weight:var(--weight-medium);text-decoration:underline;text-underline-offset:3px}.network-import-hint{margin:var(--space-2) 0 0;color:var(--color-text-tertiary);font-size:var(--text-xs);text-align:center}.legal-page{max-width:820px;margin:0 auto;padding:48px 20px 80px;color:var(--ink);line-height:1.6}.legal-page h1{font-size:34px;letter-spacing:-1px;margin:16px 0 8px}.legal-page h2{font-size:20px;margin:32px 0 8px}.legal-page li,.legal-page p{color:#2f4f4a;font-size:15px}.legal-page .legal-meta{color:var(--muted);font-size:13px}.legal-page a{color:#007a56;text-decoration:underline}.legal-page ol{padding-left:22px}.lumi{display:block;overflow:visible}.lumi-wings{transform-box:fill-box;transform-origin:50% 100%}.lumi--glow .lumi-float,.lumi--idle .lumi-float,.lumi--point .lumi-float,.lumi--think .lumi-float{animation:lumi-float 2.6s ease-in-out infinite}.lumi:not(.lumi--sleep) .lumi-wings{animation:lumi-flap .32s ease-in-out infinite alternate}.lumi--peek .lumi-wings,.lumi--think .lumi-wings{animation-duration:.6s}.lumi--cheer .lumi-float{animation:lumi-hop .9s var(--ease-spring,ease-out) infinite}.lumi--peek .lumi-float{animation:lumi-peek 3.2s ease-in-out infinite}.lumi-arm-point{transform-box:fill-box;transform-origin:0 100%;animation:lumi-wave 1.4s ease-in-out infinite}.lumi-thought circle{animation:lumi-thought 1.8s ease-in-out infinite}.lumi-thought circle:nth-child(2){animation-delay:.3s}.lumi-thought circle:nth-child(3){animation-delay:.6s}.lumi-halo{transform-box:fill-box;transform-origin:center;animation:lumi-pulse 1.8s ease-in-out infinite}.lumi--glow .lumi-halo{animation-duration:.9s}.lumi--glow .lumi-lantern{filter:drop-shadow(0 0 6px #e8f56a)}.lumi-sparkles path{transform-box:fill-box;transform-origin:center;animation:lumi-twinkle 1.2s ease-in-out infinite}.lumi-sparkles path:nth-child(2){animation-delay:.3s}.lumi-sparkles path:nth-child(3){animation-delay:.6s}.lumi-zzz text{animation:lumi-zzz 2.4s ease-in-out infinite}.lumi-zzz text:nth-child(2){animation-delay:.6s}@keyframes lumi-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes lumi-flap{0%{transform:scaleY(1)}to{transform:scaleY(.72)}}@keyframes lumi-pulse{0%,to{opacity:.75;transform:scale(.94)}50%{opacity:1;transform:scale(1.08)}}@keyframes lumi-twinkle{0%,to{opacity:.2;transform:scale(.6)}50%{opacity:1;transform:scale(1.1)}}@keyframes lumi-hop{0%,to{transform:translateY(0)}40%{transform:translateY(-7px)}}@keyframes lumi-peek{0%,to{transform:translateY(3px)}50%{transform:translateY(-2px)}}@keyframes lumi-wave{0%,to{transform:rotate(0deg)}50%{transform:rotate(-10deg)}}@keyframes lumi-thought{0%,to{opacity:.25}50%{opacity:1}}@keyframes lumi-zzz{0%{opacity:0;transform:translateY(4px)}40%{opacity:1}to{opacity:0;transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.lumi,.lumi *{animation:none!important}}.lumi-tip{display:flex;align-items:center;justify-content:center;gap:10px}.lumi-tip .lumi{flex:none}.lumi-tip-bubble{position:relative;max-width:380px;margin:0;padding:12px 16px;border:2px solid var(--color-text);border-radius:18px;background:var(--color-surface,#fff);box-shadow:3px 3px 0 var(--color-text);color:var(--color-text);font-family:var(--font-display,inherit);font-size:15px;font-weight:600;line-height:1.4;text-align:left;animation:lumi-tip-in .4s var(--ease-spring,ease-out) both}.lumi-tip-bubble:after,.lumi-tip-bubble:before{content:"";position:absolute;top:50%;width:0;height:0;border-style:solid;transform:translateY(-50%)}.lumi-tip-bubble:before{left:-12px;border-width:9px 12px 9px 0;border-color:transparent var(--color-text) transparent transparent}.lumi-tip-bubble:after{left:-8px;border-width:7px 9px 7px 0;border-color:transparent var(--color-surface,#fff) transparent transparent}@keyframes lumi-tip-in{0%{opacity:0;transform:translateX(-6px) scale(.96)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.lumi-tip-bubble{animation:none}}.lumi-loader{display:flex;flex-direction:column;align-items:center;gap:6px;padding:24px 12px;color:var(--color-text-secondary);font-family:var(--font-display,inherit);font-size:14px;font-weight:600}.lumi-loader--page{justify-content:center;min-height:80vh;min-height:80svh;font-size:17px}.lumi-loader-label-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.lumi-empty{display:flex;justify-content:center}.lumi-empty .lumi-tip-bubble{max-width:300px;font-size:14px}