@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@500;600;700&family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#ffffff;--ink:#101b46;--muted:#5c6b85;--line:#e1e9f5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 5vw}.brand{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:25px;display:flex;gap:12px;align-items:center}.mark{display:grid;grid-template-columns:repeat(2,8px);gap:3px;transform:rotate(-12deg)}.mark i{height:8px;background:white}.brand small{font-size:11px;display:block;letter-spacing:2px;color:var(--muted);font-weight:400}nav{display:flex;gap:30px;align-items:center;font-size:14px}nav a{color:#5c6b85}nav a:hover,nav a.active{color:white}.nav-contact{padding:11px 20px;border:1px solid #9abcea;color:white}main{overflow:hidden}.wrap{max-width:1440px;margin:auto;padding:0 5vw}.eyebrow{text-transform:uppercase;letter-spacing:2.5px;font-size:12px;color:#5c6b85;display:flex;gap:12px;align-items:center}.eyebrow:before{content:'';width:22px;height:1px;background:#5c6b85}h1,h2,h3{font-family:'Space Grotesk',sans-serif;line-height:1.07;font-weight:500}h1{font-size:clamp(48px,6.4vw,94px);letter-spacing:-5px;margin:26px 0}h1 em{font-style:normal;color:#64728a}h2{font-size:clamp(32px,4vw,56px);letter-spacing:-2px;margin:18px 0}h3{font-size:25px;letter-spacing:-.6px}p{color:#5c6b85;max-width:570px}.hero{min-height:660px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:35px;padding-top:55px;padding-bottom:65px}.hero p{max-width:490px;font-size:18px}.actions{display:flex;gap:15px;margin-top:32px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 25px;border:1px solid #cbdcf3;font-size:14px;font-weight:600;background:none;color:white}.btn.primary{background:white;color:#ffffff;border-color:white}.btn:hover{background:#ecf4ff;color:#ffffff}.hero-note{font-size:12px;letter-spacing:1px;color:#64728a;margin-top:32px}.hero-art{height:450px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#e0f1ff 0%,transparent 65%)}.orb{width:345px;height:345px;border:1px solid #9abcea;border-radius:50%;position:absolute;box-shadow:0 0 65px #204bfa10,inset 0 0 65px #204bfa10;animation:float 8s ease-in-out infinite}.orb:before,.orb:after{content:'';position:absolute;inset:20px;border-radius:50%;border:1px solid #bbd5f5;transform:rotate(45deg) scaleX(.55)}.orb:after{transform:rotate(-45deg) scaleX(.55)}.orbit{position:absolute;width:430px;height:170px;border:1px solid #9abcea;border-radius:50%;transform:rotate(-30deg);animation:orbit 20s linear infinite}.core{z-index:2;width:140px;height:140px;background:linear-gradient(135deg,#00c8ef,#204bfa);border-radius:30px;display:flex;align-items:center;justify-content:center;box-shadow:0 16px 65px #204bfa30;transform:rotate(-12deg);color:#ffffff;font:700 32px 'Space Grotesk',sans-serif}.art-label{position:absolute;z-index:3;background:#ffffffed;border:1px solid #cbdcf3;padding:10px 15px;font:12px 'Space Grotesk';backdrop-filter:blur(15px)}.art-label.one{top:62px;left:14px}.art-label.two{bottom:65px;right:0}.art-label.three{bottom:32px;left:32px}.mini-square{display:inline-block;width:6px;height:6px;background:white;margin-right:8px}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:22px 5vw;gap:20px;letter-spacing:2px;font-size:12px;color:#5c6b85}.strip span:first-child{color:white}.section{padding:95px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px}.section-head p{max-width:400px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.card{background:#ffffff;padding:32px;transition:background .3s}.card:hover{background:#f5faff}.card .num{font:12px 'Space Grotesk';color:#64728a}.card p{font-size:15px}.card h3{margin-top:30px}.card .glyph{font-size:30px;margin-top:15px;color:#204bfa}.showcase{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.screen{background:#f5faff;border:1px solid #d5e2f5;padding:20px;box-shadow:0 30px 100px #123bb518;transform:perspective(1000px) rotateY(-4deg)}.screen-top{display:flex;justify-content:space-between;font-size:12px;border-bottom:1px solid #dce6f4;padding-bottom:15px}.screen-body{padding:20px 3px}.screen-title{font:18px 'Space Grotesk';margin-bottom:15px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric{border:1px solid #dce6f4;padding:15px 10px}.metric small{font-size:11px;color:#64728a;display:block}.metric b{font:22px 'Space Grotesk'}.chart{height:150px;display:flex;gap:12px;align-items:end;padding:20px 8px 0;border-bottom:1px solid #9abcea;background:repeating-linear-gradient(0deg,transparent,transparent 37px,#204bfa08 38px)}.chart i{flex:1;background:linear-gradient(#00b8f0,#204bfa);height:var(--h);animation:bars 5s ease-in-out infinite alternate}.chart i:nth-child(2n){animation-delay:-2s}.demo-note{font-size:11px;color:#64728a;margin-top:12px}.slide-controls{display:flex;gap:8px;margin:25px 0;align-items:center}.slide-controls button{background:#e0edfc;border:0;width:32px;height:3px;padding:0}.slide-controls button.active{background:white}.slide-controls .pause{width:auto;height:auto;padding:5px 10px;margin-left:10px;font-size:12px;color:#5c6b85;border:1px solid #dce6f4;background:none}.cta{padding:65px 0;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #dce6f4}.cta h2{max-width:700px}.footer{border-top:1px solid #dce6f4;padding:45px 5vw 24px}.footer-top{display:flex;justify-content:space-between;gap:30px}.footer-links{display:flex;gap:30px;font-size:14px;color:#5c6b85}.footer-bottom{margin-top:50px;padding-top:20px;border-top:1px solid #dce6f4;display:flex;justify-content:space-between;color:#64728a;font-size:12px}.page-hero{padding:80px 0 55px;max-width:900px}.page-hero h1{font-size:clamp(48px,6vw,80px)}.page-hero p{font-size:19px}.roadmap{border-top:1px solid #dce6f4}.road-row{display:grid;grid-template-columns:.45fr 1fr 1fr;gap:40px;padding:40px 0;border-bottom:1px solid #dce6f4}.road-row h3{margin-top:0}.tag{font-size:12px;letter-spacing:1px;border:1px solid #cbdcf3;padding:6px 10px;display:inline-block;color:#204bfa}.values{display:grid;grid-template-columns:1fr 1fr;gap:80px}.large-date{font:500 clamp(70px,10vw,150px) 'Space Grotesk';letter-spacing:-8px;line-height:1}.founder{border:1px solid #dce6f4;padding:35px;margin-top:40px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact-item{padding:25px 0;border-bottom:1px solid #dce6f4}.contact-item small{color:#64728a;font-size:12px;letter-spacing:2px}.contact-item a,.contact-item strong{font:500 23px 'Space Grotesk';display:block;margin-top:10px}.map{width:100%;height:450px;border:1px solid #dce6f4;filter:grayscale(1);background:#ffffff}.map-label{font-size:13px;color:#64728a}.reveal{animation:appear .8s both}.menu{display:none;color:white;background:none;border:1px solid #cbdcf3;padding:8px 12px}@keyframes appear{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{50%{transform:translateY(-12px) rotate(20deg)}}@keyframes orbit{to{transform:rotate(330deg)}}@keyframes bars{to{height:calc(var(--h) * .8)}}@media(max-width:900px){header{height:80px}nav{gap:15px}.hero{grid-template-columns:1fr;padding-top:45px}.hero-art{height:370px}.hero h1{letter-spacing:-3px}.hero-art .orb{width:290px;height:290px}.orbit{width:330px}.cards{grid-template-columns:1fr 1fr}.showcase,.values,.contact-grid{grid-template-columns:1fr;gap:35px}.strip{flex-wrap:wrap}.section{padding:60px 0}.section-head{display:block}.road-row{grid-template-columns:1fr 2fr}.road-row p{grid-column:2}.cta{align-items:start;flex-direction:column}.footer-top{flex-direction:column}}@media(max-width:600px){nav{display:none;position:absolute;top:80px;left:0;right:0;background:#ffffff;padding:25px;z-index:10;flex-direction:column;align-items:start;border-bottom:1px solid #cbdcf3}nav.open{display:flex}.menu{display:block}.brand{font-size:22px}h1{letter-spacing:-2px!important}.cards{grid-template-columns:1fr}.hero-art{margin-top:15px}.strip{font-size:11px;gap:12px}.footer-links{flex-wrap:wrap;gap:18px}.footer-bottom{flex-direction:column;gap:8px}.road-row{grid-template-columns:1fr;gap:12px}.road-row p{grid-column:auto}.contact-item a{font-size:21px}.large-date{letter-spacing:-4px}.section-head h2{max-width:350px}.metrics{gap:5px}.metric b{font-size:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.real-showcase .section-head{margin-bottom:10px}.device-stage{perspective:1600px;padding:45px 5% 20px;position:relative;background:radial-gradient(ellipse at 50% 45%,#204bfa12,transparent 65%)}.device-model{transform-style:preserve-3d;transform:rotateX(5deg) rotateY(-8deg);animation:device-hover 12s ease-in-out infinite;max-width:1080px;margin:auto}.device-bezel{position:relative;padding:22px 12px 0;background:linear-gradient(135deg,#cbdcf3,#eaf2fc 25%,#ffffff 80%,#9abcea);border:1px solid #9abcea;border-radius:22px;box-shadow:12px 20px 0 #c5dcf6,14px 21px 0 #cbdcf3,0 40px 90px #123bb518;overflow:hidden}.device-camera{position:absolute;top:8px;left:50%;width:5px;height:5px;border-radius:50%;background:#64728a}.device-display{position:relative;aspect-ratio:1.755;background:#fff;border:1px solid #cbdcf3;overflow:hidden;border-radius:5px}.product-shot{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .6s;pointer-events:none}.product-shot.visible{opacity:1}.device-brand{text-align:center;font:500 11px 'Space Grotesk';letter-spacing:3px;padding:12px;color:#64728a}.device-stand{width:15%;height:60px;margin:auto;background:linear-gradient(90deg,#dce6f4,#64728a 48%,#dce6f4);clip-path:polygon(15% 0,85% 0,100% 100%,0 100%)}.device-foot{width:35%;height:15px;margin:auto;background:linear-gradient(#64728a,#acc8ee);border-radius:50% 50% 4px 4px;box-shadow:0 15px 30px #123bb520}.product-selector{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:25px}.product-selector button{background:#ffffff;border:1px solid #dce6f4;padding:12px 18px;color:#5c6b85;font-size:14px;transition:background .2s,color .2s}.product-selector button span{font-size:11px;margin-right:8px;color:#64728a}.product-selector button.selected{background:#00b8f0;color:#ffffff;border-color:#00b8f0}.product-selector button:hover{border-color:#64728a}.product-selector button:focus-visible{outline:2px solid white;outline-offset:4px}.product-caption{text-align:center;min-height:130px;margin:30px auto 0}.product-caption h3{margin:0 0 14px}.product-caption p{margin:auto;max-width:650px}.product-pause{font-size:12px!important}.device-stage:hover .device-model{animation-play-state:paused}@keyframes device-hover{0%,100%{transform:rotateX(5deg) rotateY(-8deg) translateY(0)}50%{transform:rotateX(1deg) rotateY(6deg) translateY(-12px)}}@media(max-width:600px){.device-stage{padding:25px 0 15px}.device-bezel{padding:14px 6px 0;border-radius:12px;box-shadow:5px 8px 0 #c5dcf6,6px 9px 0 #cbdcf3,0 20px 40px #123bb518}.device-camera{top:5px;width:3px;height:3px}.device-brand{font-size:9px;padding:8px}.device-stand{height:35px}.device-foot{height:10px}.product-selector{gap:8px}.product-selector button{padding:10px 12px;font-size:12px}.product-caption{min-height:155px}}@media(prefers-reduced-motion:reduce){.device-model{animation:none;transform:rotateY(-4deg)}.product-shot{transition:none}}

.logo-brand{display:inline-flex;background:#fff;padding:8px 14px;border-radius:4px;flex-shrink:0}.site-logo{display:block;width:210px;height:auto}.footer .site-logo{width:190px}@media(max-width:600px){.logo-brand{padding:7px 10px}.site-logo{width:170px}}

/* Purple and white brand theme */
:root{--bg:#fff;--ink:#101b46;--muted:#5c6b85;--line:#e1e9f5;--accent:#204bfa}header{background:#fff}nav a:hover,nav a.active{color:#204bfa}.nav-contact{background:#204bfa!important;color:#fff!important;border-color:#204bfa}.eyebrow{color:#204bfa}.eyebrow:before{background:#009df5}h1 em{color:#204bfa}.btn{color:#204bfa;border-color:#cbdcf3;background:#fff;border-radius:6px}.btn.primary{background:#204bfa;color:#fff;border-color:#204bfa;box-shadow:0 8px 24px #204bfa1a}.btn:hover{background:#ecf4ff;color:#1641c4}.btn.primary:hover{background:#1641c4;color:#fff}.core{color:#fff;background:linear-gradient(135deg,#00c8ef,#204bfa);box-shadow:0 16px 65px #204bfa30}.mini-square,.mark i{background:#204bfa}.strip{background:#f5faff}.strip span:first-child{color:#204bfa}.card{background:#fff}.card:hover{background:#f5faff}.cards{box-shadow:0 15px 50px #204bfa07}.card .glyph{color:#204bfa}.footer{background:#f5faff}.footer a:hover{color:#204bfa}.menu{color:#204bfa;border-color:#cbdcf3}.tag{background:#eef5ff;color:#204bfa;border-color:#d5e2f5}.large-date{color:#204bfa}.founder{background:#f5faff}.contact-item a{color:#204bfa}.map{background:#f5faff;filter:none}.product-selector button{color:#5c6b85;background:#fff;border-color:#d5e2f5;border-radius:6px}.product-selector button.selected{background:#204bfa;color:#fff;border-color:#204bfa}.product-selector button.selected span{color:#d8edff}.product-selector button:focus-visible{outline-color:#204bfa}.device-display{border-color:#cbdcf3}.device-brand{color:#204bfa}.device-camera{background:#204bfa}.slide-controls button.active{background:#204bfa}.logo-brand{background:transparent}.art-label{color:#1641c4;box-shadow:0 6px 25px #204bfa10}.device-foot{box-shadow:0 15px 30px #123bb515}@media(max-width:600px){nav{background:#fff;border-color:#e1e9f5}.device-bezel{box-shadow:5px 8px 0 #c5dcf6,6px 9px 0 #cbdcf3,0 20px 40px #123bb518}}

/* Product-focused, Odoo-inspired presentation */
:root{--ink:#101b46;--muted:#5c6b85;--accent:#204bfa;--line:#e2eaf5}body{color:var(--ink)}header{height:82px;border-bottom:0;max-width:1440px;margin:auto;padding:0 5vw}.site-logo{width:175px}nav{gap:28px}nav a{font-weight:500;color:#43516c}nav a:hover,nav a.active{color:#204bfa}.nav-contact{background:#204bfa!important;border-color:#204bfa;border-radius:5px;color:white!important}h1,h2,h3{letter-spacing:-1.5px}h1 em{color:#204bfa}.btn{border-radius:5px;padding:14px 25px;font-size:16px;color:#204bfa;border-color:#f1f6fc;background:#f1f6fc}.btn.primary{background:#204bfa;border-color:#204bfa;box-shadow:none}.btn.primary:hover{background:#1744c9}.btn:hover{background:#e7f0fc;color:#1744c9}.odoo-hero{display:block;text-align:center;min-height:0;padding:60px 5vw 75px;position:relative}.odoo-hero>div{max-width:1120px;margin:auto}.odoo-hero .eyebrow{justify-content:center;color:#204bfa;font-size:12px}.odoo-hero .eyebrow:before{display:none}.odoo-hero h1{font-family:'Caveat',cursive;font-size:clamp(52px,6.8vw,92px);font-weight:700;letter-spacing:-1px;line-height:1.03;margin:26px 0}.odoo-hero h1 em{color:#101b46;position:relative;display:inline-block;z-index:0}.odoo-hero h1 em:after{content:'';position:absolute;left:-2%;right:-2%;height:30%;bottom:6%;background:#c4edff;z-index:-1;border-radius:18px;transform:rotate(-1deg)}.odoo-hero h2{font-family:'Caveat',cursive;font-weight:600;font-size:clamp(34px,4vw,56px);margin:15px 0 20px;letter-spacing:0}.odoo-hero p{margin:0 auto;font-size:18px;max-width:720px;color:#5c6b85}.odoo-hero .actions{justify-content:center;margin-top:28px}.seller-note{margin-top:24px;font-size:13px;color:#5c6b85}.seller-note strong{font-weight:600;color:#204bfa}.module-section{background:#f3f7fc;border-radius:50% 50% 0 0 / 60px 60px 0 0;padding:65px 0 55px}.module-intro{text-align:center}.suite-badge{display:inline-block;border:1px solid #e0e9f5;padding:8px 18px;border-radius:30px;background:#fff;color:#204bfa;font-size:11px;letter-spacing:1.4px}.module-intro h2{font-size:35px;line-height:1.18;margin:25px 0 35px}.module-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:24px;text-align:center}.module-tile{display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px 0 20px;transition:transform .25s}.module-tile:hover{transform:translateY(-7px)}.module-icon{display:flex;align-items:center;justify-content:center;width:85px;height:85px;background:#fff;border-radius:15px;box-shadow:0 9px 25px #204bfa0a;font-size:44px;color:#204bfa}.module-tile:nth-child(2n) .module-icon{color:#009df5}.module-tile strong{font-size:16px;font-weight:600}.module-tile>span:last-child{font-size:13px;line-height:1.4;color:#5c6b85;max-width:150px}.module-end{text-align:center;margin:28px auto 0;max-width:750px;color:#5c6b85;font-size:15px}.page-hero{text-align:center;max-width:1050px;padding-top:65px}.page-hero .eyebrow{justify-content:center}.page-hero .eyebrow:before{display:none}.page-hero h1{font-family:'Caveat',cursive;font-size:clamp(52px,6.8vw,82px);font-weight:700;letter-spacing:-1px}.page-hero p{margin:auto;max-width:740px}.section-head h2{font-size:clamp(32px,4vw,48px);line-height:1.15}.section{padding-top:75px;padding-bottom:75px}.real-showcase .section-head{text-align:center;display:block}.real-showcase .section-head .eyebrow{justify-content:center}.real-showcase .section-head .eyebrow:before{display:none}.real-showcase .section-head p{margin:20px auto;max-width:660px}.device-stage{background:radial-gradient(ellipse,#dbeaff30,transparent 70%)}.product-selector button.selected{background:#204bfa;border-color:#204bfa}.eyebrow,.contact-item a,.large-date{color:#204bfa}.eyebrow:before{background:#204bfa}.card .glyph{color:#204bfa}.cards{border:0;gap:22px;background:transparent;box-shadow:none}.card{border:1px solid #e2eaf5;border-radius:12px}.tag{background:#eef5ff;color:#204bfa}.cta{padding:60px 5vw;background:#f5faff;border:0;border-radius:20px;margin-bottom:60px}.cta h2{font-family:'Caveat',cursive;font-size:56px;line-height:1.05;letter-spacing:0}.footer{background:#f3f7fc}.footer-bottom{color:#5c6b85}.footer .logo-brand{padding:0}@media(max-width:900px){.module-grid{grid-template-columns:repeat(3,1fr)}.odoo-hero{padding-top:45px}.cta{border-radius:0;margin-bottom:0}.section{padding-top:55px;padding-bottom:55px}}@media(max-width:600px){header{height:76px}.site-logo{width:160px}nav{top:76px}.odoo-hero{padding:35px 5vw 55px}.odoo-hero h1{letter-spacing:-1px!important;font-size:54px}.odoo-hero p{font-size:16px}.module-section{border-radius:50% 50% 0 0 / 30px 30px 0 0;padding-top:45px}.module-grid{grid-template-columns:repeat(2,1fr);gap:15px}.module-intro h2{font-size:30px}.module-icon{width:74px;height:74px;font-size:38px}.suite-badge{font-size:10px;letter-spacing:1px}.page-hero h1{font-size:54px}.cta h2{font-size:48px}.cards{gap:15px}}

/* Complete brand footer */
.footer{padding:0;background:#f3f8ff;border-top:1px solid #dce8f9}.footer-inner{max-width:1440px;margin:auto;padding:0 5vw}.footer-banner{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:34px 0;border-bottom:1px solid #dce8f9}.footer-banner h2{font-family:'Space Grotesk',sans-serif;font-size:28px;letter-spacing:-1px;line-height:1.2;margin:0 0 8px;color:#101b46}.footer-banner p{margin:0;font-size:15px;color:#5c6b85}.footer-columns{display:grid;grid-template-columns:1.4fr .8fr .8fr 1.3fr;gap:40px;padding:38px 0}.footer-about .site-logo{width:210px}.footer-about p{font-size:14px;max-width:300px;margin:14px 0}.footer-tagline{font-weight:600;color:#101b46!important}.footer-heading{font:600 14px 'DM Sans',sans-serif;letter-spacing:0;margin:0 0 16px;color:#101b46}.footer-list{display:flex;flex-direction:column;align-items:flex-start;gap:10px;font-size:14px;color:#5c6b85}.footer-list a:hover{color:#204bfa}.footer-contact a{color:#204bfa}.footer-contact address{font-style:normal;color:#5c6b85;margin-top:6px;line-height:1.7}.footer-founded{display:inline-block;font-size:11px;color:#204bfa;background:#e6f0ff;padding:6px 10px;border-radius:4px;margin-top:4px}.footer .footer-bottom{margin:0;padding:18px 0;border-top:1px solid #dce8f9;font-size:12px;color:#64728a}.footer-bottom a{color:#204bfa}.footer-banner .btn{white-space:nowrap}.footer-seller{font-size:13px!important}.footer-seller strong{color:#101b46}@media(max-width:1000px){.footer-columns{grid-template-columns:1fr 1fr;gap:30px}}@media(max-width:600px){.footer-banner{align-items:flex-start;flex-direction:column;gap:18px;padding:28px 0}.footer-banner h2{font-size:25px}.footer-columns{grid-template-columns:1fr 1fr;gap:28px 18px;padding:30px 0}.footer-about,.footer-contact{grid-column:1 / -1}.footer-about p{max-width:100%}.footer-bottom{gap:8px}.footer .footer-bottom{flex-direction:column}.footer-founded{margin-top:0}}