@font-face{font-family:HV-Sans;src:url('../assets/sans.otf')}@font-face{font-family:HV-Sans;src:url('../assets/sans-bold.otf');font-weight:700}@font-face{font-family:HV-Serif;src:url('../assets/serif.otf')}@font-face{font-family:HV-Serif;src:url('../assets/serif-italic.otf');font-style:italic}
.hv-studio{--ink:#123b32;--navy:#102e2d;--green:#17674f;--mute:#728179;--line:#dfe6df;--soft:#f3f6f0;--cream:#f6f5ee}.hv-studio *{box-sizing:border-box}.hv-studio{scroll-behavior:smooth;scroll-padding-top:90px}.hv-studio{margin:0;color:var(--ink);font-family:HV-Sans,Arial,sans-serif;background:#fff;line-height:1.45}.hv-studio button,.hv-studio a{-webkit-tap-highlight-color:transparent}.hv-studio button{font:inherit;color:inherit;border:0;background:transparent;cursor:pointer}.hv-studio a{color:inherit;text-decoration:none}.hv-studio img{display:block;max-width:100%}.hv-studio svg{flex-shrink:0}.hv-studio button:focus-visible,.hv-studio a:focus-visible,.hv-studio summary:focus-visible,.hv-studio .carousel:focus-visible{outline:3px solid #50a68a;outline-offset:5px}.hv-studio button:hover,.hv-studio a:hover{transition:color .2s,background .2s,transform .2s}.hv-studio h1,.hv-studio h2,.hv-studio h3,.hv-studio h4,.hv-studio p{margin-top:0}.hv-studio h1,.hv-studio h2,.hv-studio h3{font-weight:500}.hv-studio h1{letter-spacing:-3.6px}.hv-studio h2{font-size:48px;letter-spacing:-1.7px;line-height:1.08;margin:0}.hv-studio h2 em{font-family:HV-Serif,Georgia,serif;font-weight:400}.hv-studio p{color:var(--mute)}.hv-studio .wrap{width:min(1200px,calc(100% - 100px));margin-inline:auto}.hv-studio .eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;line-height:1.7;margin-bottom:20px;color:#4b7761}.hv-studio .micro{line-height:1.5}.hv-studio .navigation{position:relative;z-index:5;height:84px;width:min(1320px,calc(100% - 80px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line)}.hv-studio .brand{display:flex;align-items:center;font-size:21px;font-weight:700;letter-spacing:-.6px;white-space:nowrap}.hv-studio .brand>span:not(.brand-mark){color:#357e60}.hv-studio .brand small{font-size:12px;font-weight:400;color:#83988a;margin:2px 0 0 2px;letter-spacing:0}.hv-studio .brand-mark{width:31px;height:33px;background:#dfeee2;display:flex;align-items:center;justify-content:center;border-radius:9px;margin-right:9px;color:#1a6d4f}.hv-studio .navigation nav{display:flex;align-items:center;gap:26px;font-size:12px}.hv-studio .navigation nav a:hover{color:#188664}.hv-studio .nav-cta{font-size:11px;background:#133f31;color:#fff;border-radius:50px;padding:12px 18px;display:flex;align-items:center;gap:20px}.hv-studio .nav-cta:hover{background:#28775b}.hv-studio .menu{display:none}.hv-studio .skip{position:absolute;top:-80px;left:20px;z-index:99;background:var(--green);color:#fff;padding:10px}.hv-studio .skip:focus{top:10px}.hv-studio .button{padding:15px 23px;border-radius:40px;display:inline-flex;align-items:center;justify-content:center;gap:28px;font-size:13px;min-height:48px}.hv-studio .primary{background:#173f31;color:#fff;box-shadow:0 3px 0 #071f150d}.hv-studio .primary:hover{background:#236d50;transform:translateY(-2px)}.hv-studio .text{padding-inline:16px;color:#224937}.hv-studio .hero-actions{display:flex;gap:8px;align-items:center;justify-content:center}.hv-studio .benefits{display:flex;gap:24px;justify-content:center;margin-top:22px;font-size:10px;color:#71877a}.hv-studio .benefits>span{display:flex;gap:6px;align-items:center}.hv-studio .benefits svg{color:#4e9071}.hv-studio .hero-a{text-align:center;padding:62px 0 12px;background:radial-gradient(ellipse 55% 38% at 50% 75%,#e7f2dfe0,transparent)}.hv-studio .hero-a .eyebrow{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:16px}.hv-studio .tiny-star{color:#638768;font-size:18px;line-height:1}.hv-studio .hero-a h1{font-size:77px;line-height:.99;margin:0 0 22px;font-weight:500}.hv-studio .hero-a h1 em{font-family:HV-Serif,Georgia,serif;font-weight:400;color:#518366;letter-spacing:-3px}.hv-studio .hero-a>p:not(.demo-note){font-size:16px;line-height:1.55;margin-bottom:24px}.hv-studio .hero-carousel{max-width:1420px;margin:22px auto 0;overflow:hidden}.hv-studio .phone-track{display:flex;gap:35px;overflow-x:auto;scroll-snap-type:x mandatory;padding:32px 48px 10px;scrollbar-width:none;cursor:grab;user-select:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y}.hv-studio .phone-track::-webkit-scrollbar{display:none}.hv-studio .phone-track.dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}.hv-studio .phone-slide{width:234px;flex-shrink:0;scroll-snap-align:center;text-align:left}.hv-studio .phone-stage{height:506px;display:flex;align-items:center;justify-content:center}.hv-studio .phone-slide:nth-child(even) .device{transform:translateY(-12px)}.hv-studio .phone-caption{padding:0 3px}.hv-studio .phone-caption>b{display:block;font-size:14px;font-weight:700}.hv-studio .phone-caption>span{font-size:10px;color:#7a897d;display:block;margin-top:4px;min-height:15px}.hv-studio .guide-link{font-size:9px;color:#41775c;padding:7px 0}.hv-studio .carousel-controls{display:flex;align-items:center;justify-content:space-between;width:min(1200px,calc(100% - 100px));margin:12px auto 0;padding-top:14px;border-top:1px solid var(--line)}.hv-studio .carousel-counter{font-size:11px;letter-spacing:1px}.hv-studio .drag-note{font-size:10px;color:#91a08f}.hv-studio .carousel-controls>div{display:flex;gap:8px}.hv-studio .circle{display:flex;align-items:center;justify-content:center;width:39px;height:39px;border:1px solid #cbd7cc;border-radius:50%;background:#fff}.hv-studio .circle:hover{background:#e8f2e8}.hv-studio .prev svg{transform:rotate(180deg)}.hv-studio .demo-note{font-size:10px;line-height:1.6;color:#8a998c;text-align:center;margin:19px 20px}.hv-studio .section-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:32px}.hv-studio .section-heading .eyebrow{margin-bottom:12px}.hv-studio .section-heading>p{font-size:13px;margin:0;max-width:290px;line-height:1.55}.hv-studio .routes{padding:90px 0 75px}.hv-studio .route-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.hv-studio .route{padding:26px 24px;text-align:left;position:relative;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:13px}.hv-studio .route:first-child{padding-left:0}.hv-studio .route:last-child{border-right:0}.hv-studio .route>svg:first-of-type{margin-top:14px}.hv-studio .route-num{position:absolute;top:24px;right:20px;color:#a5b2a5;font-size:10px}.hv-studio .route>b{font-size:18px;font-weight:500;letter-spacing:-.4px}.hv-studio .route>span:not(.route-num){font-size:11px;color:#7f8d7f;line-height:1.6}.hv-studio .route>svg:last-child{position:absolute;right:20px;top:67px;color:#7c9680}.hv-studio .route:hover{background:#f3f8ef}.hv-studio .spotlight{padding:25px 0 90px}.hv-studio .inline-link{display:inline-flex;gap:20px;align-items:center;font-size:12px;color:#246347;white-space:nowrap}.hv-studio .spotlight-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.hv-studio .spot-card{position:relative;border-radius:13px;padding:26px 28px 20px;text-align:left;overflow:hidden;min-height:388px;background:#e8f0e2;display:flex;flex-direction:column}.hv-studio .spot-7{background:#f3f0e9}.hv-studio .spot-12{background:#142e27;color:#f1f5e8}.hv-studio .spot-copy{position:relative;z-index:2;min-height:109px}.hv-studio .spot-copy .micro{font-size:8px;letter-spacing:1.3px;color:#7c9179}.hv-studio .spot-12 .micro{color:#a7bb9e}.hv-studio .spot-copy h3{font-size:23px;line-height:1.16;letter-spacing:-.6px;margin:12px 0}.hv-studio .spot-price{font-size:20px;display:flex;align-items:center;gap:9px}.hv-studio .spot-price small{font-size:9px;font-weight:400;color:#849280}.hv-studio .spot-link{display:flex;align-items:center;justify-content:space-between;font-size:11px;position:relative;z-index:2;margin-top:auto;padding-top:14px;border-top:1px solid #80957930}.hv-studio .spot-card .book-scene{height:204px;margin-top:6px}.hv-studio .fine{font-size:9px;color:#889583;line-height:1.5;margin:13px 0 0}.hv-studio .book-scene{height:260px;position:relative;display:flex;align-items:center;justify-content:center;perspective:800px;--book-bg:#153f33;--book-fg:#e4ecdb}.hv-studio .book{position:relative;width:163px;height:211px;transform:rotate(-8deg) rotateY(-17deg);filter:drop-shadow(14px 15px 8px #13332936);transform-style:preserve-3d;transition:transform .5s}.hv-studio .book-cover{height:100%;width:100%;background:var(--book-bg);color:var(--book-fg);padding:12px 15px;position:relative;z-index:2;border-radius:2px 5px 5px 2px;border-left:5px solid #06191144;box-shadow:inset 0 0 0 1px #ffffff16,inset 9px 0 12px -10px #fff4;display:flex;flex-direction:column}.hv-studio .book-cover:after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(105deg,#fff1 0%,transparent 25%,#fff1 70%,transparent);pointer-events:none}.hv-studio .book-top{font-size:5px;letter-spacing:.9px;display:flex;justify-content:space-between;border-bottom:1px solid #fff3;padding-bottom:8px}.hv-studio .book-top span{font-size:7px}.hv-studio .book h4{font-size:16px;font-weight:500;line-height:1.13;letter-spacing:-.35px;margin:11px 0 0;min-height:51px}.hv-studio .cover-art{height:93px;margin-top:5px;overflow:hidden}.hv-studio .cover-art svg{height:100%;width:100%}.hv-studio .book-bottom{display:flex;justify-content:space-between;font-size:4px;letter-spacing:.5px;border-top:1px solid #fff3;padding-top:7px;margin-top:auto}.hv-studio .book-bottom span{font-size:8px;line-height:1}.hv-studio .page-edge{position:absolute;width:11px;height:204px;top:3px;right:-6px;transform:skewY(-5deg);background:repeating-linear-gradient(to right,#d8d8c9 0,#f4f0df 1px,#f4f0df 2px,#c7cebe 3px);border-radius:0 3px 3px 0;z-index:1}.hv-studio .book-back{position:absolute;left:50%;top:50%;width:152px;height:195px;transform:translate(-32%,-53%) rotate(10deg);background:#b7c7af;border:1px solid #899d83;border-radius:4px;box-shadow:10px 12px 15px #152e2820}.hv-studio .book-shadow{position:absolute;width:145px;height:18px;bottom:18px;background:#273b2526;border-radius:50%;filter:blur(8px)}.hv-studio .spot-card:hover .book,.hv-studio .product-art:hover .book{transform:rotate(-3deg) rotateY(-8deg) translateY(-5px)}.hv-studio .book-2{--book-bg:#263f49}.hv-studio .book-3{--book-bg:#547c67}.hv-studio .book-4{--book-bg:#62463c}.hv-studio .book-5{--book-bg:#3d5140}.hv-studio .book-6{--book-bg:#223d3c}.hv-studio .book-7{--book-bg:#2b4c51}.hv-studio .book-8{--book-bg:#275341}.hv-studio .book-9{--book-bg:#367662}.hv-studio .book-10{--book-bg:#56514a}.hv-studio .book-11{--book-bg:#1b3e3f}.hv-studio .book-12{--book-bg:#173d2b;--book-fg:#e7e4bf}.hv-studio .showcase{background:#f3f6f0;padding:82px 0}.hv-studio .project-gallery{display:grid;grid-template-columns:1fr 1fr;gap:26px}.hv-studio .project-card:first-child{grid-column:1/-1}.hv-studio .project-card:first-child .browser-window{max-width:100%;}.hv-studio .project-card:first-child .site-demo-hero{padding:12px 40px 35px;gap:50px}.hv-studio .project-card:first-child .site-demo header{padding:25px 40px;font-size:13px}.hv-studio .project-card:first-child .site-demo header b{font-size:27px}.hv-studio .project-card:first-child .site-demo header>span{font-size:11px}.hv-studio .project-card:first-child .site-demo h3{font-size:69px;letter-spacing:-2.7px}.hv-studio .project-card:first-child .site-demo p{font-size:14px;line-height:1.65}.hv-studio .project-card:first-child .site-demo-hero img{height:350px;object-position:center}.hv-studio .project-card:first-child .site-demo .micro{font-size:10px}.hv-studio .project-card:first-child .site-demo .mini-cta{font-size:11px;padding:14px 21px}.hv-studio .project-card:first-child .site-demo footer{padding:18px 40px;font-size:10px}.hv-studio .project-caption{display:flex;align-items:center;justify-content:space-between;margin:20px 0 14px;gap:12px}.hv-studio .project-caption .micro{font-size:8px;color:#8b9e88;letter-spacing:1px}.hv-studio .project-caption h3{font-size:24px;letter-spacing:-.6px;margin:4px 0}.hv-studio .project-caption p{font-size:11px;margin:0}.hv-studio .founder{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:105px 0}.hv-studio .founder-image{position:relative;overflow:hidden;border-radius:7px}.hv-studio .founder-image img{width:100%;height:410px;object-fit:cover;object-position:65%}.hv-studio .founder-image span{position:absolute;bottom:19px;left:21px;font-size:8px;letter-spacing:1.5px;color:#fff}.hv-studio .founder-copy p{font-size:14px;line-height:1.7;margin-top:20px}.hv-studio .founder-copy .inline-link{margin-top:6px}.hv-studio .founder-copy small{font-size:8px;display:block;color:#9aac9a;margin-top:18px}.hv-studio .collection{padding:90px 0}.hv-studio .collection h2{font-size:52px}.hv-studio .filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:36px}.hv-studio .filters button{border:1px solid #d7e1d5;border-radius:30px;padding:9px 17px;font-size:11px}.hv-studio .filters button[aria-pressed=true]{background:#1c4c36;color:#fff;border-color:#1c4c36}.hv-studio .filters button:hover{background:#e3edde}.hv-studio .filters button[aria-pressed=true]:hover{background:#286b4e}.hv-studio .filter-count{font-size:9px;margin:14px 0 26px;color:#93a18c}.hv-studio .product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.hv-studio .product{border:1px solid #dee5d9;border-radius:10px;overflow:hidden;background:#fff;display:flex;flex-direction:column}.hv-studio .product[hidden]{display:none}.hv-studio .product-art{width:100%;position:relative;display:block;background:radial-gradient(ellipse at 50% 35%,#f9fbf1,#e4eadc);padding:12px 14px 0;overflow:hidden}.hv-studio .product:nth-child(2n) .product-art{background:radial-gradient(ellipse at 50% 35%,#f5f4ef,#dfe6df)}.hv-studio .product:nth-child(3n) .product-art{background:radial-gradient(ellipse at 50% 35%,#eaf5ed,#d4e4d9)}.hv-studio .art-type{font-size:7px;letter-spacing:1px;display:flex;align-items:center;justify-content:space-between;color:#718570;border-top:1px solid #bdcdbd66;padding:12px 3px}.hv-studio .product-info{padding:22px 23px;display:flex;flex-direction:column;flex:1}.hv-studio .product-meta{font-size:8px;letter-spacing:.9px;color:#819a7b;text-transform:uppercase}.hv-studio .product-info h3{font-size:21px;line-height:1.17;letter-spacing:-.4px;min-height:50px;margin:12px 0 11px}.hv-studio .product-info h3 button{text-align:left;padding:0}.hv-studio .product-info p{font-size:11px;line-height:1.65;color:#82917b;margin-bottom:23px;min-height:54px}.hv-studio .product-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e2e9de;padding-top:18px;margin-top:auto;gap:10px}.hv-studio .product-bottom b{font-size:24px;font-weight:500;letter-spacing:-.4px}.hv-studio .product-bottom b small{font-size:9px;letter-spacing:0;color:#8d9d88}.hv-studio .product-bottom>div>span{display:block;font-size:8px;color:#94a28c;margin-top:1px}.hv-studio .details{display:flex;align-items:center;gap:9px;font-size:10px}.hv-studio .details:hover{color:#1a8660}.hv-studio .included{background:#17392f;color:#ebf2de;padding:84px 0}.hv-studio .included .eyebrow{color:#98ba9c}.hv-studio .included h2{font-size:48px}.hv-studio .included h2 em{color:#becbad}.hv-studio .included-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.hv-studio .included p{color:#aac0a9;font-size:13px;line-height:1.7;max-width:460px;margin-top:20px}.hv-studio .included-points{display:flex;flex-direction:column;gap:21px;margin-top:30px}.hv-studio .included-points>div{display:flex;align-items:center;gap:18px}.hv-studio .included-points svg{color:#98c6a4}.hv-studio .included-points b{display:block;font-size:13px;font-weight:500}.hv-studio .included-points small{font-size:10px;color:#9fb69c;display:block;margin-top:4px}.hv-studio .resource-composition{position:relative;padding:30px 60px}.hv-studio .sample-page{background:#f5f6ee;transform:rotate(6deg);box-shadow:20px 30px 30px #061a2166;padding:12px;border-radius:3px}.hv-studio .sample-page>span{font-size:8px;letter-spacing:1px;display:block;margin:0 0 8px;color:#64816c}.hv-studio .sample-page img{width:100%;border:1px solid #e2e6d8}.hv-studio .resource-chip{position:absolute;bottom:34px;left:0;padding:16px 21px;border-radius:8px;background:#dce7ce;color:#23503a;box-shadow:0 15px 22px #061f1e55;display:flex;gap:14px;align-items:center;font-size:10px}.hv-studio .resource-chip b{font-weight:500}.hv-studio .library-banner{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;padding:95px 0}.hv-studio .library-banner h2{font-size:48px}.hv-studio .library-banner p{font-size:18px;color:#385e41;margin:25px 0 8px}.hv-studio .library-banner>div>span{font-size:11px;color:#899d80}.hv-studio .library-price{font-size:40px;letter-spacing:-1px;margin:17px 0}.hv-studio .library-price small{font-size:11px;letter-spacing:0;color:#809576}.hv-studio .library-photo{position:relative;border-radius:7px;overflow:hidden;background:#f4f1eb}.hv-studio .library-photo img{width:100%;height:370px;object-fit:cover}.hv-studio .library-photo span{font-size:7px;letter-spacing:.8px;display:block;text-align:center;padding:12px;background:#f1f1e8;color:#8b937b}.hv-studio .faq{display:grid;grid-template-columns:1fr 1.3fr;gap:90px;padding:45px 0 100px}.hv-studio .faq h2{font-size:40px}.hv-studio .faq>div>p{font-size:12px;line-height:1.7;margin-top:22px;max-width:270px}.hv-studio .faq details{border-bottom:1px solid #dfe6d9}.hv-studio .faq details:first-child{border-top:1px solid #dfe6d9}.hv-studio .faq summary{list-style:none;cursor:pointer;font-size:14px;padding:21px 0;display:flex;justify-content:space-between;align-items:center;gap:18px}.hv-studio .faq summary::-webkit-details-marker{display:none}.hv-studio .faq summary span{font-size:19px;color:#8da083}.hv-studio .faq details[open] summary span{transform:rotate(45deg)}.hv-studio .faq details p{font-size:12px;line-height:1.7;padding:0 24px 15px 0;margin:0}.hv-studio .site-footer{background:#f2f5ed;padding:48px 0 24px;border-top:1px solid #dce5d6}.hv-studio .site-footer>.wrap:first-child{display:flex;justify-content:space-between;gap:40px}.hv-studio .site-footer p{font-size:11px;line-height:1.65;margin:16px 0;color:#809477}.hv-studio .site-footer>.wrap>div:nth-child(2){display:flex;flex-direction:column;gap:11px;font-size:11px}.hv-studio .site-footer>.wrap>div:nth-child(3)>span{font-size:8px;letter-spacing:1.2px;color:#849e7d}.hv-studio .footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:42px;padding-top:21px;border-top:1px solid #dce4d5;font-size:9px;color:#98a48c}.hv-studio .product-dialog{border:0;border-radius:14px;padding:0;max-width:1000px;width:calc(100% - 40px);max-height:90vh;color:var(--ink);box-shadow:0 40px 80px #021c2c66;background:#fff;overflow:auto}.hv-studio .product-dialog::backdrop{background:#082e2690;backdrop-filter:blur(6px)}.hv-studio .dialog-close{position:sticky;top:14px;float:right;right:14px;z-index:4;margin:14px 14px 0 0;background:#fff}.hv-studio .dialog-content{display:grid;grid-template-columns:.85fr 1.15fr;clear:both}.hv-studio .dialog-art{padding:35px;background:#edf2e7;text-align:center}.hv-studio .dialog-art .book-scene{height:310px}.hv-studio .dialog-art .book{width:207px;height:270px}.hv-studio .dialog-art .book h4{font-size:22px;min-height:71px}.hv-studio .dialog-art .cover-art{height:127px}.hv-studio .dialog-art .page-edge{height:262px}.hv-studio .dialog-art p,.hv-studio .dialog-art>small{font-size:9px;color:#8a9b7e}.hv-studio .actual-sample{max-width:240px;margin:25px auto 10px;box-shadow:0 12px 25px #27433520}.hv-studio .dialog-copy{padding:27px 38px 45px}.hv-studio .dialog-copy h2{font-size:32px;letter-spacing:-1px}.hv-studio .dialog-copy>p{font-size:12px;line-height:1.6;margin:18px 0}.hv-studio .detail-price{font-size:34px;letter-spacing:-1px;display:flex;align-items:center;gap:15px}.hv-studio .detail-price span{font-size:10px;letter-spacing:0;color:#829578}.hv-studio .dialog-copy .format{font-size:10px;padding:10px 0;border-block:1px solid #e0e8d8;color:#617b54}.hv-studio .dialog-copy h3{font-size:15px;font-weight:700;margin:24px 0 12px}.hv-studio .dialog-copy ul{padding:0 0 0 18px;font-size:11px;line-height:1.7;color:#6a805d}.hv-studio .dialog-copy li{padding:4px 0}.hv-studio .file-list{list-style:none;padding-left:0!important}.hv-studio .file-list li{display:flex;align-items:start;gap:9px;font-size:9px;overflow-wrap:anywhere}.hv-studio .checkout-preview{background:#f0f4e9;padding:18px;border:1px solid #dbe5d0;border-radius:6px;margin:22px 0 16px}.hv-studio .checkout-preview b{font-size:12px}.hv-studio .checkout-preview p{font-size:10px;line-height:1.6;margin:8px 0 0}.hv-studio .dialog-copy>small{font-size:9px;color:#91a183;line-height:1.6;display:block}
/* B: editorial composition, generous serif typography and horizontal merchandising */.hv-studio .hero-b{max-width:1320px;margin:auto;padding:54px 40px 0}.hv-studio .b-heading{display:grid;grid-template-columns:1.35fr 1fr;gap:0 80px;align-items:center}.hv-studio .b-heading>.eyebrow{grid-column:1/-1;font-size:10px;margin-bottom:21px}.hv-studio .hero-b h1{font-family:HV-Serif,Georgia,serif;font-size:86px;line-height:.98;font-weight:400;letter-spacing:-4px;margin-bottom:34px}.hv-studio .hero-b h1 em{color:#738673;font-weight:400}.hv-studio .b-deck{padding-top:5px;display:flex;flex-wrap:wrap;gap:4px}.hv-studio .b-deck p{font-size:15px;line-height:1.8;width:100%;color:#6f7f6c;margin-bottom:24px}.hv-studio .b-deck .button{font-size:11px;padding:13px 20px;gap:15px}.hv-studio .b-deck .text{padding:13px 0}.hv-studio .editorial-photo{position:relative;height:485px;overflow:hidden;margin-top:14px}.hv-studio .editorial-photo>img{height:100%;width:100%;object-fit:cover;object-position:60% 54%;filter:brightness(.82)}.hv-studio .photo-overline{position:absolute;top:24px;left:30px;right:30px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.6px;color:#fff}.hv-studio .photo-caption{position:absolute;bottom:38px;left:35px;right:35px;color:#fff;display:flex;justify-content:space-between;align-items:end}.hv-studio .photo-caption>span{font-family:HV-Serif,Georgia,serif;font-size:54px;line-height:.98;letter-spacing:-1.8px}.hv-studio .photo-caption small{font-size:9px;letter-spacing:1px}.hv-studio .b-ribbon{border-bottom:1px solid #cfd9ca;padding:20px 0;display:flex;justify-content:space-between;font-size:10px;color:#6f8269}.hv-studio .b-ribbon>span+span{padding-left:55px;border-left:1px solid #cfd9ca}.hv-studio .phone-section .phone-track{padding-inline:0}.hv-studio .phone-section .carousel-controls{width:100%}
/* C: project workspace, asymmetrical type and modular navigation */.hv-studio .hero-c{width:min(1280px,calc(100% - 100px));margin:auto;display:grid;grid-template-columns:1fr 1.12fr;gap:40px;padding:88px 0 82px;align-items:center}.hv-studio .hero-c h1{font-size:62px;line-height:1.02;letter-spacing:-2.8px;margin-bottom:27px}.hv-studio .hero-c h1 em{font-family:HV-Sans,Arial,sans-serif;font-style:normal;color:#529f85;font-weight:500}.hv-studio .hero-c p{font-size:14px;line-height:1.75;margin-bottom:26px}.hv-studio .hero-c .hero-actions{justify-content:start;flex-wrap:wrap;gap:0}.hv-studio .hero-c .button{font-size:12px;gap:17px;padding:14px 19px}.hv-studio .hero-c .text{padding-left:12px}.hv-studio .hero-c .benefits{justify-content:start;gap:15px;font-size:9px;flex-wrap:wrap}.hv-studio .c-project-meta{display:flex;align-items:center;gap:8px;font-size:7px;letter-spacing:.8px;color:#77968a;margin-top:38px}.hv-studio .c-project-meta>span:last-child{border-left:1px solid #d7e6dc;padding-left:10px;margin-left:5px;font-size:6px;color:#a0b3a8}.hv-studio .pulse{height:5px;width:5px;border-radius:50%;background:#4b9a72}.hv-studio .c-console{padding:20px;background:linear-gradient(135deg,#153d3b,#11292e);border-radius:14px;box-shadow:0 32px 55px -23px #062f3545;border:1px solid #1b5b50;transform:rotate(1deg)}.hv-studio .console-top{display:flex;justify-content:space-between;color:#aecbbd;gap:10px;align-items:center;font-size:7px;letter-spacing:.8px}.hv-studio .console-top b{font-size:8px;color:#d3e8d9;font-weight:500}.hv-studio .console-top span{font-size:6px}.hv-studio .console-tabs{display:flex;gap:4px;background:#ffffff07;padding:4px;border-radius:7px;margin:16px 0}.hv-studio .console-tabs button{color:#99b2a5;font-size:9px;padding:9px 17px;flex:1;border-radius:5px}.hv-studio .console-tabs button[aria-selected=true]{background:#cde6d5;color:#21453a}.hv-studio .console-preview .browser-window{box-shadow:none;border-color:#4a6a6144;border-radius:7px}.hv-studio .console-preview .dash-main h3{font-size:21px}.hv-studio .console-preview .dashboard-demo{min-height:341px}.hv-studio .console-bottom{color:#9ab4a6;font-size:8px;display:flex;align-items:center;justify-content:space-between;margin-top:16px;gap:12px}.hv-studio .hero-c .site-demo h3{font-size:32px}.hv-studio .hero-c .site-demo-hero img{height:231px}
@media(min-width:1500px){.hv-studio .hero-a .phone-track{padding-left:max(50px,calc((100% - 1200px)/2))}.hv-studio .hero-a h1{font-size:86px}.hv-studio .hero-c{gap:65px}.hv-studio .hero-c h1{font-size:70px}}
@media(max-width:1100px){.hv-studio .navigation nav{gap:17px}.hv-studio .navigation{width:calc(100% - 60px)}.hv-studio .brand{font-size:18px}.hv-studio .brand small{font-size:10px}.hv-studio .wrap{width:calc(100% - 70px)}.hv-studio .nav-cta{font-size:10px;padding:10px 13px;gap:10px}.hv-studio .hero-c{width:calc(100% - 70px);gap:25px}.hv-studio .hero-c h1{font-size:51px}.hv-studio .hero-c p{font-size:12px}.hv-studio .hero-c .text{padding-left:0}.hv-studio .c-console{padding:14px}.hv-studio .hero-c .dashboard-demo aside{width:22%;padding-inline:9px}.hv-studio .hero-c .dash-main{width:78%;padding-inline:13px}.hv-studio .hero-c .dash-main h3{font-size:18px}.hv-studio .hero-c .dash-metrics>div{padding:8px}.hv-studio .hero-c .console-top span{display:none}.hv-studio .b-heading{gap:35px}.hv-studio .hero-b h1{font-size:70px}.hv-studio .b-deck p{font-size:13px}.hv-studio .founder{gap:45px}.hv-studio .founder h2{font-size:41px}.hv-studio .product-info{padding:19px}.hv-studio .product-info h3{font-size:19px}.hv-studio .project-card:first-child .site-demo h3{font-size:60px}.hv-studio .included-grid{gap:35px}.hv-studio .resource-composition{padding:30px 35px}.hv-studio .library-banner{gap:35px}.hv-studio .library-banner h2{font-size:41px}.hv-studio .faq{gap:45px}}
@media(max-width:760px){.hv-studio{scroll-padding-top:30px}.hv-studio .wrap{width:calc(100% - 42px)}.hv-studio .navigation{width:calc(100% - 42px);height:72px;gap:12px}.hv-studio .brand{font-size:18px;letter-spacing:-.5px}.hv-studio .brand small{font-size:9px}.hv-studio .brand-mark{width:28px;height:29px;margin-right:7px}.hv-studio .navigation nav{display:none}.hv-studio .navigation .nav-cta{display:none}.hv-studio .menu{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #dee7da;border-radius:50%}.hv-studio .navigation.nav-open nav{display:flex;position:absolute;top:65px;left:0;right:0;flex-direction:column;align-items:start;padding:20px;background:#fff;border:1px solid #d8e4d5;border-radius:8px;box-shadow:0 20px 30px #14352b20;gap:19px;font-size:14px}.hv-studio .hero-a{padding-top:42px}.hv-studio .hero-a .eyebrow{font-size:8px;letter-spacing:1.1px;margin-bottom:20px}.hv-studio .hero-a h1{font-size:47px;letter-spacing:-2px;line-height:1.03;margin-bottom:21px}.hv-studio .hero-a h1 em{letter-spacing:-2px}.hv-studio .hero-a>p:not(.demo-note){font-size:12px;line-height:1.7;margin:0 23px 23px}.hv-studio .hero-a>p:not(.demo-note) br{display:none}.hv-studio .hero-actions{flex-wrap:wrap;gap:0}.hv-studio .button{font-size:11px;min-height:44px;padding:13px 18px;gap:16px}.hv-studio .text{padding:13px 15px}.hv-studio .benefits{gap:13px;font-size:8px;flex-wrap:wrap;margin-top:17px}.hv-studio .benefits svg{width:11px;height:11px}.hv-studio .hero-carousel{margin-top:13px}.hv-studio .phone-track{padding:22px calc((100% - 234px)/2) 10px;gap:26px}.hv-studio .phone-stage{height:506px}.hv-studio .phone-slide:nth-child(even) .device{transform:none}.hv-studio .carousel-controls{width:calc(100% - 42px);margin-top:11px}.hv-studio .drag-note{font-size:8px}.hv-studio .carousel-counter{font-size:9px}.hv-studio .circle{width:34px;height:34px}.hv-studio .demo-note{font-size:8px;margin:15px 21px}.hv-studio .section-heading{display:block;margin-bottom:24px}.hv-studio .section-heading>p{font-size:11px;line-height:1.65;margin-top:16px}.hv-studio .section-heading .eyebrow{font-size:8px;margin-bottom:13px}.hv-studio .eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:15px}.hv-studio h2{font-size:34px;letter-spacing:-1.4px;line-height:1.1}.hv-studio .routes{padding:60px 0 45px}.hv-studio .route-grid{grid-template-columns:1fr 1fr;border:0;gap:10px}.hv-studio .route{padding:20px 14px!important;border:1px solid #dfe7d9!important;border-radius:7px;gap:9px;min-height:170px}.hv-studio .route-num{top:17px;right:14px;font-size:8px}.hv-studio .route>svg:first-of-type{margin-top:5px;width:21px}.hv-studio .route>svg:last-child{display:none}.hv-studio .route>b{font-size:16px;letter-spacing:-.3px;line-height:1.15}.hv-studio .route>span:not(.route-num){font-size:9px;line-height:1.6}.hv-studio .spotlight{padding:13px 0 55px}.hv-studio .spotlight .section-heading{display:flex;gap:15px;align-items:end}.hv-studio .spotlight .section-heading h2{font-size:31px}.hv-studio .inline-link{font-size:10px;gap:10px}.hv-studio .spotlight .inline-link{font-size:9px;gap:5px}.hv-studio .spotlight .inline-link svg{width:13px}.hv-studio .spotlight-grid{grid-template-columns:1fr;gap:13px}.hv-studio .spot-card{min-height:254px;padding:22px 21px 17px;display:grid;grid-template-columns:1fr 135px;gap:8px 4px}.hv-studio .spot-copy{min-height:0;padding-top:8px}.hv-studio .spot-copy .micro{font-size:7px;letter-spacing:.6px}.hv-studio .spot-copy h3{font-size:23px;line-height:1.17;margin:13px 0}.hv-studio .spot-price{font-size:22px;display:block}.hv-studio .spot-price small{display:block;font-size:8px;margin-top:4px}.hv-studio .spot-card .book-scene{height:186px;grid-column:2;margin-top:0}.hv-studio .spot-card .book{width:114px;height:161px}.hv-studio .spot-card .book h4{font-size:11px;min-height:37px}.hv-studio .spot-card .book-cover{padding:10px;border-left-width:4px}.hv-studio .spot-card .book-top{font-size:3px}.hv-studio .spot-card .book-bottom{font-size:3px}.hv-studio .spot-card .cover-art{height:70px}.hv-studio .spot-card .page-edge{height:155px}.hv-studio .spot-card .book-back{width:109px;height:150px}.hv-studio .spot-card .book-shadow{bottom:4px;width:105px}.hv-studio .spot-link{grid-column:1/-1;font-size:10px;padding-top:10px}.hv-studio .fine{font-size:8px;line-height:1.6}.hv-studio .showcase{padding:55px 0}.hv-studio .project-gallery{grid-template-columns:1fr;gap:23px}.hv-studio .project-card:first-child{grid-column:auto}.hv-studio .project-card:first-child .site-demo header{padding:15px;font-size:9px}.hv-studio .project-card:first-child .site-demo header b{font-size:17px}.hv-studio .project-card:first-child .site-demo header>span{font-size:6px}.hv-studio .project-card:first-child .site-demo-hero{padding:10px 15px 20px;gap:10px}.hv-studio .project-card:first-child .site-demo h3{font-size:30px;letter-spacing:-1px;margin:13px 0}.hv-studio .project-card:first-child .site-demo p{font-size:8px;line-height:1.5}.hv-studio .project-card:first-child .site-demo .micro{font-size:5px;letter-spacing:.6px}.hv-studio .project-card:first-child .site-demo-hero img{height:190px;border-radius:90px 90px 2px 2px}.hv-studio .project-card:first-child .site-demo .mini-cta{font-size:7px;padding:10px}.hv-studio .project-card:first-child .site-demo footer{font-size:6px;padding:14px 15px}.hv-studio .browser-chrome{height:23px;font-size:7px}.hv-studio .browser-chrome small{font-size:6px}.hv-studio .project-caption{margin-top:13px;margin-bottom:3px}.hv-studio .project-caption h3{font-size:22px}.hv-studio .project-caption .micro{font-size:6px}.hv-studio .project-caption p{font-size:9px}.hv-studio .dashboard-demo aside{padding:17px 10px;font-size:6px;gap:17px;width:24%}.hv-studio .dashboard-demo aside>b{font-size:14px}.hv-studio .dashboard-demo aside small{font-size:5px;letter-spacing:.5px}.hv-studio .dash-main{padding:14px 11px;width:76%}.hv-studio .dash-main header{font-size:5px}.hv-studio .dash-main h3{font-size:18px;line-height:1.13}.hv-studio .dash-main p{font-size:6px}.hv-studio .dash-metrics{gap:5px}.hv-studio .dash-metrics>div{padding:8px 6px}.hv-studio .dash-metrics small{font-size:5px;display:block}.hv-studio .dash-metrics b{font-size:21px}.hv-studio .dash-metrics span{font-size:5px;display:block}.hv-studio .dash-chart{padding:9px}.hv-studio .dash-chart>b{font-size:7px}.hv-studio .dash-chart>span{font-size:5px}.hv-studio .dash-foot{font-size:5px}.hv-studio .dashboard-demo{min-height:285px}.hv-studio .agency-demo header{padding:17px 14px;font-size:7px}.hv-studio .agency-demo header>span{font-size:6px}.hv-studio .agency-hero{padding:10px 14px 17px}.hv-studio .agency-hero h3{font-size:28px;line-height:1;letter-spacing:-1px}.hv-studio .agency-hero .micro{font-size:5px;letter-spacing:.7px}.hv-studio .agency-hero p{font-size:7px}.hv-studio .agency-hero img{height:194px}.hv-studio .agency-hero>div>span:last-child{font-size:7px}.hv-studio .agency-demo footer{padding:13px 14px;font-size:6px}.hv-studio .founder{grid-template-columns:1fr;gap:29px;padding:55px 0}.hv-studio .founder-image img{height:300px}.hv-studio .founder-copy h2{font-size:36px}.hv-studio .founder-copy p{font-size:12px;line-height:1.7;margin-top:16px}.hv-studio .founder-copy small{font-size:7px}.hv-studio .collection{padding:55px 0}.hv-studio .collection h2{font-size:36px}.hv-studio .filters{gap:7px;margin-top:24px}.hv-studio .filters button{font-size:9px;padding:8px 12px}.hv-studio .filter-count{font-size:8px;margin:13px 0 20px}.hv-studio .product-grid{grid-template-columns:1fr;gap:20px}.hv-studio .product-art .book-scene{height:250px}.hv-studio .product-info{padding:22px}.hv-studio .product-info h3{font-size:23px;min-height:0;max-width:275px}.hv-studio .product-info p{font-size:12px;min-height:0;margin-bottom:20px}.hv-studio .product-bottom b{font-size:25px}.hv-studio .product-bottom b small{font-size:10px}.hv-studio .details{font-size:11px}.hv-studio .product-meta{font-size:8px}.hv-studio .product-bottom>div>span{font-size:9px}.hv-studio .included{padding:55px 0}.hv-studio .included-grid{grid-template-columns:1fr;gap:25px}.hv-studio .included h2{font-size:35px}.hv-studio .included p{font-size:12px}.hv-studio .included-points b{font-size:12px}.hv-studio .included-points small{font-size:9px}.hv-studio .resource-composition{padding:20px 52px 37px}.hv-studio .resource-chip{bottom:37px;font-size:9px;padding:15px}.hv-studio .sample-page{padding:10px}.hv-studio .library-banner{grid-template-columns:1fr;gap:28px;padding:55px 0}.hv-studio .library-banner h2{font-size:34px}.hv-studio .library-banner p{font-size:16px}.hv-studio .library-banner>div>span{font-size:10px;line-height:1.6;display:block}.hv-studio .library-price{font-size:38px}.hv-studio .library-photo img{height:270px}.hv-studio .library-photo span{font-size:6px}.hv-studio .faq{grid-template-columns:1fr;gap:28px;padding:10px 0 60px}.hv-studio .faq h2{font-size:34px}.hv-studio .faq>div>p{max-width:none;font-size:11px}.hv-studio .faq summary{font-size:12px;padding:19px 0;line-height:1.5}.hv-studio .faq details p{font-size:11px}.hv-studio .site-footer{padding:37px 0 20px}.hv-studio .site-footer>.wrap:first-child{display:grid;grid-template-columns:1fr 1fr;gap:24px}.hv-studio .site-footer>.wrap>div:first-child{grid-column:1/-1}.hv-studio .site-footer p{font-size:10px;margin-top:12px}.hv-studio .site-footer>.wrap>div:nth-child(2){font-size:10px}.hv-studio .site-footer>.wrap>div:nth-child(3)>span{font-size:7px}.hv-studio .footer-bottom{font-size:8px;flex-direction:column;gap:7px;margin-top:30px;padding-top:18px}.hv-studio .product-dialog{width:calc(100% - 20px);max-height:94vh;border-radius:10px}.hv-studio .dialog-content{grid-template-columns:1fr}.hv-studio .dialog-art{padding:20px}.hv-studio .dialog-art .book-scene{height:255px}.hv-studio .dialog-art .book{height:221px;width:170px}.hv-studio .dialog-art .book h4{font-size:17px;min-height:55px}.hv-studio .dialog-art .cover-art{height:99px}.hv-studio .dialog-art .page-edge{height:214px}.hv-studio .dialog-art .actual-sample{max-width:185px;display:none}.hv-studio .dialog-art>small{display:none}.hv-studio .dialog-copy{padding:28px 23px}.hv-studio .dialog-copy h2{font-size:29px}.hv-studio .dialog-copy .eyebrow{font-size:7px}.hv-studio .dialog-copy>p{font-size:12px}.hv-studio .dialog-copy ul{font-size:11px}.hv-studio .file-list li{font-size:9px}.hv-studio .dialog-close{top:10px;margin-top:10px}.hv-studio .detail-price{font-size:32px}.hv-studio .dialog-art p{font-size:8px;margin-bottom:0}.hv-studio .hero-b{padding:35px 21px 0}.hv-studio .b-heading{grid-template-columns:1fr;gap:0}.hv-studio .b-heading>.eyebrow{font-size:8px;margin-bottom:20px}.hv-studio .hero-b h1{font-size:51px;letter-spacing:-2.7px;margin-bottom:21px}.hv-studio .b-deck{padding:0;gap:3px}.hv-studio .b-deck p{font-size:12px;line-height:1.7;margin-bottom:15px}.hv-studio .b-deck .button{font-size:10px;padding:12px 15px;gap:13px}.hv-studio .b-deck .text{padding:12px 0}.hv-studio .editorial-photo{margin-top:25px;height:390px}.hv-studio .editorial-photo>img{object-position:63% center}.hv-studio .photo-overline{font-size:6px;letter-spacing:.7px;top:18px;left:18px;right:18px}.hv-studio .photo-overline>span:last-child{display:none}.hv-studio .photo-caption{left:20px;right:20px;bottom:24px;display:block}.hv-studio .photo-caption>span{font-size:34px;letter-spacing:-1px;line-height:1.1}.hv-studio .photo-caption small{display:block;font-size:7px;margin-top:15px}.hv-studio .b-ribbon{font-size:8px;padding:17px 0;gap:12px;flex-wrap:wrap}.hv-studio .b-ribbon>span+span{padding-left:12px}.hv-studio .b-ribbon>span:last-child{padding:0;border:0;width:100%;font-size:7px}.hv-studio .phone-section .phone-track{padding-inline:calc((100% - 234px)/2)}.hv-studio .hero-c{grid-template-columns:1fr;width:calc(100% - 42px);gap:38px;padding:43px 0 54px}.hv-studio .hero-c h1{font-size:46px;letter-spacing:-2px;line-height:1.07;margin-bottom:20px}.hv-studio .hero-c p{font-size:12px;line-height:1.65;margin-bottom:20px}.hv-studio .hero-c p br{display:none}.hv-studio .hero-c .hero-actions{gap:4px}.hv-studio .hero-c .button{font-size:10px;padding:13px 16px;gap:14px}.hv-studio .hero-c .text{padding-left:0}.hv-studio .hero-c .benefits{font-size:8px;gap:12px;margin-top:16px}.hv-studio .c-project-meta{font-size:6px;margin-top:23px;gap:6px}.hv-studio .c-project-meta>span:last-child{font-size:5px;letter-spacing:.5px}.hv-studio .c-console{padding:13px;border-radius:10px;transform:none}.hv-studio .console-top{font-size:6px}.hv-studio .console-top b{font-size:7px}.hv-studio .console-top span{display:none}.hv-studio .console-tabs{margin-top:12px}.hv-studio .console-tabs button{font-size:8px;padding:8px 11px}.hv-studio .console-preview .dashboard-demo{min-height:283px}.hv-studio .console-preview .dashboard-demo aside{padding:15px 8px;font-size:5px;width:23%}.hv-studio .console-preview .dash-main{width:77%;padding:14px 10px}.hv-studio .console-preview .dash-main h3{font-size:17px}.hv-studio .console-bottom{font-size:7px;line-height:1.5;gap:8px}.hv-studio .hero-c .site-demo h3{font-size:24px}.hv-studio .hero-c .site-demo header{padding:15px;font-size:8px}.hv-studio .hero-c .site-demo header b{font-size:17px}.hv-studio .hero-c .site-demo header>span{font-size:6px}.hv-studio .hero-c .site-demo-hero{padding:10px 15px;gap:10px}.hv-studio .hero-c .site-demo-hero img{height:180px}.hv-studio .hero-c .site-demo p{font-size:7px}.hv-studio .hero-c .site-demo .micro{font-size:5px}.hv-studio .hero-c .site-demo .mini-cta{font-size:6px}.hv-studio .hero-c .site-demo footer{font-size:6px;padding:13px 15px}}
@media(max-width:360px){.hv-studio .hero-a h1{font-size:42px}.hv-studio .hero-c h1{font-size:40px}.hv-studio .hero-b h1{font-size:45px}.hv-studio .benefits{gap:10px;font-size:7px}.hv-studio .brand{font-size:16px}.hv-studio .brand small{display:none}.hv-studio .button{font-size:10px}.hv-studio .spot-card{grid-template-columns:1fr 118px;padding-inline:17px}.hv-studio .spot-copy h3{font-size:21px}.hv-studio .spotlight .inline-link{white-space:normal;text-align:right}.hv-studio .route{padding-inline:12px!important}.hv-studio .route>b{font-size:15px}}
@media(prefers-reduced-motion:reduce){.hv-studio{scroll-behavior:auto}.hv-studio *,.hv-studio *:before,.hv-studio *:after{animation:none!important;transition:none!important}.hv-studio .spot-card:hover .book,.hv-studio .product-art:hover .book{transform:rotate(-8deg) rotateY(-17deg)}.hv-studio .primary:hover{transform:none}}
@media(pointer:coarse){.hv-studio .circle,.hv-studio .menu{min-width:44px;min-height:44px}.hv-studio .filters button,.hv-studio .details,.hv-studio .guide-link{min-height:44px}.hv-studio .navigation nav a{padding:6px 0}.hv-studio .console-tabs button{min-height:44px}}
.hv-studio .book h4,.hv-studio .book-top,.hv-studio .book-bottom{flex-shrink:0}.hv-studio .cover-art{flex:1;min-height:0}

.hv-studio .mobile-guide-sample{display:none}
@media(max-width:760px){.hv-studio .mobile-guide-sample{display:block;border-block:1px solid #dce6d4;margin:16px 0}.hv-studio .mobile-guide-sample summary{display:flex;justify-content:space-between;align-items:center;padding:13px 0;font-size:11px;cursor:pointer;list-style:none}.hv-studio .mobile-guide-sample summary::-webkit-details-marker{display:none}.hv-studio .mobile-guide-sample summary span{font-size:17px;color:#709264}.hv-studio .mobile-guide-sample[open] summary span{transform:rotate(45deg)}.hv-studio .mobile-guide-sample img{width:100%;max-width:245px;margin:4px auto 12px;box-shadow:0 8px 20px #173c241a}.hv-studio .mobile-guide-sample small{display:block;font-size:8px;color:#829675;text-align:center;margin:0 0 15px}}

.hv-studio .device{position:relative;width:234px;height:480px;padding:7px;border-radius:40px;background:linear-gradient(110deg,#777d7c,#151c20 15%,#080e11 75%,#88908e);box-shadow:0 30px 35px -18px #173b384a,0 2px 2px #fff8 inset,0 0 0 1px #06191a;flex-shrink:0}.hv-studio .device:before{content:'';position:absolute;inset:4px;border:1px solid #9caaae50;border-radius:37px;pointer-events:none}.hv-studio .side-button{position:absolute;left:-3px;top:106px;width:3px;height:35px;border-radius:2px;background:#687773}.hv-studio .side-button:after{content:'';position:absolute;top:48px;height:35px;width:3px;background:#687773}.hv-studio .device-screen{position:relative;height:100%;border-radius:33px;background:#fff;overflow:hidden}.hv-studio .status{height:32px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:9px;position:relative}.hv-studio .island{width:64px;height:18px;position:absolute;left:50%;top:6px;transform:translateX(-50%);background:#0c1113;border-radius:18px}.hv-studio .island:after{content:'';width:5px;height:5px;background:#222d35;border-radius:50%;position:absolute;right:8px;top:6px}.hv-studio .app-top{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;min-height:46px;font-size:15px}.hv-studio .app-top b{display:flex;align-items:center;gap:6px}.hv-studio .app-pad{padding:12px 17px}.hv-studio .app-pad h3{font-size:25px;line-height:1.06;letter-spacing:-.7px;margin:10px 0 12px;font-weight:500}.hv-studio .app-pad p{font-size:11px;line-height:1.4}.hv-studio .micro{font-size:7px;letter-spacing:1.2px;font-weight:700}.hv-studio .avatar{border-radius:50%;padding:6px;background:#eee;font-size:9px;color:#264d43}.hv-studio .app-dock{position:absolute;bottom:14px;left:0;right:0;height:34px;display:flex;justify-content:space-around;align-items:center;border-top:1px solid #0001;background:inherit}.hv-studio .home-line{position:absolute;bottom:6px;left:32%;width:36%;height:3px;border-radius:4px;background:currentColor;opacity:.65}.hv-studio .mini-cta{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border-radius:5px;font-size:9px;background:#163e32;color:#fff;margin-top:10px}.hv-studio .coffee-app .device-screen{background:#f7f3e9;color:#382f25}.hv-studio .coffee-app .app-top{font-family:HV-Serif,Georgia,serif;line-height:.8}.hv-studio .coffee-photo{width:100%;height:117px;object-fit:cover}.hv-studio .coffee-app h3{font-family:HV-Serif,Georgia,serif;font-size:28px}.hv-studio .coffee-app p{color:#71604c;margin-bottom:0}.hv-studio .app-products{display:flex;gap:15px;margin-top:13px}.hv-studio .app-products>div{flex:1}.hv-studio .app-products b{font-size:9px;display:block;margin-top:4px}.hv-studio .app-products span{font-size:7px;color:#847260}.hv-studio .bean{background:#ded7c8;height:35px;display:flex;align-items:center;justify-content:center;font-size:23px;border-radius:4px}.hv-studio .bean.light{background:#e6e4d7;color:#a7895c}.hv-studio .signal-app .device-screen{background:#15251f;color:#eef9f3}.hv-studio .signal-app .app-top{border-bottom:1px solid #fff1}.hv-studio .signal-app .micro{color:#9caf9f}.hv-studio .signal-app h3{font-size:25px}.hv-studio .research-hero{background:#233a30;border:1px solid #3e5c4b;padding:13px;border-radius:10px}.hv-studio .research-hero>span{display:block;font-size:9px;color:#c5d7c8}.hv-studio .research-hero strong{display:block;font-size:35px;letter-spacing:-1px;margin:4px 0}.hv-studio .research-hero strong span{font-size:22px}.hv-studio .research-hero small{font-size:8px;color:#92bd9f}.hv-studio .chart-svg{width:100%;height:auto;display:block}.hv-studio .research-hero .chart-svg{height:57px;margin-top:6px}.hv-studio .app-tabs{display:flex;gap:14px;font-size:9px;padding:17px 0 12px;color:#a9bbae}.hv-studio .app-tabs b{color:#eef6ef}.hv-studio .stock-row{display:flex;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #fff1;font-size:9px}.hv-studio .stock-row i{font-style:normal;background:#33493e;padding:8px;border-radius:7px}.hv-studio .stock-row small{display:block;color:#99ac9e;font-size:7px;margin-top:3px}.hv-studio .stock-row>span{margin-left:auto;font-size:7px;color:#adcbb7}.hv-studio .source-note{font-size:8px;display:flex;align-items:center;gap:6px;padding:11px 0;color:#b5d1c0}.hv-studio .dim{font-size:7px;color:#91a297}.hv-studio .creator-app .device-screen{background:#fcf9f3;color:#293634}.hv-studio .creator-app .app-top span:not(.avatar){color:#bd6b4a}.hv-studio .creator-app h3{font-family:HV-Serif,Georgia,serif;font-size:25px}.hv-studio .week{display:flex;justify-content:space-between;padding:6px 0 10px;font-size:8px}.hv-studio .week span{padding:7px 10px;text-align:center;color:#69766e}.hv-studio .week em{display:block;font-style:normal;font-size:13px;margin-top:5px}.hv-studio .week .chosen{background:#d3e6d6;border-radius:18px;color:#133829}.hv-studio .creator-feature{position:relative;height:113px;border-radius:7px;overflow:hidden;color:#fff;padding:10px;display:flex;flex-direction:column;justify-content:end}.hv-studio .creator-feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.62)}.hv-studio .creator-feature b,.hv-studio .creator-feature span{position:relative}.hv-studio .creator-feature b{font-family:HV-Serif,Georgia,serif;font-size:18px;line-height:1.05}.hv-studio .mini-label{font-size:6px;letter-spacing:.7px;margin-bottom:6px}.hv-studio .task-line{display:flex;align-items:center;gap:8px;padding:11px 0;border-bottom:1px solid #0001;font-size:9px}.hv-studio .task-line i{width:12px;height:12px;border:1px solid #8caaa0;border-radius:50%}.hv-studio .task-line i.done{background:#3e7e67;box-shadow:inset 0 0 0 3px #ecf2ed}.hv-studio .task-line b{font-size:9px}.hv-studio .task-line small{display:block;font-size:7px;color:#7b8b80;margin-top:4px}.hv-studio .task-line svg{margin-left:auto}.hv-studio .creator-app .mini-cta{background:#e6ebdb;color:#224d3b;text-align:center;justify-content:center}.hv-studio .studio-app .device-screen{background:#edeee6;color:#16261f}.hv-studio .studio-app .app-top{font-size:9px;letter-spacing:1px}.hv-studio .studio-app .app-pad h3{font-size:36px;line-height:.95;letter-spacing:-1.6px}.hv-studio .studio-app h3 em{font-family:HV-Serif,Georgia,serif;font-weight:400}.hv-studio .studio-photo{height:144px;width:100%;object-fit:cover;object-position:70% center}.hv-studio .studio-bottom{display:flex;justify-content:space-between;align-items:center;font-size:11px}.hv-studio .studio-app small{font-size:8px;color:#647366}.hv-studio .relay-app .device-screen{background:#f1f5f4;color:#133c32}.hv-studio .relay-app h3{font-size:25px}.hv-studio .run-stats{display:flex;background:#133c32;color:#edfaf2;padding:14px;border-radius:10px;gap:25px;margin:16px 0}.hv-studio .run-stats strong{font-size:27px;display:block}.hv-studio .run-stats small{font-size:7px;color:#a9c5b7;display:block}.hv-studio .small-head{font-size:10px;display:block;margin:10px 0}.hv-studio .flow-step{display:flex;gap:10px;align-items:center;background:#fff;padding:12px 9px;border:1px solid #d9e2de;border-radius:6px;font-size:9px}.hv-studio .flow-step i{border-radius:6px;padding:6px;background:#e4ede8;font-style:normal}.hv-studio .flow-step small{display:block;font-size:7px;color:#839187;margin-top:3px}.hv-studio .flow-step svg{margin-left:auto}.hv-studio .flow-step.active{border:1px solid #5d967d;background:#e6f0e9}.hv-studio .flow-link{height:15px;border-left:1px dashed #93b0a3;margin-left:22px}.hv-studio .relay-app .source-note{color:#55796a}.hv-studio .focus-app .device-screen{background:#e9f1ed;color:#283f33}.hv-studio .focus-app h3{font-family:HV-Serif,Georgia,serif;font-size:31px}.hv-studio .focus-orbit{width:153px;height:153px;margin:20px auto;border:9px solid #cddfd2;border-right-color:#478764;border-top-color:#478764;border-radius:50%;display:flex;align-items:center;justify-content:center;transform:rotate(-30deg)}.hv-studio .focus-orbit>div{transform:rotate(30deg);text-align:center}.hv-studio .focus-orbit span{display:block;font-size:8px;color:#63826b}.hv-studio .focus-orbit strong{display:block;font-size:40px;letter-spacing:-2px}.hv-studio .focus-orbit strong small{font-size:11px;letter-spacing:0;margin-left:3px}.hv-studio .browser-window{border:1px solid #8a989841;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 25px 45px -22px #112c2e40}.hv-studio .browser-chrome{height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#e9edeb;color:#adb9b2;font-size:9px}.hv-studio .browser-chrome small{font-size:8px;color:#718479}.hv-studio .site-demo{background:#f4f1e9;color:#3d3b2e}.hv-studio .site-demo header,.hv-studio .agency-demo header{padding:19px 22px;display:flex;justify-content:space-between;font-size:10px}.hv-studio .site-demo header b{font-family:HV-Serif,Georgia,serif;font-size:18px}.hv-studio .site-demo header>span,.hv-studio .agency-demo header>span{font-size:8px}.hv-studio .site-demo-hero{display:flex;align-items:center;padding:10px 22px 20px;gap:15px}.hv-studio .site-demo-hero>div{width:50%}.hv-studio .site-demo-hero img{width:50%;height:230px;object-fit:cover;border-radius:140px 140px 3px 3px}.hv-studio .site-demo h3{font-family:HV-Serif,Georgia,serif;font-size:38px;line-height:1;letter-spacing:-1.1px;margin:16px 0}.hv-studio .site-demo p{font-size:10px;line-height:1.4;color:#7a7562}.hv-studio .site-demo .mini-cta{display:inline-block;font-size:8px;background:#53573f}.hv-studio .site-demo footer{padding:14px 22px;border-top:1px solid #ded9c9;font-size:8px;color:#817766}.hv-studio .agency-demo{background:#eff0e9;color:#29392e}.hv-studio .agency-demo header{font-size:9px}.hv-studio .agency-hero{display:flex;align-items:center;gap:10px;padding:12px 22px 20px}.hv-studio .agency-hero>div{width:53%}.hv-studio .agency-hero img{width:47%;height:220px;object-fit:cover;object-position:65%;border-radius:4px}.hv-studio .agency-hero h3{font-size:37px;line-height:1.05;margin:18px 0;letter-spacing:-1.2px}.hv-studio .agency-hero h3 em{font-family:HV-Serif,Georgia,serif;font-weight:400}.hv-studio .agency-hero p{font-size:10px;line-height:1.5;color:#71806f}.hv-studio .agency-hero>div>span:last-child{font-size:9px;display:block;margin-top:19px}.hv-studio .agency-demo footer{padding:15px 22px;font-size:8px;border-top:1px solid #dce0d6}.hv-studio .dashboard-demo{display:flex;background:#f4f7f4;min-height:329px;color:#2b4436}.hv-studio .dashboard-demo aside{width:23%;padding:20px 14px;background:#123b31;color:#dce8df;display:flex;flex-direction:column;gap:19px;font-size:8px}.hv-studio .dashboard-demo aside>b{font-size:19px;margin-bottom:6px}.hv-studio .dashboard-demo aside small{margin-top:auto;font-size:6px;letter-spacing:1px;color:#8aa999}.hv-studio .dash-main{width:77%;padding:17px 18px}.hv-studio .dash-main header{display:flex;justify-content:space-between;font-size:7px;color:#7d8e81;border-bottom:1px solid #dce6dd;padding-bottom:12px}.hv-studio .dash-main h3{font-size:22px;letter-spacing:-.7px;margin:17px 0 6px}.hv-studio .dash-main p{font-size:8px;color:#758575;margin:0 0 14px}.hv-studio .dash-metrics{display:flex;gap:8px}.hv-studio .dash-metrics>div{background:#fff;padding:10px;border:1px solid #e3e8df;border-radius:5px;flex:1}.hv-studio .dash-metrics small{font-size:7px}.hv-studio .dash-metrics b{font-size:23px;display:block;margin:4px 0}.hv-studio .dash-metrics span{font-size:6px;color:#819b84}.hv-studio .dash-chart{background:#fff;border:1px solid #e2e8e0;border-radius:5px;padding:12px;margin-top:10px}.hv-studio .dash-chart>b{font-size:9px;display:block}.hv-studio .dash-chart>span{font-size:7px;color:#9aa596}.hv-studio .dash-chart svg{height:67px;margin-top:6px}.hv-studio .chart-days{text-align:center;font-size:6px;color:#93a292}.hv-studio .dash-foot{display:flex;justify-content:space-between;font-size:7px;margin-top:10px}
/* Visual refinement after rendered desktop/mobile inspection: protect the dock area. */
.hv-studio .device{height:506px}.hv-studio .phone-stage{height:534px}.hv-studio .coffee-photo{height:104px}.hv-studio .coffee-app .bean{height:25px}.hv-studio .coffee-app .app-pad h3{font-size:27px}.hv-studio .studio-app .studio-photo{height:128px}.hv-studio .studio-app .app-pad h3{font-size:34px}.hv-studio .studio-app .app-pad:last-of-type{padding:10px 17px}.hv-studio .studio-app .app-pad:last-of-type small{display:none}.hv-studio .relay-app .app-pad h3{font-size:23px;margin:8px 0 10px}.hv-studio .relay-app .run-stats{padding:10px;margin:12px 0}.hv-studio .relay-app .run-stats strong{font-size:25px;line-height:1.1}.hv-studio .relay-app .small-head{margin:8px 0}.hv-studio .relay-app .flow-step{padding:8px 9px}.hv-studio .relay-app .flow-link{height:10px}.hv-studio .relay-app .source-note{display:none}.hv-studio .creator-app .app-pad h3{font-size:24px;margin:8px 0}.hv-studio .creator-app .week{padding:4px 0 8px}.hv-studio .creator-app .week span{padding:4px 8px}.hv-studio .creator-app .creator-feature{height:100px}.hv-studio .creator-app .task-line{padding:7px 0}.hv-studio .creator-app .mini-cta{padding:8px;margin-top:8px}.hv-studio .focus-app .app-pad h3{font-size:28px;margin:8px 0}.hv-studio .focus-app .focus-orbit{width:120px;height:120px;margin:12px auto;border-width:7px}.hv-studio .focus-app .focus-orbit strong{font-size:34px}.hv-studio .focus-app .task-line{padding:6px 0}
.hv-studio .signal-app .research-hero{padding:10px}.hv-studio .signal-app .research-hero strong{font-size:32px;line-height:1.1}.hv-studio .signal-app .research-hero .chart-svg{height:43px}.hv-studio .signal-app .app-tabs{padding:10px 0 8px}.hv-studio .signal-app .stock-row{padding:7px 0}.hv-studio .signal-app .source-note{display:none}.hv-studio .creator-app .mini-cta{display:none}


/* Twenty-One wrappers only on our three marketing pages; account/cart retain parent UI. */
body.hv-marketing{background:#fff;margin:0}
body.hv-marketing #header,body.hv-marketing .master-breadcrumb,body.hv-marketing #footer{display:none}
body.hv-marketing #main-body{margin:0;padding:0}
body.hv-marketing #main-body>.container{max-width:none;width:100%;padding:0}
body.hv-marketing #main-body>.container>.row{margin:0}
body.hv-marketing #main-body .primary-content{padding:0;width:100%;max-width:100%;flex:0 0 100%}
.hv-studio{box-sizing:border-box;text-align:left}
.hv-studio h4,.hv-studio summary,.hv-studio button{font-family:inherit}
.hv-studio summary{list-style:none}.hv-studio summary::-webkit-details-marker{display:none}
.hv-studio .spot-card,.hv-studio .product-art{cursor:pointer}
.hv-studio .hv-guide-page{padding-block:55px 90px}
.hv-studio .hv-guide-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:75px;margin-top:35px;align-items:start}
.hv-studio .hv-guide-image{background:#f3f6f0;padding:25px;border-radius:15px}
.hv-studio .hv-guide-image img{width:100%;height:auto;box-shadow:0 15px 35px #123b3217}
.hv-studio .hv-guide-image small{display:block;font-size:11px;text-align:center;margin-top:16px;color:#728179}
.hv-studio .hv-guide-page h1{font-size:46px;line-height:1.08;letter-spacing:-1.5px}
.hv-studio .hv-example-note{font-size:12px;margin-top:22px}
.hv-studio .hv-guide-page .dialog-copy>p,.hv-studio .hv-guide-page .dialog-copy>ul{font-size:14px;line-height:1.65}
.hv-studio .hv-guide-page .file-list li{font-size:12px;line-height:1.6}
@media(max-width:700px){.hv-studio .hv-guide-grid{grid-template-columns:1fr;gap:32px}.hv-studio .hv-guide-page h1{font-size:36px}.hv-studio .hv-guide-image{max-width:330px;margin:auto;order:2}.hv-studio .hv-guide-grid>.dialog-copy{order:1}}
body.hv-marketing>#frmDomainHomepage{display:none!important}