.smart-canvas-container{flex-direction:column;gap:1.5rem;width:100%;max-width:1000px;margin:0 auto;display:flex}.canvas-header-controls{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:1rem;display:flex}.tool-island,.presets-island{background-color:#1e293b;border:1px solid #334155;border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem;display:flex;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.tool-divider{background-color:#334155;width:1px;height:1.5rem;margin:0 .25rem}.tool-icon-btn{color:#94a3b8;cursor:pointer;background-color:#0000;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:all .2s;display:flex}.tool-icon-btn:hover{color:#fff;background-color:#334155}.tool-icon-btn.active{background-color:var(--interactive-blue);color:#fff}.tool-icon-btn.action:hover{background-color:#475569}.tool-icon-btn.danger:hover{color:#ef4444;background-color:#ef444433}.tool-icon{border:2px solid;width:16px;height:16px;display:inline-block}.box-icon{border-radius:2px}.text-icon{border:none;font-weight:700;line-height:1}.btn-icon{opacity:.5;background-color:currentColor;border-radius:4px}.img-icon{position:relative}.img-icon:after{content:"";background:currentColor;width:141%;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.img-icon:before{content:"";background:currentColor;width:141%;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-45deg)}.presets-label{color:#94a3b8;text-transform:uppercase;margin-left:.75rem;margin-right:.25rem;font-size:.75rem;font-weight:600}.preset-chip{color:#cbd5e1;cursor:pointer;background-color:#0f172a;border:1px solid #334155;border-radius:9999px;padding:.35rem 1rem;font-size:.85rem;font-weight:500;transition:all .2s}.preset-chip:hover{color:#fff;background-color:#334155}.preset-chip.active{background-color:var(--interactive-blue);border-color:var(--interactive-blue);color:#fff}.canvas-workspace{flex-direction:column;align-items:stretch;gap:2rem;display:flex}.window-chrome{background-color:#1e293b;border-bottom:1px solid #334155;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.window-dots{gap:.5rem;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot.red{background-color:#ef4444}.dot.yellow{background-color:#f59e0b}.dot.green{background-color:#22c55e}.window-title{color:#94a3b8;margin-left:auto;margin-right:auto;font-size:.85rem;font-weight:500}.window-address-bar{color:#94a3b8;text-align:center;background-color:#0f172a;border-radius:4px;flex-grow:1;padding:.25rem .75rem;font-family:monospace;font-size:.8rem}.canvas-wrapper{background-color:#0f172a;border:1px solid #334155;border-radius:.75rem;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a}.preview-wrapper{background-color:#0f172a;border:1px solid #334155;border-radius:.75rem;flex-direction:column;min-height:600px;display:flex;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a}.drawing-board{cursor:crosshair;touch-action:none;width:100%;height:600px;display:block}.preview-action-column{justify-content:center;align-items:center;padding:0;display:flex}.generate-fab{background:linear-gradient(135deg,var(--interactive-blue),#6366f1);color:#fff;cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:.75rem;min-width:180px;padding:1rem 1.5rem;font-size:1rem;font-weight:700;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 4px 6px #0003}.generate-fab:hover:not(:disabled){transform:scale(1.05)translateY(-2px);box-shadow:0 10px 20px #6366f166}.generate-fab:disabled{cursor:wait;background:#334155;transform:scale(.98)}.generate-fab.loading{padding-right:2rem}.arrow-icon{width:1.25rem;height:1.25rem;transform:rotate(90deg)}.preview-frame-container{background-color:#fff;flex-grow:1;min-height:100%;position:relative}.preview-frame{border:none;width:100%;display:block}.iframe-reveal-container{background-color:#fff;width:100%;min-height:100%;position:relative}.preview-placeholder{color:#94a3b8;text-align:center;background-color:#f8fafc;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex;position:absolute;inset:0}.placeholder-icon{color:#cbd5e1;width:4rem;height:4rem;margin-bottom:1rem}.spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.theme-select{color:#cbd5e1;cursor:pointer;appearance:none;background-color:#0f172a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1rem;border:1px solid #334155;border-radius:9999px;outline:none;padding:.3rem 2rem .3rem .8rem;font-size:.8rem;transition:all .2s}.theme-select:hover{border-color:var(--interactive-blue);color:#fff}.semantic-ai-hud{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;z-index:20;background:#0f172ad9;border:1px solid #38bdf833;border-radius:.75rem;flex-direction:column;width:260px;max-height:200px;display:flex;position:absolute;bottom:1rem;right:1rem;overflow:hidden;box-shadow:0 10px 30px #00000080}.hud-title{color:#94a3b8;letter-spacing:.1em;background:#1e293b;border-bottom:1px solid #ffffff0d;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.65rem;font-weight:800;display:flex}.hud-content{flex-direction:column;gap:.4rem;padding:.75rem;display:flex;overflow-y:auto}.hud-entry{color:#cbd5e1;font-family:Roboto Mono,monospace;font-size:.65rem;line-height:1.4;animation:.3s ease-out backwards hud-line-in}.hud-bullet{color:#38bdf8;margin-right:.4rem;font-weight:700}@keyframes hud-line-in{0%{opacity:0;transform:translate(5px)}to{opacity:1;transform:translate(0)}}@media (max-width:1100px){.semantic-ai-hud{display:none}}.canvas-scan-overlay{pointer-events:none;z-index:5;position:absolute;inset:33px 0 0;overflow:hidden}.scan-line{background:linear-gradient(90deg,#0000,#38bdf8cc,#0000);width:100%;height:3px;animation:2s linear infinite scan-vertical;position:absolute;top:0;left:0;box-shadow:0 0 15px #38bdf880}@keyframes scan-vertical{0%{transform:translateY(0)}to{transform:translateY(600px)}}
.toc-nav{border-left:2px solid var(--border-color);padding-left:1.5rem}.toc-title{text-transform:uppercase;letter-spacing:.05em;color:var(--primary-text);margin-bottom:1rem;font-size:.875rem;font-weight:700}.toc-list{flex-direction:column;gap:.5rem;display:flex}.toc-item{list-style:none}.toc-item .toc-link{cursor:pointer;text-align:left;width:100%;color:var(--secondary-text);background:0 0;border:none;border-left:2px solid #0000;margin-left:-2px;padding:.25rem 0 .25rem .5rem;font-family:inherit;font-size:.875rem;line-height:1.5;text-decoration:none;transition:all .2s ease-in-out;display:block}.toc-item .toc-link:hover{color:var(--primary-text)}.toc-item.active .toc-link{color:var(--interactive-blue);border-left-color:var(--interactive-blue);font-weight:600;transform:translate(4px)}
@keyframes highlight-pulse{0%{box-shadow:0 0 25px #4f46e580}50%{box-shadow:0 0 35px #4f46e5cc}to{box-shadow:0 0 25px #4f46e580}}html.dark .testimonial-card:hover{box-shadow:0 10px 25px -5px #6366f11a,0 8px 10px -6px #6366f11a}.testimonial-card{background-color:var(--primary-background);border:1px solid var(--border-color);border-radius:.75rem;flex-direction:column;height:100%;padding:2rem;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d}.testimonial-card:hover{border-color:var(--interactive-blue);transform:translateY(-5px);box-shadow:0 10px 25px -5px #00000012,0 8px 10px -6px #00000012}.testimonial-card-bg-icon{width:3rem;height:3rem;color:var(--border-color-light);opacity:.6;z-index:0;transition:color .3s,opacity .3s;position:absolute;top:.75rem;left:.75rem}.testimonial-card:hover .testimonial-card-bg-icon{color:var(--interactive-light);opacity:1}.testimonial-card-quote{z-index:1;color:var(--primary-text);flex-grow:1;margin-bottom:1.5rem;font-size:1.125rem;font-style:italic;font-weight:500;line-height:1.6;position:relative}.testimonial-card-attribution{z-index:1;text-align:right;border-top:1px solid var(--border-color-light);margin-bottom:1.5rem;padding-top:1.5rem;position:relative}.testimonial-card-quoter,.testimonial-card-quoter-link{color:var(--primary-text);margin:0;font-weight:600}.testimonial-card-quoter-link{text-decoration:none;transition:color .2s ease-in-out}.testimonial-card-quoter-link:hover{color:var(--interactive-blue);text-decoration:underline}.testimonial-card-issuer{color:var(--secondary-text);font-size:.875rem}.testimonial-card-footer{background-color:var(--surface-background);border-top:1px solid var(--border-color);border-radius:0 0 .75rem .75rem;justify-content:space-between;align-items:center;margin:0 -2rem -2rem;padding:.75rem 1rem;display:flex}.testimonial-card-role{text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.role-label{color:var(--secondary-text);font-weight:500}.role-value{color:var(--primary-text);margin-left:.5rem;font-weight:600}.testimonial-card-link{color:var(--secondary-text);align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex}.testimonial-card-link:hover{color:var(--interactive-blue)}.testimonial-card-link .w-5{width:1.25rem}.testimonial-card-link .h-5{height:1.25rem}.testimonial-card.highlight{border-color:var(--interactive-blue);box-shadow:0 0 25px var(--glow-color);transform:translateY(-8px)scale(1.03)}.testimonial-card.highlight-click{animation:1.5s ease-in-out highlight-pulse}
.testimonial-showcase{flex-direction:column;gap:4rem;display:flex}.year-section{position:relative}.year-heading{color:var(--border-color);z-index:0;-webkit-user-select:none;user-select:none;font-size:3rem;font-weight:800;position:absolute;top:-1.5rem;left:.5rem;transform:rotate(-5deg)}@media (min-width:768px){.year-heading{font-size:5rem;top:-2.5rem;left:-1rem}}.testimonial-grid{z-index:1;grid-template-columns:1fr;gap:1.5rem;padding-top:2rem;display:grid;position:relative}@media (min-width:1024px){.testimonial-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}
.tool-execution-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;border:1px solid #00000014;border-radius:12px;flex-direction:column;gap:4px;width:100%;max-width:320px;margin:8px 0;padding:12px 16px;transition:all .3s;display:flex;box-shadow:0 2px 4px #00000005}.tool-execution-card.complete{background:#f0fdf4b3;border-color:#22c55e33}.tool-card-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.tool-card-title{text-transform:uppercase;letter-spacing:.05em;color:#6b7280;font-size:.7rem;font-weight:600}.tool-card-body{color:#1f2937;font-size:.9rem;font-weight:500}.tool-card-spinner{border:2px solid #0000001a;border-top-color:#3b82f6;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite tool-spin}.tool-card-check{color:#22c55e;justify-content:center;align-items:center;width:16px;height:16px;display:flex}@keyframes tool-spin{to{transform:rotate(360deg)}}
.try-it-out-button{background-color:var(--primary-background);border:1px solid var(--border-color);text-align:left;cursor:pointer;border-radius:.75rem;width:100%;max-width:42rem;margin:1.5rem auto;padding:1.25rem;transition:all .3s ease-in-out;display:block;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d}.try-it-out-button:hover{border-color:var(--interactive-blue);transform:translateY(-4px)scale(1.02);box-shadow:0 10px 15px -3px #4f46e51a,0 4px 6px -4px #4f46e51a}.button-content{align-items:center;gap:1rem;display:flex}.button-icon{flex-shrink:0;width:2.5rem;height:2.5rem}.text-container{flex-grow:1}.button-main-text{color:var(--primary-text);font-size:1.125rem;font-weight:600;display:block}.button-sub-text{color:var(--secondary-text);font-family:Roboto Mono,monospace;font-size:.875rem}.arrow-container{color:var(--subtle-text);font-size:1.5rem;transition:transform .3s,color .3s}.try-it-out-button:hover .arrow-container{color:var(--interactive-blue);transform:translate(5px)}
.video-simple-embed{background-color:#fff;border-radius:1rem;max-width:48rem;margin:2.5rem auto;padding:.5rem;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.video-simple-embed iframe,.video-simple-embed{aspect-ratio:16/9;background-color:#000;border-radius:.75rem;width:100%;margin-bottom:2rem;position:relative;overflow:hidden}.video-simple-embed video{object-fit:cover;width:100%;height:100%;display:block}.video-custom-overlay{cursor:pointer;z-index:10;background:#0000004d;border:none;justify-content:center;align-items:center;width:100%;height:100%;transition:background-color .3s;display:flex;position:absolute;top:0;left:0}.video-custom-overlay:hover{background:#0000001a}.video-custom-overlay:hover .video-play-icon-wrapper{background-color:var(--interactive-blue);border-color:var(--interactive-blue);transform:scale(1.1)}.video-simple-embed.playing .video-custom-overlay{display:none}.video-modal-thumbnail,.video-play-icon-wrapper{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#fff3;border:2px solid #fffc;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 6px #0000001a}.video-play-icon-wrapper svg{color:#fff;width:40px;height:40px;margin-left:4px}.video-with-title{max-width:48rem;margin:2.5rem auto}.video-with-title-embed-wrapper{background-color:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.video-with-title-embed-wrapper iframe{aspect-ratio:16/9;border:none;width:100%;display:block}.video-with-title-text-wrapper{background-color:#fff;border-radius:0 0 1rem 1rem;margin-top:-.5rem;padding:1.5rem}.video-with-title-title{color:var(--primary-text);font-size:1.25rem;font-weight:700}.video-with-title-description{color:var(--secondary-text);margin-top:.5rem;font-size:.875rem}.video-hero{border-radius:1rem;max-width:64rem;height:24rem;margin:2.5rem auto;position:relative;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.video-hero video{z-index:0;object-fit:cover;width:100%;height:100%;position:absolute}.video-hero-overlay{z-index:10;background-color:#0009;position:absolute;inset:0}.video-hero-content{z-index:20;color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:2rem;display:flex;position:relative}.video-hero-title{font-size:2.25rem;font-weight:700}@media (min-width:768px){.video-hero-title{font-size:3rem}}.video-hero-text{max-width:48rem;margin-top:1rem}.video-hero-button{background-color:var(--interactive-blue);color:#fff;border-radius:.5rem;margin-top:2rem;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:background-color .3s}.video-hero-button:hover{background-color:var(--interactive-hover)}.video-modal-thumbnail{cursor:pointer;border:none;border-radius:1rem;width:100%;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.video-modal-thumbnail img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.video-modal-thumbnail:hover img{transform:scale(1.1)}.video-modal-thumbnail-overlay{background-color:#0006;transition:background-color .3s;position:absolute;inset:0}.video-modal-thumbnail:hover .video-modal-thumbnail-overlay{background-color:#0009}.video-modal-play-icon-container{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.video-modal-play-icon-wrapper{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff4d;border-radius:9999px;justify-content:center;align-items:center;width:5rem;height:5rem;transition:transform .3s;display:flex}.video-modal-thumbnail:hover .video-modal-play-icon-wrapper{transform:scale(1.1)}.video-modal-play-icon{color:#fff;width:2.5rem;height:2.5rem;margin-left:.25rem}.video-modal{z-index:50;opacity:0;pointer-events:none;background-color:#000c;justify-content:center;align-items:center;padding:1rem;transition:opacity .3s ease-out;display:flex;position:fixed;inset:0}.video-modal.open{opacity:1;pointer-events:auto}.video-modal-content{opacity:0;width:100%;max-width:56rem;transition:transform .3s ease-out,opacity .3s ease-out;position:relative;transform:translateY(2rem)scale(.95)}.video-modal.open .video-modal-content{opacity:1;transform:translateY(0)scale(1)}.video-modal-iframe-wrapper{aspect-ratio:16/9;width:100%}.video-modal-iframe-wrapper iframe{border:none;border-radius:.75rem;width:100%;height:100%}.video-modal-close-button{color:#374151;cursor:pointer;background-color:#fff;border:none;border-radius:9999px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex;position:absolute;top:-1rem;right:-1rem}.video-modal-close-button:hover{background-color:#f3f4f6}
@keyframes cloud-float{0%{transform:translate(0)}50%{transform:translateY(-5px)}to{transform:translate(0)}}@keyframes pulse-glow{0%,to{stroke-opacity:.1}50%{stroke-opacity:.4}}@keyframes dash-flow{to{stroke-dashoffset:1000px}}.word-cloud-section{text-align:center;padding:3rem 0}.word-cloud-title{color:var(--primary-text);margin-bottom:2rem;font-size:1.5rem;font-weight:700}.word-cloud-svg-container{width:100%;max-width:48rem;margin:2rem auto}.cloud-shape{fill:url(#cloud-gradient);stroke:var(--border-color);stroke-width:1px;animation:8s ease-in-out infinite cloud-float}.connection-lines .connection-line{stroke:var(--interactive-blue);stroke-width:.5px;stroke-opacity:.1;animation:3s ease-in-out infinite pulse-glow}.connection-lines .connection-line-fast{stroke:var(--primary-brand-orange);stroke-width:.75px;stroke-dasharray:5 5;stroke-dashoffset:0;opacity:.5;animation:20s linear infinite dash-flow}.word-group .word-link{cursor:pointer}.word-group .word{font-family:var(--font-sans);text-anchor:middle;dominant-baseline:middle;cursor:default;filter:url(#text-shadow);transform-origin:50%;transition:all .3s}.word-group .word-link:hover .word{fill:var(--interactive-blue);filter:url(#glow)}.word-group .word.default{fill:var(--secondary-text)}.word-group .word.blue{fill:var(--interactive-blue)}.word-group .word.orange{fill:var(--primary-brand-orange)}.word-group .word.large{font-size:22px;font-weight:700}.word-group .word.large.default{fill:var(--primary-text)}.word-group .word.medium{font-size:16px;font-weight:600}.word-group .word.medium.default{fill:var(--primary-text)}.word-group .word.small{font-size:12px;font-weight:500}
.workshop-card-container{padding:2rem 1.5rem}.workshop-card-description{text-align:center;color:var(--secondary-text);max-width:65ch;margin:0 auto 2.5rem;font-size:1.125rem}.workshop-activities-grid{flex-direction:column;gap:2rem;max-width:48rem;margin:0 auto;display:flex}.workshop-activity-item{background-color:var(--surface-background);border:1px solid var(--border-color);border-radius:.75rem;align-items:flex-start;gap:1.5rem;padding:1.5rem;display:flex}.workshop-activity-icon{background-color:var(--interactive-light);width:3rem;height:3rem;color:var(--interactive-blue);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.workshop-activity-icon svg{width:1.75rem;height:1.75rem}.workshop-activity-content h4{color:var(--primary-text);margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.workshop-activity-content p{color:var(--secondary-text);margin:0;font-size:.95rem;line-height:1.6}