:root{--pacific:#073b4c;--pacific-deep:#052f3e;--turquoise:#34a5a8;--sun:#ffb703;--sand:#f5efe3;--foam:#fffdf8;--ink:#102a2e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--sand);color:var(--foam);margin:0;font-family:Avenir Next,Helvetica Neue,Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.shell{width:min(1180px,100% - 48px);margin-inline:auto}.hero{background:radial-gradient(circle at 73% 31%, #34a5a830, transparent 28%), linear-gradient(112deg, var(--pacific-deep), var(--pacific) 62%, #0b4859);min-height:100svh;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;opacity:.13;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='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.24'/%3E%3C/svg%3E");position:absolute;inset:0}.nav{z-index:5;border-bottom:1px solid #ffffff24;grid-template-columns:1fr auto 1fr;align-items:center;height:94px;display:grid;position:relative}.brand{align-items:center;gap:12px;width:fit-content;display:inline-flex}.brand img{object-fit:contain;width:42px;height:42px}.brand span{line-height:1;display:grid}.brand strong{letter-spacing:.15em;font-size:17px}.brand small{color:var(--turquoise);letter-spacing:.32em;margin-top:6px;font-size:9px;font-weight:800}.nav-links{color:#ffffffb8;letter-spacing:.08em;align-items:center;gap:34px;font-size:12px;font-weight:700;display:flex}.nav-links a{transition:color .2s}.nav-links a:hover{color:var(--foam)}.devtecno-pill{color:#ffffffb8;letter-spacing:.08em;border:1px solid #ffffff2e;border-radius:999px;justify-self:end;padding:10px 14px;font-size:10px;font-weight:700}.hero-grid{z-index:2;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;min-height:calc(100svh - 150px);padding-block:52px 76px;display:grid;position:relative}.eyebrow{color:#ffffffa6;letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:12px;margin:0 0 22px;font-size:11px;font-weight:800;display:flex}.eyebrow span{background:var(--sun);border-radius:3px;width:44px;height:3px;display:inline-block}h1{letter-spacing:-.065em;max-width:720px;margin:0;font-size:clamp(56px,6.7vw,104px);font-weight:800;line-height:.91}h1 em{color:var(--turquoise);font-style:normal}.lede{color:#ffffffb8;max-width:590px;margin:30px 0 0;font-size:clamp(16px,1.5vw,19px);line-height:1.65}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:36px;display:flex}.button{letter-spacing:.06em;border-radius:4px;justify-content:center;align-items:center;gap:22px;min-height:52px;padding:0 22px;font-size:12px;font-weight:800;transition:transform .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--sun);color:var(--ink)}.button-primary span{font-size:18px}.button-ghost{color:var(--foam);border:1px solid #ffffff3d}.hero-facts{border-top:1px solid #ffffff24;grid-template-columns:repeat(3,1fr);gap:20px;margin:44px 0 0;padding-top:24px;display:grid}.hero-facts div{gap:4px;display:grid}.hero-facts dt{color:var(--sun);letter-spacing:.14em;font-size:10px;font-weight:800}.hero-facts dd{color:#ffffffa3;letter-spacing:.06em;margin:0;font-size:11px;font-weight:700}.hero-visual{place-items:center;min-height:610px;display:grid;position:relative}.sun-orbit{border:1px solid #ffffff1f;border-radius:50%;width:540px;height:540px;position:absolute}.sun-orbit:before,.sun-orbit:after{content:"";border-radius:50%;position:absolute}.sun-orbit:before{border:1px dashed #ffb7033d;inset:64px}.sun-orbit:after{background:var(--sun);width:18px;height:18px;top:60px;right:75px;box-shadow:0 0 0 8px #ffb7031a}.board-frame{z-index:2;border-radius:220px 220px 24px 24px;width:min(410px,82%);position:relative;overflow:hidden;transform:rotate(2deg);box-shadow:0 40px 80px #0000004d}.board-frame:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff2e}.board-frame img{aspect-ratio:1/1.12;object-fit:cover;width:100%}.visual-label{z-index:3;color:#ffffff8c;letter-spacing:.2em;font-size:9px;font-weight:800;line-height:1.5;position:absolute}.visual-label-top{top:54px;left:8px}.visual-card{z-index:4;width:240px;color:var(--ink);background:#f5efe3f0;align-items:center;gap:14px;padding:16px 18px;display:flex;position:absolute;bottom:64px;right:-24px;box-shadow:0 24px 50px #00000038}.visual-card img{object-fit:contain;width:42px;height:42px}.visual-card span{letter-spacing:.12em;font-size:9px;font-weight:900;line-height:1.5}.hero-footer{z-index:3;color:#ffffff73;letter-spacing:.16em;justify-content:space-between;font-size:9px;font-weight:800;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.scroll-mark{align-items:center;gap:12px;display:inline-flex}.scroll-mark b{color:var(--sun);font-size:16px}.section-pad{padding:132px 0}.section-heading{margin-bottom:72px}.split-heading{grid-template-columns:1.2fr .8fr;align-items:end;gap:100px;display:grid}.section-index{color:var(--turquoise);letter-spacing:.2em;margin-bottom:18px;font-size:10px;font-weight:900;display:block}.section-index.light{color:#ffffff8c}.section-heading h2{max-width:720px;color:var(--pacific);letter-spacing:-.05em;margin:0;font-size:clamp(42px,5.4vw,76px);line-height:1}.section-heading>p,.split-heading>p{color:#536466;margin:0;font-size:17px;line-height:1.75}.identity{background:var(--sand);color:var(--ink)}.identity-stage{background:var(--foam);border:1px solid #073b4c1f;grid-template-columns:1fr 1fr;min-height:560px;display:grid}.identity-mark{background:#eee7da;place-items:center;min-height:560px;display:grid;position:relative;overflow:hidden}.identity-mark img{z-index:2;width:min(340px,70%);position:relative}.axis{z-index:1;background:#073b4c1a;position:absolute}.axis-x{height:1px;top:50%;left:0;right:0}.axis-y{width:1px;top:0;bottom:0;left:50%}.identity-mark:after{content:"";border:1px dashed #073b4c1f;border-radius:50%;width:420px;height:420px;position:absolute}.identity-wordmark{background:var(--foam);flex-direction:column;justify-content:center;padding:70px;display:flex}.identity-wordmark>p{color:#768183;letter-spacing:.16em;text-transform:uppercase;margin:0 0 22px;font-size:10px;font-weight:800}.identity-wordmark>strong{color:var(--pacific);letter-spacing:-.055em;font-size:clamp(68px,8vw,116px);line-height:.9}.identity-wordmark>span{color:var(--turquoise);letter-spacing:.28em;margin-top:18px;font-size:14px;font-weight:900}.identity-wordmark blockquote{color:var(--pacific);border-top:1px solid #073b4c1f;margin:65px 0 0;padding-top:24px;font-size:18px;font-weight:700}.concept-grid{border:1px solid #073b4c21;grid-template-columns:repeat(3,1fr);margin-top:28px;display:grid}.concept-grid article{border-right:1px solid #073b4c21;min-height:240px;padding:34px}.concept-grid article:last-child{border-right:0}.concept-grid span{color:var(--turquoise);letter-spacing:.18em;font-size:9px;font-weight:900}.concept-grid h3{color:var(--pacific);letter-spacing:-.03em;margin:54px 0 12px;font-size:27px}.concept-grid p{color:#627073;margin:0;line-height:1.65}.palette-block{grid-template-columns:.7fr 1.3fr;align-items:end;gap:70px;margin-top:110px;display:grid}.palette-block h3{color:var(--pacific);letter-spacing:-.04em;margin:0;font-size:42px;line-height:1.08}.palette-grid{grid-template-columns:repeat(4,1fr);min-height:230px;display:grid}.palette-grid article{flex-direction:column;justify-content:space-between;padding:18px;display:flex}.palette-grid article span{letter-spacing:.08em;font-size:10px;font-weight:800}.palette-grid article strong{font-size:12px;line-height:1.3}.swatch-pacific{background:var(--pacific);color:#fff}.swatch-turquoise{background:var(--turquoise);color:var(--pacific-deep)}.swatch-sun{background:var(--sun);color:var(--ink)}.swatch-sand{background:var(--foam);color:var(--ink);border:1px solid #073b4c1f}.applications{color:#fff;background:#062f3d;position:relative;overflow:hidden}.applications:before{content:"";border:1px solid #34a5a82e;border-radius:50%;width:680px;height:680px;position:absolute;top:-260px;right:-240px}.applications-heading{grid-template-columns:1.2fr .5fr;align-items:end;gap:100px;display:grid;position:relative}.applications-heading h2{color:var(--foam)}.applications-heading>p{color:#fff9}.mockup-grid{grid-template-columns:1.3fr .7fr;gap:24px;display:grid;position:relative}.mockup{min-height:340px;margin:0;position:relative;overflow:hidden}.mockup-large{grid-row:span 2;min-height:704px}.mockup img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.mockup:hover img{transform:scale(1.025)}.mockup:after{content:"";pointer-events:none;background:linear-gradient(#0000,#031d27d1);position:absolute;inset:35% 0 0}.mockup figcaption{z-index:2;color:#fff;grid-template-columns:28px 1fr;align-items:end;display:grid;position:absolute;bottom:24px;left:26px;right:26px}.mockup figcaption span{color:var(--sun);grid-row:span 2;font-size:10px;font-weight:900}.mockup figcaption strong{font-size:19px}.mockup figcaption small{color:#ffffff8c;letter-spacing:.12em;text-transform:uppercase;margin-top:5px;font-size:9px;font-weight:800}.brand-promise{margin-top:120px}.brand-promise .eyebrow{color:#ffffff94}.promise-grid{border-top:1px solid #ffffff29;grid-template-columns:repeat(3,1fr);display:grid}.promise-grid article{border-right:1px solid #ffffff1f;min-height:280px;padding:36px 36px 36px 0}.promise-grid article+article{padding-left:36px}.promise-grid article:last-child{border-right:0}.promise-grid b{color:var(--sun);letter-spacing:.12em;font-size:10px}.promise-grid h3{letter-spacing:-.03em;margin:70px 0 12px;font-size:29px}.promise-grid p{color:#ffffff94;margin:0;line-height:1.7}.evolution{background:var(--foam);color:var(--ink)}.roadmap{border-top:1px solid #073b4c26;border-bottom:1px solid #073b4c26;grid-template-columns:repeat(3,1fr);display:grid}.roadmap article{border-right:1px solid #073b4c26;min-height:520px;padding:42px;position:relative}.roadmap article:last-child{border-right:0}.roadmap article:after{content:"→";z-index:2;background:var(--sun);width:24px;height:24px;color:var(--ink);border-radius:50%;place-items:center;font-size:12px;display:grid;position:absolute;top:42px;right:-12px}.roadmap article:last-child:after{display:none}.roadmap-number{color:#073b4c26;font-size:82px;font-weight:800;line-height:1}.roadmap small{color:var(--turquoise);letter-spacing:.18em;margin-top:60px;font-weight:900;display:block}.roadmap h3{color:var(--pacific);letter-spacing:-.04em;margin:8px 0 20px;font-size:42px}.roadmap p{color:#5f6e70;min-height:92px;margin:0;line-height:1.65}.roadmap ul{margin:34px 0 0;padding:0;list-style:none}.roadmap li{color:var(--pacific);border-top:1px solid #073b4c1a;padding:12px 0;font-size:12px;font-weight:750}.roadmap li:before{content:"✓";color:var(--turquoise);margin-right:10px}.system-preview{background:var(--pacific);color:#fff;grid-template-columns:.8fr 1.2fr;align-items:center;gap:70px;margin-top:120px;padding:70px;display:grid;overflow:hidden}.system-copy h3{letter-spacing:-.045em;margin:14px 0 24px;font-size:clamp(38px,4.5vw,60px);line-height:1.02}.system-copy>p{color:#ffffff9e;margin:0;line-height:1.7}.system-tags{flex-wrap:wrap;gap:8px;margin-top:32px;display:flex}.system-tags span{color:#ffffffb3;letter-spacing:.1em;text-transform:uppercase;border:1px solid #ffffff26;padding:9px 12px;font-size:9px;font-weight:800}.dashboard-card{background:#f3f5f2;border:7px solid #123f4d;border-radius:18px;overflow:hidden;transform:rotate(1.5deg);box-shadow:0 35px 70px #00000047}.dash-top{background:#e6e9e5;align-items:center;gap:6px;height:34px;padding:0 12px;display:flex}.dash-top span,.dash-top i{background:var(--sun);border-radius:50%;width:7px;height:7px}.dash-top i{background:#c6ceca}.dash-body{grid-template-columns:64px 1fr;min-height:390px;display:grid}.dash-body aside{background:#062f3d;flex-direction:column;align-items:center;gap:25px;padding:20px 15px;display:flex}.dash-body aside b{background:var(--turquoise);width:32px;height:32px;color:var(--pacific);border-radius:50%;place-items:center;display:grid}.dash-body aside span{background:#fff3;border-radius:4px;width:20px;height:4px}.dash-main{color:var(--ink);padding:30px}.dash-title{justify-content:space-between;align-items:end;display:flex}.dash-title div{gap:6px;display:grid}.dash-title small{color:#8a9492;letter-spacing:.1em;text-transform:uppercase;font-size:8px}.dash-title strong{color:var(--pacific);font-size:22px}.dash-title button{background:var(--sun);color:var(--ink);border:0;border-radius:4px;padding:10px 13px;font-size:9px;font-weight:800}.dash-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:30px;display:grid}.dash-stats span{background:#fff;border:1px solid #e4e8e5;gap:6px;padding:16px;display:grid}.dash-stats small{color:#82908c;font-size:7px;font-weight:800}.dash-stats b{color:var(--pacific);font-size:25px}.dash-list{gap:10px;margin-top:18px;display:grid}.dash-list span{background:linear-gradient(90deg,#fff 72%,#e7f2ef 72%);border:1px solid #e4e8e5;border-radius:5px;height:56px}.closing{min-height:760px;color:var(--pacific);text-align:center;background:#e9dfcf;place-items:center;display:grid;position:relative;overflow:hidden}.closing-mark{opacity:.055;width:720px;position:absolute;bottom:-170px;right:-110px;transform:rotate(-8deg)}.closing-inner{z-index:2;padding-block:100px;position:relative}.closing h2{letter-spacing:-.065em;margin:0;font-size:clamp(58px,7.5vw,108px);line-height:.92}.closing h2 em{color:var(--turquoise);font-style:normal}.closing p{color:#5e6e70;max-width:650px;margin:34px auto;font-size:18px;line-height:1.65}.closing .button{margin-top:10px}footer{color:#ffffff8f;background:#052b38;padding:34px 0}footer .shell{grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;display:grid}.footer-brand{color:#fff;letter-spacing:.12em;align-items:center;gap:12px;font-size:11px;display:flex}.footer-brand img{object-fit:contain;width:32px;height:32px}footer p{text-align:center;margin:0;font-size:10px}footer p a{color:var(--turquoise);font-weight:800}footer>.shell>span{letter-spacing:.14em;justify-self:end;font-size:9px;font-weight:800}@media (max-width:920px){.nav{grid-template-columns:1fr auto}.nav-links{display:none}.hero-grid{grid-template-columns:1fr;gap:30px;padding-top:70px}.hero-copy{text-align:center}.eyebrow,.hero-actions{justify-content:center}.lede{margin-inline:auto}.hero-facts{text-align:left}.hero-visual{min-height:520px}.visual-label-top{left:10%}.visual-card{right:5%}.hero-footer{padding-bottom:20px;position:relative;bottom:auto;left:auto;transform:none}.section-pad{padding:94px 0}.split-heading,.applications-heading{grid-template-columns:1fr;gap:28px}.identity-stage{grid-template-columns:1fr}.identity-wordmark{padding:55px 40px}.concept-grid{grid-template-columns:1fr}.concept-grid article{border-bottom:1px solid #073b4c21;border-right:0;min-height:190px}.concept-grid article:last-child{border-bottom:0}.concept-grid h3{margin-top:30px}.palette-block{grid-template-columns:1fr;gap:35px}.mockup-grid{grid-template-columns:1fr 1fr}.mockup-large{grid-area:auto/span 2;min-height:640px}.roadmap{grid-template-columns:1fr}.roadmap article{border-bottom:1px solid #073b4c26;border-right:0;min-height:auto}.roadmap article:last-child{border-bottom:0}.roadmap article:after{top:auto;bottom:-12px;right:42px;transform:rotate(90deg)}.roadmap p{min-height:auto}.system-preview{grid-template-columns:1fr;padding:54px}footer .shell{text-align:center;grid-template-columns:1fr}.footer-brand{justify-content:center}footer>.shell>span{justify-self:center}}@media (max-width:560px){.shell{width:min(100% - 28px,1180px)}.nav{height:78px}.devtecno-pill{display:none}h1{font-size:clamp(50px,16vw,72px)}.hero-facts{grid-template-columns:1fr;gap:12px}.hero-facts div{grid-template-columns:34px 1fr;align-items:center}.hero-visual{min-height:460px}.sun-orbit{width:430px;height:430px}.visual-card{width:210px;bottom:40px;right:0}.hero-footer span:nth-child(2){display:none}.section-pad{padding:76px 0}.section-heading{margin-bottom:48px}.identity-mark{min-height:390px}.identity-wordmark{padding:40px 24px}.identity-wordmark>strong{font-size:60px}.identity-wordmark>span{font-size:10px}.palette-grid{grid-template-columns:1fr 1fr}.palette-grid article{min-height:150px}.mockup-grid{grid-template-columns:1fr}.mockup-large{grid-column:auto;min-height:440px}.mockup{min-height:380px}.promise-grid{grid-template-columns:1fr}.promise-grid article,.promise-grid article+article{border-bottom:1px solid #ffffff1f;border-right:0;min-height:auto;padding:32px 0}.promise-grid h3{margin-top:35px}.roadmap article{padding:32px 20px}.roadmap-number{font-size:65px}.system-preview{margin-top:75px;padding:38px 20px}.dash-body{grid-template-columns:44px 1fr;min-height:320px}.dash-main{padding:18px}.dash-stats{grid-template-columns:1fr}.dash-stats span:nth-child(n+2){display:none}.closing{min-height:650px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}}