:root{color-scheme:light;--paper:#f6f3ec;--ink:#252620;--muted:#66675e;--line:#d8d6cd;--wash:#eae7dd;--sage:#516f58;--white:#fff;--display:Georgia,'Times New Roman',serif;--body:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--ink);outline-offset:5px}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.08;letter-spacing:-.045em}button{border:0;background:none}section[id]{scroll-margin-top:30px}[hidden]{display:none!important}.shell{width:min(1240px,calc(100% - 112px));margin-inline:auto}.skip{position:absolute;z-index:30;top:-100px;left:20px;padding:12px 20px;background:white}.skip:focus{top:10px}.header{height:108px;max-width:1360px;margin:auto;padding:0 56px;display:flex;align-items:center;gap:38px;border-bottom:1px solid var(--line)}.brand{flex-shrink:0}.brand img{width:164px;height:auto}.desktop-nav{display:flex;gap:30px;margin-left:auto;font-size:14px}.desktop-nav a,.text-link,.footer a{transition:color .15s}.desktop-nav a:hover,.text-link:hover,.footer a:hover{color:var(--muted)}.login{display:inline-flex;align-items:center;gap:18px;padding:10px 20px;border:1px solid var(--ink);border-radius:99px;font-size:14px;white-space:nowrap;transition:background .15s}.login:hover{background:var(--wash)}.mobile-menu{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;gap:52px;padding-block:90px 76px;align-items:center}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:500;margin-bottom:30px;display:flex;align-items:center;gap:10px}.small-mark{font-size:22px;line-height:1}h1{font-size:clamp(58px,5.5vw,80px);line-height:1.04;letter-spacing:-.055em}h1 em{font-weight:400}h1 em::after{content:'';display:block;width:42%;height:1px;background:var(--ink);margin:15px 0 0 35%;transform:rotate(-5deg)}.hero-description{max-width:410px;font-size:18px;line-height:1.7;margin-top:27px;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:32px}.button{display:inline-flex;gap:32px;align-items:center;justify-content:center;padding:15px 25px;border-radius:99px;font-size:15px;line-height:1.5;transition:background .15s;min-height:48px}.button span{font-size:21px;line-height:1}.primary{background:var(--ink);color:var(--paper)}.primary:hover{background:#45463c}.text-link{font-size:14px;display:inline-flex;align-items:center;gap:17px}.text-link span{font-size:19px}.hero-note{display:flex;align-items:flex-start;gap:12px;font-size:12px;max-width:345px;line-height:1.6;margin-top:44px;color:var(--muted)}.note-line{display:block;flex-shrink:0;width:22px;height:1px;background:var(--muted);margin-top:10px}.portal-scene{position:relative;padding:10px 0 22px;isolation:isolate}.scene-caption{font-family:var(--display);font-size:21px;font-style:italic;margin-bottom:20px;margin-left:10px;letter-spacing:-.02em}.orbit{position:absolute;border:1px solid #d8d4c7;border-radius:50%;z-index:-1;pointer-events:none}.orbit-one{width:118%;height:65%;top:12%;left:-8%;transform:rotate(-30deg)}.orbit-two{width:70%;height:116%;left:20%;top:-8%;transform:rotate(32deg)}.portal{position:relative;background:var(--white);border:1px solid #d6d6ce;border-radius:12px;overflow:hidden;transform:rotate(-1.5deg)}.portal-top{padding:15px 20px;border-bottom:1px solid #ecebe7;display:flex;align-items:center;gap:12px}.mini-brand{display:flex;gap:8px;align-items:center;font-family:var(--display);font-size:23px;line-height:1}.mini-brand img{border-radius:6px}.demo-company{font-size:11px;margin-left:auto;color:var(--muted)}.demo-company span{padding-left:8px}.avatar{width:26px;height:26px;background:var(--wash);display:grid;place-items:center;border-radius:50%;font-size:11px}.portal-tabs{display:flex;padding:0 24px;gap:22px;border-bottom:1px solid #ecebe7}.portal-tabs button{padding:13px 0 11px;font-size:12px;position:relative;color:var(--muted);min-height:44px}.portal-tabs button[aria-selected=true]{color:var(--ink)}.portal-tabs button[aria-selected=true]::after{content:'';height:2px;background:var(--ink);position:absolute;inset:auto 0 -1px}.portal-tabs button:hover{color:var(--ink)}.portal-body{padding:25px 25px 20px;min-height:338px}.panel-heading{display:flex;align-items:center;gap:10px;justify-content:space-between}.panel-heading h2{font-size:21px;letter-spacing:-.03em}.panel-heading>span{font-size:10px;color:var(--muted);white-space:nowrap}.panel-intro{font-size:12px;color:var(--muted);margin-top:7px}.metrics{display:flex;margin-top:21px;gap:30px}.metrics>div{flex:1}.metrics>div+div{border-left:1px solid #e9e8e2;padding-left:23px}.metrics span{font-size:11px;color:var(--muted);display:block}.metrics strong{font-family:var(--display);font-size:30px;font-weight:400;letter-spacing:-.04em;white-space:nowrap;font-variant-numeric:tabular-nums}.metrics small{font-family:var(--body);font-size:11px;font-weight:400;letter-spacing:0;color:var(--muted)}.chart-heading{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:18px}.chart-heading i{width:6px;height:6px;border-radius:50%;background:var(--sage);display:inline-block;margin-right:5px}.chart{display:block;width:100%;height:100px;margin-top:8px;overflow:visible}.grid-line{fill:none;stroke:#eeede8;stroke-width:1}.chart-area{fill:#edf2ed}.chart-line{fill:none;stroke:var(--sage);stroke-width:2.2;stroke-linecap:round}.chart-months{display:flex;justify-content:space-between;font-size:9px;color:#74766d;margin-top:3px}.review-row{margin-top:18px;padding-top:14px;border-top:1px solid #e8e8e0;display:flex;align-items:center;gap:11px}.review-icon{height:29px;width:29px;background:var(--wash);border-radius:8px;display:grid;place-items:center}.review-row strong{display:block;font-size:11px;font-weight:500}.review-row div>span{display:block;font-size:10px;color:var(--muted)}.round-button{margin-left:auto;width:40px;height:40px;border-radius:50%;background:#f5f4ef}.round-button:hover{background:var(--wash)}.portal-footer{padding:10px 24px;display:flex;justify-content:space-between;background:#faf9f5;border-top:1px solid #eeece5;font-size:10px;color:var(--muted)}.scene-label{display:flex;gap:9px;justify-content:flex-end;align-items:center;margin-top:19px;font-size:11px;color:var(--muted);font-style:italic}.drawn-arrow{font-style:normal;font-size:27px}.document-row{display:flex;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid #e8e8e0}.document-row>div{flex:1}.document-row strong{display:block;font-size:12px;font-weight:500}.document-row div span{font-size:11px;color:var(--muted)}.file-icon{display:grid;place-items:center;width:32px;height:38px;border:1px solid var(--line);border-radius:4px}.demo-note{margin-top:22px;font-size:12px;color:var(--muted);line-height:1.6}.report-row{display:flex;justify-content:space-between;font-size:12px;padding:18px 0;border-bottom:1px solid #e8e8e0}.report-row strong{font-weight:500;font-variant-numeric:tabular-nums}.report-total{font-weight:600}.report-total strong{font-size:20px;font-family:var(--display)}.result-bar{height:12px;border-radius:99px;background:#e4e8e0;overflow:hidden}.result-bar span{display:block;width:66%;height:100%;background:#888c7d}.bar-caption{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin:22px 0 7px}.principles{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding-block:24px;gap:24px;font-size:14px}.principles>span{display:flex;gap:16px;align-items:center;justify-content:center}.principles>span+span{border-left:1px solid var(--line)}.principles span span{font-size:22px}.section{padding-block:105px}.services{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.section-intro h2,.about h2{font-size:48px;line-height:1.1}.section-intro>p:not(.eyebrow){color:var(--muted);font-size:16px;margin:24px 0;max-width:340px}.service-list{border-top:1px solid var(--line)}.service-list details{border-bottom:1px solid var(--line)}.service-list summary{display:flex;align-items:center;gap:20px;padding:25px 0;cursor:pointer;list-style:none}.service-list summary::-webkit-details-marker{display:none}.service-number{font-size:11px;color:var(--muted)}.service-list h3{font-size:26px;letter-spacing:-.035em}.plus{margin-left:auto;font-size:22px;font-weight:400}.service-list details[open] .plus{transform:rotate(45deg)}.service-content{padding:0 36px 27px}.service-content p{font-size:15px;color:var(--muted);line-height:1.75}.service-content>span{display:block;font-size:11px;margin-top:17px;color:var(--muted)}.approach{background:var(--ink);color:var(--paper);padding-block:85px 90px}.approach-top{display:grid;grid-template-columns:1.3fr 1fr;gap:110px;align-items:end}.approach .eyebrow{color:#b7b9aa}.approach h2{font-size:49px;line-height:1.1}.approach-top>p{color:#cbcdc0;max-width:345px;font-size:16px;line-height:1.8}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:52px;margin-top:65px}.steps article{border-top:1px solid #56584c;padding-top:22px}.step-number{font-family:var(--display);font-size:36px;color:#a5ab91;font-style:italic}.steps h3{font-size:26px;letter-spacing:-.03em;margin-top:30px}.steps p{font-size:15px;color:#cbcdc0;margin-top:16px;line-height:1.8;max-width:320px}.about{display:grid;grid-template-columns:1fr 1.2fr;gap:95px;align-items:center}.about-mark{min-height:370px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--wash);border-radius:12px;position:relative;overflow:hidden}.about-mark::before{content:'';position:absolute;width:285px;height:285px;border:1px solid #c9c6b8;border-radius:50%}.about-mark>span{font-family:var(--display);font-size:230px;line-height:1;font-weight:400;letter-spacing:-.08em;margin-left:-15px}.about-mark>div{font-size:11px;letter-spacing:.18em;text-transform:uppercase;margin-top:20px}.about-copy h2{font-size:42px}.about-copy>p:not(.eyebrow){font-size:16px;color:var(--muted);line-height:1.8;margin-top:24px}.about-copy>.text-link{margin-top:25px}.contact{background:var(--wash);border-radius:12px;padding:65px 75px;display:flex;align-items:center;justify-content:space-between;gap:60px}.contact h2{font-size:75px}.contact p:not(.eyebrow){font-size:16px;color:var(--muted);max-width:375px;margin-top:25px;line-height:1.8}.contact .button{margin-top:28px}.contact-star{font-size:250px;line-height:1;font-family:var(--display);margin-right:40px;color:#b4b5a2}.footer{padding-top:55px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:40px}.footer-top p{font-size:14px;color:var(--muted);margin-right:auto}.footer-bottom{border-top:1px solid var(--line);padding-block:23px;display:flex;gap:35px;font-size:11px;color:var(--muted);align-items:center}.footer-bottom>div{display:flex;gap:25px}.preview-label{margin-left:auto;text-transform:uppercase;letter-spacing:.13em;font-size:10px}
body{overflow-x:clip}.hero{padding-block:64px 56px}.hero-copy{align-self:start;padding-top:54px}.portal-scene{padding-bottom:0}.scene-label{line-height:1.2}.portal-body{padding:22px 24px 18px}.metrics strong{line-height:1.25}.metrics{margin-top:16px}.chart{height:90px}.review-row{margin-top:12px;padding-top:10px}
@media(min-width:1600px){.hero{padding-block:85px 70px}h1{font-size:86px}}
@media(max-width:1100px){.shell{width:calc(100% - 64px)}.header{padding:0 32px;gap:22px}.desktop-nav{gap:22px;font-size:12px}.hero{gap:35px;padding-block:70px 60px}h1{font-size:61px}.hero-description{font-size:17px}.hero-actions{gap:22px}.portal-body{padding:20px;min-height:328px}.panel-heading h2{font-size:18px}.panel-heading>span{font-size:9px}.metrics strong{font-size:27px}.services{gap:65px}.section-intro h2{font-size:42px}.service-list h3{font-size:24px}.approach-top{gap:60px}.approach h2{font-size:44px}.about{gap:65px}.about-copy h2{font-size:38px}.contact-star{font-size:200px;margin-right:0}.contact h2{font-size:65px}.contact{padding:55px}.footer-top p{display:none}}
@media(max-width:800px){.desktop-nav{display:none}.header{height:85px}.login{margin-left:auto}.hero{grid-template-columns:1fr;gap:48px;padding-top:55px}.hero-copy{max-width:620px}.hero-description{max-width:425px}.hero h1{font-size:70px}.hero-note{margin-top:30px}.portal-scene{max-width:540px;width:100%;margin:0 auto}.scene-caption{margin-left:0}.portal-body{padding:25px;min-height:340px}.panel-heading h2{font-size:22px}.panel-heading>span{font-size:11px}.chart{height:105px}.services{grid-template-columns:1fr;gap:40px}.section{padding-block:70px}.section-intro>p:not(.eyebrow){max-width:480px}.section-intro h2{font-size:44px}.service-list h3{font-size:27px}.approach-top{grid-template-columns:1fr;gap:25px}.approach-top>p{max-width:500px}.steps{gap:25px}.steps h3{font-size:24px}.approach{padding-block:65px}.about{grid-template-columns:.75fr 1fr;gap:35px}.about-mark{min-height:320px}.about-mark>span{font-size:200px}.about-mark::before{width:235px;height:235px}.about-mark>div{font-size:9px}.about h2{font-size:32px}.about .eyebrow{font-size:10px}.contact-star{font-size:135px}.contact{padding:45px;gap:20px}.contact h2{font-size:58px}.mobile-menu{display:block;position:relative}.mobile-menu summary{list-style:none;cursor:pointer;font-size:13px;padding:12px 0}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{margin-left:8px}.mobile-menu nav{position:absolute;right:0;top:45px;min-width:210px;z-index:10;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:8px}.mobile-menu nav a{display:block;padding:12px;font-size:14px}.mobile-menu nav a:hover{background:var(--wash)}}
@media(max-width:520px){.shell{width:calc(100% - 40px)}.header{padding-inline:20px;height:80px;gap:17px}.brand img{width:128px}.login{font-size:12px;padding:8px 13px;gap:9px}.mobile-menu summary{font-size:12px}.hero{padding-top:42px;padding-bottom:36px;gap:40px}.hero .eyebrow{margin-bottom:26px;font-size:10px}h1,.hero h1{font-size:54px}.hero-description{font-size:16px;margin-top:26px;max-width:340px}.hero-actions{gap:22px;margin-top:27px}.button{font-size:14px;padding:13px 21px;gap:22px}.text-link{font-size:12px;gap:10px}.hero-note{font-size:11px;max-width:300px}.portal-scene{padding:0 3px 12px}.scene-caption{font-size:19px;margin-bottom:17px}.portal{transform:rotate(-1deg)}.portal-top{padding:12px 14px;gap:8px}.mini-brand{font-size:21px}.demo-company{font-size:9px}.avatar{width:23px;height:23px;font-size:10px}.portal-tabs{padding-inline:18px;gap:22px}.portal-body{padding:20px 17px 17px;min-height:318px}.panel-heading h2{font-size:19px}.panel-heading>span{font-size:8px}.panel-intro{font-size:10px}.metrics{gap:12px}.metrics>div+div{padding-left:17px}.metrics strong{font-size:26px}.metrics span{font-size:10px}.chart{height:85px}.portal-footer{padding:10px 15px;font-size:9px}.scene-label{font-size:10px;margin-top:16px}.principles{gap:10px;padding-block:20px;font-size:10px}.principles>span{gap:7px;align-items:center;flex-direction:column;text-align:center}.principles span span{font-size:20px}.principles>span+span{border-left:1px solid var(--line)}.section{padding-block:58px}.eyebrow{font-size:10px;margin-bottom:23px}.section-intro h2{font-size:38px}.section-intro>p:not(.eyebrow){font-size:15px}.services{gap:32px}.service-list summary{padding:22px 0;gap:15px}.service-list h3{font-size:23px}.service-content{padding-left:29px;padding-right:8px}.service-content p{font-size:14px}.service-content>span{font-size:10px}.approach{padding-block:55px}.approach h2{font-size:37px}.approach-top>p{font-size:15px}.steps{grid-template-columns:1fr;gap:29px;margin-top:35px}.steps article{position:relative;padding-left:52px;padding-top:22px}.step-number{position:absolute;left:0;top:17px;font-size:29px}.steps h3{font-size:25px;margin-top:0}.steps p{font-size:14px;margin-top:11px;max-width:none}.about{grid-template-columns:1fr;gap:32px}.about-mark{min-height:230px}.about-mark>span{font-size:165px}.about-mark>div{margin-top:8px;font-size:10px}.about-mark::before{width:200px;height:200px}.about h2{font-size:36px}.about-copy>p:not(.eyebrow){font-size:15px;margin-top:20px}.contact{padding:32px 26px;position:relative;overflow:hidden}.contact h2{font-size:49px;position:relative;z-index:1}.contact p:not(.eyebrow){font-size:15px;position:relative;z-index:1}.contact-star{position:absolute;right:-22px;top:22px;font-size:130px;opacity:.35}.contact>.button{position:relative;z-index:1}.footer{padding-top:37px}.footer-top{padding-bottom:28px;gap:15px}.footer-top .text-link{font-size:11px}.footer-bottom{flex-wrap:wrap;gap:15px;font-size:10px;padding-block:20px}.footer-bottom>div{gap:20px}.preview-label{font-size:9px}.document-row{padding-block:15px}.document-row strong{font-size:11px}.demo-note{font-size:11px}.report-row{font-size:11px}}
.portal-scene{overflow:clip;padding-inline:8px}
@media(max-width:800px){.hero-copy{padding-top:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Retro/brutalist direction: paper, ink, muted blue, and print-like structure. */
:root { --paper:#f3edda; --ink:#201e1a; --muted:#625c51; --line:#201e1a; --wash:#e7dfc8; --white:#fffdf5; --accent:#c4d9e4; --accent-hover:#d5e5ed; --accent-soft:#e4edf1; --sage:#4e6651; --mono:'Courier New',monospace; }
::selection { background:var(--accent); color:var(--ink); }
h1,h2,h3 { font-weight:700; letter-spacing:-.055em; }
.header { height:100px; border-bottom:2px solid var(--ink); }
.brand img { width:178px; }
.desktop-nav { font-family:var(--mono); font-size:12px; font-weight:700; gap:26px; }
.desktop-nav a { text-decoration:underline; text-underline-offset:5px; text-decoration-thickness:1px; }
.login,.button { border:2px solid var(--ink); border-radius:0; box-shadow:4px 4px 0 var(--ink); font-family:var(--mono); font-weight:700; }
.login { background:var(--paper); padding:10px 17px; }
.login:hover { background:var(--accent); }
.button { padding:15px 22px; min-height:52px; }
.primary { background:var(--accent); color:var(--ink); }
.primary:hover { background:var(--accent-hover); }
.button:focus-visible,.login:focus-visible { outline-offset:8px; }
.text-link { font-family:var(--mono); font-weight:700; text-decoration:underline; text-underline-offset:5px; }
.hero { gap:48px; padding-block:66px 58px; }
.hero-copy { padding-top:16px; }
.eyebrow { font-family:var(--mono); font-size:12px; font-weight:700; letter-spacing:.04em; }
.hero .eyebrow { display:inline-flex; border:1px solid var(--ink); padding:6px 10px; background:var(--wash); margin-bottom:30px; }
.small-mark { color:var(--ink); }
h1 { font-size:clamp(52px,5.5vw,80px); line-height:1.02; }
h1 em { display:inline-block; font-weight:700; position:relative; z-index:0; }
h1 em::after { position:absolute; z-index:-1; width:104%; height:14px; left:-2%; bottom:3px; margin:0; background:var(--accent); transform:none; }
.hero-description { color:var(--ink); font-size:18px; max-width:390px; margin-top:29px; }
.hero-actions { margin-top:30px; gap:28px; }
.hero-note { font-family:var(--mono); font-size:12px; border-top:1px dashed var(--muted); padding-top:20px; margin-top:34px; max-width:370px; }
.note-line { display:none; }
.portal-scene { overflow:visible; padding:0 9px 9px 0; }
.orbit { display:none; }
.scene-caption { font-family:var(--mono); font-size:12px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; font-style:normal; margin:0 0 16px; display:flex; align-items:center; gap:10px; }
.scene-caption::before { content:'↳'; font-size:24px; line-height:1; }
.portal { border:2px solid var(--ink); border-radius:0; transform:none; box-shadow:8px 8px 0 var(--ink); }
.portal-top { background:var(--accent); border-bottom:2px solid var(--ink); padding:12px 18px; }
.mini-brand { font-weight:700; }
.avatar { border:1px solid var(--ink); border-radius:0; background:var(--paper); font-family:var(--mono); }
.demo-company { font-family:var(--mono); color:var(--ink); font-size:10px; }
.portal-tabs { border-bottom:1px solid var(--ink); gap:0; padding:0; background:var(--wash); }
.portal-tabs button { font-family:var(--mono); font-size:12px; font-weight:700; padding:12px 18px; border-right:1px solid var(--ink); color:var(--ink); }
.portal-tabs button[aria-selected=true] { background:var(--ink); color:var(--paper); }
.portal-tabs button[aria-selected=true]::after { display:none; }
.portal-tabs button:focus-visible { outline:2px solid var(--accent); outline-offset:-4px; }
.portal-tabs button:hover:not([aria-selected=true]) { background:var(--paper); }
.portal-body { padding:22px; min-height:377px; }
.panel-heading h2 { font-size:21px; }
.panel-heading>span,.panel-intro,.metrics span,.chart-heading,.chart-months,.portal-footer { font-family:var(--mono); }
.metrics { border-block:1px solid var(--ink); padding-block:13px; margin-top:18px; gap:16px; }
.metrics>div+div { border-left:1px solid var(--ink); padding-left:18px; }
.metrics strong { font-size:30px; font-weight:700; letter-spacing:-.045em; line-height:1.35; }
.grid-line { stroke:#d9d1bc; stroke-dasharray:3 4; }
.chart { height:83px; }
.chart-line { stroke:var(--ink); stroke-width:2.5; }
.chart-area { fill:var(--accent-soft); }
.chart-heading i { background:var(--ink); border-radius:0; }
.review-row { border-top:1px solid var(--ink); margin-top:13px; padding-top:12px; }
.review-icon,.file-icon { background:var(--wash); border:1px solid var(--ink); border-radius:0; }
.round-button { border:1px solid var(--ink); border-radius:0; background:var(--accent); }
.round-button:hover { background:var(--accent-hover); }
.portal-footer { border-top:1px solid var(--ink); background:var(--wash); font-size:10px; padding:10px 18px; }
.scene-label { font-family:var(--mono); font-style:normal; font-size:10px; margin-top:18px; }
.document-row,.report-row { border-color:#c3baa6; }
.report-total { border-block:2px solid var(--ink); background:var(--wash); padding:12px 8px; }
.result-bar { border:1px solid var(--ink); border-radius:0; background:var(--accent); }
.result-bar span { background:var(--ink); }
.principles { border-block:2px solid var(--ink); padding:0; gap:0; font-family:var(--mono); font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.02em; background:var(--wash); }
.principles>span { padding:22px 10px; }
.principles>span+span { border-left:2px solid var(--ink); }
.services { gap:80px; }
.section-intro h2 { font-size:48px; }
.section-intro>p:not(.eyebrow),.about-copy>p:not(.eyebrow) { color:var(--ink); }
.service-list { border:2px solid var(--ink); align-self:start; box-shadow:6px 6px 0 var(--ink); }
.service-list details { border-bottom:2px solid var(--ink); }
.service-list details:last-child { border-bottom:0; }
.service-list summary { padding:24px 20px; gap:16px; }
.service-list details[open] { background:var(--white); }
.service-list details[open] summary { background:var(--accent); }
.service-number { font-family:var(--mono); font-size:12px; color:var(--ink); }
.service-list h3 { font-size:25px; }
.service-content { padding:22px 22px 24px 52px; }
.service-content p { color:var(--ink); }
.service-content>span { font-family:var(--mono); font-size:11px; }
.plus { font-family:var(--mono); }
.approach { background:var(--ink); border-block:2px solid var(--ink); }
.approach .eyebrow { color:var(--accent); }
.approach h2 { font-size:49px; }
.approach-top>p,.steps p { color:var(--paper); }
.steps { gap:0; border:1px solid #b4aa94; }
.steps article { border-top:0; padding:28px; }
.steps article+article { border-left:1px solid #b4aa94; }
.step-number { font-family:var(--mono); font-style:normal; color:var(--accent); font-size:26px; }
.steps h3 { font-size:26px; margin-top:28px; }
.steps p { font-size:15px; }
.about-mark { border:2px solid var(--ink); border-radius:0; box-shadow:8px 8px 0 var(--ink); background:var(--accent); }
.about-mark::before { border:1px solid var(--ink); border-radius:0; width:76%; height:76%; transform:rotate(-6deg); }
.about-mark>span { font-weight:700; }
.about-mark>div { font-family:var(--mono); letter-spacing:.06em; font-weight:700; }
.about-copy h2 { font-size:43px; }
.contact { background:var(--accent); border:2px solid var(--ink); border-radius:0; box-shadow:8px 8px 0 var(--ink); }
.contact h2 { font-size:76px; }
.contact p:not(.eyebrow) { color:var(--ink); }
.contact .primary { background:var(--paper); }
.contact .primary:hover { background:var(--white); }
.contact-star { color:var(--ink); font-size:250px; }
.footer { padding-top:65px; }
.footer-top p { font-family:var(--mono); font-size:12px; color:var(--ink); }
.footer-bottom { border-top:2px solid var(--ink); font-family:var(--mono); color:var(--ink); }
.preview-label { border:1px solid var(--ink); padding:3px 7px; font-weight:700; letter-spacing:.04em; }
.mobile-menu nav { border:2px solid var(--ink); border-radius:0; box-shadow:4px 4px 0 var(--ink); }
.mobile-menu summary { font-family:var(--mono); font-weight:700; }
@media(max-width:1100px) {
  .desktop-nav { gap:18px; font-size:11px; }
  .hero { gap:32px; }
  h1 { font-size:60px; }
  .hero-actions { flex-wrap:wrap; gap:22px; }
  .portal-body { padding:19px; }
  .panel-heading { flex-wrap:wrap; gap:5px; }
  .panel-heading h2 { font-size:20px; }
  .panel-heading>span { font-size:10px; }
  .metrics strong { font-size:26px; }
  .services { gap:50px; }
  .section-intro h2 { font-size:43px; }
  .service-list h3 { font-size:23px; }
  .service-list summary { padding:22px 16px; }
  .service-content { padding-left:44px; }
  .approach h2 { font-size:43px; }
  .steps article { padding:23px; }
  .about-copy h2 { font-size:37px; }
  .contact h2 { font-size:64px; }
  .contact-star { font-size:200px; }
}
@media(max-width:800px) {
  .header { height:88px; }
  .hero { gap:48px; padding-top:45px; }
  .hero-copy { padding-top:0; }
  .hero h1 { font-size:72px; }
  .portal-scene { max-width:540px; }
  .panel-heading { flex-wrap:nowrap; }
  .panel-heading h2 { font-size:22px; }
  .services { gap:36px; }
  .service-list h3 { font-size:27px; }
  .steps article { padding:22px; }
  .steps h3 { font-size:23px; }
  .about-copy h2 { font-size:33px; }
  .about-mark::before { width:75%; height:65%; }
  .contact-star { font-size:135px; }
  .contact h2 { font-size:58px; }
}
@media(max-width:520px) {
  .header { height:80px; gap:16px; }
  .brand img { width:126px; }
  .login { font-size:11px; padding:8px 10px; box-shadow:3px 3px 0 var(--ink); gap:8px; }
  .hero { padding-block:36px 38px; gap:34px; }
  .hero .eyebrow { font-size:10px; padding:5px 8px; margin-bottom:26px; }
  .hero h1 { font-size:53px; }
  h1 em::after { height:10px; bottom:2px; }
  .hero-description { font-size:16px; margin-top:25px; }
  .hero-actions { gap:19px; }
  .hero-actions .text-link { font-size:11px; }
  .button { padding:13px 17px; font-size:13px; gap:22px; }
  .hero-note { font-size:11px; margin-top:28px; }
  .portal-scene { padding-right:7px; }
  .portal { box-shadow:6px 6px 0 var(--ink); }
  .scene-caption { font-size:11px; }
  .portal-top { padding:11px 13px; }
  .demo-company { font-size:9px; }
  .portal-tabs button { padding:12px 14px; font-size:11px; }
  .portal-body { min-height:365px; padding:18px 14px; }
  .panel-heading { flex-wrap:wrap; gap:5px; }
  .panel-heading h2 { font-size:20px; }
  .metrics { gap:12px; }
  .metrics>div+div { padding-left:12px; }
  .metrics strong { font-size:25px; }
  .portal-footer { padding:9px 12px; font-size:9px; }
  .scene-label { font-size:10px; gap:5px; }
  .principles { font-size:9px; }
  .principles>span { padding:15px 6px; }
  .section-intro h2 { font-size:39px; }
  .service-list { box-shadow:4px 4px 0 var(--ink); }
  .service-list summary { gap:12px; padding:20px 12px; }
  .service-list h3 { font-size:22px; }
  .service-number { font-size:10px; }
  .service-content { padding:18px 20px; }
  .service-content>span { font-size:10px; }
  .approach h2 { font-size:37px; }
  .steps { gap:0; }
  .steps article { padding:23px; }
  .steps article+article { border-left:0; border-top:1px solid #b4aa94; }
  .step-number { position:static; font-size:22px; }
  .steps h3 { font-size:26px; margin-top:14px; }
  .about-mark { box-shadow:5px 5px 0 var(--ink); }
  .about-mark::before { width:150px; height:170px; }
  .about-copy h2 { font-size:36px; }
  .contact { padding:30px 23px; box-shadow:5px 5px 0 var(--ink); }
  .contact h2 { font-size:49px; }
  .contact-star { font-size:110px; opacity:.22; right:-15px; }
  .footer-top .text-link { font-size:10px; }
  .footer-bottom { gap:15px; }
}