:root{--ink:#102d50;--muted:#52677f;--teal:#0865c3;--pale:#edf6ff;--line:#dbe5f0;--sand:#f4f8fc}.preview-switch{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 5%;background:#eef3f9;color:#40566f;font-size:10px;letter-spacing:1px}.preview-switch a{font-weight:600;text-decoration:underline;text-underline-offset:3px;letter-spacing:0}.topline{background:#102d50}.header{padding-top:22px;padding-bottom:22px}.drop{background:linear-gradient(140deg,#5cc7f5,#0661c1)}.button{border-radius:7px;background:#0966ce}.button:hover{background:#084e9b}.hero{max-width:1440px;background:#eef6ff;grid-template-columns:1.15fr 1fr;min-height:590px;border-top:1px solid #e0ebf5}.hero-copy{padding:64px 6% 52px 9%;position:relative;z-index:2}.hero-copy .eyebrow{color:#1f669d;letter-spacing:2px;font-size:10px}h1{font-size:clamp(49px,4.6vw,66px);font-weight:600;letter-spacing:-2.7px;line-height:1.08}h1 em{font-family:inherit;font-style:normal;color:#0966ce;letter-spacing:-2.7px;font-weight:500}.hero-copy>p{font-size:16px;max-width:410px;margin-top:24px}.hero-actions{gap:18px}.hero-actions .text-link{font-size:12px}.hero-note{font-size:11px;max-width:none}.hero-visual{background:radial-gradient(ellipse at 48% 45%,#fff 0%,#e2f2ff 43%,#c7e4fd 100%);overflow:hidden}.hero-orbit{height:450px;width:450px;border-color:#8dbfe4;background:#ffffff38;box-shadow:0 0 0 35px #ffffff15}.orbit-two{position:absolute;width:540px;height:540px;border:1px solid #c1def3;border-radius:50%;z-index:-1}.hero-product{height:450px;width:310px;object-fit:contain;mix-blend-mode:multiply;margin:15px 25px 0 0}.tech-caption{position:absolute;top:32px;left:32px;font-size:9px;letter-spacing:2px;color:#355b7e}.hero-label{bottom:30px;right:22px;border:1px solid #d6e8f6;border-radius:10px;box-shadow:0 12px 30px #305f8a12;padding:18px 22px}.hero-label strong{font-size:19px}.hero-label a{color:#075caa;border-color:#aacce8}.tech-chip{position:absolute;top:85px;right:30px;border:1px solid #aad0ef;background:#f5fbffed;border-radius:10px;padding:11px 15px;font-size:9px;letter-spacing:1px}.tech-chip b{display:block;text-align:center;color:#0865c3;font-size:34px;letter-spacing:-2px;line-height:1.3}.benefits>div>span{font-family:inherit;font-style:normal;color:#6f9fc8;font-size:25px}.benefits{border-bottom:0;padding-top:25px;padding-bottom:25px}.triple-section{background:#102d50;color:white;padding:55px max(6%,calc((100% - 1200px)/2))}.triple-section .section-heading{align-items:center;margin-bottom:30px}.triple-section .eyebrow{color:#95cfff;font-size:10px}.triple-section h2{font-size:37px;letter-spacing:-1.2px}.triple-section .section-heading>p{color:#bbcee1;font-size:13px}.triple-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.triple-grid article{position:relative;padding:27px 25px;border:1px solid #38526f;border-radius:9px;background:#193958}.triple-grid h3{font-size:21px;font-weight:500;letter-spacing:-.3px;margin-top:6px}.triple-grid p{color:#c5d5e4;font-size:13px;margin-top:10px;max-width:290px}.triple-grid .eyebrow{display:block;font-size:9px;letter-spacing:1.2px;margin-bottom:0}.component-number{position:absolute;top:23px;right:23px;color:#91acc5;font-size:12px}.component-icon{width:49px;height:49px;margin-bottom:22px;border-radius:12px;border:1px solid #7ab6e6}.ceramic{background:radial-gradient(#8fcfff 2px,transparent 3px) 0 0/10px 10px;background-color:#24496b}.carbon{background:radial-gradient(circle at 25% 25%,#081a2e 5px,transparent 6px),radial-gradient(circle at 65% 40%,#081a2e 7px,transparent 8px),radial-gradient(circle at 36% 75%,#081a2e 7px,transparent 8px),#6d99ba}.silver{background:radial-gradient(circle at 35% 30%,#fff,#b8d9f0 35%,#527ba1 78%);border-radius:50%}.tech-footnote{font-size:11px;color:#b9cfe1;margin-top:23px}.product-photo{background:linear-gradient(145deg,#f4f9ff,#edf3fa)}.product{border-radius:12px;box-shadow:0 7px 25px #23497006}.product-body>.eyebrow{color:#376c9a}.price{color:#0c579d}.more-products>summary{background:#f5f9fd}.contact{background:#0d3768}.contact .eyebrow{color:#a8d8ff}.contact .button{background:#edf7ff;color:#103b68}.floating-wa{background:#167147}.guides{padding-top:48px}.guide-number{color:#1669ad}.guide-grid article{background:#f4f8fc;padding:25px;border:1px solid #e1eaf3;border-radius:10px}.guide-grid{gap:20px}.section{padding-top:55px;padding-bottom:55px}
@media(max-width:1050px){.hero-copy{padding:48px 7%}h1{font-size:51px}.hero-product{height:390px;width:265px}.hero-orbit{width:350px;height:350px}.hero-label{padding:15px;right:15px}.tech-chip{right:15px;top:70px}.triple-section{padding:45px 4%}.triple-grid{gap:12px}.triple-grid article{padding:22px 17px}.triple-grid h3{font-size:19px}}
@media(max-width:700px){.preview-switch{padding:8px 18px;font-size:8px;letter-spacing:.4px;gap:12px}.preview-switch span{max-width:145px}.preview-switch a{font-size:10px;max-width:140px;text-align:right}.header{padding:20px}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:36px 24px 30px}.hero-copy .eyebrow{font-size:9px;letter-spacing:1px}h1{font-size:47px;letter-spacing:-2px}h1 em{letter-spacing:-2px}.hero-copy>p{font-size:15px;margin-top:20px}.hero-actions{gap:16px}.hero-actions .text-link{font-size:12px}.hero-note{font-size:10px;margin-top:21px}.hero-visual{min-height:380px}.hero-product{height:325px;width:215px;margin:30px 35px 0 0}.hero-orbit{width:310px;height:310px}.orbit-two{width:380px;height:380px}.tech-caption{top:18px;left:22px;font-size:8px;letter-spacing:1.3px}.tech-chip{top:48px;right:20px;padding:8px 10px;font-size:8px}.tech-chip b{font-size:27px}.hero-label{bottom:17px;right:15px;padding:13px 15px}.hero-label strong{font-size:16px}.hero-label>span{font-size:9px}.hero-label a{font-size:11px}.benefits{gap:14px;padding:23px 24px}.triple-section{padding:37px 22px}.triple-section h2{font-size:31px}.triple-section .section-heading>p{margin-top:16px}.triple-grid{grid-template-columns:1fr;gap:13px}.triple-grid article{padding:21px}.component-icon{width:36px;height:36px;margin-bottom:15px}.triple-grid h3{font-size:22px}.triple-grid p{max-width:none}.tech-footnote{font-size:11px}.section{padding:39px 20px}.guide-grid{gap:15px}.guide-grid article{padding:22px}.contact h2{font-size:30px}.hero-actions .button{font-size:12px;padding:14px 16px}}