@import "https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;800&family=Archivo+Narrow:wght@500&family=Archivo+Black&display=swap";:root{--font-body:"Archivo", Arial, sans-serif;--font-heading:"Archivo", Arial, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#e6e3de;font-family:var(--font-body);text-wrap:pretty;background:#1a1918;margin:0}img{max-width:100%;height:auto}a{color:inherit;text-underline-offset:4px}button,input,textarea{font:inherit}:is(a:focus-visible,button:focus-visible,summary:focus-visible){outline-offset:5px;outline:2px solid}section[id],article[id]{scroll-margin-top:24px}.designer-nav{flex-wrap:wrap}.designer-nav>div{flex-wrap:wrap;white-space:normal!important;flex-shrink:1!important}table{max-width:100%}.portrait-name{aspect-ratio:4/5;color:#1a1918;background:#d8d5cf;flex-direction:column;justify-content:space-between;min-width:0;padding:32px;display:flex}.portrait-name strong{letter-spacing:-.04em;font-family:Archivo Black,sans-serif;font-size:clamp(48px,8vw,100px)}.designer-logo{color:inherit;flex-direction:column;flex-shrink:0;line-height:1;display:inline-flex;text-decoration:none!important}.designer-logo .hey{letter-spacing:.1em;margin-bottom:.18em;font-family:Archivo Narrow,sans-serif;font-size:.31em}.designer-logo .name{letter-spacing:-.03em;font-family:Archivo Black,sans-serif;line-height:.95;animation:1.2s .7s both reveal}.designer-logo .hey span{animation:10ms both fade}.designer-logo .name-wrap{padding-bottom:.1em;overflow:hidden}.film-controls{gap:16px;margin-top:12px;display:flex}.film-controls button{color:inherit;cursor:pointer;background:0 0;border:1px solid;padding:10px}@media (max-width:600px){.designer-nav{gap:24px!important}.designer-nav>div{gap:14px 20px!important}h1{overflow-wrap:normal}p{overflow-wrap:break-word}table{font-size:14px}td,th{padding:8px!important}.portrait-name{max-width:100%}}a{color:inherit;text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}a:hover{color:inherit;text-decoration-thickness:2px}@keyframes settle{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@keyframes reveal{0%{transform:translateY(110%)}to{transform:none}}@keyframes sharpen{0%{opacity:0;filter:blur(14px);transform:translateY(48px)}to{opacity:1;filter:blur();transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes draw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes drop{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@keyframes frame{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.hover-1:hover,.hover-2:hover,.hover-3:hover,.hover-4:hover{border-color:currentColor!important}.hover-5:hover,.hover-6:hover{color:#d8d5cf!important;background:#1a1918!important}@keyframes unveil{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.hover-7:hover{color:#d8d5cf!important;background:#1a1918!important;box-shadow:inset 0 0 0 2px #d8d5cf!important}.hover-8:hover{color:#1a1918!important;background:#d8d5cf!important}.hover-9:hover,.hover-10:hover,.hover-11:hover{padding-left:12px!important}.hover-12:hover{color:#d8d5cf!important;background:#1a1918!important;box-shadow:inset 0 0 0 2px #d8d5cf!important}.hover-13:hover{color:#1a1918!important;background:#d8d5cf!important}.hover-14:hover{color:#d8d5cf!important;background:#1a1918!important;box-shadow:inset 0 0 0 2px #d8d5cf!important}.hover-15:hover{color:#1a1918!important;background:#d8d5cf!important}.hover-16:hover,.hover-17:hover{color:#d8d5cf!important;background:#1a1918!important;box-shadow:inset 0 0 0 2px #d8d5cf!important}summary::-webkit-details-marker{display:none}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.hover-18:hover{color:#d8d5cf!important;background:#1a1918!important;box-shadow:inset 0 0 0 2px #d8d5cf!important}.hover-19:hover,.hover-20:hover,.hover-21:hover,.hover-22:hover{color:#1a1918!important;background:#d8d5cf!important}.hover-23:hover{color:#1a1918!important;background:#d8d5cf!important;box-shadow:inset 0 0 0 2px #1a1918!important}.hover-24:hover{color:#d8d5cf!important;background:#1a1918!important;box-shadow:inset 0 0 0 2px #d8d5cf!important}@supports (animation-timeline:view()){[data-reveal]{animation-timeline:view();animation-range:entry entry 70%;animation-duration:auto!important;animation-delay:0s!important}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.hover-25:hover{color:#1a1918!important;background:#d8d5cf!important;box-shadow:inset 0 0 0 2px #1a1918!important}a{color:#000;text-decoration:none}a:hover{color:#000}:is(input:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible){outline-offset:3px;outline:2px solid #000}::placeholder{color:#666}[data-motion=off] *{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.hover-26:hover{color:#d8d5cf!important;background:#1a1918!important}.hover-27:hover{color:#1a1918!important;background:#d8d5cf!important}body{color:#e6e3de;background:#1a1918}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}a,a:hover{color:inherit}nav a{min-height:32px}@media (max-width:600px){nav{padding-left:32px!important;padding-right:32px!important}nav>div{justify-content:flex-start!important}body{overflow-x:clip}}.home-hero-copy{min-width:0}.home-service-art{aspect-ratio:3/2;object-fit:cover;width:100%;max-width:440px;margin-top:10px;display:block}:root{--paper:#d8d5cf;--chalk:#e6e3de;--ink:#1a1918;--rule:#8d8a84}body>[data-motion=on]{animation:.3s ease-out both page-arrival}[data-motion=on] [style*=animation]{animation-duration:.65s!important;animation-delay:.1s!important}[data-reveal]{animation:.6s cubic-bezier(.2,.7,.3,1) both editorial-reveal!important}.designer-logo .name{animation-duration:.6s;animation-delay:50ms}@keyframes page-arrival{0%{opacity:.55}to{opacity:1}}@keyframes editorial-reveal{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.home-page{background:var(--ink);color:var(--chalk);position:relative;overflow:clip}.paper-grain{pointer-events:none;z-index:50;opacity:.1;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/></filter><rect width='240' height='240' filter='url(%23n)' opacity='.5'/></svg>");position:fixed;inset:0}.home-hero{flex-direction:column;min-height:min(760px,85vh);padding:clamp(32px,5vw,64px) clamp(28px,6vw,88px) 38px;display:flex;position:relative}.home-hero-stripe{background:var(--paper);width:clamp(24px,5vw,80px);position:absolute;inset:0 0 0 auto}.home-hero-frame{border:1px solid var(--rule);pointer-events:none;mix-blend-mode:difference;position:absolute;inset:24px clamp(16px,3vw,40px)}.site-nav{border-bottom:2px solid var(--paper);justify-content:space-between;align-items:center;gap:24px 32px;max-width:1120px;margin:0 auto;padding:28px clamp(20px,5vw,72px);display:flex}.site-nav>div{align-items:center;gap:14px 28px;font-size:15px;display:flex}.site-nav a:not(.designer-logo){padding:10px 0;line-height:1.4}.site-nav a[aria-current=page],.site-nav a:not(.designer-logo):hover{text-underline-offset:5px;text-decoration:underline}.home-nav{color:var(--chalk);justify-content:space-between;align-items:center;gap:32px;padding:18px 0 0;display:flex;position:relative}.site-nav.home-nav{border:0;max-width:none;margin:0}.home-nav>div{justify-content:flex-end;gap:16px 28px;display:flex}.home-nav a{padding:9px 0;font-size:16px;line-height:1.4}.home-nav a:not(.designer-logo):hover{text-decoration:underline}.home-hero-layout{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:center;gap:40px clamp(32px,6vw,90px);padding:clamp(56px,8vw,110px) 0 48px;display:grid;position:relative}.home-hero-copy h1{letter-spacing:-.045em;margin:0;font-size:clamp(52px,7.4vw,108px);font-weight:600;line-height:1.04}.siri-strike{color:#aaa7a2;text-decoration:none;display:table;position:relative}.siri-strike:after{content:"";transform-origin:0;background:currentColor;height:.055em;animation:.45s ease-out .2s both draw;position:absolute;inset:50% -.02em auto}.yelin-arrival{animation:.6s ease-out .35s both editorial-reveal;display:block}.home-hero-label{border-top:1px solid var(--chalk);margin:26px 0 0;padding-top:14px;font-size:15px;line-height:1.5}.home-introduction{max-width:43ch}.home-introduction>p{margin:0 0 18px;font-size:clamp(18px,1.5vw,21px);line-height:1.65}.home-hero-actions{flex-direction:column;align-items:flex-start;gap:12px;margin-top:26px;display:flex}.home-hero-actions>span{font-size:14px;line-height:1.6}.home-call-button{background:var(--paper);border:1px solid var(--paper);justify-content:center;align-items:center;min-height:52px;padding:16px 22px;font-size:16px;font-weight:600;text-decoration:none;transition:background .2s,color .2s;display:inline-flex;color:var(--ink)!important}.home-call-button:hover{background:var(--chalk);text-decoration:underline;text-decoration-thickness:1px}.home-services-link{border-bottom:1px solid var(--rule);align-self:flex-start;margin-bottom:2px;padding-bottom:5px;font-size:15px;position:relative}.home-section{border-left:1px solid var(--rule);border-right:1px solid var(--rule);margin:0 clamp(16px,3vw,40px);padding:clamp(48px,6vw,88px) clamp(28px,6vw,88px);position:relative}.home-section h2{letter-spacing:-.035em;margin:0;font-size:clamp(30px,3.6vw,52px);font-weight:600;line-height:1.1}.home-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:32px;display:flex}.home-section-heading>span{font-size:14px}.home-services{color:var(--ink);background:var(--paper);border:0;margin:0}.home-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.home-choice{border:1px solid var(--ink);min-width:0;color:var(--ink);background:0 0;flex-direction:column;padding:24px;text-decoration:none;transition:background .25s,border-color .25s;display:flex}:is(.home-choice:hover,.home-choice:focus-visible){background:#e6e3de}.home-choice-heading{align-items:baseline;gap:16px;display:flex}.home-choice-number{font-size:14px;font-weight:600}.home-choice h3{letter-spacing:-.035em;margin:0;font-size:clamp(26px,2.8vw,36px);font-weight:600;line-height:1.1}.home-choice-topics{margin:14px 0 18px;font-size:14px;line-height:1.5}.home-choice-image{object-fit:contain;mix-blend-mode:multiply;filter:grayscale();width:100%;height:clamp(160px,19vw,250px);display:block}.home-choice-description{margin:20px 0 24px;font-size:17px;line-height:1.6}.home-choice-link{border-top:1px solid var(--rule);justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:16px;font-size:16px;font-weight:600;display:flex}.home-choice-link>span{font-size:24px;line-height:1;transition:transform .25s}:is(.home-choice:hover .home-choice-link>span,.home-choice:focus-visible .home-choice-link>span){transform:translate(3px,-3px)}.home-about{grid-template-columns:minmax(0,.75fr) minmax(0,1fr);align-items:center;gap:clamp(32px,7vw,100px);display:grid}.home-about .portrait-name{aspect-ratio:1;max-width:360px}.home-section-label{margin:0 0 24px!important;font-size:14px!important}.home-about p,.home-contact p{margin:24px 0;font-size:18px;line-height:1.7}.home-text-link{border-bottom:1px solid var(--chalk);margin-top:10px;padding-bottom:5px;font-size:16px;display:inline-block}.home-contact{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;display:grid}.home-contact p:first-child{margin-top:0}.home-contact .home-contact-note{margin-bottom:0;font-size:14px}.home-footer{grid-template-columns:.6fr 1fr 1fr;gap:32px;padding:48px clamp(28px,6vw,88px);font-size:14px;line-height:1.6;display:grid}.home-footer .designer-logo{align-self:start}.home-footer p{margin:0 0 12px}.home-footer>div:last-child{flex-direction:column;gap:10px;display:flex}.home-footer a:hover{text-decoration:underline}.demo-story{border:1px solid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 20px;padding:0;list-style:none;display:grid}.demo-story li{min-width:0;padding:16px}.demo-story li+li{border-left:1px solid}.demo-story-label{align-items:center;gap:8px;font-size:14px;font-weight:600;line-height:1.5;display:flex}.demo-story p{margin:10px 0 0;font-size:15px;line-height:1.6}.demo-story-personal{grid-template-columns:1fr}.demo-story-personal li+li{border-top:1px solid;border-left:0}.illustrated-film-image{filter:grayscale()contrast(1.05);width:100%;height:auto;display:block}.film-controls{border-top:1px solid;flex-wrap:wrap;align-items:center;gap:12px;margin:0;padding:14px;display:flex}.film-controls button{min-height:44px;padding:12px 16px;font-size:15px;transition:background .2s}.film-controls button:hover{background:#ffffff12;text-decoration:underline}.film-note{font-size:13px;line-height:1.5}.film-contact{background:var(--ink);text-align:center;min-height:48px;margin:0 14px 14px;padding:14px 16px;font-size:16px;font-weight:600;display:block;color:var(--chalk)!important}.film-contact:hover{text-decoration:underline}@media (max-width:820px){.home-hero{min-height:0}.home-nav>div{justify-content:flex-start}.home-hero-layout{grid-template-columns:1fr;gap:28px;padding:56px 0 32px}.home-hero-copy h1{font-size:clamp(52px,10vw,86px)}.home-introduction{max-width:50ch}.home-choice-grid{gap:20px}.home-choice{padding:20px}.home-choice-heading{gap:10px}.home-choice-description{font-size:16px}.home-about,.home-contact{grid-template-columns:1fr}.home-about .portrait-name{max-width:280px}.demo-story{grid-template-columns:1fr}.demo-story li{padding:12px 16px}.demo-story li+li{border-top:1px solid;border-left:0}.demo-story p{margin-top:6px}}@media (max-width:600px){.home-hero{padding:32px 32px 36px}.home-nav{padding:10px 0 0!important}.home-hero-frame{inset:18px 16px}.home-hero-stripe{width:16px}.home-hero-layout{padding-top:36px}.home-hero-copy h1{font-size:clamp(48px,12vw,68px)}.home-introduction>p{font-size:18px;line-height:1.6}.home-section{margin:0 16px;padding:40px 24px}.home-services{margin:0;padding:40px 24px}.home-section-heading{gap:12px;margin-bottom:24px}.home-choice-grid{grid-template-columns:1fr;gap:16px}.home-choice{padding:18px}.home-choice h3{font-size:28px}.home-choice-topics{margin:10px 0 12px}.home-choice-image{height:132px}.home-choice-description{margin:14px 0 16px}.home-choice-link{padding-top:12px}.home-footer{grid-template-columns:1fr;gap:24px;padding:40px 32px}}@media (prefers-reduced-motion:reduce){*,:before,:after,[data-reveal],[data-motion=on] [style*=animation]{transition:none!important;animation:none!important}}.home-hero-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr);grid-template-areas:"heading picture""introduction picture";align-items:start;gap:24px clamp(28px,4vw,64px);padding:clamp(40px,5vw,72px) 0 40px}.home-hero-copy{grid-area:heading}.home-hero-copy h1{font-size:clamp(52px,5.6vw,78px)}.home-hero-wordmark{font-size:27px;line-height:1.2;font-family:var(--font-heading);align-items:baseline;gap:12px;margin:0 0 24px;display:flex}.home-hero-wordmark .siri-strike,.home-hero-wordmark .yelin-arrival{display:inline-block}.home-hero-label{font-family:var(--font-heading);letter-spacing:-.025em;margin-top:22px;padding-top:18px;font-size:clamp(23px,2.15vw,31px);font-weight:500;line-height:1.25}.home-introduction{grid-area:introduction}.home-introduction>p{font-size:18px;line-height:1.65}.home-hero-visual{border:1px solid var(--rule);background:var(--paper);min-width:0;color:var(--ink);grid-area:picture;align-self:center;margin:0}.home-hero-visual img{filter:grayscale();width:100%;height:auto;display:block}.home-hero-visual figcaption{border-top:1px solid var(--rule);grid-template-columns:1fr 1fr;display:grid}.home-hero-visual figcaption a{justify-content:space-between;align-items:center;gap:8px;min-height:52px;padding:15px 16px;font-size:15px;font-weight:600;line-height:1.4;display:flex}.home-hero-visual figcaption a+a{border-left:1px solid var(--rule)}.home-hero-visual figcaption a:hover{text-decoration:underline}.home-hero-visual figcaption span{font-size:22px}.sales-paper-demo{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:40px clamp(32px,5vw,96px);padding-top:clamp(72px,9vw,112px);display:grid}.sales-demo-label{letter-spacing:.12em;text-transform:uppercase;margin-bottom:24px;font-size:13px;line-height:20px;display:block}.sales-paper-demo h3{font-family:var(--font-heading);letter-spacing:-.02em;margin:0;font-size:clamp(26px,2.8vw,36px);font-weight:600;line-height:1.15}.sales-paper-demo p{max-width:40ch;margin:24px 0 0;font-size:18px;line-height:32px}.sales-paper-demo .sales-demo-result{margin-top:32px;font-size:17px;line-height:30px}.sales-demo-contact{background:var(--paper);color:var(--ink);align-items:center;gap:14px;margin-top:28px;padding:14px 22px;font-size:15px;font-weight:600;display:inline-flex}.sales-demo-contact:hover{text-decoration:underline}.business-sales-task{border-bottom:2px solid var(--paper);font-family:var(--font-heading);letter-spacing:-.015em;justify-content:space-between;align-items:center;gap:16px;padding:22px 0;font-size:22px;font-weight:600;transition:padding-left .3s;display:flex}.business-sales-task:hover{padding-left:8px}.sales-paper-demo figure{min-width:0;margin:0}.sales-paper-demo .illustrated-film{border:2px solid var(--paper)}.sales-paper-demo figcaption{margin-top:12px;font-size:14px;line-height:1.6}@media (max-width:820px){.home-hero-layout{grid-template-columns:1fr;grid-template-areas:"heading""picture""introduction";gap:28px}.home-hero-visual{max-width:640px}.home-hero-copy h1{font-size:clamp(48px,9vw,70px)}.home-hero-label{max-width:32ch;font-size:clamp(24px,4vw,30px)}}@media (max-width:600px){.home-hero-layout{gap:24px;padding-top:32px}.home-hero-visual figcaption a{padding:12px 10px;font-size:14px}}.home-hero-copy h1{letter-spacing:-.035em;font-size:clamp(36px,3.6vw,52px);line-height:1.12}.home-hero-label{letter-spacing:0;border:0;margin-top:22px;padding:0;font-family:inherit;font-size:19px;font-weight:400;line-height:1.5}.home-hero-actions{margin-top:0}.home-choice-link{margin-top:22px}@media (max-width:820px){.home-hero-copy h1{font-size:clamp(32px,5.5vw,46px)}.home-hero-wordmark{margin-bottom:20px;font-size:24px}.home-hero-label{margin-top:18px;font-size:18px}.site-nav>div,.home-nav>div{gap:10px 18px}.home-nav a{font-size:15px}}.hero-sandbox{color:var(--ink);background:#e7e5e0}.sandbox-tabs{border-bottom:1px solid #bab7b1;align-items:center;gap:8px;padding:16px 20px;display:flex}.sandbox-tabs button{border:1px solid #0000;min-height:44px;padding:10px 14px;font-size:14px;font-weight:600;transition:background .2s}.sandbox-tabs button[aria-pressed=true]{color:#eceae6;background:var(--ink)}.sandbox-tabs button:not([aria-pressed=true]):hover{background:#d2cfc9}.sandbox-live-dot{background:var(--ink);border-radius:50%;width:7px;height:7px;margin-left:auto}.sandbox-example{padding:24px 24px 0}.sandbox-heading{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.sandbox-heading h2{font-family:var(--font-heading);letter-spacing:-.035em;margin:0;font-size:clamp(23px,2.2vw,30px);font-weight:600;line-height:1.2}.sandbox-heading>span{white-space:nowrap;font-size:13px}.receipt-playground{height:266px;margin-top:20px;position:relative;overflow:hidden}.sandbox-receipt{left:var(--start-x);top:var(--start-y);transform:rotate(var(--tilt));z-index:2;width:24%;max-width:138px;min-height:94px;transition:left .7s cubic-bezier(.2,.7,.3,1),top .7s cubic-bezier(.2,.7,.3,1),transform .7s;transition-delay:var(--delay);background:#f7f6f2;border:1px solid #aaa69f;flex-direction:column;gap:5px;padding:10px;display:flex;position:absolute;box-shadow:2px 3px #00000012}.sandbox-receipt strong{font-size:12px;font-weight:600;line-height:1.2}.sandbox-receipt>span:last-of-type{font-family:monospace;font-size:14px}.receipt-lines{border-top:1px solid #d5d2cd;border-bottom:1px solid #d5d2cd;width:85%;height:10px}.sandbox-receipt small{font-size:10px;line-height:1.2}.receipt-unclear{border-style:dashed}.receipt-playground[data-phase=sorting] .sandbox-receipt,.receipt-playground[data-phase=filed] .sandbox-receipt{left:var(--finish-x);top:var(--finish-y);transform:rotate(0)}.sandbox-folders{z-index:3;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid;position:absolute;bottom:0;left:0;right:0}.sandbox-folder{background:#d0cdc7;border:1px solid #b1ada6;flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;min-height:84px;padding:9px 10px;display:flex}.sandbox-folder strong{font-size:12px;font-weight:600;line-height:1.2}.sandbox-folder>span{font-size:11px;line-height:1.3}.receipt-playground[data-phase=filed] .sandbox-folder{background:var(--ink);color:#e7e5e0;border-color:var(--ink)}.sandbox-result{align-items:center;gap:8px;min-height:44px;padding:12px 0;font-size:14px;line-height:1.4;display:flex}.sandbox-action{background:var(--ink);color:#eceae6;justify-content:center;align-items:center;gap:12px;width:100%;min-height:48px;padding:12px 16px;font-size:15px;font-weight:600;display:flex}.sandbox-action:hover:not(:disabled){background:#393733}.sandbox-action:disabled{opacity:.65;cursor:wait}.sandbox-note{color:#615d57;margin:0;padding:12px 24px 16px;font-size:12px;line-height:1.4}.computer-playground{flex-direction:column;justify-content:center;gap:16px;min-height:266px;padding-top:20px;display:flex}.sandbox-computer{background:#f7f6f2;border:1px solid #aaa69f;box-shadow:3px 4px #00000010}.computer-toolbar{border-bottom:1px solid #d5d2cd;gap:5px;padding:10px 12px;display:flex}.computer-toolbar i{background:#aaa69f;border-radius:50%;width:5px;height:5px;display:block}.computer-screen{flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:154px;padding:18px;display:flex}.computer-screen strong{font-family:var(--font-heading);letter-spacing:-.03em;text-align:center;font-size:23px;font-weight:600;line-height:1.2}.computer-screen>span{font-size:13px;line-height:1.4}.sandbox-teacher{align-items:center;gap:10px;display:flex}.teacher-initial{border:1px solid #aaa69f;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:grid}.sandbox-teacher p{margin:0;font-size:14px;line-height:1.4}.computer-playground[data-lesson="2"] .computer-screen{background:#dedbd5}@media (max-width:600px){.sandbox-tabs{gap:4px;padding:12px}.sandbox-tabs button{padding:10px;font-size:13px}.sandbox-example{padding:20px 14px 0}.sandbox-heading h2{font-size:23px}.sandbox-heading>span{font-size:12px}.sandbox-receipt{gap:4px;padding:7px}.sandbox-receipt strong{font-size:10px}.sandbox-folders{gap:6px}.sandbox-folder{padding:8px 6px}.sandbox-folder strong{font-size:11px}.sandbox-note{padding:12px 14px 16px}}