@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#0c0d0f;--surface:#131518;--line:#2a2c30;--text:#f3f2ed;--muted:#9b9da3;--orange:#ff7548;--soft-orange:#281b16;--font:'DM Sans',Arial,sans-serif;--display:'Space Grotesk',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--orange);outline-offset:5px}::selection{background:var(--orange);color:var(--bg)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);line-height:1.1;font-weight:500}a,button{touch-action:manipulation}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.section{padding-block:112px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.16em;line-height:1.5}.subtle{color:#82858d}.skip-link{position:fixed;left:20px;top:-100px;z-index:200;background:var(--orange);color:#151515;padding:12px 20px}.skip-link:focus{top:10px}
.site-header{position:absolute;inset:0 0 auto;z-index:50;border-bottom:1px solid #ffffff13}.nav-shell{height:98px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-family:var(--display);font-size:28px;font-weight:700;letter-spacing:-1.3px;line-height:1;display:inline-flex;align-items:baseline;white-space:nowrap}.brand-v{color:var(--orange)}.brand-dot{width:5px;height:5px;background:var(--orange);margin-left:4px}.site-header nav{display:flex;align-items:center;gap:36px;font-size:14px}.site-header nav>a{transition:color .2s}.site-header nav>a:hover{color:var(--orange)}.nav-contact{border:1px solid #ffffff55;border-radius:6px;padding:10px 24px}.menu-toggle{display:none;color:var(--text);border:0;background:none;width:44px;height:44px;padding:10px}.menu-toggle span{display:block;height:2px;background:currentColor;margin:7px 0}
.hero{position:relative;min-height:810px;height:min(960px,100svh);display:flex;align-items:center;isolation:isolate;overflow:hidden;background:#0c0d0f}.hero-art{position:absolute;inset:0;z-index:-3;background-position:center;background-size:cover;opacity:.94}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0c0d0f 2%,#0c0d0fe8 24%,#0c0d0f88 45%,#0c0d0f00 74%),linear-gradient(0deg,#0c0d0f 0%,transparent 19%,transparent 82%,#0c0d0f55 100%)}.hero-grid{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:96px 96px;mask-image:linear-gradient(90deg,#000,transparent)}.hero-content{padding-top:105px;padding-bottom:95px}.hero .eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:24px;color:#c2c3c7}.small-cross{color:var(--orange);font-size:25px;font-weight:400;line-height:14px}.hero h1{font-size:clamp(58px,6.6vw,94px);line-height:1.04;letter-spacing:-.062em}.hero h1>span{color:var(--orange)}.hero-description{margin-top:29px;color:#b1b2b7;font-size:18px;line-height:1.65}.hero-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.button{min-height:50px;padding:13px 22px;border:1px solid transparent;border-radius:5px;font-size:14px;font-weight:650;display:inline-flex;justify-content:center;align-items:center;transition:background .2s,transform .2s,border-color .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--orange);color:#180e09}.primary:hover{background:#ff906c}.ghost{background:#11131666;border-color:#ffffff33}.ghost:hover{background:#1a1c20;border-color:#777}.hero-bottom{position:absolute;bottom:24px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:11px;font-weight:600;letter-spacing:.12em;color:#83868c}.hero-bottom a{font-size:12px;letter-spacing:0;display:flex;align-items:center;gap:15px}.scroll-mark{display:inline-block;height:22px;width:13px;border:1px solid #777;border-radius:8px;position:relative}.scroll-mark:after{content:'';position:absolute;top:4px;left:5px;width:1px;height:5px;background:var(--orange);animation:scroll 2s infinite}@keyframes scroll{50%{transform:translateY(6px)}}
.capability-strip{border-block:1px solid var(--line);background:#101214}.capability-strip .wrap{display:flex;gap:20px;justify-content:space-between;align-items:center;min-height:82px;font-size:12px;letter-spacing:.11em;color:#b0b2b8}.capability-strip i{color:var(--orange);font-style:normal;font-size:21px}.section-intro{display:flex;justify-content:space-between;gap:50px;align-items:flex-end;margin-bottom:56px}.section-intro .eyebrow{color:var(--orange);margin-bottom:23px}.section-intro h2{font-size:clamp(40px,4.7vw,62px);letter-spacing:-.045em}.section-intro>p{width:365px;max-width:40%;color:var(--muted);padding-bottom:5px}.service-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:72px}.service-tabs{border-top:1px solid var(--line)}.service-tab{width:100%;padding:28px 0;display:flex;align-items:center;gap:23px;text-align:left;border:0;border-bottom:1px solid var(--line);background:none;color:#7f838c;transition:color .25s}.service-tab>span:nth-child(2){font-family:var(--display);font-size:23px;line-height:1.3;font-weight:500}.service-tab small{display:block;font-family:var(--font);font-size:14px;color:#797e86;margin-top:8px;line-height:1.45;font-weight:400}.tab-number{font-size:12px;align-self:flex-start;padding-top:5px;font-weight:500}.tab-plus{margin-left:auto;font-size:25px;font-weight:300;color:#636871}.service-tab.active{color:var(--text)}.service-tab.active .tab-number,.service-tab.active .tab-plus{color:var(--orange)}.service-tab:hover{color:var(--text)}.service-panel{min-width:0}.interface-preview{height:310px;border:1px solid #34373d;border-radius:9px;background:linear-gradient(140deg,#202328,#131518);padding:19px;box-shadow:0 25px 65px #0003;overflow:hidden}.preview-top{display:flex;align-items:center;gap:10px;color:#bbbfc5;font-size:10px;font-weight:600;letter-spacing:.07em;padding-bottom:16px;border-bottom:1px solid #ffffff12}.mini-brand{color:var(--orange);font-size:23px;font-family:var(--display);font-weight:700;line-height:1}.example-tag{font-size:10px;letter-spacing:0;font-weight:400;margin-left:auto;color:#9398a1}.preview-body{display:flex;padding-top:23px;gap:20px}.preview-nav{display:flex;flex-direction:column;gap:17px;font-size:11px;color:#7c818b;min-width:68px}.preview-nav .selected{color:var(--orange)}.preview-main{flex:1;min-width:0}.preview-heading{display:flex;justify-content:space-between;gap:10px;font-size:15px;line-height:1.2;font-family:var(--display)}.pill{background:#ffffff08;font-size:10px;padding:4px 8px;border-radius:3px;color:#9b9fa6}.metric-row{display:flex;gap:10px;margin:16px 0 10px}.metric-row>div{padding:10px 12px;border:1px solid #ffffff13;border-radius:4px;flex:1}.metric-row small{font-size:10px;color:#9b9da3;display:block;line-height:1.4}.metric-row strong{font:500 25px var(--display);display:block;margin-top:4px}.sample-row{display:flex;gap:10px;align-items:center;justify-content:space-between;border-top:1px solid #ffffff0c;padding-block:9px;font-size:9px;color:#adafb5}.sample-row>span:nth-child(2){margin-right:auto}.tiny-tag{padding:3px 5px;color:#fba580;background:#ff754812;border-radius:2px;white-space:nowrap}.muted-tag{color:#a5a9b0;background:#ffffff08}.service-description{padding-top:29px}.service-description .eyebrow{font-size:11px;letter-spacing:.08em;color:var(--orange)}.service-description h3{font-size:28px;letter-spacing:-.03em;margin:12px 0}.service-description>p:not(.eyebrow){font-size:16px;line-height:1.7;color:var(--muted)}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:19px}.tags span{padding:5px 10px;border:1px solid var(--line);border-radius:4px;font-size:12px;color:#aeb1b7}.site-footer{padding-block:36px;display:flex;align-items:center;gap:25px;border-top:1px solid var(--line)}.site-footer .brand{font-size:23px}.site-footer p,.site-footer>span{font-size:12px;color:var(--muted)}.site-footer>span{margin-left:auto}
@media(min-width:1600px){.hero-art{background-size:1600px auto;background-repeat:no-repeat;background-position:right center}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.site-header nav{gap:24px}.service-layout{gap:38px}.hero{min-height:760px}.hero h1{font-size:76px}.section{padding-block:88px}.preview-nav{display:none}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.nav-shell{height:78px}.brand{font-size:25px}.menu-toggle{display:block}.site-header nav{display:none;position:absolute;left:20px;right:20px;top:78px;background:#16181bf7;backdrop-filter:blur(18px);border:1px solid #ffffff1f;border-radius:8px;padding:20px;flex-direction:column;align-items:stretch;gap:7px}.site-header nav.open{display:flex}.site-header nav a{padding:13px 14px;font-size:16px}.nav-contact{text-align:center;margin-top:4px}.hero{min-height:780px;height:100svh;max-height:940px;align-items:center}.hero-content{padding-top:50px;padding-bottom:95px}.hero h1{font-size:clamp(49px,10.7vw,74px);letter-spacing:-.06em}.hero-art{background-position:65% center;opacity:.55}.hero:after{background:linear-gradient(90deg,#0c0d0fe8,#0c0d0f44),linear-gradient(0deg,#0c0d0f,transparent 25%,#0c0d0f55 70%)}.hero .eyebrow{font-size:11px;margin-bottom:24px}.hero-description{font-size:17px;margin-top:25px}.hero-actions{margin-top:27px;gap:10px}.button{font-size:14px;padding:13px 17px;min-height:50px}.hero-bottom{bottom:23px}.hero-bottom>span{display:none}.hero-bottom a{font-size:12px}.capability-strip .wrap{display:grid;grid-template-columns:1fr 1fr;gap:15px 8px;padding-block:24px;font-size:10px;letter-spacing:.07em}.capability-strip i{display:none}.section{padding-block:72px}.section-intro{display:block;margin-bottom:32px}.section-intro h2{font-size:43px}.section-intro>p{width:auto;max-width:none;margin-top:23px}.section-intro .eyebrow{font-size:11px;margin-bottom:18px}.service-layout{grid-template-columns:1fr;gap:30px}.service-tab{padding:20px 0;gap:17px}.service-tab>span:nth-child(2){font-size:21px}.service-tab small{font-size:14px}.interface-preview{height:297px;padding:17px}.preview-nav{display:flex;min-width:59px;gap:16px;font-size:10px}.preview-body{gap:12px}.sample-row{font-size:8px;gap:4px}.preview-heading{font-size:14px}.metric-row{gap:7px}.metric-row>div{padding:9px}.service-description h3{font-size:27px}.site-footer{flex-wrap:wrap;gap:15px;padding-block:30px}.site-footer p{margin-left:auto}.site-footer>span{width:100%;margin-left:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.hero-art{background-image:url("assets/braxvera-futuristic-v2.png");animation:hero-drift 22s ease-in-out infinite alternate}
@keyframes hero-drift{to{transform:translateY(-1%) scale(1.035)}}
.automation-preview{padding:15px 20px}.automation-node{display:flex;gap:13px;align-items:center;border:1px solid #ffffff12;padding:10px 12px;border-radius:5px;background:#ffffff03}.node-symbol{font:500 14px var(--display);color:var(--orange)}.automation-node strong{font-size:13px;font-weight:500;display:block;line-height:1.4}.automation-node small{display:block;font-size:12px;line-height:1.4;color:var(--muted)}.node-check{margin-left:auto;color:var(--orange)}.flow-line{height:12px;width:1px;background:#ff754866;margin-left:29px}.chart-preview{padding:20px 10px}.chart-heading{display:flex;justify-content:space-between;font-size:12px;color:#bbbdc4;gap:12px}.chart-heading>span+span{color:#898d94}.chart-bars{height:153px;border-bottom:1px solid #ffffff22;display:flex;align-items:flex-end;gap:17px;padding:15px 14px 0;margin-bottom:34px}.chart-bars>div{position:relative;background:linear-gradient(0deg,#9c482e,var(--orange));width:100%;height:var(--bar);border-radius:3px 3px 0 0;transition:height .6s}.chart-bars>div:nth-child(-n+3){opacity:.5}.chart-bars span{position:absolute;bottom:-25px;width:100%;text-align:center;font-size:12px;color:var(--muted)}.chart-caption{font-size:12px;color:#91969e}.portal-preview{padding:19px 6px}.portal-welcome{display:flex;gap:12px;align-items:center}.portal-avatar{padding:8px 13px;border-radius:50%;background:#ff75481a;color:var(--orange)}.portal-welcome strong{display:block;font-size:14px;font-weight:500}.portal-welcome small{display:block;font-size:12px;color:var(--muted)}.portal-project{padding:14px;background:#ffffff04;border:1px solid #ffffff12;margin-top:15px;border-radius:5px}.portal-project h4{font-size:14px;margin:8px 0 15px;font-weight:500}.portal-progress{height:4px;background:#ffffff13;border-radius:3px}.portal-progress span{display:block;width:62%;background:var(--orange);height:100%}.portal-steps{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:8px}.portal-files{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#a4a8b1;margin-top:13px}.preview-top,.example-tag,.preview-nav,.metric-row small,.sample-row,.tiny-tag,.pill{font-size:12px}.preview-top{letter-spacing:0}.sample-row>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.interface-preview{height:332px}.metric-row{margin-block:12px 7px}.sample-row{padding-block:7px}.tags span{font-size:13px}.preview-nav{min-width:71px}.service-description .eyebrow{font-size:12px}
.demo-section{background:#101214;border-block:1px solid var(--line)}.demo-shell{border:1px solid #34363b;border-radius:10px;background:#16181c;overflow:hidden}.demo-toolbar{padding:23px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.scenario-switch{display:flex;gap:5px;flex-wrap:wrap}.scenario-switch button{color:#9297a0;background:transparent;border:1px solid transparent;padding:8px 18px;border-radius:4px;font-size:14px;transition:background .2s,color .2s}.scenario-switch button.selected{border-color:#4b3830;background:#35231c;color:#ffa67f}.scenario-switch button:hover{color:var(--text)}.demo-label{font-size:12px;color:#888e98}.journey{display:flex;justify-content:space-between;position:relative;margin:40px 55px 33px}.journey:before{content:'';height:1px;position:absolute;top:20px;left:10%;right:10%;background:#383b42}.journey-step{border:0;background:none;position:relative;color:#7f858f;padding:0;min-width:105px;font-size:14px;display:flex;flex-direction:column;align-items:center;gap:12px}.step-circle{font-family:var(--display);width:42px;height:42px;border:1px solid #41454d;border-radius:50%;background:#16181c;display:grid;place-items:center;transition:background .25s,color .25s,border .25s}.current .step-circle{background:var(--orange);color:#24100a;border-color:var(--orange);box-shadow:0 0 0 6px #ff75480a}.current .step-label{color:#f3f2ed}.journey-step.completed .step-circle{color:var(--orange);border-color:#bd5b38;background:#251b17}.journey-detail{padding:36px 40px 40px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.journey-heading .eyebrow{color:var(--orange);font-size:11px;letter-spacing:.08em}.journey-heading h3{font-size:33px;letter-spacing:-.035em;margin:17px 0}.journey-heading>p:last-child{font-size:16px;color:var(--muted);max-width:420px}.journey-document{background:#1c1f24;border:1px solid #373b44;border-radius:7px;box-shadow:0 12px 30px #0002;overflow:hidden}.document-top{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;letter-spacing:.06em;color:#c2c7ce;padding:18px 20px;border-bottom:1px solid #ffffff12}.document-state{padding:4px 8px;border-radius:3px;font-size:11px;letter-spacing:0;color:#ffb18e;background:#ff754817}.journey-document dl{margin:0;padding:17px 20px}.journey-document dl>div{display:flex;justify-content:space-between;gap:20px;font-size:13px;margin:10px 0;line-height:1.5}.journey-document dt{color:#969ca5}.journey-document dd{margin:0;text-align:right;color:#e0e1e3}.document-result{display:flex;gap:10px;padding:15px 20px;border-top:1px solid #ffffff0e;background:#ff754805;font-size:13px;color:#c2c5cb}.result-icon{color:var(--orange)}.demo-bottom{padding:20px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#131518;border-top:1px solid var(--line)}.demo-bottom>p{font-size:13px;color:#9298a1}.play-button{border:1px solid #41454c;border-radius:4px;padding:9px 14px;color:#d1d4d9;background:transparent;display:flex;align-items:center;gap:10px;font-size:13px;white-space:nowrap}.play-button:hover{border-color:var(--orange)}.play-icon{font-size:10px;color:var(--orange)}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.process-grid article{padding:31px 29px 15px 0}.process-grid article+article{padding-left:26px;border-left:1px solid var(--line)}.process-number{font:400 42px var(--display);color:#d4d4d6;letter-spacing:-.08em;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.process-number>span{color:var(--orange);font-size:22px;padding-right:5px}.process-grid h3{font-size:25px;line-height:1.2;letter-spacing:-.025em;margin-bottom:17px}.process-grid p{color:var(--muted);font-size:15px;line-height:1.7}.faq-list{margin-top:75px;margin-left:auto;max-width:835px}.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{font-size:16px;padding:22px 2px;display:flex;justify-content:space-between;gap:25px;align-items:center;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{color:var(--orange);font-size:22px;font-weight:300;transition:transform .2s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details>p{color:var(--muted);font-size:15px;padding:0 40px 24px 2px}
.contact-section{background:radial-gradient(ellipse at 15% 0%,#52231a44,transparent 65%),#121110;border-block:1px solid #392920;padding-block:93px}.contact-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:center}.contact-grid .eyebrow{color:var(--orange);margin-bottom:25px}.contact-grid h2{font-size:clamp(40px,4vw,57px);line-height:1.09;letter-spacing:-.04em}.contact-grid h2 span{color:var(--orange)}.contact-grid>div>p:not(.eyebrow){color:#aaa7a5;margin-top:26px;font-size:16px}.phone-link{display:inline-block;font-size:14px;border-bottom:1px solid #68605c;margin-top:28px;padding-bottom:5px}.phone-link:hover{color:var(--orange)}#contact-form{padding:30px;background:#191716;border:1px solid #3e322b;border-radius:9px}#contact-form label{display:block;font-size:14px;margin-bottom:9px;color:#d7d2cd}#contact-form select,#contact-form textarea{display:block;width:100%;background:#121211;color:var(--text);border:1px solid #443b35;border-radius:4px;padding:13px 14px;font-family:var(--font);font-size:15px}#contact-form select{margin-bottom:24px}#contact-form textarea{resize:vertical;min-height:130px;line-height:1.65}#contact-form textarea::placeholder{color:#85807d}#contact-form .button{width:100%;margin-top:18px}.form-note{font-size:12px;color:#99918b;text-align:center;line-height:1.6;margin-top:12px}.site-footer{border-top:0}
@media(max-width:1100px){.journey-detail{gap:30px;padding:30px}.journey{margin-inline:30px}.journey-heading h3{font-size:30px}.contact-grid{gap:45px}.process-grid h3{font-size:22px}.process-grid article{padding-right:20px}.process-grid article+article{padding-left:20px}.preview-nav{display:none}.interface-preview{height:320px}.service-description h3{font-size:27px}}
@media(max-width:760px){.demo-toolbar{padding:18px;flex-wrap:wrap;gap:12px}.scenario-switch{gap:2px;width:100%;justify-content:space-between}.scenario-switch button{font-size:14px;padding:9px 13px}.demo-label{font-size:12px}.journey{margin:26px 14px 24px}.journey-step{min-width:0;width:25%;gap:9px;padding-inline:2px}.step-circle{width:35px;height:35px;font-size:12px}.journey:before{top:17px;left:12%;right:12%}.step-label{font-size:12px;line-height:1.4;max-width:77px}.journey-detail{grid-template-columns:1fr;padding:24px 19px 26px;gap:25px}.journey-heading h3{font-size:29px;margin:14px 0}.journey-heading>p:last-child{font-size:15px}.journey-heading .eyebrow{font-size:12px;letter-spacing:.04em}.document-top{padding:15px;font-size:12px;letter-spacing:0}.document-state{font-size:12px}.journey-document dl{padding:12px 15px}.journey-document dl>div{font-size:12px;gap:12px}.document-result{padding:13px 15px;font-size:12px}.demo-bottom{padding:18px;align-items:flex-start;flex-direction:column;gap:13px}.demo-bottom>p{font-size:13px}.play-button{font-size:14px;padding:10px 15px}.process-grid{grid-template-columns:1fr 1fr}.process-grid article{padding:25px 20px 26px 0}.process-grid article+article{padding:25px 0 26px 20px}.process-grid article:nth-child(3){padding-left:0;border-left:0;border-top:1px solid var(--line);padding-right:20px}.process-grid article:nth-child(4){border-top:1px solid var(--line)}.process-number{font-size:35px;margin-bottom:20px}.process-grid h3{font-size:23px}.process-grid p{font-size:14px}.faq-list{margin-top:43px}.faq-list summary{font-size:15px;padding-block:19px}.faq-list details>p{padding-right:15px;font-size:14px}.contact-section{padding-block:64px}.contact-grid{grid-template-columns:1fr;gap:33px}.contact-grid h2{font-size:clamp(38px,9.7vw,58px)}#contact-form{padding:23px}.contact-grid .eyebrow{font-size:12px}.interface-preview{height:327px}.preview-nav{display:none}.preview-heading{font-size:16px}.preview-top{gap:8px}.preview-top>span:nth-child(2){font-size:10px}.example-tag{font-size:10px}.sample-row{font-size:11px}.sample-row>span:nth-child(2){max-width:45%}.tiny-tag{font-size:10px}.metric-row strong{font-size:28px}.portal-files{font-size:11px}.chart-bars{gap:14px}.automation-preview{padding-inline:5px}.hero-art{animation:none}.hero-description br.desktop-break{display:none}}
/* iOS service and verified project captures */
.ios-preview{display:flex;align-items:center;justify-content:center;gap:26px;padding:19px 6px 0;height:259px}.ios-preview>img{height:235px;width:auto;border-radius:10px;border:1px solid #5b4663;box-shadow:0 12px 30px #0005}.ios-preview>div{max-width:265px}.ios-label{font-size:12px;letter-spacing:.08em;color:var(--orange)}.ios-preview h4{font-family:var(--display);font-size:26px;font-weight:500;line-height:1.15;letter-spacing:-.03em;margin:13px 0}.ios-preview p{font-size:14px;line-height:1.6;color:var(--muted)}
.projects-section{border-top:1px solid var(--line);background:linear-gradient(180deg,#0c0d0f,#121317)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.project-card{min-width:0;overflow:hidden;border:1px solid #34363d;border-radius:10px;background:#141619;display:flex;flex-direction:column}.project-figure{margin:0;border-bottom:1px solid #34363d;position:relative;background:#101115}.dynasty-figure{background:radial-gradient(ellipse at 50% 55%,#42275c50,transparent 72%),#111015}.factory-figure{background:radial-gradient(ellipse at 50% 55%,#32234844,transparent 72%),#111015}.project-platform{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 24px;border-bottom:1px solid #ffffff0b;font-size:12px;letter-spacing:.065em;color:#aeb0b7}.project-platform>span:last-child{color:#e8d3ff;letter-spacing:0;white-space:nowrap}.project-image-stage{height:390px;display:flex;align-items:center;justify-content:center;padding:22px 25px}.project-image-stage img{display:block;max-width:100%;height:auto;object-fit:contain}.project-image-stage .dynasty-capture{height:350px;width:auto;border-radius:12px;box-shadow:0 18px 46px #0006;border:1px solid #695272}.project-image-stage .factory-capture{width:100%;max-height:344px;border:1px solid #3d2d53;border-radius:5px}.project-figure figcaption{padding:0 24px 18px;text-align:center;font-size:12px;color:#8b8895}.project-content{padding:30px;display:flex;flex:1;flex-direction:column}.project-category{font-size:12px;color:var(--orange);letter-spacing:.09em;line-height:1.5}.project-content h3{font-size:33px;letter-spacing:-.035em;margin:13px 0 17px}.project-content>p:not(.project-category){font-size:16px;line-height:1.75;color:#afb1b8}.project-features{list-style:none;padding:0;margin:24px 0 29px;color:#d0d1d7;font-size:14px;line-height:1.65}.project-features li{padding-left:18px;position:relative;margin-top:8px}.project-features li:before{content:'+';position:absolute;left:0;color:var(--orange)}.project-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:20px}.project-footer .tags{margin-top:0}.capture-link{font-size:14px;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#777c87;padding-block:8px}.capture-link:hover{color:var(--orange);text-decoration-color:var(--orange)}
@media(min-width:761px) and (max-width:1100px){.site-header nav{gap:16px}.site-header nav a{font-size:14px}.site-header .brand{font-size:25px}.nav-contact{padding-inline:15px}.project-grid{gap:22px}.project-content{padding:25px}.project-platform{padding-inline:20px;font-size:12px}.ios-preview{gap:18px}.ios-preview h4{font-size:24px}}
@media(max-width:760px){.project-grid{grid-template-columns:1fr;gap:25px}.project-platform{padding:18px;font-size:12px;letter-spacing:0}.project-image-stage{height:355px;padding:20px 16px}.project-image-stage .dynasty-capture{height:320px}.factory-figure .project-image-stage{height:auto;min-height:250px;padding:24px 16px}.project-figure figcaption{padding:0 18px 17px}.project-content{padding:24px 21px}.project-content h3{font-size:29px}.project-category{font-size:12px;letter-spacing:.045em}.project-features{font-size:14px}.project-footer{gap:12px}.project-footer .tags span{font-size:12px}.ios-preview{gap:17px;padding-inline:0;height:252px}.ios-preview>img{height:209px}.ios-preview h4{font-size:22px;margin-block:11px}.ios-preview p{font-size:14px;line-height:1.5}.ios-label{font-size:12px;letter-spacing:0}}
/* Interactive concepts, built as four standalone experiences. */
.concept-showcase{padding-top:100px;scroll-margin-top:110px}.concept-intro{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:36px}.concept-intro h3{font:500 clamp(36px,4vw,54px)/1.1 'Space Grotesk',sans-serif;letter-spacing:-.045em;margin:15px 0 0}.concept-intro>p{max-width:375px;color:#a5a7ae;font-size:16px;line-height:1.7}.concept-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.concept-card{border:1px solid #2b2d32;background:#101114;overflow:hidden;border-radius:10px}.concept-preview{position:relative;display:block;aspect-ratio:1.6;overflow:hidden;isolation:isolate;color:white}.concept-preview>img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.concept-preview:hover>img{transform:scale(1.04)}.concept-preview:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#000a,transparent 70%);z-index:0;pointer-events:none}.concept-preview-label{position:absolute;left:28px;top:22px;font-size:13px;text-transform:uppercase;letter-spacing:.18em;z-index:1;text-shadow:0 1px 12px #000}.concept-preview-title{position:absolute;left:28px;bottom:30px;font:400 clamp(30px,3.2vw,45px)/1.08 Georgia,serif;letter-spacing:-.03em;z-index:1}.concept-open{position:absolute;right:20px;bottom:24px;padding:11px 15px;border:1px solid #ffffff70;background:#0b0e11a8;backdrop-filter:blur(8px);border-radius:4px;font-size:12px;z-index:2}.brasa-preview .concept-preview-title{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(30px,3vw,43px);line-height:1.04}.aura-preview>img{object-position:center 38%}.aura-preview .concept-preview-title{font-style:italic}.concept-card-body{padding:28px 30px 30px}.concept-card-body h4{font:500 29px/1.2 'Space Grotesk',sans-serif;letter-spacing:-.04em;margin:9px 0 14px}.concept-card-body>p:not(.project-category){color:#a5a7ae;font-size:16px;line-height:1.7;margin:0 0 24px;max-width:510px}.concept-footnote{font-size:13px;color:#a5a7ae;margin:26px 0 0;line-height:1.6}.nexo-card-ui{display:grid;grid-template-columns:24% 1fr;height:100%;background:#f4f6fc;color:#17263c;font-family:'DM Sans',sans-serif;overflow:hidden}.nexo-mini-side{background:#17263e;color:#c4cde2;padding:29px 22px;display:flex;flex-direction:column;gap:22px;font-size:12px}.nexo-mini-side b{font-size:29px;letter-spacing:-.07em;color:white;margin-bottom:16px}.nexo-mini-main{padding:30px 26px}.nexo-mini-main>p{font-size:12px;color:#56677e;letter-spacing:.1em;margin:0 0 10px}.nexo-mini-main>strong{font-size:clamp(22px,2vw,30px);letter-spacing:-.04em;display:block;margin-bottom:20px}.nexo-mini-metrics{display:grid;grid-template-columns:1fr 1fr;gap:14px}.nexo-mini-metrics>div{padding:13px;background:#fff;border:1px solid #dce3f0;border-radius:4px}.nexo-mini-metrics small{font-size:12px;color:#56677e;display:block}.nexo-mini-metrics b{font-size:26px;font-weight:500;display:block;margin-top:5px;color:#3967c7}.nexo-mini-row{display:flex;justify-content:space-between;gap:12px;font-size:12px;border-bottom:1px solid #dce3f0;padding:16px 0;white-space:nowrap}.nexo-mini-row em{font-size:12px;font-style:normal;color:#3357a1}.nexo-preview:after{background:linear-gradient(0deg,#0e192633,transparent 40%)}.factory-figure .project-image-stage{padding:22px 0}.factory-capture{max-height:360px;border-radius:0}.factory-figure{background:radial-gradient(ellipse at center,#251b33,#101015 80%)}
@media(max-width:1100px){.concept-open{bottom:18px;right:16px;padding:9px 12px}.concept-preview-title{bottom:70px;font-size:36px}.nexo-mini-side{padding:25px 16px}.nexo-mini-main{padding:25px 20px}.nexo-mini-row{font-size:11px}.nexo-mini-row em{display:none}}
@media(max-width:760px){.concept-showcase{padding-top:64px;scroll-margin-top:90px}.concept-intro{display:block}.concept-intro h3{font-size:38px}.concept-intro>p{margin-top:24px}.concept-grid{grid-template-columns:1fr;gap:24px}.concept-preview{aspect-ratio:1.3}.concept-preview-label{left:22px;top:20px;font-size:12px}.concept-preview-title,.brasa-preview .concept-preview-title{left:22px;bottom:68px;font-size:35px}.concept-card-body{padding:25px 24px}.concept-card-body h4{font-size:27px}.concept-card-body>p:not(.project-category){font-size:16px}.concept-open{font-size:12px;bottom:18px}.nexo-card-ui{grid-template-columns:24% 1fr}.nexo-mini-side{padding:24px 12px;font-size:12px}.nexo-mini-side b{font-size:25px}.nexo-mini-main{padding:24px 18px}.nexo-mini-main>strong{font-size:23px}.nexo-mini-metrics{gap:8px}.nexo-mini-metrics>div{padding:10px}.nexo-mini-metrics small{font-size:12px}.nexo-mini-row{font-size:12px;gap:8px}.nexo-mini-row span:nth-child(2){overflow:hidden;text-overflow:ellipsis}.factory-figure .project-image-stage{min-height:200px;padding:22px 0}}