.portfolio-page{background:#080A10;overflow:clip}.portfolio-page .eyebrow{color:#A8BDE0}.pf-hero{min-height:620px;padding:92px 0 75px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 67% 33%,#112E6E35,transparent 48%),radial-gradient(ellipse at 0 85%,#2F1B9933,transparent 53%),#070910}.pf-hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#879FFF08 1px,transparent 1px),linear-gradient(90deg,#879FFF08 1px,transparent 1px);background-size:74px 74px;mask-image:linear-gradient(90deg,transparent,#0009 35%,transparent)}.pf-hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:center;gap:34px;position:relative;z-index:1}.pf-hero-copy{position:relative;z-index:3;max-width:690px}.pf-hero .hero-kicker{margin-bottom:21px}.pf-crumbs{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:11px;color:#8897B3;margin-bottom:26px}.pf-crumbs a{color:#B0C3E2}.pf-crumbs a:hover{color:var(--cyan)}.pf-crumbs .crumb-arrow{color:#386DFF}.pf-headline{font-size:clamp(44px,4.5vw,65px)!important;letter-spacing:-.065em;line-height:1.075!important;margin:0 0 26px!important;font-weight:850}.pf-hero-desc{font-size:15px;line-height:1.75;color:#B7C4D8;max-width:550px;margin:0 0 30px}.pf-kicker{display:inline-flex;align-items:center;gap:12px;text-transform:uppercase;font-size:10px;color:#93B6FF;letter-spacing:.2em;font-weight:800}.pf-kicker:before{content:'';height:6px;width:6px;border-radius:100%;background:var(--cyan);box-shadow:0 0 0 5px #00E5F20C,0 0 15px #00E5F2}.pf-hero .hero-visual{aspect-ratio:1/1;max-width:480px;width:100%;margin:auto;transform:translateZ(0)}.pf-hero .hero-visual .core-letter{font-size:clamp(146px,17vw,215px)}.pf-hero .hero-visual .orbit,.pf-hero .hero-visual .orbit2{z-index:1}.pf-hero .core-shell{z-index:2}.pf-badge-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:31px}.pf-badge-grid span{border:1px solid #293752;border-radius:100px;padding:7px 12px;font-size:10px;font-weight:750;letter-spacing:.035em;color:#AFC1E2;background:#0A1020AA}.pf-techstrip{border-top:1px solid #1C2740;border-bottom:1px solid #1C2740;background:#0D1321;overflow:hidden}.pf-techstrip .layout{min-height:82px;display:flex;align-items:center;gap:25px;justify-content:space-between}.pf-techstrip span{font-size:11px;font-weight:800;letter-spacing:.14em;color:#A2B2D0;white-space:nowrap}.pf-techstrip .bead-rail{flex:1;min-width:30px;height:1px;background:linear-gradient(90deg,#375BFF10,#3280FF9A,#00E5F28A,#375BFF10);position:relative}.pf-techstrip .bead-rail i{display:block;position:absolute;top:-3px;left:0;width:7px;height:7px;border-radius:50%;background:#00E5F2;box-shadow:0 0 16px #00E5F2;animation:pf-rail-move 9s linear infinite alternate}@keyframes pf-rail-move{to{left:calc(100% - 7px)}}.pf-section{padding:114px 0;position:relative}.pf-section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:38px}.pf-section-head h2{font-size:clamp(34px,3.75vw,54px);font-weight:850;line-height:1.06;margin:12px 0 9px;letter-spacing:-.052em}.pf-section-head p{color:#A4B2C8;font-size:13px;max-width:365px;line-height:1.75;margin-bottom:8px}.pf-shortline{height:2px;width:52px;background:linear-gradient(90deg,var(--electric),var(--cyan));margin-top:20px;position:relative}.pf-shortline:after{content:'';height:7px;width:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 15px #00E5F2;position:absolute;top:-2px;right:0;animation:pf-beat 2.7s ease-in-out infinite}@keyframes pf-beat{50%{opacity:.4;transform:scale(1.7)}}.pf-filters{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-bottom:25px}.pf-filter{border:1px solid #34405A;background:#0D1321;padding:13px 17px;color:#C4D0E4;border-radius:9px;font-size:11px;font-weight:800;transition:.25s;letter-spacing:.015em}.pf-filter:hover{border-color:#4886FF;background:#14213A;color:#fff;transform:translateY(-2px)}.pf-filter.active,.pf-filter[aria-pressed="true"]{border-color:#277DFF;color:#fff;background:linear-gradient(110deg,#341FFA,#116DC0 80%,#055E75);box-shadow:0 12px 34px #155EFF2C}.pf-filter-count{margin-left:auto;color:#7E94B6;font-size:11px;font-weight:800;white-space:nowrap}.pf-filter-count strong{color:var(--cyan)}.pf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.pf-project{position:relative;display:block;min-width:0;border:1px solid #263149;border-radius:18px;overflow:hidden;background:#0E1320;isolation:isolate;transition:transform .32s var(--ease),border-color .32s,box-shadow .32s}.pf-project:hover{transform:translateY(-7px);border-color:#476DAA;box-shadow:0 26px 66px #0009,0 0 32px #215DFF15}.pf-project:focus-visible{outline-color:var(--cyan)!important}.pf-project .pf-project-cover{aspect-ratio:1.48;overflow:hidden;position:relative;border-bottom:1px solid #253047;isolation:isolate}.pf-project:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(340px circle at var(--spot-x,50%) var(--spot-y,40%),#4B99FF18,transparent 70%);opacity:0;transition:opacity .3s}.pf-project:hover:after{opacity:1}.pf-project.large{grid-column:span 2;display:grid;grid-template-columns:1.36fr .8fr}.pf-project.large .pf-project-cover{aspect-ratio:auto;min-height:390px;border-bottom:0;border-right:1px solid #253047}.pf-project.large .pf-project-content{display:flex;flex-direction:column;justify-content:center;padding:42px}.pf-project-content{padding:27px 29px 29px}.pf-project-index{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;font-weight:850;letter-spacing:.12em;color:#7B9BCA;margin-bottom:18px}.pf-project-index .index-node{height:7px;width:7px;border:1px solid var(--cyan);background:#123D57;border-radius:50%;box-shadow:0 0 17px #00E5F266;display:inline-block}.pf-project h3{font-size:clamp(23px,2.25vw,34px);letter-spacing:-.048em;line-height:1.19;margin-bottom:13px}.pf-project p{font-size:12px;line-height:1.7;color:#A7B6CE;margin-bottom:18px;max-width:430px}.pf-tags{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 23px}.pf-tags span{display:inline-block;border:1px solid #2E3D56;color:#9AADD0;border-radius:100px;padding:6px 10px;font-size:9px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.pf-project-link{display:inline-flex;gap:10px;align-items:center;font-size:11px;letter-spacing:.02em;font-weight:850;color:#8EDFFB}.pf-project-link .arrow-icon{width:17px;height:17px;transition:transform .25s}.pf-project:hover .pf-project-link .arrow-icon{transform:translate(3px,-3px)}.pf-cover{position:relative;width:100%;height:100%;overflow:hidden;display:grid;place-items:center;padding:36px;background:radial-gradient(ellipse at 70% 0%,#235ACC55,transparent 70%),linear-gradient(140deg,#0A1640,#101527)}.pf-cover.c2{background:radial-gradient(ellipse at 80% 20%,#088FA944,transparent 60%),linear-gradient(140deg,#10142A,#041F2C)}.pf-cover.c3{background:radial-gradient(ellipse at 25% 24%,#562EFF55,transparent 58%),linear-gradient(135deg,#190F34,#080F26)}.pf-cover.c4{background:radial-gradient(ellipse at 65% 25%,#3B60FF44,transparent 66%),linear-gradient(135deg,#10142E,#08202F)}.pf-cover.c5{background:radial-gradient(ellipse at 15% 80%,#157BEA5B,transparent 55%),linear-gradient(140deg,#071B24,#12152E)}.pf-cover.c7{background:radial-gradient(ellipse at 55% 12%,#148CFF4F,transparent 60%),linear-gradient(135deg,#0D1934,#112636)}.pf-cover.c6{background:radial-gradient(ellipse at 63% 16%,#127CA944,transparent 55%),linear-gradient(140deg,#101026,#1A102E)}.pf-cover:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#95B5FF0A 1px,transparent 1px),linear-gradient(90deg,#95B5FF0A 1px,transparent 1px);background-size:32px 32px;pointer-events:none}.pf-cover:after{content:'';position:absolute;width:65%;aspect-ratio:1;border:1px solid #478BFF35;border-radius:50%;right:-15%;top:-32%;box-shadow:0 0 0 66px #2964FF0D,0 0 0 125px #2964FF05;animation:pf-cover-orbit 24s linear infinite;pointer-events:none}@keyframes pf-cover-orbit{to{transform:rotate(360deg)}}.pf-wire{position:absolute;bottom:14%;right:5%;width:48%;height:1px;background:linear-gradient(90deg,transparent,#3A80FF,#00E5F2,transparent);transform:rotate(-24deg);opacity:.75}.pf-wire i{position:absolute;left:0;top:-3px;background:#00E5F2;border-radius:50%;box-shadow:0 0 18px #00E5F2;width:7px;height:7px;animation:pf-rail-move 7s linear infinite alternate}.pf-browser{width:min(95%,535px);aspect-ratio:1.54;position:relative;z-index:2;border-radius:13px;background:#101726;box-shadow:0 28px 65px #000A,0 0 0 1px #5375B044;overflow:hidden;transform:rotate(-5deg);transition:transform .5s var(--ease)}.pf-project:hover .pf-browser{transform:rotate(-2deg) translateY(-6px)}.pf-project.large .pf-browser{width:min(94%,635px)}.pf-browser .window-bar{height:22px;background:#111E34;border-bottom:1px solid #335074;display:flex;gap:5px;align-items:center;padding:0 12px}.pf-browser .window-bar i{height:5px;width:5px;border-radius:100%;background:#3A8EED}.pf-browser .window-bar i:first-child{background:#00E5F2}.pf-motion-divider{height:1px;background:linear-gradient(90deg,transparent,#2257AA,#16CCE9,#2243A9,transparent);width:100%;position:relative;margin:0 auto;opacity:.65}.pf-motion-divider:after{content:'';position:absolute;top:-4px;left:0;width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px #00E5F2;animation:pf-rail-move 10s linear infinite alternate}.pf-approach{background:#090E18}.pf-method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:44px}.pf-method{position:relative;border:1px solid #2C3954;background:#101625;border-radius:16px;padding:30px;min-height:240px;overflow:hidden}.pf-method:before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#3795FF,transparent)}.pf-method .method-no{font-size:11px;color:#65BFEF;font-weight:850;letter-spacing:.13em}.pf-method h3{font-size:23px;margin:42px 0 11px;letter-spacing:-.04em}.pf-method p{font-size:12px;color:#9AABC4;line-height:1.75}.pf-method .method-trail{position:absolute;top:21px;right:24px;width:48px;height:48px;border:1px solid #3B66A4;border-radius:50%;box-shadow:0 0 0 12px #2359B30C}.pf-method .method-trail:after{content:'';position:absolute;height:7px;width:7px;border-radius:50%;background:var(--cyan);right:2px;top:4px;box-shadow:0 0 14px #00E5F2;animation:pf-beat 3s infinite}.pf-cta{padding:93px 0;position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 55%,#1735B549,transparent 42%),linear-gradient(130deg,#0B1430,#0C1020 52%,#090F21)}.pf-cta:before,.pf-cta:after{content:'';position:absolute;border:1px solid #3896FF44;width:340px;height:340px;border-radius:50%;top:-135px;right:-80px;transform:rotate(32deg) scaleY(.5);animation:pf-cta-spin 18s linear infinite}.pf-cta:after{width:500px;height:500px;right:-150px;top:-220px;animation-duration:28s}@keyframes pf-cta-spin{to{transform:rotate(392deg) scaleY(.5)}}.pf-cta .layout{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:30px}.pf-cta h2{font-size:clamp(32px,3.3vw,48px);max-width:750px;letter-spacing:-.055em;line-height:1.12;margin:18px 0}.pf-cta p{font-size:12px;color:#B0C2DD;max-width:630px;margin:0}.pf-cta .btn{flex-shrink:0}.pf-singlehero{min-height:500px;padding:74px 0 86px}.pf-singlehero .pf-hero-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}.pf-singlehero .hero-visual{max-width:390px}.pf-singlehero .pf-headline{font-size:clamp(39px,4vw,59px)!important}.pf-singlehero .pf-hero-desc{max-width:650px}.pf-overview{padding:85px 0;background:#0C111C;border-bottom:1px solid #1D2840}.pf-overview .layout{display:grid;grid-template-columns:1.25fr .75fr;gap:70px}.pf-overview h2{font-size:clamp(33px,3.4vw,47px);letter-spacing:-.05em;line-height:1.15;margin:20px 0 23px}.pf-overview p{font-size:14px;line-height:1.8;color:#AFC1D9}.pf-details{border-left:1px solid #2E3F5C;padding-left:30px;display:grid;align-content:center}.pf-detail{padding:17px 0;border-bottom:1px solid #2D3B53;display:flex;flex-direction:column;gap:4px}.pf-detail small{font-size:9px;letter-spacing:.15em;color:#798BA7;font-weight:850}.pf-detail strong{font-size:13px;font-weight:750;color:#E2EFFF}.pf-screen-section{padding:80px 0 110px;background:radial-gradient(ellipse at 50% 55%,#183A8C22,transparent 55%),#080B13}.pf-screen-header{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:33px}.pf-screen-header h2{font-size:clamp(32px,3.7vw,52px);margin:13px 0 0;letter-spacing:-.05em}.pf-device-group{display:flex;border-radius:11px;padding:5px;background:#111A2A;border:1px solid #34415D;gap:4px}.pf-device-group button{font-size:11px;font-weight:800;background:#fff0;color:#9CABC3;border:0;padding:11px 17px;border-radius:7px}.pf-device-group button[aria-pressed=true]{color:#fff;background:linear-gradient(120deg,#371AF4,#0979D0)}.pf-casestage{position:relative;min-height:540px;background:radial-gradient(ellipse at 50% 90%,#205BD33A,transparent 48%),linear-gradient(160deg,#121A2C,#071322);border:1px solid #314467;border-radius:24px;padding:60px 45px;display:grid;place-items:center;overflow:hidden}.pf-casestage:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#B9D0FF09 1px,transparent 1px),linear-gradient(90deg,#B9D0FF09 1px,transparent 1px);background-size:39px 39px;pointer-events:none}.pf-casestage .case-orbit{position:absolute;width:560px;height:330px;border:1px solid #258AFF3A;border-radius:50%;top:20%;left:calc(50% - 280px);transform:rotate(-26deg);animation:pf-cta-spin 20s linear infinite;pointer-events:none}.pf-casestage .case-orbit:before{content:'';position:absolute;width:8px;height:8px;left:12%;top:9%;background:#00E5F2;box-shadow:0 0 22px #00E5F2;border-radius:50%}.pf-casestage .pf-browser{width:min(100%,820px);aspect-ratio:1.55;transform:rotate(-3deg);transition:width .35s var(--ease),aspect-ratio .35s var(--ease),transform .35s var(--ease);box-shadow:0 45px 100px #000C}.pf-casestage .pf-browser .window-bar{height:27px}.pf-casestage[data-device=mobile] .pf-browser{width:230px;max-width:100%;aspect-ratio:.51;border-radius:24px;border:5px solid #1C3050;transform:rotate(-3deg)}.pf-casestage[data-device=mobile] .window-bar{height:30px;justify-content:center}.pf-case-steps{background:#0C101B;padding:105px 0}.pf-case-steps .pf-method h3{font-size:22px}.pf-outcome{padding:92px 0;background:#080B13}.pf-outcome-inner{border:1px solid #314261;border-radius:20px;display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:45px 50px;background:radial-gradient(ellipse at 80% 70%,#1949A824,transparent 59%),#101827}.pf-outcome-inner h2{font-size:36px;letter-spacing:-.05em;margin:16px 0 15px}.pf-outcome-inner p,.pf-outcome-inner li{font-size:12px;color:#A7B8D2;line-height:1.75}.pf-outcome-inner ul{list-style:none;padding:0;margin:10px 0}.pf-outcome-inner li{padding:10px 0 10px 20px;border-bottom:1px solid #293951;position:relative}.pf-outcome-inner li:before{content:'•';position:absolute;left:2px;color:#00DCEA}.pf-back{display:inline-flex;align-items:center;gap:8px;color:#81DFF9;font-weight:800;font-size:12px;margin-top:30px}.pf-back:hover{color:#fff}.pf-project:focus-visible,.pf-filter:focus-visible,.pf-device-group button:focus-visible{outline:3px solid #00E5F2!important;outline-offset:3px}@media (max-width:1050px){.pf-project.large{grid-template-columns:1.1fr .9fr}.pf-project.large .pf-project-content{padding:24px}.pf-method-grid{gap:12px}.pf-method{padding:21px}.pf-cta .layout{align-items:start;flex-direction:column}}@media (max-width:730px){.pf-hero{min-height:auto;padding:46px 0 46px}.pf-hero-grid,.pf-singlehero .pf-hero-grid{grid-template-columns:1fr;gap:10px}.pf-headline,.pf-singlehero .pf-headline{font-size:clamp(33px,8.9vw,43px)!important;line-height:1.09!important;margin-bottom:17px!important}.pf-hero-desc{font-size:12px;line-height:1.7;margin-bottom:17px}.pf-hero .hero-kicker{margin-bottom:16px;font-size:9px}.pf-crumbs{font-size:10px;margin-bottom:16px}.pf-hero .hero-visual{max-width:310px;aspect-ratio:1.1;min-height:240px}.pf-hero .hero-visual .core-letter{font-size:120px}.pf-badge-grid{gap:5px;margin-top:17px}.pf-badge-grid span{font-size:9px;padding:6px 8px}.pf-techstrip .layout{min-height:60px;justify-content:center;flex-wrap:wrap;gap:7px 11px;padding-block:14px}.pf-techstrip span{font-size:8px}.pf-techstrip .bead-rail{min-width:12px}.pf-section{padding:68px 0}.pf-section-head{display:block;margin-bottom:22px}.pf-section-head h2,.pf-screen-header h2{font-size:32px}.pf-section-head p{font-size:12px}.pf-filters{gap:7px}.pf-filter{font-size:10px;padding:10px 11px}.pf-filter-count{width:100%;text-align:right;margin:0;padding:5px 0}.pf-grid{grid-template-columns:1fr;gap:17px}.pf-project.large{grid-column:auto;display:block}.pf-project.large .pf-project-cover{aspect-ratio:1.33;min-height:0;border-right:0;border-bottom:1px solid #253047}.pf-project .pf-project-cover{aspect-ratio:1.39}.pf-project-content,.pf-project.large .pf-project-content{padding:19px 19px 22px}.pf-project h3{font-size:24px}.pf-project p{font-size:12px}.pf-cover{padding:28px}.pf-method-grid{grid-template-columns:1fr;gap:12px;margin-top:24px}.pf-method{min-height:175px;padding:22px}.pf-method h3{margin:24px 0 9px}.pf-cta{padding:66px 0}.pf-cta h2{font-size:32px}.pf-cta p{font-size:12px}.pf-overview{padding:66px 0}.pf-overview .layout{grid-template-columns:1fr;gap:25px}.pf-overview h2{font-size:32px}.pf-overview p{font-size:12px}.pf-details{border-left:0;border-top:1px solid #314261;padding-left:0;padding-top:18px}.pf-screen-section{padding:63px 0}.pf-screen-header{align-items:start;flex-direction:column;gap:20px}.pf-casestage{border-radius:14px;min-height:310px;padding:24px 14px}.pf-casestage .pf-browser{transform:rotate(-2deg)}.pf-casestage[data-device=mobile] .pf-browser{width:170px;aspect-ratio:.51}.pf-case-steps{padding:66px 0}.pf-outcome{padding:65px 0}.pf-outcome-inner{grid-template-columns:1fr;gap:15px;padding:22px}.pf-outcome-inner h2{font-size:30px}.pf-device-group{width:100%}.pf-device-group button{flex:1}}@media(prefers-reduced-motion:reduce){.pf-techstrip .bead-rail i,.pf-wire i,.pf-cover:after,.pf-shortline:after,.pf-method .method-trail:after,.pf-motion-divider:after,.pf-cta:before,.pf-cta:after,.pf-casestage .case-orbit{animation:none!important}}.pf-browser-shot{display:block;width:100%;height:calc(100% - 22px);object-fit:cover;object-position:top center;background:#fff}.pf-casestage .pf-browser-shot{height:calc(100% - 27px)}.pf-casestage[data-device=mobile] .pf-browser-shot{height:calc(100% - 30px)}.pf-casestage .pf-shot-mobile,.pf-casestage[data-device=mobile] .pf-shot-desktop{display:none}.pf-casestage[data-device=mobile] .pf-shot-mobile{display:block}.pf-project .pf-cover{padding:30px}.pf-empty{border:1px dashed #34405A;border-radius:18px;padding:40px;text-align:center;color:#A4B2C8;font-size:14px}.pf-details a{color:#8EDFFB;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.pf-overview-body p{margin:0 0 1em}.pf-method p:last-child{margin-bottom:0}.pf-cta h2 .gradient-text{display:inline}html:not(.js) .pf-filters{display:none}@media (max-width:730px){.pf-project .pf-cover{padding:22px}}