/* NextQ product surfaces. Shared desktop, tablet and phone rhythm. */
:root{--nq-ink:#20264d;--nq-purple:#6670b5;--nq-paper:#f7f5ef}
.product-home{background:var(--nq-paper);color:var(--nq-ink)}
.product-home .header{position:absolute;height:88px;border-bottom:1px solid #20264d15;z-index:10}
.brand-lockup .brand,.brand{color:var(--nq-ink)}.brand-lockup .brand>span,.brand>span{color:var(--nq-purple)}
.product-home .journey{height:265svh;min-height:1500px;position:relative}
.product-home .viewport{position:sticky;top:0;height:100svh;min-height:580px;padding:120px 5.3vw 56px;display:flex;align-items:center;overflow:hidden}
.product-home .experience{display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;width:100%;height:100%;max-width:1600px;margin:auto;gap:2vw}
.product-home .story{position:relative;padding:0 0 2vw;z-index:2}
.product-home .story h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(54px,6.8vw,104px);letter-spacing:-.065em;line-height:1.02;margin:22px 0 28px;max-width:700px}
.product-home .story h1 em{font-weight:400;color:var(--nq-purple)}
.product-home .description{font-size:17px;line-height:1.7;color:#5b6178;max-width:410px;margin:0 0 28px}
.product-home .eyebrow{font-size:11px;letter-spacing:.18em;color:#677085;font-weight:700}
.product-home .hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px}
.product-home .primary,.product-page .primary{background:var(--nq-ink);border:0;border-radius:5px;color:#fff;padding:16px 22px;display:inline-flex;gap:28px;align-items:center;font-size:13px}
.hero-note{font-size:11px;margin-top:26px;color:#70758a;letter-spacing:.015em}
.product-home .product-view{position:relative;width:100%;height:100%;min-height:430px;max-height:800px;touch-action:pan-y}
.product-home #scene{width:100%;height:100%;display:block;touch-action:pan-y}
.product-home .fallback{position:absolute;inset:0;display:grid;place-items:center;padding:30px}.product-home .fallback[hidden]{display:none}
.product-home .fallback-object{width:290px;max-width:85%;background:#fff;border:12px solid #222733;border-radius:24px;box-shadow:12px 30px 55px #20264d20;padding:24px;transform:rotate(-6deg)}
.fallback-object h3{font-size:19px;margin:26px 0 12px}.fallback-object p{font-size:11px;color:#6c7385}.fallback-object .fallback-line{padding:12px 0;border-bottom:1px solid #eee;font-size:12px}
.product-section{max-width:1440px;margin:auto;padding:92px 5.3vw}.section-label{color:#6670b5;letter-spacing:.16em;font-size:10px;font-weight:700}
.product-section h2{font:400 clamp(36px,4.6vw,68px)/1.08 Georgia,serif;letter-spacing:-.045em;margin:17px 0 24px}.product-section h2 em{color:#6670b5}
.section-lead{font-size:15px;line-height:1.8;color:#6b7084;max-width:530px}
.product-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:44px}
.benefit{border-top:1px solid #d9dae2;padding:24px 0}.benefit .benefit-number{font:11px monospace;color:#6670b5}.benefit h3{font-size:18px;margin:18px 0 12px}.benefit p{font-size:13px;line-height:1.8;color:#686e81}
.product-registers{background:#eeedf5;border-top:1px solid #e1dfeb;border-bottom:1px solid #e1dfeb}.product-registers .template-list{margin-top:36px}.product-registers .template-list a{background:transparent}
.product-roles{display:grid;grid-template-columns:1fr 1fr;gap:0 42px;margin-top:32px}.product-role{padding:30px 0;border-top:1px solid #dddde7;display:grid;grid-template-columns:60px 1fr;gap:20px}
.role-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:#e8e6f1;color:#6670b5;font-size:23px}.product-role h3{margin:2px 0 12px;font-size:20px}.product-role p{font-size:13px;color:#6a7083;line-height:1.8;max-width:440px}.product-role a{display:inline-block;font-size:12px;font-weight:700;margin-top:18px}
.product-brand-close{background:#20264d;color:#fff;border-radius:14px;margin-top:28px;display:flex;align-items:center;justify-content:space-between;gap:36px;padding:48px}.product-brand-close h2{margin:12px 0 20px}.product-brand-close p{font-size:14px;line-height:1.8;color:#d9dbea;max-width:440px}.product-brand-close img{width:150px;flex:none}.product-brand-close .primary{background:#f1effb;color:#20264d;margin-top:25px}
.product-page .header{position:relative}.product-page .page-main{padding-top:70px}.product-page .marketing-footer{margin-top:50px}.product-page .sign-in-layout{max-width:1100px;margin:auto}.product-page .sign-in-layout>div>img{width:130px;margin-top:34px}.product-page .marketing-form{background:#fff;border:1px solid #e3e2eb;border-radius:12px;padding:28px;max-width:520px}
.product-page .sign-in-role{display:flex;gap:3px;flex-wrap:wrap;margin-bottom:16px;background:#eeedf5;padding:5px;border-radius:8px}.product-page .sign-in-role button{padding:10px 12px;border:0;border-radius:5px;background:transparent;color:#5a6380;font-size:12px}.product-page .sign-in-role button.active{background:#fff;color:#20264d;box-shadow:0 2px 5px #20264d0b}.form-feedback{font-size:12px;line-height:1.6;min-height:18px}.form-feedback.error{color:#9c293e}.auth-choice{display:block;width:100%;margin:8px 0;padding:15px;text-align:left;border:1px solid #ddd;border-radius:7px;background:#fff}
.auth-required{max-width:500px;margin:14vh auto;padding:40px;background:#fff;border-radius:16px;box-shadow:0 20px 50px #20264d10}.auth-required h1{font:400 38px/1.15 Georgia,serif;margin:30px 0 16px}.auth-required p{line-height:1.7;color:#6b7285;margin-bottom:24px}.loading-workspace{padding:15vh 30px;text-align:center;color:#6670b5}
.product-workspace .app{max-width:none;margin:0;border:0;border-radius:0;min-height:100svh;box-shadow:none}.product-workspace .app-layout{min-height:calc(100svh - var(--shell,58px) - 28px)}.product-workspace .app-sidebar{position:sticky;top:0;align-self:start;min-height:calc(100svh - var(--shell,58px) - 28px);max-height:calc(100svh - var(--shell,58px) - 28px);overflow:auto}.product-workspace .app-main{padding-bottom:44px}.product-workspace .app-status{font-size:10px}.product-workspace .workspace-mascot{margin-bottom:28px}.product-workspace .workspace-mascot img{width:56px;height:56px;object-fit:contain}.workspace-menu{display:none;background:none;border:0;padding:8px;color:inherit}.signed-in-name{font-size:11px;margin:0 14px}.avatar{cursor:pointer;border:0}.connection-notice{font-size:12px;line-height:1.5;background:#fff5df;color:#775428;padding:12px 16px;margin:0 0 20px;border-radius:5px}
.appearance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:22px}.appearance-choice{border:1px solid var(--line,#dce0e8);background:var(--card,#fff);border-radius:8px;padding:18px;text-align:left;display:flex;flex-direction:column;gap:9px;min-height:165px}.appearance-choice.active{outline:2px solid var(--choice);outline-offset:1px}.appearance-choice strong{font-size:14px}.appearance-choice small{font-size:11px;color:var(--muted,#647086);line-height:1.5}.appearance-choice b{font-size:10px;color:var(--choice);margin-top:auto}.appearance-swatch{height:34px;border-radius:4px;background:color-mix(in srgb,var(--choice) 12%,white);position:relative;margin-bottom:6px;padding-left:42px;display:flex;flex-direction:column;justify-content:center;gap:4px}.appearance-swatch:before{content:'';position:absolute;left:0;top:0;bottom:0;width:30px;background:var(--choice);border-radius:4px 0 0 4px}.appearance-swatch i{height:3px;width:60%;background:var(--choice);opacity:.3}.product-workspace .look-grid{padding:22px;grid-template-columns:repeat(4,1fr)}.product-workspace .look-choice{border-radius:8px}.product-workspace .look-choice img{height:62px;object-fit:contain}
/* The same capture choices carry into personal field interfaces. */
.product-phone{--phone-bg:#f3f6fb;--phone-main:#6670b5;background:var(--phone-bg);min-height:100svh}.product-phone .phone-frame{width:100%;max-width:560px;min-height:100svh;border:0;border-radius:0;box-shadow:none;background:var(--phone-bg);margin:0 auto;overflow:visible}.product-phone .phone-body{padding:24px 22px 100px}.product-phone .phone-head{height:78px;position:sticky;top:0;z-index:9;background:var(--phone-bg);border-bottom:1px solid #20264d12}.product-phone .phone-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:560px;background:#ffffffed;backdrop-filter:blur(16px);padding-bottom:max(9px,env(safe-area-inset-bottom));border-top:1px solid #20264d15;border-radius:0}.product-phone .phone-nav button.active{color:var(--phone-main)}.product-phone .phone-button.primary{background:var(--phone-main);color:#fff}.product-phone .phone-greeting{align-items:center;background:#fff;border:1px solid #dddfea;border-radius:17px;margin:24px 0;padding:15px}.product-phone .phone-greeting img{width:61px;height:64px;object-fit:contain}.product-phone .phone-greeting small{color:var(--phone-main)}.product-phone .phone-private{font-size:10px;color:#9195a8;line-height:1.7;text-align:center;margin-top:30px}.product-phone .phone-title{font-size:29px;letter-spacing:-.035em}.product-phone .phone-sub{line-height:1.65;font-size:13px}.product-phone .phone-dialog{width:calc(100vw - 24px);max-width:520px;max-height:90svh;overflow:auto}.product-phone .phone-field input,.product-phone .phone-field select,.product-phone .phone-field textarea{font-size:16px;min-height:49px}.product-phone .phone-note{line-height:1.6}.product-phone .phone-stats{margin:24px 0}.product-phone .journey-card{border-radius:15px}.product-phone .qr-panel{max-width:100%;overflow:hidden}
.product-phone[data-phone-look=sky]{--phone-bg:#edf5fd;--phone-main:#1553c7}.product-phone[data-phone-look=sky] .phone-greeting{background:#fffdf4;box-shadow:4px 4px 0 #d7e8f8}.product-phone[data-phone-look=sky] .journey-card{background:#fff;color:#173e76;border:1px solid #c9dbef}.product-phone[data-phone-look=sky] .phone-title{font-family:Georgia,serif;font-weight:400;font-size:34px}
.product-phone[data-phone-look=heritage]{--phone-bg:#f2e9dc;--phone-main:#77533c}.product-phone[data-phone-look=heritage] .phone-greeting{background:#fbf7ed;border-radius:5px;border-left:5px solid #bb7b4c}.product-phone[data-phone-look=heritage] .journey-card{background:#466152;color:#fff;border-radius:5px}.product-phone[data-phone-look=heritage] .phone-button{border-radius:5px}.product-phone[data-phone-look=heritage] .phone-head{border-bottom:3px solid #d7b78d}
.product-phone[data-phone-look=line]{--phone-bg:#fff;--phone-main:#262f46}.product-phone[data-phone-look=line] .phone-greeting{border:0;border-left:2px solid #cfd7e4;border-radius:0;padding-left:13px}.product-phone[data-phone-look=line] .journey-card{background:#fff;color:#20264d;border:1px solid #d5dae4;border-radius:3px}.product-phone[data-phone-look=line] .phone-button,.product-phone[data-phone-look=line] .quick-item{border-radius:3px}.product-phone[data-phone-look=line] .phone-title{font-size:26px}
.product-phone[data-phone-look=pro]{--phone-bg:#eff0f8;--phone-main:#555fa0}.product-phone[data-phone-look=pro] .phone-greeting{border-radius:7px;box-shadow:0 5px 14px #20264d05}.product-phone[data-phone-look=pro] .journey-card{background:#252d58;border-radius:7px}.product-phone[data-phone-look=pro] .phone-button,.product-phone[data-phone-look=pro] .quick-item{border-radius:7px}.product-phone[data-phone-look=pro] .phone-title{font-size:26px}
.product-phone[data-night=true]{color:#e7eafa;--phone-bg:#171d2e;--phone-main:#8c9df0}.product-phone[data-night=true] .phone-head,.product-phone[data-night=true] .phone-nav{background:#1c2438;color:#e7eafa}.product-phone[data-night=true] .phone-greeting,.product-phone[data-night=true] .quick-item,.product-phone[data-night=true] .receipt,.product-phone[data-night=true] .qr-panel,.product-phone[data-night=true] .phone-stats{background:#242d45;color:#e7eafa;border-color:#354059}.product-phone[data-night=true] .phone-field input,.product-phone[data-night=true] .phone-field select,.product-phone[data-night=true] .phone-field textarea{background:#242d45;color:#e7eafa;border-color:#43516e}.product-phone[data-night=true] .phone-sub,.product-phone[data-night=true] .phone-label{color:#bac4de}
@media(min-width:760px){.product-phone .phone-frame{border-left:1px solid #20264d12;border-right:1px solid #20264d12}.product-phone .phone-body{padding:32px 32px 120px}.product-phone .phone-head{padding:24px 32px}.product-phone .phone-nav{border-left:1px solid #20264d12;border-right:1px solid #20264d12}}
@media(max-width:1000px){.product-home .story h1{font-size:68px}.product-home .description{font-size:14px}.appearance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-workspace .look-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.product-home .header{height:70px;padding:0 22px}.product-home .journey{height:240svh;min-height:1200px}.product-home .viewport{height:100svh;min-height:570px;padding:92px 22px 22px}.product-home .experience{display:flex;flex-direction:column;gap:0;align-items:stretch}.product-home .story{padding:0;flex:none}.product-home .eyebrow{font-size:9px}.product-home .story h1{font-size:clamp(43px,10.5vw,66px);margin:13px 0 14px;line-height:1}.product-home .description{font-size:13px;line-height:1.65;max-width:360px;margin-bottom:18px}.product-home .primary{padding:13px 17px;font-size:11px;gap:18px}.product-home .text-link{font-size:11px}.hero-note{display:none}.product-home .product-view{min-height:260px;flex:1;width:100%;margin-top:4px}.product-section{padding:60px 22px}.product-benefits{grid-template-columns:1fr;gap:0;margin-top:24px}.benefit{padding:24px 0}.product-roles{grid-template-columns:1fr}.product-role{grid-template-columns:44px 1fr;gap:14px}.role-icon{width:40px;height:40px;font-size:19px}.product-brand-close{padding:30px 24px;gap:15px;align-items:start}.product-brand-close img{width:75px;margin-top:22px}.product-brand-close h2{font-size:35px}.product-brand-close p{font-size:12px}.product-home .template-list a{grid-template-columns:30px 1fr 20px}.product-home .template-list p{grid-column:2;line-height:1.6}.product-page .header .small-cta{display:none}.product-page .page-main{padding:45px 22px}.product-page .sign-in-layout>div>img{display:none}.product-page .marketing-form{padding:22px}.signed-in-name{display:none}.product-workspace .app-sidebar{display:none;width:230px}.product-workspace .app-layout{grid-template-columns:1fr}.product-workspace .nav-open .app-sidebar{display:block;position:fixed;left:0;top:var(--shell,58px);bottom:0;z-index:20;background:var(--nav,#f8fafc);box-shadow:8px 0 25px #0002}.workspace-menu{display:inline-flex}.product-workspace .shell-left>strong{max-width:155px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.product-workspace .app-main{padding:20px 16px 45px}.appearance-grid{padding:15px;gap:12px}.appearance-choice{padding:13px;min-height:158px}.appearance-choice strong{font-size:12px}.product-workspace .look-grid{padding:15px;gap:12px}.product-workspace .app-status span:last-child{display:none}.auth-required{margin:10vh 18px;padding:30px}.product-workspace .workspace-mascot{margin-bottom:22px}}
@media(max-height:680px) and (max-width:700px){.product-home .viewport{padding-top:82px;min-height:0}.product-home .story h1{font-size:41px}.product-home .description{font-size:12px;line-height:1.5;margin-bottom:12px}.product-home .product-view{min-height:180px}.product-home .eyebrow{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.product-home .journey{height:100svh;min-height:570px}.product-home .viewport{position:relative}.product-home .product-view{transition:none}}