/* Vudona Group 2.4 — visual product stories */
:root{--paper:#f5f4ef;--purple:#6652ed;--lime:#ccf567;--radius:24px}.shell{width:min(1400px,calc(100% - 80px))}h1,h2,h3,h4{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}h1,h2{letter-spacing:-.055em}.section{padding:90px 0}.home-hero{min-height:0;background:radial-gradient(ellipse at 88% 30%,#46346b80,transparent 56%),#0d0e14}.home-hero .hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;min-height:680px;padding-block:85px}.hero-copy{padding:0!important;max-width:none}.hero-copy h1{font-size:clamp(42px,4.1vw,66px);line-height:1.05}.hero-copy>p{font-size:17px;line-height:1.8;max-width:560px}.hero-copy small{font-size:12px;color:#aaa9bd}.hero-copy .button-row{margin-top:30px;gap:12px}.hero-grid-bg{opacity:.35}.button{padding:16px 21px;border-radius:12px;font-size:14px}.vg-hero-display{position:relative;padding:22px 0 25px;min-width:0}.vg-float-label{display:block;position:relative;z-index:2;width:max-content;max-width:95%;margin:-15px 20px 0 auto;padding:17px 24px;background:var(--lime);box-shadow:0 16px 40px #0003;color:#1b2220;font-size:13px;font-weight:750;transform:rotate(-3deg);border-radius:12px}.vg-demo{background:#fafbfe;color:#242336;border:1px solid #fff9;border-radius:17px;box-shadow:0 30px 70px #07041830;overflow:hidden;position:relative;text-align:left;font-family:Inter,"Segoe UI",sans-serif;min-width:0}.vg-demo-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:15px 17px;background:#fff;border-bottom:1px solid #eaeaf3;font-size:11px}.vg-dots{font-size:8px;color:#bfbbd6;letter-spacing:3px}.vg-demo-badge{font-size:9px;color:#716d83;border:1px solid #e4e2ec;padding:3px 7px;border-radius:5px}.vg-demo-body{display:flex;min-width:0}.vg-demo-body aside{width:48px;flex-shrink:0;background:#28213f;color:#ada5d1;display:flex;align-items:center;flex-direction:column;gap:23px;padding:19px 0}.vg-demo-body aside>b{background:var(--lime);color:#252134;border-radius:8px;width:25px;height:25px;text-align:center;line-height:25px;font-size:16px}.vg-demo-body aside i{font-style:normal;font-size:16px}.vg-demo-work{padding:25px 20px;min-width:0;flex:1;background:linear-gradient(150deg,#fafaff,#f1f0f8)}.vg-demo-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:22px}.vg-demo-heading small{font-size:8px;letter-spacing:.12em;font-weight:750;color:#8b859d}.vg-demo-heading h3{font-size:21px;margin:3px 0 0;line-height:1.2;letter-spacing:-.04em;color:#292237}.vg-avatar{font-size:9px;background:#e2dcfc;border:3px solid white;border-radius:50%;width:32px;height:32px;display:grid;place-items:center}.vg-demo-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.vg-demo-stats>div{background:white;padding:12px;border-radius:9px;border:1px solid #e7e5ef}.vg-demo-stats span{display:block;font-size:8px;color:#7b7689;min-height:24px;line-height:1.3}.vg-demo-stats b{display:block;font-size:24px;line-height:1.4;font-weight:700;letter-spacing:-1px}.vg-demo-stats b small{color:#72b768;font-size:14px}.vg-demo-stats i{display:block;height:4px;background:linear-gradient(to right,#9a83ee var(--fill),#efecf7 var(--fill));border-radius:10px;margin-top:6px}.vg-board{display:grid;grid-template-columns:1.1fr 1fr;gap:10px;margin-top:13px}.vg-board>div{border:1px solid #e7e5ef;border-radius:9px;background:#fff;padding:14px}.vg-board small{font-size:8px;color:#7f798c;letter-spacing:.08em;font-weight:700}.vg-bars{height:100px;display:flex;align-items:end;gap:7px;border-bottom:1px solid #e8e4f3;margin-top:20px;background:repeating-linear-gradient(to top,#f2f0f6 0 1px,transparent 1px 25px)}.vg-bars i{flex:1;background:linear-gradient(#9b84f1,#6652ed);border-radius:4px 4px 0 0}.vg-bars i:last-child{background:var(--lime)}.vg-board-chart>span{font-size:8px;display:block;margin-top:12px;color:#85818f}.vg-board-tasks p{font-size:9px;line-height:1.5;display:flex;gap:6px;padding-block:12px;border-bottom:1px solid #eceaf2;margin:0;color:#635d72}.vg-board-tasks p:last-child{border:0}.vg-board-tasks i{font-style:normal;color:#7a61cd}.vg-demo h3,.vg-demo p{max-width:none!important}.vg-hero-display>.vg-demo{transform:perspective(1000px) rotateY(-6deg) rotateX(2deg)}
.software-hub{padding-top:65px;background:radial-gradient(ellipse at 50% 70%,#242036,#111118 68%);border-top:1px solid #ffffff14}.hub-heading h2{font-size:clamp(32px,3.7vw,52px)}.hub-orbit{max-width:1150px;height:540px}.hub-node{background:linear-gradient(135deg,#292634,#1c1b23);box-shadow:0 15px 35px #0004}.hub-heading{max-width:780px}.trust-strip{background:#c9f25b;color:#34401e}.trust-strip .shell{height:66px}.trust-strip i{background:#6b843f}.section-heading{grid-template-columns:1.1fr .8fr;gap:65px;margin-bottom:45px}.section-heading h2{font-size:clamp(34px,3.5vw,52px);max-width:720px}.section-heading>p{font-size:16px}.vg-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.vg-product{border:1px solid #dedde5;background:#fff;border-radius:22px;overflow:hidden;transition:box-shadow .2s,transform .2s;min-width:0}.vg-product:hover{box-shadow:0 24px 55px #21104413;transform:translateY(-3px)}.vg-product-visual{position:relative;background:radial-gradient(ellipse at 65% 10%,#e1d5ff,#c6b6ec);height:290px;padding:35px 42px 0;overflow:hidden}.vg-product-visual>.vg-demo{transform:rotate(-3deg);width:100%;box-shadow:0 25px 50px #39216130}.vg-product-index{position:absolute;top:15px;left:18px;color:#372653;font-size:10px;font-weight:800;letter-spacing:.1em}.vg-product-copy{padding:30px}.vg-product-copy>.eyebrow{font-size:10px;letter-spacing:.1em}.vg-product-copy h2{font-size:35px;margin:10px 0 12px}.vg-product-copy h2 a{display:flex;justify-content:space-between;align-items:center}.vg-product-copy h2 span{font-size:25px;font-weight:400;color:#8371ac}.vg-product-copy h3{font-size:16px;line-height:1.5;letter-spacing:-.02em;margin-bottom:14px}.vg-product-copy>p{font-size:14px;line-height:1.8;min-height:76px}.vg-tags{display:flex;flex-wrap:wrap;gap:7px;padding:0;list-style:none;margin:20px 0}.vg-tags li{font-size:10px;border:1px solid #e5e1ec;border-radius:30px;background:#faf9fc;padding:6px 10px;color:#6c6379}.vg-product .product-actions{padding-top:18px;border-top:1px solid #eeebf2}.vg-product .product-detail{margin-top:10px;color:#6352bc}.product-2 .vg-product-visual{background:radial-gradient(ellipse at 60% 0%,#eaffcf,#aecfa6)}.product-3 .vg-product-visual{background:radial-gradient(ellipse at 60% 0%,#eecafa,#b697d7)}.product-4 .vg-product-visual{background:radial-gradient(ellipse at 60% 0%,#d2faf2,#95d7cc)}.product-5 .vg-product-visual{background:radial-gradient(ellipse at 60% 0%,#fff0d7,#edc095)}.product-6 .vg-product-visual{background:radial-gradient(ellipse at 60% 0%,#e4f4d3,#a5c9af)}.all-platforms{padding-top:65px}.sub-hero{padding:85px 0;background:radial-gradient(ellipse at 86% 20%,#4b386156,transparent 65%),#101016}.sub-hero .narrow{max-width:1400px}.sub-hero .narrow h1{max-width:1000px;font-size:clamp(42px,5vw,74px);line-height:1.06}.sub-hero-grid{gap:65px;align-items:center;grid-template-columns:1fr 1fr}.sub-hero-grid h1{font-size:clamp(42px,4.5vw,66px);line-height:1.07}.sub-hero-grid>div>p{font-size:17px;line-height:1.8;color:#b9b5c7}.vg-product-stage{min-width:0;padding:25px 0}.vg-product-stage .vg-demo{transform:rotate(2deg)}.back-link{margin-bottom:40px}.platform-hero{padding-top:45px}.platform-hero h2{font-size:22px;line-height:1.4}.core-feature-grid{gap:20px}.core-feature-grid article{position:relative;min-height:215px;border:1px solid #e3deec;padding:30px;background:linear-gradient(150deg,#fff,#f6f3ff);box-shadow:0 12px 35px #39236306;overflow:hidden}.core-feature-grid h3{max-width:80%;position:relative;z-index:1}.vg-module-icon{position:absolute;right:15px;bottom:-12px;font-size:100px;line-height:1.2;color:#c9bcf2;opacity:.65}.core-feature-page{background:#edeaf4}.core-layout{gap:80px}.core-copy h2{font-size:clamp(38px,4vw,59px)}.core-modules>div{padding-inline:18px;background:#ffffff04}.core-modules>div:nth-child(2n){background:#ffffff09}.shared-section{background:radial-gradient(ellipse at 90% 40%,#584480,#28223f)}.shared-grid{border:0;gap:14px}.shared-grid div{border:1px solid #ffffff20;background:#ffffff08;border-radius:15px;min-height:140px}.shared-grid b{font-size:15px;max-width:220px}.vg-services{background:#eeebf5}.vg-service-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.vg-service-card{background:white;overflow:hidden;border:1px solid #ddd6ec;border-radius:22px;transition:transform .2s}.vg-service-card:hover{transform:translateY(-4px)}.vg-service-art{height:280px;background:linear-gradient(135deg,#c8b5ed,#ece3fa);padding:35px 65px 0;overflow:hidden}.vg-web-frame{background:#fff;border-radius:10px;transform:rotate(-5deg);box-shadow:0 20px 40px #2b174735;overflow:hidden}.vg-web-frame>div{padding:10px 14px;font-size:8px;color:#a196b2;display:flex;justify-content:space-between}.vg-web-frame section{background:#292339;padding:24px 28px;position:relative;min-height:170px;color:white;overflow:hidden}.vg-web-frame strong{font-size:32px;line-height:1.05;position:relative;z-index:1}.vg-web-frame section i{position:absolute;width:130px;height:130px;border-radius:40% 60% 50% 50%;background:linear-gradient(120deg,#d3fc77,#705bbb);right:5px;top:20px;transform:rotate(35deg)}.vg-web-frame section>span{display:block;width:75px;height:15px;background:var(--lime);border-radius:3px;margin-top:16px}.vg-web-frame footer{display:flex;gap:10px;padding:14px}.vg-web-frame footer i{display:block;flex:1;height:36px;background:#eeebf4;border-radius:5px}.vg-service-art.software{background:radial-gradient(at 30% 30%,#dff2c7,#b5d5bd);display:grid;place-items:center;padding:25px}.vg-flow{display:flex;align-items:center;gap:15px;transform:rotate(-5deg)}.vg-flow b{width:100px;height:100px;background:#282237;border-radius:25px;display:grid;place-items:center;font-size:50px;color:var(--lime);box-shadow:0 15px 30px #183a3b30}.vg-flow span{background:#ffffffe6;border-radius:10px;padding:18px 12px;font-size:11px;font-weight:800;box-shadow:0 8px 20px #183a3b12}.vg-flow i{font-size:24px;color:#547d57;font-style:normal}.vg-service-copy{padding:32px}.vg-service-copy>.eyebrow{font-size:9px;color:#84759a}.vg-service-copy h3{font-size:30px;line-height:1.2;margin:16px 0}.vg-service-copy h3>span{color:#81709c}.vg-service-copy p{font-size:14px;line-height:1.8;max-width:550px}.vg-service-copy>b{font-size:13px;color:#6150a8}.vg-approach h2{font-size:clamp(32px,4vw,52px);max-width:760px;line-height:1.1;margin:20px 0 40px}.vg-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.vg-steps article{padding:25px;background:#fff;border:1px solid #ddd9e6;border-radius:16px;position:relative}.vg-steps b{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#efe9ff;color:#6652ac;font-size:14px}.vg-steps h3{font-size:20px;margin:30px 0 0;line-height:1.35}.service-grid article{background:linear-gradient(140deg,#faf8ff,#efebf5);border-color:#dfd8ec}.service-grid article span{font-size:14px;background:#e0d5fc;display:grid;place-items:center;border-radius:12px;width:42px;height:42px}.service-page .contact-copy h2{font-size:clamp(34px,4vw,52px);line-height:1.1}.contact-form{box-shadow:0 20px 60px #29193810}.global-cta{position:relative;overflow:hidden;background:radial-gradient(circle at 88% 20%,#b2a4ff75,transparent 45%),linear-gradient(110deg,#5140c6,#7962ef)}.global-cta:before{content:"V";position:absolute;right:5%;top:-110px;font-size:500px;font-weight:900;line-height:1;color:#ffffff06;pointer-events:none}.global-cta-inner{position:relative}.footer-col a{font-size:13px}.footer-col b{color:#9b94ae}.footer-bottom{font-size:11px}.why-grid article{padding:25px;border:1px solid #ddd9e3;border-radius:17px;background:#fff}.why-grid h3{margin-top:20px}.why-section .wide-title{font-size:clamp(38px,4.5vw,62px);max-width:900px}.process-grid article{border-radius:16px;background:#ffffff05;padding:25px}.process-grid{gap:18px}.process-grid article>b{background:var(--lime);color:#252235;border-radius:50%;display:grid;place-items:center;width:40px;height:40px;font-size:17px}.process-grid article p{font-size:17px}.intro-band{background:#eeeaf4}.feature-grid article{background:linear-gradient(135deg,#fff,#f0edf6);border:1px solid #e3ddec;border-radius:16px}.results-section .result-list>div{background:white;border:1px solid #e4ddec;border-radius:14px;margin-bottom:12px;padding:20px}.results-section .result-list>div span{color:#6250a6}.story-visual{border:1px solid #ded6ed;box-shadow:0 20px 50px #39245a0a}
@media(min-width:1800px){.shell{width:min(1560px,calc(100% - 120px))}.hero-copy h1{font-size:74px}.home-hero .hero-inner{gap:100px}}
@media(max-width:1100px){.shell{width:calc(100% - 48px)}.home-hero .hero-inner,.sub-hero-grid{gap:35px}.vg-demo-work{padding:18px 12px}.vg-demo-body aside{width:36px}.vg-demo-heading h3{font-size:18px}.vg-demo-stats>div{padding:8px}.vg-board>div{padding:9px}.vg-service-art{padding-inline:30px}.vg-product-visual{padding-inline:25px}.vg-product-copy{padding:25px}.vg-flow{gap:8px}.vg-flow b{width:75px;height:75px}.vg-flow span{font-size:9px;padding:14px 9px}.vg-steps{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.home-hero .hero-inner{grid-template-columns:1fr;min-height:0;padding:60px 0;gap:30px}.home-hero{min-height:0}.hero-copy h1{max-width:680px;font-size:clamp(42px,7.4vw,62px)}.vg-hero-display{width:min(620px,100%);margin:auto}.vg-hero-display>.vg-demo{transform:none}.section{padding:65px 0}.section-heading,.sub-hero-grid{grid-template-columns:1fr;gap:28px}.vg-products{gap:20px}.vg-product-visual{height:210px;padding:25px 15px 0}.vg-product-visual .vg-demo-body aside{display:none}.vg-product-visual .vg-demo-heading{margin-bottom:12px}.vg-product-visual .vg-demo-heading h3{font-size:16px}.vg-product-visual .vg-demo-stats span{font-size:7px}.vg-product-copy h2{font-size:29px}.vg-product-copy h3{font-size:15px}.vg-product-copy>p{min-height:0}.vg-product-copy{padding:23px}.vg-service-grid{grid-template-columns:1fr}.vg-service-card{display:grid;grid-template-columns:1fr 1fr}.vg-service-art{height:100%;min-height:290px;display:grid;align-items:center;padding:25px}.vg-service-copy{padding:28px}.vg-service-copy h3{font-size:26px}.vg-flow{flex-wrap:wrap;justify-content:center}.core-feature-grid{grid-template-columns:1fr 1fr}.software-hub{padding-top:55px}.vg-product-stage{max-width:620px;margin:auto}.sub-hero{padding:60px 0}.sub-hero .narrow h1{font-size:52px}.platform-hero{padding-top:30px}.shared-grid{grid-template-columns:1fr 1fr}.global-cta h2{font-size:48px}}
@media(max-width:560px){.shell{width:calc(100% - 36px)}.home-hero .hero-inner{padding-block:44px}.hero-copy h1{font-size:43px}.hero-copy>p{font-size:16px}.hero-copy .button-row{flex-direction:column}.vg-demo-heading h3{font-size:18px}.vg-demo-heading{margin-bottom:17px}.vg-demo-bar{padding:12px;font-size:9px}.vg-demo-work{padding:16px 10px}.vg-demo-body aside{width:30px;gap:25px}.vg-demo-stats{gap:5px}.vg-demo-stats>div{padding:8px 6px}.vg-demo-stats span{font-size:7px}.vg-demo-stats b{font-size:22px}.vg-board{gap:7px}.vg-board-tasks p{font-size:8px;padding-block:10px}.vg-bars{height:85px;gap:5px}.vg-float-label{padding:12px 15px;font-size:11px;margin-right:8px}.vg-products{grid-template-columns:1fr}.vg-product-visual{height:250px;padding:28px 28px 0}.vg-product-visual .vg-demo-body aside{display:flex}.vg-product-copy{padding:25px}.vg-product-copy h2{font-size:32px}.vg-tags li{font-size:10px}.vg-service-card{display:block}.vg-service-art{height:235px;min-height:0;padding:25px 40px 0;display:block}.vg-service-art.software{display:grid;padding:25px}.vg-flow{flex-wrap:nowrap}.vg-flow b{width:75px;height:75px;font-size:40px}.vg-service-copy{padding:26px}.vg-service-copy h3{font-size:29px}.sub-hero .narrow h1,.sub-hero-grid h1{font-size:42px}.section-heading h2{font-size:35px}.core-feature-grid{grid-template-columns:1fr 1fr;gap:12px}.core-feature-grid article{padding:20px 16px;min-height:190px}.core-feature-grid h3{font-size:18px;max-width:none}.vg-module-icon{font-size:72px}.shared-grid{gap:10px}.shared-grid div{padding:20px 15px}.shared-grid b{font-size:13px}.vg-steps{grid-template-columns:1fr 1fr;gap:12px}.vg-steps article{padding:19px}.vg-steps h3{font-size:17px;margin-top:24px}.global-cta{padding:60px 0}.global-cta h2{font-size:39px}.global-cta-inner{gap:30px}.footer-main{gap:35px 20px}.footer-col a{font-size:12px}.core-copy h2{font-size:39px}.hub-heading h2{font-size:32px}.section-heading{margin-bottom:32px}.process-grid article{margin-bottom:15px;min-height:150px}.contact-copy h1{font-size:39px}.software-hub{padding-bottom:45px}}