/* Pimzavo / immersive brand experience. Existing functional components retained. */
:root{--bg:#f8f9ff;--surface:#fff;--soft:#eff0ff;--text:#14182e;--muted:#5e647c;--line:#dfe3f4;--accent:#6743d7;--input:#fafbff;--shadow:0 20px 65px #3e2f9010}
html[data-theme=dark]{--bg:#070e20;--surface:#101b35;--soft:#0b142b;--text:#f5f7ff;--muted:#aebbd6;--line:#273456;--accent:#b8a1ff;--input:#0a142b;--shadow:0 20px 70px #0004}
body{overflow-x:clip}header{background:#060d20ed;border-bottom:1px solid #ffffff0a;color:#fff;backdrop-filter:blur(22px)}.nav{height:96px}.brand{font-size:35px;color:#fff}.brand img{width:45px;height:45px;border-radius:0;mix-blend-mode:screen}.brand small{display:block;font-family:'DM Sans',sans-serif;font-size:10px;letter-spacing:.01em;font-weight:400;color:#c3cbe0;text-align:center;margin-top:4px}.brand .dot{color:#bfff8c}nav a{color:#cad1e7;font-size:12px}nav a:hover{color:white}.nav-actions .icon-btn{border-color:#ffffff25;color:#d7dcf4;background:#ffffff05}.header-cta{background:linear-gradient(110deg,#8c49ff,#4342ff 53%,#41bfff);box-shadow:inset 0 1px 1px #fff7,0 5px 30px #603cff33}.btn{background:linear-gradient(110deg,#8b42fb,#5342ff 55%,#38b6ff);border:1px solid #c9b9ff60;box-shadow:inset 0 1px 1px #ffffff60,0 7px 25px #4e43dd25;font-weight:500;transition:transform .22s,box-shadow .22s;position:relative}.btn:hover{background:linear-gradient(110deg,#9a5bff,#6657ff 55%,#68c9ff);box-shadow:inset 0 1px 2px #fff8,0 10px 35px #684dff55;transform:translateY(-3px)}.launch-world{position:relative;isolation:isolate;color:#fff;background:#050b1b;overflow:hidden}.launch-world:before{content:'';position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 80% 15%,#3e1dbb4a,transparent 50%),radial-gradient(ellipse at 6% 15%,#0a77b820,transparent 42%),radial-gradient(ellipse at 90% 80%,#263cc035,transparent 55%)}.launch-world:after{content:'';position:absolute;z-index:-1;right:-7%;top:-240px;width:1000px;height:1050px;background:url('assets/aurora-ribbons.svg') center/contain no-repeat;opacity:.95;pointer-events:none}.hero{min-height:710px;gap:0;grid-template-columns:1.02fr 1fr;padding-top:75px;padding-bottom:65px;position:relative}.hero-copy{padding-bottom:20px;z-index:2}.hero .eyebrow{color:#d6d0ff;font-size:10px;letter-spacing:.28em}.hero h1{font-size:clamp(54px,5.2vw,78px);line-height:1.04;letter-spacing:-.055em;margin:26px 0 29px;max-width:760px;font-weight:800}.mobile-break{display:none}.hero .gradient-text,[data-theme=dark] .hero .gradient-text{background-image:linear-gradient(95deg,#a15aff 3%,#7567ff 35%,#3dbaff 70%,#bfff8c 98%)}.hero .lead{color:#bfc9df;font-size:16px;line-height:1.8;max-width:490px}.hero .actions{gap:15px;margin-top:32px;flex-wrap:nowrap}.hero .btn{padding:18px 24px;font-size:13px;white-space:nowrap}.demo-link{display:inline-flex;align-items:center;justify-content:center;gap:11px;white-space:nowrap;font-size:13px;border:1px solid #cbd7f9a0;border-radius:50px;padding:17px 22px;backdrop-filter:blur(15px);background:#09102855;transition:background .2s}.demo-link:hover{background:#7663ec33}.play-icon{color:#95dfff;font-size:19px}.hero-note{color:#94a2c0;font-size:11px;margin-top:23px}.hero-note span{color:#b6adff}.hero-art{background:none;border-radius:0;height:570px;width:100%;box-shadow:none;overflow:visible;isolation:auto;perspective:1000px;margin-left:15px}.art-halo{position:absolute;top:25%;left:30%;width:65%;height:60%;background:#7050ff44;filter:blur(60px);border-radius:50%;z-index:-1}.laptop{position:absolute;left:0;top:90px;width:410px;height:360px;transform:rotate(-7deg);filter:drop-shadow(0 35px 30px #0009)}.laptop-screen{position:absolute;left:60px;top:0;width:330px;height:245px;background:linear-gradient(130deg,#8b8da4,#222b43 6%,#060a15 40%,#4c4d65 99%);padding:10px 10px 16px;border-radius:13px 13px 6px 6px;border:1px solid #8487b4;transform:skewY(-5deg) skewX(-9deg);box-shadow:5px -4px 0 #262b46,7px -5px 0 #8184a0,inset 2px 2px 2px #9e9db7;overflow:hidden}.screen-content{width:100%;height:100%;background:radial-gradient(ellipse at 80% 0,#4b28b3,transparent 60%),#080e23;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.screen-content:after{content:'';position:absolute;inset:0;background:linear-gradient(130deg,#fff0 20%,#c8bfff10 49%,#fff0 50%);pointer-events:none}.screen-content img{width:180px;height:180px;object-fit:contain;mix-blend-mode:screen}.screen-label{position:absolute;top:13px;left:0;right:0;text-align:center;font-size:5px;letter-spacing:.2em;color:#999dca}.screen-tag{position:absolute;bottom:12px;left:0;right:0;text-align:center;font-size:8px;color:#a6aacf}.screen-camera{position:absolute;top:4px;left:50%;width:3px;height:3px;border-radius:50%;background:#6e83af;z-index:2}.laptop-base{position:absolute;top:238px;left:10px;width:380px;height:120px;background:linear-gradient(160deg,#414966,#14182c 35%,#626b86 95%);clip-path:polygon(13% 0,100% 0,91% 100%,0% 100%);transform:skewY(-4deg);border-radius:0 0 10px 10px}.keyboard{position:absolute;left:63px;top:9px;width:285px;height:58px;transform:skewX(-21deg);border:4px solid #242a40;background:repeating-linear-gradient(0deg,transparent 0 8px,#41495d 8px 10px),repeating-linear-gradient(90deg,#070b16 0 17px,#41495d 17px 20px);border-radius:4px}.trackpad{position:absolute;top:77px;left:125px;width:120px;height:30px;transform:skewX(-21deg);background:linear-gradient(135deg,#353c53,#20263c);border:1px solid #646a80;border-radius:3px}.laptop-lip{position:absolute;left:10px;top:345px;width:345px;height:9px;transform:rotate(-4deg);border-radius:0 0 80% 50%;background:linear-gradient(90deg,#6b7493,#8f96ab 10%,#222a41 58%,#818aa5);box-shadow:0 12px 10px #0005}.capability-stack{position:absolute;top:215px;right:-4px;width:170px;display:grid;gap:10px;transform:rotate(-6deg);z-index:3;animation:float 8s ease-in-out infinite}.glass-capability{display:flex;align-items:center;gap:13px;padding:17px 15px;background:linear-gradient(125deg,#c8baff45,#5b55a040 45%,#6f9bff35);color:#fff;border:1px solid #c3c6ff88;border-radius:11px;backdrop-filter:blur(15px);box-shadow:inset 0 1px 1px #ffffff50,0 10px 25px #03071955;font-size:15px;letter-spacing:-.025em;text-shadow:0 1px 3px #26285b}.glass-capability>span{font-size:26px;color:#b6b2ff;line-height:1;width:23px;text-align:center}.glass-capability:nth-child(2){margin-left:-12px;margin-right:12px}.glass-capability:nth-child(3){margin-left:-24px;margin-right:24px}.glass-capability:nth-child(4){margin-left:-36px;margin-right:36px}.glass-capability:nth-child(4)>span{color:#ceffad}.glass-capability .bar-chart{font-size:19px;letter-spacing:-2px}.visual-caption{position:absolute;bottom:24px;right:12px;color:#b3b2d3;font-size:7px;letter-spacing:.24em}.promise-strip{position:relative;border-color:#ffffff12;background:#02081855}.promise-strip .wrap{padding:27px 0;gap:25px;justify-content:space-around}.promise-strip span,.promise-strip span:first-child{display:flex;align-items:center;gap:14px;font-size:12px;color:#d6dced;font-weight:400}.promise-strip i{display:grid;place-items:center;width:43px;height:43px;border:1px solid #8662e99c;color:#a382ff;border-radius:50%;font-style:normal;font-size:25px;background:radial-gradient(ellipse at bottom,#45229440,transparent)}.promise-strip span:last-child i{color:#c9f3b6}
/* A luminous service gallery, followed by an editorial problem section. */
.solutions-section{background:radial-gradient(ellipse at 100% 5%,#dcd8ff75,transparent 48%),linear-gradient(180deg,#fff,#f2f5ff);position:relative;padding-top:85px;padding-bottom:75px}.solutions-section .section-heading{margin-bottom:38px}.solutions-section h2{font-size:46px}.solutions-section .eyebrow{color:#64668c}.solution-grid{grid-template-columns:repeat(3,1fr);gap:18px}.solution-card{border:1px solid #dce2ff;background:linear-gradient(145deg,#fff,#f7f8ffcc);border-radius:19px;padding:28px;position:relative;overflow:hidden;box-shadow:0 8px 25px #493ac604}.solution-card:before{content:'';position:absolute;right:-45px;top:-55px;width:140px;height:140px;background:radial-gradient(circle,#ab9aff20,transparent 70%);pointer-events:none}.solution-card:hover{border-color:#a993f4;box-shadow:0 17px 45px #5541a51a;transform:translateY(-5px)}.solution-icon{width:56px;height:56px;border-radius:19px;background:linear-gradient(130deg,#eee5ff,#e5eeff 70%,#f4f9ff);box-shadow:inset 2px 2px 5px #fff,5px 7px 14px #7d7ad012;transform:rotate(-5deg);position:relative;color:#6642ed;margin-bottom:18px}.solution-icon svg{width:29px;height:29px;transform:rotate(5deg);stroke-width:1.6;filter:drop-shadow(0 2px 3px #7548ef20)}.solution-card:nth-child(2n) .solution-icon{background:linear-gradient(135deg,#e4e6ff,#ebf9ff);color:#325eea}.solution-card:nth-child(3n) .solution-icon{background:linear-gradient(135deg,#eee4ff,#f2ecff 60%,#eaffdf)}.solution-card h3{font-size:20px}.solution-card .example{border-color:#e5e8f7;background:#eff1ff65;padding:12px;border-radius:9px;font-size:11px}.solution-card .example strong{color:#725ca7}.solution-card button{width:100%;justify-content:space-between;margin-top:14px;color:#6941df}.solution-banner{margin-top:35px;padding:32px 36px;border-radius:20px;display:flex;justify-content:space-between;gap:25px;align-items:center;color:white;background:url('assets/aurora-ribbons.svg') right 50%/550px auto no-repeat,linear-gradient(110deg,#03091a,#101347);box-shadow:0 10px 30px #49429415;position:relative;overflow:hidden}.solution-banner h3{font-size:26px;margin:0 0 8px}.solution-banner p{font-size:13px;color:#c1c7e3;margin:0}.solution-banner .btn{flex-shrink:0;min-width:155px}.problem{position:relative;padding-top:90px;padding-bottom:90px;gap:100px}.problem:before{content:'✦';position:absolute;font-size:190px;color:#8e71eb0c;left:20%;top:12px;z-index:-1}.problem .task-list{background:linear-gradient(125deg,#fff9,#e8e5ff55);border:1px solid var(--line);border-radius:22px;padding:20px 28px;box-shadow:var(--shadow)}.task-list>div{font-size:13px}.task-list>div>span{border:1px solid var(--line);border-radius:50%;width:26px;height:26px;display:grid;place-items:center;flex-shrink:0}.task-end{margin-bottom:5px}.steps{gap:20px;position:relative}.steps article{padding:22px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(145deg,var(--surface),var(--soft));position:relative;box-shadow:var(--shadow)}.steps article:not(:last-child):after{content:'→';position:absolute;right:-16px;top:40px;color:var(--accent);z-index:1}.step-no{border:0;padding:0;font-size:18px;color:white;background:linear-gradient(135deg,#8a54ff,#3e47ef);width:40px;height:40px;display:grid;place-items:center;border-radius:50%;box-shadow:inset 1px 1px 2px #ffffff70,0 4px 15px #6942e633}.step-no i{display:none}.steps h3{margin-top:24px}.steps p{font-size:12px}
/* Dark demonstration stage. */
.demo-section{background:radial-gradient(ellipse at 15% 0,#34277750,transparent 48%),radial-gradient(ellipse at 100% 100%,#154e7850,transparent 60%),#050c20;color:#f4f5ff;position:relative;overflow:hidden}.demo-section:before{content:'';position:absolute;right:-200px;top:-450px;width:700px;height:700px;border:1px solid #b9a1ff23;border-radius:50%;box-shadow:0 0 100px #6047da12,inset 0 0 100px #6047da12;pointer-events:none}.demo-section .eyebrow{color:#b7a2fc}.demo-section p{color:#aebcd7}.demo-section .gradient-text{background-image:linear-gradient(95deg,#a27aff,#64c4ff,#bfff8c)}.simulation{color:#b8c3da;border-color:#7585ad44;background:#8392ce08}.demo-panel{background:linear-gradient(120deg,#ffffff09,#9c8fff06);border:1px solid #a8a5eb35;backdrop-filter:blur(20px);box-shadow:inset 0 1px 0 #fff1,0 30px 80px #0003}.demo-toolbar{border-color:#9ea8ff20}.workflow li{border-color:#8a9edf40;background:#8198f008}.workflow li.active{background:linear-gradient(120deg,#7050e840,#356cdb25);border-color:#a98aff;box-shadow:0 0 30px #7856ff20}.workflow b{color:#c4b5ff;background:#b5a6ff20}.workflow small{color:#a7b6d5}.workflow .done small{color:#c0eca5}.workflow .done{border-color:#bfff8c40}.workflow .done b{background:#bfff8c;color:#173114}.workflow li:not(:last-child):after{color:#b6a4ff}.message-preview{background:linear-gradient(145deg,#19284b,#131d38);border-color:#8292cb40;box-shadow:0 15px 40px #0002}.message-header small{color:#a9b7d3}.message-tags span{color:#d0c1ff;background:#bca6ff18}.message-preview p{color:#c9d2e7}.demo-footnote{color:#99a8c4!important}.why{gap:85px}.values{gap:18px}.values article{border:1px solid var(--line);border-radius:18px;padding:22px;background:radial-gradient(ellipse at top right,#8a68ff10,transparent 80%),var(--surface)}.values article>span{font-size:28px;background:linear-gradient(135deg,#8252ed,#549acb);background-clip:text;color:transparent}.values h3{font-size:16px}.values p{font-size:12px}
.pricing{background:radial-gradient(ellipse at 70% 80%,#5a3fe554,transparent 70%),#070e25;color:white;border:1px solid #a995ff30;border-radius:26px;position:relative;overflow:hidden;padding:60px}.pricing h2{font-size:38px;position:relative}.pricing p{color:#bfc8e0}.pricing .eyebrow{color:#c1b1fc}.pricing-note{border-color:#ac9cdd33;position:relative;padding-top:105px}.pricing-note .pill{background:#ffffff0b;color:#d7cceb;border:1px solid #ffffff22}.pricing-note h3{font-size:24px}.pricing-note p{font-size:22px}.large-star{display:none}.pricing-sculpture{position:absolute;top:-50px;right:10px;width:190px;height:155px;transform:rotate(-22deg)}.pricing-sculpture span{position:absolute;width:150px;height:95px;border-radius:50%;border:1px solid #d6ccff88;background:linear-gradient(135deg,#20235f 5%,#a590ff 40%,#eee4ff 49%,#7864ff 54%,#3531b6 72%,#a7e9cf);box-shadow:inset 3px 3px 10px #fff4,0 20px 25px #0005}.pricing-sculpture span:nth-child(2){left:25px;top:25px}.pricing-sculpture span:nth-child(3){left:50px;top:50px}.about-art{height:440px;max-height:none;background:url('assets/aurora-ribbons.svg') 50% 45%/760px no-repeat,#060c21;box-shadow:inset 0 0 80px #050919;border:1px solid #baabff30;border-radius:130px 30px 130px 30px}.about-art img{width:75%;height:75%;margin:8% auto;object-fit:contain;mix-blend-mode:screen}.about-art span{bottom:32px;font-size:8px;color:#d3c8ed}.about p:last-child{color:var(--accent);font-weight:500}.contact-section{background:radial-gradient(ellipse at 5% 40%,#dad3ff75,transparent 60%),radial-gradient(ellipse at 90% 10%,#d3ecff80,transparent 60%),#f0f3ff;position:relative;border-top:1px solid var(--line)}.contact-section:before{content:'';position:absolute;left:-150px;bottom:0;width:500px;height:500px;border-radius:50%;border:1px solid #a997e82a;pointer-events:none;box-shadow:0 0 0 40px #a997e806,0 0 0 80px #a997e805}.contact{position:relative}.contact form{background:#ffffffcf;backdrop-filter:blur(20px);border:1px solid #fff;border-radius:23px;box-shadow:0 25px 65px #4f48921a}.contact h2{font-size:62px}.contact-note{padding:20px;background:#ffffff70;border:1px solid #ffffffb0;border-radius:16px}.contact-note p{margin:0}.availability{border-top-color:#d5d8ed}.footer-top .brand{color:var(--text)}.footer-top .brand img{mix-blend-mode:normal;border-radius:11px}footer{background:var(--bg)}
/* Dark mode keeps the same hierarchy with luminous slate surfaces. */
[data-theme=dark] .solutions-section{background:radial-gradient(ellipse at 90% 0,#402d7130,transparent 55%),linear-gradient(180deg,#0b142b,#071022)}[data-theme=dark] .solutions-section .eyebrow{color:#b9b0d6}[data-theme=dark] .solution-card{background:linear-gradient(140deg,#162340,#10192f);border-color:#303d61;box-shadow:inset 0 1px 0 #ffffff05}[data-theme=dark] .solution-card .example{background:#07112488;border-color:#293653}[data-theme=dark] .solution-card .example strong{color:#c1abe9}[data-theme=dark] .solution-card button{color:#bea6ff}[data-theme=dark] .solution-icon{background:linear-gradient(130deg,#484078,#253e64);color:#c4b1ff;box-shadow:inset 1px 1px 3px #c8b7ff33,5px 7px 14px #0002}[data-theme=dark] .solution-card:nth-child(2n) .solution-icon{background:linear-gradient(135deg,#293d75,#253854);color:#95c4ff}[data-theme=dark] .solution-card:nth-child(3n) .solution-icon{background:linear-gradient(135deg,#4a386d,#29364e);color:#c6a5ff}[data-theme=dark] .problem .task-list{background:linear-gradient(125deg,#18213c,#101a30)}[data-theme=dark] .contact-section{background:radial-gradient(ellipse at 0% 40%,#4b258234,transparent 60%),radial-gradient(ellipse at 90% 10%,#17467530,transparent 60%),#081125}[data-theme=dark] .contact form{background:#14203ac9;border-color:#344164;box-shadow:0 25px 65px #0003}[data-theme=dark] .contact-note{background:#ffffff04;border-color:#ffffff10}[data-theme=dark] .availability{border-color:#33415e}[data-theme=dark] .footer-top .brand{color:white}
@media(min-width:1500px){.hero{min-height:750px}.launch-world:after{right:calc((100vw - 1400px)/2 - 100px);width:1100px;height:1150px}.hero-art{height:590px}.laptop{left:20px;top:100px;scale:1.08}.capability-stack{right:-5px;top:235px}}
@media(max-width:1100px){.nav{height:85px}.hero{min-height:650px}.hero h1{font-size:60px}.hero-art{height:500px}.laptop{left:-20px;top:100px;scale:.85;transform-origin:left top}.capability-stack{width:145px;right:0;top:205px;gap:9px}.glass-capability{font-size:13px;padding:13px 12px}.hero .actions{flex-wrap:wrap}.hero .lead{font-size:15px;max-width:420px}.launch-world:after{right:-210px;top:-120px;width:850px;height:900px}.visual-caption{font-size:6px}.solution-card{padding:23px}.pricing{padding:45px}.pricing h2{font-size:33px}.contact{gap:50px}.contact h2{font-size:54px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.nav{height:83px;gap:12px}.brand{font-size:31px;gap:7px}.brand img{width:41px;height:41px}.brand small{font-size:8px}.nav-actions{gap:7px}.nav-actions .icon-btn{width:37px;height:37px}nav{top:83px;background:#091128f5;border-color:#524c7e;backdrop-filter:blur(20px)}nav a{color:#d3d7ed}.launch-world:after{top:-160px;right:-280px;width:800px;height:850px;opacity:.95}.hero{display:block;min-height:800px;padding-top:45px;padding-bottom:32px;isolation:isolate}.hero-copy{position:relative;padding-bottom:0;z-index:2}.hero .eyebrow{font-size:8px;letter-spacing:.24em;margin-bottom:22px}.hero h1{font-size:clamp(43px,10.8vw,66px);line-height:1.035;margin:0 0 20px;letter-spacing:-.05em;max-width:100%;text-shadow:0 3px 30px #03091b40}.mobile-break{display:block}.hero h1 .gradient-text{font-size:1em}.hero .lead{font-size:14px;line-height:1.75;width:100%;max-width:410px;margin:0;padding-right:0;color:#c6cce0;text-shadow:0 2px 12px #050b1b}.hero .actions{margin-top:285px;gap:12px;flex-wrap:nowrap}.hero .btn{font-size:11px;padding:15px 17px;gap:11px;flex:1;min-height:51px}.demo-link{font-size:11px;padding:14px 16px;gap:7px;min-height:51px}.hero-note{font-size:9px;margin-top:18px;text-align:center;color:#b7c0d9}.hero-art{position:absolute;left:0;right:0;top:300px;margin:0;height:340px;width:100%;max-width:none;z-index:1;pointer-events:none}.laptop{top:55px;left:calc(50% - 185px);scale:.72;transform-origin:left top;transform:rotate(-6deg)}.capability-stack{top:108px;right:calc(50% - 172px);width:133px;gap:7px;transform:rotate(-6deg)}.glass-capability{padding:11px 10px;font-size:12px;border-radius:8px;gap:9px}.glass-capability>span{font-size:21px;width:20px}.glass-capability .bar-chart{font-size:16px}.glass-capability:nth-child(2){margin-left:-6px;margin-right:6px}.glass-capability:nth-child(3){margin-left:-12px;margin-right:12px}.glass-capability:nth-child(4){margin-left:-18px;margin-right:18px}.visual-caption{display:none}.art-halo{top:20%;left:10%;width:80%;height:65%;filter:blur(35px)}.promise-strip .wrap{grid-template-columns:1fr 1fr;gap:22px 14px;padding:26px 0}.promise-strip span,.promise-strip span:first-child{grid-column:auto;gap:9px;font-size:10px}.promise-strip i{width:35px;height:35px;flex-shrink:0;font-size:21px}.solutions-section{padding:57px 0}.solutions-section h2{font-size:36px}.section-heading{margin-bottom:28px}.solutions-section .section-heading p{font-size:13px}.solution-grid{grid-template-columns:1fr;gap:14px}.solution-card{padding:24px 22px 18px;display:grid;grid-template-columns:57px 1fr;column-gap:18px;align-items:start}.solution-icon{grid-row:1/3;margin:0;width:53px;height:53px;border-radius:17px}.solution-card h3{font-size:19px;margin:0 0 9px;line-height:1.2}.solution-card p{font-size:12px;line-height:1.7;margin:0 0 16px}.solution-card .example{grid-column:1/-1;padding:10px 12px;font-size:10px}.solution-card button{grid-column:1/-1;margin-top:7px;min-height:40px}.solution-card .example strong{font-size:8px}.solution-banner{padding:26px;background-position:right center;background-size:420px;display:block;margin-top:25px;border-radius:17px}.solution-banner h3{font-size:25px;max-width:230px;position:relative;z-index:1}.solution-banner p{font-size:12px;max-width:210px;margin-top:11px;color:#d1d3ec}.solution-banner .btn{margin-top:22px;min-width:140px}.problem{padding-top:60px;padding-bottom:35px;gap:25px}.problem .task-list{padding:16px 20px}.task-list>div{font-size:12px;gap:12px}.task-list>div>span{font-size:9px}.task-end{font-size:11px!important}.steps{gap:14px;margin-top:30px}.steps article{padding:20px 17px;border-radius:15px}.steps article:after{display:none}.steps h3{font-size:17px;margin-top:21px}.steps p{font-size:11px}.step-no{width:35px;height:35px;font-size:14px}.demo-section .section{padding-top:60px;padding-bottom:55px}.demo-section h2{font-size:38px}.simulation{font-size:8px}.demo-toolbar{padding:17px}.workflow{padding:22px 18px;gap:10px}.workflow li{padding:12px}.demo-detail{padding:7px 20px 24px}.demo-detail h3{font-size:23px}.message-preview{background:linear-gradient(145deg,#24315b,#14203a);box-shadow:0 12px 30px #0003}.demo-footnote{font-size:10px;line-height:1.8}.why{gap:25px}.values{gap:12px}.values article{padding:18px}.values h3{font-size:15px}.values p{font-size:11px}.pricing{padding:30px;gap:15px;border-radius:20px}.pricing h2{font-size:31px}.pricing-note{padding-top:25px;padding-right:85px;min-height:150px}.pricing-note h3{font-size:21px}.pricing-note p{font-size:18px}.pricing-note .pill{font-size:8px;white-space:nowrap;padding:8px 10px}.pricing-sculpture{top:15px;right:-45px;scale:.6;transform-origin:center right}.about{padding-top:65px;padding-bottom:60px}.about-art{height:330px;max-height:none;border-radius:90px 25px 90px 25px;background-size:600px}.about-art img{height:80%;width:80%;margin:4% auto}.contact{gap:30px}.contact h2{font-size:49px}.contact-note{margin-top:25px;padding:15px;max-width:none}.contact form{padding:23px}.contact-section:before{width:300px;height:300px}.footer-top .brand{font-size:32px}}
@media(min-width:500px) and (max-width:760px){.hero{min-height:850px}.hero-art{top:305px;scale:1.1}.hero .actions{margin-top:320px}.hero .lead{max-width:460px}.launch-world:after{right:-150px}.solution-grid{grid-template-columns:1fr 1fr}.solution-card{display:flex;padding:22px}.solution-icon{margin-bottom:17px}.solution-card p{margin-bottom:20px}.solution-card .example{margin-top:auto}.solution-card button{margin-top:13px}.hero .actions{max-width:500px}}
@media(max-width:370px){.hero h1{font-size:40px}.hero .eyebrow{font-size:7px}.hero .lead{font-size:13px}.hero-art{top:300px}.hero .actions{gap:8px}.hero .btn{padding:15px 12px;font-size:10px}.demo-link{padding:14px 11px;font-size:10px}.hero .btn span{font-size:15px}.capability-stack{right:-2px}.laptop{left:-9px;scale:.66}.solution-card{column-gap:13px}.contact form{padding:19px}.pricing{padding:24px}}
@media(prefers-reduced-motion:reduce){.capability-stack{animation:none}.btn,.solution-card{transition:none}}
/* Phone hero: place the artwork in the reading flow so no copy sits on top of it. */
@media(max-width:760px){
 .hero{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0;padding-top:46px;padding-bottom:33px}
 .hero-copy{display:contents}
 .hero .eyebrow{order:1;margin-bottom:20px}
 .hero h1{order:2;margin:0 0 20px;max-width:600px}
 .hero .lead{order:3;margin:0;max-width:560px;padding:0}
 .hero-art{position:relative;order:4;left:auto;right:auto;top:auto;height:clamp(370px,100vw,480px);width:100%;margin:0;scale:1;pointer-events:none}
 .art-halo{top:16%;left:12%;width:78%;height:68%;filter:blur(40px)}
 .laptop{left:calc(50% - 180px);top:24px;scale:.79;transform:rotate(-6deg);transform-origin:left top}
 .capability-stack{top:140px;right:calc(50% - 175px);width:137px;gap:8px}
 .glass-capability{padding:12px 11px;font-size:12px}
 .visual-caption{display:block;bottom:12px;right:0;left:0;text-align:center;font-size:6px}
 .hero .actions{order:5;margin:4px 0 0;gap:11px;flex-wrap:nowrap;width:100%;max-width:520px}
 .hero .btn{flex:1;min-width:0}
 .demo-link{flex:0 0 auto}
 .hero-note{order:6;text-align:center;margin-top:18px}
 .launch-world:after{top:170px;right:-340px;width:800px;height:850px}
}
@media(max-width:430px){
 .hero{padding-top:39px}
 .hero h1{font-size:clamp(42px,10.7vw,49px);line-height:1.04}
 .hero .lead{font-size:14px;line-height:1.72}
 .hero-art{height:clamp(365px,100vw,430px)}
 .laptop{left:calc(50% - 167px);top:28px;scale:.72}
 .capability-stack{right:calc(50% - 170px);top:135px;width:128px}
 .glass-capability{padding:11px 9px;font-size:11px;gap:8px}
 .hero .actions{gap:8px}
 .hero .btn{padding:15px 12px;font-size:10px;gap:8px}
 .demo-link{padding:13px 12px;font-size:10px}
 .play-icon{font-size:16px}
 .hero-note{font-size:9px}
}
@media(max-width:360px){
 .hero h1{font-size:40px}
 .hero-art{height:360px}
 .laptop{left:calc(50% - 157px);scale:.65}
 .capability-stack{right:calc(50% - 162px);width:120px}
 .glass-capability{font-size:10px}
 .hero .btn{font-size:9px;padding:14px 9px}
 .demo-link{font-size:9px;padding:12px 9px}
}
/* Keep the Grow mark inside its own icon column at every breakpoint. */
.glass-capability .bar-chart{position:relative;display:inline-block;flex:0 0 24px;width:24px;min-width:24px;height:22px;font-size:0;letter-spacing:0;overflow:hidden;vertical-align:middle}
.glass-capability .bar-chart:before{content:"";position:absolute;inset:2px 1px 1px;background:linear-gradient(90deg,#c6b7ff,#c6b7ff) 0 10px/5px 8px no-repeat,linear-gradient(90deg,#c6b7ff,#c6b7ff) 8px 5px/5px 13px no-repeat,linear-gradient(90deg,#c6b7ff,#c6b7ff) 16px 0/5px 18px no-repeat}
.footer-social{display:flex;flex-direction:column;gap:12px;color:var(--text);font-size:12px}.footer-social strong{font-weight:600}.social-links{display:flex;gap:10px;align-items:center}.social-links a{display:grid;place-items:center;width:38px;height:38px;border:1px solid #8e79e644;border-radius:50%;background:linear-gradient(145deg,#ffffff15,#8c6aff09);color:var(--accent);transition:transform .2s,background .2s,border .2s}.social-links a:hover{transform:translateY(-3px);border-color:#9877ff;background:#8f6bff20}.social-links svg{width:18px;height:18px;fill:currentColor;stroke:none}.social-links svg rect,.social-links svg circle:not(.fill){fill:none;stroke:currentColor;stroke-width:1.8}.social-links svg circle.fill{fill:currentColor}.follow-card{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:23px;padding:16px 18px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(120deg,#ffffff9c,#c5bbff20)}.follow-card p{font-size:11px;margin:5px 0 0}.follow-card .social-links{gap:6px}.follow-card .social-links a{width:34px;height:34px}.follow-card .social-links svg{width:16px;height:16px}.availability{margin-top:22px!important}[data-theme=dark] .follow-card{background:linear-gradient(120deg,#ffffff07,#926fff10);border-color:#ffffff16}[data-theme=dark] .footer-social{color:var(--text)}@media(max-width:760px){.footer-social{margin:28px 0}.follow-card{flex-wrap:wrap}.follow-card .social-links{width:100%;justify-content:flex-start}.follow-card .social-links a{width:40px;height:40px}}
.consent-label{display:flex;align-items:flex-start;gap:10px;font-size:11px;font-weight:400;line-height:1.6}.consent-label input{width:17px;height:17px;min-height:17px;flex:none;margin:1px 0 0;accent-color:#7050e8}.consent-label span{color:var(--muted)}.consent-label a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.privacy-note{margin:8px 0 16px}#form-result{border:1px solid #a9d893;background:linear-gradient(120deg,#effde9,var(--soft))}[data-theme=dark] #form-result{background:linear-gradient(120deg,#173729,#14213c);border-color:#3d7851}

.demo-cta{margin-top:16px;width:max-content;min-height:44px;padding:12px 19px;font-size:12px}