@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600&family=Manrope:wght@400;450;500;600&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#18333d;background:#dce8eb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 82% 52%,#e9c6ad80 0,transparent 47%),radial-gradient(ellipse at 13% 35%,#b3d5de 0,transparent 55%),linear-gradient(130deg,#d5e4e8,#e8eae2);position:relative}body:before{content:'';position:fixed;inset:0;background: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='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.12' d='M0 0h180v180H0z'/%3E%3C/svg%3E");opacity:.17;pointer-events:none;z-index:4}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{ -webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #315e70;outline-offset:5px}.wrap{max-width:1440px;margin:auto;padding:36px 64px 0}.header{position:relative;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:13px}.brand img{width:140px;height:auto;display:block;opacity:.85}.brand span{font-size:12px;letter-spacing:.16em;margin-top:4px}.nav{display:flex;align-items:center;gap:4px;padding:6px;border:1px solid #fff9;border-radius:40px;background:#ffffff38;backdrop-filter:blur(24px);box-shadow:0 3px 18px #4e747909,inset 0 1px 0 #fff8}.nav>a,.apps>button{display:flex;align-items:center;gap:9px;padding:12px 21px;border:0;background:none;border-radius:30px;font-size:14px}.nav .active{background:#ffffff7a;box-shadow:0 2px 6px #24455109}.nav a:hover,.apps>button:hover{background:#ffffff60}.apps{position:relative}.chevron{width:7px;height:7px;border-right:1px solid;border-bottom:1px solid;transform:rotate(45deg);margin-top:-4px;transition:transform .2s}.apps>button[aria-expanded=true] .chevron{transform:rotate(225deg);margin-top:3px}.dropdown{position:absolute;right:0;top:57px;width:240px;padding:24px;border:1px solid #fff9;border-radius:20px;background:#eef2efd9;backdrop-filter:blur(32px);box-shadow:0 15px 50px #355e6814;z-index:6}.dropdown p{margin:8px 0 0;font-size:14px;line-height:1.5;color:#536c74}.dropdown strong{font-size:16px;font-weight:500}.hero{position:relative;text-align:center;min-height:740px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:84px 0 60px}.eyebrow{font-size:12px;letter-spacing:.19em;text-transform:uppercase;font-weight:500;margin:0 0 33px}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(3rem,6.3vw,6.1rem);font-weight:400;letter-spacing:-.055em;line-height:1.13;margin:0;max-width:1080px;position:relative;z-index:1}.hero h1 span{display:block}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:#4a717d;letter-spacing:-.045em}.subtitle{font-size:18px;color:#536c74;margin:30px 0 0;line-height:1.6}.hero .cta{margin-top:36px}.cta{display:inline-flex;align-items:center;justify-content:center;border:1px solid #ffffffb3;border-radius:40px;background:#ffffff50;backdrop-filter:blur(18px);padding:15px 25px;font-size:14px;box-shadow:inset 0 1px 0 #fff8,0 6px 24px #5275800b;transition:background .2s,transform .2s}.cta:hover{background:#ffffffa6;transform:translateY(-2px)}.lens{position:absolute;width:460px;height:460px;border-radius:50%;right:calc(50% - 520px);top:125px;border:1px solid #fff8;background:linear-gradient(150deg,#ffffff20,#ffffff04);box-shadow:inset 2px 2px 12px #fff5,inset -3px -4px 20px #6090a00c,10px 35px 80px #778b830a;pointer-events:none;z-index:0}.hero-end{margin-top:65px;display:flex;align-items:center;gap:12px;font-size:13px;color:#5f777e}.hero-end:before{content:'';width:26px;height:1px;background:#738e9666}.footer{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid #254e5a20;padding:27px 0 30px;font-size:13px;color:#536b73}.footer-links{display:flex;gap:28px}.footer a:hover{text-decoration:underline;text-underline-offset:4px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start;padding:115px 50px 100px;min-height:750px}.contact h1{font-family:Manrope,sans-serif;font-weight:400;font-size:clamp(3rem,5vw,5rem);letter-spacing:-.055em;line-height:1.14;margin:0 0 25px}.contact .eyebrow{margin-bottom:25px}.contact p{font-size:18px;line-height:1.6;color:#536c74;max-width:330px}.form{background:#ffffff35;border:1px solid #ffffff90;backdrop-filter:blur(24px);border-radius:28px;padding:34px;box-shadow:0 15px 60px #42636b08}.field{margin-bottom:24px}.field label{display:block;font-size:14px;margin:0 0 10px}input,textarea{display:block;width:100%;border:1px solid #47646e25;border-radius:12px;padding:14px 15px;background:#ffffff45;color:#18333d;font-size:16px;resize:vertical}textarea{min-height:130px}input::placeholder,textarea::placeholder{color:#70858b}input:focus,textarea:focus{background:#ffffff8a}.form .cta{background:#214550;color:#fff;border-color:#214550;width:100%;padding:16px}.form .cta:hover{background:#315d6a}.form-note{font-size:12px!important;line-height:1.5!important;margin:16px 0 0!important;color:#60777e!important;max-width:none!important}.status{font-size:14px!important;line-height:1.5!important;margin-bottom:0!important}.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} [hidden]{display:none!important}@media(min-width:1600px){.hero{min-height:calc(100svh - 190px)}}@media(max-width:800px){.wrap{padding:25px 26px 0}.brand img{width:105px}.brand span{display:none}.nav>a,.apps>button{padding:11px 14px}.hero{min-height:720px;padding:100px 0 80px}.hero h1{font-size:clamp(3rem,8.3vw,4.5rem)}.lens{width:320px;height:320px;right:-15px;top:165px}.subtitle{font-size:16px;max-width:290px}.contact{padding:80px 0;gap:40px;grid-template-columns:1fr}.contact p{max-width:400px}.form{max-width:550px;width:100%;padding:26px}.footer{align-items:flex-start}.footer-links{gap:19px}}@media(max-width:450px){.wrap{padding:22px 20px 0}.header{gap:12px}.brand img{width:85px}.nav{padding:4px;gap:0}.nav>a,.apps>button{padding:10px 10px;font-size:12px}.hero{min-height:690px;padding-top:80px}.hero h1{font-size:3rem;line-height:1.17}.hero h1 span{display:inline}.hero h1 span:after{content:' '}.eyebrow{font-size:11px}.lens{width:280px;height:280px;right:-10px;top:180px}.footer{flex-direction:column;gap:17px;padding-bottom:25px}.contact{padding-top:70px}.contact h1{font-size:3.5rem}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Resolv: monochrome surfaces with warm motion-blur accents. */
:root{color:#141414;background:#e8e8e8;font-family:'DM Sans',Arial,sans-serif}body{background:radial-gradient(ellipse at 65% 22%,#f8d7c8 0,transparent 48%),linear-gradient(145deg,#eeeeee,#d2d2d2);color:#141414}body:before{opacity:.09}.wrap{max-width:1500px;padding-top:32px}.brand img{opacity:1}.brand span{letter-spacing:.08em}.nav{background:#ffffff65;border-color:#fff8;box-shadow:none;backdrop-filter:blur(20px)}.nav .active{background:#fff;box-shadow:none}.nav>a,.apps>button{font-weight:500}.dropdown{background:#f3f3f3f5;border-color:#fff;border-radius:22px;box-shadow:0 16px 40px #00000012}.dropdown p{color:#555}.hero{isolation:isolate;min-height:760px}.hero:before{content:'';position:absolute;z-index:-1;width:min(76vw,940px);height:210px;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-6deg);background:repeating-linear-gradient(0deg,#ff550000 0px,#ff580099 3px,#f94b00d9 5px,#ff80007a 8px,#ff550000 10px);filter:blur(13px);border-radius:44%;opacity:.86;pointer-events:none}.hero:after{content:'';position:absolute;z-index:-2;width:min(70vw,880px);height:440px;left:50%;top:48%;transform:translate(-50%,-50%);background:radial-gradient(ellipse,#fff8 0,#fff0 65%);pointer-events:none}.lens{display:none}.hero .eyebrow{border:1px solid #18181850;border-radius:30px;padding:10px 18px;letter-spacing:.06em;font-size:12px;margin-bottom:36px}.hero h1{font-family:'DM Sans',Arial,sans-serif;font-weight:450;letter-spacing:-.06em;line-height:1.05;font-size:clamp(3rem,6.6vw,6.3rem);max-width:1120px}.hero h1 em{font-family:inherit;font-style:normal;color:inherit;letter-spacing:inherit}.subtitle{color:#303030;font-size:18px;margin-top:36px}.cta{background:#141414;color:#fff;border:1px solid #141414;box-shadow:none;font-weight:500;padding:16px 32px;backdrop-filter:none}.cta:hover{background:#363636}.hero-end{color:#404040;text-transform:uppercase;letter-spacing:.04em;font-size:12px;margin-top:74px}.hero-end:before{background:#f3540c;width:30px;height:3px}.footer{color:#444;border-color:#0002}.footer-links{color:#141414}.contact{position:relative}.contact:before{content:'';position:absolute;left:-70px;top:270px;width:45%;height:110px;background:repeating-linear-gradient(0deg,#ff550000 0,#ff58009c 3px,#f94b00c9 6px,#ff550000 10px);filter:blur(15px);transform:rotate(-8deg);z-index:-1;pointer-events:none}.contact h1{font-family:'DM Sans',Arial,sans-serif;font-weight:450;letter-spacing:-.06em}.contact p{color:#444}.form{background:#f7f7f7b3;border:1px solid #fff;border-radius:26px;box-shadow:none}input,textarea{background:#fff;border:1px solid #00000017;color:#111;border-radius:14px}input::placeholder,textarea::placeholder{color:#777}input:focus,textarea:focus{background:#fff}.form .cta{background:#141414;border-color:#141414}.form .cta:hover{background:#363636}.form-note{color:#666!important}.form-note a{text-decoration:underline;text-underline-offset:3px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline-color:#e45210}@media(max-width:800px){.hero{min-height:720px}.hero:before{width:93vw;height:170px;top:47%;filter:blur(11px)}.hero h1{font-size:clamp(3rem,8.3vw,4.5rem)}.subtitle{font-size:16px}.contact:before{width:90%;top:220px}.hero .eyebrow{font-size:11px}}@media(max-width:450px){.hero{min-height:690px}.hero h1{font-size:3rem;line-height:1.08}.hero:before{height:160px;top:46%;width:95vw}.hero .eyebrow{font-size:10px;padding:9px 14px}.subtitle{margin-top:30px}.hero-end{font-size:10px;letter-spacing:.02em}.contact h1{font-size:3.5rem}.contact:before{top:210px}}@media(min-width:1600px){.hero{min-height:calc(100svh - 190px)}}
/* Quiet app silhouettes drifting through depth. */
.app-atmosphere{position:fixed;inset:0;overflow:hidden;pointer-events:none;perspective:1100px;z-index:0;contain:layout style}.wrap{position:relative;z-index:1}.app-shape{position:absolute;left:var(--x);top:var(--y);width:var(--size);aspect-ratio:1;border-radius:25%;background:linear-gradient(145deg,#ffffff85,#ffffff0a 65%,#a7a7a71f);border:1px solid #ffffffa6;box-shadow:inset 1px 1px 4px #fff9,inset -2px -2px 7px #77777710,10px 18px 30px #45454509;opacity:.5;transform-style:preserve-3d;animation:app-drift var(--duration) ease-in-out infinite alternate;animation-delay:var(--delay);will-change:transform,filter}.app-shape.warm{background:linear-gradient(140deg,#ffe5d699,#fa8b4933 70%,#ffffff20);border-color:#fff8}.app-shape.cool{background:linear-gradient(140deg,#fff9,#bbc5d23d 70%,#ffffff20)}@keyframes app-drift{0%{transform:translate3d(-15px,20px,-180px) rotateX(18deg) rotateY(-24deg) rotateZ(-12deg);filter:blur(6px);opacity:.28}45%{filter:blur(.7px);opacity:.5}100%{transform:translate3d(28px,-35px,95px) rotateX(-16deg) rotateY(25deg) rotateZ(15deg);filter:blur(3.5px);opacity:.35}}@media(max-width:800px){.app-shape{width:calc(var(--size) * .65);opacity:.3}.app-shape:nth-child(6),.app-shape:nth-child(7){display:none}}@media(prefers-reduced-motion:reduce){.app-shape{animation:none;transform:rotate(-12deg);filter:blur(4px);opacity:.25;will-change:auto}}
/* Stronger edge definition keeps the drifting tiles visible on pale backgrounds. */
.app-shape{background:linear-gradient(145deg,#ffffffb3,#bac3ce59 70%,#929eae40);border:1px solid #ffffffd9;box-shadow:inset 2px 2px 8px #ffffffb3,inset -2px -3px 10px #52617117,12px 24px 45px #3a455528}.app-shape.warm{background:linear-gradient(145deg,#ffe4d9b3,#f59b736b 70%,#e56c3c33)}.app-shape.cool{background:linear-gradient(145deg,#ffffffb3,#a9b9ce70 70%,#7c8fa747)}@keyframes app-drift{0%{transform:translate3d(-20px,25px,-130px) rotateX(18deg) rotateY(-24deg) rotateZ(-12deg);filter:blur(5px);opacity:.48}45%{filter:blur(.4px);opacity:.78}100%{transform:translate3d(35px,-45px,95px) rotateX(-16deg) rotateY(25deg) rotateZ(15deg);filter:blur(2.5px);opacity:.58}}@media(prefers-reduced-motion:reduce){.app-shape{opacity:.6;filter:blur(2px)}}
/* Glass passes across the page without intercepting controls. */
.app-atmosphere{z-index:3}.header{z-index:10}.app-shape,.app-shape.warm,.app-shape.cool{background:linear-gradient(135deg,#ffffff24,#ffffff05 48%,#ffffff14);border:1px solid #ffffff8c;box-shadow:inset 1px 1px 3px #ffffffb3,inset -1px -1px 4px #ffffff42,8px 16px 30px #27324212;backdrop-filter:blur(3px) saturate(1.12);-webkit-backdrop-filter:blur(3px) saturate(1.12);translate:var(--pointer-x,0px) var(--pointer-y,0px);rotate:var(--pointer-angle,0deg);transition:translate .65s cubic-bezier(.2,.7,.3,1),rotate .65s ease,border-color .4s,box-shadow .4s}.app-shape.near-pointer{border-color:#ffffffdd;box-shadow:inset 1px 1px 5px #fff,inset -1px -1px 4px #ffffff65,8px 18px 35px #2732421c}.app-shape:nth-child(2){left:69%;top:30%}.app-shape:nth-child(4){left:24%;top:53%}.app-shape:nth-child(6){left:42%;top:26%}@media(prefers-reduced-motion:reduce){.app-shape{transition:none;translate:none;rotate:none}}
.wrap{z-index:auto}
.liquid-glass-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;display:none}.webgl-ready .liquid-glass-canvas{display:block}.webgl-ready .app-shape{background:transparent!important;backdrop-filter:none;-webkit-backdrop-filter:none;border-color:transparent;box-shadow:none;opacity:0!important}
