/* Hoocard: editorial type, open product layouts, quiet controls. */
:root{--bg:#0c1120;--surface:#111828;--muted:#a8aebc;--border:#ffffff1b;--orange:#e57200;--bright:#ee8d32}body{background:var(--bg)}.header{max-width:1600px;height:88px;padding:0 4.5%;border:0;gap:24px}.header .wordmark{font-size:26px;font-weight:700;letter-spacing:-1.2px}.brand-space{margin-left:0;font-weight:450}.header nav{gap:30px;margin:0;font-size:14px}.sign-in-link{color:#f6f7fa!important}.header .button{background:#f1f2f4;color:#101622;min-height:40px;border-radius:99px;padding:9px 19px;font-size:13px}.header .button:hover{background:white;box-shadow:none}.landing .section-shell{max-width:1540px;padding-left:5.5%;padding-right:5.5%}.landing .hero{min-height:710px;padding-top:50px;padding-bottom:66px;grid-template-columns:1.12fr .88fr;gap:15px;overflow:hidden}.landing .hero-copy{padding-bottom:22px}.landing .hero .eyebrow{margin-bottom:24px;font-size:14px;color:#c2c6d0;text-transform:none;letter-spacing:0;font-weight:500;display:block}.landing h1#hero-title{font-size:clamp(75px,8.55vw,132px);line-height:.91;letter-spacing:-.072em;font-weight:740;text-wrap:initial}.landing .hero-description{font-size:19px;line-height:1.55;max-width:510px;color:#b0b7c6;margin-top:30px;letter-spacing:-.015em}.landing .hero-actions{margin-top:28px;gap:22px;align-items:center}.landing .button{border-radius:99px;min-height:52px;background:#f4f4f3;color:#121723;font-weight:600;font-size:15px;padding:13px 24px;box-shadow:none}.landing .button:hover{background:#fff;box-shadow:0 9px 24px #0002;transform:translateY(-2px)}.landing .button span{font-size:19px}.owner-inline{font-size:13px;color:#929bad;line-height:1.5;white-space:normal;max-width:150px}.owner-inline:hover{color:white}.landing .hero-meta{gap:16px;align-items:center;margin-top:29px}.landing .hero-meta strong{font-size:39px;letter-spacing:-.065em;line-height:1;color:#f1f3f6;font-weight:660;font-variant-numeric:tabular-nums}.landing .hero-meta>span{font-size:12px;color:#8e98aa;line-height:1.6}.landing .hero-visual{height:570px;transform:none;min-width:0}.landing .phone{right:22px;top:10px;transform:rotate(7deg);width:257px;height:510px;border-color:#525765;box-shadow:10px 25px 60px #0005}.landing .hero-card{width:355px;left:-16px;top:281px;transform:rotate(-11deg);box-shadow:0 1px 0 #ffffff30,0 30px 52px #0006;border-radius:13px;animation:none}.landing .hero-card:hover{transform:rotate(-9deg) translateY(-4px)}.landing .tap-caption{top:auto;bottom:0;left:28px;font-size:12px;color:#8994a9;gap:8px}.landing .tap-caption .tap-symbol{display:none}.landing .tap-caption>span:last-child{display:none}.landing .visual-footnote{display:none}.landing .hero-visual.tapping .hero-card{animation:wahoo-tap 1.8s var(--ease) both}.landing .hero-visual.tapping .tap-ripple{animation:ripple .75s .45s ease-out 1}.landing .phone-content,.landing .phone-address{transition:opacity .35s,transform .4s var(--ease),visibility .35s}.landing .phone-notification{transition:opacity .25s,transform .35s var(--ease)}.landing .hero-visual.connected .phone{transform:rotate(4deg)}.landing .phone-content .contact-button{background:#e57200}.landing .profile-cover{background:#232d4b}.landing .profile-cover:after{display:none}.landing .profile-cover span{font-size:8px;letter-spacing:.05em}.landing .phone h2{font-size:26px}.landing .profile-bio{font-size:11px;line-height:1.55}.landing .profile-link{font-size:11px;padding:11px 10px}.landing .sample-label{font-size:8px}.landing .home-indicator{bottom:7px}.landing .profile-degree{font-size:11px}@keyframes wahoo-tap{0%,100%{transform:rotate(-11deg)}35%,59%{transform:translate(55px,-160px) rotate(-17deg)}}
.landing .employers{background:transparent;border:0;padding:23px 0 42px}.landing .employer-heading{justify-content:space-between;margin:0 auto;padding:0 5.5%;max-width:1540px}.landing .employer-heading p{font-size:13px;color:#7f899d;letter-spacing:0}.landing .employer-heading button{background:none;border:0;border-radius:0;color:#727e94;min-height:30px}.landing .logo-window{max-width:1540px;margin:27px auto 19px;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.landing .logo-track{animation-duration:44s}.landing .logo-set{min-width:0;gap:84px;padding:0 42px}.company-pair{display:flex;align-items:center;gap:17px;white-space:nowrap;height:54px}.company-pair img{width:37px;height:37px;object-fit:contain;flex-shrink:0}.company-pair>span{font-size:29px;letter-spacing:-.045em;color:#b6bdcf;font-weight:570}.landing .employer-note{font-size:11px;color:#5f6d85}.landing .how{border-top:1px solid var(--border);padding-top:95px;padding-bottom:100px;grid-template-columns:1.1fr 1fr;gap:95px}.landing .eyebrow{font-size:14px;letter-spacing:0;text-transform:none;font-weight:450;color:#8995aa}.landing .section-heading h2{font-size:clamp(44px,4.9vw,70px);font-weight:650;line-height:.99;letter-spacing:-.06em;margin-top:25px}.landing .section-heading>p:not(.eyebrow){font-size:17px;line-height:1.65;max-width:420px;color:#9ba6ba}.landing .steps{padding-top:4px}.landing .steps article{padding:28px 0;gap:30px}.landing .steps article:first-child{padding-top:0}.landing .step-number{color:#65738b;font-size:12px;padding-top:6px}.landing .steps h3{font-size:25px;font-weight:560;letter-spacing:-.035em}.landing .steps p{font-size:16px;color:#95a1b6;line-height:1.7;max-width:380px}.landing .pricing{border-top:1px solid var(--border);padding-top:85px;padding-bottom:85px}.shop-heading{margin-bottom:36px}.shop-heading h2{font-size:clamp(46px,5.5vw,76px);font-weight:650;letter-spacing:-.06em;line-height:1;margin:22px 0 0}.shop-grid{display:grid;grid-template-columns:1.22fr .85fr;gap:100px;align-items:center}.shop-product{position:relative;min-width:0;height:555px;isolation:isolate}.shop-front{position:absolute;left:0;top:50px;width:79%;transform:rotate(-9deg);z-index:2}.shop-front .card-face{border-radius:15px;box-shadow:0 1px 0 #ffffff2b,0 24px 45px #0005}.shop-back{position:absolute;right:0;top:226px;width:77%;transform:rotate(9deg)}.shop-back .card-back{border-radius:15px;box-shadow:0 2px 0 #562507,0 25px 40px #0004}.shop-back .card-back>span{font-size:15px}.shop-back .card-back>p{font-size:12px;letter-spacing:.09em}.shop-back .nfc-icon{height:48px;margin-bottom:12px}.shop-back .card-back>i{margin:13px 0}.shop-caption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#78869d}.shop-options{min-width:0}.finish-selector{border:0;padding:0;margin:0;display:flex;gap:10px;flex-wrap:wrap}.finish-selector legend{display:block;width:100%;font-size:13px;color:#8e9bb1;margin-bottom:15px}.finish-selector label{position:relative;display:flex;align-items:center;gap:10px;padding:10px 16px;border:1px solid #ffffff1c;border-radius:99px;color:#99a4b7;font-size:14px;cursor:pointer;transition:background .2s,color .2s,border-color .2s;min-height:43px}.finish-selector input{position:absolute;opacity:0;width:1px;height:1px}.finish-selector label:has(input:checked){border-color:#a9b3c4;color:white;background:#ffffff05}.finish-selector label:focus-within{outline:2px solid var(--bright);outline-offset:4px}.finish-swatch{display:block;width:17px;height:17px;border-radius:50%;border:1px solid #ffffff30}.classic-swatch{background:linear-gradient(135deg,#232d4b 50%,#e57200 50%)}.black-swatch{background:#111}.finish-description{color:#9ca8bc;font-size:15px;line-height:1.7;margin:21px 0 26px;min-height:51px}.shop-bundles{margin:0 0 24px;padding:0;border:0;display:flex;flex-direction:column}.shop-bundles legend{font-size:13px;color:#8795ac;margin-bottom:9px}.shop-bundles label{display:flex;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid #ffffff14;cursor:pointer}.shop-bundles input{appearance:none;width:15px;height:15px;flex-shrink:0;border:1px solid #65718a;border-radius:50%;margin:0;display:grid;place-items:center}.shop-bundles input:checked{border-color:#eee}.shop-bundles input:checked:after{content:"";width:7px;height:7px;background:#eee;border-radius:50%}.shop-bundles label>span{font-size:17px;letter-spacing:-.02em;color:#cdd3de}.shop-bundles small{display:block;font-size:12px;letter-spacing:0;color:#77879e;margin-top:3px}.shop-bundles strong{font-size:22px;letter-spacing:-.045em;font-weight:550;margin-left:auto;font-variant-numeric:tabular-nums}.shop-bundles label:has(input:checked)>span{color:white}.landing .shop-buy{display:flex;justify-content:space-between;width:100%;margin-top:27px}.shop-note{font-size:12px;line-height:1.7;color:#77859b;margin-top:16px}.landing .faq{padding-top:85px;padding-bottom:88px;gap:120px}.landing .faq .section-heading h2{font-size:57px}.landing .faq-list summary{font-size:17px}.landing .faq-list summary>span{color:#8390a7;font-size:21px}.landing .faq-list details p{font-size:15px;color:#919eb3}.landing .text-link{font-size:13px;color:#b6c1d3}.landing .closing{text-align:left;display:grid;grid-template-columns:1fr auto;gap:19px 40px;align-items:center;padding-top:60px;padding-bottom:69px;background:none}.landing .closing>.eyebrow{grid-column:1/-1;font-size:14px}.landing .closing h2{font-size:clamp(48px,6.5vw,91px);margin:0;line-height:1;letter-spacing:-.065em}.landing .closing .button{margin:0}.closing-owner{grid-column:1/-1;font-size:13px;color:#8997ad;padding-top:8px}.closing-owner:hover{color:white}.landing .footer{padding-top:27px;padding-bottom:25px}.landing .footer-top>.p{display:none}.landing .footer-top>p{font-size:12px}.landing .footer-bottom{margin-top:26px}.landing .footer-bottom>span:last-child{display:none}.landing .footer-bottom p{text-align:right}.landing .footer nav{font-size:12px}.landing .footer .wordmark{font-size:26px;font-weight:680}.landing .hero-card .card-person .card-name{font-size:6cqw}.landing .hero-card .card-person .card-year{font-size:3.8cqw}
[data-finish=blackout] .card-back{background:#111;border:1px solid #ffffff19;box-shadow:0 1px 0 #ffffff17,0 25px 40px #0005;color:#f5f5f5}[data-finish=blackout] .card-person .card-year,[data-finish=blackout].card-face .card-year{color:#f0f0f0}[data-finish=blackout] .card-person i,[data-finish=blackout].card-face .card-person i{background:#eee}.custom-finish-selector{margin-bottom:26px!important}.review-finish{color:#b4bdce}.studio-title .eyebrow{letter-spacing:0;text-transform:none}.studio .button{border-radius:99px}.studio .studio-panel{box-shadow:none}.studio .custom-preview .preview-caption{font-size:12px;letter-spacing:0}.studio .reference-note>span{font-weight:500}.studio .card-switch{border-radius:99px}.studio .card-switch button{border-radius:99px}.sign-in-panel .button{border-radius:99px}
@media(min-width:1500px){.landing .phone{right:48px}.landing .hero-visual{transform:scale(1.08);transform-origin:center}.landing .hero-card{left:0}.landing .hero{min-height:780px}}
@media(max-width:1150px){.landing .hero{grid-template-columns:1.1fr .9fr;min-height:655px}.landing h1#hero-title{font-size:8.5vw}.landing .hero-visual{height:530px}.landing .phone{width:231px;height:486px;right:12px}.landing .hero-card{width:295px;left:-5px;top:273px}.landing .hero-description{font-size:17px}.landing .hero-actions{gap:15px}.landing .hero-meta strong{font-size:35px}.landing .how{gap:60px}.shop-grid{gap:50px;grid-template-columns:1.15fr .9fr}.shop-product{height:480px}.shop-front{top:42px;width:83%}.shop-back{top:211px;width:81%}.shop-back .card-back>p{font-size:10px}.shop-back .card-back>span{font-size:12px}.shop-back .nfc-icon{height:36px;margin-bottom:8px}.shop-back .card-back>i{margin:9px 0}.landing .faq{gap:65px}.company-pair>span{font-size:27px}.landing .logo-set{gap:70px;padding:0 35px}}
@media(max-width:820px){.header{height:77px;padding:0 5%;gap:20px}.header nav{gap:19px}.header nav a:first-child{display:none}.header .button{font-size:12px;padding:8px 14px}.landing .hero{grid-template-columns:1fr;padding-top:36px;padding-bottom:40px;gap:15px;text-align:left}.landing .hero-copy{padding-bottom:5px}.landing .hero .eyebrow{text-align:left;font-size:13px;margin-bottom:22px}.landing h1#hero-title{font-size:clamp(80px,12.5vw,108px)}.landing .hero-description{font-size:18px;margin-top:24px}.landing .hero-actions{justify-content:flex-start;margin-top:25px}.landing .hero-meta{justify-content:flex-start}.landing .hero-visual{width:470px;height:558px;max-width:100%;margin:15px auto 0}.landing .phone{right:38px;width:251px;height:509px}.landing .hero-card{width:337px;left:0;top:273px}.landing .tap-caption{bottom:0;left:30px}.landing .employers{padding-bottom:35px}.landing .how{padding-top:70px;padding-bottom:74px;gap:45px;grid-template-columns:1fr 1fr}.landing .section-heading h2{font-size:46px}.landing .section-heading>p:not(.eyebrow){font-size:15px}.landing .steps h3{font-size:22px}.landing .steps p{font-size:14px}.landing .steps article{gap:20px}.landing .pricing{padding-top:65px;padding-bottom:75px}.shop-grid{grid-template-columns:1fr 1fr;gap:35px}.shop-product{height:430px}.shop-front{width:91%;top:70px}.shop-back{width:91%;top:210px}.shop-back .card-back>p{font-size:8px}.shop-back .card-back>span{font-size:10px}.shop-back .nfc-icon{height:27px}.shop-caption{font-size:10px}.shop-bundles label{gap:10px}.shop-bundles strong{font-size:20px}.shop-bundles label>span{font-size:16px}.shop-bundles small{font-size:11px}.finish-description{font-size:14px}.finish-selector label{font-size:13px;padding:9px 12px}.landing .faq{gap:40px;grid-template-columns:1fr 1.1fr;padding-top:65px;padding-bottom:70px}.landing .faq .section-heading h2{font-size:43px}.landing .closing{padding-top:53px;padding-bottom:57px}.landing .closing h2{font-size:59px}.landing .closing .button{font-size:13px;padding:12px 18px}}
@media(max-width:560px){.header{height:73px;padding:0 6%;gap:15px}.header .wordmark{font-size:23px}.header nav{display:flex;margin-left:auto;gap:0}.header nav a{display:none}.header nav .sign-in-link{display:block;font-size:13px}.header .button{display:none}.landing .section-shell{padding-left:6%;padding-right:6%}.landing .hero{display:grid;grid-template-columns:1fr;grid-template-areas:"label" "title" "visual" "description" "actions" "price";gap:0;padding-top:28px;padding-bottom:36px}.landing .hero-copy{display:contents}.landing .hero .eyebrow{grid-area:label;margin-bottom:20px;font-size:12px}.landing h1#hero-title{grid-area:title;font-size:clamp(60px,14.4vw,80px);letter-spacing:-.065em;line-height:.94}.landing .hero-description{grid-area:description;font-size:16px;line-height:1.6;margin-top:14px}.landing .hero-actions{grid-area:actions;flex-direction:row;gap:18px;margin-top:22px}.landing .hero-actions .button{font-size:14px;min-height:48px;padding:12px 22px;gap:20px}.landing .owner-inline{font-size:12px;max-width:120px}.landing .hero-meta{grid-area:price;margin-top:22px;gap:15px}.landing .hero-meta strong{font-size:33px}.landing .hero-meta>span{font-size:11px}.landing .hero-visual{grid-area:visual;height:464px;width:350px;margin:30px auto 4px}.landing .phone{right:14px;top:0;width:218px;height:445px;border-width:5px;border-radius:35px}.landing .hero-card{width:269px;left:0;top:231px;max-width:79%;border-radius:10px}.landing .tap-caption{bottom:0;left:8px;font-size:10px}.landing .phone h2{font-size:23px}.landing .profile-link{padding:9px 10px;font-size:10px}.landing .profile-bio{font-size:10px}.landing .profile-degree{font-size:10px}.landing .hero-visual.tapping .hero-card{animation:wahoo-tap-mobile 1.8s var(--ease) both}@keyframes wahoo-tap-mobile{0%,100%{transform:rotate(-11deg)}35%,59%{transform:translate(32px,-127px) rotate(-17deg)}}.landing .employer-heading{padding:0 6%}.landing .employer-heading p{font-size:11px}.landing .logo-window{margin-top:20px;margin-bottom:17px}.landing .logo-set{gap:48px;padding:0 24px}.company-pair{gap:13px;height:45px}.company-pair img{width:29px;height:29px}.company-pair>span{font-size:23px}.landing .employer-note{font-size:10px}.landing .how{grid-template-columns:1fr;gap:33px;padding-top:55px;padding-bottom:60px}.landing .section-heading h2{font-size:49px;margin-top:18px}.landing .eyebrow{font-size:12px}.landing .section-heading>p:not(.eyebrow){font-size:16px;margin-top:21px}.landing .steps article{padding:23px 0;gap:25px}.landing .steps h3{font-size:23px}.landing .steps p{font-size:15px}.landing .pricing{padding-top:55px;padding-bottom:58px}.shop-heading{margin-bottom:14px}.shop-heading h2{font-size:49px;margin-top:17px}.shop-grid{grid-template-columns:1fr;gap:35px}.shop-product{height:393px;max-width:440px;width:100%;margin:auto}.shop-front{top:35px;left:0;width:80%}.shop-back{top:171px;right:0;width:80%}.shop-back .nfc-icon{height:33px;margin-bottom:8px}.shop-back .card-back>span{font-size:12px}.shop-back .card-back>p{font-size:9px}.shop-back .card-back>i{margin:8px 0;width:23px}.shop-caption{font-size:11px}.finish-selector label{padding:10px 17px;font-size:14px}.finish-selector legend{font-size:13px}.finish-description{font-size:15px;margin-bottom:24px}.shop-bundles label{padding:18px 0;gap:15px}.shop-bundles label>span{font-size:18px}.shop-bundles small{font-size:12px}.shop-bundles strong{font-size:24px}.shop-note{font-size:12px}.landing .faq{grid-template-columns:1fr;gap:32px;padding-top:55px;padding-bottom:58px}.landing .faq .section-heading h2{font-size:48px}.landing .faq-list summary{font-size:16px}.landing .faq-list details p{font-size:14px}.landing .closing{grid-template-columns:1fr;gap:19px;padding-top:47px;padding-bottom:50px}.landing .closing>.eyebrow{font-size:12px}.landing .closing h2{font-size:58px}.landing .closing .button{justify-self:start;font-size:14px;padding:13px 22px}.closing-owner{font-size:12px;padding-top:0}.landing .footer nav{font-size:11px}.landing .footer-bottom p{text-align:left}.landing .footer-bottom{font-size:10px}.landing .footer .wordmark{font-size:24px}}
@media(max-width:365px){.landing h1#hero-title{font-size:14vw}.landing .hero-visual{height:430px}.landing .phone{width:204px;height:419px;right:6px}.landing .hero-card{width:238px;top:222px}.landing .profile-cover{height:36px}.landing .profile-bio{margin-top:7px;font-size:9px}.landing .profile-link{padding:7px 9px}.landing .tap-caption{bottom:-2px}.shop-product{height:352px}.shop-back{top:158px}.landing .closing h2{font-size:49px}.landing .owner-inline{max-width:98px}}
@media(prefers-reduced-motion:reduce){.landing .hero-visual.tapping .hero-card{animation:none}.landing .logo-track{animation:none}.landing .logo-window{overflow:auto}.landing .phone-content,.landing .phone-address{transition:none}}
/* UVA color and the guided product demonstration. */
.landing h1#hero-title,.landing .section-heading h2,.landing .shop-heading h2,.landing .closing h2{color:#e57200}
.header .button,.landing .button,.studio .button,.public-site .button{background:#e57200;color:#101726}.header .button:hover,.landing .button:hover,.studio .button:hover,.public-site .button:hover{background:#f18b25;color:#101726}.landing .hero .eyebrow,.landing .eyebrow,.landing .hero-meta strong,.demo-site-link{color:#ee8d32}.landing .shop-bundles input:checked{border-color:#ee8d32}.landing .shop-bundles input:checked:after{background:#ee8d32}.finish-selector label:has(input:checked){border-color:#e57200}.bundle-rule{font-size:14px;line-height:1.7;color:#b9c2d3;margin-bottom:24px}.demo-site-link{display:inline-flex;gap:15px;font-size:14px;margin-top:24px}.demo-site-link:hover{text-decoration:underline}.landing .hero-visual.tapping .hero-card{animation-duration:2.8s}.landing .hero-visual.tour-running .hero-card{transform:translate(-35px,130px) rotate(-12deg) scale(.7);opacity:.75;pointer-events:none}.landing .hero-visual{height:645px}.landing .tap-caption{top:auto;bottom:52px;left:15px;font-size:13px;max-width:95%}.tour-description{position:absolute;bottom:0;left:15px;right:0;min-height:37px;font-size:12px;line-height:1.6;color:#9cabc1}.landing .phone-content{height:calc(100% - 83px);overflow-y:auto;scrollbar-width:none;position:relative;padding-bottom:24px}.phone-content::-webkit-scrollbar{display:none}.landing .tour-active{outline:2px solid #ee8d32;outline-offset:3px;background:#e572001c;transition:background .4s,outline .4s}.landing .contact-button.tour-active{background:#ee8d32}.landing .hero-card{transition:transform 1.1s ease,opacity 1s}.contact-help{font-size:12px;line-height:1.6;color:#a5b2c6;margin:12px 0 20px}.demo-detail{border-left:2px solid #e57200;padding:14px 17px;font-size:14px;line-height:1.7;color:#c6cfde;margin-top:24px}.public-site .button{display:flex;justify-content:space-between}.landing .profile-cover span{color:#ee8d32;font-size:10px;letter-spacing:0}.landing .phone-content .profile-bio{margin-top:8px}.landing .phone-content .contact-button{margin-top:12px}
@media(max-width:820px){.landing .hero-visual{height:635px}}
@media(max-width:560px){.landing .hero-visual{height:557px}.landing .hero-visual.tour-running .hero-card{transform:translate(-20px,90px) rotate(-12deg) scale(.62)}.landing .tap-caption{bottom:57px;left:0;font-size:12px}.tour-description{left:0;font-size:11px;bottom:7px}.landing .demo-site-link{grid-area:demo;margin-top:18px}.landing .hero{grid-template-areas:"label" "title" "visual" "description" "actions" "demo" "price"}.landing .hero-visual.tapping .hero-card{animation-duration:2.8s}}
@media(prefers-reduced-motion:reduce){.landing .hero-visual.tour-running .hero-card{transition:none}.landing .phone-content{scroll-behavior:auto}}