@font-face{font-family:Lufga;src:url('../fonts/Lufga-Regular.otf')}@font-face{font-family:Lufga;src:url('../fonts/Lufga-SemiBold.otf');font-weight:600}@font-face{font-family:Lufga;src:url('../fonts/Lufga-Bold.otf');font-weight:700}@font-face{font-family:BlackForest;src:url('../fonts/Black Forest Sans.otf')} 
:root{--blue:#374e9d;--yellow:#ffcc03;--ink:#10152b;--cream:#f5f3ef;--muted:#6e7180;--line:rgba(16,21,43,.16);--container:min(1240px,calc(100% - 80px));}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Lufga,Arial,sans-serif;font-size:16px;overflow-x:hidden}.skip-link{position:fixed;left:12px;top:-60px;z-index:99;background:#fff;color:var(--ink);padding:12px}.skip-link:focus{top:12px}.container{width:var(--container);margin:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.site-header{position:fixed;z-index:20;left:0;right:0;top:0;height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 max(40px,calc((100vw - 1240px)/2));transition:background .35s,height .35s}.site-header.is-scrolled{height:70px;background:rgba(245,243,239,.94);backdrop-filter:blur(16px)}.brand{display:block;width:200px;line-height:0}.brand img{width:100%;height:auto}.desktop-nav{display:flex;gap:30px}.desktop-nav a{color:var(--ink);font-size:13px;text-decoration:none;font-weight:600;transition:color .2s}.desktop-nav a:hover{color:var(--blue)}.menu-toggle,.mobile-menu{display:none}.hero{min-height:100svh;position:relative;overflow:hidden;background:var(--blue);color:#fff;display:grid;align-items:end}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px);background-size:clamp(48px,8vw,110px) clamp(48px,8vw,110px);mask-image:linear-gradient(90deg,#000,transparent 78%)}.hero-orbit{position:absolute;border:1px solid rgba(255,204,3,.8);border-radius:50%;pointer-events:none}.orbit-one{width:90vw;height:90vw;right:-35vw;top:-19vw;animation:orbit 18s linear infinite}.orbit-two{width:54vw;height:54vw;right:-11vw;top:-2vw;border-color:rgba(255,255,255,.42);animation:orbit 13s linear infinite reverse}@keyframes orbit{to{transform:rotate(360deg)}}.hero-content{position:relative;padding:175px 0 78px}.eyebrow,.section-index{font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.eyebrow{color:var(--yellow);display:flex;align-items:center;gap:11px}.eyebrow span{height:1px;width:56px;background:currentColor}.hero h1{font-size:clamp(58px,9.8vw,152px);line-height:.86;letter-spacing:-.075em;margin:50px 0 85px;font-weight:600;max-width:1000px}.hero h1 em,.section-heading em,.social em{font-family:BlackForest,Lufga,sans-serif;color:var(--yellow);font-weight:400;font-style:normal;letter-spacing:-.03em}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px}.hero-bottom>p{max-width:300px;margin:0;font-size:17px;line-height:1.4}.round-link{color:#fff;text-decoration:none;display:flex;align-items:center;gap:22px;font-size:13px;font-weight:600}.round-link i{width:48px;height:48px;border-radius:50%;background:var(--yellow);color:var(--ink);font-style:normal;display:grid;place-items:center;font-size:22px;transition:transform .25s}.round-link:hover i{transform:translateY(6px)}.hero-scroll{position:absolute;bottom:24px;right:40px;font-size:11px;display:flex;gap:10px;align-items:center;transform:rotate(90deg);transform-origin:right}.hero-scroll span{color:var(--yellow);font-size:17px}.section{padding:150px 0}.statement{background:var(--cream)}.statement-layout,.method-layout{display:grid;grid-template-columns:26% 1fr;gap:20px}.statement h2,.method h2,.section-heading h2,.social h2,.contact h2{font-size:clamp(42px,6.15vw,86px);line-height:.96;letter-spacing:-.065em;margin:0;font-weight:600}.statement mark,.method mark{background:transparent;color:var(--blue);font-family:BlackForest,Lufga,sans-serif;font-weight:400}.lead{font-size:clamp(19px,2.15vw,30px);line-height:1.25;max-width:760px;margin:58px 0 0;color:#33384d}.services{background:#fff}.section-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:85px}.section-heading h2{max-width:700px}.service-list{border-top:1px solid var(--line)}.service-item{display:grid;grid-template-columns:9% 1fr auto;gap:20px;border-bottom:1px solid var(--line);padding:34px 0;transition:padding .35s,color .35s}.service-item:hover{padding-left:18px;padding-right:18px;color:var(--blue)}.service-item>p{font-size:12px;margin:7px 0}.service-item h3{font-size:clamp(27px,3vw,43px);line-height:1;margin:0 0 13px;letter-spacing:-.05em}.service-item div p{max-width:530px;line-height:1.45;margin:0;color:var(--muted)}.service-icon{font-size:30px;color:var(--yellow);background:var(--blue);border-radius:50%;width:44px;height:44px;display:grid;place-items:center;transition:transform .3s}.service-item:hover .service-icon{transform:rotate(45deg)}.work{overflow:hidden;background:var(--ink);color:#fff;padding-bottom:72px}.work .section-index{color:var(--yellow)}.work-heading{margin-bottom:72px}.work-rail{display:flex;gap:26px;overflow-x:auto;padding:0 max(40px,calc((100vw - 1240px)/2)) 24px;scroll-snap-type:x mandatory;scrollbar-width:none}.work-rail::-webkit-scrollbar{display:none}.case{display:block;flex:0 0 min(560px,80vw);color:#fff;text-decoration:none;scroll-snap-align:start}.case-preview{height:360px;position:relative;overflow:hidden;padding:28px;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.case:hover .case-preview{transform:scale(.975)}.case-meta{display:flex;justify-content:space-between;align-items:center;padding:22px 2px}.case-meta h3{font-size:20px;letter-spacing:-.04em;margin:0 0 5px}.case-meta p{margin:0;color:#b7bbca;font-size:13px}.case-meta>span{background:var(--yellow);color:var(--ink);display:grid;place-items:center;width:35px;height:35px;border-radius:50%;font-size:20px}.preview-logo{font-weight:700;letter-spacing:-.06em;font-size:22px}.preview-copy{position:absolute;bottom:28px;left:28px;z-index:2;display:grid;gap:10px}.preview-copy b{font-size:34px;line-height:.92;letter-spacing:-.06em}.preview-copy span{font-size:11px;text-transform:uppercase;letter-spacing:.1em}.preview-unifecaf{background:#3953a4}.preview-unifecaf:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:var(--yellow);right:-120px;top:-160px}.preview-cards{position:absolute;right:27px;bottom:25px;display:flex;gap:8px;z-index:2}.preview-cards i{width:43px;height:66px;background:#fff;border-radius:4px}.preview-roberta{background:#d9d1c8;color:#2d332f}.preview-roberta .preview-logo{font-family:serif;font-size:38px}.roberta-house{position:absolute;right:0;top:0;height:100%;width:53%;background:#9da29a;display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:28px}.roberta-house i{background:#38413c;border:4px solid #c5c5b9}.preview-famper{background:#111;color:#fff}.famper-accent{position:absolute;width:220px;height:220px;border:34px solid #c42e27;border-radius:50%;right:40px;top:60px}.famper-blocks{position:absolute;right:0;bottom:0;display:flex;gap:7px}.famper-blocks i{height:100px;width:39px;background:#c42e27}.famper-blocks i:nth-child(2){background:#f5db35;height:145px}.preview-crm{background:#edf0f7;color:#15295c;padding:17px}.crm-top{height:39px;background:#fff;border-radius:4px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:11px}.crm-top span{background:#ffcc03;border-radius:10px;padding:4px 8px}.crm-body{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}.crm-body>div{background:#d9dfea;border-radius:3px;min-height:240px;padding:7px}.crm-body i{height:39px;background:#fff;display:block;border-radius:3px;margin-bottom:6px}.rail-hint{display:flex;align-items:center;gap:14px;justify-content:flex-end;color:#b7bbca;font-size:11px}.rail-hint div{width:80px;height:1px;background:#4d5262}.rail-hint i{height:5px;width:22px;background:var(--yellow);display:block}.method{background:var(--yellow)}.method h2{color:var(--ink)}.method h2 mark{color:var(--blue)}.method-points{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:80px;border-top:1px solid rgba(16,21,43,.2);padding-top:20px}.method-points p{font-size:14px;line-height:1.4;margin:0}.method-points b{display:block;font-size:17px;margin-bottom:10px}.social{background:#fff}.social-head{display:grid;grid-template-columns:26% 1fr 31%;gap:20px;align-items:end;margin-bottom:75px}.social-head>p:last-child{line-height:1.5;color:var(--muted);margin:0;max-width:320px}.content-ticker{background:var(--blue);color:var(--yellow);padding:16px 0;overflow:hidden;white-space:nowrap;font-weight:700;letter-spacing:-.035em;font-size:28px}.content-ticker span{display:inline-block;animation:ticker 24s linear infinite}@keyframes ticker{to{transform:translateX(-50%)}}.social-grid{display:grid;grid-template-columns:1.15fr .8fr 1fr;gap:18px;margin-top:18px}.social-card{min-height:370px;padding:22px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.social-card span{font-size:10px;font-weight:700;letter-spacing:.12em}.social-card p{font-size:clamp(25px,2.6vw,38px);letter-spacing:-.06em;line-height:.94;margin:0;position:relative;z-index:1}.card-one{background:var(--yellow);color:var(--blue)}.card-one:after{content:"";position:absolute;width:310px;height:310px;border:26px solid var(--blue);border-radius:50%;right:-70px;bottom:-100px}.card-two{background:var(--blue);color:#fff}.card-shape{position:absolute;width:210px;height:210px;background:var(--yellow);border-radius:46% 54% 71% 29% / 42% 35% 65% 58%;right:-26px;top:60px;animation:blob 9s ease-in-out infinite}@keyframes blob{50%{border-radius:30% 70% 32% 68% / 62% 45% 55% 38%;transform:rotate(32deg)}}.card-three{background:var(--ink);color:#fff}.card-three:after{content:"";width:170px;height:170px;border:1px solid var(--yellow);border-radius:50%;position:absolute;right:35px;top:56px}.card-three i{font-size:70px;font-style:normal;color:var(--yellow);position:relative;z-index:1}.contact{position:relative;overflow:hidden;background:var(--blue);color:#fff;padding:160px 0}.contact-content{position:relative;z-index:1}.contact .section-index{color:var(--yellow)}.contact h2{max-width:820px;margin:35px 0 44px}.contact-copy{max-width:420px;font-size:18px;line-height:1.45;color:#d8ddfa}.contact-cta{display:inline-flex;margin-top:40px;gap:40px;align-items:center;color:var(--ink);background:var(--yellow);text-decoration:none;padding:18px 18px 18px 24px;font-size:14px;font-weight:700}.contact-cta span{font-size:24px}.contact-note{font-size:11px;color:#bbc3ec;margin-top:13px}.contact-graphic span{position:absolute;border:1px solid rgba(255,255,255,.3);border-radius:50%}.contact-graphic span:nth-child(1){width:78vw;height:78vw;right:-33vw;top:-19vw}.contact-graphic span:nth-child(2){width:52vw;height:52vw;right:-20vw;top:-5vw}.contact-graphic span:nth-child(3){width:26vw;height:26vw;right:-5vw;top:13vw;border-color:var(--yellow)}.footer{background:var(--ink);color:#fff;padding:36px 0}.footer .container{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:20px}.footer img{width:155px;filter:brightness(0) invert(1)}.footer p,.footer span{margin:0;font-size:12px;color:#b7bbca}.reveal{opacity:0;transform:translateY(20px);animation:heroReveal .8s forwards}.delay-1{animation-delay:.15s}.delay-2{animation-delay:.3s}@keyframes heroReveal{to{opacity:1;transform:none}}.section,.service-item,.case{opacity:0;transform:translateY(25px);transition:opacity .75s ease,transform .75s ease}.section.in-view,.service-item.in-view,.case.in-view{opacity:1;transform:none}.service-item:nth-child(2){transition-delay:.08s}.service-item:nth-child(3){transition-delay:.16s}.case:nth-child(2){transition-delay:.08s}.case:nth-child(3){transition-delay:.16s}.case:nth-child(4){transition-delay:.24s}@media(max-width:760px){:root{--container:calc(100% - 40px)}.site-header{height:70px;padding:0 20px}.brand{width:145px}.desktop-nav{display:none}.menu-toggle{display:grid;gap:6px;width:42px;height:42px;border:0;background:transparent;padding:10px;cursor:pointer}.menu-toggle span:not(.sr-only){height:1px;background:var(--ink);display:block;transition:.25s}.menu-open{overflow:hidden}.mobile-menu{position:fixed;z-index:18;inset:70px 0 0;background:var(--yellow);padding:45px 20px;flex-direction:column;gap:15px;transform:translateX(100%);transition:transform .35s}.mobile-menu[aria-hidden="false"]{display:flex;transform:none}.mobile-menu a{font-size:42px;letter-spacing:-.06em;color:var(--ink);text-decoration:none}.hero-content{padding:148px 0 65px}.hero h1{font-size:clamp(56px,17vw,84px);margin:42px 0 62px}.hero-bottom{align-items:start;flex-direction:column}.hero-bottom>p{font-size:15px}.hero-scroll{display:none}.orbit-one{width:150vw;height:150vw;right:-80vw;top:-28vw}.orbit-two{width:105vw;height:105vw;right:-52vw;top:-5vw}.section{padding:85px 0}.statement-layout,.method-layout{grid-template-columns:1fr;gap:38px}.statement h2,.method h2,.section-heading h2,.social h2,.contact h2{font-size:clamp(42px,12vw,62px)}.lead{margin-top:38px;font-size:20px}.section-heading{display:grid;gap:38px;margin-bottom:50px}.service-item{grid-template-columns:30px 1fr;gap:12px;padding:25px 0}.service-icon{display:none}.service-item h3{font-size:28px}.service-item div p{font-size:14px}.work{padding-bottom:46px}.work-rail{padding-left:20px;padding-right:20px;gap:15px}.case{flex-basis:82vw}.case-preview{height:300px;padding:20px}.preview-copy{bottom:20px;left:20px}.preview-copy b{font-size:28px}.method-points{grid-template-columns:1fr;gap:20px;margin-top:50px}.method-points p{display:grid;grid-template-columns:100px 1fr;gap:10px}.method-points b{font-size:15px}.social-head{grid-template-columns:1fr;gap:28px;margin-bottom:45px}.social-grid{grid-template-columns:1fr;gap:12px}.social-card{min-height:280px}.contact{padding:100px 0}.contact h2{margin:28px 0 32px}.contact-graphic span:nth-child(1){width:145vw;height:145vw;right:-85vw;top:-28vw}.contact-graphic span:nth-child(2){width:100vw;height:100vw;right:-45vw;top:3vw}.contact-graphic span:nth-child(3){width:55vw;height:55vw;right:-4vw;top:30vw}.footer .container{grid-template-columns:1fr;gap:14px}.footer img{width:145px}}
