@font-face{font-family:SF Pro Display;src:url(https://cdn.jsdelivr.net/npm/sf-pro@1.0.3/font/woff2/sf-pro-display_regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:SF Pro Display;src:url(https://cdn.jsdelivr.net/npm/sf-pro@1.0.3/font/woff2/sf-pro-display_medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:SF Pro Display;src:url(https://cdn.jsdelivr.net/npm/sf-pro@1.0.3/font/woff2/sf-pro-display_semibold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:SF Pro Display;src:url(https://cdn.jsdelivr.net/npm/sf-pro@1.0.3/font/woff2/sf-pro-display_bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}*,:after,:before{margin:0;padding:0;box-sizing:border-box}:root{--glass-bg:rgba(255,255,255,0.55);--glass-bg-hover:rgba(255,255,255,0.72);--glass-border:rgba(255,255,255,0.7);--glass-border-hover:rgba(255,255,255,0.9);--glass-shadow:rgba(0,0,0,0.08);--glass-blur:20px;--specular-top:rgba(255,255,255,0.8);--specular-bottom:rgba(255,255,255,0.15);--caustic-1:rgba(100,180,255,0.2);--caustic-2:rgba(180,120,255,0.18);--caustic-3:rgba(255,150,180,0.15);--text-primary:rgba(0,0,0,1);--text-secondary:rgba(0,0,0,0.75);--text-tertiary:rgba(0,0,0,0.5);--surface:#ffffff}html{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Helvetica,Arial,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1,"liga" 1}body{min-height:100vh;background:var(--surface);color:var(--text-primary);overflow-x:hidden;display:flex;align-items:center;flex-direction:column}.page-transition-overlay{position:fixed;inset:0;z-index:1000;background:var(--surface);opacity:0;pointer-events:none;transition:opacity .3s ease}.page-transition-overlay.active{opacity:1;pointer-events:all}.page-content{animation:pageIn .4s cubic-bezier(.25,.46,.45,.94) both}@keyframes pageIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ambient{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.ambient-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.4;animation:float 20s ease-in-out infinite}.ambient-orb:first-child{width:600px;height:600px;background:radial-gradient(circle,rgba(100,170,255,.25),transparent 70%);top:-10%;left:-5%;animation-delay:0s;animation-duration:22s}.ambient-orb:nth-child(2){width:500px;height:500px;background:radial-gradient(circle,rgba(200,140,255,.2),transparent 70%);bottom:-15%;right:-8%;animation-delay:-7s;animation-duration:25s}.ambient-orb:nth-child(3){width:400px;height:400px;background:radial-gradient(circle,rgba(100,220,200,.18),transparent 70%);top:40%;left:50%;animation-delay:-12s;animation-duration:28s}.ambient-orb:nth-child(4){width:350px;height:350px;background:radial-gradient(circle,rgba(255,160,200,.18),transparent 70%);top:20%;right:20%;animation-delay:-4s;animation-duration:19s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-40px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(40px,30px) scale(1.03)}}.noise{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px}.container{position:relative;z-index:2;max-width:860px;padding:24px 16px;gap:0}.container,.hero-section{width:100%;display:flex;flex-direction:column;align-items:center}.hero-section{min-height:100vh;justify-content:center;padding:0}.photo-wrap{position:relative;width:100px;height:100px;margin-bottom:28px;cursor:pointer;z-index:2;-webkit-tap-highlight-color:transparent}.photo-wrap:before{content:"";position:absolute;inset:-3px;border-radius:50%;background:conic-gradient(from 0deg,rgba(120,200,255,.5),rgba(200,140,255,.5),rgba(255,180,200,.5),rgba(120,255,200,.5),rgba(120,200,255,.5));animation:borderRotate 6s linear infinite;opacity:.6;transition:opacity .4s ease}.photo-wrap:hover:before{opacity:1}.photo-wrap:after{content:"";position:absolute;inset:-8px;border-radius:50%;background:conic-gradient(from 120deg,transparent 0,rgba(120,200,255,.15) 20%,transparent 40%,rgba(200,140,255,.1) 60%,transparent 80%);animation:borderRotate 8s linear infinite reverse;filter:blur(6px)}@keyframes borderRotate{to{transform:rotate(1turn)}}.photo{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;background:rgba(255,255,255,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:1;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.photo-wrap:hover .photo{transform:scale(1.05)}.photo img{width:100%;height:100%;object-fit:cover;display:block}.photo:after{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent 50%,transparent);pointer-events:none}.greeting{text-align:center;margin-bottom:40px}.greeting h1{font-size:24px;font-weight:600;letter-spacing:-.5px;line-height:1.2;color:var(--text-primary)}.greeting h1 .wave{display:inline-block;width:30px;height:30px;vertical-align:text-top;margin-left:2px}.greeting h2{font-size:30px;font-weight:800;color:var(--text-primary);margin-top:8px;letter-spacing:.1px;min-height:2.4em}.typing-cursor{font-weight:300;animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.glass{position:relative;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(150%) brightness(108%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(150%) brightness(108%);border:1px solid var(--glass-border);transition:all .4s cubic-bezier(.25,.46,.45,.94)}.glass:before{inset:0;background:linear-gradient(180deg,var(--specular-top) 0,transparent 40%,transparent 85%,var(--specular-bottom) 100%);opacity:1}.glass:after,.glass:before{content:"";position:absolute;border-radius:inherit;pointer-events:none;transition:opacity .4s ease}.glass:after{inset:-1px;background:linear-gradient(135deg,var(--caustic-1) 0,transparent 30%,var(--caustic-2) 50%,transparent 70%,var(--caustic-3) 100%);opacity:0;z-index:-1;filter:blur(8px)}.glass:hover:after{opacity:1}.input-bar{width:100%;max-width:100%;border-radius:999px;padding:0;margin-bottom:20px;background:rgba(255,255,255,.45);border:1px solid rgba(0,0,0,.3);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);box-shadow:0 1px 3px rgba(0,0,0,.04),inset 0 1px 0 rgba(255,255,255,.6);overflow:visible;transition:all .3s ease}.input-bar:focus-within{background:rgba(255,255,255,.6);border-color:rgba(0,0,0,.22);box-shadow:0 2px 8px rgba(0,0,0,.06),inset 0 1px 0 rgba(255,255,255,.7)}.input-bar-inner{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 18px;position:relative;z-index:1}.input-bar input{flex:1 1;background:none;border:none;outline:none;color:var(--text-primary);font-family:inherit;font-size:18px;font-weight:400;letter-spacing:-.1px;caret-color:rgba(0,113,227,1)}.input-bar input::placeholder{color:rgba(0,0,0,.42);font-weight:400}.input-bar .send-btn{flex-shrink:0;width:44px;height:44px;border-radius:50%;border:none;background:#0071e3;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.input-bar .send-btn:hover{background:#0062c4;transform:scale(1.06)}.input-bar .send-btn:active{transform:scale(.94);background:#0054a8}.nav-buttons{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;width:100%}.nav-btn{position:relative;border-radius:999px;padding:10px 16px;cursor:pointer;font-family:inherit;font-size:16px;font-weight:500;letter-spacing:0;color:#0071e3;text-decoration:none;background:rgba(255,255,255,.3);border:1px solid rgba(0,113,227,.3);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);box-shadow:0 .5px 1px rgba(0,0,0,.03),inset 0 .5px 0 rgba(255,255,255,.5);-moz-user-select:none;user-select:none;-webkit-user-select:none;transition:all .25s ease;display:inline-block;min-height:44px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.nav-btn:hover{background:#0071e3;color:#ffffff;border-color:#0071e3;box-shadow:0 1px 3px rgba(0,113,227,.25),0 4px 12px rgba(0,113,227,.15)}.nav-btn:active{background:rgba(0,113,227,.15);transition-duration:.08s}.nav-btn.active{background:#0071e3;color:#ffffff;border-color:#0071e3;box-shadow:0 1px 3px rgba(0,113,227,.25),0 4px 12px rgba(0,113,227,.15)}.back-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;border:1px solid rgba(0,113,227,.3);background:rgba(255,255,255,.3);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);color:#0071e3;font-family:inherit;font-size:17px;font-weight:500;cursor:pointer;transition:all .25s ease;text-decoration:none;margin-bottom:32px;align-self:flex-start;min-height:44px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.back-btn:hover{background:#0071e3;color:#ffffff;border-color:#0071e3;box-shadow:0 1px 3px rgba(0,113,227,.25),0 4px 12px rgba(0,113,227,.15)}.back-btn:active{background:rgba(0,113,227,.15);transition-duration:.08s}.back-btn svg{width:16px;height:16px}.page-title{font-size:28px;font-weight:700;letter-spacing:-.5px;color:var(--text-primary);margin-bottom:24px;align-self:flex-start}.page-body{align-self:flex-start;width:100%}.page-body p{font-size:18px;line-height:1.7;color:var(--text-secondary);margin-bottom:16px}.page-body ul{list-style:none;padding:0}.page-body li{font-size:18px;line-height:1.7;color:var(--text-secondary);padding:8px 0 8px 18px;position:relative}.page-body li:before{content:"";position:absolute;left:0;top:16px;width:6px;height:6px;border-radius:50%;background:rgba(0,113,227,.45)}.stagger{opacity:0;transform:translateY(20px);animation:staggerIn .7s cubic-bezier(.25,.46,.45,.94) forwards}.stagger:first-child{animation-delay:.1s}.stagger:nth-child(2){animation-delay:.25s}.stagger:nth-child(3){animation-delay:.4s}.stagger:nth-child(4){animation-delay:.55s}@keyframes staggerIn{to{opacity:1;transform:translateY(0)}}.back-btn:focus-visible,.input-bar:focus-within,.nav-btn:focus-visible{outline:2px solid rgba(0,113,227,.4);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.blog-list{display:grid;grid-template-columns:1fr;grid-gap:16px;gap:16px;width:100%}.blog-card{display:block;border-radius:16px;background:rgba(255,255,255,.45);border:1px solid rgba(0,0,0,.08);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);text-decoration:none;transition:all .3s cubic-bezier(.25,.46,.45,.94);-webkit-tap-highlight-color:transparent;overflow:hidden}.blog-card,.blog-card *{cursor:pointer}.blog-card:hover{background:rgba(255,255,255,.65);border-color:rgba(0,113,227,.2);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.06)}.blog-card-thumbnail{width:100%;height:140px;object-fit:cover;display:block}.blog-card-body{padding:14px 16px;flex:1 1;min-width:0}.blog-card-title{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:6px}.blog-card-excerpt{font-size:16px;line-height:1.5;color:var(--text-secondary);margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card-meta{font-size:14px;color:var(--text-tertiary);display:flex;gap:12px}.blog-post{width:100%;align-self:flex-start}.blog-post-header{margin-bottom:32px}.blog-post-title{font-size:32px;font-weight:700;letter-spacing:-.5px;color:var(--text-primary);margin-bottom:8px}.blog-post-category{font-size:13px;font-weight:600;color:#0071e3;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.blog-post-meta{font-size:16px;color:var(--text-secondary);display:flex;flex-direction:column;gap:4px}.blog-post-details{display:flex;gap:12px}.blog-post-content h2{font-size:26px;font-weight:600;color:var(--text-primary);margin-top:32px;margin-bottom:12px}.blog-post-content h3{font-size:22px;font-weight:600;color:var(--text-primary);margin-top:24px;margin-bottom:8px}.blog-post-content p{font-size:16px;line-height:1.2;color:var(--text-secondary);margin-bottom:16px}.blog-post-content strong{font-weight:700;color:var(--text-primary)}.blog-post-content a{color:#0071e3;text-decoration:none}.blog-post-content a:hover{text-decoration:underline}.blog-post-content code{font-family:SF Mono,Fira Code,Fira Mono,Menlo,Consolas,monospace;font-size:14px;background:rgba(0,0,0,.05);padding:2px 6px;border-radius:4px}.blog-post-content pre{background:rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:16px;overflow-x:auto;margin-bottom:16px}.blog-post-content pre code{background:none;padding:0;font-size:13px}.blog-post-content ol,.blog-post-content ul{padding-left:20px;margin-bottom:16px}.blog-post-content li{font-size:16px;line-height:1.2;color:var(--text-secondary);margin-bottom:4px}.blog-post-content blockquote{border-left:3px solid rgba(0,113,227,.3);padding-left:16px;margin-bottom:16px;font-style:italic;color:var(--text-secondary)}.blog-post-content .blog-figure{margin:0 0 16px}.blog-post-content .blog-figure img{max-width:100%;border-radius:12px;border:1px solid rgba(0,0,0,.1);display:block;margin:0 auto}.blog-post-content .blog-figure figcaption{font-size:15px;color:var(--text-secondary);text-align:center;margin-top:8px}.blog-post-content .blog-figure img.blog-img-small{max-width:80%}@media (min-width:769px){.blog-post-content .blog-figure img.blog-img-small{max-width:50%}}.blog-post-content .table-wrapper{overflow-x:auto;margin-bottom:16px;border-radius:12px;border:1px solid rgba(0,0,0,.08)}.blog-post-content table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.5}.blog-post-content th{text-align:left;padding:8px 10px;font-weight:600;color:var(--text-primary);background:rgba(0,0,0,.04);border-bottom:2px solid rgba(0,0,0,.1)}.blog-post-content td{padding:8px 10px;color:var(--text-secondary);border-bottom:1px solid rgba(0,0,0,.06)}.blog-post-content tr:last-child td{border-bottom:none}.blog-post-content tr:hover td{background:rgba(0,0,0,.02)}.home-elements{display:flex;flex-direction:column;align-items:center;max-height:500px;overflow:visible;transition:opacity .5s cubic-bezier(.25,.46,.45,.94),transform .5s cubic-bezier(.25,.46,.45,.94),max-height .5s cubic-bezier(.25,.46,.45,.94),margin-bottom .5s cubic-bezier(.25,.46,.45,.94)}.home-elements-hidden{transform:translateY(-10px);pointer-events:none;margin-bottom:0}.chat-back,.home-elements-hidden{opacity:0;max-height:0;overflow:hidden}.chat-back{align-self:flex-start;transform:translateX(-10px);transition:none}.chat-back-visible{opacity:1;transform:translateX(0);max-height:60px;margin-bottom:24px;transition:opacity .4s cubic-bezier(.25,.46,.45,.94) .3s,transform .4s cubic-bezier(.25,.46,.45,.94) .3s,max-height .4s cubic-bezier(.25,.46,.45,.94) .3s,margin-bottom .4s cubic-bezier(.25,.46,.45,.94) .3s}.input-bar-wrap{transition:all 1.2s cubic-bezier(.25,.46,.45,.94)}.input-bar-wrap-chat{width:100%;margin-top:16px;padding-bottom:env(safe-area-inset-bottom)}.input-bar-wrap-chat .input-bar{max-width:100%}.chat-messages{width:100%;display:flex;flex-direction:column;gap:16px;align-self:flex-start;max-height:0;overflow:hidden;opacity:0;transition:max-height .5s cubic-bezier(.25,.46,.45,.94) .3s,opacity .5s cubic-bezier(.25,.46,.45,.94) .3s,margin-bottom .5s cubic-bezier(.25,.46,.45,.94) .3s}.chat-messages-visible{max-height:2000px;overflow:visible;opacity:1;margin-bottom:32px}.chat-messages-transitioning{opacity:0;max-height:0!important;margin-bottom:0!important;overflow:hidden;transition:opacity .3s ease,max-height .4s cubic-bezier(.25,.46,.45,.94),margin-bottom .3s ease}.chat-bubble{max-width:90%;padding:14px 18px;border-radius:20px;font-size:16px;line-height:1.6}.chat-bubble p{margin:0}.chat-bubble-enter{animation:bubbleIn .6s cubic-bezier(.25,.46,.45,.94) both}@keyframes bubbleIn{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-user{align-self:flex-end;background:#0071e3;color:#ffffff;border-bottom-right-radius:6px}.chat-ai{align-self:flex-start;background:rgba(255,255,255,.55);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border:1px solid rgba(0,0,0,.08);color:var(--text-primary);border-bottom-left-radius:6px}.chat-response-image{width:110px;height:110px;border-radius:50%;object-fit:cover;margin-bottom:12px}.chat-error{color:#ff3b30}.typing-indicator{display:flex;align-items:center;gap:5px;padding:4px 0}.typing-indicator span{width:8px;height:8px;border-radius:50%;background:rgba(0,0,0,.3);animation:typingBounce 1.4s ease-in-out infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}.blog-link{display:inline-block;margin-top:40px;padding:10px 24px;text-decoration:none;background:#0071e3;border:1px solid #0071e3;border-radius:999px;box-shadow:0 1px 3px rgba(0,113,227,.25),0 4px 12px rgba(0,113,227,.15);backdrop-filter:none;-webkit-backdrop-filter:none;font-family:inherit;font-size:17px;font-weight:500;color:#ffffff;cursor:pointer;transition:all .25s ease;min-height:44px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.blog-link:hover{background:#0062c4;border-color:#0062c4;box-shadow:0 2px 6px rgba(0,113,227,.3),0 6px 16px rgba(0,113,227,.2)}.search-bar{display:flex;align-items:center;gap:10px;width:100%;padding:12px 18px;border-radius:14px;border:1px solid rgba(0,0,0,.12);background:rgba(255,255,255,.45);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);margin-bottom:20px;transition:all .25s ease}.search-bar:focus-within{border-color:rgba(0,113,227,.4);background:rgba(255,255,255,.6);box-shadow:0 0 0 3px rgba(0,113,227,.1)}.search-bar svg{flex-shrink:0;color:var(--text-tertiary);transition:color .25s ease}.search-bar:focus-within svg{color:#0071e3}.search-bar input{flex:1 1;background:none;border:none;outline:none;font-family:inherit;font-size:17px;color:var(--text-primary);min-width:0}.search-bar input::placeholder{color:rgba(0,0,0,.35)}.blog-view-toggle{display:flex;gap:0;margin-bottom:24px;border-radius:999px;overflow:hidden;border:1px solid rgba(0,113,227,.3);width:-moz-fit-content;width:fit-content}.blog-view-toggle button{padding:8px 20px;border:none;background:rgba(255,255,255,.3);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);font-family:inherit;font-size:15px;font-weight:500;color:#0071e3;cursor:pointer;transition:all .25s ease;min-height:44px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.blog-view-toggle button:not(:last-child){border-right:1px solid rgba(0,113,227,.3)}.blog-view-toggle button.active{background:#0071e3;color:#ffffff}.blog-view-toggle button:hover:not(.active){background:rgba(0,113,227,.08)}.blog-categories{display:flex;flex-direction:column;gap:24px;width:100%}.blog-category-group+.blog-category-group{margin-top:0}.blog-category-heading{font-size:20px;font-weight:600;color:var(--text-secondary);margin-top:0;margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid rgba(0,0,0,.08)}.blog-category-scroll{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:4px}.blog-category-scroll::-webkit-scrollbar{display:none}.blog-category-scroll .blog-card{flex:0 0 260px;scroll-snap-align:start}.blog-card-reveal{opacity:0;transform:translateY(16px);transition:opacity .5s cubic-bezier(.25,.46,.45,.94),transform .5s cubic-bezier(.25,.46,.45,.94)}.blog-card-visible{opacity:1;transform:translateY(0)}.blog-card-category{font-size:13px;font-weight:600;color:#0071e3;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}.link-row{gap:12px;width:100%}.link-row,.scroll-hint{display:flex;justify-content:center}.scroll-hint{margin-top:40px;opacity:0;transform:translateY(16px);transition:opacity .6s cubic-bezier(.25,.46,.45,.94),transform .6s cubic-bezier(.25,.46,.45,.94);pointer-events:none}.scroll-hint.scroll-hint-shown{opacity:1;transform:translateY(0);pointer-events:auto}.scroll-hint.scroll-hint-settled{transform:translateY(0);transition:opacity .4s ease}.scroll-hint-btn{display:flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer!important;pointer-events:auto;color:#0071e3;font-family:inherit;font-size:17px;font-weight:400;transition:gap .3s ease;min-height:44px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.scroll-hint-btn:hover{gap:10px}.scroll-hint-btn *,.scroll-hint-label{cursor:pointer!important;font-family:inherit;font-size:inherit;font-weight:inherit}.scroll-hint-btn svg{width:14px;height:14px;stroke-width:2;animation:none}.demo-section{width:100%;padding-bottom:80px}.demo-fade-item{opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.25,.46,.45,.94),transform .6s cubic-bezier(.25,.46,.45,.94)}.demo-fade-visible{opacity:1;transform:translateY(0)}.demo-section-heading{font-size:28px;font-weight:700;letter-spacing:-.5px;color:var(--text-primary);margin-bottom:16px;align-self:flex-start}.demo-carousel-wrap{position:relative;display:flex;align-items:center;gap:8px}.demo-chevron{flex-shrink:0;width:40px;height:40px;border-radius:50%;border:none;background:#f5f5f7;color:var(--text-secondary);cursor:pointer;display:none;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.25,.46,.45,.94);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.demo-chevron:hover{background:#e8e8ed;color:var(--text-primary);transform:scale(1.1)}.demo-chevron:active{transform:scale(.92);transition-duration:.1s}.demo-carousel{flex:1 1;min-width:0;display:flex;gap:16px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:8px 20px;-webkit-mask-image:linear-gradient(90deg,transparent,black 20px,black calc(100% - 20px),transparent);mask-image:linear-gradient(90deg,transparent,black 20px,black calc(100% - 20px),transparent)}.demo-carousel:after{content:"";flex:0 0 4px}.demo-carousel::-webkit-scrollbar{display:none}.demo-carousel-card,.demo-carousel-card *{cursor:pointer!important}.demo-carousel-card{flex:0 0 240px;border-radius:20px;overflow:hidden;background:#ffffff;border:none;text-decoration:none;display:flex;flex-direction:column;box-shadow:0 1px 3px rgba(0,0,0,.04),0 4px 12px rgba(0,0,0,.03);opacity:0;transform:translateY(24px);transition:transform .3s cubic-bezier(.25,.46,.45,.94),box-shadow .3s cubic-bezier(.25,.46,.45,.94);-webkit-tap-highlight-color:transparent}.demo-carousel-card.demo-card-visible{animation:demoCardIn .6s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes demoCardIn{to{opacity:1;transform:translateY(0)}}.demo-carousel-card.demo-card-visible:hover{transform:scale(1.03);box-shadow:0 4px 12px rgba(0,0,0,.06),0 16px 40px rgba(0,0,0,.08)}.demo-carousel-card.demo-card-visible:active{transform:scale(.97);transition-duration:.1s}.demo-carousel-thumb{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.demo-carousel-card-body{padding:18px 16px 16px}.demo-carousel-card-category{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#0071e3;margin-bottom:8px}.demo-carousel-card-title{font-size:19px;font-weight:600;letter-spacing:-.2px;color:var(--text-primary);margin-bottom:6px;line-height:1.3}.demo-carousel-card-desc{font-size:15px;line-height:1.4;color:var(--text-tertiary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.demo-carousel-dots{display:flex;justify-content:center;gap:8px;margin-top:12px}.demo-carousel-dot{width:8px;height:8px;border-radius:50%;border:none;background:rgba(0,0,0,.12);cursor:pointer!important;padding:0;transition:all .15s ease}.demo-carousel-dot.active{background:#0071e3;width:24px;border-radius:4px}.demo-carousel-dot:hover:not(.active){background:rgba(0,0,0,.25)}.blog-section{width:100%;padding-bottom:60px}.blog-section-heading{font-size:28px;font-weight:700;letter-spacing:-.5px;color:var(--text-primary);margin-bottom:16px;align-self:flex-start}.blog-carousel{display:flex;gap:16px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:8px 20px;-webkit-mask-image:linear-gradient(90deg,transparent,black 20px,black calc(100% - 20px),transparent);mask-image:linear-gradient(90deg,transparent,black 20px,black calc(100% - 20px),transparent)}.blog-carousel:after{content:"";flex:0 0 4px}.blog-carousel::-webkit-scrollbar{display:none}.blog-carousel-card,.blog-carousel-card *{cursor:pointer!important}.blog-carousel-card{flex:0 0 240px;border-radius:20px;overflow:hidden;background:#ffffff;border:none;text-decoration:none;display:flex;flex-direction:column;box-shadow:0 1px 3px rgba(0,0,0,.04),0 4px 12px rgba(0,0,0,.03);opacity:0;transform:translateY(24px);transition:transform .3s cubic-bezier(.25,.46,.45,.94),box-shadow .3s cubic-bezier(.25,.46,.45,.94);-webkit-tap-highlight-color:transparent}.blog-carousel-card.blog-card-visible{animation:blogCardIn .6s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes blogCardIn{to{opacity:1;transform:translateY(0)}}.blog-carousel-card.blog-card-visible:hover{transform:scale(1.03);box-shadow:0 4px 12px rgba(0,0,0,.06),0 16px 40px rgba(0,0,0,.08)}.blog-carousel-card.blog-card-visible:active{transform:scale(.97);transition-duration:.1s}.blog-carousel-card-thumbnail{width:100%;height:160px;object-fit:cover;display:block}.blog-carousel-card-body{padding:18px 16px 16px}.blog-carousel-card-category{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#0071e3;margin-bottom:8px}.blog-carousel-card-title{font-size:19px;font-weight:600;letter-spacing:-.2px;color:var(--text-primary);margin-bottom:6px;line-height:1.3}.blog-carousel-card-excerpt{font-size:15px;line-height:1.4;color:var(--text-tertiary);margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-carousel-card-meta{display:flex;gap:12px;font-size:13px;color:var(--text-tertiary)}.blog-carousel-dots{display:flex;justify-content:center;gap:8px;margin-top:12px}.demo-page-grid{display:grid;grid-template-columns:1fr;grid-gap:20px;gap:20px;width:100%}.demo-page-card,.demo-page-card *{cursor:pointer!important}.demo-page-card{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:#ffffff;text-decoration:none;opacity:0;transform:translateY(24px);box-shadow:0 1px 3px rgba(0,0,0,.04),0 4px 12px rgba(0,0,0,.03);transition:transform .3s cubic-bezier(.25,.46,.45,.94),box-shadow .3s cubic-bezier(.25,.46,.45,.94);-webkit-tap-highlight-color:transparent}.demo-page-card-visible{animation:demoCardIn .6s cubic-bezier(.25,.46,.45,.94) forwards}.demo-page-card:hover{transform:scale(1.025);box-shadow:0 4px 12px rgba(0,0,0,.06),0 16px 40px rgba(0,0,0,.08)}.demo-page-card:active{transform:scale(.98);transition-duration:.1s}.demo-page-card-thumb{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;background:linear-gradient(135deg,#f5f5f7,#e8e8ed)}.demo-page-card-body{padding:20px 22px 24px}.demo-page-card-title{font-size:21px;font-weight:600;letter-spacing:-.2px;color:var(--text-primary);margin-bottom:6px}.demo-page-card-desc{font-size:15px;line-height:1.5;color:var(--text-tertiary)}.demo-page-card-link{display:inline-block;margin-top:14px;font-size:15px;font-weight:500;color:#0071e3}.contact-form{display:flex;flex-direction:column;gap:14px;width:100%;max-width:520px}.contact-input,.contact-textarea{width:100%;padding:12px 18px;border-radius:14px;border:1px solid rgba(0,0,0,.12);background:rgba(255,255,255,.45);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);font-family:inherit;font-size:17px;color:var(--text-primary);outline:none;transition:all .25s ease;min-height:44px}.contact-input::placeholder,.contact-textarea::placeholder{color:rgba(0,0,0,.35)}.contact-input:focus,.contact-textarea:focus{border-color:rgba(0,113,227,.4);background:rgba(255,255,255,.6);box-shadow:0 0 0 3px rgba(0,113,227,.1)}.contact-textarea{resize:vertical;min-height:120px;line-height:1.6}.contact-submit{align-self:flex-start;margin-top:4px;min-height:44px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.contact-submit:disabled{opacity:.6;pointer-events:none}.contact-success{padding:16px 20px;border-radius:14px;background:rgba(52,199,89,.12);border:1px solid rgba(52,199,89,.3);color:#248a3d;font-size:17px;font-weight:500}.blog-post-cta{margin-top:48px;padding-top:32px;border-top:1px solid rgba(0,0,0,.08);display:flex;flex-direction:column;align-items:flex-start;gap:14px}.blog-post-cta p{font-size:20px;color:var(--text-secondary);margin:0}.contact-error{padding:12px 16px;border-radius:12px;background:rgba(255,59,48,.1);border:1px solid rgba(255,59,48,.25);color:#d70015;font-size:15px;font-weight:500}.emoji-reactions{display:flex;flex-wrap:wrap;gap:8px;margin-top:40px;padding:16px 20px;border-radius:16px;background:rgba(255,255,255,.45);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border:1px solid rgba(0,0,0,.08)}.emoji-reaction-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:1px solid rgba(0,0,0,.1);background:rgba(255,255,255,.5);font-family:inherit;font-size:15px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .25s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:40px}.emoji-reaction-btn:hover{background:rgba(255,255,255,.8);border-color:rgba(0,113,227,.3);transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.06)}.emoji-reaction-btn:active{transform:scale(.96);transition-duration:.08s}.emoji-reaction-selected{background:rgba(0,113,227,.1);border-color:rgba(0,113,227,.4);color:#0071e3}.emoji-reaction-selected:hover{background:rgba(0,113,227,.15);border-color:rgba(0,113,227,.5)}.emoji-reaction-emoji{font-size:18px;line-height:1}.emoji-reaction-label{font-size:14px}.emoji-reaction-count{font-size:13px;font-weight:600;min-width:18px;text-align:center}@media (min-width:481px){.container{padding:40px 24px}.greeting h1{font-size:32px}.greeting h2{font-size:40px;min-height:auto}.nav-btn{padding:10px 22px;font-size:17px}.photo-wrap{width:140px;height:140px}.page-title{font-size:36px}.page-body li,.page-body p{font-size:20px}.blog-card-title{font-size:22px}.blog-post-content li,.blog-post-content p{font-size:17px}.blog-post-content code{font-size:15px}.blog-post-content pre code{font-size:14px}.blog-post-content th{padding:12px 16px}.blog-post-content td{padding:10px 16px}.chat-bubble{font-size:17px}.demo-carousel-card{flex:0 0 260px}.demo-chevron{display:flex}.demo-section-heading{font-size:36px}.blog-carousel-card{flex:0 0 260px}.blog-section-heading{font-size:36px}.blog-list{gap:20px}.blog-list,.demo-page-grid{grid-template-columns:repeat(2,1fr)}.demo-page-grid{gap:24px}}@media (min-width:769px){*,:after,:before{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='22' viewBox='0 0 16 22'%3E%3Cdefs%3E%3Cfilter id='s' x='-10%25' y='-10%25' width='130%25' height='130%25'%3E%3CfeDropShadow dx='0.5' dy='1' stdDeviation='0.5' flood-opacity='0.25'/%3E%3C/filter%3E%3C/defs%3E%3Cpath d='M1.5 0.5L1.5 16.5L5 12.5L8 19.5L10.5 18.5L7.5 11.5L12.5 11.5Z' fill='black' stroke='white' stroke-width='1' filter='url(%23s)'/%3E%3C/svg%3E") 1 1,default}.greeting h1{font-size:34px}.greeting h2{font-size:46px}.photo-wrap{width:160px;height:160px}.input-bar{max-width:580px}.page-title{font-size:40px}.page-body li,.page-body p{font-size:22px}.blog-list{grid-template-columns:repeat(3,1fr);gap:24px}.blog-card{display:flex;flex-direction:column}.blog-card-thumbnail{width:100%;height:160px}.blog-card-title{font-size:20px}.blog-card-excerpt{font-size:16px}.blog-post-title{font-size:38px}.blog-post-content li,.blog-post-content p{font-size:19px}.blog-post-content code{font-size:16px}.blog-post-content pre code{font-size:15px}.demo-carousel-card{flex:0 0 280px}.demo-section-heading{font-size:40px}.blog-carousel-card{flex:0 0 280px}.blog-section-heading{font-size:40px}.chat-bubble{max-width:85%;font-size:18px}}