/* inter-regular - latin */
@font-face {
    font-display: swap;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/inter-v20-latin-regular.woff2') format('woff2');
  }
  /* inter-600 - latin */
  @font-face {
    font-display: swap;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/inter-v20-latin-600.woff2') format('woff2');
  }
  /* inter-700 - latin */
  @font-face {
    font-display: swap;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/inter-v20-latin-700.woff2') format('woff2');
  }


  /* space-grotesk-regular - latin */
@font-face {
    font-display: swap;
    font-family: 'Space Grotesk';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/space-grotesk-v22-latin-regular.woff2') format('woff2');
  }
  /* space-grotesk-600 - latin */
  @font-face {
    font-display: swap;
    font-family: 'Space Grotesk';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/space-grotesk-v22-latin-600.woff2') format('woff2');
  }
  /* space-grotesk-700 - latin */
  @font-face {
    font-display: swap;
    font-family: 'Space Grotesk';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/space-grotesk-v22-latin-700.woff2') format('woff2');
  }

:root{color-scheme:dark;--bg:#050f1e;--panel:#101e32;--line:#27405f;--muted:#b5c5dd;--white:#f5f8ff;--aqua:#24e0cf;--blue:#259efa;--violet:#6553f6}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.wrap{width:min(1170px,calc(100% - 48px));margin:auto}.header{border-bottom:1px solid #1d3147;background:#061121f2;position:sticky;top:0;z-index:10;backdrop-filter:blur(16px)}.nav{min-height:82px;display:flex;gap:26px;align-items:center;justify-content:space-between}.brand{font-weight:850;font-size:26px;letter-spacing:-1.1px;line-height:1}.brand span{color:#33c9f0}.brand small{font-weight:600;display:block;margin-top:9px;font-size:9px;letter-spacing:2.2px;color:#adc4e0}.links{display:flex;align-items:center;gap:25px;font-size:13px}.links a:hover,.lang:hover{color:var(--aqua)}.langs{display:flex;gap:9px}.lang{background:none;border:0;color:#d9e4f2;font-size:11px;padding:2px}.lang.active{color:var(--aqua)}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #3685d2;border-radius:999px;padding:12px 22px;font-weight:750;font-size:14px;white-space:nowrap}.btn.primary{border:none;background:linear-gradient(105deg,#6041f6 0%,#279dff 55%,#25e5c8 100%);box-shadow:0 8px 29px #1d73e437}.btn:hover{transform:translateY(-2px);transition:transform .18s}.hero{padding:64px 0 38px;background:radial-gradient(ellipse at 30% 20%,#09213b 0%,transparent 55%)}.hero-grid{display:grid;grid-template-columns:1.45fr .95fr;gap:50px;align-items:center}.eyebrow{color:#54b2fd;text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:1.7px}.hero h1{font-size:clamp(40px,5.15vw,66px);line-height:1.1;letter-spacing:-2.5px;margin:16px 0 20px}.gradient{background:linear-gradient(100deg,#745af9,#36b5f9,#26e7ca);color:transparent;background-clip:text}.lead{font-size:19px;color:#d0dcf0;margin:0 0 10px;max-width:680px}.desc{color:var(--muted);font-size:15px;max-width:650px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}.portrait{border:1px solid #244c75;border-radius:22px;background:radial-gradient(circle at 70% 26%,#114a82,#14223c 60%,#073d38);overflow:hidden;text-align:center;box-shadow:0 0 75px #0b76b522}.portrait img{width:100%;height:285px;object-fit:cover;object-position:center 29%;display:block}.portrait-content{padding:12px 17px 22px}.portrait strong{font-size:19px}.portrait p{margin:1px 0 8px;color:#c3d4e5;font-size:13px}.portrait q{font-style:italic;font-size:12px;color:#d2e2ef}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:60px}.benefit{display:flex;gap:13px;align-items:center}.benefit .emoji{font-size:30px}.benefit b{font-size:13px;display:block}.benefit small{font-size:12px;color:#a5bad4}.section{padding:60px 0}.section.alt{background:linear-gradient(#0c1b30,#071324)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.section h2{font-size:30px;letter-spacing:-.8px;margin:0 0 3px}.sub{color:#b5c6da;margin:0}.link-more{font-size:14px;color:#58b2ff}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid #2a435e;border-radius:14px;background:linear-gradient(135deg,#142942,#101c30);padding:25px;display:flex;flex-direction:column;min-height:302px}.card .symbol{font-size:30px}.card h3{font-size:19px;margin:12px 0 6px}.card p{color:#b8c8dc;font-size:14px;margin:0 0 20px}.card-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:7px}.price{color:#34e3d4;font-size:22px;font-weight:850}.card-foot a{border:1px solid #4276a9;padding:7px 13px;border-radius:50px;font-size:12px}.note{font-size:12px;color:#92a9c3;margin-top:14px}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project{display:block}.project img{width:100%;height:195px;object-fit:cover;border-radius:8px;background:#1b314b;border:1px solid #263e5f}.project strong{display:block;margin-top:10px;font-size:14px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.step{position:relative;padding:4px}.bubble{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(125deg,#179af4,#23d9e4);font-weight:800;box-shadow:0 5px 30px #159cfa55}.step:nth-child(4) .bubble{background:linear-gradient(125deg,#2994ff,#703df2)}.step h3{font-size:16px;margin:14px 0 4px}.step p{font-size:13px;color:#b9c8d9;margin:0}.cta{border:1px solid #176da0;border-radius:20px;background:linear-gradient(115deg,#082a45,#211951 56%,#063c45);padding:31px 35px;display:flex;align-items:center;justify-content:space-between;gap:25px}.cta h2{font-size:27px;margin:0}.cta p{margin:5px 0 0;color:#d0e0f4}.footer{border-top:1px solid #1f334a;padding:26px 0 40px}.foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:25px;align-items:center}.foot-links{display:flex;gap:20px;font-size:13px;color:#c8d3e3}.copy{font-size:12px;color:#9db4cf}.contact-mail{color:#69dce0;text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.nav{flex-wrap:wrap;padding:18px 0}.links{order:3;width:100%;justify-content:center;flex-wrap:wrap}.hero-grid{grid-template-columns:1fr 320px;gap:22px}.cards{gap:12px}.card{padding:18px}.benefits{grid-template-columns:repeat(2,1fr)}}
@media(max-width:670px){.wrap{width:min(100% - 30px,1170px)}.nav{gap:14px}.nav>.btn{display:none}.links{gap:13px;font-size:12px}.hero{padding-top:38px}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:41px;letter-spacing:-1.3px}.portrait{max-width:370px}.benefits{margin-top:38px;gap:23px}.cards,.projects{grid-template-columns:1fr}.card{min-height:230px}.project img{height:auto;aspect-ratio:1.75}.steps{grid-template-columns:1fr 1fr}.cta{flex-direction:column;align-items:start;padding:25px}.section{padding:44px 0}.section-head{align-items:start;flex-direction:column}}

:root{--bg:#050e19}body{font-family:Inter,Arial,sans-serif}h1,h2,h3{font-family:Inter,Arial,sans-serif}.wrap{width:min(1170px,calc(100% - 64px))}.hero{padding:42px 0 26px}.hero-grid{grid-template-columns:1.55fr 1fr;gap:40px}.hero h1{font-size:clamp(36px,4.5vw,61px);letter-spacing:-1.8px}.portrait img{height:280px;object-fit:contain;object-position:center;background:radial-gradient(circle at 35% 35%,#1b69a1,#101c31 75%)}.portrait-content{padding:12px 18px 18px}.portrait q{font-style:normal}.benefits{margin-top:32px}.section{padding:32px 0}.symbol,.emoji{display:inline-flex;color:#45c8f5}.symbol svg{width:42px;height:42px}.emoji svg{width:31px;height:31px}.symbol{width:52px;height:52px;align-items:center;justify-content:center;border-radius:12px;background:#143047}.card{min-height:270px;padding:22px}.price{font-size:14px}.card-foot{flex-wrap:wrap;gap:12px}.project-image{position:relative}.project-image img{display:block}.image-note{position:absolute;bottom:9px;left:9px;padding:3px 7px;border-radius:5px;background:#061121d9;color:#c7d7e7;font-size:10px}.project-caption{display:flex;justify-content:space-between;gap:12px;align-items:center}.project-caption strong{margin-top:8px}.project-caption>span{color:#52b6ff}.steps{margin-top:22px}.step{display:grid;grid-template-columns:43px 1fr;column-gap:12px}.step .bubble{grid-row:1/3}.step h3{margin:0 0 4px}.step p{grid-column:2}.step:not(:last-child):after{content:'→';position:absolute;right:-14px;top:12px;font-size:27px;color:#38516e}.foot-links{flex-wrap:wrap;gap:14px}.legal-links,.social-links{display:flex;flex-wrap:wrap;gap:14px;font-size:12px;color:#b5c5dd}.footer .wrap{display:grid;gap:24px}.nav .btn{padding:10px 18px}.nav{gap:20px}.links{gap:20px}.langs a{padding:6px 3px;font-size:11px}.langs a[aria-current]{color:#24e0cf;font-weight:700}.btn:focus-visible,a:focus-visible{outline:2px solid #24e0cf;outline-offset:5px}.btn:hover{transform:none;filter:brightness(1.1)}.detail-main{padding:40px 0 60px}.detail-main h1{font-size:clamp(30px,4vw,48px);line-height:1.15;margin:22px 0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:28px 0}.detail-grid img{width:100%;border-radius:14px}.detail-grid ul{padding-left:22px;color:#b5c5dd}.detail-grid li{margin:10px 0}.detail-main .back{color:#54b2fd}.detail-main p{color:#b5c5dd}.skip-link{position:absolute;left:20px;top:-100px;background:#061121;padding:12px;z-index:20}.skip-link:focus{top:10px}
@media(max-width:1050px){.links{gap:13px}.nav{gap:14px}.brand{font-size:23px}.nav>.btn{font-size:12px}.hero-grid{gap:25px}.lead{font-size:17px}}
@media(max-width:900px){.hero-grid{grid-template-columns:1.35fr 1fr}.nav{padding:15px 0}.section{padding:30px 0}.benefits{grid-template-columns:repeat(2,1fr)}}
@media(max-width:670px){.wrap{width:calc(100% - 32px)}.hero-grid,.detail-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(32px,8vw,43px)}.hero{padding-top:28px}.portrait{width:100%;max-width:370px;margin:auto}.portrait img{height:260px}.benefits{gap:20px 12px}.benefit{gap:9px;align-items:start}.benefit b{font-size:12px}.benefit small{display:block;font-size:11px}.links{gap:12px}.card{min-height:0}.card h3{font-size:18px}.card p{margin-bottom:18px}.projects{gap:25px}.project img{aspect-ratio:1.75}.steps{grid-template-columns:1fr;gap:22px}.step:not(:last-child):after{display:none}.cta{padding:23px}.cta h2{font-size:25px}.actions .btn{font-size:13px;padding:12px 16px;white-space:normal}.hero h1 br{display:none}.section h2{font-size:27px}.foot{align-items:start}.footer{padding:26px 0}.langs{gap:7px}.detail-main{padding:28px 0}.section-head{gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

section[id],aside[id]{scroll-margin-top:115px}.project img{object-fit:cover;object-position:top}.detail-main .btn{white-space:normal}.langs a{display:inline-block}.project:hover .project-caption{color:#24e0cf}@media(max-width:670px){section[id],aside[id]{scroll-margin-top:150px}}

.btn{max-width:100%;white-space:normal;text-align:center}.cta>div{min-width:0}.benefit>div{min-width:0}.card,.step{min-width:0}

/* Portrait, multilingual screenshots and subtle ambient lighting. */
@font-face{font-family:PreviewHandwriting;src:url('../fonts/caveat-latin-perf-v1.woff2') format('woff2');font-weight:400 700;font-display:swap}
body{background:#070e1b;isolation:isolate}.ambient-lights{position:fixed;inset:0;overflow:hidden;z-index:-1;pointer-events:none}.ambient-lights i{position:absolute;display:block;width:min(75vw,900px);height:min(75vw,900px);border-radius:50%;background:radial-gradient(circle,rgba(55,92,237,.17),transparent 66%);top:-35%;left:-25%;animation:ambient-drift 30s ease-in-out infinite alternate;will-change:transform}.ambient-lights i:nth-child(2){background:radial-gradient(circle,rgba(16,213,197,.12),transparent 66%);top:8%;left:68%;animation-duration:38s;animation-delay:-17s}.ambient-lights i:nth-child(3){background:radial-gradient(circle,rgba(132,66,238,.13),transparent 68%);top:62%;left:12%;animation-duration:42s;animation-delay:-24s}
@keyframes ambient-drift{from{transform:translate3d(-4%,0,0) scale(.95)}to{transform:translate3d(18%,15%,0) scale(1.12)}}
.hero{background:linear-gradient(110deg,rgba(11,33,57,.45),transparent 65%)}.section.alt{background:linear-gradient(120deg,rgba(15,28,49,.83),rgba(20,24,49,.64),rgba(8,31,41,.68))}.header{background:#07111deb}.card{background:linear-gradient(135deg,rgba(18,43,66,.85),rgba(19,27,49,.78));border-color:#284659}.cta{background:linear-gradient(110deg,#072b43d9,#24184ad9 52%,#064548d9);border-color:#287b90}.gradient{background-image:linear-gradient(100deg,#7462ff,#28bffa 43%,#20dfcc 70%,#7b54f5)}
.portrait{background:radial-gradient(ellipse at 22% 23%,#14578b,#0d1b31 57%,#073b3d);border-color:#314b76;box-shadow:0 0 48px #168fba14}.portrait-stage{position:relative;height:272px;overflow:hidden;background:transparent}.portrait .portrait-stage img{position:absolute;left:0;top:0;width:68%;height:100%;object-fit:cover;object-position:center top;background:none;mask-image:linear-gradient(to right,#000 77%,transparent 100%),linear-gradient(to bottom,#000 78%,transparent 100%);mask-composite:intersect}.portrait-handwriting{position:absolute;right:5%;top:38px;width:35%;display:flex;flex-direction:column;gap:0;font-family:PreviewHandwriting,'Bradley Hand',cursive;font-size:clamp(22px,2.5vw,32px);line-height:1.13;transform:rotate(-9deg);color:#e7f2ff;text-align:center;text-shadow:0 1px 10px #061021}.portrait-handwriting svg{width:94%;height:35px;margin-top:3px}.portrait-content{position:relative;background:none;padding:0 20px 20px;margin-top:-2px}.portrait-content strong{font-size:17px}.portrait-content p{margin-top:2px}.portrait-content q{font-size:12px;line-height:1.5;display:block;max-width:290px;margin:6px auto 0}.social-links{gap:9px}.social-platform,.platform-link{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:7px 10px;border:1px solid #273c52;border-radius:10px;background:#0d1a2b80}.social-links svg{width:19px;height:19px;flex:none;color:#9ac4f5}.social-links a:hover{background:#153343;color:#63e5d6;border-color:#4b869b}.platform-link span{max-width:170px}.project img{height:auto;aspect-ratio:1280/760;object-fit:contain;object-position:center;background:#071322}.project-image{border-radius:8px;overflow:hidden;border:1px solid #294256}.project-image img{border:0;border-radius:0}.detail-grid img[data-i18n-src="5054"]{object-fit:contain;aspect-ratio:1280/760;background:#071322}
@media(max-width:900px) and (min-width:671px){.portrait-handwriting{font-size:24px;right:2%;top:52px}.portrait-stage{height:252px}.portrait .portrait-stage img{width:66%}.hero-grid{grid-template-columns:1.3fr 1fr}}
@media(max-width:670px){.portrait-stage{height:260px}.portrait-handwriting{font-size:29px;right:4%;top:45px}.portrait .portrait-stage img{width:67%}.portrait-content{padding:0 15px 18px}.social-links{gap:8px}.social-platform{font-size:12px}.platform-link{flex-basis:100%;width:fit-content}.platform-link span{max-width:none}.project img{height:auto;aspect-ratio:1280/760;object-fit:contain}.ambient-lights i{width:125vw;height:125vw}.ambient-lights i:nth-child(2){left:45%}}
@media(max-width:350px){.portrait-stage{height:235px}.portrait-handwriting{font-size:25px;right:3%;width:37%;top:46px}}
@media(prefers-reduced-motion:reduce){.ambient-lights i{animation:none;will-change:auto}}
.portrait .portrait-stage img{object-fit:contain;object-position:left top;width:72%}

.overview-main .cards,.overview-main .projects{margin-top:28px}.overview-main .section-head{align-items:center;margin-top:14px}.overview-main .portrait{max-width:440px;width:100%;margin:auto}.overview-main .detail-grid{align-items:center}.process-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:28px 0}.process-detail{padding:24px;border:1px solid #284659;border-radius:14px;background:#1222359c}.process-detail h2{font-size:23px;margin-top:18px}.process-detail p{margin-bottom:0}@media(max-width:670px){.process-details{grid-template-columns:1fr}.overview-main .section-head{align-items:start}}

/* Keep each project arrow with its own title. */
.project-caption{justify-content:flex-start;gap:10px;align-items:baseline;margin-top:8px}
.project-caption strong{margin-top:0;min-width:0}
.project-caption>span{flex:none}