@font-face{font-family:Manrope;src:url('../assets/fonts/manrope-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('../assets/fonts/manrope-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Manrope;src:url('../assets/fonts/manrope-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Manrope;src:url('../assets/fonts/manrope-700.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Manrope;src:url('../assets/fonts/manrope-800.ttf') format('truetype');font-weight:800;font-display:swap}

:root{--coral:#e65b5d;--coral-deep:#dc4d48;--ink:#101113;--paper:#f1f1ed;--white:#fff;--surface:#1c1e21;--soft:#bfc0c1;--grey:#d5d6d0;--page-pad:clamp(20px,3vw,56px);--body-size:clamp(17px,1.4vw,20px);--heading-size:clamp(48px,6.8vw,106px);--small-size:14px;--font:Manrope,'Segoe UI',sans-serif;--ease:cubic-bezier(.2,.75,.2,1);color-scheme:light}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:28px}
body{margin:0;background:var(--coral);color:var(--ink);font-family:var(--font);font-weight:500;-webkit-font-smoothing:antialiased}
button,a{-webkit-tap-highlight-color:transparent}
button,input{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
figure,p,h1,h2,h3{margin:0}
p{font-size:var(--body-size);line-height:1.55;text-wrap:pretty}
h1,h2,h3{text-wrap:balance}
h2{font-size:var(--heading-size);line-height:1;letter-spacing:-.065em;font-weight:600}
h3{font-size:26px;line-height:1.2;letter-spacing:-.045em;font-weight:600}
::selection{background:var(--ink);color:var(--coral)}
:focus-visible{outline:3px solid currentColor;outline-offset:7px}
.skip-link{position:absolute;z-index:99;top:12px;left:var(--page-pad);padding:14px 20px;background:var(--ink);color:var(--white);clip-path:inset(50%);overflow:hidden;width:1px;height:1px}
.skip-link:focus{clip-path:none;width:auto;height:auto;overflow:visible}
.site-header{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;min-height:100px;padding:20px var(--page-pad)}
.brand{display:inline-flex;align-items:center;gap:10px;font-size:21px;letter-spacing:-.04em;font-weight:800}
.site-nav{display:flex;align-items:center;gap:clamp(26px,3.8vw,64px);font-size:16px}
.site-nav a{position:relative;min-height:44px;display:inline-flex;align-items:center;transition:opacity .2s ease}
.site-nav a:hover,.footer-links a:hover{opacity:.6}
.site-nav .nav-access{gap:14px;font-weight:700}
.menu-toggle{display:none}
.hero{padding:20px var(--page-pad) 76px}
.hero-name{font-size:23vw;font-weight:800;letter-spacing:-.09em;line-height:.93;overflow:hidden;margin-left:-.015em;padding-bottom:.06em}
.hero-name>span{display:block;transform-origin:left bottom;animation:name-enter 1s var(--ease) both}
.hero-bottom{display:grid;grid-template-columns:1.1fr 1fr;align-items:start;gap:clamp(40px,8vw,160px);padding-top:44px}
h1{font-size:clamp(44px,5.7vw,88px);line-height:1.04;letter-spacing:-.06em;font-weight:600}
.headline-line{display:block;overflow:hidden;padding-bottom:.07em;margin-bottom:-.07em}
.headline-line>span{display:block;animation:line-enter .8s var(--ease) both;animation-delay:.12s}
.headline-line:nth-child(2)>span{animation-delay:.22s}
.hero-summary{padding-top:5px;max-width:540px;animation:summary-enter .8s var(--ease) .32s both}
.hero-summary>p:first-child{max-width:38ch}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:58px;padding:17px 24px;font-size:16px;font-weight:700;transition:transform .25s var(--ease),background-color .2s ease,color .2s ease}
.button:hover{transform:translateY(-3px)}
.button:active{transform:translateY(0) scale(.98)}
.button-dark{background:var(--ink);color:var(--white)}
.button-dark:hover{background:var(--surface)}
.hero-summary .button{margin-top:28px}
.hero-summary .hero-note{margin-top:18px;font-size:var(--small-size);max-width:42ch;line-height:1.5}
.console-showcase{padding:34px max(var(--page-pad),6vw) 76px;overflow:hidden}
.hero-screen{perspective:1800px;max-width:1240px;margin-inline:auto}
.screen-perspective{position:relative;transform:rotateX(var(--screen-tilt,5deg)) rotateZ(var(--screen-rotate,-2deg)) translateY(var(--screen-y,0));transform-origin:50% 0%;will-change:transform}
.laptop-lid{position:relative;padding:11px 11px 14px;background:#292b30;border-radius:22px 22px 12px 12px}
.laptop-screen{aspect-ratio:1.6;overflow:hidden;border-radius:12px 12px 3px 3px;background:var(--ink)}
.laptop-screen picture{display:block;height:100%}
.laptop-screen img{width:100%;height:100%;aspect-ratio:1.6;object-fit:cover;object-position:top}
.laptop-camera{position:absolute;top:4px;left:50%;width:5px;height:5px;border-radius:50%;background:#101319;transform:translateX(-50%)}
.laptop-base{position:relative;z-index:1;width:110%;height:27px;margin-left:-5%;background:#c0c2c8;border-top:3px solid #d9dbe0;border-bottom:8px solid #989ba3;border-radius:3px 3px 34px 34px}
.laptop-grip{position:absolute;top:-3px;left:50%;width:16%;height:9px;transform:translateX(-50%);background:#8b8e96;border-radius:0 0 12px 12px}
.laptop-shadow{position:absolute;z-index:-1;bottom:-13px;left:2%;width:96%;height:18px;background:rgba(16,17,19,.18);filter:blur(9px);border-radius:50%}
.screen-caption{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:34px 0 0;font-size:16px;line-height:1.4}
.motion-toggle{display:inline-flex;align-items:center;gap:15px;padding:10px 0 10px 16px;min-height:44px;background:none;border:0;color:var(--ink);font-size:14px;font-weight:700;text-align:left;transition:opacity .2s ease}
.motion-toggle:hover{opacity:.65}
.play-symbol{font-size:15px;min-width:14px}
.section-space{padding:clamp(90px,9vw,150px) var(--page-pad)}
.decision{background:var(--paper)}
.section-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(40px,8vw,160px);align-items:end;margin-bottom:70px}
.section-intro>p{max-width:39ch;margin-bottom:6px}
.finding-explorer{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(40px,8vw,160px);align-items:stretch}
.severity-options{display:flex;flex-direction:column;gap:4px}
.severity-choice{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:90px;padding:8px 18px 14px;background:transparent;border:0;color:var(--ink);text-align:left;font-size:clamp(42px,5.1vw,76px);letter-spacing:-.065em;line-height:1.1;font-weight:600;transition:background-color .25s ease,transform .25s var(--ease)}
.severity-choice[aria-pressed=true]{background:var(--coral)}
.severity-choice:hover{transform:translateX(5px)}
.choice-mark{font-size:32px;opacity:0;transform:translate(-8px,8px);transition:transform .25s var(--ease),opacity .25s ease}
.severity-choice[aria-pressed=true] .choice-mark,.severity-choice:hover .choice-mark{opacity:1;transform:translate(0,0)}
.finding-preview{background:var(--ink);color:var(--paper);padding:32px;display:flex;flex-direction:column;min-width:0}
.finding-preview-top{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}
.finding-preview-top p{font-size:20px;font-weight:600;letter-spacing:-.03em}
.demo-label{font-size:13px;color:var(--soft)}
.finding-list{list-style:none;padding:0;margin:22px 0 28px;flex:1}
.finding-list li{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0}
.finding-list li+li{margin-top:8px}
.finding-list li>div{display:flex;flex-direction:column;gap:7px;min-width:0}
.finding-code{font-size:13px;color:var(--soft)}
.finding-list strong{font-size:17px;font-weight:600;line-height:1.45}
.finding-host{font-size:13px;color:var(--soft);overflow-wrap:anywhere}
.finding-score{font-size:38px;letter-spacing:-.06em;font-weight:600;color:var(--coral);text-align:right;flex-shrink:0}
.finding-score>span{display:block;font-size:13px;letter-spacing:0;font-weight:400;color:var(--soft);margin-top:4px}
.finding-note{font-size:13px;color:var(--soft);line-height:1.5;max-width:47ch}
.finding-list.is-updating{animation:findings-enter .3s var(--ease)}
.detail-screen{margin-top:80px;width:83%;margin-left:auto;overflow:hidden;background:var(--ink)}
.detail-screen img{width:100%;aspect-ratio:1.95;object-fit:cover;object-position:top left}
.detail-screen figcaption{background:var(--paper);font-size:16px;padding-top:20px}
.journey{background:var(--ink);color:var(--paper)}
.journey .section-intro>p{color:var(--paper)}
.journey-bar{display:flex;gap:6px;padding:0;margin:0;list-style:none}
.journey-bar>li{flex:1;min-width:0;padding:30px 24px 40px;min-height:228px;background:var(--paper);color:var(--ink)}
.journey-bar>li:nth-child(2){background:var(--grey)}
.journey-bar>li:nth-child(3){background:#b6b8b0}
.journey-bar>li:nth-child(4){background:var(--coral)}
.journey-bar h3{font-size:26px;margin-bottom:28px}
.journey-bar p{font-size:16px;line-height:1.5;max-width:23ch}
.journey-images{display:grid;grid-template-columns:1.22fr 1fr;gap:clamp(24px,5vw,90px);align-items:start;margin-top:90px}
.journey-images figure:nth-child(2){margin-top:100px}
.journey-images img{width:100%;aspect-ratio:1.32;object-fit:cover;object-position:top left;background:var(--surface)}
.journey-images figcaption{font-size:16px;padding-top:20px;line-height:1.4}
.journey-statement{font-size:clamp(22px,2.4vw,34px);line-height:1.3;letter-spacing:-.025em;max-width:36ch;margin-top:90px;margin-left:auto}
.project{background:var(--paper)}
.project>h2{margin-bottom:90px}
.project-columns{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,160px);padding-left:16.66%}
.project-columns h3{margin-bottom:26px}
.project-columns>div>p:first-of-type{font-size:clamp(22px,2.1vw,30px);letter-spacing:-.035em;line-height:1.4}
.project-columns .project-note{font-size:16px;margin-top:24px;max-width:38ch}
.project-invitation{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-top:100px;background:var(--coral);padding:46px}
.project-invitation p{font-size:clamp(23px,2.4vw,34px);line-height:1.25;letter-spacing:-.035em;max-width:29ch}
.project-invitation .button{flex-shrink:0}
.site-footer{background:var(--coral);padding:56px var(--page-pad) 32px;overflow:hidden}
.footer-name{font-size:23vw;font-weight:800;letter-spacing:-.09em;line-height:.95;margin-left:-.015em}
.footer-content{display:flex;justify-content:space-between;gap:50px;padding-top:70px}
.footer-content>p{font-size:clamp(22px,2.4vw,34px);line-height:1.25;letter-spacing:-.035em;max-width:25ch}
.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:14px;font-size:16px;padding-right:6vw}
.footer-links a{min-height:30px;transition:opacity .2s ease}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:90px;font-size:13px;line-height:1.5}
.footer-bottom a{display:inline-flex;align-items:center;min-height:44px}
.js-motion .reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:var(--reveal-delay,0ms)}
.js-motion .reveal.is-visible{opacity:1;transform:translateY(0)}
.js-motion .hero-screen{transition-duration:1s}
@keyframes name-enter{from{transform:translateY(105%)}to{transform:translateY(0)}}
@keyframes line-enter{from{transform:translateY(110%)}to{transform:translateY(0)}}
@keyframes summary-enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes findings-enter{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

@media(min-width:1700px){.hero-name,.footer-name{font-size:22.8vw}.hero-bottom,.section-intro,.finding-explorer{grid-template-columns:1.15fr 1fr}}
@media(max-width:1000px){.site-nav{gap:26px}.hero-bottom,.section-intro,.finding-explorer{gap:36px}.hero{padding-bottom:52px}.hero-bottom{padding-top:36px}.finding-preview{padding:24px}.finding-preview-top{gap:8px}.finding-preview-top p{font-size:18px}.finding-list strong{font-size:16px}.finding-list li{gap:12px}.finding-score{font-size:32px}.journey-bar>li{padding:24px 18px}.journey-bar h3{font-size:23px}.project-columns{padding-left:0}.project-invitation{padding:34px;gap:32px}.journey-images{gap:28px}.project-invitation .button{gap:20px}}
@media(max-width:740px){:root{--page-pad:20px;--body-size:17px;--heading-size:clamp(42px,10.5vw,72px)}html{scroll-padding-top:20px}.site-header{min-height:82px;padding-top:18px;padding-bottom:18px}.brand{font-size:20px}.brand img{width:30px;height:30px}.menu-toggle{display:inline-flex;align-items:center;gap:12px;background:none;border:0;padding:8px 0 8px 12px;min-height:44px;font-size:16px;font-weight:600;color:var(--ink)}.menu-mark{width:18px;height:18px;position:relative;display:block}.menu-mark:before,.menu-mark:after{content:'';display:block;position:absolute;left:0;top:8px;width:18px;height:2px;background:currentColor;transition:transform .25s var(--ease)}.menu-mark:after{transform:rotate(90deg)}.menu-toggle[aria-expanded=true] .menu-mark:before{transform:rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-mark:after{transform:rotate(135deg)}.site-nav{position:absolute;top:82px;left:0;right:0;display:flex;flex-direction:column;align-items:stretch;gap:0;background:var(--ink);color:var(--paper);padding:16px var(--page-pad) 24px;visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease}.site-nav.is-open{visibility:visible;opacity:1;transform:translateY(0)}.site-nav a{padding:12px 0;min-height:52px;font-size:20px}.site-nav .nav-access{justify-content:space-between;color:var(--coral);margin-top:8px}.hero{padding-top:26px;padding-bottom:46px}.hero-name{font-size:23.6vw;line-height:1;margin-left:-.02em;letter-spacing:-.09em}.hero-bottom{display:block;padding-top:42px}.hero h1{font-size:clamp(42px,10.8vw,68px);max-width:12ch}.hero-summary{padding-top:26px;max-width:37ch}.hero-summary>p:first-child{max-width:34ch}.hero-summary .button{margin-top:24px;min-height:56px}.hero-summary .hero-note{margin-top:16px;font-size:13px;max-width:32ch}.console-showcase{padding-top:10px;padding-bottom:40px}.screen-perspective{transform:none!important;width:125%;max-width:none}.screen-perspective img{aspect-ratio:1.25;object-fit:cover;object-position:top left}.screen-caption{padding-top:22px;align-items:flex-start;flex-direction:column;gap:16px;font-size:15px}.motion-toggle{padding:8px 0;font-size:14px}.section-space{padding:80px var(--page-pad)}.section-intro{display:block;margin-bottom:38px}.section-intro>p{margin-top:28px;max-width:34ch}.finding-explorer{display:block}.severity-options{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:20px}.severity-choice{font-size:clamp(27px,7.8vw,42px);min-height:70px;letter-spacing:-.05em;padding:10px 14px}.choice-mark{font-size:20px}.severity-choice:hover{transform:none}.finding-preview{padding:24px 20px;min-height:342px}.finding-preview-top p{font-size:18px}.finding-list{margin-top:16px}.finding-list li{padding:20px 0}.finding-list strong{font-size:16px}.finding-score{font-size:34px}.finding-score>span{font-size:13px}.finding-note{font-size:13px}.detail-screen{width:100%;margin-top:44px}.detail-screen img{aspect-ratio:1.15;object-position:top left;width:100%}.detail-screen figcaption{font-size:15px;padding-top:16px}.journey-bar{display:grid;grid-template-columns:1fr 1fr;gap:5px}.journey-bar>li{min-height:195px;padding:24px 17px}.journey-bar h3{font-size:23px;margin-bottom:25px}.journey-bar p{font-size:15px;line-height:1.45;max-width:20ch}.journey-images{grid-template-columns:1fr;margin-top:48px;gap:34px}.journey-images figure:nth-child(2){margin-top:0;margin-left:12%}.journey-images img{aspect-ratio:1.3}.journey-images figcaption{font-size:15px;padding-top:16px}.journey-statement{font-size:24px;max-width:26ch;margin-top:54px}.project>h2{margin-bottom:46px}.project-columns{display:block}.project-columns h3{font-size:23px;margin-bottom:20px}.project-columns>div>p:first-of-type{font-size:23px;line-height:1.4}.project-columns .project-note{font-size:16px;margin-top:20px}.project-next{margin-top:44px}.project-invitation{display:block;margin-top:50px;padding:28px 22px}.project-invitation p{font-size:24px;line-height:1.3;max-width:23ch}.project-invitation .button{margin-top:28px;font-size:15px;min-height:54px;padding:16px 20px}.site-footer{padding-top:36px;padding-bottom:20px}.footer-name{font-size:23.6vw;line-height:1}.footer-content{display:block;padding-top:44px}.footer-content>p{font-size:24px;max-width:22ch}.footer-links{margin-top:34px;gap:12px;padding-right:0}.footer-bottom{align-items:flex-start;margin-top:46px;gap:20px;font-size:13px}.footer-bottom>span{max-width:19ch}.footer-bottom a{min-height:36px;white-space:nowrap}}
@media(max-width:360px){.hero h1{font-size:39px}.severity-choice{font-size:26px;padding:10px 12px}.finding-preview{padding:20px 16px}.finding-preview-top{display:block}.demo-label{display:block;margin-top:8px}.finding-score{font-size:30px}.finding-list strong{font-size:15px}.journey-bar>li{padding:22px 14px}.journey-bar h3{font-size:21px}.footer-bottom{font-size:13px}}
@media(max-width:740px){.console-showcase{padding-inline:28px;padding-top:18px}.screen-perspective{width:100%;max-width:none}.laptop-lid{padding:6px 6px 8px;border-radius:12px 12px 5px 5px}.laptop-screen{border-radius:7px 7px 2px 2px;aspect-ratio:1.6}.laptop-screen img{height:100%;aspect-ratio:1.6;object-position:top left}.laptop-camera{width:3px;height:3px;top:2px}.laptop-base{height:13px;border-top-width:2px;border-bottom-width:4px;border-radius:2px 2px 15px 15px}.laptop-grip{top:-2px;height:5px;width:18%;border-radius:0 0 5px 5px}.laptop-shadow{height:10px;bottom:-8px;filter:blur(6px)}.screen-caption{padding-top:28px}}
.brand .brand-lockup{width:174px;height:auto;filter:none}.hero-name,.footer-name{font-size:inherit;line-height:1;margin-left:0;padding-bottom:0;letter-spacing:0}.hero-name img,.footer-name img{display:block;width:100%;height:auto}.hero-name{padding-top:4px}.footer-name{max-width:100%}.console-showcase{background:#d7d8d5;padding:30px var(--page-pad) 44px}.hero-screen{max-width:1440px}.device-render{width:100%;isolation:isolate}.device-render .device-render-art{display:block;position:relative;width:100%;height:auto;aspect-ratio:auto!important;object-fit:contain;z-index:0}.device-screen{position:absolute;left:15.5%;top:13.8%;width:51%;height:49%;transform:rotate(-5.8deg);transform-origin:0 0;overflow:hidden;border-radius:2px;background:#101113;z-index:1;backface-visibility:hidden}.device-screen picture{display:block;width:100%;height:100%}.device-render .device-screen img{width:100%;height:100%;max-width:none;aspect-ratio:auto!important;object-fit:cover;object-position:top left}.screen-caption{padding:6px 4vw 0}.device-render{--screen-rotate:0deg!important;--screen-tilt:0deg!important}
@media(max-width:740px){.console-showcase{padding:12px 8px 30px}.screen-caption{padding:10px 20px 0}.device-render{width:124%;margin-left:-12%}.device-render .device-render-art{width:100%;max-width:none}.device-render .device-screen img{aspect-ratio:auto!important}.screen-caption>span{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js-motion .reveal{opacity:1;transform:none}.screen-perspective{transform:none;will-change:auto}.motion-toggle{display:none}}