@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600&display=swap');
:root{--navy:#102c3c;--navy-2:#183c4f;--cream:#f6f4ee;--paper:#fffefa;--line:#e7e5dc;--ink:#19343f;--muted:#65777c;--sea:#0f7374;--sea-soft:#e1f1ed;--gold:#c49749;--coral:#d9725c;--shadow:0 8px 28px rgba(24,48,55,.055)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}h1,h2,h3,p{margin-top:0}.demo-bar{height:36px;background:#e4eee9;color:#315d58;display:flex;align-items:center;gap:10px;padding:0 24px;font-size:11px;letter-spacing:.01em}.demo-bar strong{font-weight:700}.demo-date{margin-left:auto;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.demo-dot{width:7px;height:7px;border-radius:50%;background:#5dba9b}.app-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:calc(100vh - 36px)}.sidebar{background:var(--navy);color:#dce8e7;display:flex;flex-direction:column;min-height:calc(100vh - 36px);position:sticky;top:0;height:calc(100vh - 36px)}.brand{padding:25px 22px 22px;display:flex;align-items:center;gap:12px;color:white}.brand-mark{width:37px;height:37px;border:1px solid #8baca9;border-radius:10px;display:grid;place-items:center;font-size:24px;color:#e4c896;line-height:1}.brand strong{display:block;font-size:14px;letter-spacing:-.03em}.brand small{display:block;color:#8fb0b4;font-size:10px;margin-top:4px}.space-switch{margin:0 14px 22px;border:1px solid #355362;background:#1b3c4c;padding:10px;border-radius:10px;display:flex;align-items:center;gap:10px}.space-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#d3a45b;color:#1f3b44;font-family:Fraunces,Georgia,serif;font-size:20px}.space-switch strong,.space-switch small{display:block}.space-switch strong{font-size:11px;color:#fff}.space-switch small{font-size:10px;color:#91b1b5;margin-top:3px}.chevron{margin-left:auto;color:#a2b9bd}.nav-label{color:#84a1a9;text-transform:uppercase;letter-spacing:.14em;font-size:9px;font-weight:700;padding:0 26px 9px}nav{padding:0 10px 16px;overflow:auto}nav button{background:transparent;border:0;color:#c2d1d3;width:100%;text-align:left;display:flex;align-items:center;gap:12px;padding:10px 13px;border-radius:8px;font-size:11px;font-weight:600;min-height:38px}nav button:hover{background:#254657;color:#fff}nav button.active{background:#315969;color:#fff}nav .icon{font-size:15px;width:18px;text-align:center;opacity:.88}nav .nav-phase{margin-left:auto;font-size:9px;color:#a9cbcc;border:1px solid #54717b;padding:2px 5px;border-radius:4px}nav button.active .nav-phase{border-color:#a2c2c4;color:#fff}.sidebar-foot{margin:auto 16px 17px;display:flex;gap:10px;border-top:1px solid #355160;padding-top:16px}.sidebar-foot strong{font-size:10px;color:#e3efec}.sidebar-foot p{font-size:10px;line-height:1.55;color:#9ab4b8;margin:4px 0 0}.foot-symbol{color:#d4bb8d;font-size:22px}.main-wrap{min-width:0}.topbar{height:64px;background:var(--paper);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted)}.breadcrumb strong{font-weight:700;color:var(--ink)}.slash{color:#c9ceca}.top-actions{display:flex;align-items:center;gap:17px}.preview-pill{border:1px solid #d6e5df;color:#297b72;background:#f3fbf7;border-radius:100px;font-size:10px;font-weight:700;padding:6px 10px}.account-avatar{width:29px;height:29px;display:grid;place-items:center;background:#e9d8bd;color:#6c552f;font-size:10px;font-weight:700;border-radius:50%}.mobile-menu{display:none;border:0;background:none;color:var(--navy);font-size:20px}.page{max-width:1320px;margin:auto;padding:35px 38px 64px}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:10px;font-weight:700;color:var(--sea);margin-bottom:10px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.page h1{font-family:Fraunces,Georgia,serif;font-size:35px;font-weight:500;letter-spacing:-.045em;line-height:1.13;margin:0 0 7px}.subhead{font-size:12px;line-height:1.65;color:var(--muted);max-width:690px;margin:0}.phase-pill{display:inline-flex;align-items:center;gap:6px;color:#805b23;background:#f8eed8;border:1px solid #ebdab8;border-radius:100px;padding:6px 10px;font-size:10px;font-weight:700;white-space:nowrap}.phase-pill.future{color:#69737b;background:#edf0ef;border-color:#dbe1df}.button{border:0;border-radius:7px;background:var(--sea);color:white;font-weight:700;font-size:11px;padding:11px 15px;display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none}.button:hover{background:#0a6162}.button.dark{background:var(--navy)}.button.dark:hover{background:#23485b}.button.outline{background:#fff;color:var(--sea);border:1px solid #c9dfd8}.button.outline:hover{background:#ecf6f1}.button.quiet{background:#eef1ed;color:var(--ink)}.button.small{padding:7px 10px;font-size:10px}.button:focus-visible,nav button:focus-visible,.tab:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.hero{position:relative;overflow:hidden;background:linear-gradient(117deg,#173d4e 0%,#0e5960 100%);border-radius:13px;color:white;padding:36px 42px;min-height:238px;display:flex;justify-content:space-between;gap:28px}.hero:after{content:'';position:absolute;right:-100px;bottom:-180px;width:440px;height:440px;border:1px solid rgba(255,255,255,.17);border-radius:50%;box-shadow:0 0 0 45px rgba(255,255,255,.025),0 0 0 90px rgba(255,255,255,.025),0 0 0 135px rgba(255,255,255,.025)}.hero:before{content:'';position:absolute;right:170px;top:-110px;width:280px;height:280px;border:1px solid rgba(255,255,255,.12);border-radius:50%}.hero-content{position:relative;z-index:1;max-width:610px}.hero .eyebrow{color:#b6d6ca}.hero h2{font-family:Fraunces,Georgia,serif;font-size:32px;line-height:1.22;font-weight:500;letter-spacing:-.035em;margin:0 0 12px}.hero p{font-size:12px;line-height:1.7;color:#d0e6e4;max-width:560px}.hero .button{background:#e6c99c;color:#243b44}.hero .button:hover{background:#f4ddb7}.hero-stat{z-index:1;align-self:flex-end;border:1px solid #8bb1ae;border-radius:10px;padding:16px;min-width:140px;background:rgba(255,255,255,.07)}.hero-stat b{font-family:Fraunces,Georgia,serif;font-size:31px;display:block;font-weight:500}.hero-stat span{font-size:10px;color:#c7e2dc}.section-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:30px 0 14px}.section-row h2{font-family:Fraunces,Georgia,serif;font-size:21px;font-weight:500;letter-spacing:-.03em;margin:0}.section-row .hint{font-size:10px;color:var(--muted)}.grid{display:grid;gap:15px}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--paper);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:20px;min-width:0}.card h3{font-size:12px;margin:0 0 6px}.card p{font-size:11px;line-height:1.65;color:var(--muted);margin-bottom:0}.metric{padding:19px}.metric .label{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px;font-weight:600}.metric .glyph{font-size:17px;color:var(--sea)}.metric b{font-size:28px;display:block;letter-spacing:-.06em;margin:13px 0 4px;font-weight:600}.metric small{font-size:10px;color:#72908b}.card-link{border:0;background:none;color:var(--sea);font-size:10px;font-weight:700;padding:10px 0 0;text-decoration:underline;text-underline-offset:3px}.feature-card{min-height:155px;display:flex;flex-direction:column}.feature-card .iconbox{width:32px;height:32px;border-radius:7px;background:#e6f1ee;color:var(--sea);display:grid;place-items:center;font-size:16px;margin-bottom:16px}.feature-card .card-link{margin-top:auto;text-align:left}.cols{display:grid;grid-template-columns:1.35fr 1fr;gap:15px}.stack{display:grid;gap:15px}.activity{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.activity:last-child{border-bottom:0}.activity .bubble{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#eff3ee;color:var(--sea);font-size:14px;flex:none}.activity .who{font-size:11px;font-weight:700}.activity .detail{font-size:10px;color:var(--muted);margin-top:3px}.activity time{margin-left:auto;font-size:10px;color:#95a29e;white-space:nowrap}.tag{display:inline-block;font-size:9px;padding:4px 7px;border-radius:100px;font-weight:700;background:#e4f3e9;color:#27805e;white-space:nowrap}.tag.gold{background:#f9efdc;color:#95712c}.tag.blue{background:#e5f1f5;color:#347686}.tag.gray{background:#eef0ee;color:#6b7976}.tag.red{background:#f8e9e4;color:#b55f4e}.table-wrap{overflow:auto}.table{border-collapse:collapse;width:100%;min-width:570px}.table th{text-align:left;color:#7e8d8d;text-transform:uppercase;letter-spacing:.09em;font-size:9px;font-weight:700;padding:11px 9px;border-bottom:1px solid var(--line)}.table td{font-size:11px;padding:13px 9px;border-bottom:1px solid #efeee8}.table tr:last-child td{border:0}.table td strong{font-size:11px}.table td small{display:block;color:var(--muted);margin-top:3px;font-size:10px}.tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:17px;overflow:auto}.tab{background:none;border:0;border-bottom:2px solid transparent;padding:10px 13px;color:var(--muted);font-size:11px;font-weight:600;white-space:nowrap}.tab.active{color:var(--sea);border-bottom-color:var(--sea)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:15px}.field label{font-size:10px;font-weight:700;color:#546b70}.field input,.field select,.field textarea{background:#fff;border:1px solid #dce2df;border-radius:6px;padding:10px 11px;color:var(--ink);font-size:11px;min-width:0}.field textarea{min-height:110px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid #9ed0c8;border-color:var(--sea)}.notice-banner{background:#eef7f3;border:1px solid #cfebe0;color:#386c61;padding:13px 15px;border-radius:8px;font-size:11px;line-height:1.6;margin:15px 0}.notice-banner.gold{background:#fbf5e8;border-color:#eddcb9;color:#81632f}.notice-banner.gray{background:#f2f3f0;border-color:#e2e4df;color:#657370}.notice-banner strong{color:inherit}.file-chip{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:#f9faf6;padding:12px;border-radius:7px;font-size:11px}.file-icon{background:#f2e7e0;color:#bd7159;border-radius:6px;padding:9px;font-weight:800}.file-chip small{display:block;color:var(--muted);margin-top:3px}.file-chip .tag{margin-left:auto}.action-row{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-top:17px}.preview-sheet{border:1px solid var(--line);background:#fff;min-height:350px;box-shadow:0 15px 25px rgba(31,45,52,.06);padding:26px;max-width:590px;margin:auto}.preview-sheet .letterhead{font-family:Fraunces,Georgia,serif;font-size:17px;color:var(--navy);border-bottom:2px solid var(--gold);padding-bottom:13px;margin-bottom:20px}.preview-sheet h3{font-family:Fraunces,Georgia,serif;font-size:22px;font-weight:500}.preview-sheet p{font-size:11px;line-height:1.7;color:#526468}.document-hash{word-break:break-all;font-family:ui-monospace,monospace;font-size:10px;color:#5a6b72}.timeline{display:flex;gap:9px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--line)}.timeline:last-child{border:0}.timeline .step{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#dff1e9;color:#23715e;font-size:10px;font-weight:700;flex:none}.timeline strong{display:block;font-size:11px}.timeline small{font-size:10px;color:var(--muted);display:block;margin-top:3px}.marina-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;background:#eaf3f0;padding:17px;border-radius:9px;border:1px solid #d6e6e2}.slip{border:1px solid #7aaba5;background:#d4e8de;color:#2c625a;border-radius:6px;padding:10px 6px;text-align:center;min-height:55px;font-size:9px}.slip strong{display:block;font-size:11px;margin-bottom:3px}.slip.open{background:#fff;border-style:dashed}.slip.selected{outline:3px solid var(--gold)}.mini-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.mini-calendar div{background:#f3f6f2;border-radius:6px;padding:9px 4px;text-align:center;color:#647b77;font-size:10px}.mini-calendar .eventday{background:#dcece6;color:#236b63;font-weight:700}.phase-roadmap{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.roadmap-card{border:1px solid var(--line);background:#fff;border-radius:9px;padding:16px;min-height:140px}.roadmap-card b{font-family:Fraunces,Georgia,serif;font-size:18px;font-weight:500}.roadmap-card p{font-size:10px;line-height:1.6;color:var(--muted);margin:7px 0 0}.roadmap-card .number{font-size:9px;color:var(--sea);font-weight:700;text-transform:uppercase;letter-spacing:.1em}.public-hero{background:#123746;color:#fff;min-height:290px;border-radius:11px;padding:38px;position:relative;overflow:hidden}.public-hero:before{content:'';position:absolute;right:-60px;top:-80px;width:450px;height:450px;border:1px solid #6a9d9e;border-radius:50%;box-shadow:0 0 0 60px rgba(183,217,209,.05),0 0 0 120px rgba(183,217,209,.05)}.public-hero .copy{position:relative;z-index:1;max-width:550px}.public-hero h2{font-family:Fraunces,Georgia,serif;font-size:38px;line-height:1.15;font-weight:500;margin:0 0 12px}.public-hero p{font-size:12px;color:#d6e5e5;line-height:1.7}.public-hero .eyebrow{color:#e4c78e}.public-links{display:flex;gap:8px;flex-wrap:wrap}.public-links button{border:1px solid #8db7b5;background:transparent;color:#fff;border-radius:6px;padding:9px 11px;font-size:10px}.public-links button:hover{background:#245565}.statline{display:flex;gap:20px;flex-wrap:wrap;padding:11px 0;color:#8ca4a5;font-size:10px}.statline span{display:flex;align-items:center;gap:5px}.empty{color:var(--muted);font-size:11px;text-align:center;padding:20px}.toast{position:fixed;right:20px;bottom:20px;background:#153d47;color:white;padding:12px 16px;border-radius:8px;box-shadow:0 15px 45px #09232d3b;font-size:11px;max-width:340px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s;z-index:40}.toast.show{opacity:1;transform:none}.mobile-backdrop{display:none}@media(max-width:1050px){.grid.four{grid-template-columns:repeat(2,1fr)}.phase-roadmap{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:30;left:0;top:36px;width:250px;transform:translateX(-100%);transition:.22s}.sidebar.open{transform:none}.mobile-backdrop{display:block;position:fixed;inset:36px 0 0;background:#102c3c88;z-index:25}.mobile-menu{display:block}.topbar{padding:0 18px;height:55px;justify-content:flex-start;gap:15px}.top-actions{margin-left:auto}.preview-pill{display:none}.page{padding:24px 16px 44px}.page h1{font-size:29px}.page-head{align-items:flex-start;flex-direction:column;gap:9px}.hero{padding:27px;min-height:230px}.hero h2{font-size:26px}.hero-stat{display:none}.grid.three,.grid.two,.cols,.form-grid{grid-template-columns:1fr}.phase-roadmap{grid-template-columns:1fr 1fr}.demo-bar{padding:0 11px;gap:6px}.demo-date{display:none}.demo-bar span:nth-of-type(2){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.marina-grid{gap:5px;padding:10px}.slip{padding:8px 2px;min-height:48px;font-size:8px}.slip strong{font-size:9px}}@media(max-width:430px){.grid.four{grid-template-columns:1fr 1fr;gap:8px}.metric{padding:13px}.metric b{font-size:22px}.phase-roadmap{grid-template-columns:1fr}.public-hero{padding:25px}.public-hero h2{font-size:29px}.breadcrumb span:first-child,.breadcrumb .slash{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}