.web-main{overflow:clip;background:#101313;color:#f1f0e9}.web-main h1,.web-main h2,.web-main h3{font-weight:400;letter-spacing:-.055em}.web-main h1{font-size:clamp(50px,6.2vw,104px);line-height:1.01;margin:24px 0}.web-main h2{font-size:clamp(40px,5.1vw,80px);line-height:1.05;margin:25px 0 35px}.web-main em{color:#00efdf;font-style:normal}.web-main p{line-height:1.75;color:#a9b5af}.web-hero{position:relative;min-height:850px;padding:175px 5% 45px;display:grid;grid-template-columns:1.05fr 1fr;gap:3%;align-items:center;background:radial-gradient(ellipse at 85% 40%,#19494044,transparent 55%)}.web-back{display:block;font-size:10px;letter-spacing:.15em;margin-bottom:50px;color:#a3b4ac}.web-hero-copy>p{font-size:17px;line-height:1.7}.web-link{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:18px 0;border:0;border-bottom:1px solid #68867b;background:transparent;color:#f1f0e9;font:inherit;font-size:14px;cursor:pointer}.web-link .icon{width:23px;height:23px;flex-shrink:0}.web-stack{height:550px;position:relative;perspective:1200px;transform:rotateX(var(--ry,0deg)) rotateY(var(--rx,0deg));transition:transform .3s}.web-window{position:absolute;width:86%;left:7%;border:1px solid #ffffff30;box-shadow:0 25px 70px #0009;overflow:hidden;border-radius:8px;transition:transform .6s,box-shadow .3s}.window-bruma{top:0;transform:rotate(-9deg) translateX(-20px);z-index:1}.window-pulso{top:150px;transform:rotate(5deg) translateX(18px);z-index:2}.window-umbral{top:300px;transform:rotate(-5deg);z-index:3}.web-window:hover{z-index:5;transform:rotate(0deg) scale(1.04);box-shadow:0 25px 100px #000c}.window-bar{height:24px;display:flex;align-items:center;gap:4px;background:#e5e6df;color:#30382e;padding:0 10px}.window-bar i{width:4px;height:4px;background:#727c6b;border-radius:50%}.window-bar span{margin-left:auto;font-size:6px;letter-spacing:1px}.window-art{height:210px;padding:20px;position:relative;overflow:hidden;background-size:cover;background-position:center}.window-art>span{font-size:10px;letter-spacing:.15em}.window-art strong{position:absolute;left:20px;bottom:20px;font-size:38px;letter-spacing:-.05em;line-height:1;font-weight:400}.art-bruma{background-image:linear-gradient(90deg,#25221788,transparent),url('assets/web-demos/bruma.webp');color:#fff2d8}.art-bruma strong{font-family:Georgia,serif}.art-pulso{background:#dcff65;color:#122416}.art-pulso strong{font-size:40px;z-index:2}.mini-speaker{position:absolute;right:16%;top:30px;width:86px;height:165px;border-radius:40px;background:radial-gradient(circle,#151d16 1px,transparent 1px) 0 0/4px 4px,linear-gradient(90deg,#465c32,#7f9b52 45%,#243a25);box-shadow:12px 12px 25px #17391455;transform:rotate(-20deg);border-top:9px solid #263d28;border-bottom:9px solid #263d28}.art-umbral{background-image:linear-gradient(90deg,#151810aa,transparent),url('assets/web-demos/umbral.webp');color:#fff}.web-hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #ffffff20;margin-top:65px;padding-top:25px;font-size:9px;letter-spacing:.12em;color:#aab5af}.web-hero-bottom a{display:flex;gap:12px;align-items:center}.web-hero-bottom svg{width:15px;height:15px}.web-section{padding:100px 7%;scroll-margin-top:40px}.web-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:20px 10%;border-block:1px solid #ffffff20}.web-intro>.eyebrow{grid-column:1/-1}.web-intro>div{align-self:center}.web-section-heading{max-width:850px}.web-section-heading>p{max-width:620px}.web-demo-tabs{display:flex;border-bottom:1px solid #ffffff25;gap:25px;margin:50px 0 40px}.web-demo-tabs button{background:none;color:#9aa9a1;padding:18px 0;font-size:13px;flex:1;text-align:left;border-bottom:2px solid transparent}.web-demo-tabs span{font-size:10px;margin-right:12px}.web-demo-tabs button[aria-pressed=true]{color:#00efdf;border-color:#00efdf}.web-showcase{display:grid;grid-template-columns:.72fr 1.6fr;gap:5%;align-items:center}.web-demo-description h3{font-size:54px;margin:20px 0}.web-demo-description p{font-size:15px}.web-demo-description ul{padding:0;list-style:none;color:#a5b5ac;font-size:13px;line-height:2.2}.web-demo-description li:before{content:'—';margin-right:12px;color:#00efdf}.web-demo-description small{display:block;font-size:10px;color:#81948a;line-height:1.7;margin:25px 0}.web-demo-description .text-link{font-size:12px;background:transparent;color:#00efdf;margin-top:20px;text-align:left}.web-preview-tools{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:9px;letter-spacing:.08em}.web-preview-tools button{border:1px solid #ffffff30;border-radius:20px;background:none;padding:9px 15px;color:#b5c5bd;font-size:11px}.web-preview-tools button[aria-pressed=true]{color:#14221a;background:#c9e1d6}.web-frame-shell{width:100%;margin:auto;border:1px solid #ffffff35;padding:7px;border-radius:12px;background:#1e2923;transition:width .5s;box-shadow:0 20px 70px #0007}.web-frame-screen{width:100%;height:520px;overflow:hidden;border-radius:6px;position:relative}.web-frame-screen iframe{width:1200px;height:900px;border:0;transform-origin:top left;display:block;background:#e8e5dc}.web-device-area.is-mobile .web-frame-shell{width:min(100%,335px);border-radius:32px;padding:10px}.web-device-area.is-mobile .web-frame-screen{border-radius:22px;height:590px}.web-preview-note{font-size:10px;text-align:center}.web-decider{background:#19241e;display:grid;grid-template-columns:1fr 1fr;gap:20px 10%}.web-decider>.eyebrow,.web-decider>h2{grid-column:1/-1}.web-goals{display:flex;flex-direction:column}.web-goals button{background:transparent;color:#b4c1b8;border-bottom:1px solid #ffffff20;padding:23px 0;display:flex;align-items:center;justify-content:space-between;text-align:left;font-size:17px}.web-goals button[aria-pressed=true]{color:#00efdf}.web-goals svg{width:20px;height:20px}.web-recommendation{padding:30px;border-left:1px solid #00efdf66;align-self:center}.web-recommendation>span{font-size:9px;color:#96b6a5;letter-spacing:.13em}.web-recommendation h3{font-size:36px;margin:20px 0}.web-recommendation [hidden]{display:none}.web-real{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.web-colbuy-art{aspect-ratio:1;position:relative;display:flex;align-items:center;justify-content:center;border:1px solid #ffffff20;background:radial-gradient(circle,#155d4e55,transparent 70%);overflow:hidden}.web-colbuy-art>span,.web-colbuy-art>small{position:absolute;left:25px;font-size:9px;letter-spacing:.12em;color:#a5c3b2}.web-colbuy-art>span{top:25px}.web-colbuy-art>small{bottom:25px}.web-colbuy-art>img{position:relative;width:55%;height:auto;z-index:2}.web-orbit{position:absolute;inset:15%;perspective:500px}.web-orbit i{position:absolute;inset:0;border:1px solid #00efdf88;border-radius:50%;transform:rotateX(50deg) rotateY(20deg);animation:web-spin 15s linear infinite}.web-orbit i:nth-child(2){animation-delay:-5s}.web-orbit i:nth-child(3){animation-delay:-10s}@keyframes web-spin{to{transform:rotateX(410deg) rotateY(380deg)}}.web-process{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:55px}.web-process span{font-size:10px;color:#8ba99b}.web-process h3{font-size:29px;margin:22px 0}.web-process p{font-size:13px}.web-questions{margin-top:65px;border-top:1px solid #ffffff30}.web-questions details{border-bottom:1px solid #ffffff30;padding:24px 0}.web-questions summary{cursor:pointer;font-size:17px}.web-questions p{max-width:800px;font-size:14px}.web-questions a{color:#00efdf}.web-end{background:radial-gradient(ellipse at 20% 100%,#165f4a44,transparent 60%);border-top:1px solid #ffffff20}.web-enter{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}.web-enter.is-seen{opacity:1;transform:none}@media(max-width:950px){.web-hero{min-height:700px;grid-template-columns:1fr 1fr}.web-stack{height:450px}.window-art{height:170px}.window-pulso{top:120px}.window-umbral{top:240px}.window-art strong{font-size:30px}.web-showcase{grid-template-columns:1fr}.web-demo-description{margin-bottom:25px}.web-demo-description>p{max-width:600px}.web-frame-screen{height:510px}.web-process{grid-template-columns:1fr 1fr}}@media(max-width:650px){.web-hero{padding:125px 6% 30px;display:block}.web-hero h1{font-size:clamp(43px,11vw,64px)}.web-back{margin-bottom:30px}.web-hero-copy>p{font-size:14px}.web-stack{height:480px;margin-top:55px}.web-window{width:83%;left:8%}.window-art{height:185px}.window-pulso{top:125px}.window-umbral{top:260px}.web-hero-bottom{margin-top:30px;flex-wrap:wrap;font-size:8px;line-height:1.8}.web-section{padding:65px 6%}.web-intro,.web-decider,.web-real{grid-template-columns:1fr;gap:25px}.web-demo-tabs{gap:14px}.web-demo-tabs button{font-size:11px;line-height:1.6}.web-demo-tabs span{display:block}.web-frame-screen{height:400px}.web-frame-shell{padding:4px}.web-recommendation{padding:25px 0;border:0}.web-process{gap:25px}.web-colbuy-art{max-width:420px;width:100%;margin:auto}.web-preview-tools{gap:10px}.web-preview-tools button{padding:9px 10px}.web-main h2{font-size:40px}}@media(prefers-reduced-motion:reduce){.web-orbit i{animation:none}.web-stack,.web-window,.web-frame-shell,.web-enter{transition:none}.web-enter{opacity:1;transform:none}}

.web-demo-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 25px;border-bottom:0}.web-demo-tabs button{display:grid;grid-template-columns:28px 1fr;align-items:center;border-bottom:1px solid #ffffff30;padding:22px 0}.web-demo-tabs strong{font-size:20px;font-weight:400;letter-spacing:.03em}.web-demo-tabs small{grid-column:2;font-size:10px;color:#9baa9f;margin-top:7px}.web-demo-tabs span{font-size:10px;grid-row:1/3;margin-right:0}.web-demo-tabs button[aria-pressed=true]{border-bottom:2px solid #00efdf}.web-demo-tabs button[aria-pressed=true] small{color:#bdcfbf}@media(max-width:650px){.web-demo-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.web-demo-tabs strong{font-size:18px}.web-demo-tabs button{grid-template-columns:22px 1fr;padding:17px 0}.web-demo-tabs small{font-size:9px}}

.web-demo-tabs strong{font-size:clamp(14px,1.6vw,20px)}@media(max-width:650px){.web-demo-tabs strong{font-size:14px}.web-demo-tabs button:last-child{grid-column:1/-1}}