/* Oxenia: mayor escala, composición editorial y producto en primer plano. */
:root { --dark:#0e172b; --paper:#f5f7fc; --font:system-ui,-apple-system,"Segoe UI",sans-serif; }
body {font-size:17px;line-height:1.6}
.container {width:min(1360px,calc(100% - 96px))}
.header-inner {min-height:96px}
.brand,.brand-image {width:174px}
.header-nav {display:flex;gap:32px;margin-left:auto;margin-right:24px;font-size:14px;color:#c5cfe3}
.header-nav a {text-decoration:none;transition:color .2s}
.header-nav a:hover {color:#fff}
.button {border-radius:9px!important;font-size:16px;min-height:56px;padding-inline:26px}
.button-small {min-height:44px;font-size:14px;padding-inline:20px}
.hero {width:100%;max-width:none;display:grid;grid-template-columns:1.05fr 1fr;gap:72px;padding:64px max(48px,calc((100vw - 1360px)/2)) 100px;align-items:center;min-height:820px;background:radial-gradient(ellipse at 18% 25%,#3454d11c,transparent 60%),var(--dark)}
.hero::before {left:22%;top:-200px;width:1000px;opacity:.6}
.hero-copy {text-align:left;max-width:none;min-width:0}
.hero .eyebrow {font-size:12px;letter-spacing:.11em;margin-bottom:29px}
.hero h1 {font-family:Arial,Helvetica,sans-serif;font-size:clamp(82px,7.6vw,122px);line-height:.94;letter-spacing:-.055em;margin-bottom:35px}
.hero h1 span {font-size:.73em;color:#7c9fff;white-space:nowrap;letter-spacing:-.045em;margin-top:13px}
.hero h1 span::after {display:none}
.hero-description {margin:0 0 30px;max-width:530px;font-size:20px;line-height:1.6;color:#c6d0e2}
.hero .button-primary {background:#3f60e5;border-color:#6c88ee;min-height:58px}
.hero .microcopy {font-size:13px;margin-top:14px}
.hero .motion-toggle {margin:20px 0 0;border-color:#586882;font-size:12px;padding:5px 10px}
.hero-product {background:#f7f9ff;color:var(--ink);border:1px solid #ffffff3b;border-radius:18px;box-shadow:0 38px 80px #0004;min-width:0;position:relative}
.workspace-bar {display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 25px;background:#fff;border-bottom:1px solid #dfe5f1;border-radius:18px 18px 0 0}
.workspace-brand {font-size:16px;font-weight:750;letter-spacing:-.04em}
.workspace-demo {font-size:12px;color:#5e6c86}
.workspace-content {padding:30px}
.workspace-label {font-size:11px;color:#536cb0;letter-spacing:.12em;font-weight:700;margin-bottom:14px}
.workspace-content h2 {font-size:35px;line-height:1.08;letter-spacing:-.045em;margin-bottom:22px}
.inbox-example {background:white;padding:17px 20px;border:1px solid #dce4f4;border-left:3px solid var(--blue);border-radius:8px;margin-bottom:25px}
.inbox-example>span {font-size:11px;font-weight:700;color:#66789c;letter-spacing:.07em}
.inbox-example p {font-size:16px;line-height:1.55;margin:7px 0}
.inbox-example small {font-size:12px;color:#6a7690}
.workspace-tasks {list-style:none;padding:0;margin:0 0 25px;display:grid;gap:18px}
.workspace-tasks li {display:flex;align-items:center;gap:15px}
.workspace-tasks li>span {width:35px;height:35px;display:grid;place-items:center;border:1px solid #bfcff4;border-radius:8px;font-size:12px;color:var(--blue);background:#eaf0ff;flex-shrink:0}
.workspace-tasks strong,.workspace-tasks small {display:block}
.workspace-tasks strong {font-size:15px;line-height:1.4}
.workspace-tasks small {font-size:12px;color:#66738d;margin-top:3px}
.workspace-link {font-size:14px;font-weight:650;color:var(--blue);text-underline-offset:5px}
.workspace-bottom {display:flex;justify-content:space-between;gap:15px;border-top:1px solid #dce4f4;padding:17px 28px;background:#eef3ff;border-radius:0 0 18px 18px;color:#516792;font-size:11px;font-weight:650;letter-spacing:.08em}
.products-section {padding-block:110px;background:#fff}
.product-heading {max-width:1020px;margin-bottom:45px}
.product-heading h2 {font-size:clamp(43px,4.4vw,66px);line-height:1.08;letter-spacing:-.045em;margin-bottom:25px}
.product-heading h2 span {color:var(--blue)}
.product-heading>p:last-child {font-size:20px;max-width:740px;color:var(--muted)}
.product-tabs {display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-bottom:1px solid #dce3ef;margin-bottom:46px}
.product-tab {border:0;border-bottom:3px solid transparent;margin-bottom:-1px;padding:20px 16px 20px 0;background:transparent;text-align:left;font-size:20px;font-weight:650;color:#667187;cursor:pointer;transition:border-color .25s,color .25s}
.product-tab span {font-size:13px;font-weight:500;margin-right:15px;color:#8795ae}
.product-tab[aria-selected=true] {color:var(--ink);border-bottom-color:var(--blue)}
.product-tab[aria-selected=true] span {color:var(--blue)}
.product-tab:hover {color:var(--ink)}
.product-layout {display:grid;grid-template-columns:.85fr 1.65fr;gap:68px;align-items:center}
.product-copy h3 {font-size:38px;line-height:1.15;letter-spacing:-.045em;margin-bottom:24px}
.product-copy .eyebrow {font-size:11px;margin-bottom:20px}
.product-copy>p:not(.eyebrow) {font-size:17px;color:var(--muted)}
.product-copy ul {list-style:none;padding:0;margin:25px 0 30px;font-size:14px;color:#3c4964}
.product-copy li {padding:9px 0;border-bottom:1px solid #e4e9f3}
.product-copy .button {font-size:15px}
.product-demo {background:#f7f9fd;border:1px solid #dce3ef;border-radius:14px;overflow:hidden;box-shadow:0 16px 50px #17213b0c;min-width:0}
.demo-topbar {display:flex;align-items:center;justify-content:space-between;padding:16px 22px;background:#fff;border-bottom:1px solid #e0e6f0;gap:16px}
.demo-topbar strong {font-size:14px;margin-right:auto}
.demo-topbar>span:last-child {font-size:11px;color:#6f7d97;letter-spacing:.08em}
.demo-window-dots {display:flex;gap:5px}
.demo-window-dots i {width:6px;height:6px;background:#c4cdde;border-radius:50%}
.demo-panel {padding:28px;min-height:490px}
.demo-title {display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.demo-title h4 {font-size:21px;line-height:1.3;margin:0;letter-spacing:-.03em}
.demo-title>span {font-size:12px;color:#69758c}
.pipeline {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-height:245px}
.pipeline-column {padding:12px;background:#edf1f8;border:1px solid #e0e6f0;border-radius:9px;min-width:0}
.pipeline-column h5 {font-size:12px;font-weight:600;color:#53617d;margin:0 0 15px}
.pipeline-slot {min-height:185px}
.pipeline-empty {font-size:12px;color:#697891;margin-top:35px;line-height:1.6}
.opportunity {background:#fff;border:1px solid #dce4f4;padding:14px 12px;border-radius:7px;box-shadow:0 5px 14px #17213b07}
.opportunity-source {display:block;font-size:10px;letter-spacing:.05em;color:#657cae;margin-bottom:11px}
.opportunity strong {font-size:14px;display:block;line-height:1.45}
.opportunity p {font-size:12px;line-height:1.6;color:#62708c;margin:9px 0 14px}
.opportunity-tag {display:inline-block;background:#e9efff;color:#3654a5;font-size:11px;padding:5px 7px;border-radius:4px;line-height:1.45}
.demo-activity {border-top:1px solid #dce3ef;padding-top:20px;margin-top:23px}
.demo-activity>span {font-size:10px;color:#6b7c9a;letter-spacing:.09em;font-weight:700}
.demo-activity p {font-size:14px;margin:6px 0 18px;color:#46546f;line-height:1.55;min-height:43px}
.demo-action {border:1px solid #c7d2e8;padding:10px 16px;background:#fff;color:var(--blue);font-size:14px;font-weight:600;border-radius:7px;cursor:pointer;transition:background .25s,border-color .25s}
.demo-action:hover {background:#edf2ff;border-color:#97afe5}
.product-demo-note {padding:18px 24px;margin:0;border-top:1px solid #dce3ef;background:#fff;font-size:12px;line-height:1.6;color:#657189}
.production-workspace {display:grid;grid-template-columns:1fr 1.5fr;gap:28px;min-height:265px}
.design-library h5 {font-size:13px;color:#53617d;margin:0 0 14px}
.design-library>span {display:block;background:#fff;border:1px solid #dce3ef;border-radius:5px;padding:9px 13px;font-size:13px;margin-bottom:9px}
.design-library p {font-size:12px;color:#657189;line-height:1.6;margin-top:14px}
.roll-preview {background:#fff;border:1px solid #cdd7e8;padding:14px;border-radius:5px}
.roll-label,.roll-bottom {display:block;font-size:10px;letter-spacing:.06em;color:#71819c;text-align:center}
.roll-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 8px;padding:25px 10px;min-height:220px;align-items:center}
.print-design {display:grid;place-items:center;border:1px solid #c0cfee;background:#e8efff;color:#3c5bb0;font-size:19px;font-weight:600;min-height:58px;transition:transform .65s var(--ease-out),background .45s,border-color .45s}
.print-b {background:#f0f3fb;transform:translate(0,9px)}
.print-a {transform:translate(-3px,-6px)}
.print-c {background:#e0e9fc;transform:translate(4px,3px)}
.is-arranged .print-design {transform:none;border-color:#91a8df;background:#dce7ff}
.assistant-conversation {min-height:255px;display:flex;flex-direction:column;gap:16px;justify-content:flex-start}
.chat-message {max-width:90%;border-radius:11px;padding:17px 20px;background:#e8eefb;align-self:flex-end}
.chat-message>span {font-size:10px;letter-spacing:.07em;color:#6279a7;font-weight:650}
.chat-message p {font-size:15px;line-height:1.65;margin:8px 0 0}
.chat-answer {background:#fff;align-self:flex-start;border:1px solid #dce4f4}
.chat-answer small {display:block;font-size:11px;color:#64748e;margin-top:12px}
.assistant-handoff {font-size:12px;color:#526a9a;padding:0 3px}
.motion-enabled .demo-panel:not([hidden]),.motion-enabled .chat-answer:not([hidden]),.motion-enabled .opportunity {animation:answer-in .4s var(--ease-out)}
.flow-section {background:#eef2fa;padding-block:75px}
.flow-section>.container {display:flex;flex-direction:column;align-items:center}
.flow-intro {font-size:28px;margin:0 0 32px;letter-spacing:-.035em;color:var(--ink)}
.flow-intro span {color:var(--blue);font-size:14px;letter-spacing:.04em;margin-right:14px}
.flow-panel {width:100%;max-width:1160px;background:var(--dark);color:white;padding:32px 40px}
.trust-strip {background:#fff;border-color:#e0e6f0}
.trust-inner {justify-content:space-between;gap:30px;padding-block:22px}
.trust-inner p {color:#59677f;font-size:14px}
.section {padding-block:110px}
.section-heading {text-align:left;margin-inline:0;max-width:900px;margin-bottom:55px}
.section-heading h2 {font-size:clamp(40px,4.2vw,62px);line-height:1.1;letter-spacing:-.045em}
.section-heading>p:last-child {font-size:19px;margin-inline:0;max-width:720px}
.services-grid {gap:36px;grid-template-columns:repeat(3,1fr)}
.service {padding:25px 0 30px;border:0;border-top:1px solid #d7dfed;border-radius:0;box-shadow:none;background:transparent}
.service-preview {min-height:150px;border-radius:10px;margin-bottom:28px;background:#f2f5fb}
.service h3 {font-size:25px;min-height:55px;line-height:1.15}
.service p {font-size:16px}
.service-start {background:transparent}
.service-start .service-preview {background:#eaf0ff}
.service .service-tools {font-size:13px}
.method-section {padding-block:100px;background:#f5f7fc}
.method-grid {gap:45px}
.method-grid h3 {font-size:25px}
.method-grid p {font-size:16px}
.method-note {padding:28px 32px;border-radius:10px}
.price-card {padding:36px;border-radius:12px}
.price-card h3 {font-size:26px}
.price {font-size:43px}
.price-highlight {background:var(--blue);border-color:var(--blue);color:white;padding:35px}
.price-highlight .price-category,.price-highlight .price-frequency,.price-highlight .price-description {color:#e0e8ff}
.price-highlight li::before {color:#c3d4ff}
.price-highlight .button-primary {background:white;color:var(--blue);border-color:white}
.price-highlight .button-primary:hover {background:#edf2ff}
.price-description {font-size:16px}
.price-category,.price-frequency {font-size:13px}
.price-card ul {font-size:15px}
.price-card .button {font-size:14px}
.price-extras {padding:30px 34px;background:#f8faff}
.pricing-note {font-size:13px}
.experience-section {padding-block:110px}
.experience-section h2 {font-size:clamp(42px,4vw,59px);line-height:1.08;letter-spacing:-.045em}
.experience-section .who-intro {font-size:18px;max-width:520px;margin-top:32px}
.experience-grid {gap:70px}
.who-story {margin-top:60px;gap:42px}
.who-story h3 {font-size:22px}
.who-story p {font-size:16px}
.who-outcomes strong {font-size:18px}
.who-outcomes span {font-size:14px}
.contact-section {padding-block:110px}
.contact-copy h2 {font-size:clamp(40px,4.2vw,61px)}
.contact-grid {gap:90px}
.contact-form-wrap {padding:38px;border-radius:14px}
.contact-copy>p:not(.eyebrow) {font-size:20px;max-width:540px}
.footer strong {font-size:46px;letter-spacing:-.04em;margin-bottom:10px}
.footer p {font-size:13px}
@media(hover:hover) and (pointer:fine) { .service:hover {transform:translateY(-3px);box-shadow:none;background:transparent;border-color:#9cb1df} }
@media(max-width:1200px) { .hero {gap:45px;min-height:0;padding-top:65px;padding-bottom:85px} .hero h1 {font-size:92px} .hero h1 span {font-size:.7em} .workspace-content {padding:25px} .workspace-content h2 {font-size:31px} .workspace-bar {padding-inline:22px} .workspace-demo {font-size:11px} .product-layout {gap:40px;grid-template-columns:1fr 1.6fr} .demo-panel {padding:22px} .pipeline {gap:8px} .pipeline-column {padding:10px} .product-copy h3 {font-size:34px} .price-card {padding:28px} .price-highlight {padding:27px} .price {font-size:36px} .experience-grid,.contact-grid {gap:48px} }
@media(max-width:980px) { .container {width:calc(100% - 64px)} .hero {width:100%;margin-inline:0;padding-inline:32px;gap:42px;grid-template-columns:1fr} .hero-copy,.hero-product {width:100%;max-width:680px} .hero h1 {font-size:80px} .hero h1 span {font-size:.65em} .hero .eyebrow {font-size:11px} .hero-description {font-size:18px} .workspace-bar {flex-wrap:wrap;gap:4px} .workspace-content {padding:22px} .workspace-content h2 {font-size:27px} .inbox-example {padding:15px} .workspace-tasks strong {font-size:14px} .workspace-tasks small {font-size:11px} .workspace-bottom {padding-inline:18px;font-size:10px;gap:10px} .product-layout {grid-template-columns:1fr;gap:32px} .product-copy {max-width:720px} .product-copy ul {display:grid;grid-template-columns:repeat(3,1fr);gap:20px;font-size:13px;margin-block:20px} .product-copy h3 {font-size:38px} .demo-panel {min-height:450px;padding:28px} .pipeline {min-height:240px} .pipeline-column {padding:18px} .opportunity strong {font-size:16px} .opportunity p {font-size:14px} .opportunity-source,.opportunity-tag {font-size:12px} .pipeline-column h5,.pipeline-empty {font-size:14px} .services-grid {gap:25px} .service h3 {font-size:23px} .service p {font-size:15px} .price {font-size:32px} }
@media(max-width:760px) {
  .container {width:calc(100% - 40px)} .header-inner {min-height:82px;gap:12px} .brand,.brand-image {width:140px} .header-nav {display:none} .header .button {font-size:13px;min-height:40px;padding-inline:15px}
  .hero {width:100%;margin-inline:0;grid-template-columns:1fr;gap:42px;padding:45px 20px 55px} .hero-copy {text-align:left} .hero h1 {font-size:clamp(68px,19vw,110px);line-height:.96} .hero h1 span {font-size:.62em;margin-top:15px} .hero .eyebrow {max-width:none;margin-inline:0;line-height:1.6;font-size:11px;margin-bottom:24px} .hero-description {font-size:18px;margin:0 0 26px;max-width:550px} .hero-copy>.button {max-width:none;width:auto;font-size:15px;padding-inline:23px} .hero .microcopy {font-size:12px} .hero .motion-toggle {font-size:12px;margin-top:16px}
  .workspace-bar {flex-wrap:nowrap;padding:17px 20px} .workspace-content {padding:24px} .workspace-content h2 {font-size:31px} .workspace-tasks strong {font-size:15px} .workspace-tasks small {font-size:12px} .workspace-label {font-size:10px} .workspace-bottom {font-size:10px;padding-inline:22px}
  .products-section {padding-block:60px} .product-heading {margin-bottom:22px} .product-heading h2 {font-size:38px;line-height:1.12} .product-heading>p:last-child {font-size:17px} .product-tabs {margin-bottom:30px} .product-tab {font-size:13px;padding:18px 5px 18px 0;line-height:1.6} .product-tab span {display:block;font-size:11px;margin:0 0 3px} .product-layout {gap:27px} .product-copy h3 {font-size:31px} .product-copy .eyebrow {margin-bottom:16px} .product-copy>p:not(.eyebrow) {font-size:16px} .product-copy ul {display:block;font-size:14px;margin-bottom:24px} .product-copy .button {min-height:50px}
  .demo-topbar {padding:14px 17px;gap:12px} .demo-topbar strong {font-size:12px} .demo-panel {padding:20px;min-height:0} .demo-title {gap:10px;margin-bottom:20px;align-items:flex-start} .demo-title h4 {font-size:19px} .demo-title>span {font-size:11px;text-align:right;max-width:95px} .pipeline {grid-template-columns:1fr;min-height:0;gap:10px} .pipeline-column {padding:13px;display:grid;grid-template-columns:76px 1fr;gap:10px;align-items:start} .pipeline-column h5 {margin:5px 0;font-size:12px} .pipeline-slot {min-height:44px} .pipeline-empty {font-size:12px;margin:5px 0} .opportunity {padding:12px} .opportunity strong {font-size:14px} .opportunity p {font-size:12px} .opportunity-source {font-size:10px;margin-bottom:7px} .opportunity-tag {font-size:11px} .demo-activity {padding-top:17px;margin-top:20px} .demo-activity p {font-size:13px;min-height:0} .product-demo-note {padding:15px 20px;font-size:11px}
  .production-workspace {grid-template-columns:1fr;gap:18px} .design-library {display:grid;grid-template-columns:repeat(3,1fr);gap:7px} .design-library h5,.design-library p {grid-column:1/-1} .design-library h5 {margin-bottom:0} .design-library>span {padding:8px;font-size:11px;margin:0;text-align:center} .design-library p {margin:3px 0 0;font-size:11px} .roll-grid {min-height:180px;padding-block:20px} .print-design {min-height:53px} .assistant-conversation {min-height:240px} .chat-message {max-width:100%;padding:15px} .chat-message p {font-size:14px}
  .flow-section {padding-block:50px} .flow-intro {font-size:23px;max-width:none;text-align:left;margin-bottom:27px} .flow-intro span {display:block;margin:0 0 6px;font-size:12px} .flow-panel {padding:24px}
  .trust-inner {text-align:left;gap:6px;padding-block:20px} .trust-inner p {font-size:12px} .section {padding-block:60px} .section-heading {margin-bottom:32px} .section-heading h2 {font-size:37px} .section-heading>p:last-child {font-size:17px} .services-grid {grid-template-columns:1fr;gap:15px} .service {padding-block:25px} .service-preview {margin-bottom:24px;min-height:150px} .service h3 {font-size:26px;min-height:0} .service p {font-size:16px}
  .method-section {padding-block:60px} .method-grid {gap:27px} .method-grid h3 {font-size:23px} .method-grid p {font-size:15px} .method-note {padding:23px} .price-card {padding:30px} .price-highlight {padding:29px} .price {font-size:40px} .price-card h3 {font-size:26px} .price-extras {padding:25px} .experience-section {padding-block:65px} .experience-section h2 {font-size:38px} .experience-section .who-intro {font-size:17px;margin-top:26px} .experience-grid {gap:28px} .who-story {margin-top:35px;gap:26px} .who-story h3 {font-size:21px} .who-story p {font-size:16px} .contact-section {padding-block:65px} .contact-grid {gap:32px} .contact-copy h2 {font-size:38px} .contact-copy>p:not(.eyebrow) {font-size:17px} .contact-form-wrap {padding:25px} .footer strong {font-size:39px}
}
@media(max-width:380px) { .hero h1 {font-size:clamp(59px,19vw,72px)} .hero h1 span {font-size:.6em} .workspace-content {padding:20px} .workspace-bar {padding-inline:18px} .workspace-demo {font-size:10px} .product-heading h2 {font-size:34px} .product-tab {font-size:12px} .demo-panel {padding:17px} .pipeline-column {grid-template-columns:65px 1fr;padding:10px} .price {font-size:37px} }
@media print { .hero {display:block;color:#17213b;background:white;min-height:0} .hero-product {box-shadow:none} .products-section {padding-block:30px} .product-tabs,.demo-action,.header-nav {display:none} .product-layout {grid-template-columns:1fr} .product-demo {break-inside:avoid} }