.products{--product-accent:#70d4ff;background:linear-gradient(180deg,#0b0f13,var(--bg));border-top:1px solid var(--border)}.product-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:55px}.product-tabs button{text-align:left;background:#0f1318;border:1px solid var(--border);border-radius:12px;padding:25px 22px;transition:border-color .25s,background .25s,transform .25s}.product-tabs button:hover{transform:translateY(-4px);border-color:#5a6878}.product-tabs button.active{border-color:var(--product-accent);background:#141c26}.product-tabs span{display:block;color:#808d9c;font-size:10px;letter-spacing:1.2px}.product-tabs strong{display:block;font:500 23px 'Space Grotesk';letter-spacing:-.8px;margin:16px 0 9px}.product-tabs small{font-size:12px;color:#808b97}.product-tabs .active strong{color:var(--product-accent)}.product-stage{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;margin-top:30px;border:1px solid var(--border);border-radius:18px;overflow:hidden;padding:25px 45px 25px 0;background:#ffffff02}.product-visual{height:440px;position:relative;background:radial-gradient(ellipse,#ffffff04,transparent 65%)}#product-3d{width:100%;height:100%;display:block}.visual-code{position:absolute;left:28px;top:20px;font:11px 'Space Grotesk';letter-spacing:1.5px;color:#78889b}.visual-caption{position:absolute;bottom:20px;left:0;right:0;text-align:center;color:#8899ac;font-size:10px;letter-spacing:1.5px;display:flex;align-items:center;justify-content:center;gap:10px}.visual-caption>span:first-child{color:var(--product-accent);font-size:22px}.product-audience{font-size:11px;letter-spacing:1.4px;color:#7d8fa5}.product-copy h3{font:500 clamp(29px,3vw,44px) 'Space Grotesk';letter-spacing:-1.5px;margin:20px 0 15px}.product-tagline{font-size:21px;line-height:1.5;color:var(--product-accent);margin:0 0 20px;max-width:520px}.product-description{font-size:15px;color:var(--muted);line-height:1.8;max-width:510px}.product-from{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;margin:26px 0 20px}.product-from>span{display:block;width:100%;font-size:10px;letter-spacing:1.4px;color:#7f8d9d}.product-from strong{font:500 36px 'Space Grotesk';letter-spacing:-1px}.product-from small{font-size:13px;color:var(--muted)}.product-button{background:var(--product-accent);color:#0b121b;font-size:13px;padding:15px 21px;gap:18px}.product-detail-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;margin-top:55px}.product-detail-heading{display:flex;align-items:baseline;justify-content:space-between;gap:15px;border-bottom:1px solid var(--border);padding-bottom:20px}.product-detail-heading h4{font-size:20px;font-weight:500;letter-spacing:-.5px;margin:0}.product-detail-heading>span{font-size:9px;color:#738497;letter-spacing:1px;white-space:nowrap}.workflow-input{font-size:14px;line-height:1.7;color:#9eaec1;background:#111820;border-radius:8px;border-left:2px solid var(--product-accent);padding:16px 20px;margin:20px 0 24px}.product-steps{list-style:none;margin:0;padding:0;display:grid;gap:0}.product-steps li{display:flex;align-items:start;gap:18px;position:relative;padding:0 0 23px}.product-steps li:not(:last-child)::after{content:'';position:absolute;left:15px;top:34px;bottom:6px;width:1px;background:var(--border)}.workflow-num{border:1px solid #313d4a;flex-shrink:0;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font:11px 'Space Grotesk';color:var(--product-accent)}.product-steps strong{font-size:15px;font-weight:500;line-height:1.5;display:block;margin-top:4px}.product-steps p{font-size:13px;line-height:1.7;color:var(--muted);margin:5px 0 0}.pricing-table-wrap{margin-top:20px;border:1px solid var(--border);border-radius:12px;overflow:hidden}.pricing-table{border-collapse:collapse;width:100%;text-align:left}.pricing-table th{background:#141b24;font-weight:400;font-size:11px;letter-spacing:1px;color:#909eae;padding:17px 20px}.pricing-table th:last-child{width:34%}.pricing-table td{padding:23px 20px;border-top:1px solid var(--border);vertical-align:top}.pricing-table td:first-child>strong{font-size:17px;font-weight:500}.pricing-table td:first-child p{font-size:13px;line-height:1.7;color:var(--muted);margin:10px 0 0}.pricing-table td:last-child>strong{font:500 23px 'Space Grotesk';letter-spacing:-.6px;white-space:nowrap}.pricing-table small{display:block;color:var(--muted);font-size:12px;margin:6px 0 15px}.pricing-table a{font-size:12px;display:inline-block;border:1px solid #344253;border-radius:20px;padding:7px 12px;color:var(--product-accent)}.pricing-table a:hover{border-color:var(--product-accent)}.pricing-footnote{color:var(--muted);font-size:13px;line-height:1.8;margin:22px 0 12px}.product-contact-link{font-size:14px;color:var(--product-accent);text-decoration:underline;text-underline-offset:5px}.contact{border-block:1px solid var(--border);background:#0c1116}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.contact-layout>div>p{font-size:16px;line-height:1.8;color:var(--muted);max-width:500px;margin:28px 0 0}.contact-card{border:1px solid #334253;border-radius:16px;padding:40px;background:radial-gradient(ellipse at 90% 0,#1b2d4344,transparent 75%)}.contact-kicker{display:block;font-size:10px;letter-spacing:1.5px;color:#7b8ea5}.contact-email{font:500 clamp(25px,3vw,42px) 'Space Grotesk';letter-spacing:-1px;display:inline-block;color:var(--lime);margin-top:25px}.contact-layout .contact-card p{font-size:14px;margin:22px 0 26px}.contact-email:hover{text-decoration:underline;text-underline-offset:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.product-fallback{color:var(--product-accent);font-size:200px;text-align:center;line-height:2}
html[data-theme="day"] .products{background:linear-gradient(180deg,#e2e8f0,var(--bg));--product-accent:#005376!important}html[data-theme="day"] .product-tabs button{background:#f1f8fb;border-color:#b7c3d2}html[data-theme="day"] .product-tabs button.active{background:#d5e1ef;border-color:#4d6f96}html[data-theme="day"] .product-tabs span,html[data-theme="day"] .product-tabs small,html[data-theme="day"] .visual-code,html[data-theme="day"] .visual-caption,html[data-theme="day"] .product-audience,html[data-theme="day"] .product-from>span,html[data-theme="day"] .product-detail-heading>span{color:#4e5f74}html[data-theme="day"] .product-stage{background:#f8fcfe}html[data-theme="day"] .product-button{background:#70d4ff}html[data-theme="day"] .workflow-input{background:#dfe8f2;color:#2d435c}html[data-theme="day"] .workflow-num{border-color:#abbccf}html[data-theme="day"] .pricing-table th{background:#dfe7f0;color:#45586f}html[data-theme="day"] .pricing-table a{border-color:#a0b3ca}html[data-theme="day"] .contact{background:#e2e9f1}html[data-theme="day"] .contact-card{border-color:#a5b9d0;background:radial-gradient(ellipse at 90% 0,#bacfe777,transparent 75%)}html[data-theme="day"] .contact-kicker{color:#3b526c}
@media(max-width:1050px){.product-tabs button{padding:20px 15px}.product-tabs strong{font-size:20px}.product-stage{gap:30px;padding-right:25px}.product-detail-grid{gap:30px}.product-detail-heading{flex-direction:column;gap:10px}.contact-layout{gap:40px}.contact-card{padding:30px}.product-visual{height:420px}}
@media(max-width:650px){.product-tabs{grid-template-columns:1fr 1fr;gap:10px;margin-top:35px}.product-tabs button{padding:18px 15px}.product-tabs span{font-size:8px;letter-spacing:.8px}.product-tabs strong{font-size:19px;margin:12px 0 7px}.product-tabs small{font-size:11px;line-height:1.5;display:block}.product-stage{grid-template-columns:1fr;gap:0;margin-top:20px;padding:0 0 30px}.product-visual{height:300px}.visual-code{font-size:9px;top:18px;left:20px}.visual-caption{font-size:8px;bottom:10px}.product-copy{padding:25px 23px 0}.product-copy h3{font-size:31px;margin-top:15px}.product-audience{font-size:9px}.product-tagline{font-size:19px}.product-description{font-size:14px}.product-detail-grid{grid-template-columns:1fr;gap:35px;margin-top:35px}.product-detail-heading{flex-direction:row;gap:10px}.product-detail-heading h4{font-size:17px}.product-detail-heading>span{font-size:8px}.product-steps p{font-size:13px}.pricing-table td{padding:20px 15px}.pricing-table th{padding:15px}.pricing-table td:last-child>strong{font-size:22px}.contact-layout{grid-template-columns:1fr;gap:30px}.contact-card{padding:28px 24px}.contact-email{font-size:31px}.contact .section-top>span:last-child{display:none}.footer-top div:last-child{flex-wrap:wrap}.contact-layout>div>p{font-size:15px;margin-top:20px}}
.whatsapp-float{position:fixed;right:28px;bottom:calc(28px + env(safe-area-inset-bottom,0px));z-index:50;width:60px;height:60px;display:grid;place-items:center;border-radius:50%;background:#16678a;color:#fff;box-shadow:0 7px 28px #0005;border:1px solid #ffffff3d;transition:transform .22s,background .22s,box-shadow .22s}.whatsapp-float:hover,.whatsapp-float:focus-visible{transform:translateY(-5px) scale(1.06);background:#115370;box-shadow:0 10px 32px #16678a66}.whatsapp-float:focus-visible{outline:3px solid var(--lime);outline-offset:4px}.whatsapp-tooltip{position:absolute;right:75px;padding:12px 17px;border-radius:12px;white-space:nowrap;background:#0c1723;color:#e8f8ff;font-size:13px;box-shadow:0 5px 20px #0003;opacity:0;visibility:hidden;transform:translateX(8px);transition:opacity .22s,transform .22s,visibility .22s;pointer-events:none}.whatsapp-float:hover .whatsapp-tooltip,.whatsapp-float:focus-visible .whatsapp-tooltip{opacity:1;visibility:visible;transform:translateX(0)}html[data-theme="day"] .whatsapp-float{box-shadow:0 7px 28px #263a5133}@media(max-width:650px){.whatsapp-float{right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));width:54px;height:54px}.whatsapp-tooltip{right:65px;font-size:12px;padding:10px 13px}}@media(prefers-reduced-motion:reduce){.whatsapp-float:hover,.whatsapp-float:focus-visible{transform:none}}
/* Frosted surfaces and tactile controls, coordinated with both appearances. */
:root{--glass-surface:rgba(25,34,21,.58);--glass-border:rgba(222,255,193,.14);--glass-highlight:rgba(237,255,220,.055);--raised-surface:#11171e;--raised-light:#202933;--raised-shadow:#05080b;--inset-light:rgba(223,255,193,.08);--inset-shadow:rgba(0,0,0,.48)}
html[data-theme="day"]{--glass-surface:rgba(255,255,255,.54);--glass-border:rgba(255,255,255,.84);--glass-highlight:rgba(255,255,255,.6);--raised-surface:#e3e9f0;--raised-light:#ffffff;--raised-shadow:#bec8d4;--inset-light:rgba(255,255,255,.9);--inset-shadow:rgba(112,137,82,.20)}
header{background:rgba(13,20,10,.44);backdrop-filter:blur(20px) saturate(135%);-webkit-backdrop-filter:blur(20px) saturate(135%);border-bottom:1px solid var(--glass-border)}
html[data-theme="day"] header{background:rgba(247,251,240,.60);border-color:rgba(255,255,255,.85)}
.product-stage,.workspace,.contact-card{background:linear-gradient(135deg,var(--glass-highlight),transparent 55%),var(--glass-surface);border:1px solid var(--glass-border);backdrop-filter:blur(22px) saturate(125%);-webkit-backdrop-filter:blur(22px) saturate(125%);box-shadow:inset 0 1px 0 var(--glass-highlight),0 20px 65px rgba(0,0,0,.20)}
html[data-theme="day"] .product-stage,html[data-theme="day"] .workspace,html[data-theme="day"] .contact-card{background:linear-gradient(135deg,rgba(255,255,255,.5),transparent 65%),var(--glass-surface);border-color:var(--glass-border);box-shadow:inset 0 1px 0 #fff,0 18px 55px rgba(73,102,43,.09)}
.products{background:radial-gradient(ellipse at 8% 24%,rgba(105,151,61,.13),transparent 45%),radial-gradient(ellipse at 92% 65%,rgba(113,95,172,.10),transparent 40%),linear-gradient(180deg,#0b0f13,var(--bg))}
html[data-theme="day"] .products{background:radial-gradient(ellipse at 8% 24%,rgba(186,213,160,.38),transparent 45%),radial-gradient(ellipse at 92% 65%,rgba(208,206,237,.27),transparent 40%),linear-gradient(180deg,#e2e8f0,var(--bg))}
.product-tabs button,html[data-theme="day"] .product-tabs button{background:var(--raised-surface);border:1px solid transparent;box-shadow:7px 7px 17px var(--raised-shadow),-5px -5px 14px var(--raised-light);border-radius:16px}
.product-tabs button.active,html[data-theme="day"] .product-tabs button.active{background:var(--raised-surface);border-color:var(--product-accent);box-shadow:inset 4px 4px 10px var(--inset-shadow),inset -3px -3px 9px var(--inset-light)}
.product-tabs button:hover{box-shadow:9px 9px 20px var(--raised-shadow),-6px -6px 16px var(--raised-light)}
.product-tabs button.active:hover{box-shadow:inset 4px 4px 10px var(--inset-shadow),inset -3px -3px 9px var(--inset-light)}
.segmented,html[data-theme="day"] .segmented{background:var(--raised-surface);border:1px solid var(--glass-border);box-shadow:inset 4px 4px 10px var(--inset-shadow),inset -3px -3px 8px var(--inset-light)}
.segmented button.active{box-shadow:0 3px 8px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.4)}
.theme-toggle,.menu-toggle,html[data-theme="day"] .theme-toggle,html[data-theme="day"] .menu-toggle{background:var(--raised-surface);border:1px solid var(--glass-border);box-shadow:4px 4px 10px var(--raised-shadow),-3px -3px 9px var(--raised-light)}
.theme-toggle:active,.menu-toggle:active{box-shadow:inset 3px 3px 7px var(--inset-shadow),inset -2px -2px 6px var(--inset-light)}
.control-bar,html[data-theme="day"] .control-bar{background:var(--glass-surface);border-color:var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.pricing-table-wrap{background:var(--glass-surface);border-color:var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight),0 12px 35px rgba(0,0,0,.09)}
.prompt,.workflow-input,html[data-theme="day"] .prompt,html[data-theme="day"] .workflow-input{background:var(--raised-surface);box-shadow:inset 3px 3px 8px var(--inset-shadow),inset -2px -2px 7px var(--inset-light)}
.nav-cta,html[data-theme="day"] .nav-cta{background:var(--glass-surface);border-color:var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.product-stage,.workspace,.contact-card,header{background:#101720}html[data-theme="day"] .product-stage,html[data-theme="day"] .workspace,html[data-theme="day"] .contact-card,html[data-theme="day"] header{background:#ecf1f7}}
@media(max-width:650px){.product-stage,.workspace,.contact-card{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.product-tabs button{box-shadow:5px 5px 12px var(--raised-shadow),-3px -3px 9px var(--raised-light)}}
