/* 7i LABS / ORIGINAL VISUAL IDENTITY */
:root{--orange:#ff5b0a;--orange2:#ff7d35;--char:#171f27;--ink:#161b1c;--cream:#f6f4ef;--muted:#767a7d}
html{scroll-padding-top:78px}body{background:var(--cream)}.container{width:min(calc(100% - 112px),1360px)}
.topbar{background:var(--orange);letter-spacing:2px}.site-header{height:88px;background:rgba(21,26,31,.96)}.site-header .container{max-width:1360px}.real-brand-logo{display:block;width:145px;height:auto;max-height:49px;object-fit:contain}.site-header .brand{gap:0}.nav a{font-weight:650}.nav .header-cta{background:var(--orange);color:#131922}.header-inner{min-height:88px}
.hero{background:#172029;min-height:720px}.hero-noise{position:absolute;inset:0;pointer-events:none;opacity:.15;background-image:radial-gradient(#ffffff25 0.55px,transparent 0.55px);background-size:4px 4px}.hero:before{content:'';position:absolute;top:-340px;left:28%;width:880px;height:880px;border-radius:50%;background:radial-gradient(circle,#ff5b0a18,transparent 64%);pointer-events:none}.hero:after{width:800px;height:800px;right:-260px;top:90px;background:radial-gradient(circle,#ff5b0a1d,transparent 68%)}
.hero-redesign{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1.02fr;min-height:695px;align-items:center;gap:36px;padding-top:45px;padding-bottom:50px}.hero-content{padding:40px 0}.hero-kicker{display:flex;gap:13px;align-items:center;color:#b7bec2;font-size:10px;font-weight:750;letter-spacing:2px;white-space:nowrap}.hero-kicker-line{width:32px;height:1px;background:#667078}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(68px,6.5vw,115px);line-height:.98;letter-spacing:-8px;font-weight:800;margin:41px 0 27px;white-space:nowrap}.hero h1 .outlined{color:transparent;-webkit-text-stroke:1.5px #f7f8f5;text-shadow:0 0 1px transparent}.hero h1 em{font-family:Georgia,serif;font-weight:400;font-style:italic;color:var(--orange);letter-spacing:-6px}.hero-description{font-size:15px;line-height:1.85;max-width:510px;color:#b7bec3;margin:0 0 34px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hero-actions .btn{font-size:12px;padding:17px 22px}.hero-actions .btn.dark{border-color:#53606c}.hero-trust{margin-top:71px;display:flex;align-items:center;gap:19px;color:#8c98a1;font-size:9px;letter-spacing:1.25px}.hero-trust .hero-line{display:block;height:1px;width:36px;background:var(--orange)}.hero-trust span:last-child{margin-left:auto}
.hero-showcase{position:relative;height:620px;display:flex;align-items:center;justify-content:center;perspective:1200px;isolation:isolate}.hero-orbit{position:absolute;border:1px solid #ff7a3b38;border-radius:50%;pointer-events:none}.o1{width:480px;height:480px;left:70px;top:65px;transform:rotate(-18deg) scaleX(.75)}.o2{width:630px;height:630px;left:-5px;top:-13px;transform:rotate(-18deg) scaleX(.75);opacity:.6}.floating-plus{position:absolute;z-index:3;color:var(--orange);font-size:40px;font-family:Georgia}.plus-a{top:15px;right:60px;animation:spin 16s linear infinite}.plus-b{bottom:33px;left:11px;animation:spin 20s linear infinite reverse}.showcase-window{width:82%;height:480px;position:relative;border-radius:13px;border:1px solid #777a775e;box-shadow:0 55px 130px #080b0dba,12px 12px 0 #ff5b0a22;transform:rotate(4deg) translateX(10px);transition:transform .6s;overflow:hidden;background:#1a2025}.showcase-window:hover{transform:rotate(0) translateX(10px) translateY(-8px)}.showcase-top{height:42px;padding:0 17px;display:flex;justify-content:space-between;align-items:center;background:#f2f1ed;color:#1d2629;font-size:9px;font-weight:900;letter-spacing:1.1px}.showcase-top i{display:inline-block;width:7px;height:7px;background:var(--orange);border-radius:50%;margin-right:8px}.showcase-inner{height:calc(100% - 42px);position:relative;overflow:hidden}.showcase-inner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:zoomfade .75s ease}.showcase-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,#0b1013e8 100%)}.showcase-copy{position:absolute;inset:auto 35px 24px;color:white}.showcase-copy>span{font-size:10px;font-weight:850;letter-spacing:1.6px;color:#ffba96}.showcase-copy h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(39px,4vw,63px);line-height:1.02;letter-spacing:-1.9px;margin:15px 0 28px}.showcase-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff6b;padding-top:14px;letter-spacing:1.2px;font-weight:750;font-size:9px}.showcase-arrow{border:1px solid #ffffff95;border-radius:50%;height:34px;width:34px;display:grid;place-items:center;font-size:18px}.showcase-controls{position:absolute;bottom:5px;right:39px;left:65px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#959ea5;font-size:9px;font-weight:800;letter-spacing:1.2px}.showcase-controls>div{display:flex;gap:9px}.showcase-controls button{height:36px;width:36px;background:#2d3944;color:white;border:1px solid #6e7680;border-radius:50%;transition:.2s}.showcase-controls button:hover{background:var(--orange);color:#111;border-color:var(--orange)}.hero-badge{position:absolute;z-index:4;right:0;top:58px;background:var(--orange);color:#1b2327;border-radius:50%;height:112px;width:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:10px;line-height:1.5;font-weight:1000;letter-spacing:.6px;transform:rotate(14deg);box-shadow:0 12px 65px #ff5b0a66}.hero-badge span{font-size:26px}.hero-bottom-rule{position:relative;z-index:2;display:flex;justify-content:space-between;max-width:1360px;width:calc(100% - 112px);margin:0 auto;border-top:1px solid #ffffff24;padding:18px 0;color:#77868c;font-size:10px;letter-spacing:1.4px}
.ticker{background:var(--orange)}.ticker-inner span{font-size:13px}.intro{padding:140px 0}.intro-grid{gap:100px}.section-title{letter-spacing:-4.7px}.intro-copy p{font-size:20px}.intro-copy strong{color:#171f27}.section-label{letter-spacing:1.65px}
.work{background:#eeece7}.project-grid{grid-template-columns:1.05fr .95fr;gap:20px}.project-card{border-radius:9px;min-height:440px}.project-card img{filter:saturate(1)!important}.project-badge{background:#ff5b0a;color:#1a1815}.project-content h3{font-family:Manrope,sans-serif;letter-spacing:-1px}.filter.active{background:var(--orange);color:#151e22;border-color:var(--orange)}.filter:hover{background:var(--orange);color:#151e22;border-color:var(--orange)}
.value-rail{background:var(--orange);padding:37px 0 45px;color:#142028}.value-rail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.value-rail-grid>div{border-right:1px solid #111c2055;padding-right:30px}.value-rail-grid>div:last-child{border-right:0}.value-index{font-size:11px;font-weight:900;letter-spacing:1.5px}.value-rail h3{font-family:Manrope,sans-serif;font-size:clamp(21px,2.4vw,36px);line-height:1.18;letter-spacing:-1.2px;margin:16px 0 0;font-weight:800}.value-rail h3 em{font-family:Georgia,serif;font-weight:400}
.service-row:hover{background:#272f35}.service-row:hover h3{color:var(--orange)}
.idea-lab{background:#1a242c;color:#f7f6f2;padding:112px 0 105px;overflow:hidden}.idea-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:37px}.idea-head p{max-width:375px;line-height:1.8;color:#aab3b9;font-size:14px}.idea-lab .section-title{font-size:clamp(48px,5.6vw,80px)}.idea-lab .section-label{color:#a4b0b9}.idea-module{display:grid;grid-template-columns:.36fr .64fr;border:1px solid #ffffff25;border-radius:14px;overflow:hidden;min-height:500px}.idea-controls{background:#1f2b35;display:flex;flex-direction:column;justify-content:center;padding:0 20px}.idea-tab{text-align:left;display:flex;align-items:center;gap:20px;border:0;border-bottom:1px solid #ffffff20;background:transparent;color:#94a4ae;font-size:clamp(18px,2.2vw,29px);font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-1.2px;padding:27px 16px;transition:.3s}.idea-tab:last-child{border-bottom:0}.idea-tab span{font:600 10px 'DM Sans',sans-serif;color:#708590;letter-spacing:1px}.idea-tab b{font-size:18px;margin-left:auto;font-weight:400}.idea-tab.selected{color:var(--orange)}.idea-display{position:relative;min-height:500px;background:#313332;overflow:hidden}.idea-display img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:zoomfade .7s both}.idea-display:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#10151cc9,transparent 90%)}.idea-overlay{position:absolute;z-index:1;bottom:42px;left:44px;right:30px}.idea-overlay>span{color:#ffb48c;font-size:10px;font-weight:850;letter-spacing:1.5px}.idea-overlay h3{font-family:Georgia,serif;font-size:clamp(37px,4.3vw,67px);font-weight:400;line-height:1.04;letter-spacing:-2px;margin:16px 0}.idea-overlay p{font-size:14px;max-width:390px;color:#e0e5e8;line-height:1.65}.mini-cta{display:inline-flex;background:var(--orange);color:#172029;border-radius:80px;padding:12px 18px;font-size:11px;font-weight:850;margin-top:15px}.concept-caption{font-size:11px;color:#8b969e;letter-spacing:.3px;text-align:right;margin:13px 0 0}
.contact{background:#ff5b0a;color:#141e24}.contact .section-label,.contact .contact-intro,.contact .contact-detail .section-label,.contact .contact-detail span{color:#293840!important}.contact h2 em{color:#15232d}.contact .form{background:#17232d;color:white;box-shadow:0 30px 90px #1820263b}.contact .form input,.contact .form textarea,.contact .form select{background:#25313c!important;border-color:#465461!important;color:white!important}.contact .form input::placeholder,.contact .form textarea::placeholder{color:#98a4ac!important}.contact .form button.primary{background:#ff5b0a}.footer{background:#151e25}.footer .real-brand-logo{width:180px;max-height:70px}
@keyframes zoomfade{from{opacity:.35;transform:scale(1.07)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1120px){.hero-redesign{grid-template-columns:1fr 1fr;gap:10px}.hero h1{font-size:clamp(57px,6.3vw,79px);letter-spacing:-5px}.hero-showcase{height:530px}.showcase-window{height:390px}.hero-badge{height:82px;width:82px;right:0;top:70px;font-size:8px}.container{width:min(calc(100% - 64px),1360px)}.hero-bottom-rule{width:calc(100% - 64px)}}
@media(max-width:760px){.container{width:calc(100% - 38px)}.topbar{font-size:8px;letter-spacing:.7px;text-align:center;padding:0 9px}.site-header{height:72px}.header-inner{min-height:72px}.real-brand-logo{width:120px;max-height:42px}.hero-redesign{display:flex;flex-direction:column;min-height:auto;padding:55px 0 16px;align-items:stretch;gap:0}.hero-content{padding:0}.hero-kicker{font-size:8px;letter-spacing:.9px;gap:8px;white-space:normal}.hero-kicker-line{width:12px}.hero h1{font-size:clamp(56px,13vw,82px);letter-spacing:-5px;line-height:1.03;margin:27px 0 20px}.hero h1 em{letter-spacing:-3px}.hero-description{font-size:14px;line-height:1.7;max-width:530px}.hero-actions .btn{padding:15px 18px}.hero-trust{margin-top:28px;font-size:8px}.hero-trust span:last-child{display:none}.hero-showcase{height:450px;margin-top:18px}.showcase-window{height:355px;width:79%;transform:rotate(3deg)}.showcase-window:hover{transform:rotate(0)}.showcase-top{height:34px;font-size:7px}.showcase-inner{height:calc(100% - 34px)}.showcase-copy{left:24px;right:20px}.showcase-copy h2{font-size:42px;margin:12px 0 16px}.showcase-copy>span{font-size:8px}.hero-badge{height:76px;width:76px;right:0;top:35px}.showcase-controls{bottom:8px;left:45px;right:20px;font-size:7px}.o1{left:5%;width:90%}.o2{display:none}.hero-bottom-rule{width:calc(100% - 38px);font-size:8px}.hero-bottom-rule span:last-child{display:none}.intro{padding:84px 0}.intro-grid{gap:35px}.intro-copy p{font-size:17px}.section-title{letter-spacing:-3px}.value-rail{padding:30px 0}.value-rail-grid{grid-template-columns:1fr;gap:15px}.value-rail-grid>div{border-right:0;border-bottom:1px solid #111c203a;padding-bottom:15px}.value-rail-grid>div:last-child{border:0}.value-rail h3{font-size:29px;margin-top:8px}.idea-head{display:block}.idea-head p{margin-top:24px}.idea-module{display:flex;flex-direction:column}.idea-controls{padding:6px 12px;display:grid;grid-template-columns:repeat(3,1fr)}.idea-tab{display:block;text-align:center;font-size:12px;letter-spacing:-.25px;padding:15px 3px;border-right:1px solid #ffffff23;border-bottom:0}.idea-tab span{display:block;margin-bottom:8px}.idea-tab b{display:none}.idea-display{min-height:400px}.idea-overlay{left:22px;right:20px;bottom:30px}.idea-overlay h3{font-size:40px}.idea-lab{padding:75px 0}.concept-caption{text-align:left}.contact h2{font-size:58px}.footer .real-brand-logo{width:140px}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}