:root{--ink:#102332;--muted:#60707a;--cream:#f8f2e8;--paper:#fffdf9;--red:#b72e31;--gold:#dca73b;--line:#e8e1d7;--blue:#285d7a;--green:#4e8569;--shadow:0 20px 60px rgba(20,41,53,.13)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Be Vietnam Pro",Arial,sans-serif;font-size:15px;line-height:1.6}button,input,select{font:inherit}button{cursor:pointer}.announcement{height:34px;background:var(--ink);color:#eef4f3;text-align:center;font-size:11px;letter-spacing:.07em;display:flex;justify-content:center;gap:10px;align-items:center}.announcement span:first-child{color:#f5cf76;font-weight:700;text-transform:uppercase}.dot{width:4px;height:4px;border-radius:50%;background:#f5cf76}.site-header{height:84px;display:flex;align-items:center;max-width:1230px;margin:auto;padding:0 28px;gap:36px;background:rgba(255,253,249,.92);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.brand{color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:9px;min-width:156px}.brand-mark{width:39px;height:39px;border-radius:50% 50% 50% 4px;background:var(--red);color:#f8cf71;display:grid;place-items:center;font-family:"Playfair Display";font-size:25px;font-weight:700;transform:rotate(-16deg)}.brand b{font-size:13px;letter-spacing:.13em;display:block;line-height:1.1}.brand small{font-size:9px;display:block;letter-spacing:.17em;color:var(--red);font-weight:700;margin-top:4px}.site-header nav{display:flex;align-items:center;justify-content:center;gap:29px;flex:1}.site-header nav a{color:#47555d;text-decoration:none;font-size:13px;font-weight:600}.site-header nav a:hover{color:var(--red)}.menu-toggle{display:none;background:transparent;border:0;font-size:24px}.btn{border:0;border-radius:2px;padding:13px 19px;display:inline-flex;align-items:center;justify-content:center;gap:18px;font-size:13px;font-weight:700;text-decoration:none;transition:.2s}.btn span{font-size:18px;line-height:0}.btn-primary{background:var(--red);color:white}.btn-primary:hover{background:#922327;transform:translateY(-2px)}.btn-ghost{border:1px solid #cbbca8;background:transparent;color:var(--ink)}.btn-ghost:hover{border-color:var(--red);color:var(--red)}.hero{min-height:618px;background:var(--cream);display:grid;grid-template-columns:minmax(0,1.04fr) minmax(440px,.96fr);overflow:hidden}.hero-copy{padding:95px max(28px,calc((100vw - 1175px)/2)) 80px max(28px,calc((100vw - 1175px)/2));padding-right:60px}.eyebrow{color:var(--red);font-size:11px;letter-spacing:.15em;font-weight:800;margin:0 0 16px}.hero h1,.intro h2,.section-heading h2,.portal-title h2,.cta h2,.modal h2{font-family:"Playfair Display",Georgia,serif;line-height:1.08;letter-spacing:-.035em;margin:0}.hero h1{font-size:clamp(42px,5vw,65px);max-width:620px}.hero h1 em,.intro h2 em,.section-heading h2 em,.portal-title h2 em,.cta h2 em{font-weight:600;color:var(--red)}.lede{max-width:535px;color:#4d5b62;margin:24px 0 28px;font-size:16px;line-height:1.75}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.trust-row{border-top:1px solid #ded4c7;max-width:515px;margin-top:60px;padding-top:18px;display:flex;gap:44px}.trust-row div{display:grid;gap:3px}.trust-row b{font-size:13px}.trust-row span{font-size:11px;color:var(--muted)}.hero-visual{position:relative;min-height:618px;background:#132c3d;overflow:hidden}.sun{position:absolute;width:285px;height:285px;border-radius:50%;background:linear-gradient(135deg,#f5cf72,#da9d31);right:14%;top:68px;opacity:.98}.mountain{position:absolute;bottom:-2px;width:125%;height:48%;clip-path:polygon(0 100%,35% 34%,51% 64%,71% 9%,100% 100%)}.mountain-back{background:#28556b;left:-28%;opacity:.95}.mountain-front{background:#193c50;left:8%;height:43%;clip-path:polygon(0 100%,20% 35%,43% 70%,65% 14%,100% 100%)}.paper{position:absolute;background:#f9eedb;color:var(--red);font-family:"Playfair Display";display:grid;place-items:center;font-size:24px;box-shadow:0 10px 25px rgba(0,0,0,.14)}.paper-a{width:86px;height:111px;top:116px;left:12%;transform:rotate(-11deg)}.paper-b{width:72px;height:94px;top:273px;right:10%;transform:rotate(13deg);color:#1c4d64}.route{display:flex;position:absolute;bottom:38px;left:14%;gap:15px}.route i{width:9px;height:9px;border:2px solid #ebc566;border-radius:50%;position:relative}.route i:not(:last-child):after{content:"";width:38px;border-top:1px dashed #ebc566;position:absolute;left:7px;top:2px}.passport-card{position:absolute;z-index:2;width:204px;height:232px;background:#f4e7cf;left:28%;top:260px;padding:24px;color:#143242;box-shadow:0 15px 30px rgba(1,15,24,.2);transform:rotate(-4deg);display:flex;flex-direction:column;justify-content:space-between}.passport-card:before{content:"";position:absolute;inset:9px;border:1px solid #c99f49}.passport-card>*{position:relative}.passport-card span{font-size:9px;letter-spacing:.12em;font-weight:800}.passport-card b{font-family:"Playfair Display";font-size:23px;line-height:1.15}.passport-card em{font-size:10px;color:var(--red);font-style:normal;font-weight:800}.caption{position:absolute;bottom:100px;right:10%;color:#fbf4e8;font-family:"Playfair Display";font-size:19px;line-height:1.4;border-left:2px solid #e1b755;padding-left:15px}.intro{max-width:1175px;margin:0 auto;padding:117px 28px 72px;display:grid;grid-template-columns:1.12fr .88fr;gap:100px}.intro h2,.section-heading h2,.portal-title h2{font-size:44px}.intro>p{color:#53626b;margin:33px 0 0;max-width:450px;line-height:1.9}.focus-grid{max-width:1175px;margin:auto;padding:0 28px 118px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.focus-grid article{border-top:2px solid var(--red);padding:25px 15px 0 0}.focus-grid .num{font-family:"Playfair Display";font-size:17px;color:var(--gold)}h3{margin:12px 0 8px;font-size:17px}.focus-grid p{font-size:13px;color:var(--muted);max-width:300px}.journey{background:var(--ink);color:white;padding:100px max(28px,calc((100vw - 1175px)/2));display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.journey .eyebrow{color:#edc56d}.section-heading>p:last-child{color:#bdd0d7;max-width:310px;margin-top:27px;font-size:13px}.steps{margin:0;padding:5px 0;list-style:none}.steps li{display:grid;grid-template-columns:67px 1fr;gap:20px;padding:20px 0 24px;border-bottom:1px solid rgba(255,255,255,.18)}.steps span{font-family:"Playfair Display";font-size:22px;color:#e9be5f}.steps h3{font-size:17px;margin:0 0 5px}.steps p{font-size:13px;color:#c4d1d2;margin:0;max-width:460px}.portal{padding:112px max(28px,calc((100vw - 1175px)/2));background:#f4f0e9}.portal-title{display:flex;justify-content:space-between;align-items:start;margin-bottom:45px}.demo-tag{font-size:10px;color:var(--red);border:1px solid #d8c7b7;padding:6px 8px;letter-spacing:.11em;font-weight:800}.app-shell{background:#fff;border-radius:10px;box-shadow:var(--shadow);min-height:570px;display:grid;grid-template-columns:195px 1fr;overflow:hidden}.app-sidebar{background:#173040;padding:20px 12px;display:flex;flex-direction:column;gap:4px;color:#d4e0e0}.app-logo{font-family:"Playfair Display";letter-spacing:.08em;font-weight:bold;font-size:21px;color:#fff;margin:0 10px 26px}.app-logo span{color:#e4b64b}.app-tab{border:0;background:transparent;color:#b9c8ca;text-align:left;border-radius:5px;padding:10px 11px;font-size:12px;display:flex;gap:9px;align-items:center}.app-tab:hover,.app-tab.active{background:#285064;color:#fff}.app-person{margin-top:auto;border-top:1px solid rgba(255,255,255,.14);padding:16px 8px 3px;display:flex;align-items:center;gap:9px}.app-person i{font-style:normal;background:#dba83c;color:#173040;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-weight:800;font-size:10px}.app-person span{display:grid;font-size:10px}.app-person small{color:#99abad}.app-content{padding:30px 34px;background:#fbfcfb;min-width:0}.app-top{display:flex;justify-content:space-between;align-items:start;margin-bottom:27px}.app-top p{margin:0;color:#84949a;font-size:10px;letter-spacing:.1em;font-weight:700}.app-top h3{margin:2px 0;font-size:19px}.bell{position:relative;border:1px solid #e2e9e8;border-radius:50%;background:white;width:35px;height:35px;color:#44616d}.bell i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--red);right:0;top:0}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.metrics>div{background:white;border:1px solid #e7edec;border-radius:6px;padding:15px}.metrics span{font-size:10px;color:#6f8086;display:block}.metrics b{font-size:26px;line-height:1.25;margin:5px 0;display:block}.metrics small{font-size:9px;color:#839197}.metrics .up{color:var(--green)}.metrics .alert{color:var(--red)}.app-grid{display:grid;grid-template-columns:1.25fr .9fr;gap:13px;margin-top:13px}.pipeline,.deadline{background:white;border:1px solid #e7edec;border-radius:6px;padding:17px}.block-head{display:flex;align-items:start;justify-content:space-between;gap:12px}.block-head h4{font-size:13px;margin:0}.block-head button{border:0;background:transparent;color:var(--red);font-size:10px;font-weight:700;padding:0}.pipeline-bars{margin-top:18px;display:grid;gap:12px}.pipeline-bars div{display:grid;grid-template-columns:80px 1fr 20px;gap:9px;align-items:center;font-size:10px;color:#637278}.pipeline-bars i{height:7px;background:#edf1f0;border-radius:7px;overflow:hidden}.pipeline-bars b{height:100%;display:block;background:linear-gradient(90deg,#dbaf4d,#b62d31);border-radius:7px}.pipeline-bars em{font-style:normal;font-weight:700;color:#263f49}.deadline ul{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:13px}.deadline li{display:flex;gap:8px;align-items:start}.task-icon{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800}.task-icon.red{background:#fbe4e3;color:var(--red)}.task-icon.gold{background:#fff0cf;color:#bd8120}.task-icon.blue{background:#e3eff4;color:#326f8a}.deadline b,.deadline small{display:block;font-size:10px;line-height:1.35}.deadline small{color:#7b898f;margin-top:2px}.panel{display:none}.panel.active{display:block}.table-wrap{overflow:auto;margin-top:22px}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;color:#809096;font-size:10px;font-weight:600;border-bottom:1px solid #e5ebea;padding:10px 8px}td{padding:12px 8px;border-bottom:1px solid #eef2f1}td small{display:block;color:#829096;font-size:10px}.pill{font-size:9px;border-radius:99px;padding:4px 7px;font-style:normal;white-space:nowrap}.pill.amber{background:#fff1d7;color:#af7310}.pill.blue{background:#e4f0f5;color:#23647e}.pill.green{background:#e3f2e9;color:#357b55}.pill.red{background:#fae5e4;color:#ab2e32}.muted{font-size:11px;color:#829096;margin:3px 0}.small-btn{border:0;background:var(--ink);color:white;border-radius:3px;padding:8px 11px;font-size:10px;font-weight:700}.empty-state{text-align:center;padding:90px 30px 65px}.empty-state>span{font-size:34px;color:var(--gold)}.empty-state h4{margin:8px 0}.empty-state p{max-width:430px;margin:0 auto 17px;color:#748289;font-size:12px}.task-list{display:grid;margin-top:22px}.task-list label{border-top:1px solid #e8edeb;padding:14px 7px;display:flex;gap:12px;align-items:center}.task-list input{accent-color:var(--red)}.task-list span{flex:1}.task-list b,.task-list small{display:block;font-size:12px}.task-list small{font-size:10px;color:#829096;margin-top:2px}.cta{background:var(--red);color:white;text-align:center;padding:102px 28px}.cta .eyebrow{color:#f4cd71}.cta h2{font-size:46px}.cta h2 em{color:#f7d884}.cta>p:not(.eyebrow){color:#f2d7d7;margin:21px auto 25px;font-size:14px}.btn-light{background:#fff8eb;color:var(--red)}.btn-light:hover{background:white;transform:translateY(-2px)}footer{max-width:1175px;margin:auto;padding:35px 28px;display:flex;align-items:center;gap:38px}footer p,footer>span{font-size:11px;color:#708087;margin:0}footer>span{margin-left:auto}.footer-brand{min-width:auto}.modal{position:fixed;inset:0;background:rgba(6,22,31,.62);z-index:40;display:grid;place-items:center;padding:20px;opacity:0;visibility:hidden;transition:.2s}.modal.open{opacity:1;visibility:visible}.modal-card{background:#fffcf6;max-width:490px;width:100%;padding:40px;position:relative;box-shadow:0 25px 70px rgba(0,0,0,.3)}.modal-card h2{font-size:34px}.modal-card>p:not(.eyebrow){font-size:13px;color:#66767c}.modal-close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:30px;color:#607078}.modal form{display:grid;gap:13px;margin-top:21px}.modal label{font-size:11px;font-weight:700;color:#42545c;display:grid;gap:5px}.modal input,.modal select{border:1px solid #ded7cd;background:white;padding:10px;border-radius:2px;font-size:13px}.form-success{text-align:center;padding:30px 0 10px}.form-success>span{background:#e1f0e6;color:#3f805b;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;margin:0 auto;font-size:24px}.form-success h3{font-size:19px}.form-success p{font-size:13px;color:#708087}.toast{position:fixed;right:25px;bottom:25px;background:var(--ink);color:white;max-width:330px;padding:13px 16px;font-size:12px;border-radius:4px;z-index:60;box-shadow:var(--shadow);transform:translateY(100px);opacity:0;transition:.25s}.toast.show{transform:none;opacity:1}@media(max-width:800px){.site-header{height:68px;padding:0 20px;gap:13px}.site-header .btn{display:none}.menu-toggle{display:block;margin-left:auto}.site-header nav{display:none;position:absolute;top:68px;left:0;right:0;background:#fffdf9;padding:14px 20px 18px;box-shadow:0 8px 15px rgba(0,0,0,.06);gap:15px;align-items:start;flex-direction:column}.site-header nav.open{display:flex}.hero{grid-template-columns:1fr}.hero-copy{padding:70px 28px 50px}.hero-visual{min-height:420px}.sun{width:210px;height:210px;top:35px}.passport-card{top:160px;left:25%;width:180px;height:205px}.paper-a{top:60px}.paper-b{top:160px}.caption{bottom:47px}.intro,.journey{grid-template-columns:1fr;gap:35px;padding-top:72px;padding-bottom:72px}.intro{padding-left:28px;padding-right:28px}.intro h2,.section-heading h2,.portal-title h2{font-size:36px}.focus-grid{grid-template-columns:1fr;padding-bottom:75px}.portal{padding-top:72px;padding-bottom:72px}.portal-title{gap:20px}.app-shell{grid-template-columns:1fr}.app-sidebar{flex-direction:row;overflow:auto;padding:10px}.app-logo,.app-person{display:none}.app-tab{white-space:nowrap}.app-content{padding:23px 16px}.metrics,.app-grid{grid-template-columns:1fr}.metrics{gap:8px}.app-grid{gap:8px}.cta{padding:75px 22px}.cta h2{font-size:36px}footer{flex-wrap:wrap;gap:18px}footer>span{margin-left:0;width:100%}.modal-card{padding:30px 23px}.trust-row{margin-top:35px}.journey{padding-left:28px;padding-right:28px}}@media(max-width:420px){.brand b{font-size:11px}.hero h1{font-size:42px}.hero-visual{min-height:370px}.passport-card{left:19%;top:137px}.paper-a{left:7%}.caption{right:6%;font-size:16px}.portal-title .demo-tag{display:none}}
