:root{ --night:#030711; --night-2:#071127; --night-3:#0c1b3d; --paper:#f5f4f0; --white:#fff; --ink:#111827; --muted:#606979; --line:rgba(17,24,39,.12); --line-light:rgba(207,221,255,.14); --blue:#315cf6; --blue-2:#6e8dff; --blue-3:#a8baff; --cyan:#72dfea; --cyan-2:#b4f6fa; --grad:linear-gradient(118deg,#7593ff 0%,#315cf6 53%,#1942ca 100%); --grad-light:linear-gradient(105deg,#eaf0ff 0%,#aec0ff 48%,#80e4ee 100%); --ease:cubic-bezier(.22,.72,.2,1); --wrap:min(1340px,calc(100vw - 48px)); --shadow:0 30px 90px rgba(12,25,57,.13); } *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font-family:"Aptos","Segoe UI Variable","Segoe UI","Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden} body.nav-open,body.modal-open{overflow:hidden} ::selection{background:#cdd8ff;color:#071127} :focus-visible{outline:2px solid #86a2ff;outline-offset:3px} a{color:inherit;text-decoration:none} button,input,textarea{font:inherit} button{color:inherit} svg,canvas{display:block} section{scroll-margin-top:92px} .wrap{width:var(--wrap);margin-inline:auto} .skip{position:fixed;z-index:1000;left:18px;top:10px;padding:10px 14px;background:#fff;color:#111;transform:translateY(-150%);transition:transform .2s} .skip:focus{transform:none} .progress{position:fixed;z-index:500;left:0;top:0;width:0;height:2px;background:linear-gradient(90deg,#70dfe9,#7492ff,#fff);box-shadow:0 0 16px rgba(114,223,234,.78);pointer-events:none} .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 24px;border:1px solid transparent;border-radius:999px;font-size:.84rem;font-weight:700;line-height:1;cursor:pointer;transition:transform .3s var(--ease),background .3s,border-color .3s,color .3s,box-shadow .3s} .btn svg{width:17px;height:17px;transition:transform .3s} .btn:hover svg{transform:translateX(3px)} .btn-primary{background:var(--grad);color:#fff;box-shadow:0 16px 42px -15px rgba(49,92,246,.78)} .btn-primary:hover{transform:translateY(-2px);box-shadow:0 22px 50px -16px rgba(49,92,246,.86)} .btn-light{background:#fff;color:#071127;box-shadow:0 15px 40px rgba(0,0,0,.2)} .btn-light:hover{transform:translateY(-2px);box-shadow:0 20px 48px rgba(0,0,0,.28)} .btn-quiet{border-color:rgba(222,230,255,.2);background:rgba(255,255,255,.035);color:#eef3ff;backdrop-filter:blur(8px)} .btn-quiet:hover{border-color:rgba(222,230,255,.42);background:rgba(255,255,255,.07)} .kicker{display:flex;align-items:center;gap:10px;margin:0 0 20px;color:#4c68ce;font-size:.62rem;font-weight:780;letter-spacing:.18em;text-transform:uppercase} .kicker::before{content:"";width:26px;height:1px;background:linear-gradient(90deg,#315cf6,#72dfea)} .dark .kicker,.contact .kicker{color:#91a9ff} .section{position:relative;padding:clamp(100px,10.5vw,155px) 0} .section-head{max-width:900px;margin-bottom:64px} .section h2{margin:0;font-size:clamp(2.7rem,4.8vw,5.15rem);line-height:.98;letter-spacing:-.058em;font-weight:640;text-wrap:balance} .section-head>p:not(.kicker){max-width:720px;margin:25px 0 0;color:var(--muted);font-size:1rem;line-height:1.75} .dark{background:linear-gradient(145deg,#030711,#071126 58%,#0a1c40);color:#fff} .dark .section-head>p:not(.kicker){color:rgba(226,234,255,.58)} /* Header */ .topbar{position:fixed;z-index:100;left:0;right:0;top:15px;height:70px;color:#fff;pointer-events:none;transition:transform .35s} .topbar.scrolled{transform:translateY(-7px)} .nav-shell{position:relative;height:100%;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 10px 0 18px;border:1px solid rgba(185,205,255,.2);border-radius:22px;background:linear-gradient(110deg,rgba(7,14,34,.63),rgba(4,9,23,.72) 66%,rgba(49,92,246,.13));box-shadow:0 23px 70px -28px rgba(0,0,0,.82),inset 0 1px rgba(255,255,255,.055);backdrop-filter:blur(22px) saturate(128%);pointer-events:auto;transition:background .35s,border-color .35s,border-radius .35s,box-shadow .35s} .nav-shell::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(110deg,rgba(255,255,255,.28),rgba(112,145,255,.32) 52%,rgba(114,223,234,.2));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none} .topbar.scrolled .nav-shell{border-color:rgba(191,208,255,.22);border-radius:18px;background:linear-gradient(110deg,rgba(6,12,29,.91),rgba(3,7,18,.95) 70%,rgba(49,92,246,.17));box-shadow:0 24px 68px -28px rgba(0,0,0,.92),inset 0 1px rgba(255,255,255,.06)} .brand{display:inline-flex;align-items:center;gap:12px;flex:none;min-width:0} .brand-mark{width:37px;height:37px;flex:none;filter:drop-shadow(0 0 9px rgba(93,139,255,.34))} .brand-copy{display:grid;line-height:1} .brand-copy b{font-size:.91rem;letter-spacing:-.015em;font-weight:735;white-space:nowrap} .brand-copy b em{font-style:normal;background:linear-gradient(100deg,#9cb1ff,#72dfea);-webkit-background-clip:text;background-clip:text;color:transparent} .brand-copy small{margin-top:6px;font-size:.46rem;font-weight:680;letter-spacing:.22em;color:rgba(225,233,255,.52);text-transform:uppercase} .navlinks{display:flex;align-items:center;gap:29px} .navlinks>a:not(.nav-cta),.nav-parent{position:relative;font-size:.76rem;font-weight:630;letter-spacing:.01em;color:rgba(237,242,255,.72)} .navlinks>a:not(.nav-cta)::after,.nav-parent::after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:linear-gradient(90deg,#8ea5ff,#72dfea);transition:right .3s var(--ease)} .navlinks>a:hover::after,.nav-parent:hover::after,.nav-parent:focus-visible::after{right:0} .nav-cta{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:0 19px;border-radius:999px;background:var(--grad);box-shadow:0 14px 34px -15px rgba(49,92,246,.8);font-size:.73rem;font-weight:720;color:#fff;transition:.3s} .nav-cta:hover{transform:translateY(-2px);box-shadow:0 20px 42px -15px rgba(49,92,246,.9)} .nav-drop{position:relative;padding:21px 0} .nav-parent{display:flex;align-items:center;gap:7px} .nav-caret{width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg) translateY(-2px)} .nav-menu{position:absolute;left:50%;top:59px;width:330px;padding:9px;border:1px solid rgba(181,202,255,.18);border-radius:17px;background:rgba(5,11,27,.96);box-shadow:0 34px 80px -30px rgba(0,0,0,.95);backdrop-filter:blur(24px);opacity:0;visibility:hidden;transform:translate(-50%,-8px);transition:.3s var(--ease)} .nav-drop:hover .nav-menu,.nav-drop:focus-within .nav-menu{opacity:1;visibility:visible;transform:translate(-50%,0)} .nav-menu a{display:grid;gap:3px;padding:14px 13px;border-radius:11px;transition:background .25s} .nav-menu a:hover{background:rgba(104,136,255,.09)} .nav-menu b{font-size:.75rem;color:#f2f5ff} .nav-menu span{font-size:.61rem;color:rgba(215,225,250,.47)} .nav-toggle{display:none;position:relative;width:44px;height:44px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(255,255,255,.04);place-items:center} .nav-toggle span,.nav-toggle::before,.nav-toggle::after{content:"";position:absolute;display:block;width:17px;height:1px;background:#fff;transition:.3s} .nav-toggle::before{transform:translateY(-5px)} .nav-toggle::after{transform:translateY(5px)} .mobile-nav{display:none} /* Hero */ .hero{position:relative;min-height:920px;height:max(920px,100svh);display:flex;align-items:center;overflow:hidden;background:radial-gradient(ellipse at 74% 24%,rgba(60,91,211,.26),transparent 31%),radial-gradient(ellipse at 18% 84%,rgba(19,117,155,.17),transparent 34%),radial-gradient(ellipse at 48% 48%,rgba(19,34,78,.18),transparent 52%),linear-gradient(145deg,#01030a 0%,#071023 48%,#01030a 100%);color:#fff;isolation:isolate} .space-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1} .space-layers{position:absolute;z-index:2;inset:0;pointer-events:none} .galaxy-ribbon{position:absolute;left:-13%;top:8%;width:128%;height:56%;opacity:.32;filter:blur(.15px);transform:rotate(-12deg);background:radial-gradient(ellipse at center,rgba(134,157,255,.3) 0,rgba(74,104,197,.12) 24%,rgba(37,62,129,.055) 43%,transparent 67%);mask-image:linear-gradient(90deg,transparent 2%,#000 18%,#000 83%,transparent 98%)} .galaxy-ribbon::before,.galaxy-ribbon::after{content:"";position:absolute;inset:16% 4%;background-image:radial-gradient(circle,rgba(238,244,255,.78) 0 1px,transparent 1.35px);background-size:29px 27px;opacity:.23} .galaxy-ribbon::after{inset:6% 12%;background-size:47px 43px;opacity:.18;transform:translateX(17px)} .nebula{position:absolute;border-radius:50%;filter:blur(45px);mix-blend-mode:screen;opacity:.2;animation:nebula 20s ease-in-out infinite alternate} .nebula.a{width:52vw;height:29vw;right:-9vw;top:-1%;background:radial-gradient(ellipse,rgba(65,96,217,.67),rgba(22,40,104,.09) 58%,transparent 74%);transform:rotate(-21deg)} .nebula.b{width:42vw;height:27vw;left:-12vw;bottom:3%;background:radial-gradient(ellipse,rgba(23,132,169,.4),rgba(22,57,116,.07) 56%,transparent 72%);animation-delay:-9s} .space-grid{position:absolute;left:-18%;right:-18%;bottom:-15%;height:41%;opacity:.12;transform:perspective(430px) rotateX(63deg);transform-origin:center bottom;background-image:linear-gradient(rgba(112,143,240,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(112,143,240,.18) 1px,transparent 1px);background-size:58px 38px;mask-image:linear-gradient(to top,#000 8%,transparent 76%)} .constellation{position:absolute;inset:0;opacity:.3} .constellation line{stroke:#9fb4ff;stroke-width:.55;stroke-dasharray:3 8} .constellation circle{fill:#e7edff;animation:constellationPulse 4s ease-in-out infinite} .horizon{position:absolute;left:0;right:0;bottom:-2px;height:180px;background:linear-gradient(transparent,rgba(3,6,16,.48) 44%,#040711)} .hero-noise{position:absolute;z-index:3;inset:0;opacity:.027;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E")} .hero-layout{position:relative;z-index:5;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(500px,.96fr);align-items:center;gap:clamp(48px,6.5vw,104px);padding-top:95px} .eyebrow{display:flex;align-items:center;gap:11px;margin:0 0 24px;font-size:.64rem;font-weight:740;letter-spacing:.2em;text-transform:uppercase;color:#9fb4ff} .eyebrow::before{content:"";width:31px;height:1px;background:linear-gradient(90deg,#86a2ff,#72dfea)} .hero h1{max-width:800px;margin:0;font-size:clamp(3.65rem,6vw,6.2rem);line-height:.91;letter-spacing:-.067em;font-weight:640;text-wrap:balance} .hero h1 span{display:block;margin-top:14px;background:linear-gradient(102deg,rgba(241,245,255,.72),#a9baff 47%,#83e4ee 100%);background-clip:text;-webkit-background-clip:text;color:transparent;font-weight:500} .hero-lede{max-width:660px;margin:30px 0 0;color:rgba(230,236,251,.7);font-size:clamp(1rem,1.22vw,1.14rem);line-height:1.72} .hero-actions{display:flex;align-items:center;gap:12px;margin-top:35px} .assurance{display:grid;grid-template-columns:repeat(3,1fr);max-width:700px;margin-top:44px;padding-top:23px;border-top:1px solid rgba(215,225,255,.13)} .assurance span{display:grid;gap:5px;padding-right:18px;color:rgba(228,234,250,.58);font-size:.7rem;line-height:1.42} .assurance span+span{padding-left:20px;border-left:1px solid rgba(215,225,255,.11)} .assurance b{font-size:.52rem;letter-spacing:.15em;color:#8da8ff} /* Google */ .google-section{overflow:hidden;background:radial-gradient(900px 650px at 14% 32%,rgba(68,94,205,.2),transparent 64%),linear-gradient(180deg,#030711,#071228);color:#fff} .google-section .section-head{max-width:1040px;margin-inline:auto;text-align:center} .google-section .section-head .kicker{justify-content:center;color:#91a9ff} .google-section .section-head h2{font-size:clamp(2.85rem,5vw,5.1rem)} .google-section .section-head>p:not(.kicker){margin-inline:auto;color:rgba(226,234,255,.6)} .google-note{margin:18px auto 0;text-align:center;font-size:.63rem;color:rgba(207,219,255,.38)} /* System */ .system-section{background:#f7f6f2} /* AI */ .ai-section{overflow:hidden;background:radial-gradient(760px 540px at 83% 25%,rgba(49,92,246,.18),transparent 68%),linear-gradient(145deg,#040817,#091631 62%,#0a2045);color:#eef3ff} .ai-section::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(118,149,242,.034) 1px,transparent 1px),linear-gradient(90deg,rgba(118,149,242,.034) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(90deg,transparent,#000 28%,#000)} .ai-grid{position:relative;display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(55px,7vw,108px);align-items:center} .ai-copy h2{font-size:clamp(2.75rem,4.8vw,4.8rem);color:#fff} .ai-copy>p:not(.kicker){max-width:57ch;margin:26px 0 0;color:rgba(224,233,255,.63)} .ai-honesty{margin-top:20px!important;font-size:.65rem!important;line-height:1.55;color:rgba(210,221,255,.36)!important} .llm-caption{display:flex;justify-content:center;align-items:center;gap:9px;margin-top:16px;font-size:.43rem;font-weight:800;letter-spacing:.15em;color:rgba(208,221,255,.38)} .llm-caption i{width:28px;height:1px;background:linear-gradient(90deg,#4b6de0,#5bd9eb)} /* Method */ .method-note{display:flex;gap:13px;margin-top:28px;padding:18px;border:1px solid rgba(139,164,244,.15);border-radius:13px;background:rgba(93,120,212,.06);color:rgba(231,237,255,.66);font-size:.73rem} .method-note svg{width:18px;height:18px;flex:none;stroke:#8da7ff;fill:none;stroke-width:1.7} /* Case */ .case-intro{display:grid;grid-template-columns:1fr .72fr;gap:50px;align-items:end;margin-bottom:65px} .case-intro h2{font-size:clamp(2.7rem,4.8vw,5rem)} .case-intro>p{margin:0;color:var(--muted)} .bar{display:grid;grid-template-columns:76px 1fr 56px;gap:12px;align-items:center} .bar>span{font-size:.58rem;color:#dfe7fb} .bar>i{height:7px;border-radius:5px;background:rgba(194,210,255,.09);overflow:hidden} .bar>i>b{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5878f0,#72deec);transition:width 1.7s var(--ease)} .bar em{font-style:normal;text-align:right;font-size:.56rem;font-weight:760;color:#91aaff} /* Owner + FAQ */ .owner-section{background:#fff} .faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(45px,8vw,115px);align-items:start} .faq-title{position:sticky;top:125px} .faq-title h2{font-size:clamp(2.55rem,4.3vw,4.55rem)} .faq-title p:not(.kicker){margin:24px 0 0;color:var(--muted)} .faq-list{border-top:1px solid var(--line)} .faq-item{border-bottom:1px solid var(--line)} .faq-q{width:100%;display:grid;grid-template-columns:1fr 34px;gap:20px;align-items:center;padding:24px 0;border:0;background:none;text-align:left;cursor:pointer;font-size:.9rem;font-weight:690} .faq-q i{position:relative;width:30px;height:30px;border:1px solid var(--line);border-radius:50%} .faq-q i::before,.faq-q i::after{content:"";position:absolute;left:9px;right:9px;top:14px;height:1px;background:#1f2c44;transition:transform .3s} .faq-q i::after{transform:rotate(90deg)} .faq-item.open .faq-q i::after{transform:rotate(0)} .faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s var(--ease)} .faq-a>div{overflow:hidden} .faq-a p{max-width:62ch;margin:0;padding:0 48px 24px 0;color:var(--muted);font-size:.79rem} .faq-item.open .faq-a{grid-template-rows:1fr} /* Contact + footer space */ .contact{position:relative;overflow:hidden;background:radial-gradient(ellipse at 74% 14%,rgba(64,96,211,.22),transparent 34%),linear-gradient(145deg,#02040b,#071023 55%,#02040b);color:#fff} .contact .space-layers{z-index:1} .contact>.wrap{position:relative;z-index:4} .final-constellation{position:absolute;z-index:2;left:50%;top:46%;width:min(760px,70vw);aspect-ratio:1;transform:translate(-50%,-50%);opacity:.09;filter:drop-shadow(0 0 30px rgba(97,139,255,.3));pointer-events:none} .final-constellation .edge{fill:none;stroke:#86e7ef;stroke-width:.55;stroke-dasharray:18 210;animation:edgeLight 8s linear infinite} .final-constellation .star-edge{fill:none;stroke:#9db2ff;stroke-width:.9;stroke-dasharray:22 130;animation:edgeLight 6.4s linear infinite reverse} .final-constellation .faint{fill:none;stroke:#8aa4f7;stroke-width:.35;opacity:.58} .contact-grid{position:relative;display:grid;grid-template-columns:.88fr 1.12fr;gap:clamp(50px,8vw,110px);align-items:center} .contact-copy h2{font-size:clamp(3rem,5.2vw,5.5rem)} .contact-copy>p:not(.kicker){max-width:55ch;margin:26px 0 0;color:rgba(228,235,255,.6)} .contact-email{display:inline-flex;align-items:center;gap:10px;margin-top:35px;padding-bottom:6px;border-bottom:1px solid rgba(193,211,255,.24);font-size:clamp(1rem,1.5vw,1.25rem)} .contact-email svg{width:19px;height:19px;stroke:#89a5ff;fill:none;stroke-width:1.6} .response{margin-top:12px!important;color:rgba(214,225,252,.42)!important;font-size:.68rem!important} .contact-form{position:relative;padding:clamp(26px,3.5vw,43px);border:1px solid rgba(174,195,255,.18);border-radius:22px;background:rgba(10,20,44,.74);box-shadow:0 45px 110px rgba(0,0,0,.38);backdrop-filter:blur(22px);--mx:70%;--my:20%} .contact-form::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(360px circle at var(--mx) var(--my),rgba(111,145,255,.14),transparent 54%);pointer-events:none} .contact-form>*{position:relative} .form-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px} .form-head .form-brand{display:flex;align-items:center;gap:10px} .form-head svg{width:34px;height:34px} .form-head small{font-size:.52rem;font-weight:780;letter-spacing:.14em;color:#91a9ff} .form-head>span{display:flex;align-items:center;gap:8px;font-size:.49rem;letter-spacing:.11em;color:#84e6ee} .form-head>span i{width:6px;height:6px;border-radius:50%;background:#7ee8f3;box-shadow:0 0 12px #7ee8f3} .contact-form h3{margin:0 0 23px;font-size:1.55rem;letter-spacing:-.035em} .fields{display:grid;grid-template-columns:1fr 1fr;gap:15px} .field.full{grid-column:1/-1} .field label{display:block;margin-bottom:7px;color:rgba(226,234,255,.55);font-size:.59rem;font-weight:650} .field input,.field textarea{width:100%;border:1px solid rgba(181,199,247,.15);border-radius:10px;outline:0;background:rgba(255,255,255,.035);color:#fff;padding:12px 13px;transition:border .25s,background .25s,box-shadow .25s} .field input{height:47px} .field textarea{resize:vertical;min-height:94px} .field input:focus,.field textarea:focus{border-color:#718fe7;background:rgba(255,255,255,.055);box-shadow:0 0 0 4px rgba(93,126,238,.1)} .field input::placeholder,.field textarea::placeholder{color:rgba(214,225,251,.27)} .contact-form .btn{width:100%;margin-top:18px;border:0} .contact-form .btn[disabled]{cursor:wait;opacity:.72} .form-assurance{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 21px;margin-top:16px;color:rgba(213,224,249,.4);font-size:.55rem} .form-assurance span{display:flex;align-items:center;gap:7px} .form-assurance i{width:4px;height:4px;border-radius:50%;background:#7594ed} .form-feedback{display:none;margin-top:15px;padding:12px;border:1px solid rgba(126,232,243,.18);border-radius:9px;background:rgba(126,232,243,.055);color:#b8f5f8;font-size:.7rem} .form-feedback.show{display:block} .form-feedback.error{border-color:rgba(255,140,140,.24);background:rgba(255,90,90,.07);color:#ffd2d2} .footer{position:relative;overflow:hidden;background:#01030a;color:rgba(219,227,247,.45);border-top:1px solid rgba(204,218,255,.08)} .footer::before{content:"";position:absolute;inset:0;background:radial-gradient(500px circle at 50% 120%,rgba(56,88,197,.18),transparent 65%),radial-gradient(circle at 8% 26%,rgba(255,255,255,.55) 0 1px,transparent 1.4px),radial-gradient(circle at 72% 64%,rgba(150,180,255,.5) 0 1px,transparent 1.5px);background-size:auto,173px 173px,241px 241px;opacity:.45} .footer .wrap{position:relative;min-height:150px;display:flex;align-items:center;justify-content:space-between;gap:25px} .footer .brand{color:#fff} .footer-links{display:flex;flex-wrap:wrap;gap:20px;font-size:.62rem} .footer-links button{padding:0;border:0;background:none;color:inherit;cursor:pointer} .footer-links button:hover{color:#fff} /* Legal + reveal */ .legal{position:fixed;z-index:300;inset:0;display:none;place-items:center;padding:22px;background:rgba(2,5,13,.78);backdrop-filter:blur(12px)} .legal.open{display:grid} .legal-panel{position:relative;width:min(760px,100%);max-height:min(760px,90vh);overflow:auto;padding:clamp(26px,5vw,52px);border-radius:20px;background:#fff;color:#20283a;box-shadow:0 40px 120px rgba(0,0,0,.4)} .legal-panel h2{margin:0;font-size:2rem;letter-spacing:-.04em} .legal-panel h3{margin:25px 0 6px;font-size:.9rem} .legal-panel p{margin:7px 0;color:#626a78;font-size:.77rem} .legal-close{position:absolute;right:18px;top:18px;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:#fff;cursor:pointer} .legal-close::before,.legal-close::after{content:"";position:absolute;left:11px;right:11px;top:19px;height:1px;background:#111} .legal-close::before{transform:rotate(45deg)} .legal-close::after{transform:rotate(-45deg)} .reveal{opacity:1;transform:none} .js .reveal{opacity:0;transform:translateY(25px);transition:opacity .82s var(--ease),transform .82s var(--ease);transition-delay:var(--delay,0s)} .js .reveal.in{opacity:1;transform:none} @keyframes nebula{to{transform:translate3d(2vw,-1vw,0) rotate(-16deg) scale(1.06)}} @keyframes constellationPulse{50%{opacity:.45}} @keyframes spin{to{transform:rotate(360deg)}} @keyframes edgeLight{to{stroke-dashoffset:-228}} @media(max-width:1120px){.navlinks{gap:19px} .navlinks>a:not(.nav-cta),.nav-drop{display:none} .hero{height:auto;min-height:1050px;padding:155px 0 105px} .hero-layout{grid-template-columns:1fr;gap:58px;padding-top:0} .hero-copy{max-width:820px} .ai-grid,.case-intro,.faq-layout,.contact-grid{grid-template-columns:1fr} .faq-title{position:relative;top:auto} .case-intro{align-items:start} .case-intro>p{max-width:70ch} .faq-title p:not(.kicker){max-width:60ch}} @media(max-width:740px){:root{--wrap:min(100% - 36px,1340px)} .topbar{top:8px;height:61px} .topbar.scrolled{transform:none} .nav-shell{padding:0 8px 0 14px;border-radius:17px} .navlinks{display:none} .nav-toggle{display:grid} .nav-open .nav-toggle::before{transform:rotate(45deg)} .nav-open .nav-toggle::after{transform:rotate(-45deg)} .nav-open .nav-toggle span{opacity:0} .mobile-nav{position:fixed;z-index:90;inset:0;display:grid;align-content:center;gap:24px;padding:90px 24px 35px;background:rgba(4,8,20,.985);color:#fff;opacity:0;pointer-events:none;transition:opacity .3s} .nav-open .mobile-nav{opacity:1;pointer-events:auto} .mobile-nav a{font-size:1.55rem;font-weight:610;letter-spacing:-.03em} .mobile-nav .btn{margin-top:8px;font-size:.82rem} .hero{min-height:1050px;padding:126px 0 85px} .hero-layout{gap:46px} .hero h1{font-size:clamp(2.85rem,13.8vw,4.35rem);line-height:.93} .hero h1 span{margin-top:11px} .hero-lede{font-size:.93rem;margin-top:24px} .hero-actions{align-items:stretch;flex-direction:column} .hero-actions .btn{width:100%} .assurance{grid-template-columns:1fr;gap:10px;margin-top:31px} .assurance span,.assurance span+span{padding:0;border:0;display:flex;align-items:center;gap:8px} .assurance b{width:22px} .section{padding:90px 0} .section h2{font-size:clamp(2.45rem,11.8vw,3.75rem)} .section-head{margin-bottom:45px} .bar{grid-template-columns:68px 1fr 49px} .faq-a p{padding-right:0} .fields{grid-template-columns:1fr} .field.full{grid-column:auto} .contact-form{border-radius:18px} .final-constellation{width:120vw} .footer .wrap{padding:32px 0;min-height:175px;align-items:flex-start;flex-direction:column}} @media(max-width:430px){.brand-mark{width:33px;height:33px} .brand-copy b{font-size:.82rem} .brand-copy small{font-size:.41rem} .nav-toggle{width:41px;height:41px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto} *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important} .js .reveal{opacity:1;transform:none}} /* ========================================================== CRAFT SYSTEM · objetos reales, una sola luz (arriba-izquierda) ========================================================== */ :root{ --ease-out:cubic-bezier(.23,1,.32,1); --ease-io:cubic-bezier(.77,0,.175,1); --ease-spring:cubic-bezier(.34,1.36,.64,1); --paper-1:#fffdf8; --paper-2:#f7f4ec; --paper-edge:rgba(73,60,30,.12); --ink-soft:#3a4458; --g-blue:#1a0dab; --g-green:#188038; --sh-xs:0 1px 1px rgba(14,22,40,.06),0 1px 3px rgba(14,22,40,.07); --sh-paper:0 1px 1px rgba(20,24,38,.08),0 4px 8px -2px rgba(20,24,38,.1),0 18px 34px -12px rgba(20,24,38,.24); --sh-lift:0 2px 2px rgba(20,24,38,.06),0 10px 20px -6px rgba(20,24,38,.16),0 34px 60px -22px rgba(20,24,38,.34); --sh-night:0 2px 3px rgba(0,0,0,.22),0 22px 44px -14px rgba(0,0,0,.55),0 60px 110px -40px rgba(0,0,0,.7); --grain:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .2 0 0 0 0 .17 0 0 0 0 .1 0 0 0 .075 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E"); } ::selection{background:#cdd8ff;color:#071127} html{scrollbar-color:#3c56b8 #070d1d} .tnum{font-variant-numeric:tabular-nums} .vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} /* Una etiqueta de objeto: chip con número */ .cx-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 11px 6px 6px;border-radius:999px;background:#fff;color:#1b2540;font-size:.58rem;font-weight:720;letter-spacing:.01em;box-shadow:var(--sh-xs),0 8px 18px -10px rgba(0,0,0,.45);white-space:nowrap} .cx-tag i{width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:var(--grad);color:#fff;font-style:normal;font-size:.55rem;font-weight:800} /* Kicker que se dibuja al entrar */ .js .reveal .kicker::before,.js .kicker.reveal::before{transform:scaleX(0);transform-origin:left;transition:transform .9s var(--ease-out) .15s} .js .reveal.in .kicker::before,.js .kicker.reveal.in::before{transform:scaleX(1)} /* Retroiluminación: icono dibujado que se enciende con el cursor */ .cx-glyph{position:relative;width:52px;height:52px;flex:0 0 52px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(160deg,#ffffff,#eef2fb);box-shadow:inset 0 0 0 1px rgba(29,52,120,.09),0 1px 1px rgba(14,22,40,.06),0 8px 16px -10px rgba(20,30,70,.4);transition:transform .35s var(--ease-out),box-shadow .45s var(--ease-out),background .45s} .cx-glyph svg{width:30px;height:30px;overflow:visible} .cx-glyph .base{fill:none;stroke:#8592ad;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:stroke .45s} .cx-glyph .fillsoft{fill:#e4e9f6;transition:fill .45s} .cx-glyph .lit{fill:none;stroke:url(#litGrad);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity .45s var(--ease-out);filter:drop-shadow(0 0 3px rgba(114,223,234,.65))} .cx-glyph::after{content:"";position:absolute;inset:-1px;border-radius:inherit;background:radial-gradient(60px circle at var(--gx,50%) var(--gy,30%),rgba(114,223,234,.35),transparent 70%);opacity:0;transition:opacity .45s;pointer-events:none} .dark .cx-glyph,.cx-on-dark .cx-glyph{background:linear-gradient(160deg,#16244a,#0b1531);box-shadow:inset 0 0 0 1px rgba(160,185,255,.14),0 10px 22px -12px rgba(0,0,0,.8)} .dark .cx-glyph .base,.cx-on-dark .cx-glyph .base{stroke:#6f80ad} .dark .cx-glyph .fillsoft,.cx-on-dark .cx-glyph .fillsoft{fill:#1c2c57} @media(hover:hover) and (pointer:fine){ .cx-lightable:hover .cx-glyph{transform:translateY(-2px);box-shadow:inset 0 0 0 1px rgba(80,120,255,.28),0 2px 3px rgba(14,22,40,.08),0 16px 26px -12px rgba(49,92,246,.55)} .cx-lightable:hover .cx-glyph .lit{opacity:1} .cx-lightable:hover .cx-glyph .base{stroke:rgba(133,146,173,.25)} .cx-lightable:hover .cx-glyph::after{opacity:1} .cx-lightable:hover .cx-glyph .fillsoft{fill:#d9e2ff} .dark .cx-lightable:hover .cx-glyph .fillsoft{fill:#233a7a} } .cx-lightable.lit-auto .cx-glyph .lit{opacity:1} /* Pausar animaciones fuera de pantalla */ .cx-pausable:not(.is-live) *,.cx-pausable:not(.is-live){animation-play-state:paused!important} /* Nota pequeña honesta */ .cx-fine{margin:16px 0 0;color:#7a8396;font-size:.66rem;line-height:1.5} .dark .cx-fine,.cx-on-dark .cx-fine{color:rgba(205,218,247,.42)} /* Selector de sector (chips) */ .cx-chips{display:flex;flex-wrap:wrap;gap:8px} .cx-chip{position:relative;height:36px;padding:0 15px;border:1px solid rgba(17,24,39,.13);border-radius:999px;background:#fff;color:#2a3550;font-size:.68rem;font-weight:680;cursor:pointer;transition:background .25s,color .25s,border-color .25s,transform .16s var(--ease-out),box-shadow .25s} .cx-chip:active{transform:scale(.97)} .cx-chip[aria-pressed="true"]{background:#0b1430;border-color:#0b1430;color:#fff;box-shadow:0 8px 18px -10px rgba(11,20,48,.7)} .dark .cx-chip{background:rgba(255,255,255,.04);border-color:rgba(200,214,255,.18);color:#d9e2ff} .dark .cx-chip[aria-pressed="true"]{background:#fff;color:#0b1430;border-color:#fff} @media(hover:hover) and (pointer:fine){.cx-chip:hover{border-color:rgba(49,92,246,.45)}.dark .cx-chip:hover{border-color:rgba(200,214,255,.42)}} /* ====================== HERO · la cadena ====================== */ .cx-chain{position:relative;margin:0;width:100%;max-width:620px;justify-self:end;aspect-ratio:600/660} .cx-stage{position:absolute;left:0;top:0;width:600px;height:640px;transform:scale(var(--s,1));transform-origin:0 0} .cx-chain-cap{position:absolute;left:0;right:0;bottom:-6px;text-align:center;color:rgba(206,219,255,.42);font-size:.56rem;letter-spacing:.14em;text-transform:uppercase} .cx-chain-cap span{color:#9db2ff;transition:opacity .3s} .cx-obj{position:absolute;will-change:transform} .cx-obj>.cx-tag{position:absolute;left:12px;top:-15px;z-index:3} .cx-page>.cx-tag{left:auto;right:10px;top:-29px} .cx-float{animation:cxFloat 8s ease-in-out infinite} .cx-search{left:0;top:30px;width:350px;animation:cxFloat 8.5s ease-in-out infinite} .cx-page{left:92px;top:250px;width:366px;z-index:2;animation:cxFloat 9.5s ease-in-out -3s infinite} .cx-phone{right:0;top:318px;width:176px;z-index:4;animation:cxFloat 7.5s ease-in-out -5s infinite} @keyframes cxFloat{50%{translate:0 -7px}} /* Ruta dibujada */ .cx-route{position:absolute;inset:0;width:600px;height:640px;z-index:1;overflow:visible;pointer-events:none} .cx-route path{fill:none;stroke:rgba(196,212,255,.26);stroke-width:1.4;stroke-dasharray:2 7;stroke-linecap:round} .cx-route .cx-route-lit{stroke:url(#routeGrad);stroke-width:2;stroke-dasharray:var(--len,900);stroke-dashoffset:var(--len,900);filter:drop-shadow(0 0 4px rgba(114,223,234,.6));transition:stroke-dashoffset .9s var(--ease-io)} .cx-route-dot{fill:#fff;filter:drop-shadow(0 0 6px #72dfea) drop-shadow(0 0 2px #fff);opacity:0;transition:opacity .25s} .cx-chain.run .cx-route-dot{opacity:1} /* 1 · Tarjeta de búsqueda */ .cx-search-card{position:relative;padding:20px 18px 12px;border-radius:20px;background:#fff;color:#202124;box-shadow:var(--sh-night)} .cx-search-card::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(170deg,rgba(255,255,255,0) 60%,rgba(234,238,247,.7));pointer-events:none} .cx-gword{display:flex;justify-content:center;gap:0;margin-bottom:13px;font-family:"Product Sans","Google Sans","Segoe UI",Arial,sans-serif;font-size:1.32rem;font-weight:600;letter-spacing:-.04em;line-height:1} .cx-gword b:nth-child(1),.cx-gword b:nth-child(4){color:#4285f4}.cx-gword b:nth-child(2),.cx-gword b:nth-child(6){color:#ea4335}.cx-gword b:nth-child(3){color:#fbbc05}.cx-gword b:nth-child(5){color:#34a853} .cx-gfield{position:relative;display:flex;align-items:center;gap:9px;height:42px;padding:0 15px;border-radius:999px;background:#fff;box-shadow:0 1px 6px rgba(32,33,36,.28);font-size:.72rem;color:#202124;overflow:hidden;white-space:nowrap} .cx-gfield svg{width:15px;height:15px;flex:0 0 15px;fill:none;stroke:#9aa0a6;stroke-width:2;stroke-linecap:round} .cx-typed{overflow:hidden;text-overflow:clip} .cx-caret{width:1.5px;height:17px;flex:0 0 1.5px;margin-left:-6px;background:#1a73e8;animation:cxBlink 1s steps(1) infinite} @keyframes cxBlink{50%{opacity:0}} .cx-suggest{margin:9px 0 0;padding:0;list-style:none} .cx-suggest li{display:flex;align-items:center;gap:10px;height:31px;padding:0 15px;border-radius:9px;font-size:.66rem;color:#3c4043;font-weight:400;transition:background .3s} .cx-suggest li svg{width:13px;height:13px;flex:0 0 13px;fill:none;stroke:#9aa0a6;stroke-width:2} .cx-suggest li b{font-weight:700;color:#202124} .cx-suggest li.on{background:#f1f3f4} .cx-chain:not(.typed-done) .cx-suggest li{opacity:.0;transform:translateY(-3px)} .cx-suggest li{transition:opacity .35s var(--ease-out),transform .35s var(--ease-out),background .3s} .cx-chain.typed-done .cx-suggest li:nth-child(2){transition-delay:.06s}.cx-chain.typed-done .cx-suggest li:nth-child(3){transition-delay:.12s} /* 2 · Navegador con tu página */ .cx-browser{position:relative;overflow:hidden;border-radius:14px;background:#fff;box-shadow:var(--sh-night);transform-origin:50% 0} .cx-bbar{display:flex;align-items:center;gap:12px;height:34px;padding:0 12px;background:linear-gradient(#f3f5f9,#e9edf3);border-bottom:1px solid #dde2ea} .cx-dots{display:flex;gap:5px}.cx-dots i{width:9px;height:9px;border-radius:50%;background:#ff6058;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.18)}.cx-dots i:nth-child(2){background:#ffbd2e}.cx-dots i:nth-child(3){background:#28c941} .cx-url{flex:1;display:flex;align-items:center;gap:5px;min-width:0;height:22px;padding:0 9px;border-radius:7px;background:#fff;box-shadow:inset 0 0 0 1px #dfe3ea;font-size:.52rem;color:#5f6673;white-space:nowrap;overflow:hidden} .cx-url svg{width:10px;height:10px;flex:0 0 10px;fill:none;stroke:#7c8594;stroke-width:2} .cx-url b{font-weight:650;color:#202a3c}.cx-url em{font-style:normal;overflow:hidden;text-overflow:ellipsis} .cx-bpage{padding:13px 16px 16px;background:linear-gradient(#fff,#fbfcfe)} .cx-bnav{display:flex;align-items:center;justify-content:space-between;padding-bottom:11px;border-bottom:1px solid #eef1f5} .cx-blogo{display:flex;align-items:center;gap:6px;font-size:.58rem;font-weight:800;color:#111b33;letter-spacing:-.01em} .cx-blogo i{width:13px;height:13px;border-radius:4px;background:var(--grad)} .cx-blinks{display:flex;gap:7px}.cx-blinks i{width:26px;height:4px;border-radius:3px;background:#e2e7ef} .cx-bhero{display:grid;grid-template-columns:1.12fr .88fr;gap:12px;align-items:center;padding-top:13px} .cx-bcopy small{display:block;color:#3c5ed6;font-size:.46rem;font-weight:780;letter-spacing:.09em;text-transform:uppercase} .cx-bcopy b{display:block;margin-top:5px;color:#0d1630;font-size:.98rem;line-height:1.08;letter-spacing:-.035em} .cx-bcopy ul{margin:9px 0 0;padding:0;list-style:none} .cx-bcopy li{position:relative;padding-left:14px;color:#525b6d;font-size:.53rem;line-height:1.85} .cx-bcopy li::before{content:"";position:absolute;left:1px;top:6px;width:7px;height:4px;border-left:1.6px solid #2f9e6b;border-bottom:1.6px solid #2f9e6b;transform:rotate(-45deg)} .cx-bbtn{display:inline-flex;align-items:center;height:26px;margin-top:10px;padding:0 12px;border-radius:999px;background:var(--grad);color:#fff;font-size:.52rem;font-weight:750;box-shadow:0 8px 16px -9px rgba(49,92,246,.9);transition:transform .14s var(--ease-out),box-shadow .2s} .cx-bbtn.press{transform:scale(.94);box-shadow:0 3px 8px -5px rgba(49,92,246,.9)} .cx-bart{position:relative;height:128px;border-radius:11px;background:radial-gradient(120% 90% at 30% 15%,#f6f8fc,#e4e9f2 70%,#d9dfea);overflow:hidden} .cx-bart::after{content:"";position:absolute;left:14%;right:14%;bottom:13px;height:12px;border-radius:50%;background:radial-gradient(ellipse,rgba(20,28,48,.28),transparent 70%);filter:blur(1px)} .cx-bart svg{position:absolute;inset:8px 8px 16px;width:calc(100% - 16px);height:calc(100% - 24px);z-index:1;transition:opacity .35s,transform .5s var(--ease-out)} .cx-chain.swap .cx-bart svg,.cx-chain.swap .cx-bcopy>*{opacity:0;filter:blur(3px);transform:translateY(4px)} .cx-bcopy>*{transition:opacity .35s,filter .35s,transform .45s var(--ease-out)} .cx-cursor{position:absolute;left:62%;top:74%;z-index:3;width:20px;height:20px;transition:transform 1s var(--ease-io),opacity .3s;opacity:0} .cx-cursor svg{width:20px;height:20px;fill:#111;stroke:#fff;stroke-width:1.4;stroke-linejoin:round;filter:drop-shadow(0 2px 2px rgba(0,0,0,.3))} .cx-cursor::after{content:"";position:absolute;left:-9px;top:-9px;width:18px;height:18px;border-radius:50%;border:2px solid rgba(49,92,246,.6);opacity:0;transform:scale(.4)} .cx-cursor.click::after{animation:cxRipple .5s var(--ease-out)} @keyframes cxRipple{0%{opacity:1;transform:scale(.4)}100%{opacity:0;transform:scale(1.9)}} /* 3 · Móvil */ .cx-device{position:relative;padding:7px;border-radius:34px;background:linear-gradient(145deg,#4b5163,#1b1f2a 38%,#0c0f16 70%,#383d4c);box-shadow:var(--sh-night),inset 0 0 0 1px rgba(255,255,255,.12)} .cx-device::before{content:"";position:absolute;right:-2px;top:86px;width:3px;height:44px;border-radius:2px;background:#2a2f3c} .cx-screen{position:relative;height:350px;overflow:hidden;border-radius:28px;background:radial-gradient(130% 70% at 80% 0%,#3550b8 0%,#18276a 38%,#070c22 78%);transition:filter .6s} .cx-screen::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 40% at 20% 85%,rgba(114,223,234,.35),transparent 70%)} .cx-chain:not(.awake) .cx-screen{filter:brightness(.45) saturate(.8)} .cx-island{position:absolute;left:50%;top:9px;width:56px;height:16px;border-radius:12px;background:#000;transform:translateX(-50%);z-index:2} .cx-lock{position:relative;padding-top:40px;text-align:center;color:#fff} .cx-lock small{display:block;font-size:.5rem;font-weight:600;opacity:.82} .cx-lock b{display:block;margin-top:1px;font-size:2.5rem;font-weight:300;line-height:1;letter-spacing:-.03em} .cx-notif{position:relative;margin:12px 9px 0;padding:9px 10px 10px;border-radius:15px;background:rgba(246,247,251,.86);backdrop-filter:blur(12px);color:#1b1d24;box-shadow:0 6px 16px -8px rgba(0,0,0,.5);transform-origin:50% 0} .cx-notif-head{display:flex;align-items:center;gap:6px;margin-bottom:4px;font-size:.43rem;color:#6a6f7c} .cx-notif-head b{font-weight:650;color:#4c515d;text-transform:uppercase;letter-spacing:.04em} .cx-notif-head em{margin-left:auto;font-style:normal} .cx-mailicon{width:16px;height:16px;display:grid;place-items:center;border-radius:4px;background:linear-gradient(#2e9bff,#1166e6)} .cx-mailicon svg{width:11px;height:11px;fill:none;stroke:#fff;stroke-width:2} .cx-notif strong{display:block;font-size:.52rem;line-height:1.25} .cx-notif>span{display:block;margin-top:1px;font-size:.5rem;font-weight:620;line-height:1.3} .cx-notif p{margin:2px 0 0;color:#5b606b;font-size:.47rem;line-height:1.35} .cx-notif.ghost{margin-top:7px;opacity:.55;transform:scale(.96);filter:saturate(.6)} #heroNotif{transition:transform .7s var(--ease-spring),opacity .35s} .cx-chain:not(.notified) #heroNotif{opacity:0;transform:translateY(-26px) scale(.94)} .cx-chain.notified .cx-device{animation:cxBuzz .42s linear 1} @keyframes cxBuzz{20%{transform:translateX(-2px) rotate(-.6deg)}40%{transform:translateX(2px) rotate(.6deg)}60%{transform:translateX(-1.5px)}80%{transform:translateX(1px)}} /* Indicador de scroll */ .cx-scroll{position:absolute;z-index:6;left:50%;bottom:26px;display:grid;justify-items:center;gap:8px;transform:translateX(-50%);color:rgba(206,219,255,.45);font-size:.5rem;letter-spacing:.2em;text-transform:uppercase} .cx-scroll i{position:relative;width:20px;height:31px;border:1.5px solid rgba(206,219,255,.35);border-radius:12px} .cx-scroll i::after{content:"";position:absolute;left:50%;top:6px;width:3px;height:6px;border-radius:2px;background:#cfe0ff;transform:translateX(-50%);animation:cxWheel 1.8s var(--ease-out) infinite} @keyframes cxWheel{0%{opacity:0;transform:translate(-50%,-2px)}30%{opacity:1}100%{opacity:0;transform:translate(-50%,10px)}} @media(max-width:1120px){.cx-chain{justify-self:center;margin-top:10px}.cx-scroll{display:none}} @media(max-width:740px){.cx-chain{aspect-ratio:600/690}.cx-chain-cap{bottom:0}} @media(prefers-reduced-motion:reduce){.cx-search,.cx-page,.cx-phone{animation:none}} /* Hero: titular más contenido y altura flexible */ .hero{height:auto;min-height:max(920px,100svh);padding:150px 0 120px} .hero-layout{padding-top:0} .hero h1{font-size:clamp(3rem,4.7vw,5.05rem);line-height:.94;letter-spacing:-.06em} .hero h1 span{font-size:.86em;line-height:.98;margin-top:16px} @media(max-width:740px){.hero{padding:118px 0 90px}.hero h1{font-size:clamp(2.55rem,11.5vw,3.6rem)}} /* ====================== 3 · TRES PALANCAS ====================== */ .system-section{background:radial-gradient(900px 500px at 85% 0%,rgba(49,92,246,.06),transparent 70%),#f6f5f0} .cx-levers{display:grid;grid-template-columns:1fr 1fr;gap:20px} .cx-lever{position:relative;display:flex;flex-direction:column;gap:26px;padding:32px;border-radius:22px;background:#fff;box-shadow:0 0 0 1px rgba(15,28,53,.07),var(--sh-paper);overflow:hidden;transition:box-shadow .5s var(--ease-out),transform .5s var(--ease-out)} .cx-lever::before{content:"";position:absolute;inset:0;background:radial-gradient(500px circle at var(--mx,30%) var(--my,0%),rgba(49,92,246,.06),transparent 55%);opacity:0;transition:opacity .5s;pointer-events:none} @media(hover:hover) and (pointer:fine){.cx-lever:hover{transform:translateY(-3px);box-shadow:0 0 0 1px rgba(49,92,246,.14),var(--sh-lift)}.cx-lever:hover::before{opacity:1}} .cx-lever-pages{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:40px;align-items:center} .cx-lever-id{display:flex;align-items:center;gap:16px} .cx-lever-id small{display:block;color:#4c68ce;font-size:.58rem;font-weight:780;letter-spacing:.14em;text-transform:uppercase} .cx-lever-id h3{margin:5px 0 0;color:var(--ink);font-size:clamp(1.3rem,1.8vw,1.65rem);line-height:1.12;letter-spacing:-.035em;font-weight:660;text-wrap:balance} .cx-lever-copy>p{margin:18px 0 0;max-width:58ch;color:var(--muted);font-size:.86rem;line-height:1.72} .cx-lever-copy>strong{display:block;margin-top:12px;color:#2547c9;font-size:.76rem} .cx-mw-chips{margin-top:22px} .cx-mw-chips .cx-chip{height:32px;padding:0 13px;font-size:.62rem} /* Pila de miniwebs */ .cx-proofs{position:relative;min-height:440px;margin:0;perspective:1400px} .cx-mw{position:absolute;left:10px;right:70px;top:46px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px rgba(15,28,53,.08),0 2px 3px rgba(15,28,53,.06),0 22px 44px -20px rgba(15,28,53,.35);overflow:hidden;transform-origin:30% 100%;transition:transform .8s var(--ease-spring),opacity .5s var(--ease-out),filter .5s,box-shadow .5s;will-change:transform} .cx-mw[data-pos="0"]{z-index:5;transform:translate3d(0,0,0) rotate(-1deg)} .cx-mw[data-pos="1"]{z-index:4;transform:translate3d(24px,-18px,0) rotate(2.2deg) scale(.965);filter:brightness(.97)} .cx-mw[data-pos="2"]{z-index:3;transform:translate3d(46px,-34px,0) rotate(4.6deg) scale(.93);filter:brightness(.94)} .cx-mw[data-pos="3"],.cx-mw[data-pos="4"]{z-index:1;opacity:0;transform:translate3d(60px,-44px,0) rotate(6deg) scale(.9)} .cx-mw.leaving{z-index:6!important;transform:translate3d(-30px,70px,0) rotate(-9deg) scale(.98)!important;opacity:0!important} @media(hover:hover) and (pointer:fine){ .cx-lever-pages:hover .cx-mw[data-pos="1"]{transform:translate3d(40px,-26px,0) rotate(3.6deg) scale(.965)} .cx-lever-pages:hover .cx-mw[data-pos="2"]{transform:translate3d(76px,-50px,0) rotate(7deg) scale(.93)} .cx-lever-pages:hover .cx-mw[data-pos="0"]{transform:translate3d(-6px,4px,0) rotate(-2deg)} } .cx-mw-page{padding:13px 18px 18px} .cx-mw-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;align-items:center;padding:18px 0 14px} .cx-mw-hero small{display:block;color:#3c5ed6;font-size:.5rem;font-weight:780;letter-spacing:.1em;text-transform:uppercase} .cx-mw-hero b{display:block;margin-top:6px;color:#0d1630;font-size:1.22rem;line-height:1.06;letter-spacing:-.04em} .cx-mw-hero p{margin:9px 0 0;color:#5a6274;font-size:.6rem;line-height:1.55} .cx-mw-hero .cx-bbtn{height:30px;margin-top:13px;font-size:.56rem} .cx-mw-art{position:relative;height:150px;border-radius:12px;background:radial-gradient(120% 90% at 30% 15%,#f6f8fc,#e4e9f2 70%,#d9dfea)} .cx-mw-art::after{content:"";position:absolute;left:16%;right:16%;bottom:16px;height:12px;border-radius:50%;background:radial-gradient(ellipse,rgba(20,28,48,.26),transparent 70%)} .cx-mw-art svg{position:absolute;inset:10px 10px 18px;width:calc(100% - 20px);height:calc(100% - 28px);z-index:1} .cx-mw-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px} .cx-mw-specs span{padding:9px 10px;border-radius:9px;background:#f4f6fa;color:#1f2a44;font-size:.56rem;font-weight:650;line-height:1.35} .cx-mw-specs small{display:block;color:#7a8396;font-size:.46rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase} /* Anuncio */ .cx-adviz{position:relative;min-height:230px} .cx-adserp{position:relative;width:86%;padding:16px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px rgba(15,28,53,.08),0 18px 34px -20px rgba(15,28,53,.4);font-family:Arial,sans-serif} .cx-adq{display:flex;align-items:center;gap:9px;height:36px;padding:0 14px;border-radius:999px;box-shadow:0 1px 5px rgba(32,33,36,.24);font-size:.64rem;color:#202124;white-space:nowrap;overflow:hidden} .cx-adq svg{width:13px;height:13px;flex:0 0 13px;fill:none;stroke:#4285f4;stroke-width:2.2} .cx-adslot{position:relative;margin-top:12px;display:grid;gap:9px} .cx-ad{position:relative;padding:9px 11px;border-radius:10px;background:#fff;box-shadow:0 0 0 1px rgba(26,115,232,.18);transition:transform .9s var(--ease-spring),opacity .5s,box-shadow .5s} .cx-ad small{font-size:.54rem;color:#202124}.cx-ad small b{font-weight:700} .cx-ad-src{display:flex;align-items:center;gap:6px;margin-top:3px;font-size:.54rem;color:#202124} .cx-ad-src i{width:16px;height:16px;display:grid;place-items:center;border-radius:50%;background:var(--grad);color:#fff;font-style:normal;font-size:.45rem;font-weight:700} .cx-ad p{margin:4px 0 0;color:var(--g-blue);font-size:.76rem;line-height:1.3} .cx-ad em{display:block;margin-top:2px;font-style:normal;color:#4d5156;font-size:.56rem;line-height:1.4} .cx-org{display:grid;gap:5px;padding:6px 11px}.cx-org i{height:6px;border-radius:4px;background:#eceff3}.cx-org i:nth-child(1){width:42%}.cx-org i:nth-child(2){width:78%;height:8px;background:#dfe5f6}.cx-org i:nth-child(3){width:64%} .js .cx-lever-ads:not(.played) .cx-ad{transform:translateY(118px);opacity:0} .cx-lever-ads.played .cx-ad{box-shadow:0 0 0 1px rgba(26,115,232,.25),0 14px 26px -16px rgba(26,115,232,.55)} .cx-campaign{position:absolute;right:0;bottom:-6px;width:210px;padding:13px 14px;border-radius:13px;background:#0d1733;color:#fff;box-shadow:0 2px 3px rgba(0,0,0,.2),0 24px 40px -18px rgba(8,16,40,.7);transform:rotate(1.2deg)} .cx-camp-head{display:flex;justify-content:space-between;align-items:center;font-size:.6rem} .cx-toggle{position:relative;width:30px;height:17px;border-radius:9px;background:#2f3b5c;transition:background .3s} .cx-toggle i{position:absolute;left:2px;top:2px;width:13px;height:13px;border-radius:50%;background:#fff;transition:transform .35s var(--ease-spring)} .cx-lever-ads.played .cx-toggle{background:#34a853}.cx-lever-ads.played .cx-toggle i{transform:translateX(13px)} .cx-campaign small{display:block;margin-top:10px;color:rgba(214,226,255,.5);font-size:.48rem} .cx-bars{display:flex;align-items:flex-end;gap:4px;height:46px;margin-top:7px} .cx-bars i{flex:1;height:var(--h);border-radius:2px 2px 0 0;background:linear-gradient(#72dfea,#4e74ff);transform-origin:bottom;transition:transform .6s var(--ease-out)} .js .cx-lever-ads:not(.played) .cx-bars i{transform:scaleY(0)} .cx-bars i:nth-child(2){transition-delay:.04s}.cx-bars i:nth-child(3){transition-delay:.08s}.cx-bars i:nth-child(4){transition-delay:.12s}.cx-bars i:nth-child(5){transition-delay:.16s}.cx-bars i:nth-child(6){transition-delay:.2s}.cx-bars i:nth-child(7){transition-delay:.24s}.cx-bars i:nth-child(8){transition-delay:.28s}.cx-bars i:nth-child(9){transition-delay:.32s}.cx-bars i:nth-child(10){transition-delay:.36s}.cx-bars i:nth-child(11){transition-delay:.4s}.cx-bars i:nth-child(12){transition-delay:.44s} .cx-camp-foot{display:block;margin-top:8px;color:#8a93a6;font-size:.5rem;letter-spacing:.04em} .cx-campaign .cx-camp-foot{color:rgba(214,226,255,.38)} /* Search Console */ .cx-gsc{position:relative;padding:16px 16px 12px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px rgba(15,28,53,.08),0 18px 34px -20px rgba(15,28,53,.4);font-family:"Segoe UI",Arial,sans-serif} .cx-gsc-head{display:flex;justify-content:space-between;align-items:center;font-size:.58rem;color:#3c4043} .cx-gsc-head span{display:flex;align-items:center;gap:7px;font-weight:650} .cx-gsc-head span i{width:14px;height:14px;border-radius:3px;background:conic-gradient(#4285f4 0 25%,#ea4335 0 50%,#fbbc05 0 75%,#34a853 0)} .cx-gsc-head em{font-style:normal;color:#5f6368} .cx-gsc-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px} .cx-gsc-kpis span{padding:8px 10px;border-radius:8px;color:#fff;font-size:.5rem} .cx-gsc-kpis .k1{background:#4285f4}.cx-gsc-kpis .k2{background:#5e35b1}.cx-gsc-kpis .k3{background:#e8710a} .cx-gsc-kpis small{display:block;opacity:.9}.cx-gsc-kpis b{display:block;margin-top:2px;font-size:.92rem;font-weight:500} .cx-gsc-chart{position:relative;margin-top:12px} .cx-gsc-chart svg{width:100%;height:118px;overflow:visible} .cx-gsc-chart .grid path{stroke:#eceff3;stroke-width:1;vector-effect:non-scaling-stroke} .cx-gsc-chart .area{fill:rgba(66,133,244,.08)} .cx-gsc-chart .clk,.cx-gsc-chart .imp{fill:none;stroke-width:2.2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset 1.8s var(--ease-io)} .cx-gsc-chart .clk{stroke:#4285f4}.cx-gsc-chart .imp{stroke:#5e35b1;opacity:.85} .js .cx-gsc:not(.drawn) .clk,.js .cx-gsc:not(.drawn) .imp{stroke-dashoffset:1} .cx-gsc-chart .guide{stroke:#9aa0a6;stroke-width:1;stroke-dasharray:3 3;vector-effect:non-scaling-stroke;opacity:0;transition:opacity .2s} .cx-gsc-tip{position:absolute;top:-6px;left:0;padding:6px 9px;border-radius:7px;background:#202124;color:#fff;font-size:.5rem;white-space:nowrap;opacity:0;transform:translate(-50%,-100%);pointer-events:none;transition:opacity .2s} .cx-gsc-tip b{display:block;font-weight:650} .cx-gsc.hovering .guide,.cx-gsc.hovering .cx-gsc-tip{opacity:1} .cx-gsc-axis{display:flex;justify-content:space-between;margin-top:6px;color:#80868b;font-size:.48rem} @media(max-width:1120px){.cx-levers{grid-template-columns:1fr}.cx-lever-pages{grid-column:auto;grid-template-columns:1fr;gap:10px}.cx-proofs{min-height:440px}} @media(max-width:740px){.cx-lever{padding:22px}.cx-lever-id{align-items:flex-start}.cx-mw{right:30px;left:0}.cx-mw-hero{grid-template-columns:1fr}.cx-mw-art{height:120px}.cx-proofs{min-height:520px}.cx-adserp{width:100%}.cx-campaign{position:relative;margin:14px 0 0 auto;bottom:auto}.cx-mw-specs{grid-template-columns:1fr 1fr 1fr}} /* ====================== 4 · INTELIGENCIA ARTIFICIAL ====================== */ .ai-section::before{opacity:.6} .cx-signals{display:grid;margin-top:34px;border-top:1px solid rgba(191,208,255,.12)} .cx-signal{display:grid;grid-template-columns:52px 1fr;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid rgba(191,208,255,.1);cursor:default} .cx-signal p{display:grid;margin:0}.cx-signal b{font-size:.86rem;color:#fff}.cx-signal small{margin-top:4px;font-size:.7rem;line-height:1.45;color:rgba(218,228,255,.5)} .ai-section .cx-glyph{background:linear-gradient(160deg,#16244a,#0b1531);box-shadow:inset 0 0 0 1px rgba(160,185,255,.14),0 10px 22px -12px rgba(0,0,0,.8)} .ai-section .cx-glyph .base{stroke:#7385b6}.ai-section .cx-glyph .fillsoft{fill:#18264d} @media(hover:hover) and (pointer:fine){.ai-section .cx-lightable:hover .cx-glyph .fillsoft{fill:#21357a}.ai-section .cx-lightable:hover .cx-glyph{box-shadow:inset 0 0 0 1px rgba(120,160,255,.38),0 16px 28px -12px rgba(49,92,246,.7)}} .cx-chat{position:relative} .cx-chat::before{content:"";position:absolute;left:8%;right:8%;bottom:-30px;height:70px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.6),transparent 70%);filter:blur(14px)} .cx-chat-win{position:relative;overflow:hidden;border-radius:20px;background:#fff;color:#1d2433;box-shadow:0 2px 3px rgba(0,0,0,.25),0 50px 100px -40px rgba(0,0,0,.85);font-family:"Segoe UI","Aptos",system-ui,sans-serif} .cx-chat-head{display:flex;align-items:center;height:56px;padding:0 18px;border-bottom:1px solid #eceef2} .cx-chat-tabs{display:flex;gap:6px;padding:4px;border-radius:11px;background:#f3f4f7} .cx-chat-tabs span{display:flex;align-items:center;gap:7px;height:30px;padding:0 12px;border-radius:8px;color:#6f7686;font-size:.62rem;font-weight:650;transition:background .35s,color .35s,box-shadow .35s} .cx-chat-tabs span.on{background:#fff;color:#141a26;box-shadow:0 1px 3px rgba(20,26,38,.12)} .cx-chat-tabs i{width:14px;height:14px;border-radius:50%} .cx-chat-tabs .e1{background:conic-gradient(from 30deg,#1b1f27,#5b6170,#1b1f27)} .cx-chat-tabs .e2{background:conic-gradient(from 210deg,#4285f4,#9b72cb,#d96570,#4285f4);border-radius:3px;transform:rotate(45deg) scale(.8)} .cx-chat-head em{margin-left:auto;font-style:normal;color:#8a90a0;font-size:.58rem} .cx-chat-thread{min-height:440px;padding:28px 30px 18px} .cx-chat-user{display:flex;align-items:flex-start;gap:12px;margin-left:16%;padding:14px 16px;border-radius:18px 18px 4px 18px;background:#f1f3f7;font-size:.8rem;line-height:1.5;min-height:52px} .cx-chat-user span{flex:1} .cx-chat-user span::after{content:"";display:inline-block;width:1.5px;height:1em;margin-left:2px;vertical-align:-2px;background:#4b5263;opacity:0} .cx-chat.typing .cx-chat-user span::after{opacity:1;animation:cxBlink 1s steps(1) infinite} .cx-chat-user i{width:26px;height:26px;flex:0 0 26px;display:grid;place-items:center;border-radius:50%;background:#172545;color:#fff;font-style:normal;font-size:.58rem} .cx-chat-search{display:flex;align-items:center;gap:9px;margin-top:22px;color:#6f7686;font-size:.62rem;opacity:0;transform:translateY(5px);transition:opacity .35s,transform .35s var(--ease-out)} .cx-chat.searching .cx-chat-search,.cx-chat.answering .cx-chat-search{opacity:1;transform:none} .cx-chat-search .spin{width:12px;height:12px;border-radius:50%;border:2px solid #d5d9e2;border-top-color:#4b6ef0;animation:spin .8s linear infinite} .cx-chat.answering .cx-chat-search .spin{animation:none;border-color:#34a853;border-top-color:#34a853;position:relative} .cx-chat-favs{display:flex;margin-left:4px} .cx-chat-favs i{width:18px;height:18px;margin-left:-5px;border-radius:50%;background:#e8ebf1;box-shadow:0 0 0 2px #fff;font-style:normal;font-size:.44rem;font-weight:800;display:grid;place-items:center;color:#fff;transform:scale(.6);opacity:0;transition:transform .4s var(--ease-spring),opacity .3s} .cx-chat-favs i:nth-child(1){background:#c9d2e3}.cx-chat-favs i:nth-child(2){background:#b8c4da}.cx-chat-favs i:nth-child(3){background:#a7b5cf}.cx-chat-favs i.own{background:var(--grad)} .cx-chat.searching .cx-chat-favs i,.cx-chat.answering .cx-chat-favs i{transform:none;opacity:1} .cx-chat-favs i:nth-child(2){transition-delay:.15s}.cx-chat-favs i:nth-child(3){transition-delay:.3s}.cx-chat-favs i:nth-child(4){transition-delay:.45s} .cx-chat-answer{position:relative;margin-top:18px;padding-left:40px;opacity:0;transition:opacity .4s} .cx-chat.answering .cx-chat-answer{opacity:1} .cx-chat-ai{position:absolute;left:0;top:0;width:27px;height:27px;border-radius:50%;background:conic-gradient(from 30deg,#1b1f27,#5b6170,#1b1f27);box-shadow:inset 0 0 0 5px #1b1f27} .cx-chat.gemini .cx-chat-ai{border-radius:7px;background:conic-gradient(from 210deg,#4285f4,#9b72cb,#d96570,#4285f4);box-shadow:none;transform:rotate(45deg) scale(.75)} .cx-chat-answer p{margin:0;font-size:.8rem;line-height:1.6;color:#262d3c} .cx-chat-answer ol{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:8px} .cx-chat-answer li{position:relative;padding:11px 13px 11px 38px;border-radius:12px;font-size:.72rem;line-height:1.5;color:#3b4354;opacity:0;transform:translateY(6px);transition:opacity .4s,transform .5s var(--ease-out),background .5s,box-shadow .5s} .cx-chat-answer li.show{opacity:1;transform:none} .cx-chat-answer li::before{content:attr(data-n);position:absolute;left:12px;top:11px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#eef1f6;color:#4a5265;font-size:.54rem;font-weight:800} .cx-chat-answer li b{color:#141a26} .cx-chat-answer li.own{background:linear-gradient(180deg,#f3f6ff,#eef2ff);box-shadow:inset 0 0 0 1px rgba(49,92,246,.2)} .cx-chat-answer li.own::before{background:var(--grad);color:#fff} .cx-chat-answer li.own b{color:#2149d2} .cx-chat-answer li .cite{display:inline-flex;align-items:center;height:17px;margin-left:5px;padding:0 7px;border-radius:9px;background:#e5eaf5;color:#3b4b78;font-size:.5rem;font-weight:700;vertical-align:1px} .cx-chat-src{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:14px;font-size:.56rem;color:#7c8394;opacity:0;transition:opacity .5s .2s} .cx-chat.done .cx-chat-src{opacity:1} .cx-chat-src b{height:21px;display:inline-flex;align-items:center;padding:0 9px;border-radius:11px;background:#f2f4f8;color:#3e4658;font-weight:600} .cx-chat-src b:first-of-type{background:#e9eeff;color:#2149d2} .cx-chat-input{display:flex;align-items:center;height:52px;margin:0 22px 22px;padding:0 8px 0 18px;border-radius:26px;box-shadow:inset 0 0 0 1px #e1e4ea,0 2px 6px rgba(20,26,38,.05);font-size:.66rem;color:#8b92a2} .cx-chat-input i{margin-left:auto;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#141a26;color:#fff;font-style:normal} .cx-chat .llm-caption{margin-top:20px} @media(max-width:740px){.cx-chat-thread{min-height:520px;padding:20px 16px 14px}.cx-chat-user{margin-left:4%}.cx-chat-head em{display:none}.cx-chat-input{margin:0 14px 14px}} /* ====================== 5 · MÉTODO · el informe ====================== */ .cx-method .section-head{max-width:860px} .cx-method-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,6vw,96px);align-items:start} .cx-steps{margin:0;padding:0;list-style:none;border-top:1px solid var(--line-light)} .cx-step{display:grid;grid-template-columns:52px 1fr;gap:20px;align-items:start;min-height:min(46vh,380px);padding:30px 0;border-bottom:1px solid var(--line-light);opacity:.42;transition:opacity .6s var(--ease-out)} .cx-step.on,.cx-step.done{opacity:1} .cx-step small{color:#819efb;font-size:.56rem;font-weight:780;letter-spacing:.15em;text-transform:uppercase} .cx-step h3{margin:6px 0 0;color:#fff;font-size:clamp(1.25rem,1.7vw,1.55rem);letter-spacing:-.03em;line-height:1.15} .cx-step p{max-width:46ch;margin:10px 0 0;color:rgba(222,231,255,.58);font-size:.86rem;line-height:1.7} .cx-step.on .cx-glyph .lit{opacity:1}.cx-step.on .cx-glyph .base{stroke:rgba(115,133,182,.25)} .cx-step.on .cx-glyph{box-shadow:inset 0 0 0 1px rgba(120,160,255,.38),0 16px 28px -12px rgba(49,92,246,.7)} .cx-step-end{padding:34px 0 0} .cx-step-end .method-note{margin:0 0 24px} .cx-report-col{position:sticky;top:110px} .cx-report-col>.cx-fine{max-width:600px;margin-left:auto} .cx-report{position:relative;max-width:600px;margin:0 0 0 auto;padding:34px 36px 40px;border-radius:4px;background:var(--grain),linear-gradient(176deg,#fffefa,#f6f2e8);color:#1b2233;box-shadow:0 1px 1px rgba(0,0,0,.2),0 2px 0 -1px #f1ece0,0 3px 0 -1px rgba(0,0,0,.08),0 5px 0 -2px #ece6d8,0 30px 60px -18px rgba(0,0,0,.65),0 70px 110px -50px rgba(0,0,0,.6);transform:rotate(-1.2deg);transition:transform .8s var(--ease-out)} @media(hover:hover) and (pointer:fine){.cx-report:hover{transform:rotate(-.4deg) translateY(-4px)}} .cx-report::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,rgba(255,255,255,.35),transparent 40%);pointer-events:none} .cx-clip{position:absolute;left:28px;top:-26px;width:26px;height:64px;filter:drop-shadow(1px 2px 1px rgba(0,0,0,.25))} .cx-rep-head{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1.5px solid #1b2233} .cx-rep-head svg{width:30px;height:30px} .cx-rep-head b{display:block;font-size:.98rem;letter-spacing:-.02em} .cx-rep-head small{display:block;color:#6a7080;font-size:.58rem} .cx-rep-page{margin-left:auto;color:#8a8f9c;font-size:.54rem} .cx-rep-sec{margin-top:18px;transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)} .cx-rep-h{display:flex;align-items:center;gap:8px;margin:0 0 9px;font-size:.62rem;font-weight:780;letter-spacing:.1em;text-transform:uppercase;color:#30384b} .cx-rep-h i{width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:#1b2233;color:#fff;font-style:normal;font-size:.5rem} .cx-rep-table{width:100%;border-collapse:collapse;font-size:.66rem} .cx-rep-table th{padding:0 0 6px;color:#8a8f9c;font-weight:600;font-size:.54rem;text-align:left;border-bottom:1px solid #d9d3c4} .cx-rep-table th:nth-child(2),.cx-rep-table td:nth-child(2){text-align:right;padding-right:14px} .cx-rep-table td{padding:7px 0;border-bottom:1px dashed #ddd7c8;color:#2b3244} .cx-rep-table em{font-style:normal;font-size:.54rem;font-weight:700;padding:2px 7px;border-radius:9px} .cx-rep-table em.buy{background:#e3ecff;color:#2547c9}.cx-rep-table em.info{background:#efece5;color:#7c7667} .cx-rep-table tbody tr{transition:opacity .4s,transform .5s var(--ease-out)} .mk{position:relative;z-index:0} .mk::before{content:"";position:absolute;z-index:-1;left:-4px;right:-4px;top:55%;height:56%;border-radius:2px 6px 3px 5px;background:rgba(255,214,64,.62);transform:scaleX(0) skewX(-8deg);transform-origin:left;transition:transform .7s var(--ease-out)} .r2 .mk::before{transition-delay:.25s} .strike{position:relative} .strike::after{content:"";position:absolute;left:-3px;right:-3px;top:52%;height:1.6px;background:#c0392b;transform:scaleX(0) rotate(-1.5deg);transform-origin:left;transition:transform .6s var(--ease-out) .45s} .circ{position:relative;display:inline-block} .circ::after{content:"";position:absolute;left:-9px;right:-9px;top:-5px;bottom:-5px;border:1.8px solid #2a52d6;border-radius:50% 45% 52% 48%/55% 50% 50% 45%;transform:rotate(-6deg) scale(.5);opacity:0;transition:transform .5s var(--ease-spring) .6s,opacity .3s .6s} .cx-rep-comp,.cx-rep-plan{margin:0;padding:0;list-style:none;display:grid;gap:6px} .cx-rep-comp li{display:flex;align-items:center;gap:9px;padding:6px 0;border-bottom:1px dashed #ddd7c8;font-size:.66rem;color:#2b3244} .cx-rep-comp li em{margin-left:auto;font-style:normal;color:#6a7080;font-size:.58rem} .cx-rep-comp span{width:14px;height:14px;border-radius:50%;position:relative} .cx-rep-comp .ok{background:#2f9e6b}.cx-rep-comp .mid{background:#d8a31a}.cx-rep-comp .no{background:#c0392b} .cx-rep-comp .ok::after{content:"";position:absolute;left:4px;top:3px;width:5px;height:3px;border-left:1.6px solid #fff;border-bottom:1.6px solid #fff;transform:rotate(-45deg)} .cx-rep-comp .no::before,.cx-rep-comp .no::after{content:"";position:absolute;left:3.5px;right:3.5px;top:6.2px;height:1.6px;background:#fff;transform:rotate(45deg)}.cx-rep-comp .no::after{transform:rotate(-45deg)} .cx-rep-comp .mid::after{content:"";position:absolute;left:3.5px;right:3.5px;top:6.2px;height:1.6px;background:#fff} .cx-rep-comp li:last-child{color:#c0392b;font-weight:650} .cx-rep-plan li{display:flex;align-items:center;gap:10px;font-size:.66rem;color:#2b3244} .cx-rep-plan span{position:relative;width:15px;height:15px;flex:0 0 15px;border:1.5px solid #8a8f9c;border-radius:3px} .cx-rep-plan span::after{content:"";position:absolute;left:3px;top:0;width:6px;height:10px;border-right:2.2px solid #2a52d6;border-bottom:2.2px solid #2a52d6;transform:rotate(40deg) scale(0);transform-origin:center;transition:transform .35s var(--ease-spring)} .cx-rep-plan li:nth-child(2) span::after{transition-delay:.15s}.cx-rep-plan li:nth-child(3) span::after{transition-delay:.3s}.cx-rep-plan li:nth-child(4) span::after{transition-delay:.45s} .cx-scribble{position:absolute;left:47%;top:170px;width:110px;height:42px;pointer-events:none} .cx-scribble path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .9s var(--ease-out) .7s} .cx-handnote{position:absolute;left:calc(47% + 64px);top:150px;color:#2a52d6;font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive;font-size:.66rem;transform:rotate(-4deg);opacity:0;transition:opacity .5s .9s} .cx-stamp{position:absolute;right:30px;bottom:30px;display:grid;justify-items:center;padding:9px 16px 8px;border:3px double rgba(42,82,214,.85);border-radius:8px;color:rgba(42,82,214,.88);text-transform:uppercase;transform:rotate(-11deg) scale(1.6);opacity:0;mix-blend-mode:multiply;filter:url(#inkRough)} .cx-stamp span{font-size:.92rem;font-weight:900;letter-spacing:.08em;line-height:1} .cx-stamp small{margin-top:3px;font-size:.46rem;font-weight:700;letter-spacing:.14em} /* Estados según el paso */ .js .cx-report .s2,.js .cx-report .s4{opacity:.18;transform:translateY(4px)} .js .cx-report .s1 tbody tr{opacity:.25} .cx-report[data-step="1"] .s1 tbody tr,.cx-report[data-step="2"] .s1 tbody tr,.cx-report[data-step="3"] .s1 tbody tr,.cx-report[data-step="4"] .s1 tbody tr{opacity:1} .cx-report[data-step="1"] .s1 tbody tr:nth-child(2){transition-delay:.1s}.cx-report[data-step="1"] .s1 tbody tr:nth-child(3){transition-delay:.2s}.cx-report[data-step="1"] .s1 tbody tr:nth-child(4){transition-delay:.3s} .cx-report[data-step="2"] .s2,.cx-report[data-step="3"] .s2,.cx-report[data-step="4"] .s2{opacity:1;transform:none} .cx-report[data-step="3"] .mk::before,.cx-report[data-step="4"] .mk::before{transform:scaleX(1) skewX(-8deg)} .cx-report[data-step="3"] .strike::after,.cx-report[data-step="4"] .strike::after{transform:scaleX(1) rotate(-1.5deg)} .cx-report[data-step="3"] .circ::after,.cx-report[data-step="4"] .circ::after{opacity:1;transform:rotate(-6deg) scale(1)} .cx-report[data-step="3"] .cx-scribble path,.cx-report[data-step="4"] .cx-scribble path{stroke-dashoffset:0} .cx-report[data-step="3"] .cx-handnote,.cx-report[data-step="4"] .cx-handnote{opacity:1} .cx-report[data-step="3"] .s1 .r4{opacity:.55} .cx-report[data-step="4"] .s4{opacity:1;transform:none} .cx-report[data-step="4"] .cx-rep-plan span::after{transform:rotate(40deg) scale(1)} .cx-report.stamped .cx-stamp{animation:cxStamp .55s var(--ease-out) forwards} @keyframes cxStamp{0%{opacity:0;transform:rotate(-11deg) scale(1.6)}60%{opacity:1;transform:rotate(-11deg) scale(.96)}100%{opacity:1;transform:rotate(-11deg) scale(1)}} .cx-report.stamped{animation:cxThump .35s var(--ease-out) .3s} @keyframes cxThump{40%{transform:rotate(-1.2deg) translateY(2px)}} .no-js .cx-stamp,.cx-report.final .cx-stamp{opacity:1;transform:rotate(-11deg)} @media(max-width:1120px){.cx-scribble,.cx-handnote{display:none}.cx-method-grid{grid-template-columns:1fr}.cx-report-col{position:relative;top:auto;order:-1;max-width:640px}.cx-step{min-height:0}} @media(max-width:740px){.cx-report{padding:28px 20px 34px}.cx-scribble,.cx-handnote{display:none}.cx-stamp{right:16px;bottom:18px}.cx-rep-table{font-size:.6rem}} @media(prefers-reduced-motion:reduce){.cx-report{transform:none}.cx-stamp{opacity:1;transform:rotate(-11deg)}} .cx-method{overflow-x:clip} /* ====================== 7 · QUIÉN ESTÁ DETRÁS ====================== */ .cx-owner{background:#fff} .cx-owner-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(50px,7vw,110px);align-items:center} .cx-cards{position:relative;aspect-ratio:1/0.92;perspective:1200px} .cx-card{position:absolute;width:78%;aspect-ratio:85/55;border-radius:14px;transform-style:preserve-3d;will-change:transform} .cx-card.back{left:16%;top:6%;display:grid;place-content:center;justify-items:center;gap:6px;background:radial-gradient(120% 120% at 20% 0,#22357a,#0b1430 60%,#060b1c);color:#fff;box-shadow:0 2px 3px rgba(0,0,0,.2),0 30px 50px -24px rgba(8,16,40,.7);transform:rotate(7deg)} .cx-card.back svg{width:62px;height:62px} .cx-card.back b{font-size:1rem;letter-spacing:-.02em}.cx-card.back b em{font-style:normal;color:#9fb4ff} .cx-card.back small{font-size:.5rem;letter-spacing:.24em;text-transform:uppercase;color:rgba(214,226,255,.55)} .cx-card.front{left:2%;top:34%;display:flex;flex-direction:column;justify-content:space-between;padding:22px 24px;background:var(--grain),linear-gradient(160deg,#fffefb,#f4f1e8);color:#141b2d;box-shadow:0 1px 1px rgba(0,0,0,.08),0 2px 0 -1px #ebe6d8,0 26px 46px -20px rgba(15,23,42,.5);transform:rotate(-4deg);transition:transform .6s var(--ease-out),box-shadow .6s} .cx-card-sheen{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(240px circle at var(--sx,30%) var(--sy,20%),rgba(255,255,255,.75),transparent 60%);mix-blend-mode:soft-light;opacity:.0;transition:opacity .4s;pointer-events:none} .cx-cards:hover .cx-card-sheen{opacity:1} .cx-card-top{display:flex;align-items:center;gap:9px;font-size:.62rem;font-weight:740;letter-spacing:.02em} .cx-card-top svg{width:24px;height:24px} .cx-card-name b{display:block;font-size:1.55rem;line-height:1;letter-spacing:-.04em} .cx-card-name span{display:block;margin-top:6px;color:#5d6577;font-size:.62rem} .cx-card-foot{display:flex;justify-content:space-between;gap:10px;padding-top:10px;border-top:1px solid #e1dccd;color:#4b5365;font-size:.56rem} .cx-monogram{position:absolute;right:22px;top:46%;width:118px;height:58px;overflow:visible} .cx-monogram path{fill:none;stroke:#2a52d6;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 2.2s var(--ease-io) .5s;opacity:.85} .cx-cards.in .cx-monogram path,.no-js .cx-monogram path{stroke-dashoffset:0} .cx-card-shadow{position:absolute;left:6%;right:14%;bottom:2%;height:30px;border-radius:50%;background:radial-gradient(ellipse,rgba(15,23,42,.24),transparent 70%);filter:blur(6px)} .cx-owner-copy h2{font-size:clamp(2.5rem,4.2vw,4.4rem)} .cx-owner-copy>p:not(.kicker){max-width:60ch;margin:24px 0 0;color:var(--muted);font-size:1rem;line-height:1.75} .cx-commit{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:34px 0 0;padding:0;list-style:none} .cx-commit li{display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:center;padding:16px;border-radius:16px;background:#f7f6f2;box-shadow:inset 0 0 0 1px rgba(15,28,53,.06);transition:background .4s,box-shadow .4s} .cx-commit li p{display:grid;margin:0}.cx-commit b{font-size:.84rem;color:#141b2d}.cx-commit small{margin-top:3px;color:var(--muted);font-size:.68rem;line-height:1.45} @media(hover:hover) and (pointer:fine){.cx-commit li:hover{background:#fff;box-shadow:inset 0 0 0 1px rgba(49,92,246,.16),0 14px 30px -18px rgba(20,30,70,.4)}} @media(max-width:1120px){.cx-owner-grid{grid-template-columns:1fr}.cx-cards{max-width:560px;width:100%;margin:auto}} @media(max-width:740px){.cx-commit{grid-template-columns:1fr}.cx-card.front{padding:16px 18px}.cx-card-name b{font-size:1.2rem}.cx-monogram{width:86px;right:14px}} /* ====================== 8 · FAQ y CONTACTO ====================== */ .cx-faq{background:#f6f5f0} .faq-h{margin:0;font:inherit} .faq-q{font-size:1.02rem;padding:26px 0} .faq-a p{font-size:.92rem;line-height:1.75} .faq-q span{transition:color .25s} @media(hover:hover) and (pointer:fine){.faq-q:hover span{color:#2547c9}.faq-q:hover i{border-color:rgba(49,92,246,.4)}} .faq-item.open .faq-q span{color:#0d1630} .cx-gradword{background:var(--grad-light);-webkit-background-clip:text;background-clip:text;color:transparent} .cx-preview{max-width:440px;margin-top:38px;border-radius:16px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(190,208,255,.14);overflow:hidden} .cx-preview-head{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid rgba(190,208,255,.1);font-size:.66rem} .cx-preview-head b{color:#fff;font-weight:650} .cx-preview-head em{margin-left:auto;font-style:normal;color:rgba(205,218,247,.45);font-size:.58rem} .cx-preview-mail{padding:12px 16px 16px;background:var(--grain),linear-gradient(170deg,#fffefa,#f5f2e9);color:#1b2233} .cx-preview-mail p{display:grid;grid-template-columns:58px 1fr;gap:8px;margin:0;padding:6px 0;border-bottom:1px solid #e6e1d4;font-size:.7rem} .cx-preview-mail p small{color:#8a8f9c;font-size:.6rem} .cx-preview-mail p span{color:#1b2233;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .cx-preview-mail .body{display:block;border-bottom:0;padding-top:10px;color:#3a4356;font-size:.72rem;line-height:1.6;min-height:58px;white-space:pre-line} .cx-preview-mail .typing{color:#1b2233} .field input,.field textarea{font-size:.86rem} .field label{font-size:.66rem} .field textarea{min-height:110px} .field input:focus,.field textarea:focus{border-color:#8aa4ff} .form-assurance{font-size:.62rem} /* Lectura más cómoda para un lector de 35 a 60 años */ .section-head>p:not(.kicker){font-size:1.04rem} .hero-lede{font-size:clamp(1.02rem,1.25vw,1.16rem)} .assurance span{font-size:.7rem} .google-note{font-size:.66rem} .method-note{font-size:.8rem;line-height:1.6} .btn:active{transform:scale(.97)} @media(max-width:740px){.cx-preview{display:none}} /* ====================== HEADER · menú de servicios en 3 columnas ====================== */ .nav-menu.cx-mega{left:50%;width:min(940px,calc(100vw - 60px));display:grid;grid-template-columns:repeat(3,1fr);gap:4px 10px;padding:14px;transform:translate(-45%,-8px)} .nav-drop:hover .nav-menu.cx-mega,.nav-drop:focus-within .nav-menu.cx-mega{transform:translate(-45%,0)} .cx-mega-col{display:grid;align-content:start;gap:2px} .cx-mega-title{margin:4px 13px 6px;color:#8ea6ff;font-size:.54rem;font-weight:780;letter-spacing:.14em;text-transform:uppercase} .cx-mega a{padding:10px 13px} .cx-mega b{font-size:.74rem}.cx-mega span{font-size:.6rem;line-height:1.35} .cx-mnav-main{display:grid;gap:18px} .cx-mnav-more{margin-top:4px;border-top:1px solid rgba(200,214,255,.14);padding-top:16px} .cx-mnav-more summary{cursor:pointer;list-style:none;color:#9fb4ff;font-size:.9rem;font-weight:650} .cx-mnav-more summary::-webkit-details-marker{display:none} .cx-mnav-more>div{display:grid;gap:12px;max-height:38vh;overflow:auto;margin-top:14px;padding-right:6px} .cx-mnav-more>div a{font-size:1rem!important;font-weight:500!important;color:rgba(232,238,255,.82)} @media(max-width:1120px){ .nav-toggle{display:grid}.nav-open .nav-toggle::before{transform:rotate(45deg)}.nav-open .nav-toggle::after{transform:rotate(-45deg)}.nav-open .nav-toggle span{opacity:0} .mobile-nav{position:fixed;z-index:90;inset:0;display:grid;align-content:center;gap:24px;padding:100px max(24px,calc((100vw - 680px)/2)) 35px;background:#040814;color:#fff;opacity:0;pointer-events:none;transition:opacity .3s;overflow:auto} .nav-open .mobile-nav{opacity:1;pointer-events:auto} .mobile-nav .cx-mnav-main a{font-size:1.45rem;font-weight:610;letter-spacing:-.03em} .mobile-nav .btn{margin-top:8px;font-size:.82rem} } @media(max-width:740px){.mobile-nav{align-content:start}} .cx-service-proof{display:grid;grid-template-columns:.8fr 1.2fr;gap:38px;align-items:center;margin-top:28px;padding:22px;border:1px solid var(--line);border-radius:26px;background:#f5f8fc}.cx-service-proof .cx-photo img{height:240px;object-fit:cover}.cx-service-proof h3{font-family:var(--serif);font-size:31px;font-weight:450;line-height:1.12;max-width:650px;margin-top:15px}.cx-service-proof p{font-size:14px;color:var(--muted);margin-top:15px;max-width:630px}.cx-search-story{display:grid;grid-template-columns:.7fr 1.5fr;gap:32px;align-items:center}.cx-search-explainer{display:grid;gap:18px}.cx-search-explainer .cx-card{padding:24px}.cx-search-explainer .cx-drawing{width:72px;height:72px}.cx-search-explainer h3{font-size:19px;margin-top:6px}.cx-search-explainer p{font-size:14px}.cx-serp-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.cx-demo-label{font:500 9px/1.4 var(--mono);color:#63789a}.cx-serp{background:#fff;border:1px solid #d9e0ed;border-radius:22px;box-shadow:0 25px 80px -45px #07132788;overflow:hidden;color:#202124;font-family:Arial,sans-serif}.cx-google-bar{display:flex;align-items:center;gap:17px;padding:21px 23px 13px}.cx-google-bar>img{width:90px;height:auto}.cx-search-field{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#f0f3f4;border-radius:99px;min-height:44px;padding:11px 18px;flex:1;font-size:13px;line-height:1.35;box-shadow:0 1px 3px #00000010}.cx-search-field>span:last-child{font-size:22px;color:#4c5b6e}.cx-google-avatar{width:29px;height:29px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:#764e92;color:#fff;font-size:12px;font-style:normal}.cx-google-nav{display:flex;gap:22px;padding:0 23px 0 130px;border-bottom:1px solid #edf0f3;font-size:11px;color:#626b76;height:32px;align-items:start}.cx-google-nav b{color:#2858af;padding-bottom:10px;border-bottom:2px solid #427be3}.cx-serp-context{display:flex;gap:15px;justify-content:space-between;padding:12px 24px 8px;font-size:10px;color:#7c838d}.cx-serp-context span:last-child{color:#2d62bd}.cx-serp-results{padding:0 20px 10px;position:relative}.cx-serp-result{display:flex;gap:10px;position:relative;padding:10px 12px 11px;border-radius:12px;border:1px solid transparent;min-height:85px;background:#fff;transition:box-shadow .5s,border-color .5s,background .5s}.cx-rank{font:500 10px/1.4 var(--mono);color:#97a0af;min-width:16px;padding-top:4px}.cx-result-copy{min-width:0;flex:1}.cx-result-site{display:flex;gap:8px;align-items:center;min-width:0}.cx-result-site>i{display:grid;place-items:center;width:23px;height:23px;background:#f0f2f6;border-radius:50%;font-size:15px;font-style:normal;color:#8d99ac;flex-shrink:0}.cx-result-site>div{min-width:0}.cx-result-site b{font-size:11px;font-weight:400;display:block;line-height:1.25}.cx-result-site span{font-size:9px;color:#5b6674;display:block;line-height:1.3}.cx-result-title{font-size:17px;line-height:1.25;color:#1a0dab;margin-top:5px!important}.cx-result-desc{font-size:11px;line-height:1.5;color:#4d5156;margin-top:4px!important}.cx-serp-result:not(.cx-serp-own) .cx-result-desc{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.cx-serp-result:nth-child(n+4):not(.cx-serp-own){min-height:66px;padding-block:7px}.cx-serp-result:nth-child(n+4):not(.cx-serp-own) .cx-result-desc{display:none}.cx-serp-result:nth-child(n+4):not(.cx-serp-own) .cx-result-title{font-size:15px}.cx-serp-own{border-color:#84a6ff;background:linear-gradient(110deg,#f6faff,#fff);box-shadow:0 8px 22px -13px #315cf677;min-height:109px;z-index:4}.cx-serp-own .cx-result-site>i{background:#315cf6;color:white}.cx-serp-own .cx-rank{color:#315cf6;font-weight:500}.cx-your-company{margin-left:auto;white-space:nowrap;color:#285bd4;font:600 10px/1.3 var(--sans);padding:5px 8px;background:#eaf0ff;border-radius:99px}.cx-serp-finale{display:flex;align-items:center;gap:9px;padding:14px 21px;background:#eff5ff;border-top:1px solid #dbe7ff;color:#345b9c;font:600 11px/1.5 var(--sans)}.cx-serp-finale>span{color:#315cf6;font-size:18px}.cx-demo-note{margin-top:12px;max-width:740px;font-size:10px}.cx-rise-scene{position:relative;min-height:1700px}.cx-rise-layout{display:grid;grid-template-columns:.72fr 1.35fr;gap:50px;align-items:start}.cx-rise-copy{display:grid;gap:150px;padding:80px 0 260px}.cx-rise-copy article{max-width:350px}.cx-rise-copy strong{font-family:var(--serif);font-size:35px;line-height:1.1;display:block;font-weight:450}.cx-rise-copy p{font-size:15px;color:#b9cae6;margin-top:17px}.cx-rise-sticky{position:sticky;top:110px;align-self:start}.dark .cx-serp-caption .cx-demo-label{color:#b1c4e4}.dark .cx-serp-caption .cx-pill{background:#ffffff0d;border-color:#ffffff24;color:#c8deff}.dark .cx-demo-note{color:#acbdd8} @media(max-width:1150px){.cx-search-story{grid-template-columns:.65fr 1.35fr;gap:24px}.cx-your-company{font-size:8px}.cx-google-bar{padding-inline:15px;gap:10px}.cx-google-bar>img{width:78px}.cx-search-field{font-size:12px}.cx-google-nav{padding-left:105px}.cx-search-explainer .cx-card{padding:20px}.cx-rise-layout{gap:25px}} @media(max-width:820px){.cx-service-proof{grid-template-columns:1fr 1.2fr;gap:24px;padding:16px}.cx-service-proof h3{font-size:28px}.cx-service-proof .cx-photo img{height:260px}.cx-search-story{grid-template-columns:1fr}.cx-search-explainer{grid-template-columns:1fr 1fr}.cx-search-explainer>.cx-note{grid-column:1/-1}.cx-google-bar>img{width:90px}.cx-google-nav{padding-left:125px}.cx-your-company{font-size:10px}.cx-rise-layout{grid-template-columns:1fr}.cx-rise-copy{display:none}.cx-rise-scene{min-height:1400px}.cx-rise-sticky{top:103px}} @media(max-width:540px){.cx-service-proof{grid-template-columns:1fr;padding:14px;gap:21px}.cx-service-proof h3{font-size:27px}.cx-service-proof .cx-photo img{height:210px}.cx-search-explainer{grid-template-columns:1fr}.cx-search-explainer .cx-card{display:grid;grid-template-columns:64px 1fr;gap:0 12px}.cx-search-explainer .cx-card .cx-drawing{grid-row:span 2;width:64px;height:64px}.cx-search-explainer h3{font-size:17px}.cx-search-explainer p{grid-column:2;font-size:13px}.cx-serp-caption{gap:8px}.cx-serp-caption .cx-pill{font-size:8px;padding:7px 9px}.cx-demo-label{font-size:8px}.cx-serp{border-radius:16px}.cx-google-bar{padding:16px 12px 10px;flex-wrap:wrap;gap:10px}.cx-google-bar>img{width:75px}.cx-google-avatar{margin-left:auto;order:1;width:25px;height:25px}.cx-search-field{order:2;flex-basis:100%;font-size:12px;min-height:39px;padding:9px 13px}.cx-google-nav{padding-left:14px;gap:23px;font-size:10px;height:31px}.cx-serp-context{padding:10px 13px 6px;font-size:8px;gap:6px}.cx-serp-results{padding:0 7px 8px}.cx-serp-result{padding:8px 7px;gap:5px;min-height:82px}.cx-rank{min-width:12px;font-size:9px}.cx-result-title{font-size:15px}.cx-result-desc{font-size:10px}.cx-result-site b{font-size:10px}.cx-result-site span{font-size:8px;overflow-wrap:anywhere}.cx-result-site>i{width:20px;height:20px;font-size:13px}.cx-your-company{font-size:8px;padding:4px 5px;position:absolute;right:6px;top:-10px;border:1px solid #b9ceff}.cx-serp-own{padding-top:14px;min-height:120px;margin-top:8px}.cx-serp-result:nth-child(n+4):not(.cx-serp-own){min-height:61px}.cx-serp-result:nth-child(n+4):not(.cx-serp-own) .cx-result-title{font-size:13px}.cx-serp-finale{padding:11px 13px;font-size:10px}.cx-demo-note{font-size:9px}.cx-rise-scene{min-height:1600px}.cx-rise-sticky{top:90px}} .cx-inbox-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:13px}.cx-inbox-caption>span:last-child{font-size:10px;color:#6e7e96}.cx-inbox{background:#fff;border:1px solid #ccd8e8;border-radius:22px;overflow:hidden;box-shadow:0 27px 80px -40px #14315a70;font-family:'Segoe UI',Arial,sans-serif;color:#242424;position:relative}.cx-outlook-top{display:flex;align-items:center;gap:20px;min-height:55px;padding:10px 20px;background:#f5f8fc;border-bottom:1px solid #e5ebf4}.cx-app-launcher{font-size:27px;color:#617086;width:21px}.cx-outlook-brand{display:flex;align-items:center;gap:9px}.cx-outlook-brand img{width:25px;height:24px;flex-shrink:0}.cx-outlook-brand b{font-size:19px;font-weight:600;color:#086ac6}.cx-outlook-search{margin-left:55px;width:min(520px,45%);background:#edf2f8;border:1px solid #d9e4ee;border-radius:5px;display:flex;gap:12px;align-items:center;padding:6px 14px;color:#59718d;font-size:20px;line-height:1.2}.cx-outlook-search>span{font-size:12px}.cx-outlook-company{margin-left:auto;width:30px;height:30px;border-radius:50%;background:#dfebff;display:grid;place-items:center;color:#1d568f;font-size:11px;font-weight:600}.cx-outlook-ribbon{display:flex;align-items:center;gap:30px;min-height:38px;background:#f8fafc;padding:0 24px 0 67px;font-size:12px;border-bottom:1px solid #e3e8ee}.cx-outlook-ribbon b{font-weight:600;border-bottom:3px solid #0874cc;padding:8px 0 6px}.cx-outlook-ribbon>span:first-child{margin-right:8px;color:#697789}.cx-outlook-actions{display:flex;align-items:center;gap:22px;padding:8px 16px 8px 67px;font-size:11px;color:#67798a;background:#f8fafc;border-bottom:1px solid #dce5ee;line-height:1.3}.cx-outlook-actions b{font-weight:500;background:#0876cf;color:white;padding:8px 12px;border-radius:4px}.cx-outlook-actions i{margin-left:auto;font-style:normal;font-size:19px}.cx-inbox-body{display:grid;grid-template-columns:47px 175px minmax(260px,.85fr) minmax(330px,1.25fr);min-height:590px}.cx-outlook-apps{background:#f2f5f9;border-right:1px solid #dfe6ee;display:flex;flex-direction:column;align-items:center;gap:24px;padding-top:19px;color:#557391;font-size:21px}.cx-outlook-apps b{color:#0672d2;font-size:20px;border-left:3px solid #147bd4;width:100%;text-align:center}.cx-outlook-folders{padding:20px 8px;background:#f7f9fc;border-right:1px solid #dfe6ee;font-size:11px}.cx-outlook-folders>strong{display:block;padding-inline:8px;font-size:13px}.cx-outlook-folders>small{font-size:9px;display:block;padding:4px 8px;color:#758194}.cx-outlook-folders>p{font-size:11px;padding:14px 8px 8px;margin:0;font-weight:600}.cx-outlook-folders>b{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:600;background:#dfedff;color:#175e9e;padding:12px 8px;border-radius:4px;gap:5px;white-space:nowrap}.cx-outlook-folders>b>span{font-size:9px}.cx-outlook-folders>span{display:flex;justify-content:space-between;padding:10px 8px;font-size:10px;color:#5b6a7c}.cx-outlook-folders i{font-style:normal}.cx-mail-column{border-right:1px solid #dce4ed;min-width:0}.cx-mail-list-head{height:42px;padding:0 17px;display:flex;align-items:center;gap:18px;font-size:12px;border-bottom:1px solid #dfe7f0}.cx-mail-list-head>b{height:100%;padding-top:12px;border-bottom:2px solid #0b70bb;font-weight:600}.cx-mail-list-head>span{color:#7b8693}.cx-mail-list-head>i{font-style:normal;margin-left:auto;color:#67809f}.cx-mail-list{display:grid}.cx-mail-row{display:flex;position:relative;gap:7px;padding:11px 12px 11px 11px;background:#fff;color:#333;text-align:left;border-bottom:1px solid #e7ebf1;min-height:71px;font-family:inherit;transition:background .25s,border-color .25s;line-height:1.35}.cx-mail-row:hover{background:#f3f7fd}.cx-mail-row.is-active,.cx-mail-row[aria-selected=true]{background:#e7f1fe;box-shadow:inset 3px 0 #0879cf}.cx-mail-dot{width:5px;height:5px;flex-shrink:0;background:#0879cf;border-radius:50%;margin-top:5px}.cx-mail-row-copy{display:block;min-width:0;flex:1}.cx-mail-row-copy>b{font-size:11px;line-height:1.3;font-weight:600;display:block;padding-right:28px}.cx-mail-row-copy>strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11px;font-weight:600;line-height:1.35;margin-top:3px}.cx-mail-row-copy>span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#7d8794;font-size:10px;margin-top:3px;line-height:1.4}.cx-mail-row time{position:absolute;right:10px;top:12px;font-size:9px;color:#718398}.cx-mail-readers{min-width:0;background:#fff}.cx-mail-reader{padding:25px 28px 26px;border-bottom:1px solid #dfe7f0}.cx-mail-reader:last-child{border-bottom:0}.cx-reader-subject{display:flex;justify-content:space-between;gap:15px;align-items:start;padding-bottom:20px;border-bottom:1px solid #e3e9f1}.cx-reader-subject h3{font-family:'Segoe UI',Arial,sans-serif;font-weight:600;font-size:20px;line-height:1.4;color:#273545;letter-spacing:0}.cx-reader-tools{font-size:21px;color:#7b8b9e;white-space:nowrap}.cx-reader-person{display:flex;gap:12px;align-items:center;margin-top:21px}.cx-mail-avatar{width:39px;height:39px;display:grid;place-items:center;flex-shrink:0;background:var(--avatar,#7457a3);color:white;border-radius:50%;font:600 12px 'Segoe UI',Arial,sans-serif}.cx-reader-person>div{min-width:0}.cx-reader-person strong{display:block;font-weight:600;font-size:12px;line-height:1.5}.cx-reader-person span:not(.cx-mail-avatar){display:block;color:#6b7b90;font-size:10px;line-height:1.5;overflow-wrap:anywhere}.cx-reader-person small{display:block;font-size:10px;color:#7e8fa2;margin-top:3px}.cx-reader-body{padding:23px 0 16px 51px}.cx-reader-body>p{font:400 14px/1.85 'Segoe UI',Arial,sans-serif;color:#334257;max-width:580px}.cx-signature{border-left:2px solid #9fb8d5;margin-top:24px;padding:5px 0 5px 12px}.cx-signature strong{display:block;font-size:12px;font-weight:600}.cx-signature span{display:block;font-size:11px;color:#8492a4;margin-top:4px}.cx-reader-next{margin:9px 0 19px 51px;padding:13px 15px;border-radius:8px;background:#f3f7fd;border:1px solid #e2ebf7}.cx-reader-next>span{font:500 8px/1.4 var(--mono);letter-spacing:.09em;color:#4b7ba9}.cx-reader-next>p{font:400 11px/1.65 'Segoe UI',Arial,sans-serif;color:#5f7590;margin-top:6px}.cx-reader-reply{display:flex;gap:10px;margin-left:51px;color:#536d87;font-size:11px}.cx-reader-reply>span{border:1px solid #ced9e7;border-radius:5px;padding:7px 13px}.cx-inbox-status{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #d8e2ed;padding:9px 17px;background:#f5f8fc;color:#6c7c90;font-size:9px}.cx-inbox-status>span:first-child{display:flex;align-items:center;gap:7px}.cx-inbox-status i{width:5px;height:5px;background:#41969c;border-radius:50%}.cx-inbox[data-new-mail=true] .cx-mail-row.is-active{animation:cx-mail-arrives .65s var(--ease)}@keyframes cx-mail-arrives{from{background:#c0e7ff;transform:translateX(8px)}to{transform:none}}.cx-rise-layout{min-height:inherit}.cx-rise-section{background:radial-gradient(ellipse at 95% 50%,#17447588,transparent 55%),linear-gradient(145deg,#0b1b39,#071327)} @media(max-width:1150px){.cx-inbox-body{grid-template-columns:40px 140px minmax(240px,.85fr) minmax(300px,1.15fr)}.cx-outlook-folders{padding-inline:5px}.cx-outlook-folders>b{font-size:9px;padding-inline:6px}.cx-mail-reader{padding:22px}.cx-reader-body{padding-left:0}.cx-reader-next,.cx-reader-reply{margin-left:0}.cx-reader-subject h3{font-size:18px}.cx-reader-tools{font-size:17px}.cx-outlook-search{margin-left:20px}} @media(max-width:980px){.cx-inbox-body{grid-template-columns:38px 250px minmax(0,1fr)}.cx-outlook-folders{display:none}.cx-mail-row{min-height:78px}.cx-reader-body>p{font-size:14px;line-height:1.8}.cx-mail-reader{padding:21px 20px}.cx-inbox-caption{align-items:start;gap:15px}.cx-inbox-caption>span:last-child{max-width:240px}} @media(max-width:680px){.cx-inbox-body{grid-template-columns:1fr}.cx-outlook-apps{display:none}.cx-mail-column{border-right:0;border-bottom:1px solid #dce4ed}.cx-mail-list{display:flex;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#b1c8e8 #f3f7fc;padding-bottom:5px}.cx-mail-row{flex:0 0 235px;min-height:105px;scroll-snap-align:start;border-right:1px solid #dfe7f0}.cx-mail-row-copy>b,.cx-mail-row-copy>strong{font-size:11px}.cx-mail-row-copy>strong{-webkit-line-clamp:2}.cx-mail-list-head{height:35px}.cx-mail-list-head>b{padding-top:8px}.cx-mail-readers{min-height:450px}.cx-mail-reader{padding:22px 20px}.cx-reader-subject h3{font-size:18px}.cx-outlook-top{gap:12px;padding:10px 14px}.cx-outlook-brand b{font-size:17px}.cx-outlook-search{margin-left:auto;width:40%;min-width:90px;font-size:17px;padding:6px 10px}.cx-outlook-company{display:none}.cx-app-launcher{font-size:24px}.cx-outlook-ribbon{padding-left:19px;gap:25px}.cx-outlook-actions{padding:8px 12px;gap:13px;font-size:10px}.cx-outlook-actions>span:nth-last-of-type(1){display:none}.cx-inbox-caption{display:grid;gap:8px}.cx-inbox-caption>span:last-child{max-width:none;font-size:9px}.cx-inbox-caption .cx-pill{font-size:8px;justify-self:start}.cx-inbox{border-radius:18px}.cx-inbox-status{font-size:8px;gap:12px;padding:8px 12px}.cx-reader-person{gap:10px}.cx-reader-person span:not(.cx-mail-avatar){font-size:9px}.cx-reader-next{margin-top:4px}.cx-reader-body{padding-top:20px}.cx-reader-body>p{font-size:14px;line-height:1.8}} @media(max-width:680px){.cx-mail-row{min-width:0;width:235px;max-width:235px}} .cx-mail-list{min-width:0;grid-template-columns:minmax(0,1fr)} @media(min-width:681px){.cx-mail-row{min-width:0;width:100%;max-width:100%}} @media(max-width:350px){.cx-mail-reader{padding:18px 15px}.cx-reader-subject h3{font-size:17px}.cx-outlook-search{min-width:65px;width:35%}.cx-outlook-actions{gap:10px}.cx-outlook-actions>span{display:none}.cx-mail-reader .cx-reader-body>p{font-size:13px}.cx-inbox-status>span:last-child{max-width:120px;text-align:right}} /* The second search scene is deliberately compact: the moving company keeps its full text. */ .cx-rise-sticky,.cx-serp-shell{min-width:0;max-width:100%} @media(max-width:820px){.cx-rise-layout{grid-template-columns:minmax(0,1fr)}} @media(max-width:360px){.cx-rise-sticky .cx-serp-caption{flex-wrap:wrap;gap:5px}.cx-rise-sticky .cx-demo-label{margin-left:auto}} [data-serp-mode="rise"] .cx-google-bar{padding:10px 16px 6px;gap:12px} [data-serp-mode="rise"] .cx-google-bar>img{width:74px;flex-shrink:0} [data-serp-mode="rise"] .cx-search-field{min-height:32px;padding:7px 13px;font-size:12px;line-height:1.35} [data-serp-mode="rise"] .cx-google-nav{height:22px;font-size:10px;padding-left:102px} [data-serp-mode="rise"] .cx-google-nav b{padding-bottom:5px} [data-serp-mode="rise"] .cx-serp-context{padding:5px 16px;font-size:9px;line-height:1.35} [data-serp-mode="rise"] .cx-serp-results{display:grid;gap:0;padding:0 12px 6px} [data-serp-mode="rise"] .cx-serp-result:not(.cx-serp-own){height:40px;min-height:40px;padding:5px 9px;align-items:center} [data-serp-mode="rise"] .cx-serp-result:not(.cx-serp-own) .cx-result-title,[data-serp-mode="rise"] .cx-serp-result:not(.cx-serp-own) .cx-result-desc{display:none} [data-serp-mode="rise"] .cx-result-site>div{min-width:0} [data-serp-mode="rise"] .cx-serp-result:not(.cx-serp-own) .cx-result-site span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} [data-serp-mode="rise"] .cx-serp-own{min-height:100px;margin:0;padding:9px 11px} [data-serp-mode="rise"] .cx-serp-finale{padding:7px 16px;font-size:10px;line-height:1.4} .cx-rise-sticky .cx-serp-caption{margin-bottom:8px} .cx-rise-sticky .cx-serp-caption .cx-pill{padding:5px 8px;font-size:9px} .cx-rise-sticky .cx-demo-note{margin-top:8px;font-size:9px;line-height:1.5} .cx-serp.is-first .cx-serp-own{box-shadow:0 7px 24px -8px #315cf666;border-color:#5989ff;background:linear-gradient(110deg,#eff7ff,#fff)} .cx-serp-finale[data-active="true"]{background:linear-gradient(100deg,#315cf6,#3763cf);color:#fff} .cx-serp-finale[data-active="true"]>span{color:#b7f5ff} @media(max-width:540px){[data-serp-mode="rise"] .cx-google-bar{flex-wrap:nowrap;padding:10px 12px 6px;gap:9px}[data-serp-mode="rise"] .cx-google-bar>img{width:64px}[data-serp-mode="rise"] .cx-google-avatar{display:none}[data-serp-mode="rise"] .cx-search-field{order:0;flex-basis:0;min-width:0;min-height:44px;padding:7px 10px;font-size:11px}[data-serp-mode="rise"] .cx-google-nav{padding-left:13px;gap:20px}[data-serp-mode="rise"] .cx-serp-context{min-height:36px;padding:5px 12px;align-items:center}[data-serp-mode="rise"] .cx-serp-context span:last-child{max-width:60%;text-align:right}[data-serp-mode="rise"] .cx-serp-results{padding:0 7px 6px}[data-serp-mode="rise"] .cx-serp-own{min-height:134px;padding:14px 8px 9px}[data-serp-mode="rise"] .cx-serp-own .cx-result-title{font-size:14px;line-height:1.3}[data-serp-mode="rise"] .cx-serp-own .cx-result-desc{font-size:10px;line-height:1.45}[data-serp-mode="rise"] .cx-your-company{top:2px;right:5px;font-size:7px}[data-serp-mode="rise"] .cx-serp-finale{padding:7px 12px}} @media(max-height:680px){.cx-rise-sticky{position:relative;top:auto}.cx-rise-scene{min-height:0}.cx-rise-copy{gap:45px;padding:30px 0}.cx-rise-layout{align-items:center}} @media(prefers-reduced-motion:reduce){.cx-rise-sticky{position:relative;top:auto}.cx-rise-scene{min-height:0}.cx-rise-copy{gap:35px;padding:20px 0}.cx-serp-finale{display:flex}} /* Text is readable if enhancement cannot start; only a validated scene compacts it. */ @media(max-width:820px){.cx-rise-copy{display:grid;gap:22px;padding:0 0 24px}.cx-rise-copy article{max-width:none}.cx-rise-copy strong{font-size:27px}.cx-rise-scene:not(.is-serp-enhanced){min-height:0}.cx-rise-scene:not(.is-serp-enhanced) .cx-rise-sticky{position:relative;top:auto}.cx-rise-scene.is-serp-enhanced .cx-rise-copy{display:none}} @media(max-width:820px) and (prefers-reduced-motion:reduce){.cx-rise-scene.is-serp-enhanced .cx-rise-copy{display:grid}.cx-rise-scene.is-serp-enhanced{min-height:0}} /* Scope: constructoras interfaces. Load after the approved component styles. */ .co-serp-shell,.co-inbox-scene,.co-minisites{min-width:0} .co-serp-shell .cx-serp-caption{gap:16px;align-items:center} .co-serp-shell .cx-pill{max-width:100%;white-space:normal;line-height:1.55} .co-serp-shell .cx-demo-label{flex-shrink:0} .co-serp-shell .cx-serp-examples{flex-wrap:wrap} .co-serp-shell .cx-serp-examples button{min-height:44px;white-space:normal} .co-serp-shell .cx-demo-note{font-size:11px;line-height:1.7;max-width:78ch} .co-inbox-scene .cx-inbox-notice{position:relative;isolation:isolate;overflow:hidden;min-height:74px} .co-inbox-scene .cx-inbox-notice>div{min-width:0} .co-inbox-scene .cx-inbox-notice strong{display:block;font-size:15px;line-height:1.5} .co-inbox-scene .cx-inbox-notice>i{flex-shrink:0} .co-notice-dot{width:7px;height:7px;border-radius:50%;background:#315cf6;margin-left:auto;flex:0 0 7px;box-shadow:0 0 0 5px #315cf610} .co-inbox-scene .cx-inbox[data-new-mail=true] .cx-inbox-notice::after{content:"";position:absolute;inset:0;background:linear-gradient(108deg,transparent 30%,#fff9 48%,transparent 64%);transform:translateX(-120%);animation:co-mail-sheen 1.25s cubic-bezier(.2,.7,.2,1);pointer-events:none;z-index:-1} .co-inbox-scene .cx-inbox[data-new-mail=true] .co-notice-dot{animation:co-mail-beacon 1.1s ease-out} .co-inbox-scene .cx-mail-row-copy>strong{font-size:12px;line-height:1.55;-webkit-line-clamp:2} .co-inbox-scene .cx-mail-row-copy>b{font-size:11px;line-height:1.5} .co-inbox-scene .cx-mail-row{min-height:85px} .co-inbox-scene .cx-reader-subject h3{font-size:clamp(18px,1.7vw,24px);line-height:1.35;letter-spacing:-.015em} .co-inbox-scene .cx-reader-body{padding-top:15px;padding-bottom:14px} .co-inbox-scene .cx-reader-body>p{font-size:14px;line-height:1.8;margin:0 0 14px;max-width:65ch} .co-inbox-scene .cx-reader-person>div{min-width:0} .co-inbox-scene .cx-reader-person span:not(.cx-mail-avatar){overflow-wrap:anywhere} .co-inbox-scene .cx-reader-next>p{font-size:12px;line-height:1.7} .co-mail-context{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0 0 51px} .co-mail-context>span{font:600 10px/1.5 'Segoe UI',Arial,sans-serif;color:#35597c;background:#eff5fc;border:1px solid #dce7f3;border-radius:5px;padding:4px 8px} .co-mail-attachment{display:flex;align-items:center;gap:11px;padding:11px 13px;border:1px solid #dce3ec;border-radius:6px;background:#f8fafc;max-width:100%;width:fit-content;margin-top:18px} .co-mail-attachment>span{font-size:26px;color:#4074ab;flex-shrink:0} .co-mail-attachment>div{min-width:0} .co-mail-attachment b{display:block;font-size:11px;line-height:1.5;color:#314b68;overflow-wrap:anywhere} .co-mail-attachment small{display:block;font-size:10px;color:#6a7a8e;line-height:1.6;margin-top:2px} /* Preserve every email in normal flow without JavaScript. Reserve the maximum reader height only after successful selection enhancement to prevent jumps. */ .co-inbox-scene .cx-inbox.is-enhanced .cx-mail-readers{display:grid;grid-template-columns:minmax(0,1fr);align-items:start} .co-inbox-scene .cx-inbox.is-enhanced .cx-mail-reader{grid-area:1/1;min-width:0;align-self:stretch;display:block} .co-inbox-scene .cx-inbox.is-enhanced .cx-mail-reader[hidden]{display:block!important;visibility:hidden;pointer-events:none} .co-inbox-scene .cx-inbox.is-enhanced .cx-mail-reader:not([hidden]){visibility:visible;position:relative;z-index:1} .co-inbox-scene .cx-inbox:not(.is-enhanced) .cx-mail-reader{scroll-margin-top:130px} .co-minisites .cx-mini-tabs{grid-template-columns:repeat(4,minmax(0,1fr))} .co-minisites .cx-mini-tab{min-height:88px;gap:10px} .co-minisites .cx-mini-tab strong{font-size:14px} .co-minisites .cx-mini-tab small{font-size:10px;line-height:1.6} .co-minisites .cx-mini-tab>svg{height:42px;width:39px;flex-basis:39px;filter:drop-shadow(0 4px 5px #296ae300);transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .55s,color .4s} .co-minisites .cx-mini-tab:hover>svg,.co-minisites .cx-mini-tab:focus-visible>svg,.co-minisites .cx-mini-tab[aria-selected=true]>svg{filter:drop-shadow(0 4px 8px #296ae32a);transform:translateY(-3px);color:#315cf6} .co-minisites .cx-mini-stage{padding:0 22px 25px} .co-minisites .cx-mini-query>p{font-size:14px;line-height:1.6} .co-minisites .cx-mini-content{grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);gap:28px;min-height:395px;padding:33px 30px;background:linear-gradient(125deg,#fff 20%,#f2f6fc)} .co-minisites .cx-mini-copy h3{font-size:clamp(26px,2.2vw,35px);line-height:1.2;letter-spacing:-.04em;max-width:22ch} .co-minisites .cx-mini-copy>p{font-size:14px;line-height:1.85;color:#53677d;max-width:48ch} .co-minisites .cx-mini-overline{font-size:10px;line-height:1.65;letter-spacing:.075em} .co-minisites .cx-mini-wordmark>strong{font-size:20px;letter-spacing:.025em} .co-minisites .cx-mini-wordmark>span{font-size:8px;letter-spacing:.12em} .co-minisites .cx-mini-nav-items{font-size:12px;gap:20px} .co-minisites .cx-mini-site-button{font-size:13px;min-height:48px;border-radius:8px;background:linear-gradient(115deg,#163868,#294b7c)} .co-minisites .cx-mini-copy>small{font-size:10px;line-height:1.7;color:#63768d} .co-minisites .cx-mini-product-stage{padding:0;align-self:center;gap:10px} .co-mini-photo-wrap{position:relative;width:100%;border-radius:13px;overflow:hidden;background:#e8edf4;isolation:isolate;border:1px solid #d8e2ef} .co-mini-photo-wrap picture{display:block;width:100%} .co-mini-product-photo,.co-mini-photo-wrap img{display:block;width:100%;height:315px;object-fit:cover;object-position:center;mix-blend-mode:normal;transition:transform 1s cubic-bezier(.2,.7,.2,1)} .co-mini-photo-wrap:hover img{transform:scale(1.025)} .co-mini-photo-label{position:absolute;inset:auto 10px 10px 10px;display:block;max-width:fit-content;color:#f3f8ff;background:#0c244be6;border:1px solid #ffffff28;border-radius:6px;padding:7px 10px;font-size:10px;line-height:1.5;backdrop-filter:blur(8px)} .co-minisites .cx-mini-product-stage figcaption{font-size:10px;line-height:1.65;text-align:left;margin:0;width:100%;color:#5c7087} .co-mini-document{display:flex;align-items:center;gap:14px;margin:0 30px 24px;padding:14px 16px;background:#f4f7fc;border:1px solid #dce5f1;border-radius:9px} .co-mini-document-icon{flex:0 0 35px;height:43px;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#e5eefb);color:#34639e;border:1px solid #c9d9ed;border-radius:5px;font-size:24px} .co-mini-document>div{min-width:0} .co-mini-document strong{display:block;font-size:12px;line-height:1.55;color:#243e5f} .co-mini-document p{font-size:11px;line-height:1.65;color:#61768f;margin:4px 0 0} .co-mini-document-state{font-size:10px;line-height:1.55;color:#5f728a;margin-left:auto;flex-shrink:0;padding:5px 8px;background:#e9eff7;border-radius:5px} .co-minisites .cx-mini-capabilities{padding:24px 30px} .co-minisites .cx-mini-capabilities strong{font-size:12px;line-height:1.5} .co-minisites .cx-mini-capabilities p{font-size:11px;line-height:1.75;color:#66798f} .co-minisites .cx-mini-explanation{grid-template-columns:.58fr 1fr 1.5fr;gap:22px} .co-minisites .cx-mini-explanation-tag{font-size:9px} .co-minisites .cx-mini-explanation>strong{font-size:16px;line-height:1.55} .co-minisites .cx-mini-explanation>p{font-size:13px;line-height:1.85} .co-minisites .cx-mini-fiction{font-size:10px;line-height:1.8;padding:14px 30px;color:#566b85} .co-minisites .cx-mini-demo-label{font-size:11px;line-height:1.7} .co-minisites .cx-mini-tab:focus-visible,.co-minisites a:focus-visible,.co-serp-shell button:focus-visible,.co-inbox-scene button:focus-visible{outline:3px solid #5b83ef;outline-offset:3px} @keyframes co-mail-sheen{to{transform:translateX(120%)}} @keyframes co-mail-beacon{0%{box-shadow:0 0 0 0 #315cf633}70%{box-shadow:0 0 0 13px #315cf600}100%{box-shadow:0 0 0 5px #315cf610}} @media(max-width:1200px){.co-mail-context{margin-left:0}.co-minisites .cx-mini-nav-items{gap:12px;font-size:10px}.co-minisites .cx-mini-content{gap:20px;padding-inline:25px}.co-mini-product-photo,.co-mini-photo-wrap img{height:300px}.co-minisites .cx-mini-tab{padding-inline:10px}.co-minisites .cx-mini-tab strong{font-size:13px}.co-minisites .cx-mini-tab small{font-size:9px}} @media(max-width:980px){.co-minisites .cx-mini-content{grid-template-columns:minmax(0,1fr) minmax(0,.94fr);gap:22px}.co-minisites .cx-mini-copy h3{font-size:28px}.co-minisites .cx-mini-tab>svg{width:32px;height:35px;flex-basis:32px}.co-minisites .cx-mini-tab{gap:7px}.co-minisites .cx-mini-explanation{grid-template-columns:1fr 1.5fr}.co-minisites .cx-mini-explanation-tag{grid-column:1/-1}.co-mini-document-state{display:none}} @media(max-width:820px){.co-minisites .cx-mini-tab{flex-direction:row;align-items:center;min-height:77px}.co-minisites .cx-mini-tab small{display:none}.co-minisites .cx-mini-tab strong{font-size:11px}.co-minisites .cx-mini-content{gap:18px;padding:25px 22px}.co-minisites .cx-mini-copy h3{font-size:26px}.co-minisites .cx-mini-copy>p{font-size:13px;line-height:1.8}.co-mini-product-photo,.co-mini-photo-wrap img{height:310px}.co-minisites .cx-mini-site-button{font-size:12px;padding:12px 14px;gap:12px}.co-minisites .cx-mini-query>p{font-size:13px}.co-minisites .cx-mini-capabilities{padding-inline:22px}.co-mini-document{margin-inline:22px}.co-minisites .cx-mini-site-nav{padding-inline:22px}.co-inbox-scene .cx-inbox-notice strong{font-size:14px}} @media(max-width:680px){.co-minisites .cx-mini-content{grid-template-columns:1fr;gap:24px;min-height:0;padding:25px 20px}.co-minisites .cx-mini-copy h3{font-size:29px;max-width:25ch}.co-minisites .cx-mini-copy>p{font-size:14px;max-width:60ch}.co-mini-product-photo,.co-mini-photo-wrap img{height:auto;aspect-ratio:4/3}.co-minisites .cx-mini-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.co-minisites .cx-mini-tab{display:flex;min-height:68px;gap:9px;padding:11px}.co-minisites .cx-mini-tab strong{font-size:12px}.co-minisites .cx-mini-tab>svg{height:36px;width:34px;flex-basis:34px}.co-minisites .cx-mini-stage{padding:0 11px 19px}.co-minisites .cx-mini-explanation{grid-template-columns:1fr;gap:8px}.co-minisites .cx-mini-explanation>strong{font-size:16px}.co-minisites .cx-mini-explanation>p{font-size:13px}.co-minisites .cx-mini-query{padding-block:17px 15px}.co-minisites .cx-mini-query>p{font-size:13px}.co-minisites .cx-mini-url{font-size:8px}.co-minisites .cx-mini-wordmark>strong{font-size:18px}.co-minisites .cx-mini-wordmark>span{font-size:7px}.co-minisites .cx-mini-fiction{padding-inline:20px;font-size:10px}.co-mini-document{margin-inline:20px;gap:10px;padding:12px}.co-mini-document strong{font-size:11px}.co-mini-document p{font-size:10px}.co-minisites .cx-mini-demo-label{font-size:11px;padding-inline:15px}.co-inbox-scene .cx-mail-row{min-height:117px}.co-inbox-scene .cx-reader-body>p{font-size:14px}.co-inbox-scene .cx-inbox-notice{min-height:85px}.co-inbox-scene .cx-inbox-notice strong{font-size:13px}.co-inbox-scene .cx-reader-subject h3{font-size:21px}.co-inbox-scene .cx-reader-body{padding-top:15px}.co-serp-shell .cx-serp-caption{flex-wrap:wrap;gap:7px}.co-serp-shell .cx-demo-label{font-size:10px}.co-serp-shell .cx-demo-note{font-size:10px}} @media(max-width:360px){.co-minisites .cx-mini-copy h3{font-size:26px}.co-minisites .cx-mini-content{padding-inline:16px}.co-minisites .cx-mini-wordmark>strong{font-size:16px}.co-minisites .cx-mini-wordmark>span{font-size:6px}.co-minisites .cx-mini-nav-items>a{font-size:9px;padding:8px}.co-minisites .cx-mini-site-nav{padding-inline:15px}.co-mini-document{margin-inline:16px}.co-minisites .cx-mini-tab{padding:10px 7px;gap:5px}.co-minisites .cx-mini-tab strong{font-size:11px}.co-inbox-scene .cx-reader-subject h3{font-size:19px}.co-inbox-scene .cx-reader-body>p{font-size:13px}.co-minisites .cx-mini-url{font-size:7px}} @media(prefers-reduced-motion:reduce){.co-inbox-scene .cx-inbox-notice::after,.co-notice-dot{animation:none!important}.co-mini-photo-wrap img,.co-minisites .cx-mini-tab>svg{transition:none!important;transform:none!important}} /* V12 · editorial typography, material studies and readable interface scale. */ @font-face{font-family:Manrope;src:url(fonts/manrope-latin-wght.woff2) format('woff2');font-style:normal;font-weight:200 800;font-display:swap} @font-face{font-family:Newsreader;src:url(fonts/newsreader-latin-opsz-wght.woff2) format('woff2');font-style:normal;font-weight:200 800;font-display:swap} :root{--sans:Manrope,'Segoe UI',sans-serif;--serif:Newsreader,Georgia,serif;--mono:Consolas,monospace;--wrap:min(1376px,calc(100% - 80px));--header-bottom:100px} body{font-family:var(--sans);background:#f5f5f2} main{overflow:clip} h1,h2,h3,p,figure{margin-top:0} .section{padding:104px 0} .section h2{font-family:var(--serif);font-size:clamp(36px,3.6vw,54px);font-weight:450;line-height:1.08;letter-spacing:-.045em;max-width:960px;text-wrap:pretty} .section h3{font-family:var(--sans);letter-spacing:-.035em} .section-head{max-width:1050px;margin-bottom:48px} .section-head>p:not(.kicker){max-width:760px;font-size:16px;line-height:1.7} .kicker,.eyebrow{font-size:10px!important;font-weight:700;letter-spacing:.15em!important} .btn{min-height:52px;padding:14px 23px;line-height:1.3;font-size:13px;position:relative;isolation:isolate} .btn::after{content:'';position:absolute;inset:2px;border-radius:inherit;pointer-events:none;border-top:1px solid #ffffff55;opacity:.7} .btn-primary{background:linear-gradient(112deg,#436ef6,#3459e5 55%,#468fae);box-shadow:0 8px 18px -9px #315cf6aa,inset 0 -1px 1px #10236555} .btn-outline{border:1px solid #a9b8d2;background:#ffffff80;color:#122546;box-shadow:0 2px 3px #16244708} .btn-outline:hover{background:#fff;border-color:#456ae5;box-shadow:0 8px 18px -12px #183b79} .btn:focus-visible{outline:3px solid #7897ff;outline-offset:4px} .topbar{top:16px;height:72px}.nav-shell{position:relative;max-width:1376px;border-radius:22px;padding-inline:20px 10px;background:linear-gradient(112deg,#0b1324f5,#060c1af5 65%,#16294df0);box-shadow:inset 0 1px #afcaff36,0 16px 44px -24px #020b27} .topbar.scrolled .nav-shell{background:linear-gradient(112deg,#0b1324fa,#060c1afa 65%,#16294dfa)} .navlinks{gap:24px}.navlinks>a,.nav-parent{font-size:12px}.brand-copy b{font-size:19px;letter-spacing:-.05em}.brand-copy small{font-size:7px;letter-spacing:.25em} .nav-drop{position:static}.nav-menu.cx-mega{left:auto;right:0;top:calc(100% + 10px);transform:translateY(-8px);max-width:calc(100vw - 80px);width:980px;background:#0b1427f9;border-radius:20px;box-shadow:0 24px 70px #0004;backdrop-filter:blur(20px)} .nav-drop:hover .nav-menu.cx-mega,.nav-drop:focus-within .nav-menu.cx-mega{transform:translateY(0)} .nav-menu::before{height:18px;top:-18px}.cx-mega b{font-size:12px}.cx-mega span{font-size:11px;line-height:1.5}.cx-mega-title{font-size:10px}.cx-mega a{border-radius:10px} .mobile-nav{visibility:hidden}.nav-open .mobile-nav{visibility:visible}.v12-motion{position:fixed;right:15px;bottom:15px;top:auto;width:35px;height:35px;border:1px solid #bbc8e238;display:grid;place-items:center;border-radius:50%;background:#122139ee;color:#fff;box-shadow:0 3px 12px #0002;cursor:pointer}.v12-motion svg{width:17px;height:17px} .hero{height:auto;min-height:0;padding:calc(var(--header-bottom) + 60px) 0 94px;background:#050b16} .hero-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(35px,5vw,76px);align-items:center;padding:0} .hero h1{font-family:var(--serif);font-size:clamp(48px,4.6vw,67px);line-height:1.04;letter-spacing:-.048em;font-weight:420;max-width:620px;margin:22px 0 24px} .hero h1 em{font-style:normal;color:#a8c0f7} .v12-hero-statement{font-size:clamp(22px,2vw,28px);line-height:1.28;max-width:440px;color:#ecf2ff;font-weight:500;letter-spacing:-.035em;margin-bottom:18px} .hero-lede{font-size:16px;line-height:1.8;max-width:490px;color:#b4c0d5;margin:0 0 25px} .hero-actions{gap:10px}.hero-actions .btn{white-space:nowrap}.btn-quiet{font-size:12px} .assurance{display:flex;flex-direction:column;gap:12px;margin-top:28px}.assurance span,.assurance span+span{display:flex;gap:12px;align-items:center;padding:0;border:0;font-size:11px;color:#a6b6cf}.assurance b{margin:0;font-size:10px;color:#769cff} .cx-scroll{bottom:24px}.hero .nebula{opacity:.22}.hero .galaxy-ribbon{opacity:.14}.hero-noise{opacity:.15} .v12-hero-demo{position:relative;min-width:0;width:100%;max-width:735px;margin-left:auto;--scene:0} .v12-demo-heading{display:flex;justify-content:space-between;gap:14px;color:#a5b4ca;font-size:10px;letter-spacing:.06em;margin:0 3px 14px}.v12-demo-heading b{color:#cedbff;font-weight:600} .v12-search{display:flex;align-items:center;gap:18px;background:#fff;border:1px solid #e5eaf2;border-radius:16px;padding:18px 22px;box-shadow:0 14px 32px -16px #0007;color:#1f2636;position:relative;z-index:2} .v12-search>img{width:76px;height:auto;flex-shrink:0}.v12-search>div{flex:1;min-width:0}.v12-search small{display:block;color:#7a8494;font-size:9px;margin-bottom:4px}.v12-search strong{font:400 14px/1.45 Arial,sans-serif;display:block;min-height:22px}.v12-search>span{font-size:25px;color:#758093} .v12-thread{height:30px;display:flex;align-items:center;justify-content:center;gap:10px;color:#a2b4da;font-size:9px;letter-spacing:.03em;position:relative}.v12-thread i{width:22px;height:1px;background:#6d8bda} .v12-browser{background:#fff;border:1px solid #d5dce8;border-radius:15px;box-shadow:0 2px 0 #798ba544,0 4px 0 #5d73832a,0 16px 45px #0004;color:#1c2d40;overflow:hidden;transition:box-shadow .6s,transform .6s} .v12-browser-bar{height:32px;border-bottom:1px solid #dfe5ed;background:#f2f4f6;display:flex;align-items:center;padding:0 14px;gap:14px;color:#8691a0;font-size:9px}.v12-browser-bar>span:first-child{letter-spacing:3px;font-size:7px}.v12-browser-bar>span:nth-child(2){flex:1;text-align:center;color:#738091}.v12-browser-bar i{font-style:normal} .v12-mini-nav{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 9px;font-size:10px}.v12-mini-nav b{font-size:14px;letter-spacing:-.04em}.v12-mini-nav b i{color:#496aec;font-style:normal;margin-right:5px}.v12-mini-nav>span{color:#8190a2;font-size:9px} .v12-mini-body{display:grid;grid-template-columns:1fr .92fr;align-items:center;gap:20px;padding:15px 22px 19px;min-height:218px}.v12-mini-body small{display:block;font-size:8px;letter-spacing:.09em;color:#607493;font-weight:700}.v12-mini-body strong{font-family:var(--serif);font-size:30px;font-weight:480;letter-spacing:-.04em;line-height:1.06;display:block;margin:9px 0}.v12-mini-body p{font-size:10px;line-height:1.6;color:#687585;margin-bottom:13px}.v12-fake-button{display:inline-flex;align-items:center;gap:13px;background:#1d3346;color:#fff;font-size:9px;font-weight:600;border-radius:6px;padding:9px 12px}.v12-fake-button i{font-style:normal} .v12-product-plinth{position:relative;isolation:isolate;min-width:0;min-height:175px;border:1px solid #dfdfd8;border-radius:11px;background:radial-gradient(ellipse at 30% 10%,#fefdf8,#edeee8 70%,#e3e5df);display:grid;place-items:center;overflow:hidden} .v12-product-plinth::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#d6d9d240,transparent 45%);border-bottom:15px solid #d2d4cc20} .v12-product{width:100%;height:auto;overflow:visible;transition:transform .65s cubic-bezier(.22,.7,.2,1)} .v12-mini-proof{border-top:1px solid #e4e8ec;display:flex;gap:13px;justify-content:space-between;padding:11px 22px;background:#fafbf9;font-size:8px;color:#6f7d88}.v12-mini-proof span::before{content:'✓';color:#447254;margin-right:5px} .v12-notification{position:relative;margin:17px 0 0 26px;border:1px solid #dce4f1;padding:16px 20px;background:linear-gradient(120deg,#fff,#ecf1f9);border-radius:15px;box-shadow:0 3px 4px #0002,0 16px 32px #0003;min-height:129px;color:#1b2b41} .v12-notice-head{display:flex;align-items:center;gap:8px;font-size:9px;color:#5d6d82;margin-bottom:9px}.v12-notice-head img{width:19px;height:18px}.v12-notice-head i{margin-left:auto;font-style:normal;font-size:8px}.v12-notification>strong{display:block;font-size:14px;font-weight:700;line-height:1.4;padding-right:45px}.v12-notification>p{font-size:11px;line-height:1.6;margin:7px 0 0;max-width:91%;color:#617086}.v12-unread{position:absolute;right:16px;top:51px;color:#2476c4;font-size:8px;font-weight:600}.v12-unread::before{content:'';width:4px;height:4px;background:#2586dc;border-radius:50%;display:inline-block;margin-right:5px} .v12-demo-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:12px;gap:12px;color:#899dbd;font-size:8px}.v12-demo-dots{display:flex;gap:2px}.v12-demo-dots button{width:27px;height:28px;padding:8px;border:0;background:none;cursor:pointer}.v12-demo-dots span{width:7px;height:7px;border-radius:50%;background:#5a6c8a;display:block;transition:background .4s,transform .4s}.v12-demo-dots button[aria-pressed=true] span{background:#b1d9fb;transform:scale(1.3)} @media(hover:hover){.v12-browser:hover{transform:translateY(-3px);box-shadow:0 3px 0 #8493a955,0 22px 52px #0005}.v12-product-plinth:hover .v12-product,.cx-mw:hover .v12-product{transform:translateY(-4px) scale(1.04)}} .v12-section-heading{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.75fr);gap:65px;align-items:end;margin-bottom:48px}.v12-section-heading h2{margin-bottom:0;max-width:800px}.v12-section-heading>div>p:not(.kicker){font-size:15px;line-height:1.75;color:#657084;max-width:460px;margin:0 0 18px} .v12-search-section{background:#fafbf9}.v12-search-layout{display:grid;grid-template-columns:minmax(260px,.63fr) minmax(0,1.37fr);gap:70px;align-items:start} .v12-search-aside{padding-top:34px;position:sticky;top:130px}.v12-margin-number{font:10px var(--mono);color:#6080be;letter-spacing:.1em}.v12-search-aside h3{font-family:var(--serif);font-size:34px;font-weight:450;line-height:1.1;letter-spacing:-.035em;margin:25px 0 20px}.v12-search-aside>p{font-size:14px;color:#6f7785;line-height:1.8}.v12-search-aside ol{padding:0;margin:30px 0;list-style:none;counter-reset:steps}.v12-search-aside li{counter-increment:steps;border-top:1px solid #dbe1e8;position:relative;padding:17px 0 17px 40px}.v12-search-aside li::before{content:'0' counter(steps);font:10px var(--mono);position:absolute;left:0;top:22px;color:#5c7cb7}.v12-search-aside li b{font-size:14px;display:block}.v12-search-aside li span{font-size:12px;color:#758091;display:block;margin-top:4px} .v12-text-link{display:flex;align-items:center;gap:20px;font-size:12px;font-weight:700;color:#375bc5}.v12-text-link svg{width:20px} .cx-serp-examples{display:flex;flex-wrap:wrap;gap:6px;padding:14px 18px;background:#fff;border-top:1px solid #e2e7f0}.cx-serp-examples button{font:600 10px/1.3 var(--sans);padding:9px 12px;background:#f5f7fb;border:1px solid #dce4f0;border-radius:20px;cursor:pointer;color:#4c5f7b;transition:background .3s,color .3s}.cx-serp-examples button[aria-pressed=true]{background:#1c3c87;color:#fff;border-color:#1c3c87} .cx-serp-results{max-height:550px;overflow:hidden}.cx-serp:not(.is-enhanced) .cx-serp-results{max-height:none}.cx-serp.is-positioned .cx-serp-results{height:550px!important;min-height:550px!important}.cx-serp.is-positioned .cx-serp-own{transition:box-shadow .5s,border-color .5s!important} .cx-serp-own{min-height:137px;margin:4px 0;padding:15px 16px}.cx-your-company{position:relative!important;top:auto!important;right:auto!important;display:inline-flex;font-size:11px!important;padding:6px 10px!important;margin:0 0 9px;background:#e7f0ff}.cx-result-title{font-size:19px}.cx-result-desc{font-size:12px}.cx-serp-result:not(.cx-serp-own) .cx-result-title{font-size:15px}.cx-serp-result:not(.cx-serp-own){min-height:73px}.cx-result-site span{font-size:10px}.cx-result-site b{font-size:12px}.cx-serp-finale>p{font:12px/1.5 var(--sans);margin:0}.cx-serp-finale{min-height:63px}.cx-demo-note{font-size:10px;line-height:1.7;color:#768299}.cp4-cycle{display:flex;justify-content:space-between;gap:12px;padding:10px 19px;font:10px/1.5 var(--sans);color:#68768b;background:#f3f6fc}.cp4-cycle-count{white-space:nowrap}.cp4-cycle button{background:none;border:0;color:#3257c5;cursor:pointer} .v12-mail-section{background:#eef2f6}.cx-inbox-caption{font-size:11px}.cx-inbox-caption .cx-pill{font-size:12px;font-weight:600}.cx-inbox-scene{margin-top:20px}.cx-reader-subject h3{font-family:var(--sans);font-size:23px;line-height:1.27}.co-mail-context{display:flex;gap:8px;font-size:10px;padding:10px 24px;background:#f6f9fd;color:#486c96}.co-mail-context span+span{padding-left:8px;border-left:1px solid #c7d4e7}.co-mail-attachment{display:flex;gap:10px;align-items:center;max-width:360px;padding:12px;border:1px solid #dbe3ed;border-radius:6px;background:#f7faff;margin-top:16px}.co-mail-attachment>span{font-size:28px;color:#466da3}.co-mail-attachment b{font-size:12px;display:block;overflow-wrap:anywhere}.co-mail-attachment small{font-size:10px;color:#7890a9}.cx-reader-body p{font-size:14px;line-height:1.85}.cx-mail-row-copy strong{font-size:12px;line-height:1.45}.cx-reader-next p{font-size:11px} .system-section{background:#f7f5f0}.cx-lever-pages{grid-template-columns:.83fr 1.17fr;gap:35px;padding:36px}.cx-lever-copy>p{font-size:14px}.cx-lever-copy>strong{font-size:12px}.cx-lever-id h3{font-size:22px;line-height:1.2}.cx-lever-id small{font-size:10px} .cx-proofs{min-height:430px}.cx-mw{left:0;right:25px;top:55px;border-radius:12px}.cx-mw[data-pos="0"]{transform:translate3d(0,0,0)}.cx-mw[data-pos="1"]{transform:translate3d(12px,-18px,0) rotate(1.3deg) scale(.97)}.cx-mw[data-pos="2"]{transform:translate3d(23px,-35px,0) rotate(2.8deg) scale(.94)}.cx-mw-hero{grid-template-columns:1fr 1fr;gap:18px;padding-top:18px}.cx-mw-hero b{font-family:var(--serif);font-size:29px;font-weight:470;line-height:1.05}.cx-mw-hero small{font-size:8px}.cx-mw-hero p{font-size:11px}.cx-mw-art{height:175px;background:linear-gradient(130deg,#fafaf5,#e6e8e1);border:1px solid #e1e4dc}.cx-mw-art::after{display:none}.cx-mw-specs span{font-size:10px}.cx-mw-specs small{font-size:8px}.cx-mw-hero .cx-bbtn{font-size:9px;height:auto;padding:9px}.cx-bnav .cx-blogo{font-size:12px}.cx-bbar .cx-url{font-size:9px}.cx-mw-chips .cx-chip{height:auto;min-height:34px;font-size:10px}.cx-lever-ads,.cx-lever-seo{padding:32px}.cx-adserp{width:100%;padding:20px}.cx-adq{font-size:11px}.cx-ad p{font-size:15px}.cx-ad em{font-size:11px}.cx-ad small,.cx-ad-src{font-size:10px}.cx-campaign{width:210px;bottom:0;transform:none}.cx-adviz{min-height:310px}.cx-gsc-head{font-size:11px}.cx-gsc-kpis b{font-size:27px}.cx-gsc-kpis small{font-size:10px}.cx-gsc-chart{height:175px}.cx-gsc-axis{font-size:10px}.cx-camp-foot{font-size:9px}.v12-section-footer{display:flex;justify-content:space-between;align-items:center;gap:40px;padding-top:32px;margin-top:5px}.v12-section-footer>p{font-size:14px;color:#697484;max-width:650px;margin:0} .ai-section{background:#fff}.ai-grid{gap:65px;align-items:center}.ai-copy>p{font-size:15px;line-height:1.8}.cx-signal b{font-size:14px}.cx-signal small{font-size:12px;line-height:1.7}.ai-honesty{font-size:12px!important;margin-bottom:25px}.cx-chat-user{font-size:14px}.cx-chat-thread{min-height:370px}.cx-chat-answer{font-size:13px}.cx-chat-answer li{font-size:12px;line-height:1.75}.cx-chat-head{padding:20px}.cx-chat-tabs span{font-size:12px}.cx-chat-head>em{font-size:9px}.cx-chat-input{font-size:12px}.v12-disclosure{font-size:9px!important;line-height:1.7!important;color:#788397;margin:13px 2px}.cx-chat-tabs i,.cx-chat-ai{display:none} .cx-method{background:#0a1326}.cx-method-grid{gap:75px}.cx-step{min-height:220px;padding:27px 0;opacity:.7}.cx-step:focus,.cx-step:hover{opacity:1}.cx-step h3{font-size:23px}.cx-step p{font-size:14px;color:#b4bfd3;line-height:1.75}.cx-report-col{top:130px}.cx-report{transform:rotate(-.5deg);padding:32px 30px 85px}.cx-rep-head b{font-size:16px}.cx-rep-head small{font-size:10px}.cx-rep-table{font-size:12px}.cx-rep-table th,.cx-rep-table em{font-size:9px}.cx-rep-h{font-size:10px}.cx-rep-comp li,.cx-rep-plan li{font-size:11px}.cx-rep-comp li em{font-size:10px}.cx-report .cx-stamp{bottom:18px;right:24px}.cx-stamp span{font-size:14px}.cx-stamp small{font-size:8px}.cx-fine{font-size:10px;line-height:1.7}.cx-step-end .method-note{font-size:12px} .herga-case{scroll-margin-top:110px}.v12-herga-section{padding:85px 0 78px;background:radial-gradient(ellipse at 80% 15%,#182d4b80,transparent 65%),#091426;border-top:1px solid #acc6ed14;border-bottom:1px solid #acc6ed1c}.cx-faq .faq-q span,.cx-faq .faq-item.open .faq-q span,.cx-faq .faq-q:hover span{color:#eff4ff} .owner-section .owner-layout{align-items:center}.owner-copy>p{font-size:15px}.owner-copy h2{font-size:46px}.cx-business{font-family:var(--sans)} .cx-faq{background:#0a1429;color:#edf3ff}.cx-faq .faq-title{top:130px}.cx-faq h2{font-size:47px}.cx-faq .faq-title>p:not(.kicker){color:#a9b7cf;font-size:14px}.cx-faq .faq-item{border-color:#ffffff25}.cx-faq .faq-q{color:#eff4ff;font-size:16px;padding-block:23px;text-align:left;line-height:1.45;gap:20px}.cx-faq .faq-a p{color:#afbed6;font-size:14px;line-height:1.8;padding:0 22px 23px 0}.cx-faq .faq-q i{border-color:#789bff4d;background:#122540;flex-shrink:0}.cx-faq .faq-q i::before,.cx-faq .faq-q i::after{background:#91b5ff}.cx-faq .faq-item.open{background:linear-gradient(110deg,#12214280,transparent)}.cx-faq .faq-a{transition:grid-template-rows .5s cubic-bezier(.2,.75,.2,1),opacity .4s}.cx-faq .faq-h{margin:0} .contact{padding:110px 0 100px}.contact h2{font-size:52px;max-width:540px}.contact-copy>p{font-size:15px;line-height:1.8}.contact-email{font-size:17px;overflow-wrap:anywhere}.contact-copy>.response{font-size:12px}.contact-form{padding:32px}.field label{font-size:12px}.field input,.field textarea{font-size:14px;min-height:49px}.form-assurance{font-size:10px}.v12-privacy{font-size:11px;color:#94a9cb;line-height:1.6;margin:18px 0 12px}.v12-privacy a{text-decoration:underline;text-underline-offset:3px}.form-feedback{font-size:13px}.cx-preview{margin-top:28px}.cx-preview-head b{font-size:11px}.cx-preview-head em{font-size:9px}.cx-preview-mail p{font-size:12px}.footer-links{font-size:11px} .v12-safe-reveal .reveal{opacity:1!important;transform:none!important}.v12-safe-reveal .kicker::before{transform:none!important} html:not(.js) .faq-a{grid-template-rows:1fr;opacity:1}html:not(.js) .cx-chat-answer,html:not(.js) .cx-chat-src{opacity:1;transform:none}html:not(.js) .cx-mw:not(:first-child){display:none}html:not(.js) .cx-mw:first-child{position:relative;left:0;right:0;top:0}html:not(.js) .cx-step{opacity:1}html:not(.js) .cx-report .cx-rep-sec{opacity:1;transform:none} [data-cx-motion-state="paused"] *,[data-cx-motion-state="paused"] *::before,[data-cx-motion-state="paused"] *::after{animation-play-state:paused!important} @media(max-width:1180px){:root{--wrap:calc(100% - 56px)}.hero-layout{gap:30px;grid-template-columns:.9fr 1.1fr}.hero h1{font-size:54px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-actions .btn{width:auto}.v12-mini-body{gap:12px;padding:15px 17px}.v12-mini-body strong{font-size:27px}.v12-search-layout{gap:35px;grid-template-columns:.65fr 1.35fr}.v12-section-heading{gap:35px}.cx-lever-pages{padding:28px;gap:25px}.cx-mw-hero b{font-size:24px}.cx-mw-art{height:145px}.cx-mw-specs{gap:5px}.cx-mw-specs span{padding:8px;font-size:9px}.ai-grid{grid-template-columns:1fr 1fr;gap:35px}.cx-method-grid{gap:40px}.cx-rep-table{font-size:11px}.faq-layout{grid-template-columns:.8fr 1.2fr;gap:40px}.contact-grid{grid-template-columns:1fr 1fr;gap:35px}} @media(max-width:960px){.hero-layout{grid-template-columns:1fr;gap:45px}.hero-copy{max-width:720px}.hero h1{font-size:64px;max-width:640px}.v12-hero-statement{max-width:660px;font-size:26px}.hero-lede{max-width:690px}.hero-actions{flex-direction:row;align-items:center}.assurance{flex-direction:row;flex-wrap:wrap;gap:16px}.assurance span{font-size:10px}.v12-hero-demo{max-width:730px;margin-inline:auto}.v12-section-heading{grid-template-columns:1fr 1fr;gap:30px}.section h2{font-size:41px}.v12-search-layout{grid-template-columns:1fr}.v12-search-aside{position:static;display:grid;grid-template-columns:1fr 1fr;gap:15px 30px;padding:0}.v12-search-aside .v12-margin-number{display:none}.v12-search-aside h3{margin:0;font-size:30px}.v12-search-aside>p{margin:0}.v12-search-aside ol{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:10px 0}.v12-search-aside li{padding-left:30px}.v12-search-aside .v12-text-link{grid-column:1/-1}.cx-lever-pages{grid-template-columns:1fr}.cx-proofs{min-height:425px;max-width:630px;width:100%;margin:auto}.cx-mw-hero b{font-size:32px}.cx-mw-art{height:190px}.cx-lever-copy>p{max-width:none}.cx-lever-id h3{font-size:21px}.cx-lever-ads,.cx-lever-seo{padding:25px}.cx-lever-id{align-items:start}.cx-lever-id .cx-glyph{width:43px;height:43px;flex-basis:43px}.cx-adviz{min-height:335px}.cx-gsc-kpis b{font-size:21px}.ai-grid,.cx-method-grid{grid-template-columns:1fr}.cx-chat{max-width:660px;width:100%;margin:35px auto 0}.cx-chat-thread{min-height:350px}.cx-method-grid{gap:40px}.cx-steps{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.cx-step{min-height:235px;opacity:1}.cx-step-end{grid-column:1/-1}.cx-report-col{position:relative;top:auto;max-width:670px;width:100%;margin:auto}.cx-report{max-width:none}.cx-rep-table{font-size:13px}.cx-rep-comp li,.cx-rep-plan li{font-size:12px}.faq-layout{grid-template-columns:1fr;gap:30px}.cx-faq .faq-title{position:static}.cx-faq .faq-title h2{font-size:43px;max-width:650px}.contact-grid{grid-template-columns:1fr}.contact-copy{max-width:690px}.contact-form{max-width:730px;width:100%}.contact h2{max-width:620px}.cx-preview{max-width:620px}.v12-section-footer{align-items:flex-start}.v12-section-footer .btn{flex-shrink:0}} @media(max-width:600px){:root{--wrap:calc(100% - 36px)}.section{padding:70px 0}.topbar{top:9px;height:62px}.nav-shell{padding-inline:12px 7px;border-radius:18px}.brand-copy b{font-size:17px}.brand-copy small{font-size:6px}.brand-mark{width:36px;height:36px}.hero{padding:calc(var(--header-bottom) + 33px) 0 65px}.hero h1{font-size:47px;line-height:1.06;letter-spacing:-.046em;margin:18px 0 20px}.v12-hero-statement{font-size:24px;line-height:1.3}.hero-lede{font-size:14px;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:10px}.hero-actions .btn{min-height:47px;padding:13px 17px;font-size:12px}.assurance{flex-direction:column;gap:9px;margin-top:23px}.hero-layout{gap:34px}.v12-demo-heading{font-size:8px;gap:8px}.v12-search{padding:15px 13px;gap:11px;border-radius:12px}.v12-search>img{width:57px}.v12-search small{font-size:8px}.v12-search strong{font-size:12px;line-height:1.45}.v12-search>span{display:none}.v12-thread{height:27px;font-size:8px}.v12-browser-bar{font-size:7px;padding-inline:9px;gap:6px}.v12-mini-nav{padding:14px 13px 5px}.v12-mini-nav b{font-size:12px}.v12-mini-nav>span{font-size:7px}.v12-mini-body{grid-template-columns:1.1fr .9fr;padding:14px 13px 17px;gap:11px;min-height:205px}.v12-mini-body strong{font-size:23px;line-height:1.07}.v12-mini-body small{font-size:7px}.v12-mini-body p{font-size:9px;line-height:1.65;margin-bottom:10px}.v12-fake-button{font-size:8px;padding:8px;gap:6px}.v12-product-plinth{min-height:142px;border-radius:8px}.v12-mini-proof{font-size:6.6px;gap:5px;padding:10px 12px}.v12-mini-proof span::before{margin-right:3px}.v12-notification{margin-left:10px;padding:14px 14px 15px;min-height:149px}.v12-notification>strong{font-size:13px;line-height:1.45;padding-right:0}.v12-notice-head{font-size:8px;gap:6px}.v12-notice-head img{width:17px;height:16px}.v12-unread{display:none}.v12-notification>p{font-size:10px;max-width:100%;line-height:1.65}.v12-demo-bottom{font-size:7px;gap:5px}.v12-demo-dots button{width:23px;padding:7px}.v12-section-heading{grid-template-columns:1fr;gap:21px;margin-bottom:30px}.section h2{font-size:36px;line-height:1.09}.v12-section-heading>div>p:not(.kicker){font-size:14px;max-width:none}.v12-search-aside{display:block}.v12-search-aside h3{font-size:29px;margin:0 0 16px}.v12-search-aside>p{font-size:13px}.v12-search-aside ol{grid-template-columns:1fr;display:block;margin:24px 0 18px}.v12-search-aside li{padding:12px 0 12px 32px}.v12-search-aside li::before{top:16px}.v12-search-aside li b{font-size:13px}.v12-search-aside li span{font-size:11px}.v12-search-layout{gap:27px}.cx-serp.is-positioned .cx-serp-results{height:510px!important;min-height:510px!important}.cx-serp-context{font-size:9px;gap:15px}.cx-your-company{font-size:9px!important;padding:5px 7px!important}.cx-result-title{font-size:17px}.cx-result-desc{font-size:11px}.cx-result-site b{font-size:11px}.cx-result-site span{font-size:8px}.cx-serp-own{min-height:173px;padding:10px}.cx-serp-result:not(.cx-serp-own){min-height:62px}.cx-serp-result:not(.cx-serp-own) .cx-result-title{font-size:13px}.cx-serp-examples{padding:11px;gap:5px}.cx-serp-examples button{font-size:9px;padding:8px 10px}.cp4-cycle{font-size:8px;padding:10px 12px}.cx-serp-finale>p{font-size:10px}.cx-demo-note{font-size:9px}.cx-inbox-caption{align-items:flex-start;flex-direction:column;font-size:9px;gap:8px}.cx-reader-subject h3{font-size:20px}.cx-reader-body p{font-size:13px}.co-mail-context{padding:10px 16px;font-size:9px}.cx-inbox .cx-reader-next p{font-size:11px}.cx-outlook-company{margin-left:auto}.cx-levers{grid-template-columns:1fr;gap:20px}.cx-lever-pages{padding:23px 18px;gap:18px}.cx-lever-copy>p{font-size:13px;line-height:1.8}.cx-lever-id h3{font-size:22px}.cx-lever-id small{font-size:8px}.cx-proofs{min-height:392px}.cx-mw{top:38px;right:8px}.cx-mw-page{padding:13px}.cx-mw-hero{grid-template-columns:1.15fr .85fr;gap:9px;padding:15px 0}.cx-mw-hero b{font-size:24px}.cx-mw-hero p{font-size:9px}.cx-mw-hero small{font-size:7px}.cx-mw-art{height:145px}.cx-mw-hero .cx-bbtn{font-size:8px;padding:8px}.cx-mw-specs span{font-size:8px;padding:7px 5px}.cx-mw-specs small{font-size:7px}.cx-mw-chips{gap:6px}.cx-mw-chips .cx-chip{font-size:9px;padding-inline:10px}.cx-lever-pages:hover .cx-mw[data-pos="0"]{transform:none}.cx-lever-pages:hover .cx-mw[data-pos="1"]{transform:translate(8px,-15px) rotate(1deg)}.cx-lever-pages:hover .cx-mw[data-pos="2"]{transform:translate(14px,-28px) rotate(2deg)}.v12-section-footer{display:block}.v12-section-footer>p{font-size:13px;margin-bottom:18px}.cx-adq{font-size:10px}.cx-lever-ads,.cx-lever-seo{padding:23px 19px}.cx-gsc-head{font-size:9px}.cx-gsc-kpis small{font-size:8px}.cx-gsc-kpis b{font-size:25px}.cx-gsc-axis{font-size:8px}.cx-gsc-chart{height:150px}.cx-chat{margin-top:10px}.cx-chat-head{padding:15px}.cx-chat-head>em{font-size:8px}.cx-chat-thread{min-height:410px;padding-inline:17px}.cx-chat-user{font-size:12px}.cx-chat-answer{padding-left:0;font-size:12px}.cx-chat-answer li{font-size:11px}.ai-copy>p{font-size:14px}.cx-signals{gap:16px}.cx-signal b{font-size:13px}.cx-signal small{font-size:11px}.cx-steps{display:block}.cx-step{min-height:0;padding:25px 0;gap:16px;grid-template-columns:44px 1fr}.cx-step h3{font-size:21px}.cx-step p{font-size:13px}.cx-step .cx-glyph{width:44px;height:44px}.cx-report{padding:28px 17px 85px}.cx-rep-head b{font-size:14px}.cx-rep-head small{font-size:9px}.cx-rep-table{font-size:10px}.cx-rep-table th,.cx-rep-table em{font-size:8px}.cx-rep-table td:nth-child(2){padding-right:7px}.cx-rep-comp li,.cx-rep-plan li{font-size:10px}.cx-rep-comp li em{font-size:9px}.cx-handnote{font-size:11px}.cx-stamp{max-width:180px}.cx-stamp span{font-size:12px}.owner-copy h2{font-size:36px}.cx-faq .faq-title h2{font-size:37px}.cx-faq .faq-q{font-size:14px;gap:12px}.cx-faq .faq-a p{font-size:13px;padding-right:0}.contact{padding:75px 0}.contact h2{font-size:40px}.contact-copy>p{font-size:14px}.contact-email{font-size:14px;gap:9px}.contact-form{padding:24px 19px}.contact-form h3{font-size:22px}.field input,.field textarea{font-size:16px}.form-head{gap:12px}.form-head small,.form-head>span{font-size:8px}.form-assurance{font-size:8px;gap:12px}.cx-preview-head{flex-wrap:wrap}.cx-preview-head em{font-size:8px}.v12-motion{right:9px;bottom:9px;width:30px;height:30px}} @media(prefers-reduced-motion:reduce){.v12-product,.cx-mw,.cx-report{transform:none!important}.cx-step{opacity:1}.reveal{opacity:1!important;transform:none!important}} /* Second visual pass: stable, compact UI proportions; no browser-default borders. */ .ai-section{color:#142239}.ai-section .ai-copy h2{color:#142239}.ai-section .ai-copy>p:not(.kicker){color:#65748a}.ai-section .ai-honesty{color:#748197!important}.ai-section .cx-signal b{color:#22344e}.ai-section .cx-signal small{color:#65748a}.ai-section .cx-signals,.ai-section .cx-signal{border-color:#dce3ec}.ai-section .llm-caption{color:#67809f}.ai-section .cx-chat-win{box-shadow:0 1px 3px #243c6220,0 25px 65px -30px #273f6550;border:1px solid #dbe1e9}.ai-section .cx-chat::before{opacity:.25}.cx-chat-answer ol{list-style:none} .v12-lid{transform:translateY(var(--product-lift,0px));transition:transform .7s cubic-bezier(.2,.7,.2,1)}.v12-fan{animation:v12-fan-spin 3s linear infinite;animation-play-state:var(--fan-play,paused)}[data-v12-visible="true"]{--fan-play:running}.v12-product-plinth:hover,.cx-mw:hover{--product-lift:-5px}@keyframes v12-fan-spin{to{transform:rotate(360deg)}} .hero-noise{opacity:.025}.hero h1{text-wrap:pretty}.v12-motion{z-index:150} @media(min-width:1121px){.hero h1{font-size:clamp(48px,4.1667vw,60px);line-height:1.06}.hero h1 em{display:block}} .cx-serp-result:not(.cx-serp-own){height:50px;min-height:50px!important;padding:5px 12px!important;margin:0}.cx-serp-result:not(.cx-serp-own) .cx-result-desc{display:none}.cx-serp-result:not(.cx-serp-own) .cx-result-site b{display:none}.cx-serp-result:not(.cx-serp-own) .cx-result-site>i{width:15px;height:15px;font-size:11px}.cx-serp-result:not(.cx-serp-own) .cx-result-site span{font-size:9px}.cx-serp-result:not(.cx-serp-own) .cx-result-title{font-size:14px;margin:3px 0 0!important;line-height:1.2;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} .cx-mail-row{border:0;border-bottom:1px solid #e1e7ef}.cx-inbox-notice{display:flex;align-items:center;gap:12px;padding:12px 22px;background:#edf6ff;border-bottom:1px solid #c9dff4;min-height:65px}.cx-inbox-notice>i{width:33px;height:33px;display:grid;place-items:center;font-style:normal;font-size:20px;border:1px solid #a6cff2;border-radius:8px;color:#167cc7;background:#fff}.cx-inbox-notice>div{min-width:0}.cx-inbox-notice small{display:block;color:#5682a4;font-size:9px}.cx-inbox-notice strong{display:block;color:#193c5c;font-size:14px;line-height:1.45}.co-notice-dot{margin-left:auto;width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#1899d9;box-shadow:0 0 0 4px #1899d915} .co-inbox-scene .cx-mail-reader{padding:22px 25px}.cx-reader-subject{padding-bottom:14px}.cx-reader-subject h3{margin:0!important}.cx-reader-body{padding-left:0}.cx-reader-next,.cx-reader-reply{margin-left:0}.cx-reader-person{margin-top:15px}.co-mail-context{padding:8px 12px;margin-top:13px}.cx-reader-next{margin-bottom:12px}.co-inbox-scene .cx-reader-body>p{margin-bottom:10px}.cx-mail-readers{align-items:start}.cx-reader-next>p{margin-bottom:0} .cx-owner-copy>p{font-size:15px;line-height:1.8}.cx-owner-copy h2{font-size:46px}.cx-commit b{font-size:13px}.cx-commit small{font-size:11px;line-height:1.65} html:not(.js) .legal{display:block;position:static;padding:30px;background:#f1f3f8;color:#192743}html:not(.js) .legal-panel{max-height:none;margin:auto;overflow:visible}html:not(.js) .legal-close{display:none} html:not(.js) .contact-form form,html:not(.js) .v12-motion,html:not(.js) .nav-toggle,html:not(.js) .v12-demo-dots,html:not(.js) .cx-serp-examples,html:not(.js) #mwChips{display:none}.v12-nojs-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding:110px 20px 20px;background:#050b16;color:#dae7ff;font-size:14px}.contact-form noscript p{font-size:16px;line-height:1.8}.contact-form noscript a{text-decoration:underline;overflow-wrap:anywhere} @media(max-width:600px){.cx-serp-result:not(.cx-serp-own){height:43px;min-height:43px!important;padding:4px 7px!important}.cx-serp-result:not(.cx-serp-own) .cx-result-title{font-size:12px}.cx-serp-result:not(.cx-serp-own) .cx-result-site span{font-size:8px}.cx-inbox-notice{padding:12px 14px;min-height:76px}.cx-inbox-notice strong{font-size:12px}.cx-owner-copy h2{font-size:36px}.cx-owner-copy>p{font-size:14px}.co-inbox-scene .cx-mail-reader{padding:22px 17px}} /* V12.1 · Six complete, sector-specific miniature websites. */ .hero{overflow:clip} .v121-page-label{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:1px 2px 10px;color:#d2def5;font:600 12px/1.5 var(--sans)} .v121-page-label>span i{color:#9cbdff;font-size:20px;font-style:normal;vertical-align:middle;margin-right:5px} .v121-page-label button{color:#a8bedf;background:none;border:0;border-bottom:1px solid #91b2e350;padding:4px 0;font:500 10px/1.5 var(--sans);cursor:pointer;white-space:nowrap;transition:color .3s} .v121-page-label button:hover{color:#fff}.v121-page-label button i{font-style:normal;margin-left:3px} .v12-browser{container-type:inline-size;border-color:#dae0e8;border-radius:12px}.v12-browser-bar{height:34px;background:linear-gradient(#f9fafb,#edf0f4)} .v12-browser-bar>span:nth-child(2){max-width:78%;background:#fff9;border:1px solid #dce1e8;border-radius:5px;padding:3px 16px;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .v12-browser-bar>span:first-child{color:#95a2b3;letter-spacing:2px} .v121-sites{height:370px;overflow:clip;background:#f5f3eb;position:relative} .v121-site{--site-ink:#293b34;--site-paper:#f8f7f2;--site-accent:#294c3b;color:var(--site-ink);background:var(--site-paper);font:400 11px/1.55 var(--sans);isolation:isolate;min-height:360px} .v121-site[hidden]{display:none!important}.v121-site *{box-sizing:border-box}.v121-site p,.v121-site small,.v121-site strong,.v121-site b{color:inherit}.v121-site strong{font-weight:550;letter-spacing:-.045em} .v121-site-nav{height:51px;padding:0 21px;display:flex;gap:16px;align-items:center;border-bottom:1px solid #19273514;background:var(--site-paper)} .v121-site-brand{display:flex;align-items:center;gap:8px;white-space:nowrap}.v121-site-brand svg{width:25px;height:25px;flex:none}.v121-site-brand>span{font-weight:800;font-size:14px;line-height:1.2;letter-spacing:-.05em}.v121-site-brand small{display:block;font:600 5.8px/1.8 var(--sans);letter-spacing:.12em;margin-top:3px} .v121-site-links{display:flex;gap:15px;align-items:center;justify-content:center;flex:1;font-size:8px}.v121-nav-contact{font-size:8px;border:1px solid #29403736;padding:6px 9px;white-space:nowrap} .v121-site-path{padding:9px 22px;font:8px/1.4 var(--sans);color:#6b776e;display:flex;gap:9px;background:var(--site-paper)}.v121-site-path i{font-style:normal;color:#b9bdb7} .v121-site-main{display:grid;grid-template-columns:1fr 1fr;min-height:237px}.v121-site-copy{padding:21px 23px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0} .v121-site-copy>small,.v121-software-intro small{font-size:7px;letter-spacing:.1em;font-weight:700;color:var(--site-accent);margin-bottom:11px} .v121-site-copy>strong{font:500 30px/1.04 var(--serif);letter-spacing:-.045em;display:block;margin:0 0 11px}.v121-site-copy p{font:400 10px/1.65 var(--sans);opacity:.83;margin:0 0 14px;max-width:280px} .v121-site-photo{position:relative;overflow:hidden;min-width:0;min-height:0;background:#dadbd3}.v121-site-photo>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;display:block;transition:transform 1.1s cubic-bezier(.2,.7,.2,1)} .v121-site-cta{display:inline-flex;align-items:center;justify-content:center;gap:16px;background:var(--site-accent);color:#fff!important;min-height:31px;padding:8px 12px;font:600 9px/1.35 var(--sans);border:1px solid #0001;box-shadow:inset 0 1px #ffffff20;border-radius:2px;white-space:normal;max-width:100%}.v121-site-cta i{font-size:14px;font-style:normal;line-height:1} .v121-under-cta{display:block;font-size:7px;margin-top:7px;opacity:.65} .v121-photo-caption{position:absolute;left:16px;right:16px;bottom:15px;background:#fffdf0e8;backdrop-filter:blur(8px);padding:9px 12px;font:8px/1.7 var(--sans);box-shadow:0 5px 15px #321c0610;border:1px solid #fff8}.v121-photo-caption b{font-size:10px;font-weight:600} .v121-site-benefits{height:48px;display:grid;grid-template-columns:repeat(3,1fr);padding:0 21px;align-items:center;border-top:1px solid #324a3920;background:var(--site-paper);gap:14px}.v121-site-benefits span{display:flex;flex-direction:column;gap:2px}.v121-site-benefits b{font-size:9px;font-weight:650}.v121-site-benefits small{font-size:7px;opacity:.7} .v121-swatches{display:flex;align-items:center;gap:4px;margin:-1px 0 13px}.v121-swatches i{width:11px;height:11px;border-radius:50%;background:#bda17a;box-shadow:inset 0 0 0 1px #0002}.v121-swatches i:nth-child(2){background:#fff}.v121-swatches i:nth-child(3){background:#3e4b40}.v121-swatches span{margin-left:4px;font-size:7px} .v121-pack .v121-site-photo>img{object-position:42% 50%}.v121-pack .v121-site-copy{padding-block:17px}.v121-pack .v121-site-copy>strong{font-size:29px}.v121-pack .v121-site-main{height:234px} .v121-site-detail{display:none} /* Engineering: blueprint blue with an actual plan, rather than an abstract unit. */ .v121-engineering{--site-ink:#143443;--site-paper:#f8faf9;--site-accent:#244c5b}.v121-engineering-main{display:grid;grid-template-columns:1.08fr 1fr;height:261px;background:#163342;color:#fff}.v121-engineering-main .v121-site-photo{order:2}.v121-engineering-main .v121-site-copy{order:1;padding:23px}.v121-engineering-main .v121-site-copy>small{color:#b7d2d9;font-size:7px}.v121-engineering-main .v121-site-copy>strong{font:500 28px/1.08 var(--sans);letter-spacing:-.055em}.v121-engineering-main .v121-site-copy p{color:#d1dee4}.v121-engineering-main .v121-site-cta{background:#f3f6ef;color:#193d4a!important;font-size:8px} .v121-plan-stamp{position:absolute;bottom:16px;left:12px;right:12px;background:#ffffffed;color:#153844;border:1px solid #fff;padding:10px 12px;font-size:7px;letter-spacing:.07em;box-shadow:0 6px 20px #132d3219}.v121-plan-stamp b{display:block;font-size:9px;letter-spacing:-.015em;margin-top:3px} /* Food: editorial product photography, clearly a professional buying page. */ .v121-food{--site-ink:#39391e;--site-paper:#fcf9ef;--site-accent:#555936}.v121-food-main{display:grid;grid-template-columns:1.07fr 1fr;height:261px}.v121-food .v121-site-copy{padding:21px 25px}.v121-food .v121-site-copy>strong{font-size:33px;font-weight:450;line-height:1}.v121-food .v121-site-copy p{margin-bottom:10px}.v121-food .v121-site-photo>img{object-position:48% 58%}.v121-food-seal{position:absolute;right:15px;top:17px;width:66px;height:66px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1px;background:#f8f5e9ec;border:1px solid #fff8;font:500 20px var(--serif);box-shadow:0 5px 25px #0002}.v121-food-seal b{font:500 7px var(--sans)}.v121-product-options{display:flex;gap:4px;margin-bottom:12px}.v121-product-options span{padding:3px 6px;border:1px solid #7e805742;font:8px var(--sans);background:#fff8;border-radius:2px} /* Manufacturing: generous macro detail, practical input requirements. */ .v121-plastic{--site-ink:#1e3446;--site-paper:#f5f7f9;--site-accent:#2555a2}.v121-plastic .v121-site-main{height:234px;grid-template-columns:1fr 1fr}.v121-plastic .v121-site-copy{padding:18px 22px}.v121-plastic .v121-site-copy>strong{font:650 26px/1.06 var(--sans);letter-spacing:-.05em}.v121-plastic .v121-site-copy p{margin-bottom:11px}.v121-tech-spec{display:flex;gap:4px;margin-bottom:12px;font:7px var(--sans)}.v121-tech-spec span{background:#e4eaf2;border:1px solid #d8e1ee;padding:3px 5px}.v121-material-note{position:absolute;bottom:15px;left:12px;right:12px;font-size:8px;padding:9px 11px;background:#f6faffed;border:1px solid #fff8;display:flex;align-items:center;gap:8px}.v121-material-note i{width:5px;height:5px;background:#267886;border-radius:50%} /* Software: native application UI, sharp text at every viewport. */ .v121-software{--site-ink:#223146;--site-paper:#fff;--site-accent:#3459bc;background:linear-gradient(135deg,#f8faff,#eef2fa)}.v121-software-intro{display:flex;justify-content:space-between;gap:18px;padding:13px 22px 11px;align-items:end}.v121-software-intro small{display:block;font-size:6px;margin-bottom:6px}.v121-software-intro strong{font:650 24px/1.05 var(--sans);letter-spacing:-.04em;display:block}.v121-software-intro p{font-size:9px;line-height:1.7;margin:0;opacity:.7} .v121-app{margin:0 21px;display:grid;grid-template-columns:108px 1fr;height:183px;background:#fff;border:1px solid #cfd8e6;border-radius:6px;box-shadow:0 6px 20px #2d406513;overflow:hidden}.v121-app aside{padding:12px 7px;display:flex;flex-direction:column;background:#f4f7fb;border-right:1px solid #e1e7ef;gap:3px;font-size:7px}.v121-app aside>b{font-size:9px;display:flex;justify-content:space-between;align-items:center;padding:0 3px 11px}.v121-app aside>span{padding:6px 5px;border-radius:3px;white-space:nowrap}.v121-app aside>.is-current{background:#e0e9fc;color:#28529b}.v121-app aside>small{font-size:5px;color:#8391a5;margin-top:auto;padding:5px}.v121-app-content{padding:11px 13px;min-width:0}.v121-app-top{display:flex;align-items:center;gap:6px;font-size:6px}.v121-app-top>b{font-size:9px;margin-right:auto}.v121-app-top>i{background:#355dbe;color:#fff;font-style:normal;border-radius:3px;padding:4px 6px}.v121-app-top>span{border:1px solid #e0e5ee;padding:3px 6px;border-radius:3px}.v121-app-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.v121-app-stats>div{border:1px solid #e6ebf3;border-radius:4px;padding:6px 9px}.v121-app-stats small{font-size:6px;display:block;color:#788294}.v121-app-stats b{font-size:18px;line-height:1.3;display:block;margin-top:1px}.v121-app-stats i{font-style:normal;font-size:11px;color:#2f8268}.v121-app-table{margin-top:7px;font-size:7px}.v121-app-table>div{display:grid;grid-template-columns:1fr auto;align-items:center;border-bottom:1px solid #edf0f5;padding:5px 0;gap:8px}.v121-app-table .v121-table-head{font:5px var(--sans);color:#8a93a1;padding:0 0 3px}.v121-app-table b{display:block;font-size:7px}.v121-app-table small{font-size:6px;color:#7c8698;display:block}.v121-app-table em{font-style:normal;font-size:5px;padding:3px 5px;background:#eef0f5;border-radius:3px}.v121-app-table .status-blue{background:#e8efff;color:#426ab3}.v121-app-table .status-green{background:#e6f3ed;color:#377f60}.v121-software-bottom{display:flex;justify-content:space-between;align-items:center;padding:9px 22px}.v121-software-bottom>span{font-size:7px;color:#78849a}.v121-software-bottom .v121-site-cta{font-size:8px;padding:6px 10px;min-height:27px} /* Services: an installed system, a service scope, a useful next step. */ .v121-services{--site-ink:#16344b;--site-paper:#fff;--site-accent:#24567a}.v121-services-main>.v121-site-photo{height:205px}.v121-services-main>.v121-site-photo>img{object-position:50% 43%}.v121-services-overlay{position:absolute;inset:0;padding:32px 28px;background:linear-gradient(90deg,#051a2bec,#091e3290 48%,transparent 90%);color:#fff}.v121-services-overlay small{font-size:7px;letter-spacing:.1em;color:#b5d9ec}.v121-services-overlay strong{display:block;font:600 31px/1.1 var(--sans);letter-spacing:-.045em;margin:10px 0}.v121-services-overlay p{font-size:10px;line-height:1.7;color:#dbe8ef;margin:0}.v121-service-strip{height:56px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 21px;background:#edf4f7}.v121-service-strip>div{display:flex;align-items:center;gap:9px}.v121-service-strip svg{width:23px;height:23px;flex:none}.v121-service-strip b{font-size:9px;display:block}.v121-service-strip small{font-size:7px;display:block;opacity:.7}.v121-service-strip .v121-site-cta{font-size:8px;white-space:nowrap} .v12-notification{margin-top:15px}.v12-thread{height:26px} @media(hover:hover){.v121-site-photo:hover>img{transform:scale(1.045)}.v121-site-cta{transition:box-shadow .45s,transform .45s}.v121-site:hover .v121-site-cta{box-shadow:0 6px 15px #19322320;transform:translateY(-1px)}} /* Real expansion, not a decorative zoom button. */ .v121-dialog-open{overflow:hidden} .v121-dialog{width:min(1020px,calc(100% - 32px));max-height:92dvh;border:1px solid #a0b1cf;border-radius:17px;padding:0;background:#f8fafc;color:#18304b;box-shadow:0 35px 120px #0007;overflow:auto;overscroll-behavior:contain}.v121-dialog::backdrop{background:#040c1cbb;backdrop-filter:blur(10px)}.v121-dialog-top{display:flex;align-items:center;justify-content:space-between;padding:17px 24px;gap:18px;background:#111e34;color:#eef3ff;position:sticky;top:0;z-index:5}.v121-dialog-top small{font-size:8px;letter-spacing:.1em;color:#9aafd2;display:block;margin-bottom:4px}.v121-dialog-top b{font-size:14px;font-weight:500}.v121-dialog-top button{border:1px solid #a4b8d54d;background:#ffffff09;color:#fff;width:34px;height:34px;border-radius:50%;cursor:pointer}.v121-dialog [data-site-enlarged]{container-type:inline-size}.v121-dialog .v121-site-nav{height:70px;padding-inline:32px}.v121-dialog .v121-site-brand>span{font-size:20px}.v121-dialog .v121-site-brand svg{width:34px;height:34px}.v121-dialog .v121-site-brand small{font-size:8px}.v121-dialog .v121-site-links,.v121-dialog .v121-nav-contact{font-size:11px}.v121-dialog .v121-site-path{font-size:10px;padding:12px 32px}.v121-dialog .v121-site-main,.v121-dialog .v121-engineering-main,.v121-dialog .v121-food-main{height:350px;min-height:350px}.v121-dialog .v121-site-copy{padding:30px 38px}.v121-dialog .v121-site-copy>strong{font-size:42px}.v121-dialog .v121-site-copy>small{font-size:9px}.v121-dialog .v121-site-copy p{font-size:13px;max-width:350px}.v121-dialog .v121-site-cta{font-size:12px;padding:12px 17px}.v121-dialog .v121-under-cta,.v121-dialog .v121-product-options span,.v121-dialog .v121-tech-spec,.v121-dialog .v121-swatches span{font-size:9px}.v121-dialog .v121-site-benefits{height:65px;padding-inline:32px}.v121-dialog .v121-site-benefits b{font-size:12px}.v121-dialog .v121-site-benefits small{font-size:10px}.v121-dialog .v121-site-detail{display:grid;grid-template-columns:1fr 1fr;gap:45px;border-top:1px solid #1c364218;padding:35px 32px;background:#fff}.v121-site-detail>div>small{font-size:8px;letter-spacing:.1em;color:#6c7b88}.v121-site-detail>div>strong{display:block;font:500 29px/1.14 var(--serif);margin:10px 0 12px}.v121-site-detail p{font:12px/1.8 var(--sans);color:#677580;margin:0}.v121-site-detail dl{margin:0}.v121-site-detail dl>div{padding:10px 0;border-bottom:1px solid #dfe5e9}.v121-site-detail dt{font-weight:700;font-size:12px}.v121-site-detail dd{font-size:11px;color:#74808b;margin:4px 0 0}.v121-dialog-footer{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:22px 32px;border-top:1px solid #d8e0ed}.v121-dialog-footer p{font-size:12px;line-height:1.7;max-width:520px;margin:0;color:#6c7a8d}.v121-dialog-footer .btn{flex-shrink:0}.v121-dialog .v121-software-intro{padding:24px 32px}.v121-dialog .v121-software-intro strong{font-size:36px}.v121-dialog .v121-software-intro p{font-size:12px}.v121-dialog .v121-app{height:270px;margin-inline:32px;grid-template-columns:150px 1fr}.v121-dialog .v121-app aside{font-size:10px;padding:20px 12px;gap:7px}.v121-dialog .v121-app aside>b{font-size:13px}.v121-dialog .v121-app-content{padding:20px}.v121-dialog .v121-app-top,.v121-dialog .v121-app-stats small,.v121-dialog .v121-app-table small{font-size:9px}.v121-dialog .v121-app-top>b{font-size:13px}.v121-dialog .v121-app-stats b{font-size:24px}.v121-dialog .v121-app-table b{font-size:11px}.v121-dialog .v121-app-table em,.v121-dialog .v121-app-table .v121-table-head{font-size:8px}.v121-dialog .v121-app-table>div{padding-block:8px}.v121-dialog .v121-services-main>.v121-site-photo{height:340px}.v121-dialog .v121-services-overlay{padding:55px 38px}.v121-dialog .v121-services-overlay strong{font-size:46px}.v121-dialog .v121-services-overlay p{font-size:14px}.v121-dialog .v121-service-strip{height:75px;padding-inline:32px}.v121-dialog .v121-service-strip b{font-size:13px}.v121-dialog .v121-service-strip small{font-size:10px} /* Same components, composed for a narrow window rather than a scaled screenshot. */ @container(max-width:480px){.v121-sites{height:347px}.v121-site{min-height:347px}.v121-site-nav{height:47px;padding:0 13px;gap:8px}.v121-site-brand>span{font-size:13px}.v121-site-brand small{font-size:5px}.v121-site-brand svg{width:22px;height:22px}.v121-site-links{display:none}.v121-nav-contact{margin-left:auto;font-size:7px;padding:5px 7px}.v121-site-path{padding:8px 13px;font-size:7px}.v121-site-main,.v121-pack .v121-site-main,.v121-plastic .v121-site-main{height:232px;grid-template-columns:.92fr 1.08fr}.v121-site-copy,.v121-pack .v121-site-copy,.v121-plastic .v121-site-copy{padding:13px}.v121-site-copy>small{font-size:6px;margin-bottom:9px;letter-spacing:.06em}.v121-site-copy>strong,.v121-pack .v121-site-copy>strong{font-size:25px;line-height:1.04}.v121-site-copy p{font-size:9px;line-height:1.55;margin-bottom:11px}.v121-site-cta{font-size:8px;padding:7px 8px;gap:7px}.v121-under-cta{display:none}.v121-swatches span{font-size:6px;line-height:1.4}.v121-swatches{gap:3px;margin-bottom:10px}.v121-swatches i{width:8px;height:8px;flex:none}.v121-photo-caption{left:8px;right:8px;bottom:10px;padding:7px;font-size:7px}.v121-photo-caption b{font-size:8px}.v121-site-benefits{height:43px;padding-inline:13px;gap:9px}.v121-site-benefits b{font-size:8px}.v121-site-benefits small{font-size:6px}.v121-engineering-main{grid-template-columns:1.18fr 1fr;height:257px}.v121-engineering-main .v121-site-copy{padding:16px 13px}.v121-engineering-main .v121-site-copy>strong{font-size:24px}.v121-engineering-main .v121-site-copy>small{font-size:6px}.v121-engineering-main .v121-site-copy p{font-size:9px}.v121-plan-stamp{left:8px;right:8px;bottom:10px;padding:8px;font-size:6px}.v121-plan-stamp b{font-size:8px}.v121-food-main{grid-template-columns:1.17fr 1fr;height:257px}.v121-food .v121-site-copy{padding:15px 13px}.v121-food .v121-site-copy>strong{font-size:28px}.v121-food-seal{width:50px;height:50px;right:9px;font-size:16px}.v121-food-seal b{font-size:6px}.v121-product-options{gap:3px}.v121-product-options span{font-size:6px;padding:3px 4px}.v121-plastic .v121-site-main{grid-template-columns:1.15fr 1fr}.v121-plastic .v121-site-copy>strong{font-size:23px}.v121-tech-spec{font-size:6px;gap:3px;flex-wrap:wrap;margin-bottom:10px}.v121-material-note{font-size:6px;left:7px;right:7px;padding:7px;gap:5px}.v121-software-intro{padding:13px 13px 11px;gap:7px}.v121-software-intro strong{font-size:23px}.v121-software-intro p{font-size:7px;max-width:100px}.v121-software-intro small{font-size:5px}.v121-app{margin-inline:12px;grid-template-columns:63px 1fr;height:180px}.v121-app aside{padding:9px 4px;font-size:5px}.v121-app aside>b{font-size:7px;padding:0 1px 8px}.v121-app aside>span{padding:6px 2px;white-space:normal}.v121-app aside>small{font-size:4px;padding:2px}.v121-app-content{padding:10px 8px}.v121-app-top>b{font-size:8px}.v121-app-top>span{display:none}.v121-app-stats{gap:4px;margin-top:9px}.v121-app-stats>div{padding:5px}.v121-app-stats small{font-size:5px}.v121-app-stats b{font-size:16px}.v121-app-table b{font-size:6px}.v121-app-table small{font-size:5px}.v121-app-table>div{gap:4px}.v121-software-bottom{padding:9px 13px}.v121-software-bottom>span{font-size:6px}.v121-services-main>.v121-site-photo{height:194px}.v121-services-overlay{padding:30px 17px;background:linear-gradient(90deg,#051a2bed,#091e3280 65%,transparent)}.v121-services-overlay strong{font-size:27px}.v121-services-overlay p{font-size:9px}.v121-services-overlay small{font-size:6px}.v121-service-strip{height:63px;padding:9px 13px;gap:8px}.v121-service-strip svg{display:none}.v121-service-strip b{font-size:8px}.v121-service-strip small{font-size:6px;max-width:180px}.v121-service-strip .v121-site-cta{font-size:7px;padding:6px}} @media(max-width:600px){.v121-page-label{font-size:10px;gap:8px;margin-bottom:8px}.v121-page-label button{font-size:8px}.v121-page-label>span i{font-size:17px;margin-right:2px}.v121-dialog{width:calc(100% - 18px);max-height:94dvh;border-radius:12px}.v121-dialog-top{padding:13px}.v121-dialog-top b{font-size:12px}.v121-dialog .v121-site-nav{padding-inline:13px;height:55px}.v121-dialog .v121-site-brand>span{font-size:15px}.v121-dialog .v121-site-brand small{font-size:5px}.v121-dialog .v121-site-brand svg{width:25px;height:25px}.v121-dialog .v121-nav-contact{font-size:7px}.v121-dialog .v121-site-main,.v121-dialog .v121-engineering-main,.v121-dialog .v121-food-main{height:auto;min-height:280px}.v121-dialog .v121-site-copy{padding:16px 13px}.v121-dialog .v121-site-copy>strong{font-size:27px}.v121-dialog .v121-site-copy>small{font-size:6px}.v121-dialog .v121-site-copy p{font-size:10px}.v121-dialog .v121-site-cta{font-size:8px;padding:9px}.v121-dialog .v121-site-benefits{height:52px;padding-inline:13px}.v121-dialog .v121-site-benefits b{font-size:9px}.v121-dialog .v121-site-benefits small{font-size:7px}.v121-dialog .v121-site-detail{grid-template-columns:1fr;gap:12px;padding:24px 18px}.v121-site-detail>div>strong{font-size:27px}.v121-dialog-footer{padding:18px;flex-direction:column;gap:14px;align-items:stretch}.v121-dialog-footer p{font-size:11px}.v121-dialog .v121-site-path{padding-inline:13px;font-size:7px}.v121-dialog .v121-services-overlay{padding:35px 20px}.v121-dialog .v121-services-overlay strong{font-size:31px}.v121-dialog .v121-services-overlay p{font-size:11px}.v121-dialog .v121-services-main>.v121-site-photo{height:260px}.v121-dialog .v121-service-strip{padding-inline:13px}.v121-dialog .v121-service-strip b{font-size:10px}.v121-dialog .v121-service-strip small{font-size:8px}.v121-dialog .v121-software-intro{padding:18px 13px}.v121-dialog .v121-software-intro strong{font-size:26px}.v121-dialog .v121-software-intro p{font-size:8px}.v121-dialog .v121-app{margin-inline:13px;height:235px;grid-template-columns:70px 1fr}.v121-dialog .v121-app aside{padding:12px 4px;font-size:6px;gap:6px}.v121-dialog .v121-app aside>b{font-size:8px}.v121-dialog .v121-app-content{padding:12px 8px}.v121-dialog .v121-app-top>b{font-size:9px}.v121-dialog .v121-app-top{font-size:6px}.v121-dialog .v121-app-stats small{font-size:6px}.v121-dialog .v121-app-stats b{font-size:20px}.v121-dialog .v121-app-table b{font-size:8px}.v121-dialog .v121-app-table small{font-size:6px}.v121-dialog .v121-app-table em,.v121-dialog .v121-app-table .v121-table-head{font-size:5px}} @media(prefers-reduced-motion:reduce){.v121-site-photo>img,.v121-site-cta{transition:none!important;transform:none!important}} /* Stable frame, with space allocated to the content instead of cropped rows. */ .v121-sites{height:390px} .v121-sites>.v121-site{height:390px;min-height:390px;display:flex;flex-direction:column} .v121-sites>.v121-site>div{flex-shrink:0} .v121-sites .v121-site-main,.v121-sites .v121-engineering-main,.v121-sites .v121-food-main{flex:1;min-height:0;height:auto} .v121-sites .v121-app{flex:1;min-height:0;height:auto} .v121-sites .v121-app-content{padding-block:8px;min-height:0} .v121-sites .v121-services-main{flex:1;display:flex;flex-direction:column;min-height:0} .v121-sites .v121-services-main>.v121-site-photo{flex:1;height:auto} .v121-sites .v121-service-strip{flex-shrink:0} .v121-dialog .v121-app{height:310px} @container(max-width:480px){.v121-pack .v121-site-photo>img{object-position:12% 50%}} @media(max-width:600px){ .v121-dialog .v121-site-main,.v121-dialog .v121-engineering-main,.v121-dialog .v121-food-main{grid-template-columns:1fr;min-height:0} .v121-dialog .v121-site-photo{height:220px;order:0} .v121-dialog .v121-site-copy{order:1;padding:24px} .v121-dialog .v121-site-copy>strong{font-size:34px} .v121-dialog .v121-site-copy>small{font-size:8px} .v121-dialog .v121-site-copy p{font-size:12px;max-width:100%} .v121-dialog .v121-site-cta{font-size:11px;padding:11px 14px} .v121-dialog .v121-under-cta{display:block;font-size:9px} .v121-dialog .v121-pack .v121-site-photo>img{object-position:center 50%} .v121-dialog .v121-engineering-main .v121-site-photo>img{object-position:center 43%} .v121-dialog .v121-food .v121-site-photo{order:0} .v121-dialog .v121-food .v121-site-photo>img{object-position:center 65%} .v121-dialog .v121-app{height:275px} } /* V12.2: quieter navigation, deliberate surfaces and one commercial story. */ .v122-navigation{gap:27px}.v122-nav-group{position:static}.v122-nav-group>summary{display:flex;align-items:center;gap:8px;padding:24px 0;color:#e6ebf5;cursor:pointer;font:600 12px/1.3 var(--sans);list-style:none}.v122-nav-group>summary::-webkit-details-marker,.v122-mobile summary::-webkit-details-marker{display:none}.v122-caret{display:inline-block;width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .28s ease;flex-shrink:0}.v122-nav-group[open]>summary .v122-caret,.v122-mobile details[open]>summary>.v122-caret{transform:rotate(225deg) translate(-2px,-1px)} .v122-nav-group>summary:focus-visible,.v122-dropdown a:focus-visible,.v122-dropdown button:focus-visible,.v122-mobile summary:focus-visible{outline:2px solid #9fb8ff;outline-offset:5px;border-radius:4px}.v122-nav-group[open]>summary{color:#a6c4ff}.v122-dropdown{position:absolute;right:0;top:calc(100% + 10px);width:735px;max-width:calc(100vw - 80px);padding:24px;border:1px solid #cad9ec;border-radius:19px;background:#f8fafd;color:#152944;box-shadow:0 24px 65px -14px #06153055,0 1px 0 #fff inset;animation:v122-menu-in .34s cubic-bezier(.2,.75,.2,1);transform-origin:top right}.v122-dropdown::before{content:'';position:absolute;top:-13px;height:13px;left:0;right:0}.v122-services{display:grid;grid-template-columns:.82fr 1.3fr;gap:24px}.v122-nav-note{padding:12px 20px 10px 5px;border-right:1px solid #d7e0ec}.v122-nav-note>span{font:600 8px var(--mono);letter-spacing:.15em;color:#65798f}.v122-nav-note>p{font:400 27px/1.23 var(--serif);letter-spacing:-.03em;margin:25px 0 30px;color:#142440}.v122-nav-note em{color:#375edd;font-style:normal}.v122-nav-note>a{font-size:11px;color:#284976;display:flex;justify-content:space-between;gap:12px;line-height:1.6}.v122-nav-links{display:grid;gap:4px}.v122-nav-links>a{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 13px;border-radius:9px;color:#1c314f;transition:background .2s,color .2s;animation:v122-link-in .38s both;animation-delay:calc(var(--order,0)*35ms)}.v122-nav-links>a:hover,.v122-nav-links>a:focus-visible{background:#eaf0fa;color:#244cbe}.v122-nav-links b{display:block;font:650 12px/1.45 var(--sans)}.v122-nav-links small{display:block;font:400 10px/1.7 var(--sans);color:#61718a;margin-top:3px}.v122-nav-links i{font-style:normal;font-size:17px;color:#7086a1;transition:transform .3s}.v122-nav-links>a:hover i{transform:translate(2px,-2px)} .v122-sectors{display:grid;grid-template-columns:205px 1fr;gap:19px 23px;padding:22px}.v122-sector-tabs{display:grid;align-content:start;gap:5px;border-right:1px solid #dce4ef;padding-right:18px;padding-top:5px}.v122-sector-tabs button{padding:13px 10px;background:none;border:0;color:#566b85;font:550 12px/1.5 var(--sans);text-align:left;border-radius:8px;cursor:pointer;display:flex;gap:7px;justify-content:space-between;transition:background .25s,color .25s}.v122-sector-tabs button i{font-style:normal;opacity:0;transform:translateX(-4px);transition:.25s}.v122-sector-tabs button[aria-selected=true]{background:#e7eefc;color:#234daf}.v122-sector-tabs button[aria-selected=true] i{opacity:1;transform:none}.v122-sector-content{min-height:340px}.v122-sector-lede{font-size:11px;line-height:1.7;color:#62748a;padding:2px 13px 13px;border-bottom:1px solid #e0e6ee;margin-bottom:7px}.v122-nav-foot{grid-column:1/-1;border-top:1px solid #dce4ef;padding:15px 10px 0;margin:0;font-size:11px;color:#64748a}.v122-nav-foot a{color:#2c54bb;margin-left:7px;font-weight:600}.v122-navigation>.nav-cta{display:flex;gap:16px;align-items:center}.v122-sector-panel[hidden]{display:none!important} @keyframes v122-menu-in{from{opacity:0;transform:translateY(-7px);filter:blur(3px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes v122-link-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}} .v122-mobile-label{display:block;font:600 9px/1.5 var(--mono);letter-spacing:.1em;color:#a6b6ce;padding:8px 0 21px}.v122-mobile-group{border-bottom:1px solid #ffffff20}.v122-mobile summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:15px;font:600 17px/1.5 var(--sans);color:#eaf0fb;padding:18px 0}.v122-mobile .v122-nav-links{padding-bottom:14px}.v122-mobile .v122-nav-links>a{padding:11px 12px}.v122-mobile .v122-nav-links b{color:#e8effe;font-size:13px}.v122-mobile .v122-nav-links small{color:#b2bfd3;font-size:11px}.v122-mobile .v122-nav-links>a:hover,.v122-mobile .v122-nav-links>a:focus-visible{background:#1b304f}.v122-mobile-sectors{padding:0 0 16px 14px}.v122-mobile-sectors>details>summary{font-size:14px;color:#a9c2e6;padding:13px 0}.v122-mobile-direct{display:flex!important;align-items:center;justify-content:space-between;padding:20px 0!important;border-bottom:1px solid #ffffff20;font:600 17px/1.5 var(--sans)!important}.v122-mobile-direct i{font-size:17px;font-style:normal;color:#a4bce1}.v122-mobile .btn{margin-top:26px}.v122-mobile-email{display:block;font:400 11px/1.5 var(--sans)!important;color:#a6bad9!important;text-align:center;margin:22px 0 3px}.v122-mobile{overscroll-behavior:contain} /* A soft alternation of paper, blue-grey and ink, rather than identical white strips. */ .v12-search-section{background:#f0f3f6;border-top:1px solid #e0e5eb;position:relative}.v12-search-aside{border-left:1px solid #bacbe0;padding-left:24px}.v12-margin-number{color:#456891}.v12-mail-section{background:linear-gradient(120deg,#f8f9fc,#edf1f8);border-top:1px solid #e0e6ef}.v122-mail-frame{max-width:1170px;margin:auto}.v122-mail-intro{display:flex;align-items:baseline;gap:22px;justify-content:space-between;margin:0 0 21px}.v122-mail-intro h3{font-size:19px;font-weight:650;line-height:1.5;letter-spacing:-.035em;margin:0;color:#243753}.v122-mail-intro p{font-size:11px;line-height:1.7;color:#6a7a91;margin:0}.v122-mail-frame .cx-outlook-brand img{width:22px;height:21px}.v122-mail-frame .cx-outlook-brand b{font-size:17px}.v122-mail-frame .cx-outlook-top{min-height:46px}.v122-mail-frame .cx-inbox-body{grid-template-columns:40px 145px minmax(245px,.85fr) minmax(320px,1.2fr);min-height:550px}.v122-mail-frame .cx-mail-row{min-height:65px;padding-top:9px;padding-bottom:9px}.v122-mail-frame .cx-outlook-folders>b{font-size:9px}.v122-mail-frame .cx-inbox{box-shadow:0 30px 60px -42px #29487180,0 0 0 6px #ffffff66}.v122-mail-frame .cx-inbox-caption{margin-bottom:11px}.v122-mail-frame .cx-inbox-caption .cx-pill{font-size:9px}.v122-mail-frame .cx-mail-reader{padding:22px}.v122-mail-frame .cx-inbox-notice{min-height:67px}.v122-mail-frame .cx-reader-subject h3{font-size:20px}.v122-mail-frame .cx-reader-body p{font-size:13px;line-height:1.8} #sistema{background:#f6f4ef}#sistema .section-head{border-left:2px solid #adbbce;padding-left:25px}#inteligencia{background:#edf2f7;border-top:1px solid #dde5ed}#inteligencia .cx-chat-win{box-shadow:0 26px 65px -45px #28487770}.v12-section-footer{border-top-color:#d4dce5} /* Diversification: an actual offer branching into three different buying needs. */ .v122-growth{color:#edf2fb;background:#101f35;position:relative;border-top:1px solid #263a54;border-bottom:1px solid #253850}.v122-growth::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 95% 0,#26416355,transparent 65%)}.v122-growth>.wrap{position:relative}.v122-growth-head{display:grid;grid-template-columns:1.2fr .85fr;gap:9%;align-items:start;margin-bottom:48px}.v122-growth .kicker{color:#9bb7e9}.v122-growth h2{color:#f0f4fc;max-width:690px}.v122-growth-head p:not(.kicker){font-size:14px;line-height:1.9;color:#c2cddd;margin-bottom:13px}.v122-growth-head .btn{margin-top:12px}.v122-growth-demo{border:1px solid #49617d;border-radius:18px;background:#172840;box-shadow:0 35px 80px -50px #0009;overflow:hidden}.v122-growth-toolbar{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:19px 28px;border-bottom:1px solid #8fabd324;background:#1b2e49}.v122-growth-toolbar>span{font:500 9px var(--mono);letter-spacing:.1em;color:#a9bddc}.v122-growth-toolbar>div{display:flex;gap:5px}.v122-growth-toolbar button{background:transparent;color:#c3d0e4;border:1px solid transparent;border-radius:7px;padding:10px 13px;cursor:pointer;font:500 11px var(--sans);transition:.25s}.v122-growth-toolbar button span{margin-left:16px;opacity:.4}.v122-growth-toolbar button[aria-pressed=true]{background:#e6efff;color:#1f3c6e;border-color:#fff;box-shadow:0 3px 12px #0002}.v122-growth-toolbar button:focus-visible{outline:2px solid #a5c2ff;outline-offset:4px}.v122-growth-scene{display:grid;grid-template-columns:minmax(210px,.85fr) 11% minmax(370px,1.5fr);align-items:center;padding:36px 46px 29px;min-height:465px}.v122-growth-scene[hidden]{display:none!important}.v122-growth-photo{position:relative;border-radius:9px;overflow:hidden;border:1px solid #a9c3e155;aspect-ratio:1.64}.v122-growth-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.v122-growth-origin:hover img{transform:scale(1.045)}.v122-growth-photo>span{position:absolute;bottom:10px;left:10px;font-size:10px;font-weight:600;background:#edf4fff5;color:#19334f;padding:7px 11px;border-radius:5px}.v122-growth-origin h3{font-size:23px;line-height:1.25;color:#f3f6fb;margin:22px 0 10px;max-width:290px}.v122-growth-origin>p{font-size:12px;color:#b5c5dc;line-height:1.8;max-width:285px;margin-bottom:22px}.v122-growth-signature{display:flex;gap:10px;align-items:center;font-size:10px;line-height:1.7;color:#a3bbdf}.v122-growth-signature>span{color:#85b5ff;font-size:21px}.v122-growth-branches{height:340px}.v122-growth-branches svg{width:100%;height:100%;overflow:visible}.v122-growth-branches path{fill:none;stroke:#506c91;stroke-width:1.15;vector-effect:non-scaling-stroke;transition:stroke .4s,stroke-width .4s}.v122-growth-demo[data-step="0"] .v122-growth-branches path:nth-child(1),.v122-growth-demo[data-step="1"] .v122-growth-branches path:nth-child(2),.v122-growth-demo[data-step="2"] .v122-growth-branches path:nth-child(3){stroke:#9fc4ff;stroke-width:2;stroke-dasharray:7 4;animation:v122-route 1.4s linear infinite}.v122-growth-buyers{display:grid;gap:12px}.v122-buyer{display:grid;grid-template-columns:47px 1fr 20px;gap:17px;align-items:center;padding:16px 19px;border:1px solid #496078;border-radius:11px;background:#1e324d;transition:background .5s,border-color .5s,box-shadow .5s;min-height:117px}.v122-buyer.is-current,.v122-buyer:hover{background:#eaf1fa;border-color:#d8e8ff;color:#18324f;box-shadow:0 9px 25px -15px #0008}.v122-buyer-icon{color:#a9c6ee}.v122-buyer-icon svg{width:43px;height:45px;display:block}.v122-buyer.is-current .v122-buyer-icon,.v122-buyer:hover .v122-buyer-icon{color:#3d628d}.v122-buyer-number{font:500 8px var(--mono);letter-spacing:.08em;color:#a8bedb}.v122-buyer h4{font:650 16px/1.4 var(--sans);letter-spacing:-.025em;margin:5px 0 1px;color:#eaf2ff}.v122-buyer p{font-size:11px;line-height:1.7;color:#c1cfe2;margin:0}.v122-buyer-query{display:flex;align-items:center;gap:7px;font-size:10px;line-height:1.5;color:#b4c5df;margin-top:8px}.v122-buyer-query i{font:normal 17px/1 var(--sans);color:#90b8f0}.v122-buyer.is-current h4,.v122-buyer:hover h4{color:#193556}.v122-buyer.is-current p,.v122-buyer.is-current .v122-buyer-query,.v122-buyer:hover p,.v122-buyer:hover .v122-buyer-query{color:#4b6686}.v122-buyer.is-current .v122-buyer-number,.v122-buyer:hover .v122-buyer-number{color:#527bb3}.v122-buyer-indicator{font-size:18px;opacity:.45}.v122-buyer.is-current .v122-buyer-indicator{opacity:1;color:#3961af}.v122-growth-bottom{display:flex;gap:30px;justify-content:space-between;align-items:center;padding:21px 28px;border-top:1px solid #7f9bc02b}.v122-growth-bottom p{font-size:11px;line-height:1.8;color:#b6c9e3;max-width:580px;margin:0}.v122-growth-bottom b{color:#e8f1fe;font-weight:600}.v122-growth-bottom>span{font-size:9px;line-height:1.7;color:#a9bdd8;max-width:220px;text-align:right}.v122-growth-outcome{display:flex;align-items:center;justify-content:center;gap:36px;padding-top:30px;font-size:11px;line-height:1.6;color:#bdcde3}.v122-growth-outcome b{font:400 10px var(--mono);color:#7699cc;margin-right:11px}.v122-growth-outcome i{font-style:normal;color:#6b8dbd} @keyframes v122-route{to{stroke-dashoffset:-22}} [data-cx-motion-state="paused"] .v122-growth-branches path{animation-play-state:paused!important} .v122-dropdown{max-height:calc(100svh - 120px);overflow-y:auto;overscroll-behavior:contain} .v122-sector-content{min-height:0} .v122-growth{padding-block:82px}.v122-growth-head{margin-bottom:32px}.v122-growth-scene{min-height:430px;padding-block:28px 24px} #ejemplo-diversificacion{scroll-margin-top:calc(var(--header-bottom) + 18px)} @media(min-width:1600px){.v122-mail-frame{max-width:1200px}} @media(max-width:1120px){.v122-navigation{display:none}.v122-mail-frame .cx-inbox-body{grid-template-columns:36px 120px minmax(230px,.85fr) minmax(290px,1.2fr)}.v122-growth-head{gap:5%;grid-template-columns:1.1fr 1fr}.v122-growth-scene{padding:30px 25px;grid-template-columns:minmax(200px,.85fr) 8% minmax(300px,1.2fr)}.v122-buyer{padding:14px;gap:11px;grid-template-columns:39px 1fr 12px}.v122-growth-outcome{gap:20px}.v122-buyer-icon svg{width:37px}} @media(max-width:980px){.v122-mail-intro{display:block}.v122-mail-intro p{margin-top:6px}.v122-mail-frame .cx-inbox-body{grid-template-columns:36px 240px minmax(0,1fr)}.v122-growth-head{grid-template-columns:1fr;gap:20px}.v122-growth h2{max-width:690px}.v122-growth-head>div:last-child{max-width:620px}.v122-growth-toolbar{padding:18px 22px}.v122-growth-toolbar>span{max-width:140px;line-height:1.8}.v122-growth-origin h3{font-size:22px}.v122-buyer-query{font-size:9px}.v122-growth-outcome{gap:17px;font-size:10px}.v122-growth-bottom>span{max-width:160px}} @media(max-width:680px){.v122-mail-frame .cx-inbox-body{grid-template-columns:1fr;min-height:0}.v122-mail-frame .cx-mail-row{min-height:96px}.v122-mail-frame .cx-mail-reader{padding:21px 17px}.v122-mail-frame .cx-mail-readers{min-height:480px}.v122-mail-frame .cx-outlook-top{min-height:48px}.v122-mail-intro h3{font-size:17px}.v122-mail-intro p{font-size:11px}.v12-search-aside{padding-left:18px}.v122-growth-toolbar{display:block;padding:20px 17px}.v122-growth-toolbar>span{max-width:none;display:block;font-size:8px;margin-bottom:13px}.v122-growth-toolbar>div{gap:5px;display:grid;grid-template-columns:.8fr .9fr 1.4fr}.v122-growth-toolbar button{font-size:10px;padding:10px 7px;white-space:nowrap}.v122-growth-toolbar button span{display:none}.v122-growth-scene{display:block;padding:22px 17px 19px;min-height:0}.v122-growth-origin{display:grid;grid-template-columns:110px 1fr;gap:0 17px}.v122-growth-photo{grid-row:1/4;aspect-ratio:1;height:110px}.v122-growth-photo>span{font-size:8px;padding:5px;bottom:7px;left:7px}.v122-growth-origin h3{font-size:19px;line-height:1.3;margin:4px 0 7px}.v122-growth-origin>p{font-size:10px;margin:0;line-height:1.7}.v122-growth-signature{grid-column:1/-1;margin-top:17px;font-size:10px;gap:8px}.v122-growth-branches{height:30px;position:relative}.v122-growth-branches svg{display:none}.v122-growth-branches::after{content:'';position:absolute;top:7px;bottom:4px;width:1px;left:20px;background:#96b9ed}.v122-growth-buyers{gap:10px;border-left:1px solid #6583a8;margin-left:20px;padding-left:18px}.v122-buyer{position:relative;grid-template-columns:32px 1fr;gap:12px;padding:13px 12px;min-height:117px}.v122-buyer::before{content:'';position:absolute;width:18px;height:1px;left:-19px;top:50%;background:#7696bf}.v122-buyer-icon svg{width:32px;height:36px}.v122-buyer-number{font-size:7px;letter-spacing:.04em}.v122-buyer h4{font-size:14px}.v122-buyer p{font-size:10px}.v122-buyer-query{font-size:9px;gap:5px;line-height:1.5}.v122-buyer-indicator{display:none}.v122-growth-bottom{display:block;padding:18px 20px}.v122-growth-bottom p{font-size:11px}.v122-growth-bottom>span{display:block;max-width:none;text-align:left;font-size:8px;margin-top:12px}.v122-growth-outcome{display:grid;grid-template-columns:1fr;gap:9px;padding-top:24px;justify-items:start;font-size:11px}.v122-growth-outcome i{display:none}.v122-growth-head{margin-bottom:30px}.v122-growth-head p:not(.kicker){font-size:13px}.v122-growth-head .btn{font-size:11px;padding-inline:16px}#sistema .section-head{padding-left:18px}} @media(prefers-reduced-motion:reduce){.v122-dropdown,.v122-nav-links>a,.v122-growth-branches path{animation:none!important}.v122-growth-photo img,.v122-buyer,.v122-nav-links>a,.v122-sector-tabs button{transition:none!important}}