/* Free-Plums: approved hero concept, scoped to the header and homepage intro. */
.quartz .q-header-refined{min-height:88px;margin-bottom:0;border-color:#ffffff0b;gap:30px}
.quartz .q-header-refined>.q-brand{font-size:27px;letter-spacing:-1.2px;gap:9px}
.quartz .q-header-refined .q-brand-favicon{width:34px;height:34px;filter:hue-rotate(300deg) saturate(.6) brightness(1.2)}
.quartz .q-header-refined .q-nav{background:transparent;border:0;padding:0;gap:12px}
.quartz .q-header-refined .q-nav>a{height:43px;padding:0 17px;border-radius:10px;font-size:12px}
.quartz .q-header-refined .q-nav>a.q-nav-catalog{background:linear-gradient(135deg,#20262b,#171d22);border-color:#323c43}
.quartz .q-header-refined .q-nav>a.q-nav-catalog svg{color:#92f4d8}
.quartz .q-header-refined .q-account>div:first-child>.btn-accent{background:transparent!important;color:#eef5f2!important;border:1px solid #afc1ba!important;min-width:112px;box-shadow:none}
.quartz .q-header-refined .q-account>div:first-child>.btn-vafom{background:transparent!important;border-color:transparent!important;font-size:11px!important;color:#9da9b0!important;padding:0 8px}
.quartz .fp-hero{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:550px;padding-top:50px;padding-bottom:32px;isolation:isolate}
.fp-hero:before{content:"";position:absolute;inset:0 -40px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 75% 46%,#174b3a24,transparent 55%)}
.fp-hero-copy{position:relative;z-index:4;padding-top:14px}
.fp-eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 24px;color:#bdc7d2;font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase}
.fp-eyebrow>span{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#9bffdb;box-shadow:0 0 14px #83ffc4}
.quartz .fp-hero h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(42px,4.5vw,64px);font-weight:800;line-height:1.04;letter-spacing:-2.9px;color:#f4f7fa;margin:0 0 18px;white-space:nowrap}
.fp-hero h1>span{color:#9af6d9;text-shadow:0 0 45px #65ffc21a}
.quartz .fp-hero-lead{font-size:19px;line-height:1.6;color:#a5afc0;margin:0 0 28px;letter-spacing:-.4px}
.fp-hero-actions{display:flex;align-items:center;gap:14px}
.quartz .fp-button{display:inline-flex;align-items:center;justify-content:center;gap:17px;min-height:56px;padding:0 24px;border:1px solid #3a474e;border-radius:11px;font:600 14px Manrope,Arial,sans-serif;text-decoration:none;transition:transform .2s,background .2s,box-shadow .2s;white-space:nowrap}
.quartz .fp-button-primary{color:#08221c;background:#9af6da;border-color:#9af6da;box-shadow:0 8px 35px #50edb518}
.quartz .fp-button-primary>span{font-size:24px;font-weight:400;line-height:1}
.quartz .fp-button-secondary{color:#e5edf2;background:#10181b66}
.quartz .fp-button:hover{transform:translateY(-2px);box-shadow:0 8px 28px #7dffd521}
.fp-hero-points{display:flex;gap:25px;margin-top:34px}
.fp-hero-points>div{border-left:1px solid #8cbeaf;padding-left:17px;display:flex;flex-direction:column;gap:5px}
.fp-hero-points strong{font-size:15px;font-weight:700;color:#eaf2f5;line-height:1.2}
.fp-hero-points span{font-size:11px;color:#909eac}
.fp-hero-art{position:relative;min-width:0;min-height:470px;align-self:stretch}
.fp-aura{position:absolute;inset:0 -30px -20px -60px;background:radial-gradient(ellipse at 50% 40%,#24d98b38 0%,#164d3824 40%,transparent 70%);filter:blur(16px)}
.fp-orbit{position:absolute;left:5%;top:-5px;width:88%;height:95%;border:1px solid #75e6b52e;border-radius:50%;transform:rotate(-22deg)}
.fp-orbit-two{left:-5%;top:60px;width:108%;height:73%;border-color:#aa88ff25;transform:rotate(19deg)}
.fp-orbit-one:after,.fp-orbit-two:after{content:"";position:absolute;width:6px;height:6px;top:22%;right:5%;border-radius:50%;background:#96f9d5;box-shadow:0 0 12px #8affc9}
.fp-orbit-two:after{left:1%;top:64%;background:#b998ff;box-shadow:0 0 12px #c6a1ff}
.fp-mascot{position:absolute;z-index:2;height:540px;width:auto;max-width:none;bottom:-32px;left:50%;transform:translateX(-50%);object-fit:contain;object-position:bottom;filter:drop-shadow(-9px 0 22px #6affaf15);pointer-events:none;mask-image:linear-gradient(#000 89%,transparent);-webkit-mask-image:linear-gradient(#000 89%,transparent)}
.fp-glass{position:absolute;border:1px solid #80e5b83d;border-radius:14px;background:linear-gradient(140deg,#164f426b,#111d237d 75%);box-shadow:inset 0 1px 0 #ffffff0c,0 14px 40px #0003;backdrop-filter:blur(12px);padding:17px;color:#dbe9e5}
.fp-glass-title{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid #8baea21f;margin-bottom:12px}
.fp-glass-title b{display:flex;align-items:center;justify-content:center;width:32px;height:34px;border:1px solid #a1ead926;border-radius:9px;color:#98fbd6;background:#86ffd50a;font-size:23px;font-weight:400}
.fp-glass-title strong{font-size:12px;line-height:1.5;color:#e3efeb;font-weight:700}
.fp-glass,.fp-glass *{font-family:Manrope,Arial,sans-serif}
.fp-glass ul{list-style:none;padding:0;margin:0;display:grid;gap:10px;font-size:11px;color:#9eb6b1}
.fp-glass li:before{content:"✓";display:inline-flex;justify-content:center;align-items:center;width:15px;height:15px;border:1px solid #a6f7d122;border-radius:4px;margin-right:9px;color:#91dfbd;background:#91ffc607;font-size:10px}
.fp-glass-development{top:10px;left:-15px;width:208px;transform:rotate(-6deg);z-index:1}
.fp-glass-solutions{top:128px;right:-2px;width:190px;transform:rotate(7deg);z-index:3;background:linear-gradient(135deg,#133d335e,#171b2bdb 80%,#4d328473);border-color:#aa9adc40}
.fp-glass-community{bottom:24px;right:-8px;width:188px;transform:rotate(7deg);z-index:3;background:linear-gradient(135deg,#102c277a,#171f2cd6)}
.fp-glass-community .fp-glass-title{margin:0 0 8px;padding-bottom:6px;border:0}
.fp-community-caption{display:flex;gap:7px;align-items:center;font-size:9px;color:#9db4b2;white-space:nowrap}
.fp-community-caption i{width:5px;height:5px;background:#8beec5;border-radius:50%;box-shadow:0 0 9px #6affaf}
.fp-float-code,.fp-float-star{position:absolute;display:grid;place-items:center;border:1px solid #c8b8ff52;border-radius:17px;box-shadow:inset 0 1px 0 #ffffff32,0 14px 25px #0005;font-size:38px;line-height:1;color:#d9d0ff;z-index:3}
.fp-float-code{width:67px;height:72px;top:225px;left:6px;transform:rotate(-14deg);background:linear-gradient(140deg,#8b7bb6,#3a3259)}
.fp-float-star{width:58px;height:61px;right:20px;top:5px;transform:rotate(13deg);background:linear-gradient(140deg,#b1e9ba,#447767);color:#e2ffe6;border-color:#b9ffcc38}
.quartz .fp-benefits{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #2d3b3a;border-radius:18px;background:linear-gradient(120deg,#11191be8,#111a1b77);padding:22px 0;margin-top:0;margin-bottom:44px;z-index:5}
.fp-benefits>a{display:flex;align-items:center;gap:16px;min-width:0;padding:0 27px;text-decoration:none;color:inherit;position:relative}
.fp-benefits>a+a:before{content:"";position:absolute;left:0;width:1px;height:36px;background:#33403f}
.fp-benefit-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:54px;height:54px;border:1px solid #344841;border-radius:50%;background:linear-gradient(135deg,#99ffc40b,#142023);color:#99f5d5}
.fp-benefit-icon svg{width:23px;height:23px}
.fp-benefits strong{display:block;color:#e3ebef;font-size:13px;font-weight:700;line-height:1.5;margin-bottom:5px}
.fp-benefits small{display:block;color:#94a2b0;font-size:11px;line-height:1.6}
.fp-button:focus-visible,.fp-benefits>a:focus-visible{outline:2px solid #9af6da;outline-offset:5px}
@media(min-width:1500px){.quartz .fp-hero{min-height:590px;padding-top:65px}.fp-mascot{height:580px}.fp-hero-art{min-height:490px}.fp-glass-development{left:10px}}
@media(max-width:1150px){.quartz .q-header-refined{gap:20px}.quartz .q-header-refined .q-nav{gap:2px}.quartz .q-header-refined .q-nav>a{padding:0 12px}.quartz .fp-hero h1{font-size:clamp(37px,4.7vw,54px);letter-spacing:-2px}.quartz .fp-hero-lead{font-size:16px}.quartz .fp-button{padding:0 17px;font-size:12px;gap:12px}.fp-hero-points{gap:15px}.fp-hero-points>div{padding-left:12px}.fp-hero-points strong{font-size:13px}.fp-mascot{height:500px}.fp-glass-development{width:180px;padding:13px;left:0}.fp-glass-solutions{right:-8px;width:167px;padding:13px;top:150px}.fp-glass-community{right:-6px;width:165px;padding:12px}.fp-glass-title strong{font-size:10px}.fp-glass ul{font-size:10px}.fp-float-code{left:-2px;top:225px}.fp-float-star{right:10px}.fp-benefits>a{gap:12px;padding:0 18px}.fp-benefit-icon{width:43px;height:43px}.fp-benefits strong{font-size:12px}.fp-benefits small{font-size:10px}}
@media(max-width:900px){.quartz .q-header-refined{padding:18px 0;gap:14px}.quartz .q-header-refined .q-nav{justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.quartz .q-header-refined .q-nav>a{flex:0 0 auto;padding:0 16px;font-size:11px}.quartz .q-header-refined .q-nav::-webkit-scrollbar{display:none}.quartz .fp-hero{min-height:490px;padding-top:30px;padding-bottom:22px}.fp-hero-copy{padding-top:20px}.fp-eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:20px}.quartz .fp-hero h1{font-size:clamp(34px,4.75vw,43px);letter-spacing:-1.8px}.quartz .fp-hero-lead{font-size:14px;max-width:290px}.fp-hero-actions{gap:9px;flex-wrap:wrap}.quartz .fp-button{min-height:46px;padding:0 15px;font-size:11px}.fp-hero-points{margin-top:26px;gap:13px;flex-wrap:wrap}.fp-hero-points strong{font-size:11px}.fp-hero-points span{font-size:9px}.fp-hero-art{min-height:420px}.fp-mascot{height:450px;bottom:-22px}.fp-glass-development{top:7px;left:0;width:155px;padding:10px}.fp-glass-title{gap:7px}.fp-glass-title b{width:25px;height:27px}.fp-glass-solutions{width:143px;right:-4px;top:178px;padding:10px}.fp-glass ul{gap:7px;font-size:9px}.fp-glass-community{width:146px;right:0;bottom:5px}.fp-community-caption{font-size:8px}.fp-float-code{width:45px;height:50px;font-size:27px;top:235px;left:-6px;border-radius:12px}.fp-float-star{width:43px;height:46px;font-size:30px;right:0}.quartz .fp-benefits{margin-bottom:32px;padding:18px 0}.fp-benefits>a{padding:0 13px;gap:10px}.fp-benefit-icon{width:35px;height:35px}.fp-benefit-icon svg{width:19px;height:19px}.fp-benefits strong{font-size:11px}.fp-benefits small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.quartz .fp-button{transition:none}}

/* A compact, purpose-built composition for phones. */
@media(min-width:641px) and (max-width:900px){
 .fp-hero:before{inset:0}
 .fp-hero-art{overflow:hidden;border-radius:18px}
 .fp-glass-solutions,.fp-glass-community{right:8px}
}
@media(max-width:640px){
 .quartz .q-header-refined{padding:16px 0 12px;gap:14px}
 .quartz .q-header-refined>.q-brand{font-size:22px;gap:7px}
 .quartz .q-header-refined .q-brand-favicon{width:28px;height:28px}
 .quartz .q-header-refined .q-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;overflow:visible;width:100%;padding:0}
 .quartz .q-header-refined .q-nav>a{height:40px;min-height:40px;padding:0 4px;gap:5px;font-size:10px;justify-content:center;border-radius:9px}
 .quartz .q-header-refined .q-nav>a svg{width:13px;height:13px;flex-shrink:0}
 .quartz .q-header-refined .q-account>div:first-child>.btn-accent{min-width:76px;height:38px;border-radius:9px}
 .quartz .fp-hero{grid-template-columns:1fr;padding-top:28px;padding-bottom:0;min-height:0}
 .fp-hero:before{inset:0}
 .fp-hero-copy{padding-top:0}
 .fp-eyebrow{font-size:9px;font-weight:700;letter-spacing:1.2px;line-height:1.5;gap:9px;margin:0 0 18px;color:#a7dfce}
 .quartz .fp-hero h1{white-space:normal;font-size:clamp(35px,9.4vw,52px);line-height:1.08;letter-spacing:-1.7px;margin-bottom:17px}
 .quartz .fp-hero-lead{font-size:14px;line-height:1.7;max-width:460px;color:#a7b4bd;margin:0 0 23px}
 .fp-hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:stretch}
 .quartz .fp-button{min-height:50px;padding:0 12px;font-size:12px;gap:8px;border-radius:10px;min-width:0}
 .quartz .fp-button-primary>span{font-size:19px}
 .fp-hero-points{display:none}
 .fp-hero-art{height:260px;min-height:0;margin:19px 0 0;border-radius:18px;overflow:hidden;background:radial-gradient(ellipse at 65% 65%,#17473285,transparent 70%)}
 .fp-aura{inset:0}
 .fp-mascot{height:355px;width:auto;bottom:-86px;left:62%;mask-image:linear-gradient(#000 80%,transparent 99%);-webkit-mask-image:linear-gradient(#000 80%,transparent 99%)}
 .fp-orbit{height:280px;width:280px;left:calc(62% - 140px);top:7px}
 .fp-orbit-two{width:320px;height:210px;left:calc(62% - 160px);top:36px}
 .fp-glass-development,.fp-glass-community,.fp-float-code,.fp-float-star{display:none}
 .fp-glass-solutions{top:auto;bottom:20px;left:13px;right:auto;width:auto;max-width:200px;transform:none;padding:10px 13px;border-radius:12px;background:#132820c9;border-color:#8ce4ba46;z-index:3}
 .fp-glass-solutions ul{display:none}
 .fp-glass-solutions .fp-glass-title{padding:0;margin:0;border:0;gap:8px}
 .fp-glass-solutions .fp-glass-title strong{font-size:12px}
 .fp-glass-solutions .fp-glass-title b{width:26px;height:27px;font-size:20px}
 .quartz .fp-benefits{grid-template-columns:repeat(3,minmax(0,1fr));padding:16px 0;margin:0 auto 28px;border-radius:14px;background:#10191ae0;gap:0}
 .fp-benefits>a{padding:0 7px;display:flex;flex-direction:column;text-align:center;gap:9px;justify-content:flex-start}
 .fp-benefits>a+a:before{height:38px;width:1px;left:0;top:12px;background:#ffffff12}
 .fp-benefit-icon{width:33px;height:33px;border:0;background:#96ffd00a;border-radius:10px}
 .fp-benefit-icon svg{width:20px;height:20px}
 .fp-benefits strong{font-size:10px;line-height:1.45;margin:0;font-weight:600}
 .fp-benefits small{display:none}
 .quartz .q-library{margin-top:0;padding-top:0}
}
@media(max-width:360px){
 .quartz .q-header-refined .q-nav>a{font-size:9px;gap:3px;padding:0 2px}
 .quartz .q-header-refined .q-nav>a svg{width:11px;height:11px}
 .quartz .fp-button{font-size:10px;padding:0 8px;gap:5px}
 .quartz .fp-hero h1{font-size:32px;letter-spacing:-1.5px}
 .quartz .fp-hero-lead{font-size:13px}
 .fp-hero-art{height:230px}
 .fp-mascot{height:325px;bottom:-86px}
 .fp-benefits strong{font-size:9px}
}