@font-face{font-family:"DM Sans";src:url('/aiplug-design/assets/fonts/dm-sans.woff2');font-display:swap}@font-face{font-family:"Cormorant Garamond";src:url('/aiplug-design/assets/fonts/cormorant-garamond.woff2');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#F1F0E8;color:#142923;font:16px/1.6 "DM Sans",Arial,sans-serif}button,a{touch-action:manipulation}button{cursor:pointer;font:inherit}a{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.04;letter-spacing:-.055em}h1{font-size:clamp(42px,5.4vw,78px);font-weight:750}h2{font-size:clamp(30px,3.3vw,46px);font-weight:720}h3{font-size:25px}em{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;font-style:italic}.shell{max-width:1180px;width:calc(100% - 40px);margin:auto}.topbar{margin:26px 0 38px;border:3px solid #142923;border-radius:18px;box-shadow:5px 5px 0 #142923;background:#fffdf8;padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:800;font-size:23px;text-decoration:none;letter-spacing:-1px}.topbar>a:not(.brand){font-size:13px}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border:2px solid #142923;border-radius:10px;box-shadow:3px 4px 0 #142923;background:#fffdf8;color:#142923;font-size:14px;font-weight:750;text-decoration:none;gap:12px}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(2px);box-shadow:1px 1px 0 #142923}.lime{background:#DEF398}.small{padding:10px 15px;font-size:13px}.hero{display:grid;grid-template-columns:1.35fr 1fr;border:3px solid #142923;border-radius:22px;box-shadow:7px 7px 0 #142923;overflow:hidden;background:#fffdf8}.hero-copy{padding:58px 48px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:700;margin-bottom:18px}.hero-copy>p:not(.eyebrow){margin-top:26px;max-width:520px}.actions{display:flex;flex-wrap:wrap;gap:15px;margin-top:26px}.note{font-size:13px;line-height:1.6;color:#506056}.guide-stack{background:#142923;color:#F1F0E8;padding:48px 34px;display:flex;flex-direction:column;justify-content:center;gap:17px}.guide-stack>.eyebrow{color:#DEF398}.mini{padding:21px;border:1px solid #f1f0e852;border-radius:13px;box-shadow:4px 5px 0 #071c16;display:grid;grid-template-columns:25px 1fr;background:#213a31;gap:5px 14px}.mini span{grid-row:span 2;color:#DEF398;font-size:12px}.mini b{font-size:20px;letter-spacing:-.5px}.mini small{color:#c2cec7}.guide-stack>p{font-size:14px;margin-top:9px}.start{margin:90px 0 36px;max-width:720px}.start>p:not(.eyebrow){margin-top:22px;color:#506056}.jump-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.jump-links a{font-size:13px;font-weight:700;border:1px solid #14292355;border-radius:7px;padding:10px 13px;min-height:44px;text-decoration:none}.workflow{border:3px solid #142923;border-radius:20px;background:#fffdf8;box-shadow:5px 6px 0 #142923;margin:34px 0;padding:38px}.workflow header{display:flex;gap:22px;align-items:flex-start}.number{background:#DEF398;border:2px solid #142923;border-radius:12px;padding:10px 14px;font-size:24px;font-weight:800;flex:none}.workflow header p:last-child{margin-top:17px;color:#506056;max-width:680px}.workflow header .eyebrow{margin-bottom:10px}.steps{list-style:none;counter-reset:step;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:28px 0}.steps li{border-top:1px solid #14292344;padding-top:17px;counter-increment:step}.steps b{display:block;font-size:17px;letter-spacing:-.4px}.steps b:before{content:counter(step)'. ';color:#46744a}.steps span{font-size:14px;color:#506056;display:block;margin-top:8px}.example{background:#F1F0E8;border-radius:13px;padding:26px;margin:30px 0}.io{display:grid;grid-template-columns:1fr 1fr;gap:25px}.io>div{min-width:0}.io>div:last-child{border-left:1px solid #14292344;padding-left:25px}.io-label{display:block;font-size:11px;letter-spacing:.12em;font-weight:750;color:#46744a}.io pre{font:14px/1.65 "DM Sans",Arial,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;margin:13px 0}.example .note{margin-top:20px;border-top:1px solid #14292322;padding-top:15px}.prompt{border-top:2px solid #142923;padding-top:15px}.prompt summary{cursor:pointer;min-height:48px;display:flex;align-items:center;justify-content:space-between;font-size:19px;font-weight:750;letter-spacing:-.5px}.prompt[open] summary span{transform:rotate(45deg)}.prompt label{display:block;font-size:13px;margin:20px 0 12px}.prompt textarea{display:block;width:100%;min-height:330px;padding:18px;border:1px solid #14292377;border-radius:10px;resize:vertical;background:#F1F0E8;color:#142923;font:14px/1.65 "DM Sans",Arial,sans-serif}.prompt .button{margin-top:17px}.copy-status{margin:16px 0 0;font-size:13px;min-height:21px}.resources{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:38px 0;margin:65px 0;border-block:2px solid #142923}.resources p:not(.eyebrow){margin-top:15px;font-size:14px}.resources .actions{margin:0;max-width:370px}.dfy{background:#DEF398;padding:44px;border:3px solid #142923;border-radius:20px;box-shadow:6px 7px 0 #142923}.dfy>p:not(.eyebrow){margin-top:20px;max-width:660px}.dfy .button{margin-top:26px;background:#142923;color:#F1F0E8;box-shadow:4px 4px 0 #46744a}footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;padding:45px 0;font-size:13px}footer p{width:100%;color:#506056;font-size:12px}dialog{width:min(580px,calc(100% - 30px));max-height:calc(100svh - 30px);overflow:auto;border:3px solid #142923;border-radius:20px;box-shadow:6px 7px 0 #142923;padding:36px;background:#fffdf8;color:#142923}dialog::backdrop{background:#14292399}.close{float:right;min-height:44px;min-width:44px;border:0;background:transparent;font-size:28px}dialog>p,dialog .result p{margin-top:20px}dialog label{display:block;margin:24px 0 12px;font-weight:700}dialog textarea{width:100%;font:16px/1.5 "DM Sans";padding:12px;border:2px solid #142923;border-radius:8px}dialog .button{margin-top:20px}.skip{position:absolute;left:15px;top:-100px;z-index:10;background:#DEF398;padding:15px}.skip:focus{top:15px}:focus-visible{outline:3px solid #46744a;outline-offset:5px}.result[hidden]{display:none}@media(max-width:760px){.shell{width:calc(100% - 28px)}.topbar{padding:12px;margin:15px 0 28px}.topbar>a:not(.brand){display:none}.brand{font-size:19px}.hero{grid-template-columns:1fr}.hero-copy{padding:34px 25px}.guide-stack{padding:32px 25px}.mini{padding:17px}.start{margin-top:65px}.workflow{padding:26px 21px}.workflow header{gap:13px}.number{font-size:19px;padding:8px 10px}.steps{grid-template-columns:1fr;gap:15px}.steps span{margin-top:4px}.example{padding:20px;margin-inline:-4px}.io{grid-template-columns:1fr;gap:18px}.io>div:last-child{border-left:0;border-top:1px solid #14292344;padding:18px 0 0}.resources{display:block;margin:48px 0}.resources .actions{margin-top:23px}.dfy{padding:32px 24px}.dfy h2{font-size:34px}.prompt summary{font-size:17px}.prompt textarea{padding:13px;font-size:13px}.actions .button{flex:1;min-width:180px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button:hover,.button:active{transform:none}}
