:root{--paper:#edf3f8;--silver:#dce6ef;--ink:#1b2b40;--muted:#63768c;--navy:#244d76;--deep:#183752;--hair:#cbd8e4;--serif:"Manrope",sans-serif}
body{min-height:100dvh;background:var(--paper)}
.boot-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at 50% 35%,#f8fbfd 0,#edf3f8 70%);color:#244d76}
.boot-screen img{animation:boot-in .7s ease both}
.boot-mark{font:800 13px/1.2 "Manrope",sans-serif;letter-spacing:.2em;margin-top:14px}
.boot-copy{font-size:13px;color:#71849a;margin-top:7px}
.boot-track{height:2px;width:108px;background:#d3dfe9;margin-top:25px;overflow:hidden}
.boot-track i{display:block;width:48%;height:100%;background:#557b9e;animation:boot-slide 1.25s ease-in-out infinite alternate}
@keyframes boot-slide{to{transform:translateX(110%)}}
@keyframes boot-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.landing-shell{min-height:100dvh;background:#edf3f8;color:#1b2b40;overflow:hidden}
.site-nav,.auth-nav{height:86px;max-width:1280px;padding:0 52px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(162,182,201,.45)}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#1b3855;font:800 13px/1.15 "Manrope",sans-serif;letter-spacing:.13em}
.brand img{display:block}
.brand small{display:block;color:#74879a;font:500 8px/1.7 "DM Sans",sans-serif;letter-spacing:.15em}
.nav-actions{display:flex;align-items:center;gap:31px}
.nav-link,.text-link{font-size:13px;font-weight:600;color:#3e5873;text-decoration:none}
.nav-link:hover,.text-link:hover,.back-home:hover{color:#142f4b}
.button-link{display:inline-flex;justify-content:center;align-items:center;gap:21px;padding:12px 17px;background:#244d76;color:#f5f8fb;text-decoration:none;font-size:13px;font-weight:600;letter-spacing:.005em;border-radius:4px;transition:background .18s,transform .18s}
.button-link:hover{background:#183752;transform:translateY(-1px)}
.button-link span{font-size:17px;font-weight:400}
.landing-main{max-width:1280px;margin:auto;padding:0 52px}
.hero{min-height:624px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:38px;position:relative}
.hero-copy{padding:29px 0 48px;position:relative;z-index:2}
.eyebrow,.section-no{font:500 10px/1.4 "IBM Plex Mono",monospace;letter-spacing:.11em;color:#6d8095}
.eyebrow{display:flex;align-items:center;gap:10px;text-transform:uppercase}
.eyebrow i{width:6px;height:6px;border-radius:50%;background:#567c9f;box-shadow:0 0 0 4px #dce7ef}
.hero h1{font:700 clamp(54px,6.8vw,88px)/.99 "Manrope",sans-serif;letter-spacing:-.075em;margin:27px 0 23px;color:#1a3652}
.hero h1 em,.auth-aside h1 em,.landing-close h2 em{font-style:normal;color:#67829c}
.hero-intro{font-size:16px;line-height:1.7;color:#586d83;max-width:435px;margin:0}
.hero-ctas{display:flex;align-items:center;gap:29px;margin-top:30px}
.button-large{padding:15px 20px;min-height:50px}
.text-link{display:flex;gap:10px;align-items:center}
.hero-footnote{margin-top:46px;font-size:12px;color:#718398;display:flex;align-items:center;gap:9px}
.mini-shield{width:19px;height:19px;border:1px solid #afc1d0;border-radius:50%;display:inline-grid;place-items:center;color:#3c688c;font-size:11px}
.hero-art{height:480px;position:relative;display:flex;align-items:center;justify-content:center}
.hero-art:before{content:"";position:absolute;inset:10% 7% 8%;background:linear-gradient(135deg,#dbe5ed 0%,#e8eff5 47%,#d2dee8 100%);clip-path:polygon(17% 0,100% 12%,88% 100%,0 84%);opacity:.82}
.hero-art:after{content:"";position:absolute;inset:2% 4%;background:radial-gradient(ellipse,rgba(255,255,255,.65),transparent 62%);pointer-events:none}
.orbit{position:absolute;border:1px solid rgba(82,117,148,.23);border-radius:50%;transform:rotate(-24deg)}
.orbit-one{width:410px;height:270px}.orbit-two{width:470px;height:340px;transform:rotate(53deg)}
.document-card{width:min(330px,72%);height:365px;padding:23px 25px;background:#f9fbfd;position:relative;z-index:1;box-shadow:0 24px 55px rgba(42,71,98,.18);transform:rotate(-3deg);border:1px solid rgba(173,190,205,.75);animation:card-arrive .8s cubic-bezier(.2,.75,.25,1) both}
@keyframes card-arrive{from{opacity:0;transform:translateY(14px) rotate(-1deg)}to{opacity:1;transform:translateY(0) rotate(-3deg)}}
.doc-top{display:flex;align-items:center;gap:9px;font:500 8px "IBM Plex Mono",monospace;letter-spacing:.08em;color:#73869a}
.doc-mark{width:23px;height:23px;background:#244d76;color:#eff5fa;display:grid;place-items:center;font:700 11px "Manrope",sans-serif}
.doc-status{margin-left:auto;color:#527692;font-size:7px;border:1px solid #ccdae5;padding:4px 5px}
.doc-rule{height:1px;background:#dbe4eb;margin:20px 0 21px}
.doc-caption{font:500 8px "IBM Plex Mono",monospace;letter-spacing:.12em;color:#71869b}
.doc-title{font:700 28px/1.08 "Manrope",sans-serif;letter-spacing:-.05em;color:#243e58;margin-top:9px}
.doc-lines{margin-top:17px;display:grid;gap:6px}
.doc-lines i{height:4px;background:#e1e8ee;width:100%}.doc-lines i:nth-child(2){width:85%}.doc-lines i:nth-child(3){width:93%}.doc-lines i:nth-child(4){width:62%}
.evidence-chip{margin-top:21px;padding:10px 11px;background:#edf3f7;border:1px solid #d9e3eb;display:flex;align-items:center;gap:10px}
.evidence-chip>span{font:500 19px "Manrope",sans-serif;color:#67829c}
.evidence-chip b,.evidence-chip small{display:block}.evidence-chip b{font:600 10px "DM Sans",sans-serif;color:#314b65}.evidence-chip small{font:9px "IBM Plex Mono",monospace;color:#7c8fa2;margin-top:3px}
.evidence-chip strong{margin-left:auto;font:500 10px "IBM Plex Mono",monospace;color:#547896}
.doc-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #dbe4eb;margin-top:16px;padding-top:12px;color:#798a9b;font-size:9px}
.score{display:flex;align-items:baseline;color:#244d76}.score b{font:700 24px "Manrope",sans-serif}.score small{font:10px "IBM Plex Mono",monospace;color:#8698a8}
.art-index{position:absolute;left:2%;top:16%;font:500 9px "IBM Plex Mono",monospace;color:#557794;z-index:2}
.art-index span{display:block;margin-top:7px;letter-spacing:.1em;color:#758ba0}
.art-caption{position:absolute;bottom:7%;right:3%;writing-mode:vertical-rl;font:500 9px "IBM Plex Mono",monospace;letter-spacing:.08em;color:#6b8196}
.method-band{border-top:1px solid #cdd9e4;border-bottom:1px solid #cdd9e4;padding:48px 0 50px;display:grid;grid-template-columns:1fr 1.1fr .55fr;gap:40px;align-items:center;position:relative}
.method-lead h2,.landing-close h2{font:700 35px/1.12 "Manrope",sans-serif;letter-spacing:-.055em;color:#203d59;margin:14px 0 0}
.method-note{font-size:14px;line-height:1.75;max-width:480px;color:#61758a}
.method-stamp{text-align:center;justify-self:end;border:1px solid #afc2d2;color:#355a7a;width:112px;height:112px;display:flex;align-items:center;justify-content:center;flex-direction:column;font:600 9px/1.5 "IBM Plex Mono",monospace;letter-spacing:.1em;transform:rotate(5deg)}
.method-stamp span{font:400 17px "Manrope",sans-serif;color:#8299ad}
.principles{padding:62px 0 74px;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:0}
.principle{min-height:166px;padding:23px 26px 20px;border-top:1px solid #b9c9d7;border-right:1px solid #d1dce5;position:relative;display:flex;gap:18px}
.principle:last-child{border-right:0}
.principle-no{font:500 9px "IBM Plex Mono",monospace;color:#7d91a4;padding-top:5px}
.principle h3{font:700 16px "Manrope",sans-serif;letter-spacing:-.03em;color:#26425d;margin:0 0 9px}
.principle p{font-size:12px;line-height:1.7;color:#6d8094;margin:0;max-width:255px}
.principle-symbol{position:absolute;right:24px;bottom:16px;font:300 25px "Manrope",sans-serif;color:#9cb0c1}
.landing-close{border-top:1px solid #cbd8e3;padding:45px 0 53px;display:flex;align-items:center;justify-content:space-between}
.landing-close h2{font-size:40px;margin-top:13px}
.site-footer{border-top:1px solid #cbd8e3;min-height:66px;padding:15px max(52px,calc((100vw - 1176px)/2));display:flex;justify-content:space-between;align-items:center;color:#718398;font:500 10px "IBM Plex Mono",monospace}
.site-footer i{font-style:normal;color:#9eb0c0;margin:0 6px}
.auth-shell{min-height:100dvh;background:#edf3f8}
.auth-nav{height:77px;max-width:none;padding:0 max(34px,calc((100vw - 1200px)/2));}
.back-home{text-decoration:none;font-size:12px;color:#61768c}
.auth-layout{max-width:1120px;margin:0 auto;min-height:calc(100dvh - 77px);padding:55px 32px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}
.auth-aside{min-height:380px;display:flex;flex-direction:column;justify-content:center;position:relative;padding:20px 0}
.auth-aside:after{content:"";position:absolute;z-index:0;right:-32px;top:8%;width:1px;height:80%;background:#cfdae4}
.auth-aside h1{position:relative;z-index:1;font:700 clamp(39px,4.2vw,57px)/1.08 "Manrope",sans-serif;letter-spacing:-.065em;color:#203d59;margin:26px 0 19px}
.auth-aside p{max-width:390px;color:#63778c;font-size:14px;line-height:1.8}
.auth-aside-foot{position:absolute;bottom:0;display:flex;justify-content:space-between;width:95%;font:500 9px "IBM Plex Mono",monospace;letter-spacing:.08em;color:#7d91a4}
.auth-form-side{width:100%;max-width:470px;justify-self:center}
.auth-error{border-left:3px solid #527b9d;color:#294d6d;background:#e7eff5;padding:12px 15px;margin:0 0 17px;font-size:13px}
.auth-error button{display:block;margin-top:10px;padding:7px 12px;font-size:12px}
.auth-error a{color:#244d76;font-weight:700}
.workspace-brand{display:flex;align-items:center;gap:9px}
.identity{margin-left:auto;display:flex;align-items:center;gap:9px}
.identity-avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#dce7f0;color:#2d557b;font-weight:700;font-size:12px}
.identity-name{font-size:12px;color:#52677d;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.signout-button{background:transparent;color:#466481;border:1px solid #cbd8e4;padding:6px 10px;font-size:11px;border-radius:6px}
.signout-button:hover:not(:disabled){background:#edf3f8;transform:none}
@media(max-width:850px){.site-nav{padding:0 25px}.landing-main{padding:0 25px}.hero{grid-template-columns:1fr 0.86fr;min-height:570px;gap:5px}.hero h1{font-size:clamp(51px,7vw,70px)}.hero-art{height:410px}.document-card{height:345px}.method-band{grid-template-columns:1fr 1.2fr}.method-stamp{display:none}.auth-layout{gap:35px}.auth-aside:after{right:-18px}}
@media(max-width:680px){.site-nav,.auth-nav{height:70px;padding:0 17px}.brand img{width:36px;height:36px}.nav-actions{gap:16px}.nav-link{font-size:12px}.button-link{padding:10px 12px;font-size:12px;gap:9px}.landing-main{padding:0 19px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:64px 0 34px;gap:0}.hero-copy{padding:0}.hero h1{font-size:clamp(53px,13vw,75px);margin:22px 0}.hero-intro{font-size:14px;max-width:390px}.hero-ctas{gap:18px;margin-top:24px}.hero-footnote{margin-top:24px}.hero-art{height:400px;margin:12px -6px 0}.document-card{width:270px;height:337px;padding:20px}.orbit-one{width:335px;height:240px}.orbit-two{width:370px;height:290px}.art-index{left:3%;top:11%}.art-caption{right:0;bottom:5%}.method-band{padding:34px 0;grid-template-columns:1fr;gap:17px}.method-lead h2{font-size:31px}.method-note{font-size:13px}.principles{grid-template-columns:1fr;padding:38px 0}.principle{min-height:130px;border-right:0;padding:20px 8px}.principle p{max-width:290px}.landing-close{padding:34px 0;align-items:flex-start;gap:20px;flex-direction:column}.landing-close h2{font-size:35px}.site-footer{padding:17px 20px;align-items:flex-start;gap:9px;flex-direction:column;font-size:9px}.auth-layout{min-height:0;padding:35px 20px 50px;display:flex;flex-direction:column;gap:27px}.auth-aside{min-height:0;padding:8px 0 20px}.auth-aside:after{display:none}.auth-aside h1{font-size:38px;margin:15px 0 10px}.auth-aside p{font-size:12px;margin:0}.auth-aside-foot{display:none}.auth-form-side{max-width:430px}.identity{gap:6px}.identity-name{display:none}#workspace-header{padding:12px 14px}#workspace-header .sub{display:none}#workspace-header .identity{margin-left:0}.signout-button{font-size:10px;padding:6px 8px}}

.auth-card{width:100%;padding:35px 38px 29px;border:1px solid #cfdae4;background:rgba(249,251,253,.82);box-shadow:0 18px 48px rgba(37,66,93,.07)}
.auth-kicker{font:500 9px "IBM Plex Mono",monospace;letter-spacing:.13em;color:#71869b}
.auth-card h2{margin:13px 0 5px;color:#203d59;font:700 28px/1.18 "Manrope",sans-serif;letter-spacing:-.045em;text-transform:none}
.auth-lead{margin:0 0 23px;color:#64798e;font-size:13px}
.auth-field{margin-top:15px}
.auth-field label{display:block;margin:0 0 6px;color:#405a74;font-size:12px;font-weight:600}
.auth-field input{display:block;width:100%;height:43px;padding:9px 11px;border:1px solid #cbd8e4;border-radius:6px;background:#fff;color:#20364e;font:14px "DM Sans",sans-serif;transition:border-color .18s,box-shadow .18s}
.auth-field input:focus{outline:none;border-color:#557b9e;box-shadow:0 0 0 3px rgba(67,111,153,.13)}
.password-wrap{position:relative}
.password-wrap input{padding-right:80px}
.password-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#476987;padding:6px 7px;font:600 11px "DM Sans",sans-serif;cursor:pointer}
.password-toggle:hover{background:#edf3f8}
.password-toggle:focus-visible,.auth-submit:focus-visible,.auth-retry:focus-visible,.auth-switch a:focus-visible{outline:3px solid rgba(75,117,154,.35);outline-offset:2px}
.auth-hint{display:block;margin-top:5px;color:#71849a;font-size:11px}
.auth-submit{width:100%;margin-top:22px;min-height:45px;border:1px solid #244d76;border-radius:5px;background:#244d76;color:#f5f8fb;font:600 13px "DM Sans",sans-serif;cursor:pointer;transition:background .18s,transform .18s}
.auth-submit:hover:not(:disabled){background:#183752;transform:translateY(-1px)}
.auth-submit:disabled{opacity:.65;cursor:wait}
.auth-switch{margin:16px 0 0;text-align:center;color:#62778d;font-size:12px}
.auth-switch a{color:#244d76;font-weight:700;text-decoration:none}
.auth-switch a:hover{text-decoration:underline}
.account-note{margin-top:22px;padding:12px 13px;border-left:2px solid #8ba3b8;background:#edf3f8;color:#5d7186;font-size:11px;line-height:1.65}
.account-note b{color:#3c5771;font-weight:700}
.form-error{margin-top:13px;padding:10px 12px;border-left:3px solid #8b4853;background:#f5eaeb;color:#743e49;font-size:12px;line-height:1.55}
.auth-error{line-height:1.6}
.auth-error button,.auth-retry{display:inline-block;margin:9px 0 0;padding:7px 12px;border:1px solid #b9c9d7;border-radius:4px;background:#f8fbfd;color:#244d76;font:600 12px "DM Sans",sans-serif;cursor:pointer}
.service-notice{position:relative;z-index:3;margin:12px auto;padding:11px 15px;max-width:1176px;border:1px solid #c7d4e0;background:#f8fbfd;color:#526b82;font-size:12px}
.service-notice button{margin-left:9px;padding:5px 9px;border:1px solid #b5c6d5;border-radius:4px;background:#edf3f8;color:#244d76;font:600 11px "DM Sans",sans-serif;cursor:pointer}
@media(max-width:680px){.auth-card{padding:27px 22px 23px}.service-notice{margin:10px 14px;line-height:1.6}}