/* Web interpretation of liquid glass: frosted surfaces, refractive edges and moving light. */
html{background:#e9eff4}body:not(.demo-body){background:transparent}
:root{--ice-text:#243846;--ice-muted:#516878;--glass:linear-gradient(135deg,#ffffffb8,#f8fcff38 55%,#e2eef77a);--glass-edge:#ffffffd4;--glass-shadow:inset 0 1px 0 #fff,inset 1px 0 0 #ffffffa0,inset 0 -1px 1px #adbfcd70,0 20px 65px #7795ae23}body{background:#e9eff4;color:var(--ice-text)}em{color:#617c97}.ice-landscape{position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 80% 0%,#fafdff 0,transparent 45%),linear-gradient(125deg,#e6ecf3,#eef2f7 45%,#dce8ef);overflow:hidden}.ice-orb{position:absolute;border-radius:50%;filter:blur(40px);opacity:.7;will-change:transform}.orb-a{width:60vw;height:60vw;background:radial-gradient(circle at 40% 35%,#fff,#c1d4e8 50%,#a6b5d630);left:-20vw;top:-15vw}.orb-b{width:50vw;height:50vw;background:radial-gradient(circle,#d0cfdd,#d9e6f070);right:-14vw;top:30vh}.orb-c{width:30vw;height:30vw;background:#c1dde3;left:30%;bottom:-20vh}.ice-grain{position:absolute;inset:0;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.35' filter='url(%23n)'/%3E%3C/svg%3E")}.header{margin:20px 4% 0;width:92%;height:76px;padding:15px 28px;border:1px solid var(--glass-edge);border-radius:24px;background:var(--glass);box-shadow:var(--glass-shadow);backdrop-filter:blur(25px) saturate(1.3);top:16px}.brand{color:#2e4657}.brand i{background:#7b9eb5}.brand-mark{background:linear-gradient(145deg,#c1d2df,#f0f7ff);color:#314c65;border:1px solid #ffffffbb;box-shadow:inset 0 1px 3px #fff,0 3px 8px #536c8920}.header nav a:after{background:#607d96}.enter,.mobile-menu{background:#ffffff50;border:1px solid #ffffffaa;color:#324c61}.header nav{font-size:12px;gap:35px}.scroll-progress{background:#809eae}.hero-section{padding:55px 5% 0;display:block;min-height:1040px;background:transparent;overflow:clip;text-align:center}.hero-copy{padding:10px 0 0;max-width:850px;margin:auto;position:relative}.eyebrow{justify-content:center;margin-bottom:20px;font-size:11px;gap:10px;color:#526d83}.eyebrow>span:last-child{font:9px Arial;letter-spacing:2px;background:#ffffff60;border:1px solid #ffffffbd;border-radius:20px;padding:5px 10px;margin-right:10px}.live-dot{background:#7a98ae;box-shadow:0 0 0 5px #a5c1d426}h1{font-size:clamp(58px,6.2vw,90px);line-height:1.4;letter-spacing:-3px;font-weight:700}.outlined{background:linear-gradient(90deg,#7089a8,#3c5a75 50%,#718eab);color:#526f8c;background-clip:text;-webkit-text-fill-color:transparent}.headline-line{display:inline-block}.hero-copy p{margin:18px auto 0;max-width:550px;color:#5b7182;font-size:14px;line-height:2}.hero-actions{justify-content:center;margin-top:24px;gap:30px}.main-btn{background:linear-gradient(130deg,#425f78,#2e475f);border:1px solid #6a8297;color:#fff;box-shadow:inset 0 1px 0 #ffffff45,0 8px 20px #42617c25;font-size:12px}.main-btn:hover{background:#405f7c}.text-link{border-color:#99adbc;font-size:12px}.hero-note{justify-content:center;font-size:10px;color:#718391;margin-top:17px}.hero-note b{color:#97aab9}.hero-art{width:850px;max-width:100%;height:490px;min-height:0;margin:10px auto 0;perspective:1600px;transform-style:preserve-3d}.resume-preview{width:420px;max-width:60%;left:31%;top:28px;transform:rotate(-8deg) rotateY(-12deg);border:1px solid #ffffffd0;background:var(--glass);backdrop-filter:blur(24px) saturate(1.25);border-radius:19px;box-shadow:var(--glass-shadow),0 30px 90px #4b678238;overflow:hidden;text-align:right}.browser-bar{background:#ffffff30;color:#5b788f;border-color:#ffffff88;padding:10px 18px}.browser-dots{color:#94a8ba}.preview-inner{padding:20px 25px}.preview-nav{color:#4b6a82}.sample-kicker{color:#6a8195;margin-top:20px}.preview-inner h2{font-size:24px;line-height:1.6;color:#304b63;margin-bottom:16px}.preview-inner h2 span{color:#90a8bc}.preview-inner h2 em{font-size:16px;color:#6b8298}.portrait-scene{height:108px;border-radius:10px;background:linear-gradient(145deg,#d4e1eb,#e5edf3);border:1px solid #ffffff91}.sun{background:radial-gradient(circle at 30% 25%,#fafdff,#a8bfd3);box-shadow:inset 0 0 12px #fff8;right:75px;width:80px;height:80px;top:14px}.arch{background:linear-gradient(100deg,#91adc3,#cbdbe7);box-shadow:inset 5px 0 12px #ffffff66;left:100px}.arch-two{background:linear-gradient(100deg,#d5e2ec,#a9bfd2);left:15px}.scene-caption{color:#557189;font-size:7px}.preview-bottom{color:#647f94;margin-top:19px}.preview-bottom i{background:#81a4b1}.links-preview{width:185px;left:14%;bottom:40px;transform:rotate(9deg) rotateY(12deg);border:1px solid #ffffffc9;background:linear-gradient(130deg,#eef7ffc2,#b9ccdd63);backdrop-filter:blur(26px) saturate(1.5);color:#355169;box-shadow:var(--glass-shadow),0 35px 80px #6c859540;text-align:center}.mini-avatar{background:linear-gradient(145deg,#e9f5fc,#a8c4d5);border:1px solid #fff;color:#416783}.links-preview>span{background:#ffffff60;border:1px solid #ffffffb3;border-radius:8px;color:#365873}.links-preview small{opacity:1;color:#617b8e}.links-preview>div:last-child{opacity:1;color:#5b788f}.floating-tag{background:var(--glass);backdrop-filter:blur(22px);border:1px solid #ffffffe8;box-shadow:var(--glass-shadow);color:#4c6b82;font-size:11px;padding:11px 20px}.tag-one{left:5%;top:67px;transform:rotate(-7deg)}.tag-one span{color:#8ba5bc}.tag-two{right:8%;bottom:70px;background:var(--glass);transform:rotate(8deg)}.color-palette{background:#ffffff55;border:1px solid #ffffffcf;backdrop-filter:blur(12px);box-shadow:var(--glass-shadow);bottom:33px;right:31%;transform:rotate(8deg)}.color-palette i{background:#9cb3c8}.color-palette i:nth-child(2){background:#d9e6ee}.color-palette i:nth-child(3){background:#b7b9cd}.color-palette i:nth-child(4){background:#567087}.orbit{width:600px;height:370px;border:1px solid #ffffffa1;left:15%;top:60px;transform:rotate(-23deg);box-shadow:0 1px 0 #9ab0c430}.orbit-two{transform:rotate(23deg);width:660px;height:300px;top:90px;left:10%;border-color:#a9bec650}.tiny-label{font-size:8px;letter-spacing:3px;top:12px;right:35%;color:#718ba0}.glass-sphere{position:absolute;border-radius:50%;border:1px solid #ffffffab;background:radial-gradient(circle at 30% 25%,#ffffffdd 0,#f3faff22 20%,#9ab4ca33 50%,#ffffff99 80%,#b4ccdd55);box-shadow:inset 5px 6px 15px #fff8,inset -5px -10px 20px #698baf20,0 20px 45px #6489ab20;backdrop-filter:blur(3px)}.sphere-one{height:100px;width:100px;right:4%;top:35px;z-index:4}.sphere-two{height:55px;width:55px;left:7%;bottom:72px;z-index:7}.scene-caption-glass{position:absolute;right:1%;top:230px;z-index:8;text-align:right;width:190px;direction:rtl}.scene-caption-glass span{font:9px Arial;letter-spacing:2px;color:#7994aa;display:block}.scene-caption-glass b{font-size:14px;display:block;margin:12px 0 5px;font-weight:400}.scene-caption-glass small{font-size:9px;color:#637e92}.hero-footer{position:absolute;bottom:15px;left:5%;right:5%;border-color:#b5c7d44d;color:#70879a;padding:15px 0}.marquee{background:#ffffff28;color:#607e97;border-block:1px solid #ffffffc0;backdrop-filter:blur(15px);padding:21px 0;font-size:18px}.marquee>div{animation-duration:28s}.section{background:transparent;border-color:#ffffff70;padding-block:110px}.section-index{color:#6f8698}.intro{position:relative}.intro h2{font-size:clamp(40px,5.2vw,76px)}.intro-bottom p,.section-heading p,.dual-copy p,.step p,.sample-disclaimer{color:#586f80}.big-asterisk{color:#9cb2c6}.templates{border:0;background:#ffffff12}.template-filters .btn,.billing .btn{background:#ffffff30;border-color:#ffffffb0;box-shadow:inset 0 1px 0 #fff8;color:#536c83;backdrop-filter:blur(15px)}.template-filters .active,.billing .active{background:#496780;color:#fff;border-color:#7894aa}.template-grid{gap:24px}.template-card{border:1px solid #ffffffc9;border-radius:24px;background:var(--glass);padding:12px;box-shadow:var(--glass-shadow);backdrop-filter:blur(22px);transform-style:preserve-3d}.template-art{border-radius:16px}.template-caption{padding:18px 10px 9px}.template-caption small{color:#647b8e}.template-caption>span{border-color:#bccddc;color:#536f83}.studio{background:linear-gradient(145deg,#d4e4ed,#eaf3f8);color:#3e5c71}.thumb-shapes i{background:linear-gradient(125deg,#94afc3,#bcd0df)}.thumb-shapes b{background:linear-gradient(130deg,#c9dce9,#a4bed2)}.thumb-shapes span{color:#7c9bb2}.thumb-line,.thumb-nav{border-color:#8ba5b340}.terminal{background:linear-gradient(135deg,#34495c,#233645);color:#e1eef8}.terminal h3 em{color:#a6c8e4}.terminal p span{color:#abcde6}.terminal-pill{border-color:#86a5bb66;color:#c3deee}.journal{background:linear-gradient(120deg,#dee3ed,#f2eff6);color:#5d5d78}.journal-rule{background:#b3acc4}.journal-star{color:#b4acc6}.dual-section{margin:30px 4%;padding:80px 5%;border:1px solid #ffffffc2;border-radius:40px;background:linear-gradient(115deg,#ffffff67,#d3e4ef30);box-shadow:var(--glass-shadow);backdrop-filter:blur(20px);position:relative;overflow:hidden}.address{border-color:#aec3d055}.address b{color:#647c90}.phone{border:2px solid #ffffffc4;background:linear-gradient(145deg,#f2faff99,#b6cede44);backdrop-filter:blur(22px);box-shadow:inset 0 2px 2px #fff,0 40px 70px #587a9433,inset 0 -1px 1px #91b0c588;border-radius:35px;transform:rotate(-10deg) rotateY(-15deg);color:#35516b}.phone-notch{background:#8aa9bb99;height:7px;width:65px;top:8px;border-radius:15px}.phone-avatar{background:linear-gradient(145deg,#b0cddd,#eaf6fb);color:#4c6c85;border:1px solid #fff}.phone p{color:#58748b}.phone a{background:#ffffff55;border-color:#ffffffd9;box-shadow:inset 0 1px 0 #fff,0 6px 16px #7391a710;border-radius:14px;color:#3d607c}.phone>span{color:#617d94}.phone-tag{background:var(--glass);border:1px solid #ffffffab;backdrop-filter:blur(20px);box-shadow:var(--glass-shadow);color:#3d5e78}.link-orbit{color:#c3d7e450;z-index:0}.how{background:transparent}.step{border-color:#b0c5d151;color:#768ea3;padding-inline:12px;border-radius:15px}.step>span{color:#87a1b6}.step.active{background:#ffffff45;color:#2d506b;box-shadow:inset 0 1px 0 #ffffffa0}.game-preview{background:var(--glass);border:1px solid #ffffffbd;backdrop-filter:blur(26px);box-shadow:var(--glass-shadow);border-radius:26px;color:#36546f;padding:35px}.game-top{color:#6b879d}.game-progress{background:#c7d8e355}.game-progress i{background:#7f9eb8}.game-symbol{color:#95b1c9}.game-preview p{color:#58758c}.game-preview #step-example{border-color:#a7c1d3;background:#ffffff25}.game-bottom>span{color:#64829a}.game-bottom .btn{background:#4e6e8b;color:#fff;border:1px solid #728ca3}.price-grid{gap:25px}.price-card{background:var(--glass);border-color:#ffffffd0;border-radius:25px;box-shadow:var(--glass-shadow);backdrop-filter:blur(22px);padding:35px 28px}.plan-label,.price-card>p,.price small{color:#607c92}.price-card ul{border-color:#aabfce50}.price-card li:before{color:#7196b1}.price-card .btn{background:#ffffff45;border-color:#fff;color:#405f77}.featured{background:linear-gradient(140deg,#536e8994,#304c687e);color:#fff;box-shadow:inset 0 1px 0 #ffffffab,inset 0 -1px 1px #ffffff61,0 25px 75px #55799733;border-color:#ffffffbd}.featured .plan-label,.featured p,.featured small{color:#e0edf7}.featured .btn{background:#e9f3fc;color:#36506a;border-color:#fff}.featured li:before{color:#c5e2f8}.billing .btn span{background:#d7e7f2;color:#42617b}.faq{background:transparent}.faq-list details{background:#ffffff25;padding:22px;margin:10px 0;border:1px solid #ffffffab;border-radius:17px;backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 #ffffff9c}.faq-list p{color:#526f85}.closing{margin:40px 4%;border-radius:40px;background:linear-gradient(130deg,#e2eff89c,#c4d8e555,#edecf799);border:1px solid #ffffffdb;box-shadow:var(--glass-shadow);backdrop-filter:blur(20px);padding:100px 24px;perspective:1000px}.closing h2 span{color:#5d7e9b}.closing-star{color:#adc5d7}.closing .btn{background:#476680;color:#fff;border:1px solid #809aad;box-shadow:inset 0 1px 0 #ffffff55}.closing-note{color:#56728a}.footer-section p,.footer-section small{color:#6b8498}.footer-section small{border-color:#adc4d344}.modal-box{background:linear-gradient(135deg,#eef7ffe8,#d5e5f1ed);backdrop-filter:blur(25px);border:1px solid #ffffffdd;color:#33516b;box-shadow:var(--glass-shadow);border-radius:25px}.notice-star{color:#8fabc2}.modal::backdrop{background:#243d5470;backdrop-filter:blur(12px)}
@media(min-width:1500px){.hero-section{min-height:1100px;padding-inline:5%}.hero-art{height:520px;min-height:0}.resume-preview{top:28px}.links-preview{bottom:40px}}
@media(max-width:1050px){.header nav{gap:20px}.hero-section{min-height:970px}.hero-art{height:440px;min-height:0;width:740px}.hero-copy h1{font-size:72px}.resume-preview{width:380px}.links-preview{width:170px}.orbit{width:530px;left:12%}.orbit-two{width:590px}.scene-caption-glass{right:0;width:150px}.hero-footer{position:absolute}.template-card{padding:10px}.template-art{padding:20px}.dual-section{gap:30px}.price-card{padding:27px 20px}}
@media(max-width:760px){.header{margin:12px 3% 0;width:94%;padding:12px 15px;height:65px;border-radius:21px;top:10px}.header nav{top:76px;right:0;left:0;background:#edf5fbea;border:1px solid #fff;border-radius:22px;box-shadow:var(--glass-shadow);backdrop-filter:blur(20px)}.header .brand{font-size:23px}.brand-mark{height:29px;width:28px;font-size:24px;line-height:26px}.enter{padding:6px 10px;margin-left:7px}.mobile-menu{border:0;padding:0 7px;font-size:21px}.hero-section{padding:45px 5% 0;min-height:940px}.hero-copy{padding:0}.eyebrow{font-size:10px;margin-bottom:22px;gap:7px}.eyebrow>span:last-child{font-size:6px;letter-spacing:1px;margin-right:2px;padding:5px 6px}.hero-copy h1{font-size:clamp(41px,10.2vw,68px);line-height:1.65;letter-spacing:-1.6px}.hero-copy p{font-size:12px;line-height:2.2;margin-top:16px}.hero-actions{gap:20px;flex-direction:column;margin-top:23px}.hero-actions .btn{font-size:12px;padding:13px 23px;min-height:46px}.hero-actions .text-link{font-size:11px;padding:3px 0;gap:15px}.hero-note{font-size:8px;gap:8px;margin-top:21px}.hero-art{height:430px;min-height:0;margin-top:23px;max-width:440px}.resume-preview{max-width:none;width:76%;left:21%;top:35px;border-radius:14px}.preview-inner{padding:18px 16px}.preview-inner h2{font-size:21px;letter-spacing:-.5px}.preview-inner h2 em{font-size:13px}.sample-kicker{margin-top:17px;font-size:8px}.portrait-scene{height:100px}.preview-nav{font-size:7px}.preview-nav b{font-size:12px}.preview-bottom{font-size:7px;margin-top:16px}.browser-bar{font-size:7px;padding:10px}.links-preview{width:142px;left:0;bottom:45px;padding:17px 12px}.links-preview b{font-size:11px}.links-preview>span{font-size:7px;padding:8px}.tag-one{left:0;top:8px;font-size:8px;padding:8px 12px}.tag-two{right:0;bottom:14px;font-size:9px;padding:9px 13px}.color-palette{bottom:15px;right:40%;padding:7px;gap:4px}.color-palette i{height:17px;width:17px}.sphere-one{width:55px;height:55px;right:-1%;top:0}.sphere-two{width:35px;height:35px;left:0;bottom:8px}.orbit{width:340px;height:250px;left:0;top:60px}.orbit-two{width:350px;height:200px;left:-2%;top:100px}.scene-caption-glass{display:none}.hero-footer{font-size:7px;bottom:10px;padding:10px 0}.marquee{font-size:15px;padding:15px 0}.section{padding:65px 6%}.intro h2{font-size:36px}.intro-bottom{gap:20px}.intro-bottom p{font-size:12px}.big-asterisk{font-size:55px}.section-heading h2{font-size:35px}.template-card{padding:12px;border-radius:24px}.template-art{padding:26px;border-radius:16px}.template-caption{padding:18px 7px 8px}.dual-section{margin:10px 3%;padding:45px 7%;border-radius:28px}.dual-copy h2{font-size:34px}.dual-copy p{font-size:12px}.dual-visual{padding:35px 5px 40px}.phone{width:230px}.phone-tag{right:-5px;font-size:11px}.game-preview{padding:25px;border-radius:23px}.game-preview h3{font-size:23px}.price-card{padding:30px}.price-card h3{font-size:26px}.faq-list details{padding:18px}.faq-list summary{font-size:12px}.closing{margin:20px 3%;border-radius:28px;padding:75px 15px}.closing h2{font-size:48px}.closing-star{font-size:105px}.footer-section{padding:30px 6%}.ice-orb{filter:blur(28px)}.orb-a{width:100vw;height:100vw;left:-30vw}.orb-b{width:100vw;height:100vw;right:-50vw;top:35vh}}
.theme-studio{background:linear-gradient(130deg,#e4eef5,#f1f6fb);color:#314f67}.theme-terminal{background:#263948;color:#deeffb}.theme-terminal .brand{color:#d5e7f5}.theme-terminal .demo-topbar{background:#304758;color:#deeffb;border-color:#ffffff22}.theme-terminal em{color:#afd1ec}.theme-journal{background:#e9e8f0;color:#57596f}.theme-journal em{color:#797997}.theme-journal .phone-avatar{background:#c3c5dc}.demo-topbar{background:#ffffff38;border-color:#fff9;backdrop-filter:blur(20px)}.demo-links>a,.demo-links>button{background:#ffffff50;border-color:#fff;border-radius:18px;box-shadow:inset 0 1px 0 #ffffffb0,0 8px 25px #496a8010}.theme-terminal .demo-links>a,.theme-terminal .demo-links>button{background:#ffffff09;border-color:#ffffff40}.demo-content article,.demo-navigation{border-color:#9eb3c34d}.demo-skill{border-color:#a2b7c766}
@media(prefers-reduced-transparency:reduce){.header,.template-card,.resume-preview,.links-preview,.floating-tag,.phone,.game-preview,.price-card,.faq-list details,.closing{backdrop-filter:none;background:#eef5fa}.featured{background:#48677f}.ice-grain{display:none}}
@supports not (backdrop-filter:blur(1px)){.header,.resume-preview,.links-preview,.floating-tag,.template-card,.phone,.game-preview,.price-card{background:#edf4fa}.featured{background:#47667e}}