*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.5 Arial,Helvetica,sans-serif;color:#111820;background:#fff}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}img{display:block;width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.17;letter-spacing:-.035em}button{border:0}a,button{transition:color .2s,background .2s}a:hover{color:#0754ff}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #3982ff;outline-offset:4px}.container{width:90%;max-width:1440px;margin:auto}.skip{position:fixed;left:20px;top:-80px;padding:12px;background:#fff;z-index:100}.skip:focus{top:10px}.header{display:flex;align-items:center;justify-content:space-between;gap:25px;height:98px;color:white;background:#03080f;padding:0 6%}.logo{display:inline-flex;align-items:center;gap:12px;font-size:29px;font-weight:700;white-space:nowrap;letter-spacing:-1px}.logo svg{width:40px;height:44px}.nav{display:flex;gap:30px;align-items:center;font-size:15px;font-weight:600}.nav a{position:relative;padding:16px 0}.nav a.active:after{content:'';position:absolute;bottom:4px;height:3px;width:30px;background:#1259ff;left:0}.actions{display:flex;gap:22px;align-items:center}.icon{display:inline-flex;position:relative;background:none;color:inherit;padding:0}.icon svg,svg.i{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.count{position:absolute;right:-9px;top:-8px;font-size:10px;background:#0754ff;color:white;border-radius:20px;min-width:16px;text-align:center}.menu{display:none}.hero{background:#020810 url(assets/hero.png) center/cover;min-height:540px;height:38vw;max-height:780px;color:#fff;display:flex;align-items:center;padding:35px 6%;position:relative}.hero-copy{position:relative;width:43%;max-width:600px}.eyebrow{font-size:14px;font-weight:bold;color:#2581ff;margin-bottom:20px}.hero h1{font-size:clamp(42px,4.5vw,72px);line-height:1.08;letter-spacing:-.04em}.hero p:not(.eyebrow){font-size:19px;max-width:410px;margin:22px 0 30px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;background:#0754f7;color:white;border:1px solid transparent;border-radius:5px;min-height:44px;padding:12px 25px;font-weight:600;font-size:14px}.btn:hover{background:#003ac8;color:white}.btn.dark{background:#04152d}.btn.outline{background:none;border-color:currentColor}.hero-dots{display:flex;gap:10px;position:absolute;bottom:32px;left:6%}.hero-dots button{width:8px;height:8px;border-radius:8px;padding:0;background:#7c838a}.hero-dots button.active{background:#165bff;width:27px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);padding:36px 0}.benefit{display:flex;justify-content:center;align-items:center;gap:18px;border-right:1px solid #eee}.benefit:last-child{border:0}.benefit svg{width:38px;height:38px;color:#0754ff}.benefit b{display:block;font-size:14px}.benefit small{display:block;font-size:12px;color:#7a7c82;margin-top:5px}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:18px 0 44px}.category{position:relative;border-radius:13px;overflow:hidden;background:#edf0fb;min-height:245px}.category:nth-child(2){background:#eef3f1}.category:nth-child(4){background:#e5f6fd}.category img{height:100%;width:72%;object-fit:contain;mix-blend-mode:multiply;position:absolute;right:-9%;bottom:-4%;transition:transform .35s}.category:hover img{transform:scale(1.055)}.category div{position:relative;padding:28px 22px;z-index:1;width:59%}.category h3{font-size:23px;margin-bottom:14px}.category span{font-size:13px;font-weight:600}.arrow{color:#0754ff}.section{margin:42px 0}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.section-head h2{font-size:29px}.text-link{color:#0754ff;font-size:14px;font-weight:600}.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}.product{background:#f5f5f7;border:1px solid #eeeef1;border-radius:14px;overflow:hidden;position:relative;padding:15px 24px 24px}.product-image{display:block;overflow:hidden}.product-image img{aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply;transition:transform .35s}.product:hover img{transform:scale(1.045)}.product h3{font-size:17px;font-weight:500;line-height:1.45;letter-spacing:0}.product .price{font-weight:700;margin:8px 0 15px}.price del{font-size:12px;font-weight:400;color:#93969b;margin-left:7px}.product .btn{width:100%;padding:8px;min-height:40px}.product .btn svg{width:16px;height:16px}.badge{position:absolute;top:13px;left:14px;color:white;background:#0754ff;font-size:11px;font-weight:bold;border-radius:4px;padding:4px 7px;z-index:1}.badge.sale{background:#e53030}.badge.best{background:#279b43}.workspace{background:#001124 url(assets/workspace.png) center/cover;color:white;border-radius:12px;min-height:280px;height:20vw;padding:35px 45px;display:flex;align-items:center;overflow:hidden}.workspace>div{width:43%;max-width:450px}.workspace .eyebrow{margin-bottom:12px}.workspace h2{font-size:34px}.workspace p:not(.eyebrow){margin:12px 0 20px;font-size:17px}.promos{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin:26px 0 32px}.promo{background:#eaf0fe;position:relative;overflow:hidden;min-height:225px;border-radius:12px;padding:27px}.promo:last-child{background:#e9f6f3}.promo div{position:relative;z-index:1;width:40%}.promo h2{font-size:25px}.promo p{margin:10px 0 17px}.promo img{position:absolute;right:0;bottom:0;width:64%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .35s}.promo:hover img{transform:scale(1.04)}.newsletter{background:#0754f7;border-radius:9px 9px 0 0;color:white;display:flex;align-items:center;justify-content:space-between;gap:35px;padding:25px 45px}.newsletter-copy{display:flex;align-items:center;gap:22px}.newsletter svg{width:44px;height:44px}.newsletter h2{font-size:23px;margin-bottom:3px}.newsletter p{font-size:14px}.newsletter form{display:flex;gap:8px;width:48%}.newsletter input{width:100%;min-width:0;border:0;border-radius:4px;padding:14px 18px;font-size:14px}.newsletter button{min-width:165px}.footer{background:#031529;color:#c0c9d6;padding:30px 7% 18px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1.2fr 1.1fr 1.2fr;gap:36px}.footer .logo{font-size:25px;color:white}.footer .logo svg{width:33px}.footer p{max-width:230px;font-size:14px;margin:13px 0}.footer h3{font-size:14px;color:white;letter-spacing:0;margin:6px 0 16px}.footer nav{display:flex;flex-direction:column;gap:7px;font-size:13px}.footer a:hover{color:#5690ff}.socials{display:flex;gap:10px}.socials a{border:1px solid #344457;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;font-weight:bold}.app-badge{display:block;border:1px solid #536173;border-radius:5px;padding:8px 13px;background:#02080f;color:#fff;margin:12px 0;width:155px;font-size:18px}.app-badge small{display:block;font-size:9px}.copyright{border-top:1px solid #203145;text-align:center;font-size:12px;margin-top:22px;padding-top:12px}.page-head{padding:55px 0 30px}.page-head h1{font-size:43px}.page-head p{color:#6c7684;margin-top:13px;max-width:660px}.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 30px}.filters a{padding:8px 17px;background:#f1f4f9;border-radius:30px;font-size:14px}.filters a.active{background:#0754ff;color:white}.filters select{margin-left:auto;padding:8px;border:1px solid #d9e0ea;border-radius:5px}.page-content{padding-bottom:65px;min-height:380px}.detail{display:grid;grid-template-columns:1fr 1fr;gap:65px;margin:30px 0 65px}.detail-photo{background:#f5f5f7;border-radius:20px}.detail-photo img{aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply}.detail-info{padding:30px 0}.detail-info h1{font-size:40px;margin-bottom:18px}.detail-info .price{font-size:26px;margin:15px 0}.detail-info p{color:#616e7f}.detail-info button{margin:20px 0}.detail-info ul{padding-left:20px;color:#536174}.detail-info details{border-top:1px solid #e3e7ed;padding:16px 0}.detail-info summary{cursor:pointer;font-weight:bold}.detail-info details p{padding-top:12px}.cart-layout{display:grid;grid-template-columns:1.8fr 1fr;gap:45px}.cart-row{display:flex;align-items:center;gap:20px;border-bottom:1px solid #e6e9ef;padding:15px 0}.cart-row img{width:110px;aspect-ratio:1;object-fit:contain}.cart-row>div{flex:1}.cart-row h3{font-size:17px}.quantity{display:flex;gap:14px;align-items:center;margin-top:12px}.quantity button{border:1px solid #dbe0e8;background:#fff;border-radius:4px;min-width:30px;min-height:30px}.quantity .remove{border:0;color:#6e7885;text-decoration:underline;font-size:12px}.summary{padding:25px;background:#f4f6fa;border-radius:12px;align-self:start}.summary h2{font-size:23px;margin-bottom:18px}.summary p{display:flex;justify-content:space-between;margin:16px 0}.summary .btn{width:100%;margin-top:15px}.empty{padding:60px;text-align:center;background:#f4f6fa;border-radius:15px}.empty h2{margin-bottom:15px}.empty p{margin-bottom:22px}.content{max-width:820px;padding:10px 0 55px}.content h2{font-size:25px;margin:27px 0 12px}.content p{color:#5b687a;margin:12px 0}.form{display:grid;gap:18px;margin:25px 0}.form label{display:grid;gap:7px;font-size:14px;font-weight:600}.form input,.form textarea,.search input{width:100%;padding:14px;border:1px solid #d3dce6;border-radius:5px}.form button{justify-self:start}.notice{font-size:13px;color:#67758a;background:#f2f5fa;padding:14px;border-radius:5px;margin:16px 0}.search{display:flex;gap:10px;margin-bottom:25px}.journal{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.journal article{border:1px solid #e5e9ef;border-radius:12px;overflow:hidden}.journal img{aspect-ratio:1.5;object-fit:cover}.journal article div{padding:22px}.journal h2{font-size:24px;margin:8px 0 12px}.journal p{color:#6a7685;font-size:14px}.article-hero{max-height:450px;object-fit:cover;border-radius:12px;margin-bottom:30px}.faq details{border-bottom:1px solid #e1e5ed;padding:19px 0}.faq summary{font-weight:bold;cursor:pointer}.brand-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.brand-grid a{border:1px solid #e2e6ec;border-radius:12px;padding:40px 25px;background:#f8faff}.brand-grid h2{color:#0754ff}.brand-grid p{margin-top:12px;color:#647186}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,30px);opacity:0;pointer-events:none;background:#04182e;color:#fff;padding:14px 24px;border-radius:7px;z-index:99;box-shadow:0 10px 40px #0002;transition:.2s;max-width:90%;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1700px){.hero{background-position:center}.header{padding-inline:max(6%,calc((100vw - 1440px)/2))}}
@media(max-width:1100px){.nav{gap:18px;font-size:13px}.header{gap:18px;padding:0 5%}.logo{font-size:25px}.actions{gap:15px}.category{min-height:210px}.category div{padding:22px 17px}.category h3{font-size:20px}.product{padding:12px 16px 20px}.footer-grid{gap:22px}.newsletter{padding:25px}.newsletter button{min-width:125px}.workspace h2{font-size:29px}}
@media(max-width:850px){.header{height:80px}.menu{display:inline-flex}.nav{display:none;position:absolute;top:80px;left:0;right:0;background:#06172b;z-index:20;padding:20px 5%;flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{padding:8px}.hero{height:560px;min-height:0}.hero-copy{width:49%}.hero h1{font-size:43px}.hero p:not(.eyebrow){font-size:16px}.benefits{grid-template-columns:1fr 1fr;gap:24px}.benefit:nth-child(2){border:0}.categories{grid-template-columns:1fr 1fr}.category{min-height:220px}.products{grid-template-columns:1fr 1fr}.workspace{min-height:280px;padding:30px}.workspace>div{width:53%}.promos{gap:16px}.promo{padding:22px;min-height:220px}.promo div{width:53%}.newsletter{flex-direction:column;align-items:stretch;gap:20px}.newsletter form{width:100%}.footer-grid{grid-template-columns:repeat(3,1fr)}.footer-grid>div:first-child{grid-column:span 3}.footer .logo{font-size:28px}.footer p{max-width:400px}.detail{gap:30px}.detail-info h1{font-size:30px}.cart-layout{grid-template-columns:1fr}.journal{grid-template-columns:1fr 1fr}}
@media(max-width:550px){.container{width:90%}.header{height:76px}.logo{font-size:24px;gap:8px}.logo svg{width:30px}.actions{gap:17px}.actions .account-icon{display:none}.nav{top:76px}.hero{height:690px;background-position:64% bottom;background-size:auto 420px;background-repeat:no-repeat;align-items:flex-start;padding:30px 5%}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(#020810 33%,transparent 66%)}.hero-copy{width:100%;max-width:330px}.hero h1{font-size:42px}.hero .eyebrow{font-size:12px;margin-bottom:14px}.hero p:not(.eyebrow){font-size:15px;margin:17px 0 20px;max-width:290px}.hero-dots{bottom:18px;left:5%}.benefits{padding:26px 0;gap:23px 8px}.benefit{gap:10px;justify-content:flex-start;border:0}.benefit svg{width:29px;height:29px;flex-shrink:0}.benefit b{font-size:12px}.benefit small{font-size:10px}.categories{gap:12px;margin:10px 0 30px}.category{min-height:185px}.category div{padding:17px 13px;width:70%}.category h3{font-size:18px;max-width:100px}.category span{font-size:11px}.category img{width:85%;height:75%;right:-14%;bottom:-5%}.section{margin:30px 0}.section-head{margin-bottom:18px}.section-head h2{font-size:25px}.products{gap:14px}.product{padding:10px 12px 15px;border-radius:10px}.product-image{margin-top:14px}.product h3{font-size:14px;min-height:41px}.product .price{font-size:14px;margin:8px 0 12px}.price del{font-size:10px;margin-left:3px}.product .btn{font-size:12px;gap:6px;padding:8px 3px}.badge{font-size:9px;top:9px;left:10px}.workspace{height:350px;align-items:flex-start;padding:25px;background-position:60% center;position:relative}.workspace:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#001023ed,#00102325)}.workspace>div{width:80%;position:relative}.workspace h2{font-size:29px}.workspace p:not(.eyebrow){font-size:15px}.workspace .eyebrow{font-size:11px}.promos{grid-template-columns:1fr}.promo{min-height:205px}.promo div{width:43%}.promo img{width:62%}.newsletter{padding:23px 18px}.newsletter-copy{gap:12px}.newsletter h2{font-size:20px}.newsletter p{font-size:12px}.newsletter form{gap:6px}.newsletter button{min-width:95px;padding:10px;font-size:12px}.newsletter input{padding:12px;font-size:12px}.footer{padding:28px 5% 20px}.footer-grid{grid-template-columns:1fr 1fr;gap:27px}.footer-grid>div:first-child{grid-column:span 2}.footer-grid>div:last-child{grid-column:span 2}.footer-grid>div:last-child .app-badge{display:inline-block;margin-right:8px}.copyright{font-size:10px}.page-head{padding:33px 0 25px}.page-head h1{font-size:34px}.page-head p{font-size:15px}.filters{gap:8px}.filters a{font-size:12px;padding:7px 13px}.filters select{margin-left:0;width:100%}.detail{grid-template-columns:1fr;gap:15px;margin-top:5px}.detail-info{padding:10px 0}.detail-info h1{font-size:32px}.cart-row{gap:12px}.cart-row img{width:70px}.cart-row h3{font-size:14px}.cart-row strong{font-size:14px}.quantity{gap:9px}.empty{padding:35px 20px}.journal,.brand-grid{grid-template-columns:1fr}.search .btn{padding:10px 15px}.page-content{padding-bottom:40px}.content h2{font-size:23px}}
/* Keep full hero devices visible and soften studio image edges into cards. */
@media(min-width:551px){.hero{background-size:auto 100%;background-position:right center;background-repeat:no-repeat}}
.socials svg{width:15px;height:15px;fill:currentColor}.app-badge{display:flex;align-items:center;gap:9px}.app-badge svg{width:23px;height:26px;flex-shrink:0}.app-badge span{line-height:1.1}.app-badge small{margin-bottom:3px}
@media(max-width:550px){.hero{background-size:auto 365px;background-position:75% bottom}.footer-grid>div:last-child .app-badge{display:inline-flex}}
@media(min-width:551px){.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#020810 0%,#020810 31%,transparent 57%);pointer-events:none}.hero-copy,.hero-dots{z-index:1}}
.app-badge{width:165px}.app-badge span{white-space:nowrap}
/* Homepage hero proportions follow the supplied 941 × 419 reference. */
body[data-page="index"] #header{position:absolute;inset:0 0 auto;z-index:10}
body[data-page="index"] .header{background:transparent}
@media(min-width:851px){
body[data-page="index"] .header{height:7.05vw;padding:0 6.27%;gap:2vw}
body[data-page="index"] .header .logo{font-size:2.55vw;gap:.9vw}
body[data-page="index"] .header .logo svg{width:3vw;height:3.4vw}
body[data-page="index"] .nav{gap:2.8vw;font-size:1.36vw}
body[data-page="index"] .actions{gap:1.9vw}
body[data-page="index"] .actions svg{width:2vw;height:2vw}
body[data-page="index"] .hero{height:44.53vw;min-height:0;max-height:none;padding:0;background-size:100% 100%;background-position:center}
body[data-page="index"] .hero:before{display:none}
body[data-page="index"] .hero-copy{position:absolute;left:6.27%;top:11.5vw;width:40%;max-width:none}
body[data-page="index"] .hero .eyebrow{font-size:1.27vw;line-height:1.2;margin:0 0 1.6vw}
body[data-page="index"] .hero h1{font-size:4.45vw;line-height:1.12;letter-spacing:-.035em}
body[data-page="index"] .hero p:not(.eyebrow){font-size:1.6vw;line-height:1.42;max-width:34vw;margin:1.65vw 0 2.3vw}
body[data-page="index"] .hero .btn{font-size:1.38vw;padding:1vw 2.6vw;min-height:4vw;border-radius:.5vw}
body[data-page="index"] .hero-dots{bottom:2.9vw;left:6.27%;gap:.8vw}
body[data-page="index"] .hero-dots button{width:.7vw;height:.7vw}
body[data-page="index"] .hero-dots button.active{width:2vw}
}
@media(min-width:551px) and (max-width:850px){body[data-page="index"] .hero{padding-top:100px;height:570px}}
@media(max-width:550px){body[data-page="index"] .hero{padding-top:106px;height:760px}}
.hero{background-image:url(assets/hero-reference.png)}
/* Stack hero content at compact widths; show the complete photograph. */
.hero-mobile-image{display:none}
@media(max-width:850px){
body[data-page="index"] #header{position:relative}
body[data-page="index"] .header{background:#020810}
body[data-page="index"] .hero{display:flex;flex-direction:column;align-items:stretch;height:auto;min-height:0;max-height:none;padding:30px 0 24px;background:#020810}
body[data-page="index"] .hero:before{display:none}
body[data-page="index"] .hero-copy{position:relative;order:0;inset:auto;width:auto;max-width:600px;margin:0 6%;padding:0}
body[data-page="index"] .hero h1{font-size:clamp(36px,6vw,52px)}
body[data-page="index"] .hero p:not(.eyebrow){max-width:450px}
body[data-page="index"] .hero-mobile-image{display:block;order:1;width:100%;height:auto;object-fit:contain;margin:24px 0 0}
body[data-page="index"] .hero-dots{position:relative;order:2;inset:auto;margin:20px 6% 0;align-self:flex-start}
}
/* Compact hero: full product arrangement behind the copy at its natural width. */
@media(max-width:850px){
body[data-page="index"] .hero{position:relative;isolation:isolate;display:block;padding:35px 0 26px;min-height:390px;overflow:hidden}
body[data-page="index"] .hero-mobile-image{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;height:auto;margin:0;z-index:-1}
body[data-page="index"] .hero-copy{position:relative;z-index:1}
body[data-page="index"] .hero h1,body[data-page="index"] .hero-copy p{text-shadow:0 2px 12px #0009}
body[data-page="index"] .hero-dots{position:relative;margin-top:30px;z-index:1}
}
.mobile-copy-break{display:none}
@media(max-width:850px){.mobile-copy-break{display:block}body[data-page="index"] .hero p:not(.eyebrow){max-width:340px}}
@media(max-width:850px){body[data-page="index"] .hero-mobile-image{left:0}}
@media(min-width:851px){body[data-page="index"] .hero{background-image:url(assets/hero-desktop-expanded.png);background-position:center;background-size:100% 100%;background-repeat:no-repeat}}
.workspace .btn.outline:hover,.workspace .btn.outline:focus-visible{background:#0754f7;border-color:#0754f7;color:#fff}
/* Transparent product cutouts retain their original colors. */
.category img,.promo img,.product-image img,.detail-photo img{mix-blend-mode:normal}
/* Use the supplied original hero photography without regenerating its detail. */
body[data-page="index"] .hero{background:linear-gradient(110deg,#020810 20%,#03122c 65%,#020b1d);isolation:isolate}
body[data-page="index"] .hero-mobile-image{display:block;position:absolute;left:auto;right:0;top:50%;transform:translateY(-50%);width:54%;height:auto;margin:0;z-index:0;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 94%,transparent),linear-gradient(180deg,transparent,#000 8%,#000 85%,transparent);mask-composite:intersect}
body[data-page="index"] .hero-copy,body[data-page="index"] .hero-dots{z-index:1}
@media(min-width:851px){body[data-page="index"] .hero-mobile-image{max-height:100%;object-fit:contain;object-position:right center}}
@media(max-width:850px){body[data-page="index"] .hero-mobile-image{width:58.32%}}
/* Desktop product placement. */
@media(min-width:851px){body[data-page="index"] .hero-mobile-image{right:65px;top:calc(50% + 40px)}}
@media(min-width:851px){body[data-page="index"] .hero-copy{left:6.27%}}
/* Reserve the left side for compact mobile copy without changing product placement. */
@media(max-width:850px){
body[data-page="index"] .hero{height:390px;box-sizing:border-box}
body[data-page="index"] .hero-copy{width:40%;max-width:none;margin-left:6%;margin-right:0}
body[data-page="index"] .hero h1{font-size:clamp(22px,5.5vw,36px);line-height:1.12;overflow-wrap:normal}
body[data-page="index"] .hero .eyebrow{font-size:10px}
body[data-page="index"] .hero p:not(.eyebrow){font-size:12px;line-height:1.45;margin:16px 0;max-width:none}
body[data-page="index"] .hero-copy .btn{font-size:11px;padding:12px 9px;min-height:0;white-space:normal}
body[data-page="index"] .hero-copy .mobile-copy-break{display:none}
body[data-page="index"] .hero-dots{position:absolute;left:6%;bottom:26px;margin:0}
}
@media(max-width:850px){body[data-page="index"] .hero-mobile-image{top:var(--mobile-product-center, 160px)}}
/* Let the mobile hero end just below its content and slide controls. */
@media(max-width:850px){
body[data-page="index"] .hero{height:auto;min-height:0;padding-bottom:24px}
body[data-page="index"] .hero-dots{position:relative;left:auto;bottom:auto;inset:auto;margin:24px 6% 0}
}
@media(max-width:850px){
body[data-page="index"] .hero h1:has(.fresh-title-line){font-size:calc(clamp(14px,4.1vw,30px) + 3px)}
body[data-page="index"] .fresh-title-line{white-space:nowrap}
body[data-page="index"] .hero p:not(.eyebrow){font-size:11px}
}
.fresh-description-break{display:none}
@media(max-width:850px){.fresh-description-break{display:block}}