/* NW Visuals: restrained portfolio layout; original screenshots stay uncropped. */
:root{--portfolio-line:#33404e;--portfolio-muted:#a6b3c1;--portfolio-panel:#101720}
html{scroll-padding-top:105px}.hero{padding-top:145px;padding-bottom:85px;gap:58px;align-items:center}.hero h1{font-size:clamp(54px,6vw,82px);letter-spacing:-.065em;line-height:1.02}.hero .lead{max-width:530px;font-size:18px;line-height:1.8}.hero-signature{display:flex;align-items:center;gap:13px;margin-top:36px}.hero-signature>span{width:40px;height:40px;display:grid;place-items:center;border:1px solid #43515f;border-radius:50%;font-size:12px;color:#d4dce4}.hero-signature strong,.hero-signature small{display:block}.hero-signature strong{font-size:13px;font-weight:550}.hero-signature small{font-size:11px;color:#8d9aa7;margin-top:4px}
.hero-originals{position:relative;min-width:0;height:490px;background:radial-gradient(ellipse at 55% 55%,#27415445,transparent 69%)}.preview-heading{display:flex;gap:15px;justify-content:space-between;align-items:center;font-size:10px;color:#8997a5;letter-spacing:.1em;text-transform:uppercase;position:absolute;left:0;right:0;top:8px}.preview-heading b{font-weight:450;letter-spacing:0;color:#acb9c7;border:1px solid #3c4956;border-radius:20px;padding:7px 10px;text-transform:none}.hero-originals>a{display:block;border:1px solid #4d5a67;border-radius:20px;overflow:hidden;background:#0d131a;box-shadow:0 20px 50px #0006}.hero-originals img{display:block;width:100%;height:auto}.hero-originals>a>span{display:block;padding:14px 16px;color:#e2e9ef;font-size:13px;font-weight:600}.hero-originals small{display:block;color:#91a2b4;font-size:10px;font-weight:400;margin-top:4px}.hero-wide{position:absolute;left:0;top:94px;width:88%;transform:rotate(-2deg)}.hero-phone{position:absolute;right:0;top:56px;width:28%;transform:rotate(4deg)}.hero-phone>span{padding:10px!important;font-size:11px!important}.hero-label{position:absolute;bottom:7px;left:5px;color:#8292a3;font-size:11px}.principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;border-block:1px solid var(--line);padding:35px 0}.principles b{font-size:11px;color:#738598;font-weight:400}.principles h3{font-size:21px;letter-spacing:-.025em;margin:12px 0}.principles p{font-size:13px;color:var(--portfolio-muted);line-height:1.8;margin:0;max-width:310px}#services{padding-top:35px;padding-bottom:65px}
.portfolio-heading{margin-bottom:32px;max-width:830px}.portfolio-heading h2{font-size:clamp(35px,4vw,56px);letter-spacing:-.045em;line-height:1.1;margin:15px 0 22px}.portfolio-heading h2 em{font-style:normal;color:#929fab}.portfolio-heading>p:last-child{font-size:16px;color:var(--portfolio-muted);max-width:650px;line-height:1.8}.project-index{padding-block:15px 26px;border-bottom:1px solid #283543;margin-bottom:30px}.portfolio-card{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);padding:42px!important;gap:45px;align-items:center;overflow:hidden}.portfolio-card+.portfolio-card{margin-top:26px}.portfolio-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:25px;color:#8e9dac;font-size:10px;letter-spacing:.06em}.portfolio-meta small{border:1px solid #384b4b;border-radius:20px;padding:6px 9px;letter-spacing:0;color:#b0cbc1;background:#17262166}.portfolio-card .app-brand{margin:0 0 22px;gap:14px}.portfolio-card .app-brand strong{font-size:20px;letter-spacing:-.03em}.portfolio-card .app-brand img{width:48px;height:48px;border-radius:12px}.portfolio-card h2{font-size:clamp(30px,3.2vw,46px)!important;letter-spacing:-.045em;line-height:1.13;margin-bottom:22px}.portfolio-card .product-copy>p:not(.project-note){font-size:15px;line-height:1.85;max-width:490px}.portfolio-card .pills{margin:22px 0 18px;gap:7px}.portfolio-card .pills span{font-size:10px;padding:8px 11px}.portfolio-platform{font-size:12px;color:#b2c1cf;margin:17px 0 25px}.portfolio-card .actions{margin-top:0}.portfolio-card .product-links{gap:16px;align-items:center;margin-top:22px}.portfolio-card .product-links a{font-size:11px}.portfolio-card .product-links>span{font-size:10px;color:#718396}.portfolio-card .project-note{font-size:11px!important;max-width:440px}.portfolio-stage{min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:28px 18px;border:1px solid #33414c;border-radius:26px;background:linear-gradient(155deg,#ffffff04,#050b1040);width:100%;min-height:390px}.portfolio-stage .screen-frame{width:100%}.portfolio-stage .phone{max-width:260px}.portfolio-stage .phone img{max-height:390px}.portfolio-stage .studio-illustration{width:100%;min-height:300px}.screen-disclaimer{font-size:10px;color:#8b9aab;line-height:1.6;margin:18px 0 0;text-align:center}
.screen-frame{min-width:0;border:1px solid #3c4b5b;background:#080e15;border-radius:18px;overflow:hidden;margin:0;box-shadow:0 12px 32px #0003}.screen-frame>a{display:block;background:#070b10}.screen-frame img{display:block;width:100%;height:auto;object-fit:contain}.screen-frame.phone{max-width:310px;margin-inline:auto}.screen-frame.phone img{max-height:510px;width:auto;max-width:100%;margin-inline:auto}.screen-frame figcaption{position:relative;padding:15px 35px 15px 17px;border-top:1px solid #2c3947;line-height:1.6}.screen-frame figcaption strong,.screen-frame figcaption span{display:block}.screen-frame figcaption strong{font-size:12px;font-weight:550;color:#d8e1eb}.screen-frame figcaption span{font-size:10px;color:#8395a8;margin-top:4px}.screen-frame figcaption b{position:absolute;right:15px;top:16px;font-size:14px;color:#9dafc0;font-weight:400}.screen-frame a:hover img{filter:brightness(1.06)}.screen-frame a:focus-visible{outline:3px solid #a0d6ff;outline-offset:-4px}.screen-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:28px;margin-top:30px}.screen-gallery-serp{grid-template-columns:repeat(2,minmax(0,1fr))}.screen-gallery-serp>.screen-frame:first-child{grid-column:1/-1;max-width:930px;justify-self:center}.screen-gallery .phone{width:100%;max-width:310px}.screen-gallery>.screen-frame:not(.phone){width:100%}.gallery-intro{line-height:1.8}.gallery-link-head{display:grid;grid-template-columns:1fr .65fr;gap:50px;align-items:end}.gallery-link-head>p{font-size:14px;line-height:1.8;color:#8f9eae;margin:0 0 14px}.gallery-link-head .gallery-heading{font-size:clamp(29px,3vw,42px)}.project-galleries{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:25px}.project-galleries>a{display:block;position:relative;padding:22px 18px;border:1px solid #354353;background:#101720;border-radius:16px;transition:border-color .2s}.project-galleries>a:hover{border-color:#8dabbf}.project-galleries span{font-size:10px;color:#6e8498}.project-galleries strong{display:block;font-size:15px;margin:15px 0 8px;font-weight:550}.project-galleries small{display:block;color:#8298aa;font-size:10px;line-height:1.7}.project-galleries b{position:absolute;right:18px;top:18px;color:#9eb6c9;font-size:14px;font-weight:400}#app-einblicke{padding-top:50px;padding-bottom:70px}
.ats-showcase{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.ats-showcase>article{display:flex;flex-direction:column;height:100%;padding:29px}.ats-copy{margin-bottom:27px}.ats-copy h3{font-size:27px;letter-spacing:-.035em;line-height:1.2}.ats-copy p{font-size:14px;line-height:1.8}.ats-showcase .screen-frame{margin-top:auto;width:100%;max-width:100%}.ats-showcase .screen-frame>a{height:310px;display:flex;align-items:center;justify-content:center;background:#080e14}.ats-showcase .screen-frame img{max-height:310px;max-width:100%;height:auto;width:auto}.ats-showcase .phone{max-width:100%!important}.ats-showcase .phone img{height:310px;max-width:100%;width:auto}.ats-detail-card{margin-bottom:35px}.ats-detail-card .phone{max-width:330px}.legal-main .policy-toc{border:1px solid #394857;border-radius:15px;padding:17px 20px;background:#111923;margin-bottom:26px}.policy-toc summary{font-size:14px;color:#d5e1eb;cursor:pointer;line-height:1.6}.policy-toc nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:20px}.policy-toc nav a{font-size:12px;line-height:1.65;color:#a6bdd0}.legal-main article section{scroll-margin-top:100px}.privacy-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-bottom:35px}.privacy-index>a{display:block;position:relative;padding:24px;border:1px solid #3b4b5c;border-radius:18px;background:#101924;text-decoration:none!important}.privacy-index strong,.privacy-index span,.privacy-index small{display:block}.privacy-index strong{font-size:20px;color:#e2eaf2}.privacy-index span{font-size:13px;color:#aab9c8;line-height:1.7;margin:12px 0}.privacy-index small{font-size:11px;color:#7892a9}.privacy-index b{position:absolute;top:25px;right:23px;font-size:17px;color:#95b2cb}.legal-main article section>p{overflow-wrap:anywhere}
@media(max-width:1100px){.hero{gap:30px}.hero-originals{height:450px}.portfolio-card{padding:30px!important;gap:28px}.portfolio-stage{min-height:350px;padding:20px 14px}.project-galleries{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1000px){.hero{grid-template-columns:minmax(0,1fr);padding-top:120px}.hero-originals{height:470px;max-width:670px;width:100%;margin:15px auto 0}.hero-wide{width:82%;top:80px}.hero-phone{width:27%;top:42px}.portfolio-card{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-card h2{font-size:33px!important}.ats-showcase{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){html{scroll-padding-top:85px}.hero{padding-top:115px;padding-bottom:35px;gap:10px}.hero h1{font-size:clamp(43px,12vw,64px);line-height:1.04}.hero .lead{font-size:16px;line-height:1.8}.hero-originals{height:335px;margin-top:30px}.preview-heading{font-size:8px;letter-spacing:.06em}.preview-heading b{padding:5px 8px;font-size:9px}.hero-wide{top:75px;width:86%;border-radius:14px!important}.hero-phone{width:28%;top:45px;border-radius:13px!important}.hero-originals>a>span{padding:9px 11px;font-size:11px}.hero-originals small{font-size:9px}.hero-phone>span{font-size:9px!important;padding:7px!important}.hero-phone small{display:none}.hero-label{font-size:10px;bottom:10px}.hero-signature{margin-top:27px}.principles{grid-template-columns:minmax(0,1fr);gap:20px;padding:24px 0}.principles>div{display:grid;grid-template-columns:27px 1fr;column-gap:12px}.principles h3{font-size:18px;margin:0 0 6px}.principles p{grid-column:2;max-width:none;font-size:12px}.principles b{padding-top:3px}#services{padding-top:0;padding-bottom:40px}.portfolio-heading h2{font-size:34px}.portfolio-heading>p:last-child{font-size:14px}.project-index{gap:7px;padding-bottom:22px}.project-index a{font-size:10px;padding:9px 11px}.portfolio-card{grid-template-columns:minmax(0,1fr);padding:24px!important;gap:28px}.portfolio-card h2{font-size:33px!important}.portfolio-card .product-copy>p:not(.project-note){font-size:14px;line-height:1.85}.portfolio-meta{margin-bottom:20px;font-size:9px;gap:9px}.portfolio-card .app-brand strong{font-size:19px}.portfolio-stage{padding:19px 13px;min-height:0;border-radius:20px}.portfolio-stage .phone{max-width:245px}.portfolio-stage .phone img{max-height:370px}.screen-frame{border-radius:14px}.screen-frame figcaption{padding:12px 28px 12px 13px}.screen-frame figcaption strong{font-size:11px}.screen-frame figcaption span{font-size:9px}.screen-gallery{grid-template-columns:minmax(0,1fr);gap:25px}.screen-gallery-serp>.screen-frame:first-child{grid-column:auto}.screen-gallery .phone{max-width:280px}.screen-frame.phone img{max-height:460px}.gallery-link-head{display:block}.gallery-link-head>p{font-size:13px}.project-galleries{gap:10px}.project-galleries>a{padding:17px 13px}.project-galleries strong{font-size:13px;line-height:1.4}.project-galleries small{font-size:9px}.project-galleries b{right:12px;top:14px}.ats-showcase{grid-template-columns:minmax(0,1fr);gap:22px}.ats-showcase>article{padding:22px}.ats-showcase .screen-frame>a{height:280px}.ats-showcase .screen-frame img{max-height:280px}.ats-showcase .phone img{height:280px}.privacy-index{grid-template-columns:minmax(0,1fr)}.policy-toc nav{grid-template-columns:minmax(0,1fr)}.privacy-index>a{padding:22px}.gallery-section{padding-bottom:55px}.portfolio-stage .studio-illustration{min-height:240px}}
@media(prefers-reduced-motion:reduce){.hero-originals>a{transform:none}.project-galleries>a{transition:none}}