:root{--paper:#faf9f6;--white:#fff;--surface:#f5f7fb;--ink:#0e1626;--muted:#5a6474;--accent:#3c53e7;--accent-strong:#2c3fc4;--accent-light:#edf0fe;--line:#e5e9f2;--line-strong:#d2d9e8;--radius:14px;--container:1184px;--font-sans:system-ui, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--motion:.18s ease}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--paper);color:var(--ink);font:16px/1.65 var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a,button{touch-action:manipulation;transition:color var(--motion), background var(--motion), border-color var(--motion), transform var(--motion)}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.045em;font-weight:650;line-height:1.3}img{max-width:100%;height:auto;display:block}svg{flex-shrink:0}::selection{color:#0e1626;background:#d9e2ff}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.container{width:min(var(--container), calc(100% - 112px));margin-inline:auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--ink);color:#fff;z-index:100;padding:12px 24px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:10px}.site-header{border-bottom:1px solid var(--line);z-index:30;-webkit-backdrop-filter:blur(14px);background:#ffffffd1;height:90px;position:sticky;top:0}.header-inner{align-items:center;gap:30px;height:100%;display:flex}.brand{white-space:nowrap;letter-spacing:-1.1px;align-items:center;gap:9px;font-size:24px;font-weight:760;line-height:1;display:inline-flex}.brand-logo{color:var(--accent);width:32px;height:32px}.brand-suffix{letter-spacing:-.8px;font-size:21px;font-weight:440}.brand-dot{color:var(--accent)}.desktop-nav{color:var(--muted);align-items:center;gap:27px;margin:auto;font-size:14px;display:flex}.desktop-nav a{white-space:nowrap;padding:32px 0;position:relative}.desktop-nav a:hover,.desktop-nav a[aria-current]{color:var(--ink)}.desktop-nav a[aria-current]:after{content:"";background:var(--accent);border-radius:50%;width:4px;height:4px;position:absolute;bottom:20px;left:calc(50% - 2px)}.header-contact{border:1px solid var(--line-strong);border-radius:99px;align-items:center;gap:13px;padding:9px 17px;font-size:13px;font-weight:600;display:flex}.header-contact:hover{border-color:var(--accent);color:var(--accent)}.menu-toggle,.mobile-nav[hidden]{display:none}.mobile-nav{background:var(--paper);border-bottom:1px solid var(--line);padding:10px 24px 20px}.mobile-nav a{border-radius:5px;justify-content:space-between;padding:12px;display:flex}.mobile-nav a span:last-child{color:var(--muted);font-size:13px}.mobile-nav a[aria-current]{background:var(--accent-light);color:var(--accent)}.eyebrow{font:500 11px/1.5 var(--font-mono);letter-spacing:1.5px;color:var(--muted);align-items:center;gap:13px;display:flex}.eyebrow>span:first-child:not(.orange-dash){color:var(--accent);letter-spacing:0;font-size:10px}.hero{background:radial-gradient(58% 46% at 50% -4%,#e8edff 0%,#e8edff00 72%);padding-block:88px 78px;position:relative;overflow:hidden}.hero-copy{text-align:center;max-width:800px;margin-inline:auto}.hero-badge{background:var(--accent-light);color:var(--accent-strong);letter-spacing:.2px;border:1px solid #dbe2fc;border-radius:99px;align-items:center;gap:8px;padding:7px 16px;font-size:13px;font-weight:600;display:inline-flex}.hero-badge svg{color:var(--accent)}.hero h1{letter-spacing:-.055em;white-space:nowrap;margin-top:26px;font-size:clamp(40px,4.8vw,66px);font-weight:680;line-height:1.32}.hero-description{white-space:pre-line;color:var(--muted);margin-top:22px;font-size:16px;line-height:1.95}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px;display:flex}.hero-stage{margin-top:58px}.button{white-space:nowrap;border:1px solid #0000;border-radius:99px;justify-content:center;align-items:center;gap:17px;min-height:46px;padding:11px 21px;font-size:14px;font-weight:550;line-height:1.5;display:inline-flex}.button-primary{background:var(--accent);color:var(--white);box-shadow:0 8px 20px -8px #3c53e78c}.button-primary:hover{background:var(--accent-strong);transform:translateY(-2px)}.button-secondary{border-color:var(--line-strong);background:0 0}.button-secondary:hover{border-color:var(--ink);background:var(--white);transform:translateY(-2px)}.hero-footnote{font:8px var(--font-mono);letter-spacing:.6px;color:var(--muted);justify-content:center;align-items:center;gap:10px;margin-top:34px;display:flex}.tiny-cross{color:var(--accent);font-size:17px}.hero-canvas{isolation:isolate;background:#fbfcff radial-gradient(#dee5f4 .7px,#0000 .7px) 0 0/18px 18px;border:1px solid #e4e9f6;border-radius:20px;min-width:0;max-width:1000px;height:430px;margin-inline:auto;position:relative;box-shadow:0 30px 70px -28px #1e2a5240}.canvas-top{font:8px var(--font-mono);letter-spacing:1px;color:#8a94a8;justify-content:space-between;display:flex;position:absolute;top:16px;left:18px;right:18px}.canvas-top span:last-child{font-size:16px}.canvas-axis{z-index:-1;background:#e7ebf6;position:absolute}.axis-x{height:1px;top:48%;left:0;right:0}.axis-y{width:1px;top:0;bottom:0;left:50%}.idea-note{background:#eef1fe;width:147px;height:143px;padding:18px;position:absolute;top:64px;left:34px;transform:rotate(-10deg);box-shadow:0 6px 15px #1e2a5212}.idea-note>span:first-child{font:8px var(--font-mono);letter-spacing:1.5px;color:#3c53e7}.idea-note b{margin:8px 0;font:italic 25px Georgia,serif;display:block}.note-line{background:#c4cff5;width:92%;height:1px;margin-top:9px}.note-line.short{width:64%}.note-corner{border-top:16px solid #d8e0fa;border-right:16px solid #fbfcff;position:absolute;bottom:0;right:0}.canvas-line{color:#aebadb;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.wireframe{background:#fff;border:1px solid #d3dbea;border-radius:6px;width:160px;height:118px;position:absolute;top:62px;right:35px;transform:rotate(8deg);box-shadow:0 6px 15px #1e2a5210}.wireframe-top{border-bottom:1px solid #e4e9f3;align-items:center;gap:4px;height:23px;padding:0 8px;display:flex}.wireframe-top>span{background:#c2cbdf;border-radius:50%;width:3px;height:3px}.wireframe-top i{font:7px var(--font-mono);color:#66708a;letter-spacing:.5px;margin-left:auto}.wireframe-layout{grid-template-columns:28px 1fr;gap:7px;padding:9px;display:grid}.wireframe-layout>div:first-child{background:#edf1fa;border:1px solid #dce3f1;border-radius:2px;height:63px}.wireframe-layout>div:last-child{grid-template-columns:1fr 1fr;gap:6px;display:grid}.wireframe-layout i{border:1px solid #dce3f1;border-radius:2px;height:32px}.wireframe-layout i:first-child{background:#dfe7fb;grid-column:1/-1;height:22px}.build-card{background:var(--white);border:1px solid #e2e8f4;border-radius:11px;width:253px;padding:19px;position:absolute;bottom:50px;left:24%;transform:rotate(-3deg);box-shadow:0 9px 30px #1e2a5214}.build-card-top{font:8px var(--font-mono);letter-spacing:1px;color:#66708a;align-items:center;gap:9px;display:flex}.build-card-top>svg{margin-left:auto}.build-icon{background:var(--accent-light);width:32px;height:32px;color:var(--accent);border-radius:8px;place-items:center;display:grid}.build-card h3{letter-spacing:-1px;margin-top:12px;font-size:25px;font-weight:600}.build-card h3 span{color:var(--accent)}.build-card p{color:var(--muted);margin-top:5px;font-size:9px}.build-progress{gap:4px;margin-top:18px;display:flex}.build-progress i{background:var(--accent);border-radius:5px;width:20%;height:4px}.build-progress i:last-child{background:#edf0fe}.build-bottom{font:8px var(--font-mono);color:#66708a;justify-content:space-between;margin-top:10px;display:flex}.build-bottom>span{align-items:center;gap:4px;display:flex}.build-bottom svg{color:#597752}.canvas-sticker{color:#fff;font:7px var(--font-mono);letter-spacing:.8px;background:#3c53e7;align-items:center;gap:7px;padding:9px 12px;display:flex;position:absolute;bottom:30px;right:9px;transform:rotate(5deg);box-shadow:0 3px 10px #1e2a521f}.canvas-coordinate{font:7px var(--font-mono);letter-spacing:1px;color:#8a94a8;position:absolute;bottom:14px;left:17px}.discipline-strip{border-block:1px solid var(--line);justify-content:space-between;align-items:center;padding-block:20px;font-size:12px;display:flex}.discipline-strip>span{color:var(--muted)}.discipline-strip>div{font:11px var(--font-mono);align-items:center;gap:38px;display:flex}.discipline-strip>div>span{color:#aab4ca}.discipline-strip>svg{color:var(--accent)}.section{padding-block:84px}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:34px;display:flex}.section-heading h2{letter-spacing:-1px;margin-top:10px;font-size:33px}.text-link{align-items:center;gap:10px;font-size:13px;font-weight:500;line-height:1.5;display:inline-flex}.text-link:hover{color:var(--accent)}.projects-grid{grid-template-columns:1fr 1fr;gap:36px 26px;display:grid}.project-card{min-width:0}.project-cover{border-radius:var(--radius);border:1px solid var(--line);display:block;position:relative;overflow:hidden}.project-cover>img{aspect-ratio:1.7;object-fit:cover;width:100%}.project-visual{background:#eef1f8;justify-content:center;align-items:center;height:300px;display:flex;position:relative;overflow:hidden}.home-projects .project-visual{height:310px}.visual-workspace{background:#edf1f9}.visual-flow{background:#efedfb}.visual-research,.visual-stack{background:#edf2f8}.cover-link{background:var(--white);width:34px;height:34px;transition:transform var(--motion);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:16px;right:16px;box-shadow:0 2px 6px #00000008}.project-cover:hover .cover-link{transform:rotate(45deg)}.card-meta{color:var(--muted);justify-content:space-between;gap:12px;margin-top:19px;font-size:11px;display:flex}.meta-slash{color:#a3adc2;padding-inline:8px}.demo-label{color:var(--muted);border:1px solid var(--line-strong);border-radius:3px;padding:0 5px;font-size:10px}.project-card>h3{letter-spacing:-.6px;margin-top:8px;font-size:22px}.project-card>h3 a:hover{color:var(--accent)}.project-card>p{color:var(--muted);margin-top:9px;font-size:14px;line-height:1.8}.tag-row{flex-wrap:wrap;align-items:center;gap:7px;margin-top:15px;display:flex}.tag{background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:4px;padding:4px 8px;font-size:11px;line-height:1.5}.badge{border:1px solid var(--line);color:var(--muted);background:var(--white);white-space:nowrap;border-radius:99px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;line-height:1.5;display:inline-flex}.badge-dot{background:currentColor;border-radius:50%;width:4px;height:4px}.badge-live{color:#1f7a4d;background:#e9f7ef;border-color:#cdeadb}.badge-building{color:#92580f;background:#fdf3e2;border-color:#f2e3c8}.badge-experiment,.badge-testing{color:#4a54a8;background:#eef0f9;border-color:#dde1f0}.mini-app{color:#4d5a70;background:#fff;border:1px solid #d9e1ef;border-radius:7px;grid-template-columns:86px 1fr;width:88%;min-width:390px;height:247px;font-size:7px;display:grid;overflow:hidden;transform:translateY(28px)rotate(-3deg);box-shadow:0 14px 24px #1e2a5214}.mini-sidebar{background:#f6f8fc;border-right:1px solid #e5eaf4;padding:14px 7px;position:relative}.mini-logo{color:#16233f;align-items:center;gap:4px;font-size:16px;font-weight:700;display:flex}.mini-logo>span{font-size:7px}.mini-side-label{letter-spacing:1px;color:#66708a;margin:24px 4px 8px;font-size:5px}.mini-nav{border-radius:3px;align-items:center;gap:5px;padding:7px 5px;font-size:6px;display:flex}.mini-nav.selected{color:#2c3fc4;background:#e3ebff}.mini-square{border:1px solid #9db4d8;border-radius:1px;width:6px;height:6px}.mini-person{align-items:center;gap:5px;font-size:6px;display:flex;position:absolute;bottom:13px}.mini-person>span{background:#dfe7fa;border-radius:50%;place-items:center;width:16px;height:16px;display:grid}.mini-main{min-width:0}.mini-top{border-bottom:1px solid #ecf0f7;justify-content:space-between;height:27px;padding:8px 12px;font-size:6px;display:flex}.mini-top>span{background:#eff3fa;padding:0 4px;font-size:5px}.mini-heading{justify-content:space-between;align-items:center;padding:14px 12px 12px;display:flex}.mini-heading small{font:4px var(--font-mono);letter-spacing:.6px;color:#66708a}.mini-heading h3{letter-spacing:-.3px;margin-top:4px;font-size:10px}.mini-add{color:#fff;background:#3c53e7;border-radius:3px;align-items:center;gap:2px;padding:3px 6px;font-size:5px;display:flex}.mini-tabs{color:#66708a;border-bottom:1px solid #e7ecf6;gap:12px;height:19px;margin-inline:12px;font-size:5px;display:flex}.mini-tabs b{color:#2c3fc4;border-bottom:1px solid #2c3fc4;font-weight:500}.mini-columns{grid-template-columns:repeat(3,1fr);gap:7px;padding:11px;display:grid}.mini-column{min-width:0}.mini-column-label{align-items:center;gap:4px;margin-bottom:8px;font-size:5px;display:flex}.mini-column-label i{background:#8fa9e8;border-radius:50%;width:4px;height:4px}.mini-column-label>span{margin-left:auto;font-size:4px}.mini-task{background:#fff;border:1px solid #e5ebf5;border-radius:4px;margin-bottom:7px;padding:7px}.mini-task-label{color:#2f49c8;background:#e6eefe;border-radius:2px;padding:2px 4px;font-size:4px}.label-1{color:#8a5f14;background:#fdf1de}.mini-task p{white-space:nowrap;margin-top:7px;font-size:5px}.mini-task-foot{color:#6d7994;justify-content:space-between;align-items:center;margin-top:9px;font-size:4px;display:flex}.mini-avatar{color:#3d4d75;background:#e2e9f8;border-radius:50%;place-items:center;width:11px;height:11px;display:grid}.flow-visual{width:86%;position:relative;transform:rotate(-3deg)}.flow-label{font:8px var(--font-mono);letter-spacing:1.3px;color:#6d7994;justify-content:space-between;margin-bottom:26px;display:flex}.flow-path{align-items:center;display:flex}.flow-node{background:#fff;border:1px solid #d9e0ee;border-radius:8px;width:31%;min-width:0;padding:15px 10px;position:relative;box-shadow:0 5px 10px #1e2a5212}.flow-node>span{font:8px var(--font-mono);color:#66708a}.flow-node b{white-space:nowrap;margin-top:14px;font-size:12px;font-weight:500;display:block}.flow-node small{white-space:nowrap;color:#5f6b84;margin-top:6px;font-size:6px;display:block}.flow-node.accent{color:#fff;background:#3c53e7;border-color:#2c3fc4;transform:translateY(-14px)}.flow-connector{background:#b7c3de;width:5%;height:1px;position:relative}.flow-connector:after{content:"";border-top:1px solid #b7c3de;border-right:1px solid #b7c3de;width:4px;height:4px;position:absolute;top:-1.5px;right:0;transform:rotate(45deg)}.flow-bottom{color:#6d7994;justify-content:space-around;margin-top:19px;font-size:7px;display:flex}.research-visual{width:300px;height:240px;position:relative}.research-card{background:#fff;border:1px solid #dbe2ee;padding:24px;position:absolute;inset:0 30px;box-shadow:0 8px 12px #1e2a5214}.research-card.back{color:#2c3fc4;background:#dfe7fb;left:60px;right:0;transform:rotate(12deg)}.research-card.front{left:10px;right:50px;transform:rotate(-7deg)}.research-card>span{font:7px var(--font-mono);letter-spacing:1px}.research-mark{color:#8fa3e8;height:62px;font:56px Georgia,serif}.research-card h3{letter-spacing:-1px;font-size:23px;line-height:1.4}.research-card.back h3{margin-top:30px;font-size:20px}.research-rule{background:#dbe2f0;height:1px;margin:16px 0 7px}.research-card small{font:7px var(--font-mono);color:#66708a}.brief-visual{color:#fff;padding:40px}.brief-visual>span{font:10px var(--font-mono);letter-spacing:2px;color:#dbe4ff;margin-top:14px;display:block}.brief-visual h3{letter-spacing:-1.5px;margin-top:14px;font-size:36px}.lab-section{border-block:1px solid var(--line);background:#f5f7fb;padding-block:65px}.lab-section .section-heading{margin-bottom:14px}.lab-intro{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:29px;display:flex}.lab-intro p{color:var(--muted);font-size:14px;line-height:1.9}.lab-margin-note{color:#8a94a8;padding:0 10px 5px;font:italic 17px Georgia,serif;transform:rotate(-4deg)}.lab-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.lab-card{background:var(--paper);min-width:0;transition:transform var(--motion), border-color var(--motion);border:1px solid #e2e8f2;border-radius:12px;flex-direction:column;padding:22px;display:flex}.lab-card:hover{border-color:#b9c6e4;transform:translateY(-4px)}.lab-card-top{justify-content:space-between;align-items:center;display:flex}.icon-tile{background:var(--surface);border:1px solid var(--line);width:43px;height:43px;color:var(--ink);border-radius:10px;place-items:center;display:grid}.lab-card:first-child .icon-tile{background:var(--accent-light);color:var(--accent);border-color:#d3dcf6}.lab-card-body{flex:1;margin-top:23px}.small-label{font:10px var(--font-mono);letter-spacing:.5px;color:var(--muted)}.lab-card h3{letter-spacing:-.7px;margin-top:5px;font-size:22px;font-weight:600}.lab-card h3 a{justify-content:space-between;align-items:center;gap:10px;display:flex}.lab-card h3 a:hover{color:var(--accent)}.lab-card p{color:var(--muted);margin-top:11px;font-size:13px;line-height:1.85}.lab-card-bottom{color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;gap:10px;margin-top:23px;padding-top:14px;font-size:10px;display:flex}.lab-card-bottom time{font:9px var(--font-mono)}.utility-section{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:60px;padding-block:75px;display:grid}.tool-feature{background:linear-gradient(150deg,#edf0fe 0%,#f8faff 100%);border:1px solid #dbe2fc;border-radius:16px;padding:31px 36px;position:relative}.tool-feature h2{margin-top:51px;font-size:31px;line-height:1.5}.tool-feature>p{color:var(--muted);max-width:350px;margin-top:15px;font-size:14px;line-height:1.85}.tool-feature .button{background:var(--accent);margin-top:24px;font-size:13px}.tool-feature .button:hover{background:#2c3fc4}.tool-feature-note{color:var(--muted);margin-top:13px;font-size:11px;display:block}.tool-feature-icon{color:#3c53e7;background:#fff;border:1px solid #d3dcf6;border-radius:18px;place-items:center;width:77px;height:77px;display:grid;position:absolute;top:67px;right:30px;transform:rotate(9deg)}.tool-feature-icon span{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:25px;height:25px;font-size:13px;display:grid;position:absolute;bottom:-7px;right:-5px}.stack-feature{padding-block:20px}.stack-feature h2{margin-top:20px;font-size:31px;line-height:1.5}.stack-feature>p{color:var(--muted);margin-top:11px;font-size:14px}.stack-links{margin-top:24px;margin-bottom:22px}.stack-links>a{border-bottom:1px solid var(--line);align-items:center;gap:15px;padding:16px 0;display:flex}.stack-links>a>svg{color:#8a94a8;margin-left:auto}.stack-link-icon{color:#3c53e7;background:#eef1fb;border:1px solid #dde4f5;border-radius:8px;place-items:center;width:39px;height:39px;display:grid}.stack-links b{font-size:15px;font-weight:550}.stack-links small{color:var(--muted);margin-top:3px;font-size:12px;display:block}.stack-links>a:hover b{color:var(--accent)}.writing-section{grid-template-columns:1fr 2fr;gap:70px;display:grid}.writing-intro h2{margin-top:15px;font-size:33px;line-height:1.5}.writing-intro p{color:var(--muted);margin-top:15px;font-size:14px;line-height:1.9}.writing-intro .text-link{margin-top:25px}.article-card{border-top:1px solid var(--line);align-items:flex-start;gap:22px;padding:27px 0;display:flex;position:relative}.article-number{font:11px var(--font-mono);color:var(--muted);padding-top:3px}.article-body{flex:1;min-width:0}.article-meta{color:var(--muted);gap:14px;font-size:11px;display:flex}.article-meta>span:first-child{color:var(--accent)}.article-card h3{letter-spacing:-.4px;margin-top:10px;font-size:19px;font-weight:600;line-height:1.5}.article-card h3 a:hover{color:var(--accent)}.article-card p{color:var(--muted);margin-top:9px;font-size:13px;line-height:1.8}.article-card time{font:10px var(--font-mono);color:var(--muted);margin-top:14px;display:block}.article-arrow{color:var(--muted);margin-top:33px;margin-left:5px}.contact-banner{color:#fff;background:linear-gradient(115deg,#101c3a 0%,#23346b 55%,#3c53e7 135%);border:1px solid #22304f;border-radius:18px;align-items:center;gap:30px;margin-bottom:70px;padding:40px 42px;display:flex;box-shadow:0 24px 50px -22px #101c3a73}.contact-mark>svg{color:#8fa3ff;width:64px;height:64px}.contact-banner .eyebrow{letter-spacing:1px;color:#a9b8f5;font-size:8px}.contact-banner h2{letter-spacing:-1px;color:#fff;margin-top:10px;font-size:25px}.contact-banner>.button{color:var(--ink);background:#fff;border-color:#0000;flex-shrink:0;margin-left:auto;font-size:13px}.contact-banner>.button:hover{background:var(--accent-light);color:var(--accent-strong);border-color:#0000;transform:translateY(-2px)}.mobile-break{display:none}.site-footer{border-top:1px solid var(--line);padding-top:32px}.footer-top{justify-content:space-between;align-items:center;padding-bottom:28px;display:flex}.footer-top .brand{font-size:21px}.footer-top .brand-suffix{font-size:19px}.footer-top p{color:var(--muted);margin-top:11px;font-size:12px}.footer-links{gap:28px;font-size:12px;display:flex}.footer-links a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--line);font:10px var(--font-mono);color:var(--muted);justify-content:space-between;padding-block:20px;display:flex}.small-asterisk{color:var(--accent);padding-left:10px}.page-header{padding-top:64px;padding-bottom:40px}.page-header h1{margin-top:18px;font-size:clamp(33px,4vw,50px);line-height:1.45}.page-header>p{color:var(--muted);max-width:670px;margin-top:17px;font-size:16px;line-height:1.9}.page-header .demo-note{margin-top:23px;font-size:12px}.demo-note{color:var(--muted);align-items:baseline;gap:9px;font-size:12px;line-height:1.8;display:flex}.demo-note>span{font:9px var(--font-mono);letter-spacing:.8px;border:1px solid var(--line-strong);border-radius:3px;flex-shrink:0;padding:2px 5px}.collection-section{min-height:460px;padding-bottom:85px}.filter-bar{border-block:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;margin-bottom:34px;padding-block:17px;display:flex}.filters{flex-wrap:wrap;gap:8px;display:flex}.filter-button{color:var(--muted);background:0 0;border:1px solid #0000;border-radius:99px;padding:7px 16px;font-size:14px}.filter-button:hover{background:var(--surface)}.filter-button[aria-pressed=true]{background:var(--ink);color:#fff}.result-count{font:11px var(--font-mono);color:var(--muted);white-space:nowrap}.empty-state{text-align:center;border:1px dashed var(--line-strong);border-radius:14px;padding:70px 24px}.empty-state svg{color:var(--muted);margin:auto}.empty-state h2{margin-top:16px;font-size:23px}.empty-state p{color:var(--muted);margin-top:10px;font-size:14px}.empty-state button{margin-top:20px}.tools-list{gap:18px;display:grid}.tool-card{border:1px solid var(--line);background:var(--white);border-radius:14px;align-items:flex-start;gap:25px;padding:30px;display:flex}.tool-ready{background:#f1f5fd;border-color:#dbe3f6}.tool-content{flex:1;min-width:0}.tool-title{align-items:center;gap:13px;display:flex}.tool-title h3{font-size:23px}.tool-content>p{color:var(--muted);max-width:640px;margin-top:10px;font-size:14px}.tool-card>.button,.tool-card>.text-link{flex-shrink:0;align-self:center}.tool-card .tag-row{margin-top:13px}.stack-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.stack-card{border:1px solid var(--line);background:var(--white);border-radius:13px;flex-direction:column;padding:25px;display:flex}.stack-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.stack-card h3{margin-top:24px;font-size:21px}.stack-card h3>a{justify-content:space-between;align-items:center;gap:8px;display:flex}.stack-card h3>a:hover{color:var(--accent)}.stack-card>p{color:var(--muted);flex:1;margin-top:12px;font-size:14px}.stack-context{border-top:1px solid var(--line);margin-top:22px;padding-top:17px}.stack-context>span{color:var(--muted);font-size:11px}.stack-context p{margin-top:5px;font-size:13px}.stack-bottom{color:var(--muted);justify-content:space-between;margin-top:20px;font-size:11px;display:flex}.articles-list{max-width:900px}.articles-list .article-card{padding:33px 0}.articles-list .article-card:first-child{border-top:0}.articles-list .article-card h3{font-size:24px}.articles-list .article-card p{font-size:14px}.breadcrumb{color:var(--muted);align-items:center;gap:9px;margin-top:35px;font-size:13px;display:inline-flex}.breadcrumb:hover{color:var(--accent)}.detail-header{max-width:830px;padding:30px 0 38px}.detail-meta{color:var(--muted);align-items:center;gap:12px;font-size:12px;display:flex}.detail-header h1{margin-top:19px;font-size:clamp(34px,5vw,58px);line-height:1.3}.detail-header .subtitle{letter-spacing:-.3px;margin-top:15px;font-size:20px}.detail-header .summary{color:var(--muted);margin-top:14px;font-size:16px;line-height:1.9}.detail-header .demo-note{margin-top:19px}.detail-actions{flex-wrap:wrap;gap:10px;margin-top:23px;display:flex}.detail-hero{border:1px solid var(--line);border-radius:16px;margin-bottom:43px;overflow:hidden}.detail-hero .project-visual{height:430px}.detail-hero .mini-app{grid-template-columns:120px 1fr;width:650px;height:370px;transform:translateY(24px)rotate(-3deg)}.detail-hero .mini-logo{font-size:22px}.detail-hero .mini-heading{padding:27px 20px}.detail-hero .mini-heading h3{font-size:18px}.detail-hero .mini-tabs{height:27px;font-size:9px}.detail-hero .mini-top{height:40px;padding:10px 18px;font-size:10px}.detail-hero .mini-nav{padding:12px 7px;font-size:10px}.detail-hero .mini-columns{gap:12px;padding:20px}.detail-hero .mini-column-label{font-size:9px}.detail-hero .mini-task{padding:12px}.detail-hero .mini-task p{font-size:9px}.detail-hero .mini-task-label,.detail-hero .mini-task-foot{font-size:7px}.detail-hero .flow-visual{max-width:720px}.detail-hero .flow-node{padding:28px}.detail-hero .flow-node b{font-size:20px}.detail-hero .flow-node small{font-size:12px}.detail-layout{grid-template-columns:230px 1fr;align-items:start;gap:75px;padding-bottom:80px;display:grid}.detail-aside{position:sticky;top:30px}.detail-facts{border-bottom:1px solid var(--line);gap:17px;margin:0;padding:0 0 23px;display:grid}.detail-facts dt{color:var(--muted);margin-bottom:4px;font-size:12px}.detail-facts dd{margin:0;font-size:14px}.contents-nav{gap:11px;margin-top:23px;display:grid}.contents-nav a{color:var(--muted);font-size:12px}.contents-nav a:hover{color:var(--accent)}.detail-content{max-width:750px}.prose-section{border-bottom:1px solid var(--line);margin-bottom:35px;padding-bottom:35px;scroll-margin-top:30px}.prose-section h2{letter-spacing:-.7px;font-size:25px;line-height:1.5}.prose-section p{color:var(--muted);white-space:pre-line;margin-top:17px;font-size:16px;line-height:2}.prose-section ul{color:var(--muted);padding-left:21px;font-size:15px;line-height:2}.prose-section li{margin-top:8px;padding-left:5px}.prose-section img{border-radius:12px;width:100%;margin-top:24px}.log-entry{border-bottom:1px solid var(--line);grid-template-columns:95px 1fr;gap:20px;padding-block:20px;display:grid}.log-entry:last-child{border:0}.log-entry strong{font-size:14px}.log-entry time{font:10px var(--font-mono);color:var(--muted);margin-top:7px;display:block}.log-entry p{margin:0;font-size:14px}.coming-notice{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:12px;align-items:center;gap:12px;margin-top:25px;padding:20px;font-size:14px;display:flex}.about-grid{grid-template-columns:1.6fr 1fr;align-items:center;gap:90px;padding-bottom:55px;display:grid}.about-monogram{background:#eef1fa;border:1px solid #dde4f2;border-radius:15px;justify-content:center;align-items:center;height:300px;display:flex;position:relative;overflow:hidden}.about-monogram>span{letter-spacing:-8px;color:#22304f;font-size:100px;font-weight:750;transform:rotate(-8deg)}.about-monogram>svg{width:70px;height:70px;color:var(--accent);position:absolute;top:28px;right:37px}.about-monogram small{font:9px var(--font-mono);letter-spacing:1px;color:var(--muted);position:absolute;bottom:25px;left:25px}.about-copy>p{color:var(--muted);font-size:17px;line-height:2}.about-copy .demo-note{margin-top:24px;font-size:12px}.about-section{border-top:1px solid var(--line);padding:42px 0}.about-section h2{margin-bottom:23px;font-size:28px}.capability-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.capability-card{border:1px solid var(--line);border-radius:12px;padding:25px}.capability-card>span{font:11px var(--font-mono);color:var(--accent)}.capability-card h3{margin-top:20px;font-size:21px}.capability-card p{color:var(--muted);margin-top:10px;font-size:14px}.focus-list{grid-template-columns:repeat(3,1fr);gap:24px;padding:0;list-style:none;display:grid}.focus-list li{border-left:2px solid var(--accent);padding-left:17px;font-size:15px}.contact-section{margin-bottom:70px}.contact-options{flex-wrap:wrap;gap:12px;display:flex}.contact-options .button:disabled{opacity:1;background:var(--surface);color:var(--muted);border-color:var(--line);transform:none}.about-muted{color:var(--muted);margin-bottom:20px;font-size:15px;line-height:1.9}.tool-workspace{grid-template-columns:1fr 1fr;align-items:start;gap:30px;margin-bottom:60px;display:grid}.tool-form,.tool-output{border:1px solid var(--line);background:var(--white);border-radius:14px;padding:27px}.tool-panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px;padding-bottom:18px;display:flex}.tool-panel-heading h2{font-size:20px}.tool-panel-heading>span{font:10px var(--font-mono);color:var(--muted)}.form-field{margin-bottom:20px;display:block}.form-field>span{margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-field input,.form-field textarea,.form-field select{border:1px solid var(--line-strong);background:var(--surface);border-radius:7px;width:100%;padding:11px 12px;font-size:14px;line-height:1.6;display:block}.form-field textarea{resize:vertical;min-height:90px}.form-field input::placeholder,.form-field textarea::placeholder{color:#98a2b6}.field-hint{color:var(--muted);margin-top:5px;font-size:12px;display:block}.form-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.plain-button{color:var(--muted);background:0 0;border:none;padding:10px;font-size:13px}.plain-button:hover{color:var(--accent)}.tool-output{min-height:450px;position:sticky;top:25px}.output-placeholder{text-align:center;color:var(--muted);padding:50px 20px}.output-placeholder svg{color:var(--accent);margin:auto}.output-placeholder h3{color:var(--ink);margin-top:22px;font-size:21px}.output-placeholder p{margin-top:12px;font-size:14px;line-height:1.9}.output-text{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.9 var(--font-mono);background:var(--surface);border:1px solid var(--line);border-radius:8px;max-height:580px;margin:0;padding:19px;overflow:auto}.output-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.output-actions .button{min-height:39px;font-size:12px}.form-message{color:var(--accent);min-height:20px;margin-top:15px;font-size:13px}.output-status{color:var(--muted);margin-top:12px;font-size:12px}.tool-privacy{color:var(--muted);align-items:center;gap:8px;margin:0 0 30px;font-size:12px;display:flex}.not-found{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:70px 20px;display:flex}.not-found>span{font:70px var(--font-mono);color:var(--accent)}.not-found h1{margin-top:13px;font-size:35px}.not-found p{color:var(--muted);margin-block:20px 28px}.skeleton{background:linear-gradient(90deg, var(--surface) 20%, #e7ecf6 50%, var(--surface) 80%);background-size:200% 100%;border-radius:10px;height:250px;animation:1.5s infinite shimmer}.loading-grid{grid-template-columns:1fr 1fr;gap:25px;min-height:500px;margin:50px 0;display:grid}@keyframes shimmer{to{background-position:-200% 0}}@media (min-width:1500px){.hero{padding-block:104px 92px}.hero h1{font-size:70px}.hero-canvas{height:448px}}@media (max-width:1100px){.container{width:calc(100% - 64px)}.desktop-nav{gap:19px;font-size:12px}.header-contact{padding:8px 12px;font-size:12px}.header-inner{gap:20px}.hero{padding-block:72px 64px}.hero h1{font-size:50px}.hero-stage{margin-top:46px}.hero-canvas{height:380px}.idea-note{width:126px;height:128px;padding:15px;left:22px}.wireframe{width:141px;right:16px}.build-card{width:235px;bottom:40px;left:17%}.canvas-sticker{bottom:19px;right:0}.canvas-coordinate{font-size:6px;bottom:10px;left:10px}.hero-description{font-size:14px}.hero-footnote{letter-spacing:0;font-size:7px}.button{gap:12px;padding-inline:17px;font-size:13px}.hero-actions{gap:9px}.utility-section{gap:35px}.tool-feature{padding:27px}.tool-feature h2,.stack-feature h2{font-size:28px}.lab-card{padding:19px}.lab-card-bottom{flex-wrap:wrap}.project-visual,.home-projects .project-visual{height:280px}.mini-app{min-width:350px;transform:translate(12px,30px)rotate(-3deg)}.contact-banner{gap:20px;padding:28px}.contact-banner h2{font-size:21px}.contact-mark>svg{width:52px;height:52px}.stack-grid{grid-template-columns:1fr 1fr}.detail-layout{grid-template-columns:180px 1fr;gap:45px}.about-grid{gap:45px}.discipline-strip>div{gap:23px}.writing-section{gap:40px}}@media (max-width:850px){.desktop-nav{gap:14px;margin-left:auto;margin-right:0}.desktop-nav a{font-size:12px}.header-contact{display:none}.hero h1{font-size:42px}.hero-canvas{height:340px}.build-card{width:218px;padding:15px;bottom:34px;left:10%}.build-card h3{font-size:24px}.canvas-top{font-size:6px}.idea-note{width:117px;height:117px;padding:13px;top:58px;left:13px}.idea-note b{font-size:22px}.wireframe{width:124px;top:54px;right:12px}.hero-description{font-size:13px}.hero-footnote{display:none}.hero-actions{margin-top:23px}.hero-actions .button{gap:8px;min-height:40px;padding:10px 13px;font-size:11px}.lab-grid{gap:13px}.lab-card{padding:16px}.lab-card h3{font-size:19px}.lab-card p{font-size:13px}.lab-card-top .icon-tile{width:35px;height:35px}.lab-card-top .badge{font-size:10px}.lab-margin-note{display:none}.section-heading h2{font-size:28px}.utility-section{gap:26px}.tool-feature{padding:25px}.tool-feature-icon{width:57px;height:57px;top:60px;right:20px}.tool-feature h2,.stack-feature h2{font-size:25px}.writing-section{grid-template-columns:1fr 1.8fr;gap:30px}.contact-banner .eyebrow{font-size:7px}.contact-banner h2{font-size:18px}.contact-mark{display:none}.tool-card{gap:20px;padding:25px}.tool-title h3{font-size:20px}.about-monogram{height:250px}.about-monogram>span{font-size:80px}.about-monogram>svg{width:50px;height:50px;right:20px}.detail-layout{grid-template-columns:160px 1fr;gap:30px}.discipline-strip>div{gap:16px;font-size:9px}}@media (max-width:680px){.container{width:calc(100% - 40px)}.site-header{height:73px}.header-inner{justify-content:space-between}.brand{font-size:23px}.brand-suffix{font-size:20px}.brand-logo{width:30px;height:30px}.desktop-nav{display:none}.menu-toggle{border:1px solid var(--line);background:0 0;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.menu-toggle svg{width:20px;height:20px}.hero{padding-block:52px 60px}.hero h1{white-space:normal;margin-top:20px;font-size:clamp(33px,8.8vw,56px);line-height:1.45}.hero-description{margin-top:18px;font-size:14px}.hero-actions{gap:10px;margin-top:24px}.hero-actions .button{gap:13px;min-height:44px;padding:11px 18px;font-size:13px}.hero-stage{margin-top:42px}.hero-canvas{border-radius:16px;height:325px}.canvas-top{font-size:8px}.idea-note{width:128px;height:125px;left:30px}.wireframe{width:145px;height:113px;right:24px}.build-card{width:231px;padding:17px;bottom:36px;left:23%}.canvas-sticker{bottom:18px;right:3px}.canvas-coordinate{font-size:6px;left:13px}.discipline-strip{gap:15px;padding-block:17px}.discipline-strip>span{font-size:10px}.discipline-strip>div{flex-wrap:wrap;justify-content:flex-end;gap:10px;font-size:8px}.discipline-strip>svg{display:none}.section{padding-block:45px}.section-heading{align-items:flex-end;gap:15px;margin-bottom:25px}.eyebrow{letter-spacing:1.2px;font-size:9px}.section-heading h2{margin-top:9px;font-size:25px;line-height:1.4}.text-link{white-space:nowrap;gap:6px;font-size:12px}.projects-grid{grid-template-columns:1fr;gap:32px}.project-visual,.home-projects .project-visual{height:285px}.mini-app{width:88%;min-width:340px;transform:translate(10px,29px)rotate(-3deg)}.card-meta{margin-top:16px}.project-card>h3{font-size:22px}.lab-section{padding-block:44px}.lab-grid{grid-template-columns:1fr;gap:15px}.lab-intro p{font-size:13px}.lab-card{padding:23px}.lab-card-top .icon-tile{width:42px;height:42px}.lab-card-top .badge{font-size:11px}.lab-card h3{font-size:25px}.lab-card-body{margin-top:20px}.lab-card p{font-size:14px}.lab-card-bottom{margin-top:23px;font-size:11px}.lab-card-bottom time{font-size:10px}.utility-section{grid-template-columns:1fr;gap:30px}.tool-feature{padding:27px}.tool-feature h2{margin-top:44px;font-size:31px}.tool-feature-icon{width:66px;height:66px;top:64px;right:31px}.stack-feature{padding:10px 5px}.stack-feature h2{font-size:29px}.stack-links b{font-size:16px}.writing-section{grid-template-columns:1fr;gap:28px}.writing-intro h2{font-size:28px}.writing-intro h2 br,.writing-intro p br{display:none}.writing-intro .text-link{margin-top:16px}.article-card{gap:14px;padding:23px 0}.article-card h3{font-size:19px}.article-meta{flex-wrap:wrap;gap:10px;font-size:10px}.article-arrow{width:18px}.contact-banner{margin-bottom:44px;padding:26px;display:block}.contact-banner .eyebrow{letter-spacing:.7px;font-size:7px}.contact-banner h2{margin-top:16px;font-size:25px;line-height:1.5}.mobile-break{display:block}.contact-banner>.button{margin-top:24px;font-size:13px}.footer-top{flex-direction:column;align-items:flex-start;gap:25px}.footer-links{flex-wrap:wrap;gap:26px;font-size:12px}.footer-bottom{flex-direction:column;gap:12px;font-size:9px}.page-header{padding-top:40px;padding-bottom:30px}.page-header h1{margin-top:16px;font-size:33px}.page-header>p{font-size:15px}.filter-bar{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:26px;padding-block:15px}.filter-button{padding:7px 13px;font-size:13px}.result-count{align-self:flex-end;font-size:10px}.collection-section{padding-bottom:55px}.stack-grid{grid-template-columns:1fr}.tool-card{flex-wrap:wrap;gap:16px;padding:23px}.tool-card>.icon-tile{width:39px;height:39px}.tool-content{flex-basis:calc(100% - 60px)}.tool-title{flex-wrap:wrap;gap:8px}.tool-title h3{font-size:20px}.tool-card>.button,.tool-card>.text-link{margin-left:55px}.articles-list .article-card h3{font-size:22px}.detail-header{padding-top:25px;padding-bottom:28px}.detail-header h1{overflow-wrap:anywhere;font-size:38px}.detail-header .subtitle{font-size:18px}.detail-header .summary{font-size:15px}.detail-hero{margin-bottom:28px}.detail-hero .project-visual{height:300px}.detail-hero .mini-app{flex-shrink:0;width:470px;min-width:0;height:320px;transform:scale(.8)translate(14px,36px)rotate(-3deg)}.detail-hero .flow-node{padding:14px 10px}.detail-hero .flow-node b{font-size:12px}.detail-hero .flow-node small{font-size:6px}.detail-layout{padding-bottom:45px;display:block}.detail-aside{margin-bottom:32px;position:static}.detail-facts{grid-template-columns:1fr 1fr;gap:20px}.contents-nav{display:none}.prose-section{margin-bottom:25px;padding-bottom:25px}.prose-section h2{font-size:22px}.prose-section p{font-size:15px;line-height:1.95}.prose-section ul{font-size:14px}.about-grid{grid-template-columns:1fr;gap:30px;padding-bottom:35px}.about-monogram{grid-row:1;height:225px}.about-monogram>span{font-size:94px}.about-monogram>svg{width:65px;height:65px;top:20px;right:32px}.about-copy>p{font-size:16px}.capability-grid{grid-template-columns:1fr;gap:14px}.capability-card h3{margin-top:13px}.focus-list{grid-template-columns:1fr;gap:21px}.about-section{padding-block:32px}.contact-options .button{font-size:12px}.tool-workspace{grid-template-columns:1fr;gap:23px;margin-bottom:42px}.tool-form,.tool-output{padding:21px}.tool-output{min-height:350px;position:static}.form-field input,.form-field textarea,.form-field select{font-size:16px}.tool-privacy{align-items:flex-start;font-size:12px}.output-placeholder{padding:25px 5px}.log-entry{grid-template-columns:80px 1fr;gap:14px}.loading-grid{grid-template-columns:1fr}}@media (max-width:360px){.container{width:calc(100% - 32px)}.hero h1{font-size:32px}.hero-actions .button{padding:11px 14px;font-size:12px}.hero-canvas{height:306px}.build-card{width:220px;left:17%}.idea-note{left:20px}.wireframe{width:129px;right:14px}.discipline-strip>span{display:none}.discipline-strip>div{justify-content:space-between;width:100%}.section-heading h2{font-size:23px}.section-heading .text-link{font-size:11px}.project-visual,.home-projects .project-visual{height:258px}.mini-app{min-width:319px;transform:translateY(33px)rotate(-3deg)}.flow-node{padding:12px 7px}.flow-node b{font-size:11px}.tool-feature{padding:23px}.tool-feature h2{font-size:27px}.tool-feature-icon{width:58px;height:58px;right:24px}.contact-banner{padding:23px}.contact-banner h2{font-size:23px}.page-header h1{font-size:30px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.idea-note>span:first-child{color:#3c53e7}.canvas-sticker{background:var(--accent)}.mini-side-label,.mini-heading small,.mini-task-foot,.mini-tabs{color:#66708a}.mini-task-label.label-1{color:#8a5f14}.flow-label,.flow-node>span,.flow-node small,.flow-bottom{color:#5f6b84}.flow-node.accent{background:#3c53e7}.flow-node.accent>span,.flow-node.accent small{color:#fff}.lab-margin-note,.research-card small,.build-card-top,.build-bottom,.canvas-top,.canvas-coordinate,.wireframe-top i{color:#66708a}.visual-brief{background:linear-gradient(135deg,#3c53e7 0%,#6a4de8 100%)}.brief-visual>span{color:#fff}@media (max-width:680px){.discipline-strip{flex-direction:column;align-items:flex-start;gap:10px}.discipline-strip>span{white-space:nowrap;flex-shrink:0}.discipline-strip>div{flex-wrap:nowrap;justify-content:space-between;gap:8px;width:100%}.lab-section .section-heading{display:block}.lab-section .section-heading .text-link{margin-top:14px}.tool-feature h2{margin-top:90px}}.brand-lockup{object-fit:contain;width:168px;height:auto;display:block}@media (max-width:680px){.brand-lockup{width:148px}}.newsletter-banner{color:var(--ink);background:linear-gradient(100deg,#edf6ff 0%,#f8fbff 68%,#eef5ff 100%);border:1px solid #dce7f7;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;margin-bottom:70px;padding:24px 30px;display:grid;box-shadow:0 12px 32px #4173b914}.newsletter-avatar{background:#dcecff;border-radius:50%;place-items:center;width:82px;height:82px;display:grid;overflow:hidden}.newsletter-avatar img{object-fit:contain;width:82px;height:82px}.newsletter-copy .eyebrow{color:#7183a0;letter-spacing:1.1px;font-size:8px}.newsletter-copy h2{color:#0e2445;letter-spacing:-.04em;margin-top:3px;font-size:22px}.newsletter-copy strong{color:#2e66d8;margin-top:2px;font-size:13px;display:block}.newsletter-copy p{color:#5d6f89;margin-top:6px;font-size:12px;line-height:1.7}.newsletter-actions{align-items:center;gap:10px;display:flex}.newsletter-actions .button{color:#173765;background:#fff;border-color:#d2e1f5;min-height:42px;padding-inline:17px;box-shadow:0 5px 14px #4173b914}.newsletter-actions .button:hover{color:#1f5de0;background:#fff;border-color:#8fb8f4}.newsletter-slogan{color:#7b8ba4;font-family:var(--font-mono);white-space:nowrap;align-self:end;font-size:10px}@media (max-width:900px){.newsletter-banner{grid-template-columns:auto minmax(0,1fr)}.newsletter-actions,.newsletter-slogan{grid-column:2}}@media (max-width:560px){.newsletter-banner{grid-template-columns:1fr;gap:14px;padding:20px}.newsletter-actions,.newsletter-slogan{grid-column:auto}.newsletter-actions{flex-wrap:wrap}.newsletter-slogan{white-space:normal;align-self:auto}}.newsletter-banner{grid-template-columns:auto minmax(0,1fr) auto auto}.newsletter-name{color:#365078;margin-top:2px;font-size:11px;display:block}.newsletter-qr{color:#6d7f99;white-space:nowrap;flex-direction:column;align-items:center;gap:4px;font-size:10px;display:flex}.newsletter-qr img{object-fit:cover;background:#fff;border-radius:8px;width:92px;height:92px;box-shadow:0 4px 14px #4173b91f}.newsletter-slogan{grid-area:2/2/auto/-1;justify-self:end}@media (max-width:900px){.newsletter-banner{grid-template-columns:auto minmax(0,1fr) auto}.newsletter-actions,.newsletter-slogan{grid-column:2/-1}}@media (max-width:560px){.newsletter-banner{grid-template-columns:1fr}.newsletter-qr,.newsletter-actions,.newsletter-slogan{grid-area:auto;justify-self:start}.newsletter-qr{flex-direction:row;gap:10px}.newsletter-qr img{width:82px;height:82px}}