/* Alatapps: a window into real life. Brand -> real product -> maker -> conversation.
   Bricolage Grotesque (OFL), own brand/product assets. No third-party reference assets.
   Palette and composition decisions: ../02-design-direction.md. */
@font-face{font-family:Bricolage;src:url('fonts/BricolageGrotesque.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap}
:root{--forest:#283b32;--paper:#f3f0e8;--ink:#25231f;--orange:#eaa166;--muted:#655f55;--gutter:clamp(24px,5.2vw,88px);--ease-out:cubic-bezier(.23,1,.32,1);--ease-move:cubic-bezier(.77,0,.175,1)}
*{box-sizing:border-box}html{scroll-padding-top:100px;-webkit-text-size-adjust:100%}body{margin:0;background:var(--forest);color:var(--paper);font-family:Arial,Helvetica,sans-serif}body,h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%;height:auto}svg{display:block;width:24px;height:24px;flex-shrink:0}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid currentColor;outline-offset:6px;border-radius:2px}::selection{background:var(--orange);color:var(--ink)}h1,h2,h3,.brand,.product-name,.email-link{font-family:Bricolage,Arial,sans-serif;font-weight:500}h2{letter-spacing:-.045em}p{line-height:1.55}section{position:relative}section[id]{scroll-margin-top:20px}.skip-link{position:fixed;z-index:100;left:16px;top:12px;padding:14px 20px;color:var(--ink);background:var(--paper);transform:translateY(-180%)}.skip-link:focus{transform:none}.site-header{height:100px;padding:0 var(--gutter);display:flex;align-items:center;gap:50px;position:absolute;top:0;left:0;width:100%;z-index:20}.brand{display:inline-flex;align-items:center;gap:12px;font-size:29px;font-weight:650;letter-spacing:-.035em}.brand img{width:38px;height:32px;object-fit:contain}.main-nav{display:flex;gap:34px;margin-left:auto;align-items:center}.main-nav a,.language a{min-height:44px;display:inline-flex;align-items:center;font-size:14px;position:relative}.main-nav a:after,.text-link:after{content:'';position:absolute;bottom:6px;height:1px;left:0;width:100%;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform 200ms var(--ease-out)}.main-nav a:last-child{gap:10px}.language{display:flex;gap:12px;align-items:center}.language a{color:#c3c9c3}.language a[aria-current]{color:var(--paper);text-decoration:underline;text-underline-offset:6px}.language span{font-size:12px;color:#85998b}.hero{min-height:880px;min-height:max(840px,100svh);padding:154px var(--gutter) 28px;isolation:isolate;overflow:clip}.hero-topline{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:3;font-size:14px}.hero-topline p{color:#d9dfd9}.hero-stamp{font-size:12px;color:#bfc8c0}.hero-heading-wrap{position:relative;z-index:4;margin-top:46px;width:67%;pointer-events:none}.hero h1{font-size:clamp(94px,11.65vw,186px);letter-spacing:-.043em;line-height:.97;font-weight:500}.title-line{display:block}.title-line.life{color:var(--orange)}html[lang=nl] .hero h1{font-size:clamp(86px,9vw,146px)}html[lang=nl] .hero-heading-wrap{width:66%}html[lang=nl] .life{max-width:6.8em}.hero-portal{position:absolute;width:34%;height:65%;max-height:590px;right:5.2%;top:22%;transform:rotate(8deg);isolation:isolate;overflow:hidden;border-radius:49% 49% 5px 5px}.portal-surface{position:absolute;inset:0;background:var(--orange);z-index:-1}.portal-word{position:absolute;top:10%;left:7%;font-family:Bricolage,Arial,sans-serif;font-size:7.8vw;letter-spacing:-.05em;color:#c87538;opacity:.7;transform:rotate(-90deg);transform-origin:center}.hero-phone{width:66%;position:absolute;top:11%;left:20%;transform:rotate(-14deg);filter:drop-shadow(10px 16px 8px #563d2830)}.portal-caption{position:absolute;bottom:22px;left:26px;color:var(--ink);font-size:12px;transform:rotate(-8deg);background:var(--orange);padding:4px 8px}.hero-bottom{position:relative;z-index:6;display:flex;gap:40px;align-items:center;margin-top:54px;width:60%}.hero-bottom p{font-size:17px;max-width:310px;color:#e4e6de}.button{display:inline-flex;gap:28px;align-items:center;justify-content:space-between;min-height:58px;padding:17px 21px;font-size:14px;line-height:1.35;border-radius:3px;flex-shrink:0;transition:background-color 200ms ease,transform 160ms var(--ease-out)}.button svg{width:18px;height:18px}.light{background:var(--paper);color:var(--forest)}.button:active{transform:scale(.97)}.hero-foot{position:absolute;bottom:28px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;font-size:12px;color:#c0cabe;align-items:center}.down-arrow{display:flex;justify-content:center;align-items:center;border:1px solid #a0b29f80;border-radius:50%;width:34px;height:34px;font-size:20px}.product-section{color:var(--ink);isolation:isolate;padding:0;overflow:clip}.product-background{position:absolute;inset:0;background:var(--orange);z-index:-1}.product-inner{padding:50px var(--gutter) 28px;max-width:1800px;margin:auto}.product-top{display:flex;justify-content:space-between;font-size:13px;border-bottom:1px solid #25231f45;padding-bottom:26px}.product-intro{padding:64px 0 22px;display:grid;grid-template-columns:1fr 1.7fr;column-gap:8%;align-items:start}.product-name{display:flex;align-items:center;gap:16px;font-size:27px;line-height:1.05;letter-spacing:-.025em}.product-name img{width:62px;height:62px;border-radius:15px}.product-intro h2{font-size:clamp(45px,5.1vw,82px);line-height:1.05;grid-column:2;grid-row:1 / span 2}.product-lead{grid-column:1;max-width:350px;margin-top:32px}.product-lead p{font-size:17px}.text-link{display:inline-flex;gap:22px;align-items:center;position:relative;font-size:15px;min-height:48px;margin-top:20px;border-bottom:1px solid #25231f70}.text-link svg{width:18px;height:18px}.product-story{min-height:780px;display:grid;grid-template-columns:1fr 1.6fr .65fr;gap:32px;align-items:center;position:relative}.story-notes{padding-top:30px}.story-note{max-width:245px;position:relative;padding-top:26px}.story-note+.story-note{margin-top:62px}.note-rule{width:36px;height:2px;display:block;position:absolute;top:0;background:currentColor}.story-note h3{font-size:29px;line-height:1.15;letter-spacing:-.03em;margin-bottom:12px}.story-note p{font-size:15px;line-height:1.6}.phone-pair{height:710px;position:relative;perspective:1600px}.product-phone{position:absolute;width:66%;max-width:340px;top:35px;filter:drop-shadow(18px 30px 18px #5941252b)}.phone-home{left:1%;transform:rotate(-10deg);z-index:2}.phone-insights{right:-7%;top:95px;transform:rotate(10deg);z-index:1}.story-caption{font-size:12px;align-self:end;padding-bottom:76px;max-width:180px}.story-caption p{margin:18px 0;color:#4a3f32}.product-bottom{border-top:1px solid #25231f45;padding-top:24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.product-bottom p{font-size:12px}.round-link{display:flex;width:52px;height:52px;align-items:center;justify-content:center;border:1px solid #25231f80;border-radius:50%;flex-shrink:0}.studio-section{background:var(--paper);color:var(--ink);padding:110px var(--gutter) 120px}.studio-label{font-size:14px;margin-bottom:38px}.studio-section h2{font-size:clamp(46px,6.2vw,96px);line-height:1.04;max-width:1000px}.studio-layout{display:grid;grid-template-columns:1fr 1fr;gap:15%;margin-top:76px;align-items:center}.studio-object{position:relative;padding:30px 12%;perspective:1000px}.studio-object img{width:100%;transform:rotate(-12deg);filter:drop-shadow(14px 22px 0 #d7d2c1)}.studio-object span{display:block;margin-top:56px;font-size:12px;line-height:1.5}.studio-prose>p{font-size:19px;line-height:1.65;max-width:530px}.studio-prose>p+p{margin-top:24px}.studio-note{border-top:1px solid #c9c5b9;margin-top:36px;padding-top:28px;max-width:440px}.studio-note h3{font-size:27px;margin-bottom:12px;letter-spacing:-.025em}.studio-note p{font-size:16px;color:var(--muted)}.studio-prose .studio-location{font-size:12px;margin-top:36px;color:var(--muted)}.contact-section{background:var(--forest);padding:55px var(--gutter) 70px}.contact-top{display:flex;justify-content:space-between;font-size:13px;color:#c3cec2;padding-bottom:38px}.contact-main{display:flex;justify-content:space-between;align-items:center;gap:30px}.contact-main h2{font-size:clamp(85px,11.2vw,176px);line-height:.95;letter-spacing:-.05em}.contact-arrow{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:clamp(130px,20vw,300px);height:clamp(130px,20vw,300px);background:var(--orange);color:var(--forest);border-radius:50%;transition:background-color 200ms ease}.contact-arrow svg{width:40%;height:40%;transition:transform 250ms var(--ease-out)}.contact-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-top:65px}.contact-bottom p{max-width:340px;font-size:16px;color:#d4dacf}.email-link{font-size:clamp(26px,3.5vw,55px);letter-spacing:-.035em;border-bottom:1px solid #a8b9a5;padding-bottom:8px}.site-footer{background:var(--paper);color:var(--ink);padding:60px var(--gutter) 24px}.footer-upper{display:flex;justify-content:space-between;align-items:center}.footer-upper p{font-size:14px}.footer-columns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;padding:58px 0}.footer-columns h2{font-family:Arial,sans-serif;font-weight:400;font-size:12px;color:var(--muted);letter-spacing:0;margin-bottom:16px}.footer-columns address{font-size:15px;font-style:normal;line-height:1.6}.footer-columns a{display:block;width:fit-content;padding:5px 0;font-size:15px;min-height:30px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;border-top:1px solid #cbc7bb;padding-top:22px;flex-wrap:wrap}.motion-toggle{color:inherit;background:none;border:1px solid #878073;border-radius:3px;padding:10px 12px;min-height:44px}.motion-toggle[hidden]{display:none}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}
@media(hover:hover) and (pointer:fine){.main-nav a:hover:after{transform:scaleX(1)}.light:hover{background:var(--orange)}.contact-arrow:hover svg{transform:translate(8px,-8px)}.email-link:hover{color:var(--orange)}.footer-columns a:hover{text-decoration:underline;text-underline-offset:4px}.round-link:hover{background:#25231f12}}
@media(min-width:1600px){.hero{min-height:960px}.hero-heading-wrap{margin-top:65px}.hero-bottom{margin-top:72px}}
@media(max-width:1100px) and (min-width:701px){.site-header{gap:26px}.main-nav{gap:22px}.hero{min-height:860px}.hero-bottom{display:block;width:45%;margin-top:32px}.hero-bottom .button{margin-top:22px}.hero-portal{width:40%;right:2%;height:61%;top:27%}.hero-heading-wrap{width:75%;margin-top:58px}.hero h1{font-size:12.2vw}.product-intro{column-gap:5%}.product-story{grid-template-columns:1fr 1.65fr;gap:16px;min-height:720px}.phone-pair{height:580px}.story-caption{grid-column:2;justify-self:end;padding-bottom:30px;margin-top:-80px}.story-note h3{font-size:25px}.studio-layout{gap:8%}}
@media(max-width:700px){html{scroll-padding-top:20px}.site-header{height:86px;gap:15px;flex-wrap:wrap;padding-top:18px;align-content:start}.brand{font-size:25px;gap:8px}.brand img{width:29px;height:27px}.language{margin-left:auto;gap:8px}.language a{font-size:12px;min-height:32px}.main-nav{width:100%;margin:0;justify-content:flex-start;gap:27px;order:3}.main-nav a{font-size:12px;min-height:34px}.hero{padding-top:132px;min-height:1080px}.hero-topline p{font-size:12px;max-width:270px}.hero-stamp{display:none}.hero-heading-wrap{width:100%;margin-top:28px}.hero h1{font-size:clamp(65px,18.2vw,118px);letter-spacing:-.04em;line-height:1}.hero-portal{width:70%;height:375px;max-height:none;top:510px;right:13%;transform:rotate(7deg)}.hero-phone{width:63%;left:22%;top:34px;transform:rotate(-12deg)}.portal-word{font-size:25vw;left:0}.portal-caption{font-size:10px;bottom:13px;left:20px}.hero-bottom{display:block;width:100%;margin-top:26px}.hero-bottom p{font-size:15px;max-width:320px}.hero-bottom .button{margin-top:20px;min-height:52px;padding:14px 18px;font-size:13px}.hero-foot{bottom:28px;font-size:11px}.hero-foot .down-arrow{width:30px;height:30px}html[lang=nl] .hero-heading-wrap{width:100%}html[lang=nl] .hero h1{font-size:clamp(58px,16.5vw,100px)}html[lang=nl] .hero-portal{top:580px}html[lang=nl] .hero{min-height:1120px}.product-inner{padding:32px var(--gutter) 26px}.product-top{font-size:11px;gap:20px;padding-bottom:22px}.product-top span:last-child{text-align:right}.product-intro{display:flex;flex-direction:column;padding-top:36px}.product-name{font-size:23px}.product-name img{width:50px;height:50px;border-radius:11px}.product-intro h2{font-size:clamp(40px,11vw,65px);line-height:1.08;margin-top:32px;letter-spacing:-.04em}.product-lead{margin-top:26px}.product-lead p{font-size:16px}.text-link{font-size:13px;gap:16px;margin-top:14px}.product-story{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0}.story-notes{order:2;display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-top:12px}.story-note+.story-note{margin:0}.story-note{padding-top:20px}.story-note h3{font-size:24px;line-height:1.1}.story-note p{font-size:13px;line-height:1.55}.phone-pair{height:510px;order:1;width:100%;margin-top:8px}.product-phone{width:66%;top:30px}.phone-home{left:-1%;transform:rotate(-8deg)}.phone-insights{right:-2%;top:92px;transform:rotate(8deg)}.story-caption{order:3;display:flex;justify-content:space-between;gap:20px;align-self:stretch;max-width:none;font-size:10px;padding:32px 0 28px}.story-caption>span:first-child{display:none}.story-caption p{margin:0;max-width:175px}.story-caption>span:last-child{text-align:right}.product-bottom p{font-size:11px;max-width:230px}.round-link{width:44px;height:44px}.studio-section{padding:70px var(--gutter) 75px}.studio-label{font-size:12px;margin-bottom:28px}.studio-section h2{font-size:clamp(39px,10.5vw,62px);line-height:1.08}.studio-layout{display:flex;flex-direction:column;gap:44px;margin-top:42px}.studio-object{width:78%;padding:10px 4% 0}.studio-object span{font-size:11px;margin-top:36px}.studio-prose>p{font-size:17px;line-height:1.6}.studio-note{margin-top:28px;padding-top:24px}.studio-note p{font-size:15px}.contact-section{padding:32px var(--gutter) 42px}.contact-top{font-size:11px;gap:20px;padding-bottom:36px}.contact-top span:last-child{display:none}.contact-main{align-items:flex-end;gap:16px}.contact-main h2{font-size:clamp(60px,15vw,94px);letter-spacing:-.04em}.contact-arrow{width:70px;height:70px;margin-bottom:7px}.contact-bottom{flex-direction:column;align-items:flex-start;margin-top:36px;gap:28px}.contact-bottom p{font-size:15px;max-width:290px}.email-link{font-size:29px}.site-footer{padding:38px var(--gutter) 20px}.footer-upper{align-items:flex-start;gap:22px;flex-direction:column}.footer-upper p{font-size:12px}.footer-columns{grid-template-columns:1fr 1fr;gap:30px;padding:38px 0}.footer-columns>div:first-child{grid-column:1 / -1}.footer-columns h2{font-size:11px}.footer-columns a,.footer-columns address{font-size:14px}.footer-columns a{min-height:40px}.footer-bottom{justify-content:flex-start;gap:16px;font-size:10px}.footer-bottom>span:nth-child(2){width:100%;order:3}.motion-toggle{margin-left:auto;padding:8px;font-size:10px}}
@media(max-width:370px){.hero-portal{top:525px;height:350px}.hero{min-height:980px}html[lang=nl] .hero-portal{top:560px}html[lang=nl] .hero{min-height:1030px}.phone-pair{height:455px}.main-nav{gap:23px}.story-notes{gap:16px}.story-note h3{font-size:22px}.contact-arrow{width:56px;height:56px}.email-link{font-size:26px}}
.motion-off .contact-arrow svg,.motion-off .button{transition:none}.motion-off .contact-arrow:hover svg,.motion-off .button:active{transform:none}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}.contact-arrow svg,.button{transition:none}.contact-arrow:hover svg,.button:active{transform:none}}
/* Shared thin brand arrow: vector rendering avoids platform emoji fallback. */
.arrow-icon{display:inline-block;width:1em;height:1em;flex:none;vertical-align:-.12em;overflow:visible}
.arrow-icon.arrow-right{rotate:45deg}
.arrow-icon.arrow-down{rotate:135deg}
.arrow-icon.arrow-down-right{rotate:90deg}