/* A layered product narrative, inspired by the composition of established SaaS sites. */
:root{--ink:#182d2c;--muted:#60726e;--scene:#082f31;--scene-light:#13494a}
.navigation{position:relative;background:#082f31;border-color:#ffffff13;backdrop-filter:none}
.navigation .brand,.navigation nav,.navigation .login{color:#ecf3ef}.navigation .brand img{filter:brightness(1.15)}
.navigation .preview-label{color:#adc3b7;border-color:#ffffff25}.nav-inner{max-width:1280px;height:80px}
.nav-actions .button{background:#e5eee5;border-color:#e5eee5;color:#103e38;box-shadow:0 2px 8px #0002}
.intro{background:var(--scene);color:#fff;text-align:left;padding:80px max(24px,calc((100vw - 1232px)/2)) 84px;position:relative;isolation:isolate;overflow:hidden}
.intro-inner{position:relative;z-index:2;max-width:1232px;margin:auto}
.intro .eyebrow{color:#a7cabb;justify-content:flex-start;font-size:10px;letter-spacing:.12em}
.intro h1{font-size:clamp(48px,5.25vw,76px);font-weight:600;letter-spacing:-3.4px;line-height:1.11;max-width:800px;margin:24px 0}
.intro h1 span{color:#aecdbd}.intro-copy{color:#bdd0c8;font-size:17px;line-height:1.85;max-width:495px;text-wrap:pretty}
.intro-actions{justify-content:flex-start;margin-top:30px;gap:14px}.intro-actions .button{background:#e9f0e7;border-color:#e9f0e7;color:#163c32;box-shadow:0 2px 8px #0002}
.intro-actions .button:hover{background:#fff}.intro-actions .secondary{background:#ffffff06;color:#e4eee7;border-color:#ffffff35;box-shadow:none}.intro-actions .secondary:hover{background:#ffffff15}
.trial-note{color:#94b3a4;font-size:11px}.hero-photo{position:absolute;inset:0 0 0 48%;z-index:0;background:linear-gradient(90deg,#082f31 1%,#082f3100 72%),linear-gradient(0deg,#082f31 0%,#082f3122 60%,#082f3166 100%),url('../img/photo-bookstore-shelf.jpg') center 52%/cover;opacity:.65;mask-image:linear-gradient(90deg,transparent,#000 20%);filter:saturate(.55)}
.hero-photo-caption{position:absolute;right:max(28px,calc((100vw - 1200px)/2));bottom:85px;z-index:1;max-width:230px;padding:20px 0 20px 22px;border-left:1px solid #bbd4bd55;color:#e3eadc}
.hero-photo-caption>span{font-size:8px;letter-spacing:.14em;opacity:.7}.hero-photo-caption p{font-size:19px;font-weight:400;line-height:1.6;margin-top:12px;letter-spacing:-.3px}
.product-section{position:relative;background:linear-gradient(180deg,#082f31 0,#082f31 53%,#fff 53%,#fff 100%);padding:0 24px 40px;isolation:isolate}
.product-stage{max-width:1232px;position:relative;padding:0 238px 46px 0;border-radius:0;overflow:visible;background:transparent;box-shadow:none}
.scene-caption{color:#abc6b6;margin-bottom:22px}.scene-caption .eyebrow{color:#90b5a1;font-size:9px;letter-spacing:.12em}.scene-caption p{display:none}
.stage-top{background:#f4f7f5;border:1px solid #d5dfd8;border-bottom:0;border-radius:10px 10px 0 0;padding:11px 16px;color:#83968a;font-size:9px;margin-right:0}
.stage-label{color:#5a7666;font-size:9px}.stage-label .signal{width:5px;height:5px}.product-window{border-radius:0 0 9px 9px;border:1px solid #dbe4dd;box-shadow:0 40px 70px -35px #062c3355,0 4px 10px #062c3315;min-height:480px;grid-template-columns:164px minmax(0,1fr);position:relative;z-index:2}
.product-sidebar{background:#f3f6f3}.workspace-topline{background:white}.workspace-content{padding:23px 22px 14px}.workspace-heading h2{font-size:24px}.workspace-stats{background:#fbfcfb}.workspace-stat strong{font-size:25px}.workspace-stats{box-shadow:0 1px 2px #122c1805}.workspace-stat{padding:14px 17px}.table-scroll tbody tr{transition:background .18s}.table-scroll tbody tr:hover{background:#f0f6f2}.table-scroll tbody tr.selected-record{background:#eaf3ed}.table-scroll td:first-child button{padding:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;display:flex;align-items:center;gap:8px}.table-scroll td:first-child button:focus-visible{outline-offset:2px}.table-scroll th{background:#f7f9f7}.table-scroll td{padding-block:12px}.stage-bottom{color:#899b8b;font-size:10px;padding-left:12px;margin-top:5px}.stage-bottom>span:last-child{display:none}
.record-card{position:absolute;right:0;top:121px;width:268px;padding:23px;background:#fff;border:1px solid #dce4de;border-radius:9px;z-index:3;box-shadow:0 28px 60px -20px #092d3445,0 3px 8px #092d3410;transform:translateY(0);transition:transform .2s;font-family:system-ui,sans-serif}
.record-topline{display:flex;align-items:center;justify-content:space-between;color:#7b9182;font-size:9px;letter-spacing:.05em}.record-tag{color:#8c9b91;font-size:9px;letter-spacing:0;border:1px solid #e8ede9;padding:3px 6px;border-radius:4px}
.record-heading{display:flex;gap:12px;align-items:center;margin:24px 0}.record-monogram{display:grid;place-items:center;width:38px;height:43px;background:#e2eade;border:1px solid #d5dfd0;border-radius:4px;color:#718766;font:600 19px var(--font);flex-shrink:0}.record-heading h3{font-size:20px;line-height:1.3;letter-spacing:-.5px}.record-heading p{font-size:11px;color:#839087;margin-top:4px}
.record-card dl{padding:0;margin:0}.record-card dl div{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid #edf1ee;font-size:11px}.record-card dt{color:#8a978d}.record-card dd{margin:0;color:#314f3a;font-weight:500}.record-status{padding:12px;border-radius:5px;background:#eaf4ed;color:#397f50;display:flex;align-items:center;gap:7px;font-size:11px;margin-top:13px}.record-hint{font-size:10px;line-height:1.6;color:#94a095;margin-top:15px}
.scene-proof{position:absolute;right:43px;bottom:12px;padding:16px 21px;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e1e7df;box-shadow:0 18px 35px -20px #19382440;border-radius:7px;z-index:4}.scene-proof-mark{display:grid;place-items:center;border-radius:50%;background:#ebf2e5;color:#4e8350;width:27px;height:27px}.scene-proof strong{font-size:11px;display:block;font-weight:600}.scene-proof div>span{display:block;font-size:10px;color:#93a08f;margin-top:5px}
.capability-band{max-width:1232px;font-size:12px;border-bottom:0;padding-top:14px;padding-bottom:34px}.section{max-width:1232px;padding-top:94px;padding-bottom:94px}.section h2{font-size:45px;font-weight:600;letter-spacing:-1.8px;line-height:1.16}.section .eyebrow{font-size:10px;letter-spacing:.11em;margin-bottom:20px}.section-intro{margin-bottom:45px}.section-intro>p{max-width:360px;font-size:15px;line-height:1.8}
.feature-section{border-top:1px solid #e4eae3}.feature-grid{grid-template-columns:1.12fr 1fr;gap:26px}.feature-panel{border-radius:10px;background:linear-gradient(145deg,#f5f8f3,#fff);border-color:#e2e8df;position:relative}.feature-copy{padding:38px 38px 32px}.feature-copy h3{font-size:28px;font-weight:600;letter-spacing:-1px}.feature-copy p{font-size:14px;line-height:1.9}.feature-icon{margin-bottom:23px}.catalog-visual{min-height:270px}.catalog-visual>img{height:270px;object-position:center 46%;filter:saturate(.78)}.catalog-receipt{left:30px;right:30px;bottom:30px;box-shadow:0 18px 32px -10px #14281460;border:1px solid #fff;padding:19px 21px}.catalog-receipt strong{font-size:13px}.catalog-receipt div>span{font-size:11px}.buyback-panel{background:linear-gradient(155deg,#fff 40%,#f6f0e3 100%)}.buyback-visual{margin:12px 54px 72px 30px;padding:24px;border-color:#e3e4d9;box-shadow:0 24px 45px -15px #735e342c;transform:translateX(0);min-height:230px}.mini-heading{font-size:14px}.appraisal-row{padding:14px 0}.appraisal-total{background:#f2f2e5;color:#5c6240}.credit-outcome{position:absolute;bottom:27px;right:26px;width:270px;background:#fcfdf9;border:1px solid #e4e8d9;border-radius:6px;padding:16px 20px;box-shadow:0 16px 30px -15px #79714135}.outcome-label{font-size:8px;letter-spacing:.08em;color:#84916b;display:block}.credit-outcome strong{display:block;font-size:13px;margin-top:7px;color:#425533}.credit-outcome p{font-size:10px;line-height:1.6;color:#949b82;margin-top:6px}
.compact-features{grid-template-columns:1fr 1.12fr;gap:26px;margin-top:26px}.compact-features article{padding:33px 34px 0;border:1px solid #e1e7df;border-radius:10px;overflow:hidden;background:#f8faf7;display:flex;flex-direction:column}.compact-features h3{font-size:22px;font-weight:600;letter-spacing:-.7px}.compact-features p{font-size:14px;line-height:1.8;max-width:430px;margin-top:12px}.compact-features .line-icon{font-size:21px;float:none;margin-bottom:19px}.price-visual{background:white;border:1px solid #e1e7dc;border-radius:8px 8px 0 0;padding:23px 24px;margin:28px 10px 0;box-shadow:0 16px 35px #50664915;transform:translateY(5px);font-family:system-ui,sans-serif}.price-visual-label{display:flex;justify-content:space-between;gap:8px;color:#77926e;font-size:8px;letter-spacing:.06em}.price-visual-label>span:last-child{color:#a6afa0;font-size:9px;letter-spacing:0}.suggested-price{font-size:49px;letter-spacing:-2px;font-weight:500;margin:15px 0 22px;color:#365b35}.suggested-price span{font-size:10px;font-weight:400;letter-spacing:0;color:#909e87;margin-left:10px}.price-evidence{display:flex;justify-content:space-between;gap:15px;font-size:10px;padding:10px 0;border-top:1px solid #eef1e8}.price-evidence span{color:#9aab90}.price-evidence strong{font-weight:400;color:#698161}.approval-note{color:#7d9572;font-size:10px;padding-top:14px}.approval-note span{margin-right:5px}.stocktake-visual{font-family:system-ui,sans-serif;margin:30px 0 0;padding:24px 22px 0;border:1px solid #dee7e0;box-shadow:0 10px 30px #2b513a12;border-radius:8px 8px 0 0;background:#fff;transform:translateY(6px);flex:1}.stocktake-title{display:flex;justify-content:space-between;font-size:13px;margin-bottom:20px}.stocktake-title strong{font-weight:500}.stocktake-title>span{font-size:10px;color:#93a18f}.stocktake-row{display:grid;grid-template-columns:1fr 65px 60px;gap:10px;border-bottom:1px solid #edf1eb;font-size:11px;padding:14px 0;align-items:center}.stocktake-columns{color:#96a68e;font-size:9px;padding-top:0}.stocktake-row>span:not(:first-child){text-align:center}.count-match{color:#4e8b53}.count-review{background:#fbf1d9;color:#a0803a;border-radius:4px;padding:3px}.stocktake-visual .count-note{font-size:10px;color:#9e874d;line-height:1.6;margin:15px 0 20px}.count-note span{display:inline-grid;place-items:center;border:1px solid #d2bc8b;border-radius:50%;width:12px;height:12px;font-size:8px;margin-right:5px}
.assistant-section{background:#092f31;position:relative;overflow:hidden;border:0}.assistant-layout{gap:95px;padding-block:115px}.assistant-copy h2{color:#edf4ec;font-size:46px}.assistant-copy .eyebrow{color:#96bfaa}.assistant-copy>p:not(.eyebrow){color:#a5beb0;font-size:15px}.question-tabs button{border-color:#ffffff20;color:#88a394}.question-tabs button.active{color:#f0f6ef}.question-tabs button.active>span{color:#d7e8d6}.assistant-scene{position:relative;padding-top:72px;padding-left:38px;isolation:isolate}.assistant-scene::before{content:'';position:absolute;inset:-60px -80px;background:radial-gradient(ellipse at center,#37786855,transparent 65%);z-index:-1}.assistant-context{position:absolute;left:0;right:68px;top:0;background:#234c48;border:1px solid #62817055;border-radius:8px;padding:22px 26px 60px;color:#aac5b0;box-shadow:0 20px 50px #00171350;transform:rotate(-3deg);font-size:10px}.assistant-context>span{font-size:8px;letter-spacing:.1em;display:block;margin-bottom:12px;color:#88a78e}.assistant-context strong{font-size:11px;display:flex;justify-content:space-between;padding:9px 0;font-weight:400;border-top:1px solid #a4c5ac15}.assistant-context i{font-style:normal;color:#8eb598;font-size:10px}.assistant-card{position:relative;box-shadow:0 28px 55px -18px #001716a0;background:#fcfdf9;border:1px solid #fff9;transform:rotate(1deg);border-radius:10px}.assistant-card-header{font-size:13px;background:#f6f9f3}.question-bubble{background:#eaf0e4;border-color:#e0e8d9}.answer-block p{color:#788570}.assistant-card-footer{background:#f6f9f3}
.more-section{padding-block:85px;gap:70px}.more-section h2{font-size:35px}.included-list{gap:26px 22px}.included-list div{border-left:2px solid #e2e9df;padding-left:15px}.included-list strong{font-size:13px;font-weight:600;display:block}.included-list div>span{display:block;font-size:11px;color:#8b9986;line-height:1.65;margin-top:7px}.included-list span::before{content:none}
.pricing-section{background:#f1f5ef;color:var(--ink);border-block:1px solid #e1e7dc;position:relative}.pricing-copy .eyebrow{color:#6f8b61}.pricing-copy h2{font-size:42px}.pricing-copy>p:not(.eyebrow){color:#829378}.pricing-copy>a{color:#3c6743;border-color:#bccbb1}.pricing-card{box-shadow:0 25px 55px -25px #36533433;border:1px solid #dce5d5;padding:35px 35px 30px;border-radius:10px}.pricing-card::before{content:'';display:block;width:30px;height:3px;background:#6e9670;margin-bottom:20px}.closing{position:relative;padding-block:85px}.closing h2{font-size:48px}.footer{max-width:1232px}.footer-top .brand{font-size:19px}
@media(max-width:1100px){.intro{padding-top:60px;padding-bottom:65px}.intro h1{font-size:62px}.intro-copy{max-width:440px}.hero-photo-caption{right:30px;max-width:180px;bottom:70px}.hero-photo-caption p{font-size:16px}.product-stage{padding-right:205px}.record-card{width:230px;top:132px;padding:19px}.product-window{grid-template-columns:140px minmax(0,1fr)}.product-sidebar{padding:17px 7px}.workspace-content{padding:20px 16px}.workspace-heading h2{font-size:21px}.workspace-stat{padding:12px}.workspace-stat strong{font-size:22px}.product-window th:nth-child(2),.product-window td:nth-child(2){display:none}.record-heading h3{font-size:18px}.scene-proof{right:10px;bottom:15px}.feature-copy{padding:30px}.feature-copy h3{font-size:26px}.compact-features article{padding:28px 25px 0}.assistant-layout{gap:48px}.assistant-scene{padding-left:22px}.section h2{font-size:40px}}
@media(max-width:760px){.navigation .brand{color:#e6efea}.nav-inner{height:70px}.intro{padding:44px 22px 45px}.hero-photo{inset:0;opacity:.22;background:linear-gradient(90deg,#082f31 0%,#082f3100 100%),linear-gradient(0deg,#082f31 0%,#082f3166 100%),url('../img/photo-bookstore-shelf.jpg') center/cover;mask-image:none}.hero-photo-caption{display:none}.intro h1{font-size:49px;line-height:1.1;letter-spacing:-2px;max-width:550px}.intro .eyebrow{font-size:8px;letter-spacing:.06em}.intro-copy{font-size:15px;line-height:1.8;max-width:460px}.intro-actions{justify-content:flex-start}.intro-actions .button{font-size:12px}.trial-note{font-size:10px;line-height:1.6}.product-section{padding:0 16px 26px;background:linear-gradient(180deg,#082f31 0,#082f31 45%,#fff 45%)}.product-stage{padding:0 0 0}.scene-caption{margin-bottom:14px}.scene-caption .eyebrow{font-size:8px}.stage-top{font-size:8px;padding:10px 12px}.stage-label{font-size:8px}.product-window{grid-template-columns:1fr;min-height:0;box-shadow:0 24px 35px -25px #082f3155}.product-sidebar{padding:7px}.workspace-content{padding:18px 14px 14px}.workspace-heading h2{font-size:20px}.workspace-stat{padding:12px 9px}.workspace-stat strong{font-size:23px}.record-card{position:relative;top:auto;right:auto;width:auto;margin:-3px 14px 0;padding:20px;border-radius:0 0 8px 8px;box-shadow:0 15px 22px -15px #082f3130;border-top:0;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.record-topline{grid-column:1/-1;font-size:8px}.record-heading{margin:17px 0 8px;gap:9px;align-items:center}.record-heading h3{font-size:17px}.record-heading p{font-size:10px}.record-monogram{width:30px;height:35px;font-size:15px}.record-card dl{margin-top:10px}.record-card dl div{padding:7px 0;font-size:10px}.record-card dl div:first-child{border:0}.record-status{margin:2px 0 0;padding:0;background:none;font-size:10px}.record-hint{font-size:9px;grid-column:1/-1;margin:8px 0 0}.scene-proof{position:relative;bottom:auto;right:auto;width:max-content;max-width:100%;margin:20px auto 0;box-shadow:none;background:transparent;border:0;padding:5px}.scene-proof strong{font-size:11px}.stage-bottom{display:none}.capability-band{padding:15px 24px 28px;gap:20px;font-size:10px}.section{padding:58px 22px}.section h2{font-size:35px;letter-spacing:-1.2px}.section .eyebrow{font-size:9px;margin-bottom:15px}.section-intro{margin-bottom:30px}.section-intro>p{font-size:14px;max-width:450px;margin-top:20px}.feature-grid,.compact-features{grid-template-columns:1fr;gap:20px}.feature-copy{padding:29px}.feature-copy h3{font-size:26px}.feature-copy p{font-size:14px}.catalog-visual,.catalog-visual>img{min-height:240px;height:240px}.catalog-receipt{left:23px;right:23px;bottom:23px;padding:16px}.catalog-receipt strong{font-size:12px}.buyback-visual{margin:10px 45px 83px 25px;padding:20px}.credit-outcome{right:20px;bottom:23px;width:260px;max-width:85%}.compact-features{margin-top:20px}.compact-features article{padding:28px 25px 0}.compact-features .line-icon{float:none;margin-bottom:16px}.compact-features p{margin-left:0;font-size:14px}.compact-features h3{font-size:23px}.price-visual{margin:25px 3px 0;padding:22px}.stocktake-visual{margin-top:25px;padding-inline:18px}.stocktake-row{grid-template-columns:1fr 50px 45px;font-size:10px;gap:6px}.stocktake-columns{font-size:9px}.assistant-layout{gap:40px;padding-block:60px}.assistant-copy h2{font-size:38px}.assistant-copy>p:not(.eyebrow){font-size:14px}.assistant-scene{padding-top:70px;padding-left:12px;margin-right:8px}.assistant-context{right:38px;padding:18px 22px 50px}.assistant-card{transform:rotate(.7deg)}.more-section{gap:30px}.included-list{gap:23px 18px}.included-list strong{font-size:12px}.included-list div>span{font-size:10px}.pricing-card{padding:28px}.pricing-copy h2{font-size:36px}.closing h2{font-size:38px}}
@media(max-width:400px){.intro{padding-inline:20px}.intro h1{font-size:43px;letter-spacing:-1.8px}.intro-actions{align-items:flex-start;gap:11px;margin-top:25px}.intro-actions .button{width:100%;max-width:305px;font-size:12px}.hero-photo{opacity:.18}.table-scroll td{padding:10px 5px}.workspace-stat strong{font-size:21px}.workspace-stat{padding:10px 8px}.record-card{gap:0 12px;padding:17px}.record-heading h3{font-size:16px}.record-heading p{font-size:9px}.record-card dl div{font-size:9px}.record-hint{font-size:9px}.section h2{font-size:33px}.feature-copy{padding:26px}.stocktake-visual{padding-inline:14px}.price-visual-label{font-size:7px}.price-visual-label>span:last-child{font-size:8px}}
.navigation{position:sticky;top:0;z-index:60;box-shadow:0 3px 10px #092f3110}.site-menu-toggle{display:none}
@media(max-width:900px){.navigation .nav-inner{gap:12px}.navigation nav{display:none;position:absolute;top:100%;left:0;right:0;padding:18px 22px;background:#0b3537;box-shadow:0 10px 20px #092f3130;border-top:1px solid #ffffff20;flex-direction:column;gap:0}.navigation nav.menu-open{display:flex}.navigation nav a{padding:13px 8px;font-size:14px}.site-menu-toggle{display:block;margin-left:auto;padding:6px 10px;font-size:18px;background:#ffffff10;color:white;border:1px solid #ffffff25;border-radius:5px}.nav-actions{margin-left:0}.navigation .login{display:none}}