:root{--ink:#151515;--muted:#727272;--line:#e7e7e7;--soft:#f6f6f4;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{font-family:'DM Sans',sans-serif;color:var(--ink);background:#fff;font-size:15px}.navbar{background:rgba(255,255,255,.96);border-bottom:1px solid #eee;padding:17px 0}.brand{font:800 22px Manrope,sans-serif;color:var(--ink);text-decoration:none;letter-spacing:-1px}.brand-mark{display:inline-grid;place-items:center;background:var(--ink);color:#fff;border-radius:7px;width:27px;height:27px;font:700 18px Manrope;margin-right:5px}.period,.brand .period{color:#888}.navbar-nav{gap:9px}.nav-link{font-size:13px;color:#555;padding:9px!important}.nav-link:hover,.nav-link.active{color:#111}.btn-dark{background:#151515;border-color:#151515;border-radius:3px;font-size:14px;font-weight:600}.btn-dark:hover{background:#383838;border-color:#383838}.hero{padding-top:88px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;color:#666;margin-bottom:22px}.eyebrow i{width:7px;height:7px;background:#151515;border-radius:50%;display:inline-block;margin-right:8px}.hero h1,.page-hero h1{font:600 clamp(42px,7vw,82px)/1.09 Manrope,sans-serif;letter-spacing:-4px;max-width:900px;margin:0 0 24px}.hero h1 span,.page-hero h1 span,.page-hero h2 span{color:#999}.lead-copy{color:#696969;line-height:1.75;max-width:565px;margin-bottom:26px;font-size:17px}.btn-lg{padding:13px 20px;font-size:14px}.text-link{color:#272727;font-size:13px;font-weight:600;text-decoration:none;border-bottom:1px solid #aaa;padding-bottom:4px}.hero-note{padding:0 0 7px 60px}.note-line{height:1px;background:#aaa;width:54px;margin-bottom:18px}.hero-note p{font:500 16px/1.65 Manrope}.hero-note small{font-size:9px;letter-spacing:1.4px;color:#777}.hero-art{height:310px;margin-top:58px;background:#111;position:relative;overflow:hidden;display:grid;place-items:center}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:45px 45px;mask-image:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent)}.art-orbit{position:absolute;border:1px solid #ffffff3b;border-radius:50%;width:410px;height:190px;transform:rotate(-24deg)}.orbit-two{transform:rotate(30deg);width:540px;height:140px;border-color:#ffffff26}.art-core{width:105px;height:105px;border:1px solid #ffffff8c;border-radius:50%;display:grid;place-items:center;font:600 50px Manrope;color:white;z-index:1}.art-core span{color:#999}.art-caption,.art-index{position:absolute;color:#ddd;font-size:9px;letter-spacing:1.5px;bottom:24px;left:30px}.art-caption span{margin-left:8px}.art-index{left:auto;right:30px;color:#999}.stats{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:20px;padding-top:39px;padding-bottom:68px}.stat-intro{font-size:12px;line-height:1.7;color:#777}.stat{border-left:1px solid var(--line);padding-left:23px;display:flex;flex-direction:column;gap:6px}.stat strong{font:600 31px Manrope;letter-spacing:-1.5px}.stat sup{font-size:14px}.stat span{font-size:11px;color:#777}.section{padding:83px 0}.soft{background:var(--soft)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:33px}.section h2,.feature-grid h2,.contact-details h2{font:600 clamp(30px,4vw,43px)/1.2 Manrope;letter-spacing:-1.8px}.service-card{min-height:240px;background:white;padding:25px;position:relative;border:1px solid #ececec;display:block;color:var(--ink);text-decoration:none;transition:transform .2s,border-color .2s}.service-card:hover{transform:translateY(-4px);border-color:#aaa}.card-no{font-size:9px;letter-spacing:1.3px;color:#888}.service-card h3{font:600 18px/1.35 Manrope;margin-top:39px;max-width:200px}.service-card p,.project-copy p{color:#777;font-size:12px;line-height:1.65}.arrow{position:absolute;right:22px;bottom:20px;font-size:18px}.section-top{padding-top:93px;padding-bottom:90px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start}.feature-grid p{color:#737373;line-height:1.8}.list-panel>div{display:flex;gap:16px;align-items:center;border-top:1px solid var(--line);padding:19px 0;font-size:13px}.list-panel>div b{color:#999;font-size:10px}.list-panel>div span{margin-left:auto}.page-hero{padding:68px 0 47px}.page-hero h1,.page-hero h2{font:600 clamp(38px,6vw,65px)/1.12 Manrope;letter-spacing:-3px;margin:0 0 20px}.page-hero p{max-width:590px;color:#777;line-height:1.8;font-size:16px}.project-card{background:#fff}.project-art{height:235px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.project-art:before,.project-art:after{content:'';position:absolute;border:1px solid #1112;border-radius:50%;width:270px;height:140px;transform:rotate(-35deg)}.project-art:after{width:370px;height:100px;transform:rotate(31deg)}.art-1{background:#e9e9e6}.art-2{background:#e1e3e4}.art-3{background:#eae6e1}.project-art span{position:absolute;top:19px;left:20px;font-size:9px;letter-spacing:1.3px;color:#555}.project-art b{font:500 52px Manrope;color:#161616;z-index:1}.project-copy{display:flex;justify-content:space-between;padding:20px 2px}.project-copy h3{font:600 19px Manrope}.project-copy p{max-width:420px}.project-copy .arrow{position:static}.locations{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:80px;border-top:1px solid var(--line);padding-top:25px}.locations span{font-size:9px;letter-spacing:1.4px;color:#888}.locations h3{font:600 21px Manrope;margin-top:18px}.locations p{font-size:13px;color:#777;max-width:350px}.large-copy{font:500 20px/1.6 Manrope;color:#333!important}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw;padding:15px 0 80px}.contact-details h2{font-size:32px}.contact-location{border-top:1px solid var(--line);padding:17px 0;display:flex;flex-direction:column;gap:5px}.contact-location b{font-size:12px}.contact-location span,.muted{font-size:12px;color:#777}.contact-details a{color:#222}.contact-form label{display:block;font-size:11px;font-weight:600;margin-bottom:19px}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;border:0;border-bottom:1px solid #ccc;border-radius:0;padding:12px 2px;background:transparent;outline:0;font:14px 'DM Sans'}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#111}.contact-form textarea{resize:vertical}.form-note{font-size:10px;color:#888;margin-top:14px}.hp-field{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.footer{border-top:1px solid #eee;padding:22px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#888}.footer .brand{font-size:17px;color:#151515}.footer .brand-mark{width:22px;height:22px;font-size:15px}.cta-band{margin-top:85px;margin-bottom:85px;padding:48px;background:#111;color:#fff;display:flex;align-items:end;justify-content:space-between}.cta-band h2{font:600 38px/1.2 Manrope;letter-spacing:-1px}.cta-band .eyebrow{color:#aaa}.admin-body{background:#f7f7f5;min-height:100vh}.admin-header{padding:20px max(calc((100% - 1080px)/2),24px);background:#fff;display:flex;justify-content:space-between}.login-card{background:white;max-width:430px;margin:10vh auto;padding:40px;border:1px solid #eee}.admin-main{padding-top:45px;padding-bottom:80px;max-width:900px}.admin-panel{background:#fff;border:1px solid #e7e7e7;padding:25px;margin:24px 0}.admin-panel h2{font:600 22px Manrope;margin-bottom:20px}.admin-sub{border-top:1px solid #eee;padding:20px 0}.admin-sub h3{font-size:14px}.admin-panel label,.login-card label{display:block;font-size:12px;margin:10px 0}.admin-panel .form-control,.login-card .form-control{margin-top:6px;border-radius:2px}.message-item{border-top:1px solid #eee;padding:15px 0;font-size:13px}.message-item small{display:block;color:#888;margin:5px 0}.message-item p{margin:8px 0 0;white-space:pre-wrap}@media(max-width:767px){.hero{padding-top:55px}.hero h1{letter-spacing:-2.4px}.hero-note{padding:40px 0 0}.hero-art{height:225px;margin-top:43px}.art-orbit{width:300px;height:130px}.stats{grid-template-columns:1fr 1fr;padding-bottom:45px}.stat-intro{grid-column:1/-1;margin-bottom:12px}.stat{padding:0 0 0 15px}.section{padding:58px 0}.section-top{padding-top:60px;padding-bottom:60px}.section-head{align-items:start;flex-direction:column;gap:16px}.feature-grid,.contact-layout{grid-template-columns:1fr;gap:35px}.page-hero{padding:53px 0 30px}.page-hero h1,.page-hero h2{letter-spacing:-2px}.locations{grid-template-columns:1fr;margin-top:50px}.contact-layout{padding-bottom:50px}.footer-inner{gap:14px;flex-wrap:wrap}.footer-inner>span:nth-child(2){display:none}.cta-band{margin:50px 12px;padding:30px;align-items:start;flex-direction:column;gap:24px}.cta-band h2{font-size:31px}.navbar-nav{padding-top:15px}.nav-item .btn{margin-top:8px}}
:root{--ink:#151515}
.why-codeption{padding:70px 0 83px;border-top:1px solid #eee}.why-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:9vw}.why-layout h2{font:600 clamp(32px,4vw,46px)/1.2 Manrope;letter-spacing:-1.8px}.why-layout>div:first-child>p{color:#777;line-height:1.8;max-width:400px;margin:18px 0 25px}.why-points article{display:grid;grid-template-columns:35px 1fr;gap:15px;padding:17px 0;border-top:1px solid var(--line)}.why-points article>b,.crm-benefits article>b{font-size:10px;color:#999}.why-points h3{font:600 16px Manrope;margin:0 0 6px}.why-points p,.crm-benefits p,.crm-intro>p,.crm-why p,.crm-approach p{font-size:12px;color:#777;line-height:1.75;margin:0}.crm-intro{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:25px 0 55px;border-top:1px solid var(--line);align-items:start}.crm-intro h3,.crm-why h3,.crm-approach h3{font:600 27px/1.3 Manrope;letter-spacing:-.8px;max-width:420px}.crm-benefits{padding:35px 0 55px;border-top:1px solid var(--line)}.crm-benefits>h3{font:600 23px Manrope;letter-spacing:-.5px;margin:0 0 22px}.crm-benefits article{height:100%;min-height:175px;border:1px solid #e8e8e6;background:#fff;padding:19px}.crm-benefits h4{font:600 15px/1.4 Manrope;margin:20px 0 9px}.crm-why{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:37px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.crm-why p+p{margin-top:14px}.crm-approach{padding:58px 0 0}.crm-approach .feature-grid{gap:8vw}.crm-approach .list-panel>div{font-size:12px}@media(max-width:767px){.why-codeption{padding:55px 0}.why-layout,.crm-intro,.crm-why{grid-template-columns:1fr;gap:24px}.crm-intro{padding:20px 0 38px}.crm-benefits{padding:30px 0 38px}.crm-why{padding:30px 0}.crm-approach{padding-top:40px}.crm-intro h3,.crm-why h3,.crm-approach h3{font-size:24px}}