:root{--ink:#23163c;--teal:#7047eb;--mint:#ede7ff;--paper:#fcfbff;--line:#e4ddef;--muted:#655977;--white:#fff;font-family:Tahoma,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible,input:focus,select:focus,textarea:focus{outline:3px solid #16aaa8;outline-offset:3px}button,input,select,textarea{border-radius:10px}img{max-width:100%}[hidden]{display:none!important}
.site-header{max-width:1280px;margin:auto;display:flex;align-items:center;gap:22px;padding:18px 44px;min-height:94px}.brand{width:160px;display:flex}.brand img{width:160px;height:64px;object-fit:contain}.brand-owner{font-size:13px;color:var(--muted)}.header-actions{margin-inline-start:auto;display:flex;gap:16px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:#fff;border:1px solid var(--ink);padding:14px 23px;font-weight:bold;font-size:14px;line-height:1.5;gap:8px;box-shadow:0 5px 0 rgba(10,39,62,.04)}.button:hover{background:#1b4764}.button.compact{padding:10px 16px}.button.full{width:100%}.text-button{background:none;border:0;padding:10px;color:var(--ink);font-size:14px}.text-link{color:var(--teal);font-weight:bold;line-height:1.7}
.hero{max-width:1280px;margin:auto;display:grid;grid-template-columns:1.13fr 1fr;gap:54px;padding:56px 64px 70px;align-items:center}.eyebrow{font-size:12px;font-weight:bold;color:var(--teal);letter-spacing:.03em;margin-bottom:18px}.hero h1{font-size:clamp(40px,4.8vw,66px);line-height:1.38;letter-spacing:-2px;margin:0 0 24px;white-space:pre-line}.hero-description{font-size:17px;line-height:1.95;max-width:570px;color:var(--muted);margin:0 0 28px}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.hero-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:40px}.hero-pills span{font-size:11px;padding:8px 11px;border:1px solid var(--line);border-radius:20px;background:#fff9}.hero-visual{position:relative;min-height:530px;display:flex;justify-content:center;align-items:center;isolation:isolate}.orbit{position:absolute;border:1px solid #c0ded3;border-radius:50%;z-index:-2}.orbit-one{width:460px;height:460px;background:var(--mint)}.orbit-two{width:390px;height:390px;transform:translate(-24px,12px)}.phone{width:278px;background:#fff;border:9px solid var(--ink);border-radius:36px;padding:14px 12px 22px;box-shadow:18px 22px 0 #09294212;transform:rotate(-4deg)}.phone-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:bold;direction:ltr;margin:4px 4px 13px}.tiny-dot{width:6px;height:6px;background:var(--teal);border-radius:50%}.demo-flag{font-size:9px;color:var(--muted);margin:9px 1px}.demo-art{position:relative;height:194px;border-radius:18px;background:#dbefb4;overflow:hidden;padding:15px;direction:ltr}.art-label{font-size:11px;background:#fff9;border-radius:25px;padding:6px 10px;position:relative;z-index:2}.art-shapes{position:relative;width:100%;height:135px}.art-shapes i{position:absolute;width:70px;height:120px;border-radius:50px;background:var(--teal);transform:rotate(30deg);top:12px;left:60px}.art-shapes i:nth-child(2){left:116px;background:#174865;transform:rotate(-28deg);height:100px;top:40px}.art-shapes i:nth-child(3){left:28px;background:#9ac67f;width:40px;height:64px;top:40px}.art-bottom{position:absolute;bottom:12px;left:15px;font-size:7px;letter-spacing:1px;color:#355643}.phone-copy{padding:10px 2px 0}.phone-copy h2{font-size:21px;line-height:1.6;margin:0 0 7px}.phone-copy p{font-size:11px;line-height:1.7}.phone-copy small{display:block;font-size:8px;line-height:1.8;margin-top:10px;color:var(--muted)}.phone-copy .button{background:var(--teal);border-color:var(--teal);padding:11px;font-size:11px}.floating-tag{position:absolute;background:#fff;box-shadow:0 5px 20px #112d4610;border:1px solid var(--line);font-size:12px;font-weight:bold;padding:15px 20px;border-radius:15px;z-index:2}.tag-top{top:40px;inset-inline-end:0;transform:rotate(5deg)}.tag-bottom{bottom:32px;inset-inline-start:0;transform:rotate(-4deg)}
.features{max-width:1152px;margin:0 auto 64px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:34px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.features article{padding:8px 14px}.feature-number{font-size:12px;letter-spacing:1px;color:var(--teal)}.features h2{font-size:20px;line-height:1.7;margin:15px 0 10px}.features p{font-size:14px;line-height:1.9;color:var(--muted);margin:0}.workspace{max-width:1152px;margin:auto;padding:20px 0 70px;scroll-margin-top:20px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.section-title h2{font-size:30px;line-height:1.6;margin:0}.section-title .eyebrow{margin-bottom:8px}.phase-badge{border:1px solid #afcec2;padding:9px 14px;border-radius:25px;font-size:11px;color:var(--teal);white-space:nowrap}.notice{background:#ecf5ee;border:1px solid #c5ded0;font-size:13px;line-height:1.9;padding:16px 20px;border-radius:12px;margin:0 0 26px}.notice:empty{display:none}.login-layout{display:grid;grid-template-columns:1fr .85fr;gap:80px;align-items:center}.login-intro h3{font-size:25px;line-height:1.7;margin:0 0 15px}.login-intro p{color:var(--muted);line-height:1.9;font-size:14px}.step-list{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.step-list span{background:var(--mint);border-radius:25px;font-size:12px;padding:11px 18px}.panel{padding:26px;background:#fff;border:1px solid var(--line);border-radius:16px}.panel h3{font-size:19px;line-height:1.6;margin:0 0 20px}label{display:block;margin:0 0 17px;font-size:12px;line-height:1.8}label span{display:block;margin-bottom:7px;color:var(--muted)}input,select,textarea{width:100%;border:1px solid #bfceca;background:#fcfdfb;color:var(--ink);padding:11px 12px;min-height:43px}input[type=email],input[type=url],input[type=password],input[type=datetime-local]{direction:ltr;text-align:start}textarea{min-height:96px;resize:vertical}.muted{color:var(--muted);font-size:12px;line-height:1.9}.form-message{padding:14px;line-height:1.8;color:var(--teal)}.form-message:empty{display:none}.form-message.error{color:#9b293d;background:#fff0f2;border-radius:10px}.forms-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}.content-panel{margin:22px 0}.content-panel .forms-grid{gap:8px 20px}.dashboard-toolbar{display:flex;align-items:center;gap:20px}.dashboard-toolbar p{margin-inline-end:auto}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:10px 0 24px}.metric{padding:24px;background:var(--mint);border-radius:15px;font-size:13px}.metric strong{display:block;font-size:32px;margin-top:12px}.records-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:22px}.record{border-bottom:1px solid var(--line);padding:16px 0;font-size:13px;line-height:1.9;overflow-wrap:anywhere}.record:last-child{border-bottom:0}.record .text-button{display:inline-block;color:var(--teal);font-weight:bold}.record a{display:block;color:var(--teal);font-size:11px;direction:ltr;text-align:start}.record small{display:block;color:var(--muted)}#code-preview,#mfa-qr{padding:32px;background:white;display:table;margin:20px auto;max-width:100%}#code-preview:empty,#mfa-qr:empty{display:none}#code-preview img,#code-preview canvas,#mfa-qr img,#mfa-qr canvas{display:block;max-width:100%}.secret-text{direction:ltr;font-family:monospace;overflow-wrap:anywhere}.site-footer{border-top:1px solid var(--line);max-width:1280px;margin:auto;padding:30px 64px 40px;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:12px;color:var(--muted)}.site-footer div{display:flex;gap:20px;align-items:center}.site-footer strong{font-size:20px;color:var(--ink)}
.public-page{background:var(--paper)}.public-header{max-width:760px;margin:auto;padding:26px;display:flex;justify-content:space-between;font-size:13px}.public-header a{color:var(--teal)}.offer{max-width:760px;margin:30px auto;padding:38px 30px;background:#fff;border:1px solid var(--line);border-radius:18px}.offer h1{font-size:32px;line-height:1.6}.offer>p{line-height:1.9;white-space:pre-line}.campaign-image{width:100%;max-height:600px;object-fit:contain;border-radius:15px;margin:12px 0 24px}.campaign-video{width:100%;aspect-ratio:16/9;border:0;border-radius:15px;margin:12px 0 24px}.privacy-note{margin-top:32px;border-top:1px solid var(--line);padding-top:16px}.public-footer{text-align:center;color:var(--muted);padding:25px;font-size:12px}
@media(max-width:1000px){.site-header{padding:15px 24px}.hero{padding:38px 28px;gap:26px}.hero-visual{min-height:500px}.orbit-one{width:360px;height:360px}.orbit-two{width:310px;height:310px}.hero h1{font-size:46px}.features,.workspace{margin-inline:28px}.features{gap:18px}.login-layout{gap:35px}.forms-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.site-header{padding:12px 18px;gap:8px;min-height:78px}.brand{width:112px}.brand img{width:112px;height:50px}.brand-owner{display:none}.header-actions{gap:6px}.text-button{font-size:12px;padding:8px}.button.compact{padding:9px 10px;font-size:11px}.hero{grid-template-columns:1fr;padding:36px 25px;gap:0}.hero h1{font-size:44px;letter-spacing:-1.4px}.hero-description{font-size:15px}.hero-pills{margin-top:24px}.hero-visual{min-height:510px;margin-top:20px}.orbit-one{width:310px;height:310px}.orbit-two{width:280px;height:280px}.tag-top{inset-inline-end:0;top:18px}.tag-bottom{inset-inline-start:0;bottom:12px}.features{grid-template-columns:1fr;margin:12px 24px 40px;gap:20px;padding:20px 0}.features article{padding:8px 0}.features h2{margin:9px 0}.workspace{margin:0 20px}.section-title h2{font-size:24px}.phase-badge{padding:8px;font-size:10px}.login-layout{grid-template-columns:1fr;gap:20px}.login-intro h3{font-size:22px}.forms-grid,.records-grid{grid-template-columns:1fr}.metrics{gap:8px}.metric{padding:15px 9px;font-size:11px}.metric strong{font-size:24px}.panel{padding:22px}.dashboard-toolbar{gap:7px;align-items:flex-start}.site-footer{padding:24px;display:block;font-size:11px;line-height:2}.site-footer div{margin-bottom:8px}.offer{margin:15px;padding:25px 20px}.offer h1{font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* FV QR v0.2 identity and client workspace */
.button:hover{background:#453164}.brand{width:188px}.brand img{width:188px;height:64px}.orbit{border-color:#d2c3f7}.orbit-one{background:#eee7ff}.art-shapes i{background:#7047eb}.art-shapes i:nth-child(2){background:#2c1748}.art-shapes i:nth-child(3){background:#b9f467}.demo-art{background:#eafacb}.notice{background:#f3efff;border-color:#ded1f9}.identity-admin{margin-top:22px}.preview-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:24px;font-size:13px}.identity-logo{display:block;max-width:220px;max-height:130px;object-fit:contain;margin:18px auto}.identity-choices{margin-top:32px;border-top:1px solid var(--line);padding-top:16px}.identity-choice{display:flex;width:100%;justify-content:space-between;align-items:center;gap:16px;border:1px solid var(--line);border-radius:14px;background:#fcfbff;color:var(--ink);padding:18px 20px;margin-bottom:12px;text-align:start;font-weight:bold;font-size:15px}.identity-choice:hover{border-color:var(--teal);background:#f3efff}.identity-ad{border-radius:22px;background:#e7f8c6;padding:25px;overflow:hidden;position:relative;margin-top:28px}.identity-ad h2{font-size:26px;line-height:1.6;margin:12px 0}.identity-ad p{font-size:15px;line-height:1.8}.identity-ad-art{height:115px;position:relative;direction:ltr;margin-top:20px}.identity-ad-art i{position:absolute;background:#7047eb;left:22%;height:115px;width:85px;border-radius:55px;transform:rotate(-22deg)}.identity-ad-art i:nth-child(2){left:43%;background:#23163c;transform:rotate(22deg);height:100px;top:15px}.identity-ad-art i:nth-child(3){left:65%;background:#a7d54d;width:60px;height:80px;top:28px}.sample-banner{padding:15px 20px;border:1px solid #d9d09f;background:#fff9db;border-radius:12px;color:#605215;font-size:13px;line-height:1.9;margin-bottom:22px}.client-main{max-width:1152px;margin:30px auto 65px}.client-main h1{font-size:40px;line-height:1.5;margin:0}.client-main .panel h2{font-size:20px;line-height:1.6;margin-top:0}.filter-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:16px;align-items:end;margin-top:20px}.filter-grid label{margin:0}.filter-grid .button{min-height:44px;padding:10px 18px}.table-wrap{overflow:auto;max-height:330px}.report-table{border-collapse:collapse;width:100%;font-size:13px;line-height:1.8}.report-table th{text-align:start;color:var(--muted);font-size:12px;padding:10px 8px;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0}.report-table td{padding:11px 8px;border-bottom:1px solid var(--line)}.report-table td:last-child{text-align:end;font-variant-numeric:tabular-nums}.hourly-chart{height:205px;display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:4px;direction:ltr;align-items:end;padding:15px 0 0;border-bottom:1px solid var(--line)}.hour-column{height:180px;display:flex;flex-direction:column;justify-content:end;gap:8px;align-items:stretch}.hour-column>span{height:18px;font-size:9px;color:var(--muted);text-align:center}.hour-bar{background:var(--teal);border-radius:5px 5px 0 0;min-height:2px}.hour-bar:hover,.hour-bar:focus{background:#423076;outline:2px solid #23163c;outline-offset:2px}.hour-bar.level-0{height:2px;background:#ded5ec}.hour-bar.level-1{height:15px}.hour-bar.level-2{height:30px}.hour-bar.level-3{height:45px}.hour-bar.level-4{height:60px}.hour-bar.level-5{height:75px}.hour-bar.level-6{height:90px}.hour-bar.level-7{height:105px}.hour-bar.level-8{height:120px}.hour-bar.level-9{height:135px}.hour-bar.level-10{height:150px;background:#4c3288}.client-metrics .metric:nth-child(2){background:#edf8d8}.client-metrics .metric:nth-child(3){background:#f1eef7}#identity-links a{display:block;margin:12px 0}#filter-form input[type=date]{direction:ltr}.identity-demo .public-header{align-items:center}
@media(max-width:1000px){.client-main{margin:24px 28px 50px}.client-header-link{font-size:12px}.filter-grid{grid-template-columns:1fr 1fr}.client-main h1{font-size:34px}}
@media(max-width:680px){.brand,.brand img{width:110px}.client-header-link{display:none}.client-main{margin:25px 18px 40px}.client-main h1{font-size:28px}.client-main .section-title{align-items:flex-start}.client-main .section-title>.button{font-size:10px;max-width:120px}.filter-grid{gap:12px}.filter-grid>label:first-child{grid-column:1/-1}.filter-grid>.button{grid-column:1/-1}.hourly-chart{gap:2px}.client-main .records-grid{gap:16px}.identity-logo{max-width:180px}.identity-ad{padding:20px}.identity-ad h2{font-size:23px}}
.trend-panel{margin-bottom:22px}.trend-heading{display:flex;justify-content:space-between;align-items:start;gap:22px}.trend-heading h2{margin-bottom:6px}.trend-heading p{margin:0 0 16px}.trend-heading label{min-width:145px;margin:0}.trend-chart{direction:ltr;overflow-x:auto}.trend-chart svg{display:block;width:100%;min-width:570px;height:auto;max-height:340px}.trend-grid{stroke:#e9e2f1;stroke-width:1}.trend-axis{fill:#62556e;font-size:14px;font-family:Arial,sans-serif}.trend-line{fill:none;stroke:#7047eb;stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.trend-point{fill:#fff;stroke:#7047eb;stroke-width:2;cursor:pointer}.trend-point:hover,.trend-point:focus,.trend-point.selected{fill:#b9f467;stroke:#23163c;stroke-width:3;outline:none}.trend-readout{font-size:14px;font-weight:bold;color:var(--ink);min-height:26px;margin:10px 0}.trend-panel>.muted{margin-bottom:0}@media(max-width:680px){.trend-heading{flex-direction:column;gap:0}.trend-heading label{width:100%;margin-bottom:12px}}
.account-main{max-width:670px}.account-main .panel{margin:22px 0}.account-main h1{font-size:34px}.pilot-panel{margin:22px 0}.pilot-panel>.forms-grid>.panel{padding:18px}.pilot-panel #services{max-height:240px;overflow:auto}.pilot-panel input[disabled]{opacity:.45}.button[disabled],.text-button[disabled]{opacity:.45;cursor:not-allowed}#code-preview .button{margin:12px 0;display:block}#code-preview .text-button{margin-inline-end:18px}#code-preview{max-width:100%;overflow-wrap:anywhere}
