:root{--paper:#f1f0e8;--ink:#172b2b;--coral:#ff5948;--line:#c8cec4;--cyan:#00e6ed}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #e74736;outline-offset:6px}.skip{position:fixed;top:-100px;background:var(--ink);color:white;padding:15px;z-index:9}.skip:focus{top:8px}header,main>section,footer,.motto{padding-left:max(6%,calc((100vw - 1360px)/2));padding-right:max(6%,calc((100vw - 1360px)/2))}header{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:116px;border-bottom:1px solid var(--line)}.wordmark{font-weight:900;letter-spacing:-1px;line-height:.9;font-size:22px;display:block;white-space:nowrap}.wordmark>span{display:block}.dot{color:var(--coral);margin-left:5px;font-size:29px}nav{display:flex;gap:36px;font-size:13px;font-weight:600}nav a{padding:14px 0}nav a:hover,.text-link:hover{color:#b93628}.nav-cta{border-bottom:1px solid;padding:12px 0;font-weight:bold;font-size:13px}.nav-cta span{margin-left:22px}.hero{padding-top:36px;padding-bottom:68px;position:relative;overflow:hidden}.hero-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow,.edition,.project-top,.availability,.steps,.motto>span,.brain-note>span{font:10px/1.7 'Courier New',monospace;letter-spacing:1.4px;font-weight:bold}.status-dot{display:inline-block;background:var(--coral);height:8px;width:8px;border-radius:50%;margin-right:10px}.edition{font-size:9px;color:#56635e}h1{font-size:clamp(60px,7.9vw,114px);line-height:1.02;letter-spacing:-7px;font-weight:700;margin:62px 0 38px;position:relative;z-index:1}em{font-family:Georgia,serif;font-weight:400}h1 em{color:#d84534}.hero-bottom{display:flex;align-items:end;gap:65px}.hero-bottom p{font-size:16px;line-height:1.7;margin:0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;padding:21px 24px;font-size:13px;font-weight:bold;min-height:54px}.dark{background:var(--ink);color:var(--paper)}.dark:hover{background:#33504a}.brain-note{position:absolute;right:7%;bottom:60px;transform:rotate(8deg);width:192px;height:164px;border:1px solid #a1afa2;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#e5eadc}.brain-note strong{font:50px Georgia,serif;line-height:1.5}.brain-note>span{font-size:8px;letter-spacing:.6px}.motto{display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:var(--paper);padding-top:27px;padding-bottom:27px;gap:24px}.motto p{font:26px Georgia,serif;margin:0}.motto>span{font-size:9px;max-width:140px}.motto>span:last-child{font:40px Arial}.coral{color:var(--coral)}.explore{padding-top:95px;padding-bottom:90px}.section-heading{display:flex;align-items:start;justify-content:space-between;margin-bottom:42px}h2{font-size:clamp(34px,4vw,57px);line-height:1.06;letter-spacing:-2.5px;margin:0}.section-heading h2{width:65%}.split{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.split article{padding:32px}.tools{background:#e1e7dc}.arcade{background:#10222e;color:#f2f7fa}.project-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px}.pill{border:1px solid #8a988a;padding:5px 9px;border-radius:50px;font-size:8px;white-space:nowrap}.pill.live{color:#00e6ed;border-color:#306171}.tool-art,.arcade-art{height:320px;display:flex;align-items:center;justify-content:center;position:relative}.arcade-art img{width:290px;height:290px;object-fit:contain;transition:transform .2s}.arcade-art:hover img{transform:translateY(-7px)}.idea,.result{padding:20px 25px;font:italic 29px Georgia;position:absolute;box-shadow:5px 6px 0 #172b2b10}.idea{background:var(--paper);top:65px;left:12%;transform:rotate(-8deg)}.result{background:var(--coral);right:10%;top:150px;transform:rotate(7deg)}.cursor{position:absolute;font-size:58px;z-index:1;top:124px;left:49%}.steps{position:absolute;bottom:24px;font-size:8px;letter-spacing:1px}.steps i{margin:0 12px}.project-copy h3{font-size:36px;letter-spacing:-1.4px;margin:0 0 17px;line-height:1.08}.project-copy p{font-size:14px;line-height:1.75;max-width:380px;min-height:74px;margin:0 0 25px}.arcade .project-copy p{color:#b5c8d2}.availability{font-size:8px;letter-spacing:0}.availability span{width:6px;height:6px;background:#687a5c;display:inline-block;margin-right:5px}.text-link{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid;padding:12px 0;font-size:14px;font-weight:bold;max-width:370px}.arcade .text-link{color:var(--cyan);border-color:#376674}.feature{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;background:var(--coral);padding-top:68px;padding-bottom:68px;gap:35px}.feature h2{font-size:66px;margin-top:27px}.feature p:not(.eyebrow){line-height:1.7;font-size:15px;margin:22px 0 30px}.feature img{width:100%;height:auto}.about{padding-top:100px;padding-bottom:90px;display:grid;grid-template-columns:1fr 2fr}.about h2{font-size:clamp(45px,5.4vw,76px)}.about-copy{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin:33px 0 12px}.about-copy p{font-size:15px;line-height:1.8;color:#485a51}.closing{background:#dfe7d7;padding-top:50px;padding-bottom:55px;border-top:1px solid var(--line)}.closing p{font-size:clamp(42px,6.2vw,88px);letter-spacing:-4px;line-height:1.06;margin:0}.closing a{font-family:Georgia,serif;font-style:italic;border-bottom:2px solid}.closing a:hover{color:#b93628}footer{padding-top:45px;padding-bottom:45px;display:flex;align-items:center;justify-content:space-between;gap:35px}footer p{font:9px/1.9 'Courier New',monospace}footer nav{font-size:11px;gap:22px}@media(max-width:1100px){.brain-note{display:none}.edition{display:none}h1{letter-spacing:-5px}.motto p{font-size:23px}.section-heading h2{width:60%}.feature h2{font-size:54px}.split article{padding:25px}.project-top{letter-spacing:.7px}}@media(max-width:700px){header{min-height:115px;flex-wrap:wrap;gap:9px;padding-top:22px;padding-bottom:14px}.wordmark{font-size:19px}.nav-cta{display:none}header nav{gap:20px;font-size:11px;width:100%;justify-content:space-between}.hero{padding-top:24px;padding-bottom:42px}.eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:clamp(46px,10.4vw,72px);letter-spacing:-3px;margin:38px 0 28px}.hero-bottom{display:block}.hero-bottom p{font-size:14px}.hero-bottom .button{margin-top:25px}.motto{flex-wrap:wrap;padding-top:23px;padding-bottom:24px;gap:12px}.motto>span:first-child{max-width:100%;width:100%}.motto>span:last-child{display:none}.motto p{font-size:22px;line-height:1.4}.explore{padding-top:52px;padding-bottom:50px}.section-heading{display:block;margin-bottom:25px}.section-heading h2{width:100%;margin-top:22px;font-size:36px;letter-spacing:-1.8px}.split{grid-template-columns:1fr}.split article{padding:25px}.tool-art,.arcade-art{height:285px}.arcade-art img{width:260px;height:260px}.project-copy h3{font-size:33px}.feature{grid-template-columns:1fr;gap:20px;padding-top:40px;padding-bottom:35px}.feature h2{font-size:51px}.feature img{grid-row:1}.about{display:block;padding-top:52px;padding-bottom:52px}.about h2{font-size:47px;margin-top:26px;letter-spacing:-2px}.about-copy{grid-template-columns:1fr;gap:0;margin:20px 0}.about-copy p{margin:10px 0}.closing p{font-size:49px;letter-spacing:-2.8px}footer{flex-wrap:wrap;padding-top:30px;padding-bottom:30px}footer nav{width:100%;justify-content:space-between;gap:13px}footer p{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Website creation and live project example */
.websites{padding-top:84px;padding-bottom:84px;background:#e8e9df;border-top:1px solid var(--line)}
.website-heading{display:grid;grid-template-columns:1fr 2fr;gap:30px}.website-heading h2 em{color:#b93628}.website-intro{max-width:650px;font-size:17px;line-height:1.75;margin:28px 0 0}
.website-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:48px 0}.website-services article{border-top:1px solid #a8b5a7;padding-top:23px}.website-services h3{font-size:24px;letter-spacing:-.7px;line-height:1.2;margin:18px 0 12px}.website-services p{font-size:14px;line-height:1.75;max-width:360px}
.website-example{display:grid;grid-template-columns:1fr 1.2fr;border:1px solid #9eaa9c;min-width:0;background:var(--paper)}.example-brand{background:#233d38;color:#faf1d9;padding:34px;display:flex;flex-direction:column;justify-content:space-between;gap:55px;min-width:0}.example-label,.example-domain{font:10px/1.8 'Courier New',monospace;letter-spacing:1px}.example-domain{overflow-wrap:anywhere;letter-spacing:0;color:#dce5d8}.example-type{font-size:clamp(28px,3.7vw,54px);font-weight:900;line-height:1;letter-spacing:-2px}.example-type span{display:block;color:#ffd38a;font:13px/2.5 'Courier New',monospace;letter-spacing:3px;margin-top:20px}.example-details{padding:36px;min-width:0}.example-details h3{font-size:clamp(27px,3vw,39px);letter-spacing:-1.2px;line-height:1.1;margin:18px 0}.example-details>p:not(.eyebrow){font-size:15px;line-height:1.75}.example-capabilities{padding-left:20px;margin:25px 0;font-size:14px;line-height:1.7}.example-capabilities li{padding-bottom:9px}.example-details .example-note{color:#485a51;font-size:13px!important;margin:24px 0}.example-details .button{gap:20px;max-width:100%;line-height:1.5}.website-example a:focus-visible{outline-offset:5px}
@media(max-width:950px){.website-heading{grid-template-columns:1fr}.website-heading h2{font-size:48px}.website-services{gap:20px}.example-brand,.example-details{padding:26px}.example-type{font-size:36px}}
@media(max-width:700px){.websites{padding-top:48px;padding-bottom:48px}.website-heading{gap:16px}.website-heading h2{font-size:39px}.website-intro{font-size:15px;margin-top:22px}.website-services{grid-template-columns:1fr;gap:16px;margin:32px 0}.website-services p{max-width:none}.website-services h3{font-size:24px}.website-example{grid-template-columns:1fr}.example-brand{gap:35px}.example-type{font-size:43px}.example-details h3{font-size:30px}.example-details .button{font-size:12px;padding:18px;gap:14px}}