:root{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#eee9dc;background:#111412;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--background: #111412;--text: #eee9dc;--muted: #a3aa96;--subtle: #a1a49d;--green: #b1d98a;--mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}body{margin:0;min-width:280px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:7px}button svg,a svg{flex-shrink:0}svg{display:block}button svg,.email-link svg,.site-footer svg{fill:none;stroke:currentColor;stroke-width:1.5}[hidden]{display:none!important}.site-shell{min-height:100svh;display:flex;flex-direction:column;overflow:hidden;position:relative}.site-shell:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.035;z-index:2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='white' filter='url(%23noise)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.site-header{padding:38px 5.4% 0;display:flex;align-items:center;justify-content:space-between;min-height:74px;position:relative;z-index:3}.wordmark{display:inline-flex;gap:17px;align-items:center;padding:6px 0}.wordmark svg{width:24px;height:24px;fill:currentColor}.wordmark span{font-size:21px;font-weight:600;letter-spacing:.34em;margin-right:-.34em}.sound-toggle{border:0;padding:10px 0 10px 12px;background:transparent;color:#b0b2aa;display:flex;align-items:center;gap:13px;font:13px var(--mono);letter-spacing:.025em;transition:color .18s ease}.sound-toggle:hover{color:var(--text)}.sound-toggle svg{width:22px;height:22px}.sound-on-icon,.sound-toggle[aria-pressed=true] .sound-off-icon{display:none}.sound-toggle[aria-pressed=true] .sound-on-icon{display:block}.sound-toggle[aria-pressed=true]{color:var(--green)}main{flex:1;display:flex;flex-direction:column;justify-content:center}.terminal{padding:0 0 5px}.device-stage{--stage-height: clamp(290px, 39vh, 430px);--line-offset: .495;--art-scale: 1.16;height:var(--stage-height);position:relative}.device{width:clamp(350px,34vw,510px);height:100%;margin:auto;position:relative;display:flex;align-items:center;justify-content:center;padding-top:0}.phone-art{width:100%;max-height:100%;overflow:visible;transform:scale(var(--art-scale));transform-origin:50% 65%}.incoming-line{position:absolute;top:0;left:0;width:calc(50% - var(--stage-height) * var(--line-offset));height:100%;overflow:visible}.line-track{fill:none;stroke:#5d6651;stroke-width:2;vector-effect:non-scaling-stroke}.line-signal{fill:none;stroke:var(--green);stroke-width:5;stroke-dasharray:6 1000;stroke-dashoffset:6;animation:incoming 6.5s linear infinite;vector-effect:non-scaling-stroke}.message{text-align:center;padding:12px 24px 0;position:relative;z-index:1}h1{margin:0;font-size:clamp(33px,4vw,64px);font-weight:500;line-height:1.13;letter-spacing:-.025em}h1 span{display:block;color:var(--muted)}.supporting{font:17px/1.6 var(--mono);letter-spacing:.045em;color:var(--subtle);margin:29px 0 32px}.contact-button{display:inline-flex;align-items:center;gap:15px;border:1px solid #e5dfd0;border-radius:0;background:var(--text);color:#151912;min-height:58px;padding:0 24px;font:16px var(--mono);letter-spacing:.015em;position:relative;transition:background .18s ease,transform .18s ease,box-shadow .18s ease}.contact-button>svg{width:20px;height:20px}.contact-button>svg:last-child{margin-left:3px;transition:transform .18s ease}.contact-button:hover{background:#fff7e4;box-shadow:4px 4px #383e30;transform:translate(-2px,-2px)}.contact-button:hover>svg:last-child{transform:translate(3px)}.contact-button:active{transform:translate(0);box-shadow:1px 1px #383e30}.contact-slot{min-height:64px;padding-top:23px;display:flex;justify-content:center;align-items:flex-start}.email-link{display:inline-flex;gap:10px;align-items:center;font:13px/1.5 var(--mono);color:var(--green);text-underline-offset:5px;animation:reveal .35s ease both}.email-link svg{height:16px;width:16px}.email-link:hover{text-decoration:underline}.site-footer{margin:0 3.5%;min-height:65px;border-top:1px solid #353b32;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3}.connection-dot{width:6px;height:6px;background:var(--green);box-shadow:0 0 8px #b1d98a30}.site-footer a{display:inline-flex;align-items:center;gap:8px;padding:14px 0 14px 14px;color:var(--subtle);font:13px var(--mono);transition:color .18s ease}.site-footer a:hover{color:var(--text)}.site-footer svg{height:14px;width:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.receiver{transform-box:fill-box;transform-origin:50% 70%}.eyes{opacity:.6;animation:awaken 6.5s ease infinite}.eye{transform-box:fill-box;transform-origin:center;animation:blink 7.8s steps(1) infinite}.eye-right{animation-delay:.06s}.ring-marks{opacity:0}[data-state=ringing] .receiver{animation:ring .16s steps(2,end) infinite}[data-state=ringing] .ring-marks{animation:ring-flash .4s steps(2,end) infinite}[data-state=ringing] .eyes,[data-state=connected] .eyes{animation:none;opacity:1}[data-state=ringing] .eye{animation:none}[data-state=ringing] .line-signal{animation-duration:1s}@keyframes incoming{0%{stroke-dashoffset:6;opacity:0}8%{opacity:1}82%{opacity:1}94%,to{stroke-dashoffset:-820;opacity:0}}@keyframes awaken{0%,45%{opacity:.35}75%,88%{opacity:1}to{opacity:.35}}@keyframes blink{0%,45%,49%,to{transform:scaleY(1)}47%{transform:scaleY(.15)}}@keyframes ring{0%,to{transform:translateY(-2px) rotate(-2deg)}50%{transform:translateY(-3px) rotate(2deg)}}@keyframes ring-flash{0%,to{opacity:.2}50%{opacity:1}}@keyframes reveal{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1600px){.site-shell{max-width:1920px;margin-inline:auto}}@media(max-width:700px){.site-header{padding:24px 7% 0;min-height:62px}.wordmark{gap:11px}.wordmark span{font-size:17px}.wordmark svg{width:20px;height:20px}.sound-toggle{gap:8px;font-size:11px}.sound-toggle svg{width:19px;height:19px}.terminal{padding:16px 0 5px}.device-stage{--stage-height: clamp(245px, 35svh, 330px);--art-scale: 1;--line-offset: .427}.device{width:min(95%,370px)}.message{padding:9px 23px 0}h1{font-size:clamp(29px,6.7vw,44px);line-height:1.14;letter-spacing:-.035em}h1 span{max-width:520px;margin-inline:auto;text-wrap:balance}.supporting{font-size:11px;letter-spacing:.025em;margin:24px 0 28px}.contact-button{min-height:52px;padding:0 19px;gap:13px;font-size:13px}.contact-slot{min-height:66px;padding-top:22px}.email-link{font-size:12px;gap:6px}.site-footer{margin-inline:7%;min-height:60px}}@media(max-width:360px){.site-header{padding-inline:22px}.wordmark span{font-size:15px}.sound-toggle{gap:6px;font-size:10px}h1{font-size:27px}.message{padding-inline:16px}.device-stage{--stage-height: 240px}.email-link{font-size:10px}}@media(max-height:760px)and (min-width:701px){.site-header{padding-top:23px;min-height:58px}.device-stage{--stage-height: 260px}h1{font-size:clamp(32px,3.5vw,50px)}.supporting{margin:20px 0 23px}.site-footer{min-height:52px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.eyes{opacity:1}.line-signal{stroke-dashoffset:-400;opacity:1}.ring-marks{opacity:0}}