:root{--ink:#231036;--paper:#fff;--blue:#8719f5;--lime:#f4eaff;--line:#e8e1ee;--muted:#746287;--soft:#f8f4fb;--cyan:#c19ae8;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,"Avenir Next",Avenir,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{outline-offset:5px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--blue)}button,.button{border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:20px;background:var(--blue);color:#fff;padding:16px 23px;border-radius:11px;font-size:14px;font-weight:650;line-height:1.4;transition:background .18s,transform .18s}.button:hover,button:hover{background:#6912c1}.button:active,button:active{transform:translateY(1px)}button:disabled{opacity:.55;cursor:wait}.button.outline{color:var(--ink);background:#fff;border:1px solid var(--line)}.button.outline:hover{background:var(--soft)}.button.light{background:var(--cyan);color:var(--ink)}header{position:sticky;top:0;background:#ffffffee;backdrop-filter:blur(16px);border-bottom:1px solid var(--line);z-index:20}.nav{max-width:1300px;margin:auto;min-height:84px;padding:18px 36px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;font-size:21px;letter-spacing:-.9px;font-weight:760;white-space:nowrap}.brand span,.mini-brand{display:inline-grid;place-items:center;background:var(--blue);color:#fff;width:34px;height:36px;border-radius:10px;font-size:25px;font-weight:750;letter-spacing:-2px;margin-right:10px}.brand i{font-size:9px;font-style:normal;letter-spacing:.6px;margin:2px 0 0 7px;padding:4px 5px;background:var(--soft);border-radius:4px;color:#746287}nav{display:flex;align-items:center;gap:24px;margin-left:auto;font-size:13px;font-weight:550}nav>a:not(.button):hover{color:var(--blue)}nav .button{font-size:12px;padding:13px 18px;gap:12px}.menu{display:none}main{overflow:hidden}section{max-width:1250px;padding:92px 36px;margin:auto;scroll-margin-top:90px}p{line-height:1.75}h1,h2,h3,p{overflow-wrap:break-word}h1{font-size:clamp(46px,5.1vw,72px);font-weight:740;line-height:1.08;letter-spacing:-3.8px;margin:0 0 26px}h1 em{font-style:normal;color:var(--blue)}h2{font-size:clamp(30px,3.3vw,44px);font-weight:700;line-height:1.15;letter-spacing:-1.8px;margin:0 0 20px}h3{font-size:24px;line-height:1.25;letter-spacing:-.8px;margin:18px 0 14px}.eyebrow{display:block;font-size:10px;font-weight:750;letter-spacing:1.7px;text-transform:uppercase;color:var(--blue);margin-bottom:22px}.intro{max-width:540px;font-size:17px;color:var(--muted);line-height:1.8}.heading{max-width:660px;margin-bottom:40px}.heading p{color:var(--muted);font-size:16px}.note{font-size:12px;color:var(--muted);line-height:1.7}.hero{max-width:1300px;display:grid;grid-template-columns:1.06fr 1fr;gap:48px;align-items:center;padding-top:90px;padding-bottom:90px;position:relative}.hero:before{content:"";position:absolute;z-index:-1;inset:0 -100vw;background:radial-gradient(ellipse at 60% 70%,#f6eeff,transparent 40%),#fff}.hero .eyebrow{display:flex;align-items:center;gap:9px;letter-spacing:1.4px;margin-bottom:27px}.statusdot,.tiny-dot{width:6px;height:6px;display:inline-block;background:#5b2097;border-radius:50%;flex-shrink:0}.actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:30px}.textbutton{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:650}.textbutton:hover{color:var(--blue)}.play{display:inline-grid;place-items:center;width:31px;height:31px;border:1px solid var(--line);border-radius:50%;font-size:18px}.herofacts{display:flex;gap:17px;flex-wrap:wrap;font-size:10px;color:#746287;margin-top:32px}.herofacts span:before{content:'✓';color:var(--blue);margin-right:5px}.product-scene{min-width:0;position:relative;background:#27103f;border:1px solid #41265c;border-radius:23px;padding:23px 20px 0;box-shadow:0 30px 65px -35px #42176d70;transform:rotate(1deg)}.scene-top{display:flex;align-items:center;gap:5px;color:#ece0f7;font-size:12px;margin-bottom:20px}.scene-top .mini-brand{width:25px;height:27px;font-size:18px;border-radius:7px;margin-right:7px}.example{margin-left:auto;font-size:9px;letter-spacing:.5px;background:#ffffff12;border:1px solid #ffffff20;color:#d6c4e8;padding:5px 8px;border-radius:5px}.workspace{display:flex;min-width:0;border-radius:13px;overflow:hidden;background:#fff}.workspace-nav{padding:20px 9px;background:#f6f1fc;border-right:1px solid #eee6f7;display:flex;flex-direction:column;gap:14px}.workspace-nav span{display:grid;place-items:center;width:24px;height:26px;font-size:18px;color:#917da5}.workspace-nav .active{background:#8719f5;color:#fff;border-radius:5px}.workspace-main{min-width:0;flex:1;padding:24px 20px 15px}.workspace-title{display:flex;justify-content:space-between;gap:12px;align-items:center}.workspace-title small{font-size:7px;letter-spacing:1px;font-weight:750;color:#8b789d}.workspace-title h2{font-size:23px;letter-spacing:-.8px;margin:9px 0 21px}.avatar{font-size:9px;border-radius:50%;padding:10px;background:#f2e9fc;color:#7f49b6;font-weight:700}.preview-tabs{display:flex;gap:17px;border-bottom:1px solid #eee8f5;margin-bottom:20px}.preview-tabs button{color:#867399;background:none;border-radius:0;padding:0 0 11px;font-size:10px;border-bottom:2px solid transparent;letter-spacing:0}.preview-tabs button[aria-selected=true]{border-color:var(--blue);color:var(--blue)}.preview-content{min-height:177px}.projectline{display:flex;align-items:center;gap:9px;padding:10px;background:#f8f5fb;border:1px solid #f2edf6;border-radius:8px;margin-bottom:8px}.projecticon{display:grid;place-items:center;width:30px;height:32px;border-radius:7px;background:#f1e3ff;color:var(--blue);flex-shrink:0}.projectline small{display:block;font-size:7px;letter-spacing:.6px;color:#8a779d;margin-bottom:5px}.projectline strong{display:block;font-size:10px;line-height:1.4}.pill{font-size:8px;color:#4e2379;background:#e2f4ed;padding:5px 6px;border-radius:5px;margin-left:auto;white-space:nowrap}.taskline{display:flex;align-items:center;gap:8px;padding:12px 2px;border-bottom:1px solid #f2eef7;font-size:9px;line-height:1.4}.taskline small{font-size:7px;color:#9382a4;margin-left:auto;text-align:right}.taskcheck,.taskcircle{display:inline-grid;place-items:center;width:15px;height:15px;flex-shrink:0;background:#e0f3ed;color:#542584;border-radius:50%;font-size:9px}.taskcircle{background:none;border:1px solid #d8cde3}.workspace-footer{font-size:8px;color:#907fa0;margin-top:16px;display:flex;gap:6px;align-items:center}.workspace-footer .tiny-dot{width:4px;height:4px}.bobby-note{display:flex;align-items:center;gap:9px;padding:15px 16px 0;color:#fff;min-height:139px}.bobby-note img{width:145px;height:139px;object-fit:contain;object-position:center bottom;align-self:end}.bobby-note .eyebrow{font-size:7px;letter-spacing:1px;color:#d2a6ff;margin:0 0 9px}.bobby-note strong{font-size:17px;font-weight:550;letter-spacing:-.4px}.bobby-inline{padding:9px 0;background:none;color:var(--cyan);font-size:10px;gap:18px;display:flex}.bobby-inline:hover{background:none;color:#fff}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#faf7fc;display:flex;align-items:center;justify-content:center;gap:34px;padding:25px 30px;font-size:12px}.strip>span{color:var(--muted);font-size:10px;margin-right:24px}.strip b{font-weight:550}.strip i{font-size:17px;font-style:normal;color:#ab8fc8}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid var(--line);border-radius:var(--radius);padding:32px;background:#fff;position:relative;transition:border-color .2s,box-shadow .2s}.card:hover{border-color:#c8a7e9;box-shadow:0 15px 40px -30px #5a2590}.card .num{font-size:9px;letter-spacing:1.3px;color:#8a769d;font-weight:700;display:block;padding-bottom:24px;border-bottom:1px solid var(--line)}.card h3{margin-top:26px}.card p{font-size:14px;color:var(--muted)}.card>a:not(.button){display:inline-flex;align-items:center;font-size:12px;font-weight:650;color:var(--blue);margin-top:16px;line-height:1.6}.card .button{margin-top:18px}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.dark{background:#27103f;color:#fff;margin:5px 24px;border-radius:28px;position:relative;overflow:hidden}.dark:after{content:'';position:absolute;right:-80px;top:-230px;width:650px;height:650px;border:1px solid #ffffff0c;border-radius:50%;pointer-events:none}.dark section{position:relative;z-index:1;padding-top:75px;padding-bottom:75px}.dark .eyebrow{color:#bf95ea}.dark p{color:#cab6dd;font-size:14px}.dark .sectionlink{color:var(--cyan);display:inline-block;margin-top:20px;font-weight:650;font-size:13px}.step{display:grid;grid-template-columns:40px 1fr;gap:16px;padding:22px 0;border-bottom:1px solid #ffffff18;font-size:13px;color:#ad89d2}.step:first-child{padding-top:0}.step>b,.step b{color:#fff;font-size:17px;font-weight:550;display:block;letter-spacing:-.3px}.step p{margin:9px 0 0;font-size:13px}.configshell{display:grid;grid-template-columns:1.2fr 1fr;gap:0;border:1px solid var(--line);border-radius:22px;overflow:hidden}.configcaption{grid-column:1/-1;display:flex;gap:30px;justify-content:space-between;padding:22px 35px;background:#f9f5fc;border-bottom:1px solid var(--line);font-size:11px;color:#75618a}.configcaption b{color:var(--blue);font-size:10px;margin-right:8px}.configpanel{padding:35px}.configpanel>label{margin-bottom:20px}.configresult{background:#27103f;color:#fff;padding:38px;display:flex;flex-direction:column;align-items:flex-start}.configresult .eyebrow{color:#bf95ea;margin-top:27px;margin-bottom:16px}.configstamp{font-size:8px;letter-spacing:1px;color:#b59bcf;border-bottom:1px solid #ffffff20;width:100%;padding-bottom:22px}.configresult h3{font-size:31px;letter-spacing:-1px;margin:0 0 12px}.configresult p{font-size:13px;color:#cab6dd}.configresult .note{font-size:10px}.configresult button{background:var(--cyan);color:#27103f;width:100%;margin-top:12px}.configresult button:hover{background:#dcc4f5}.summarylabel{font-size:9px;letter-spacing:1px;color:#c5aae1}.featurechecks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:25px 0}.featurechecks label{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:9px;font-size:11px;font-weight:500;padding:14px 11px;cursor:pointer;min-height:47px}.featurechecks label:has(input:checked){border-color:#b97cf6;background:#f8f0ff}.featurechecks input{width:auto;margin:0;accent-color:var(--blue)}ul{line-height:1.9;font-size:13px;padding-left:19px}.featurelist{font-size:13px;line-height:2.1;color:#eee3f9;padding-left:18px;margin:20px 0}.sectorgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.sector{padding:25px 0;border-top:1px solid var(--line)}.sector .icon{font-size:23px;color:var(--blue)}.sector b{display:block;font-size:15px;margin:18px 0 8px}.sector p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}.demo{border:1px solid var(--line);background:#fff;padding:28px;border-radius:20px;box-shadow:0 20px 55px -35px #582c8555}.demotop{display:flex;align-items:center;justify-content:space-between;font-size:12px;gap:12px}.badge{background:#f4eefb;font-size:9px;padding:6px 9px;border-radius:5px;color:#77529c}.stages{display:flex;gap:5px;flex-wrap:wrap;margin:25px 0}.stage{font-size:9px;background:#f4f1f8;color:#7e6994;border-radius:5px;padding:8px}.stage.active{background:var(--blue);color:#fff}.demobody{background:#f9f5fc;padding:24px;border-radius:11px;min-height:220px}.demobody .eyebrow{font-size:8px;margin-bottom:14px}.demobody h3{font-size:22px;margin:0 0 16px}.demobody p{font-size:13px;color:var(--muted);margin:0}.demo>button{font-size:11px;margin:20px 6px 0 0;padding:12px 15px}.packages{padding-top:70px}.packages .card:nth-child(2){background:#27103f;color:#fff;border-color:#27103f}.packages .card:nth-child(2) .num{color:#ccaaef;border-color:#ffffff25}.packages .card:nth-child(2) ul{color:#dfcef0}.packages .card:nth-child(2) .button{background:var(--cyan);color:#27103f}.packages .card>span{font-size:9px;letter-spacing:1.4px;color:#9376b0}.packages ul{color:var(--muted);min-height:122px}.price{font-size:21px;letter-spacing:-.5px;font-weight:600;border-top:1px solid var(--line);padding-top:24px;margin-top:25px}.packages .card:nth-child(2) .price{border-color:#ffffff25}.channel{border-bottom:1px solid var(--line);padding:20px 0;display:grid;grid-template-columns:130px 1fr;gap:20px;font-size:12px}.channel:first-child{padding-top:0}.channel p{margin:0;color:var(--muted)}#verdieping{background:#f9f6fc;border-radius:26px;padding:50px 36px;max-width:1178px;margin:20px auto 35px}#verdieping .heading{margin-bottom:25px}#verdieping h2{font-size:31px}#verdieping .card{padding:24px}#verdieping .card h3{font-size:19px;margin-top:0}#verdieping .card p{font-size:12px}.formwrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;background:#f7f2fc;border:1px solid #eae0f3;border-radius:26px;padding:48px}.formwrap h2{font-size:40px}.formwrap p{font-size:14px;color:var(--muted)}.formwrap .note{font-size:11px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:11px;font-weight:650;color:var(--ink)}input,select,textarea{display:block;width:100%;margin-top:8px;border:1px solid #dbcfe7;border-radius:8px;background:#fff;color:var(--ink);padding:13px;font-size:13px;min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid #b677f5;border-color:transparent}textarea{min-height:120px;resize:vertical}input[type=checkbox]{accent-color:var(--blue)}.wide{grid-column:1/-1}.check{display:flex;gap:10px;font-size:10px;font-weight:400;line-height:1.7}.check input{width:auto;margin:3px 0 0;flex-shrink:0}.hp{position:absolute;left:-10000px}.status{font-size:13px;line-height:1.7;margin-top:18px}.faq{max-width:920px;padding-top:30px}.faq .heading{text-align:center;margin:0 auto 30px}.faq h2{font-size:36px}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq summary{cursor:pointer;font-size:14px;font-weight:600;line-height:1.6}.faq p{font-size:13px;color:var(--muted);max-width:740px}.sitefoot{background:#27103f;margin-top:30px}footer{max-width:1250px;margin:auto;padding:38px 36px;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:10px;color:#bea6d6;flex-wrap:wrap}footer b{font-size:12px;color:#fff}footer a:hover{color:#fff}.chat-launch{position:fixed;bottom:22px;right:22px;border:1px solid #ffffff33;box-shadow:0 8px 25px #27103f26;border-radius:50px;padding:14px 20px;font-size:12px;z-index:30}.chatpanel{position:fixed;right:22px;bottom:82px;width:350px;max-width:calc(100vw - 30px);max-height:75vh;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 20px 70px #27103f33;z-index:40;padding:24px}.chatpanel[hidden]{display:none}.chathead{display:flex;align-items:center;justify-content:space-between;font-size:14px}.chathead button{background:#f5f0fa;color:var(--ink);border-radius:50%;padding:1px 9px;font-size:24px}.chatlog{font-size:13px;line-height:1.7;color:#63487f;background:#f8f3fc;border-radius:12px;padding:17px;margin:20px 0}.chatoptions{display:grid;gap:9px}.chatoptions button{justify-content:space-between;background:white;border:1px solid var(--line);color:var(--ink);padding:13px;font-size:12px;text-align:left}.chatoptions button:hover{background:var(--soft);border-color:#cba3f3}.skip{position:absolute;left:-10000px}.skip:focus{left:15px;top:10px;z-index:60;background:#fff;padding:15px;border:2px solid var(--blue)}.content{max-width:860px;padding-top:30px}.content h2{font-size:29px;margin-top:42px;letter-spacing:-.8px}.content p{color:#68527e;font-size:16px}.content a{color:var(--blue);text-decoration:underline;text-underline-offset:4px}.articlehero{padding-bottom:30px;max-width:1100px}.articlehero h1{font-size:clamp(37px,5vw,64px);max-width:950px}.articlehero .intro{max-width:750px}.breadcrumbs{font-size:12px;color:var(--muted);margin-bottom:28px}.breadcrumbs a{text-decoration:underline}.related a{display:inline-block;margin:8px 18px 8px 0}.workflow{display:flex;gap:10px;flex-wrap:wrap}.workflow span{padding:9px 12px;border:1px solid #ffffff30;border-radius:6px;font-size:11px}
@media(min-width:1500px){.hero{padding-top:115px;padding-bottom:115px}}
@media(max-width:1100px){.nav{padding:17px 25px;gap:15px}nav{gap:17px;font-size:12px}.brand{font-size:19px}.brand i{display:none}.hero{gap:27px;padding-left:30px;padding-right:30px}.hero h1{font-size:53px;letter-spacing:-2.9px}.actions{gap:17px}.actions .button{font-size:12px}.workspace-main{padding:20px 13px 15px}.product-scene{padding:18px 14px 0}.projectline strong{font-size:9px}.workspace-title h2{font-size:21px}.herofacts{gap:10px;font-size:9px}.strip{gap:23px}.split{gap:45px}.formwrap{gap:35px;padding:35px}}
@media(max-width:880px){.menu{display:flex;margin-left:auto;font-size:11px;padding:10px 12px;background:var(--soft);color:var(--ink);gap:14px}nav{display:none;position:absolute;top:72px;left:0;right:0;background:white;border-bottom:1px solid var(--line);padding:22px 26px;flex-direction:column;align-items:stretch;gap:0;font-size:14px;box-shadow:0 16px 22px #27103f08}nav.open{display:flex}nav>a{padding:15px 0}nav .button{margin-top:12px}.nav{min-height:72px}.hero{grid-template-columns:1fr;gap:45px;padding:60px 28px;max-width:700px}.hero h1{font-size:clamp(44px,7.8vw,64px)}.herocopy{max-width:620px}.product-scene{max-width:540px;width:100%;margin:auto;transform:none}.workspace-main{padding:25px}.workspace-title h2{font-size:26px}.projectline strong{font-size:12px}.taskline{font-size:11px}.taskline small{font-size:9px}.preview-tabs button{font-size:12px}.preview-content{min-height:190px}.workspace-footer{font-size:10px}.bobby-note{padding-top:20px}.bobby-note img{width:165px;height:145px}.bobby-note strong{font-size:21px}.bobby-note .eyebrow{font-size:8px}.bobby-inline{font-size:12px}.strip{gap:18px;font-size:11px}.strip>span{display:none}section{padding:65px 26px}.grid{gap:14px}.card{padding:24px}.card h3{font-size:22px}.card p{font-size:13px}.card .num{font-size:8px}.split{grid-template-columns:1fr;gap:35px}.split .heading{margin-bottom:0}.dark{margin:0 16px;border-radius:22px}.dark section{padding:50px 30px}.configshell{grid-template-columns:1fr}.configcaption{gap:12px;padding:19px 25px;font-size:10px}.configresult{padding:30px}.configresult .eyebrow{margin-top:23px}.sectorgrid{grid-template-columns:1fr 1fr;gap:15px 25px}.packages ul{min-height:160px}.formwrap{grid-template-columns:1fr;gap:25px;padding:30px}.formwrap h2 br{display:none}#verdieping{margin:0 22px;padding:35px 25px}#verdieping .grid{grid-template-columns:1fr 1fr}.article-page header nav{display:flex;position:static;flex-direction:row;padding:0;border:0;box-shadow:none;font-size:11px;gap:15px;background:none}.article-page header nav a{padding:0}.article-page header nav .button{margin:0;padding:10px}}
@media(max-width:620px){.grid{grid-template-columns:1fr}.packages ul{min-height:0}.packages .card{padding:29px}.card .num{font-size:9px;padding-bottom:20px}.card h3{font-size:25px}.card p{font-size:14px}.hero{padding:44px 22px 45px;gap:35px}.hero h1{font-size:clamp(40px,10vw,55px);letter-spacing:-2.5px}.hero .eyebrow{font-size:8px;margin-bottom:20px;letter-spacing:1.1px}.intro{font-size:15px}.actions{gap:19px;margin-top:25px}.actions .button{padding:15px 18px;font-size:12px}.textbutton{font-size:11px}.herofacts{font-size:9px;gap:9px 15px;margin-top:23px}.product-scene{border-radius:18px;padding:16px 12px 0}.scene-top{font-size:10px;margin-bottom:15px}.workspace-nav{padding:17px 6px;gap:15px}.workspace-nav span{width:19px;font-size:15px}.workspace-main{padding:19px 12px 14px}.workspace-title h2{font-size:22px;margin-bottom:18px}.preview-tabs{gap:17px;margin-bottom:14px}.preview-tabs button{font-size:9px}.projectline{padding:9px 7px;gap:7px}.projectline strong{font-size:9px}.projectline small{font-size:6px}.projecticon{width:24px;height:28px}.pill{font-size:7px;padding:4px}.taskline{font-size:9px;padding:11px 0}.taskline small{font-size:7px}.preview-content{min-height:170px}.workspace-footer{font-size:7px}.bobby-note{padding:13px 10px 0;gap:10px;min-height:115px}.bobby-note img{width:125px;height:120px}.bobby-note strong{font-size:17px}.bobby-note .eyebrow{font-size:6px;letter-spacing:.7px}.bobby-inline{font-size:10px}.strip{gap:13px;padding:22px 18px;font-size:10px}.strip i{font-size:13px}section{padding:55px 22px}h2{font-size:32px;letter-spacing:-1.3px}.heading{margin-bottom:30px}.heading p{font-size:14px}.dark{margin:0 12px}.dark section{padding:42px 23px}.configcaption{padding:18px 17px;gap:8px;font-size:8px}.configcaption b{display:block;margin-bottom:7px;font-size:10px}.configpanel{padding:24px 19px}.featurechecks{gap:8px}.featurechecks label{font-size:10px;padding:12px 9px}.configresult{padding:27px 22px}.sectorgrid{gap:12px 20px}.sector b{font-size:14px}.sector p{font-size:12px}.demo{padding:20px}.demobody{min-height:230px;padding:20px}.stages{gap:4px}.stage{font-size:8px;padding:8px 6px}.channel{grid-template-columns:105px 1fr;gap:15px}.formwrap{padding:25px 20px;gap:23px}.formwrap h2{font-size:32px}.formgrid{grid-template-columns:1fr}.wide{grid-column:auto}.faq h2{font-size:31px}.faq summary{font-size:13px}#verdieping{margin:0 16px;padding:30px 20px}#verdieping .grid{grid-template-columns:1fr}footer{padding:30px 24px 80px;gap:18px;flex-direction:column;align-items:flex-start}.chat-launch{bottom:13px;right:13px;padding:12px 17px;font-size:11px}.chatpanel{right:15px;bottom:70px;padding:20px}.article-page .brand{font-size:16px}.article-page .brand span{width:27px;height:29px;font-size:21px}.article-page header nav{gap:10px;font-size:10px}.article-page header nav .button{font-size:10px;padding:9px}.articlehero h1{font-size:38px;letter-spacing:-1.8px}.content p{font-size:15px}.content h2{font-size:27px}.content ul{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* SmartAssistance purple identity */
:root{--blue:#7c3aed;--ink:#211234;--cyan:#e2ceff;--soft:#f7f3fc}
.hero{isolation:isolate;max-width:1300px;grid-template-columns:1.04fr 1fr;gap:65px;padding-top:48px;padding-bottom:52px;color:#fff}
.hero:before{background:radial-gradient(ellipse at 78% 22%,#763cc37a,transparent 48%),linear-gradient(118deg,#1d0c34 0%,#35135c 62%,#4c1d78 100%)}
.hero h1{font-size:clamp(44px,4.8vw,66px);letter-spacing:-3px;line-height:1.09;margin-bottom:24px}
.hero h1 em{color:#cba4ff}.hero .intro{color:#ded0ec;font-size:17px;max-width:480px}
.hero .eyebrow{color:#d6b7ff}.hero .statusdot{background:#c69bff}
.hero .actions{gap:23px;flex-wrap:wrap}.hero .button{background:#fff;color:#4c1d78;box-shadow:0 8px 25px #13052030;font-size:14px}.hero .button:hover{background:#eeddff}.hero .textbutton{color:#fff}.hero .play{background:#ffffff12;border-color:#ffffff35}
.herofacts{color:#d1bbdf;font-size:11px;gap:12px}.herofacts span:before{color:#cba4ff}
.product-scene{display:flex;flex-direction:column;gap:20px;background:transparent;border:0;box-shadow:none;transform:none;padding:0}
.scene-top{display:none}.workspace{box-shadow:0 20px 55px #10021d55;border:1px solid #ffffff4a;border-radius:16px}.workspace-main{padding:18px}.workspace-title h2{font-size:23px}.workspace-title small{font-size:8px}.workspace-title{margin-bottom:12px}.preview-tabs{margin-bottom:10px}.projectline{padding:12px}.taskline{padding:11px 0}.workspace-footer{padding-top:10px}
.bobby-note{order:-1;min-height:172px;padding:0;gap:5px;align-items:center}.bobby-note img{width:205px;height:172px;align-self:center;filter:drop-shadow(0 12px 25px #19052e50)}.bobby-note .eyebrow{font-size:9px;letter-spacing:1.2px;margin-bottom:12px}.bobby-note strong{font-size:24px;line-height:1.2;max-width:220px;display:block}.bobby-inline{font-size:13px;color:#e2ceff;margin-top:5px}.bobby-inline:hover{color:#fff}
@media(min-width:1500px){.hero{padding-top:65px;padding-bottom:65px}}
@media(max-width:1100px){.hero{gap:35px}.hero h1{font-size:51px}.bobby-note img{width:170px;height:155px}.bobby-note strong{font-size:21px}}
@media(max-width:880px){.hero{max-width:700px;grid-template-columns:1fr;gap:28px;padding:40px 28px}.hero h1{font-size:clamp(43px,7.6vw,62px)}.hero .intro{max-width:580px}.product-scene{max-width:560px}.bobby-note{min-height:135px}.bobby-note img{width:175px;height:145px}.bobby-note strong{max-width:none}.herofacts{font-size:10px}}
@media(max-width:620px){.hero{padding:35px 22px;gap:26px}.hero h1{font-size:clamp(38px,10vw,52px);letter-spacing:-2px}.hero .intro{font-size:15px}.hero .actions{gap:17px}.hero .button{padding:14px 18px}.bobby-note img{width:145px;height:130px}.bobby-note strong{font-size:21px}.bobby-note .eyebrow{font-size:7px}.workspace-main{padding:13px}.workspace-title h2{font-size:20px}.herofacts{gap:8px 15px}.hero .eyebrow{font-size:9px}}