@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{--paper:#f5f4f0;--ink:#22251f;--muted:#73766d;--lime:#d6fa59;--line:#d8d9d0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #718e1c;outline-offset:5px}::selection{background:var(--lime)}header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;position:absolute;top:0;left:0;right:0;z-index:10}.brand{font-size:28px;letter-spacing:-1.4px;font-weight:650;display:flex;align-items:center;gap:10px}.brand svg{width:29px;height:29px;fill:currentColor}.brand-dot{font-size:12px;align-self:flex-start;padding-top:8px;letter-spacing:0}nav{display:flex;align-items:center;gap:36px;font-size:13px;font-weight:500}.nav-cta{background:transparent;border:1px solid #a7aa9e;padding:12px 20px;border-radius:50px}.nav-cta span{margin-left:20px}.mobile-cta{display:none}.hero{position:relative;min-height:810px;height:100svh;max-height:1050px;padding:165px 7% 45px;overflow:hidden;background:radial-gradient(ellipse at 78% 45%,#e4e8db 0,transparent 50%)}.eyebrow,.label,.tag{font-size:10px;letter-spacing:1.7px;font-weight:600}.eyebrow{display:flex;align-items:center;gap:9px}.status-dot{height:6px;width:6px;background:#788d43;border-radius:50%;display:inline-block}h1{font-size:clamp(65px,7.8vw,122px);letter-spacing:-6px;line-height:.99;font-weight:500;position:relative;z-index:2;margin:38px 0 32px}.serif,em{font-family:'Instrument Serif',Georgia,serif;font-weight:400}.serif{font-style:italic}p{line-height:1.6}.hero-bottom{position:relative;z-index:2}.hero-bottom p{font-size:17px;color:#64685d;margin-bottom:30px}.pill{background:var(--ink);color:white;padding:18px 25px;border-radius:100px;display:inline-flex;align-items:center;gap:42px;font-size:13px;transition:transform .3s,background .3s}.pill:hover{background:#3e4930;transform:translateY(-3px)}.pill span{font-size:21px;line-height:1}.hero-foot{position:absolute;bottom:35px;left:7%;right:7%;display:flex;justify-content:space-between;font-size:9px;font-weight:500;letter-spacing:1.4px}.hero-foot a span{margin-left:22px;font-size:18px}.sculpture{position:absolute;width:48%;height:540px;right:2%;top:150px;perspective:1100px;transform:translateY(var(--shift,0px))}.stairs{position:absolute;inset:15% 10% 10%;transform:rotateX(-20deg) rotateY(-32deg) rotateZ(-4deg);transform-style:preserve-3d;animation:float 7s ease-in-out infinite}.stairs i{position:absolute;width:29%;height:25%;background:linear-gradient(115deg,#e9ff98,#c5e94d 65%,#b4cf3e);bottom:0;left:0;box-shadow:inset 1px 1px 1px #fff9;transform-style:preserve-3d;border-radius:3px}.stairs i:after{content:'';position:absolute;width:75px;height:100%;right:-75px;top:0;background:linear-gradient(90deg,#94aa35,#a8c63b);transform:rotateY(90deg);transform-origin:left}.stairs i:before{content:'';position:absolute;left:0;top:-75px;height:75px;width:100%;background:#e2ff84;transform:rotateX(90deg);transform-origin:bottom}.stairs i:nth-child(2){left:24%;height:48%}.stairs i:nth-child(3){left:48%;height:71%}.stairs i:nth-child(4){left:72%;height:94%}.ground{position:absolute;bottom:4%;left:14%;width:80%;height:40px;background:#576e2e33;filter:blur(23px);border-radius:50%;z-index:-1}.orbit{position:absolute;border:1px solid #b6bea34d;border-radius:50%;width:110%;height:75%;top:12%;left:-7%;transform:rotate(-28deg)}.orbit-two{transform:rotate(32deg);width:95%;left:0}.spark{position:absolute;right:8%;top:140px;background:transparent;font-size:50px;color:#758445;transition:transform .8s;z-index:3}.spark:hover{transform:rotate(180deg)}.intro{padding:140px 9%;display:grid;grid-template-columns:1.4fr 1fr;gap:35px}.intro>.label{grid-column:1/-1}.intro h2{font-size:clamp(50px,6vw,88px);line-height:1.07;letter-spacing:-3px;font-weight:500;margin:25px 0}.intro h2 span{color:#a2a598}.intro h2 em{color:#768746}.intro-side{align-self:end;max-width:300px;padding-bottom:20px;margin-left:auto}.little-arrow{font-size:65px}.intro-side p{font-size:18px}.muted{color:var(--muted);font-size:14px!important}.possibilities{padding:65px 6% 100px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:65px;padding:0 3%}.section-heading h2{font-size:clamp(42px,4.8vw,68px);font-weight:500;letter-spacing:-3px;line-height:1.08;margin:25px 0 0}.section-heading>p{font-size:14px;color:var(--muted);padding-bottom:5px}.web-card,.ai-card{border-radius:16px;display:grid;grid-template-columns:1fr 1.1fr;overflow:hidden;min-height:500px}.web-card{background:#e8eae3;padding:60px;gap:55px}.card-copy{align-self:center}.tag{font-size:9px;letter-spacing:1.5px}.card-copy h3{font-size:clamp(32px,3.4vw,48px);font-weight:500;line-height:1.12;letter-spacing:-2px;margin:25px 0}.card-copy p{max-width:330px;font-size:14px;color:#6c7163}.text-button{background:transparent;padding:18px 0 2px;border-bottom:1px solid #a7ad99;font-size:12px;margin-top:12px}.text-button span{margin-left:24px}.web-demo{align-self:center;transform:rotate(-3deg);box-shadow:0 20px 40px #29331a15;background:#fff;border:1px solid #fff;border-radius:9px;overflow:hidden;transition:transform .5s}.web-demo:hover{transform:rotate(0)}.browser-bar{padding:12px;display:flex;justify-content:space-between;font-size:8px;color:#adb1a7}.browser-bar small{letter-spacing:1px;font-size:7px}.sample{background:#d5ac92;color:#472b20;position:relative;padding:22px;min-height:290px;overflow:hidden;transition:background .6s,color .6s}.sample-nav{font-size:14px;font-weight:600;display:flex;justify-content:space-between;position:relative;z-index:2}.sample-nav span{font-size:6px;letter-spacing:1px}.sample-title{font-size:65px;letter-spacing:-3px;line-height:.9;margin:35px 0 48px;position:relative;z-index:2}.sample-orb{width:190px;height:190px;position:absolute;right:-25px;top:75px;border-radius:50%;background:radial-gradient(circle at 25% 20%,#fff9,#ffffff05 38%,#351b2244 75%);box-shadow:inset -12px -12px 35px #3a190c33;transition:transform 1s}.web-demo:hover .sample-orb{transform:translate(-20px,-12px) rotate(25deg)}.sample-foot{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px}.sample-foot span:last-child{font-size:20px}.swatches{display:flex;align-items:center;gap:8px;padding:14px}.swatches>span{margin-right:auto;font-size:7px;letter-spacing:.8px}.swatch{width:18px;height:18px;border-radius:50%;border:3px solid white;outline:1px solid transparent}.swatch.active{outline-color:#5d6554}.peach{background:#d5ac92}.blue{background:#acbdce}.green{background:#bdcba4}.ai-card{background:#24291f;color:#f5f6ef;margin-top:24px;padding:65px;gap:80px;grid-template-columns:1.1fr 1fr}.ai-card .card-copy p{color:#aab39e}.ai-card .text-button{color:white}.demo-label{font-size:7px;letter-spacing:1px;color:#acb79d;display:flex;align-items:center;gap:8px}.ai-demo .status-dot{background:var(--lime)}.task-stack{margin:45px 0 25px}.task-stack>div{border:1px solid #606e494d;border-radius:8px;background:linear-gradient(110deg,#444e35,#303828);padding:20px;margin-top:10px;font-size:13px;display:flex;align-items:center;gap:15px;transition:transform .5s,border-color .5s}.task-stack span{color:var(--lime);font-size:23px}.task-stack i{font-style:normal;margin-left:auto;color:#8e9c7b;font-size:10px}.task-stack .done{transform:translateX(12px);border-color:var(--lime)}.automate{background:transparent;color:var(--lime);font-size:11px;padding:14px 0}.automate span{margin-left:35px}.demo-note{font-size:9px;color:#aab39e;min-height:15px}.process{padding:90px 6% 140px}.steps{display:grid;grid-template-columns:repeat(3,1fr);padding:0 3%;gap:55px}.steps article{border-top:1px solid var(--line);padding-top:25px}.steps article>span{font-size:12px;color:#7d876c}.steps h3{font-size:24px;font-weight:500;letter-spacing:-.7px;margin-top:45px}.steps p{font-size:14px;color:var(--muted);max-width:280px}.playground{text-align:center;position:relative;background:#d6fa59;overflow:hidden;padding:90px 20px 80px;min-height:450px}.playground h2{font-size:clamp(80px,12vw,170px);letter-spacing:-7px;font-weight:500;line-height:1;margin:30px 0 20px}.playground p{font-size:13px}.play-button{background:transparent;border:1px solid #718f32;border-radius:30px;padding:14px 22px;font-size:11px;margin-top:15px;position:relative;z-index:2}.play-button span{margin-left:20px}.particle{position:absolute;pointer-events:none;animation:burst 1.8s forwards;font-family:Georgia,serif;font-size:35px}.closing{text-align:center;padding:150px 20px 130px}.closing h2{font-size:clamp(65px,8vw,116px);line-height:1.02;letter-spacing:-5px;font-weight:500;margin:35px 0}.closing p{font-size:12px;color:var(--muted);margin-top:20px}footer{padding:40px 6% 25px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:30px}footer>span{font-size:9px;letter-spacing:1px}.egg-count{background:transparent;font-size:10px}.egg-count span{margin-left:15px}.footer-bottom{width:100%;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:25px;color:var(--muted);font-size:10px;margin-top:15px}.footer-bottom small{font-size:10px}.motion-toggle{padding:0;background:transparent;font-size:10px}.reveal{opacity:1;transform:none}.js-motion .reveal{opacity:0;transform:translateY(35px);transition:opacity .9s,transform .9s}.js-motion .reveal.visible{opacity:1;transform:none}dialog{border:0;border-radius:20px;background:var(--paper);color:var(--ink);width:min(560px,calc(100% - 28px));padding:45px;max-height:90svh}dialog::backdrop{background:#17201180;backdrop-filter:blur(10px)}dialog h2{font-size:52px;line-height:1;letter-spacing:-2px;font-weight:500;margin:25px 0}dialog p{font-size:13px;color:var(--muted)}dialog label{display:block;font-size:12px;margin:22px 0 8px}dialog select,dialog textarea{width:100%;padding:13px;border:1px solid #c7ccbd;border-radius:8px;background:white;font-size:14px;color:var(--ink)}dialog textarea{resize:vertical}dialog .pill{margin-top:20px;width:100%;justify-content:space-between}.close{position:absolute;right:18px;top:12px;font-size:30px;background:transparent}.download{background:transparent;display:block;margin:18px auto 0;font-size:12px}.form-status{font-size:11px!important;min-height:35px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#22251f;color:#fff;padding:15px 25px;border-radius:50px;font-size:12px;z-index:30;opacity:0;pointer-events:none;transition:.3s;width:max-content;max-width:90%;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.skip{position:fixed;top:-100px;left:15px;z-index:50;padding:15px;background:white}.skip:focus{top:10px}.night{--paper:#20251d;--ink:#edf0e6;--muted:#a4af99;--line:#4d5844}.night .hero{background:radial-gradient(ellipse at 78% 45%,#414c30,transparent 55%)}.night .web-card{color:#22251f}.night .pill{background:#d6fa59;color:#22251f}.night .playground{color:#22251f}.night .hero-bottom p{color:#b5bfa7}.night dialog select,.night dialog textarea{background:#30392a;color:white}.still *{animation:none!important;scroll-behavior:auto!important;transition:none!important}.still .reveal{opacity:1!important;transform:none!important}.still .sculpture{transform:none!important}@keyframes float{50%{transform:translateY(-18px) rotateX(-17deg) rotateY(-27deg) rotateZ(-2deg)}}@keyframes burst{from{transform:translate(0,0) rotate(0);opacity:1}to{transform:translate(var(--x),var(--y)) rotate(var(--r));opacity:0}}
@media(min-width:1500px){.hero{padding-left:10%}.sculpture{right:7%;width:43%}}@media(max-width:900px){.hero{min-height:780px;padding-top:150px}h1{font-size:78px;letter-spacing:-4px}.sculpture{width:46%;right:0;top:220px;height:400px}.web-card,.ai-card{padding:40px;gap:35px}.sample-title{font-size:48px}.sample{min-height:250px}.sample-orb{width:150px;height:150px}.steps{gap:25px}.ai-card{gap:35px}.intro{padding:90px 7%}.intro-side{max-width:260px}.sculpture .stairs i:after{width:50px;right:-50px}.sculpture .stairs i:before{height:50px;top:-50px}}@media(max-width:600px){header{height:75px;padding:0 6%}.brand{font-size:24px}.brand svg{width:24px}nav{display:none}.mobile-cta{display:block;border:1px solid #b4baaa;border-radius:50%;width:38px;height:38px;background:transparent;font-size:20px}.hero{height:auto;min-height:900px;padding:125px 7% 65px}.eyebrow{font-size:8px}h1{font-size:clamp(57px,14vw,83px);letter-spacing:-3px;margin-top:28px}.hero-bottom p{font-size:14px}.hero-bottom .pill{padding:15px 21px}.sculpture{width:78%;height:335px;top:490px;right:8%}.hero-foot{bottom:28px;font-size:7px;letter-spacing:.8px}.hero-foot>span{max-width:120px;line-height:1.7}.spark{top:480px;right:11%;font-size:34px}.intro{display:block;padding:85px 7%}.intro h2{font-size:56px;margin:35px 0}.intro-side{margin:40px 0 0;max-width:100%;display:block}.little-arrow{font-size:40px}.intro-side p{font-size:16px}.intro-side .muted{max-width:290px}.possibilities{padding:20px 5% 60px}.section-heading{display:block;padding:0 3%;margin-bottom:35px}.section-heading h2{font-size:45px;letter-spacing:-2px}.section-heading>p{margin-top:25px;font-size:13px}.web-card,.ai-card{grid-template-columns:1fr;padding:35px 25px;gap:40px;border-radius:12px}.card-copy h3{font-size:36px;letter-spacing:-1.5px}.card-copy p{font-size:13px}.web-demo{margin:0 5px 10px}.sample{min-height:260px}.sample-title{font-size:58px}.ai-card .card-copy{grid-row:1}.ai-card{padding:40px 25px}.task-stack{margin-top:30px}.demo-label{font-size:6px}.process{padding:35px 7% 80px}.steps{grid-template-columns:1fr;padding:0 3%;gap:30px}.steps h3{margin-top:20px}.steps p{max-width:none}.playground{padding:70px 20px;min-height:370px}.playground h2{font-size:85px;letter-spacing:-5px}.closing{padding:100px 15px}.closing h2{font-size:70px;letter-spacing:-3px}footer{padding:30px 7% 25px}footer>span{font-size:7px}.egg-count{width:100%;text-align:left;padding:0}.footer-bottom{gap:10px;font-size:9px}.label{font-size:8px;letter-spacing:1.2px}dialog{padding:35px 25px}dialog h2{font-size:45px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}.sculpture{transform:none!important}}

/* Framsteg: ambient depth and scroll motion */
:root{--mouse-x:50%;--mouse-y:40%;--scroll-progress:0%}
body{background:radial-gradient(ellipse at 15% 6%,#eef1e7 0,transparent 27%),radial-gradient(ellipse at 88% 27%,#e7ece1 0,transparent 24%),radial-gradient(ellipse at 12% 72%,#eeeee6 0,transparent 22%),var(--paper)}
body:before{content:"";position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E");mix-blend-mode:multiply}
body:after{content:"";position:fixed;top:0;left:0;height:2px;width:var(--scroll-progress);z-index:30;background:linear-gradient(90deg,#98b641,#d6fa59,#718746);box-shadow:0 0 12px #c3ec55a0;pointer-events:none}
.hero{background:radial-gradient(ellipse at 78% 44%,#e4e8db 0,transparent 50%),radial-gradient(ellipse at var(--mouse-x) var(--mouse-y),#dafa7352 0,transparent 32%),linear-gradient(135deg,#f8f7f2,#f2f3eb 58%,#f6f4ee);isolation:isolate}
.hero:before,.hero:after{content:"";position:absolute;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(2px);will-change:transform}
.hero:before{width:min(45vw,590px);aspect-ratio:1;right:4%;top:13%;background:radial-gradient(circle at 38% 38%,#e8ff9cbd 0 8%,#d6fa5950 26%,#b6d95b1a 53%,transparent 72%);animation:ambient-drift 15s ease-in-out infinite alternate}
.hero:after{width:min(33vw,440px);aspect-ratio:1;left:37%;top:37%;background:radial-gradient(circle,#bdcba43d,transparent 68%);animation:ambient-drift 19s ease-in-out infinite alternate-reverse}
.orbit{animation:orbit-breathe 12s ease-in-out infinite alternate}.orbit-two{animation-delay:-6s}.stairs{filter:drop-shadow(22px 35px 24px #536b2b20);transition:filter .8s}
.intro,.possibilities,.process,.closing{position:relative;isolation:isolate}.intro:before,.process:before{content:"";position:absolute;z-index:-1;pointer-events:none;width:52vw;height:52vw;max-width:740px;max-height:740px;border-radius:50%;filter:blur(3px);background:radial-gradient(circle,#dce7c948 0,transparent 68%);top:8%;right:-20%;transform:translateY(var(--ambient-shift,0px));transition:transform .18s linear}.process:before{right:auto;left:-22%;top:12%;background:radial-gradient(circle,#d9e5d044,transparent 68%)}
.web-card{background:linear-gradient(128deg,#e8eae3 0%,#eff0e9 48%,#e2e7d9 100%);position:relative}.web-card:after{content:"";position:absolute;width:36%;aspect-ratio:1;right:6%;top:8%;border-radius:50%;background:radial-gradient(circle,#d6fa5940,transparent 70%);pointer-events:none;animation:ambient-drift 12s ease-in-out infinite alternate}.web-demo{position:relative;z-index:1}.ai-card{background:radial-gradient(ellipse at 12% 25%,#56683b55 0,transparent 40%),radial-gradient(ellipse at 92% 88%,#313e2a 0,transparent 46%),#24291f;position:relative;overflow:hidden}.ai-card:before{content:"";position:absolute;inset:-50%;pointer-events:none;opacity:.32;background:repeating-linear-gradient(118deg,transparent 0 76px,#d6fa590a 77px 78px,transparent 79px 148px);transform:translateX(var(--ai-drift,0px));transition:transform .3s}.ai-card>*{position:relative;z-index:1}.steps article{transition:transform .5s,border-color .5s}.steps article:hover{transform:translateY(-7px);border-color:#879b58}.playground{background:radial-gradient(ellipse at 18% 30%,#f0ffb8 0,transparent 35%),radial-gradient(ellipse at 82% 70%,#c4ed55 0,transparent 38%),linear-gradient(115deg,#d6fa59,#dcf77a 52%,#d1f14d);isolation:isolate}.playground:before,.playground:after{content:"";position:absolute;border:1px solid #657f2c33;border-radius:50%;z-index:-1;pointer-events:none}.playground:before{width:520px;height:520px;top:-270px;left:-125px;animation:orbit-breathe 14s ease-in-out infinite alternate}.playground:after{width:670px;height:670px;bottom:-475px;right:-150px;animation:orbit-breathe 18s ease-in-out infinite alternate-reverse}.closing{overflow:hidden;background:radial-gradient(ellipse at 50% 106%,#e0e9cf88 0,transparent 46%)}
@keyframes ambient-drift{0%{transform:translate3d(-10px,5px,0) scale(.94)}100%{transform:translate3d(24px,-21px,0) scale(1.08)}}
@keyframes orbit-breathe{0%{transform:rotate(-8deg) scale(.97);opacity:.55}100%{transform:rotate(8deg) scale(1.04);opacity:1}}
@media(max-width:600px){.hero:before{width:88vw;right:-3%;top:51%}.hero:after{width:65vw;left:18%;top:61%}.intro:before,.process:before{width:90vw;height:90vw;right:-52%}.process:before{left:-54%;right:auto}.web-card:after{width:62%}.playground:before{width:320px;height:320px;left:-180px;top:-160px}.playground:after{width:400px;height:400px;right:-220px;bottom:-285px}}
@media(prefers-reduced-motion:reduce){.hero:before,.hero:after,.orbit,.orbit-two,.web-card:after,.playground:before,.playground:after{animation:none!important}.steps article{transition:none!important}}
.still .hero:before,.still .hero:after,.still .orbit,.still .orbit-two,.still .web-card:after,.still .playground:before,.still .playground:after{animation:none!important}