.home-entrance{position:relative;min-height:100svh;display:flex;align-items:center;isolation:isolate;margin-inline:calc(-1*env(safe-area-inset-left,0px)) calc(-1*env(safe-area-inset-right,0px));padding-top:calc(88px + env(safe-area-inset-top,0px));padding-inline:env(safe-area-inset-left,0px) env(safe-area-inset-right,0px);overflow:hidden;color:#fffffd;background:#0f3a80}.home-hero{position:relative;text-align:center;padding-block:62px 60px;min-height:660px}html[data-keyboard-open=true] [data-landing-composer]:focus-within{position:fixed;z-index:50;inset-inline:max(16px,env(safe-area-inset-left,0px)) max(16px,env(safe-area-inset-right,0px));top:calc(var(--app-offset-top, 0px) + var(--app-height, 100dvh) - 12px);transform:translateY(-100%);width:auto;max-width:660px;margin:0 auto}.home-entrance .home-hero .site-title{color:#fffffd;font-size:clamp(50px,6.2vw,80px);font-weight:500;letter-spacing:-.055em;line-height:1.03}.home-intro{color:#fffffd;font-size:15px;line-height:1.75;max-width:430px;margin:23px auto 0;text-wrap:balance}.home-composer{position:relative;max-width:640px;width:100%;margin:34px auto 0}.home-examples{display:flex;justify-content:center;gap:9px;margin-top:24px;flex-wrap:wrap}.home-examples button{display:flex;align-items:center;gap:8px;min-height:40px;padding:8px 13px;font-size:11px;border:1px solid #fffffe;border-radius:10px;cursor:pointer;background:#fffffd;color:#303136;box-shadow:0 3px #dedfda,0 7px 15px #142c3320;transition:background .15s,transform .15s}@media(hover:hover)and (pointer:fine){.home-examples button:hover{background:#f2f5ef;transform:translateY(-2px)}}.home-examples button span{font-size:14px}.home-consent{color:#fffffd;font-size:11px;margin:22px auto 0;width:-moz-fit-content;width:fit-content;padding:7px 12px;border-radius:8px;background:#0b2559e6}.home-consent a{text-decoration:underline;text-underline-offset:2px}.home-work{padding-block:88px 76px}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.work-item{display:block;padding:10px 10px 24px;border:1px solid #eeeef0;border-radius:20px;background:#fffffe;box-shadow:0 4px #e4e4ea,0 16px 30px #1d27500a;transition:transform .2s}@media(hover:hover)and (pointer:fine){.work-item:hover{transform:translateY(-4px)}}.work-drawing{height:210px;position:relative;overflow:hidden;border-radius:13px}.mini-label{position:absolute;top:20px;left:20px;font-size:8px;letter-spacing:.15em;color:#ffffffc4}.drawing-index{position:absolute;right:18px;bottom:13px;font:11px monospace;color:#ffffffb0}.work-caption{display:flex;justify-content:space-between;align-items:center;margin:22px 12px 10px;gap:12px}.work-caption h3{font-size:17px;font-weight:500;letter-spacing:-.025em}.work-item>p{color:var(--site-muted);font-size:13px;line-height:1.8;padding-inline:12px}.drawing-research{background:radial-gradient(ellipse 60% 45% at 12% 108%,#ffe2b4b0,#0000 70%),linear-gradient(165deg,#173a8a,#2f63b6 56%,#8fc3e6)}.research-lines{position:absolute;top:80px;right:58px;bottom:45px;left:58px;display:grid;gap:17px;transform:rotate(-8deg)}.research-lines i{border-bottom:1px solid #ffffff80}.research-lines i:nth-child(2){width:75%}.research-lens{width:95px;height:95px;border:1.5px solid #fffffd;border-radius:50%;position:absolute;top:63px;left:43%;background:#ffffff1c;box-shadow:0 0 0 7px #ffffff12,0 0 30px #fff2db55}.research-lens:after{content:"";position:absolute;height:55px;width:1.5px;background:#fffffd;right:-16px;bottom:-44px;transform:rotate(-35deg)}.drawing-write{background:radial-gradient(ellipse 60% 40% at 20% 100%,#fff8,#0000),radial-gradient(ellipse 55% 60% at 100% 110%,#c9ecd9c0,#0000 70%),linear-gradient(165deg,#fdf8ee,#f8e6c6 55%,#f1d8a8)}.drawing-write .mini-label,.drawing-write .drawing-index{color:#6b5d45}.write-sheet{position:absolute;left:15%;right:15%;top:62px;padding:17px 22px;background:#fffffd;border-radius:3px;box-shadow:0 2px #ece1cc,0 12px 26px #8a6a3a26;transform:rotate(-4deg)}.write-sheet span{display:block;font:19px Georgia,serif;color:#888175;text-decoration:line-through}.write-sheet .write-final{font-style:italic;color:#27272b;text-decoration:none;margin-top:9px}.write-sheet i{display:block;width:90%;border-bottom:1px solid #ece5d8;margin-top:15px}.write-sheet i:last-child{width:62%}.drawing-code{background:radial-gradient(ellipse 90% 70% at 88% -12%,#4fe0a650,#0000 70%),linear-gradient(165deg,#0b2559,#1a3f8f)}.code-sheet{position:absolute;top:66px;right:15%;bottom:25px;left:15%;padding:20px;border-left:1px solid #7fe3b570;font:15px/1.9 monospace}.code-sheet span{display:block;color:#a8b8de}.code-sheet b{white-space:nowrap;font-weight:400;margin-left:12px;font-size:14px;color:#c6f7dd}.drawing-handoff{background:radial-gradient(ellipse 70% 50% at 50% 118%,#ffc983,#0000 72%),linear-gradient(#0b2559,#2f63b6 58%,#e8b98d)}.task-card{position:absolute;left:50%;top:52px;width:242px;translate:-50%;rotate:3deg;filter:drop-shadow(0 12px 16px #0b255966)}.home-plan-note{color:var(--site-muted);font-size:11px;margin-top:28px}.home-plan-note a{margin-left:12px;text-decoration:underline;text-underline-offset:4px}.context-band{display:grid;grid-template-columns:1.1fr 1fr;gap:45px;margin-top:88px;padding:64px 64px 76px}.context-copy{align-self:center}.context-copy .site-heading{font-size:clamp(28px,3.5vw,43px)}.context-illustration{min-height:320px}.context-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;fill:none;stroke:#ffffff70}.context-lines path{vector-effect:non-scaling-stroke}.context-lines .faint{stroke:#ffffff2e;stroke-dasharray:2 5}.context-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:98px;height:98px;display:grid;place-items:center;padding-bottom:6px;border-radius:50%;background:#fffffd;color:#27272b;font:700 40px/1 Fryri Wordmark,system-ui;letter-spacing:-.055em;box-shadow:0 0 0 11px #ffffff14,0 0 0 24px #ffffff0a,0 0 70px #9fe8c8a0}.context-node{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:9px;padding:9px 15px;border:1px solid #ffffff3d;border-radius:99px;background:#13307a;color:#fffffd;font-size:12px;white-space:nowrap}.context-node:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--dot, #c6f7dd);box-shadow:0 0 8px var(--glow, #7fe3b5)}.node-deadline{left:56%;top:13%}.node-budget{left:80%;top:38%}.node-trip{left:21%;top:80%}.home-close{text-align:center;margin-block:72px 84px;padding:100px 24px 108px}.home-close .site-kicker,.home-close .site-actions{justify-content:center}.home-close .site-actions{gap:28px}@media(max-width:900px){.context-band{padding:44px 32px 64px;gap:24px}.work-grid{gap:16px}.work-drawing{height:200px}.code-sheet{inset-inline:8%}}@media(max-width:640px){.home-entrance{padding-top:calc(72px + env(safe-area-inset-top,0px))}.home-hero{padding-block:48px 45px}.home-entrance .home-hero .site-title{font-size:clamp(46px,12vw,60px)}.home-intro{font-size:14px;max-width:330px}.home-composer{margin-top:30px}.home-examples{gap:7px}.home-examples button{font-size:10px;padding:8px 9px;gap:6px}.home-consent{max-width:280px;margin-inline:auto;line-height:1.7}.work-grid{grid-template-columns:1fr;gap:20px}.work-drawing{height:200px}.home-work{padding-block:56px 48px}.context-band{grid-template-columns:1fr;margin-top:48px;padding:40px 24px 70px;gap:20px}.context-illustration{min-height:290px}.context-core{width:84px;height:84px;font-size:34px}.home-close{margin-block:48px 56px;padding:72px 20px 80px}.home-plan-note a{display:inline-flex;margin-left:0}}.landing-composer{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:flex-end;gap:.75rem;width:100%;min-height:142px;padding:20px;background:#fffffe;border:1px solid #fffffe;border-radius:20px;box-shadow:0 4px #d3d5cf,0 22px 44px -14px #0b1f3a59;transition:border-color .16s cubic-bezier(.2,.8,.2,1),background-color .16s cubic-bezier(.2,.8,.2,1),box-shadow .16s cubic-bezier(.2,.8,.2,1)}.landing-composer-heading{grid-column:1 / -1;display:flex;align-items:center;gap:9px;color:#606168;font-size:11px;text-align:left}.landing-composer-mark{width:25px;height:25px;display:grid;place-items:center;border:1px solid #e1e3dc;border-radius:8px;background:#fbfcf8;color:#52555a}.landing-composer:focus-within{border-color:var(--color-primary-500)}.landing-composer-field{min-width:0;align-self:stretch}.landing-composer textarea{display:block;width:100%;border:none;outline:none;background:transparent;resize:none;font-size:1.05rem;line-height:1.5;color:#27272b;padding:.55rem .25rem .55rem .35rem}.landing-composer-send:focus-visible{outline:3px solid var(--color-primary-700);outline-offset:3px}.landing-composer textarea::-moz-placeholder{color:#606168;opacity:1}.landing-composer textarea::placeholder{color:#606168;opacity:1}.landing-composer-send{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #303136;border-radius:.75rem;background:#303136;color:#fffffd;cursor:pointer;box-shadow:0 3px #1c1d20;transition:.16s cubic-bezier(.2,.8,.2,1);transition-property:transform,box-shadow,background-color,border-color,color}@media(hover:hover)and (pointer:fine){.landing-composer-send:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px #1c1d20}}.landing-composer-send:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #1c1d20}.landing-composer-send:disabled{background:#eceee9;border-color:#eceee9;color:#868a8c;box-shadow:none;cursor:default}@media(max-width:640px){.landing-composer{padding:16px;min-height:132px;border-radius:17px}}