:root{font-family:Roboto,Arial,sans-serif;color:#202124;background:#f8fafd;font-synthesis:none;text-rendering:optimizeLegibility;--ink:#202124;--muted:#5f6368;--blue:#1a73e8;--blue-dark:#185abc;--paper:#f8fafd;--line:#e3e7ed;--surface:#fff;--green:#34a853;--yellow:#fbbc04;--red:#ea4335}.material-icon{font-family:"Material Symbols Outlined";font-weight:normal;font-style:normal;font-size:20px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;direction:ltr;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;vertical-align:middle}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}.page{max-width:1440px;margin:0 auto;padding:0 clamp(24px,7vw,104px)}a{color:inherit}.topbar{height:84px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:14px;font-weight:700;letter-spacing:.11em}.brand img{width:38px;height:38px}.top-contact{display:inline-flex;align-items:center;gap:5px;text-decoration:none;color:#3c4043;font-size:13px;font-weight:500}.top-contact:hover,.footer-mail:hover{color:var(--blue)}.top-contact span{font-size:17px;color:var(--blue)}.hero{min-height:630px;position:relative;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:2vw;padding:62px 0 73px;overflow:hidden}.hero-copy{position:relative;z-index:1;max-width:610px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:700;letter-spacing:.095em;color:#5f6368;margin:0 0 25px}.eyebrow span{height:8px;width:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #34a85320}.hero h1{font-weight:400;font-size:clamp(54px,7.2vw,88px);line-height:1.04;letter-spacing:-.055em;margin:0;max-width:690px;color:#202124}.hero h1 em{font-style:normal;color:var(--blue)}.intro{font-size:clamp(16px,1.55vw,18px);line-height:1.7;color:#5f6368;max-width:490px;margin:23px 0 29px}.primary-button{display:inline-flex;align-items:center;gap:22px;padding:14px 18px;background:var(--blue);color:#fff;border-radius:100px;text-decoration:none;font-size:14px;font-weight:500;box-shadow:0 2px 5px #1a73e82b;transition:background .2s,box-shadow .2s,transform .2s}.primary-button:hover{background:var(--blue-dark);box-shadow:0 4px 9px #1a73e83b;transform:translateY(-1px)}.primary-button .material-icon{font-size:19px}.button-note{font-size:12px;color:#80868b;margin:12px 0 0}.hero-art{height:450px;position:relative;display:grid;place-items:center}.canvas-glow{position:absolute;width:410px;height:360px;background:radial-gradient(ellipse,#dce9fc 0%,#eaf1fb88 50%,transparent 74%);border-radius:50%}.canvas-card{width:min(390px,82%);height:330px;padding:0 19px 17px;background:#fff;border:1px solid #e4e8ef;border-radius:19px;position:relative;z-index:1;box-shadow:0 18px 50px #3c57751a,0 2px 8px #3c57750c;transform:rotate(-3deg)}.canvas-toolbar{height:42px;display:flex;align-items:center;gap:6px;border-bottom:1px solid #edf0f4}.canvas-toolbar span{height:7px;width:7px;border-radius:50%;background:#dadce0}.canvas-toolbar span:first-child{background:var(--red)}.canvas-toolbar span:nth-child(2){background:var(--yellow)}.canvas-toolbar span:nth-child(3){background:var(--green)}.canvas-toolbar i{height:6px;width:55px;border-radius:4px;background:#eef1f5;margin-left:7px}.canvas-stage{height:207px;position:relative;display:grid;place-items:center;background:#f8fafd;border-radius:11px;margin-top:13px;overflow:hidden}.canvas-stage:before,.canvas-stage:after{content:"";position:absolute;background:#e8edf4}.canvas-stage:before{width:1px;top:0;bottom:0;left:50%}.canvas-stage:after{height:1px;left:0;right:0;top:50%}.canvas-stage img{position:relative;z-index:2;width:175px;height:150px;object-fit:contain;filter:drop-shadow(0 7px 9px #52657920);animation:float 4.5s ease-in-out infinite}.stage-shape{position:absolute;z-index:1;width:44px;height:44px;border-radius:14px;opacity:.9}.shape-blue{top:31px;right:67px;background:#d7e7fd;transform:rotate(18deg)}.shape-yellow{bottom:28px;left:65px;width:27px;height:27px;border-radius:50%;background:#feefc3}.timeline{margin-top:12px}.timeline-label{display:flex;justify-content:space-between;color:#80868b;font-size:8px;font-weight:700;letter-spacing:.09em;margin-bottom:7px}.timeline-track{position:relative;height:24px;border-radius:6px;background:#f1f3f4;display:flex;align-items:center;gap:9px;padding:0 10px}.timeline-track i{height:9px;flex:1;border-radius:4px;background:#d3e3fd}.timeline-track i:nth-child(2){background:#fce8e6}.timeline-track i:nth-child(3){background:#e6f4ea}.timeline-track i:nth-child(4){background:#fef7e0}.timeline-track i:nth-child(5){background:#d3e3fd}.timeline-track b{position:absolute;width:2px;height:24px;left:56%;top:0;background:var(--blue)}.float-chip{position:absolute;z-index:2;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e8eaed;border-radius:14px;padding:10px 13px;box-shadow:0 6px 18px #3c57751a;color:#3c4043;font-size:11px;font-weight:500}.chip-motion{left:0;top:91px}.chip-motion .material-icon{color:var(--green)}.chip-play{right:4px;bottom:91px;width:42px;height:42px;justify-content:center;border-radius:50%;color:var(--blue)}.spark{position:absolute;color:var(--yellow);font-size:22px}.spark-one{top:49px;right:20%}.spark-two{bottom:56px;left:19%;font-size:14px;color:var(--red)}.hero-bottom{position:absolute;bottom:23px;left:0;right:0;display:flex;align-items:center;gap:10px;font-size:10px;font-weight:700;letter-spacing:.12em;color:#80868b}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green)}.bottom-line{height:1px;background:var(--line);flex:1;margin:0 4px}.footer{min-height:82px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;color:#80868b}.footer-mail{display:flex;align-items:center;gap:8px;color:#3c4043;text-decoration:none;font-weight:500}.footer-mail .material-icon{font-size:18px;color:var(--blue)}.copyright{font-size:11px}@keyframes float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(2deg)}}@media(max-width:760px){.topbar{height:72px}.hero{grid-template-columns:1fr;min-height:unset;padding:62px 0 76px;gap:25px}.hero-copy{grid-row:1}.hero-art{grid-row:2;height:350px}.canvas-card{width:min(370px,84%);height:310px}.canvas-stage{height:188px}.canvas-stage img{width:155px;height:140px}.canvas-glow{width:340px;height:310px}.chip-motion{left:3%;top:55px}.chip-play{right:3%;bottom:58px}.hero-bottom{bottom:20px}.footer{flex-wrap:wrap;padding:20px 0}.footer>span:nth-child(2){order:3;width:100%}}@media(max-width:430px){.hero h1{font-size:51px}.eyebrow{font-size:9px;letter-spacing:.07em}.intro{font-size:15px}.hero-art{height:310px}.canvas-card{width:84%;height:285px;padding:0 13px 13px}.canvas-toolbar{height:35px}.canvas-stage{height:170px;margin-top:10px}.canvas-stage img{width:138px;height:130px}.timeline-track{height:20px}.timeline-track b{height:20px}.chip-motion{left:-1%;top:39px}.chip-play{right:-1%;bottom:45px}.spark-one{right:13%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
:root .top-contact .material-icon{font-size:18px;color:var(--blue);margin-right:3px}:root .primary-button .material-icon{font-size:19px;color:#d2e3fc}
:root .page{min-height:100vh;min-height:100svh;display:flex;flex-direction:column}:root .hero{flex:1 0 auto}:root .footer{margin-top:auto}